html {
  --primary: #1e2129 !important;
  --secondary: #313644 !important;
  --selected-row: #313644 !important;
  --button-hover-bg: #313644 !important;
  --default-button-bg: #1e2129 !important;
  --header-bg: #1e2129 !important;
  --breadcrumbs-bg: #313644 !important;
}
#site-name::before {
  content: url(/static/img/logo.png);
  position: relative;
  top: 3px;
  left: -3px;
}
.environment-label::after {
  content: " - ";
}
.environment-label::before {
  content: "";
  display: inline-block;
  width: 8px;
  height: 8px;
  background-color: var(--message-success-bg);
  border-radius: 100%;
  margin-right: 6px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}

.environment-label.is-prod::before {
  background-color: var(--message-error-bg);
}

.admin-tabular-inline-pagination .page-selected {
  background-color: transparent !important;
  border: 1px solid var(--hairline-color) !important;
}

.admin-tabular-inline-pagination .results {
  background-color: transparent !important;
  color: var(--link-fg) !important;
  border: 1px solid var(--hairline-color) !important;
}

.btn {
  background: var(--button-bg);
  padding: 10px 15px;
  border: none;
  border-radius: 4px;
  color: var(--button-fg);
  cursor: pointer;
  transition: background 0.15s;
}

.btn.btn-link {
  background: none;
  border: none;
  color: var(--link-fg);
  cursor: pointer;
  transition: color 0.15s;
}

.login .form-row #id_auth-username,
.login .form-row #id_auth-password,
.login .form-row #id_token-otp_token {
  padding: 8px;
  width: 100%;
  box-sizing: border-box;
}