.login-page .navbar {
  background-color: #111;
  padding-top: 7px;
  padding-bottom: 7px;
  box-shadow: 0px 2px 2px #ccc;
  border-bottom: none;
}

.login-page .navbar .brand-header-logo {
  height: 24px;
}

.login-page .brand-holder p {
  color: #333 !important;
}

.login-page .omniauth-container fieldset {
  display: none;
}

.super-sidebar .user-bar {
  background-color: #111 !important;

  --super-sidebar-border-color: var(--gl-border-color-section) !important;
  --super-sidebar-user-bar-bg: var(--gl-color-alpha-light-4) !important;

  --super-sidebar-user-bar-button-bg: var(--gl-color-alpha-light-16) !important;
  --super-sidebar-user-bar-button-border-color: transparent !important;
  --super-sidebar-user-bar-button-hover-bg: var(
    --gl-color-alpha-light-24
  ) !important;
  --super-sidebar-user-bar-button-active-bg: var(
    --gl-color-alpha-light-36
  ) !important;

  --super-sidebar-nav-item-hover-bg: var(--gl-color-alpha-light-8) !important;
  --super-sidebar-nav-item-active-bg: var(--gl-color-alpha-light-16) !important;
  --super-sidebar-nav-item-current-bg: var(--gl-color-alpha-light-8) !important;

  --super-sidebar-hr-mix-blend-mode: screen !important;

  --super-sidebar-bg: var(--gl-background-color-subtle) !important;
  --super-sidebar-user-bar-bg: var(--gl-background-color-subtle) !important;
  --super-sidebar-context-header-color: var(--gl-color-neutral-300) !important;
  --super-sidebar-accent-color: var(--gl-color-neutral-500) !important;

  --super-sidebar-user-bar-button-bg: var(--gl-color-alpha-light-16) !important;
  --super-sidebar-user-bar-button-color: var(--gl-color-neutral-50) !important;
  --super-sidebar-user-bar-button-border-color: transparent !important;
  --super-sidebar-user-bar-button-hover-bg: var(
    --gl-color-alpha-light-24
  ) !important;
  --super-sidebar-user-bar-button-hover-color: var(
    --gl-color-neutral-50
  ) !important;
  --super-sidebar-user-bar-button-active-bg: var(
    --gl-color-alpha-light-36
  ) !important;

  --super-sidebar-search-bar-button-bg: var(
    --gl-color-alpha-light-16
  ) !important;
}

.super-sidebar .user-bar #super-sidebar-search {
  color: var(--super-sidebar-user-bar-button-color) !important;
}

.super-sidebar .user-bar #super-sidebar-search:hover {
  color: var(--super-sidebar-user-bar-button-hover-color) !important;
}

.super-sidebar .user-bar hr {
  border: none !important;
}

.login-page button#oauth-login-oauth2_generic,
.login-page form.button_to[action="/users/auth/oauth2_generic"] button {
  background-color: #a62e21 !important;
  box-shadow: inset 0 0 0 1px #a52d20 !important;
  color: #fff !important;
}

.login-page button#oauth-login-oauth2_generic:hover,
.login-page form.button_to[action="/users/auth/oauth2_generic"] button:hover {
  box-shadow: inset 0 0 0 2px #8d1300, 0 2px 2px 0 rgba(0, 0, 0, 0.08) !important;
  background: #991c00 !important;
  border-color: #9e1800 !important;
}

.login-page button#oauth-login-oauth2_generic:active,
.login-page form.button_to[action="/users/auth/oauth2_generic"] button:active {
  box-shadow: inset 0 0 0 2px #660e00, 0 0 0 1px rgba(255, 255, 255, 0.4),
    0 0 0 4px rgba(31, 117, 203, 0.48) !important;
  outline: none !important;
  background-color: #9e1800 !important;
  border-color: #911f0a !important;
}

.login-page button#oauth-login-oauth2_generic:focus,
.login-page form.button_to[action="/users/auth/oauth2_generic"] button:focus {
  box-shadow: inset 0 0 0 2px #8d1300, 0 0 0 1px rgba(255, 255, 255, 0.4),
    0 0 0 4px rgba(31, 117, 203, 0.48) !important;
  outline: none !important;
  background-color: #a91c00 !important;
  border-color: #9e1800 !important;
}

.navbar-gitlab {
  background-color: #111 !important;
  box-shadow: 0px 2px 2px #ccc;
  border-bottom: none;
}

.header-logged-out {
  background-color: #111 !important;
}