/* Staff login Night mode only. Day mode remains the original module exactly. */
html[data-gng-theme="night"] body.login_admin,
html[data-gng-theme="night"] body.authentication.forgot-password {
  min-height: 100vh !important;
  color: #dce7f3 !important;
  background-color: #000 !important;
  /* User-provided dark staff-login artwork. This is used ONLY in Night mode. */
  background-image:
    linear-gradient(rgba(0,0,0,.06), rgba(0,0,0,.12)),
    url('images/gng-login-dark-bg.png') !important;
  background-position: center center !important;
  background-size: cover !important;
  background-repeat: no-repeat !important;
  background-attachment: fixed !important;
}

html[data-gng-theme="night"] body.login_admin .container,
html[data-gng-theme="night"] body.login_admin .row,
html[data-gng-theme="night"] body.login_admin [class*="col-"],
html[data-gng-theme="night"] body.authentication.forgot-password .container,
html[data-gng-theme="night"] body.authentication.forgot-password .row,
html[data-gng-theme="night"] body.authentication.forgot-password [class*="col-"] {
  position: relative;
  z-index: 1;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

html[data-gng-theme="night"] body.login_admin form,
html[data-gng-theme="night"] body.authentication.forgot-password form {
  float: none !important;
  width: 100% !important;
  max-width: 455px !important;
  min-width: 0 !important;
  min-height: 0 !important;
  margin: 20px auto 0 !important;
  padding: 30px 30px 26px !important;
  color: #e0e9f3 !important;
  background: rgba(3, 7, 11, .86) !important;
  background-image: linear-gradient(145deg, rgba(255,255,255,.035), rgba(255,255,255,.008)) !important;
  border: 1px solid rgba(255,255,255,.68) !important;
  border-radius: 20px !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.06), 0 28px 80px rgba(0,0,0,.55) !important;
  backdrop-filter: blur(24px) saturate(120%) !important;
  -webkit-backdrop-filter: blur(24px) saturate(120%) !important;
}

html[data-gng-theme="night"] body.login_admin :is(h1,h2,h3),
html[data-gng-theme="night"] body.authentication.forgot-password :is(h1,h2,h3) {
  color: #fff !important;
  text-shadow: none !important;
}
html[data-gng-theme="night"] body.login_admin :is(label,p,.checkbox label,.text-muted,small),
html[data-gng-theme="night"] body.authentication.forgot-password :is(label,p,.checkbox label,.text-muted,small) {
  color: #c0ccd9 !important;
}

html[data-gng-theme="night"] body.login_admin .form-control,
html[data-gng-theme="night"] body.authentication.forgot-password .form-control {
  height: 44px !important;
  color: #f2f7fc !important;
  background: rgba(0, 0, 0, .58) !important;
  border: 1px solid rgba(255,255,255,.28) !important;
  border-radius: 9px !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.025) !important;
}
html[data-gng-theme="night"] body.login_admin .form-control:focus,
html[data-gng-theme="night"] body.authentication.forgot-password .form-control:focus {
  background: rgba(0,0,0,.74) !important;
  border-color: rgba(255,255,255,.72) !important;
  box-shadow: 0 0 0 3px rgba(111,144,184,.15) !important;
}
html[data-gng-theme="night"] body.login_admin .form-control::placeholder,
html[data-gng-theme="night"] body.authentication.forgot-password .form-control::placeholder {
  color: #8293a6 !important;
  opacity: 1 !important;
}

html[data-gng-theme="night"] body.login_admin .btn.btn-primary.btn-block,
html[data-gng-theme="night"] body.authentication.forgot-password .btn.btn-primary.btn-block {
  height: 44px !important;
  color: #fff !important;
  background: #5d7fa8 !important;
  background-image: none !important;
  border: 1px solid #7a9cc4 !important;
  border-radius: 9px !important;
  box-shadow: 0 10px 24px rgba(0,0,0,.30) !important;
}
html[data-gng-theme="night"] body.login_admin .btn.btn-primary.btn-block:hover,
html[data-gng-theme="night"] body.authentication.forgot-password .btn.btn-primary.btn-block:hover {
  background: #6b8db5 !important;
}
html[data-gng-theme="night"] body.login_admin a,
html[data-gng-theme="night"] body.authentication.forgot-password a {
  color: #a9c6e7 !important;
}
html[data-gng-theme="night"] body.login_admin .company-logo a,
html[data-gng-theme="night"] body.authentication.forgot-password .company-logo a {
  color: #fff !important;
}

@media (max-width: 767px) {
  html[data-gng-theme="night"] body.login_admin,
  html[data-gng-theme="night"] body.authentication.forgot-password {
    background-position: 24% center !important;
  }

  html[data-gng-theme="night"] body.login_admin form,
  html[data-gng-theme="night"] body.authentication.forgot-password form {
    max-width: calc(100vw - 32px) !important;
    padding: 24px 20px !important;
    margin-top: 22px !important;
  }
}