/* Scoped by acc_branding to the ACC login page only. */
body.task-login {
  background: #172c37 url("acc-building.jpg") center 32% / cover no-repeat fixed !important;
  color: #172d3c !important;
}
body.task-login::before {
  content: ""; position: fixed; inset: 0; pointer-events: none;
  background: linear-gradient(90deg, rgba(7, 20, 30, .20), rgba(7, 20, 30, .48));
}
body.task-login #layout-content {
  position: relative; min-height: 100vh; min-height: 100svh;
  padding: 32px 24px !important; background: transparent !important;
  display: flex !important; flex-direction: column; justify-content: center !important;
  align-items: center; overflow: auto;
}
body.task-login #logo { display: none !important; }
body.task-login #login-form {
  width: min(420px, 100%) !important; max-width: 420px !important;
  padding: 38px 34px 26px !important; margin: 0 !important;
  background: rgba(255, 255, 255, .97); border: 1px solid rgba(255, 255, 255, .75);
  border-radius: 20px; box-shadow: 0 22px 72px rgba(0, 0, 0, .30);
  box-sizing: border-box;
}
.acc-heading { margin-bottom: 28px; }
.acc-eyebrow { display: block; color: #536a76; font-size: 10px; letter-spacing: .17em; font-weight: 700; line-height: 1.6; }
.acc-heading h2 { color: #142b3a; font-size: 34px; line-height: 1.2; margin: 10px 0 8px; font-weight: 600; }
.acc-heading p { font-size: 14px; line-height: 1.6; margin: 0; color: #526571; }
body.task-login #login-form .input-group { margin-bottom: 14px; }
body.task-login #login-form .input-group-text { background: #f0f4f6 !important; border-color: #c5d0d6 !important; color: #607580 !important; }
body.task-login #login-form input.form-control {
  min-height: 48px; background: #fff !important; color: #162d3c !important;
  border-color: #c5d0d6 !important; font-size: 15px;
}
body.task-login #login-form input::placeholder { color: #697d87 !important; opacity: 1; }
body.task-login #login-form input:focus { border-color: #18769a !important; box-shadow: 0 0 0 3px rgba(24, 118, 154, .16) !important; }
body.task-login #rcmloginsubmit {
  min-height: 48px; border-radius: 8px; margin-top: 8px; font-size: 14px;
  font-weight: 600; letter-spacing: .06em; background: #146a89 !important; border-color: #146a89 !important;
  color: #fff !important; box-shadow: 0 5px 14px rgba(20, 106, 137, .20);
}
body.task-login #rcmloginsubmit:hover { background: #105870 !important; border-color: #105870 !important; }
body.task-login #login-footer { margin-top: 22px; color: #647582 !important; font-size: 12px; }
body.task-login #login-footer a { color: #146a89 !important; }
body.task-login #messagestack { z-index: 100; }
@media (min-width: 1100px) {
  body.task-login #layout-content { align-items: flex-end; padding-right: max(6vw, 48px) !important; }
}
@media (max-width: 480px) {
  body.task-login { background-position: 50% 35% !important; background-attachment: scroll !important; }
  body.task-login #layout-content { padding: 22px 16px !important; }
  body.task-login #login-form { padding: 30px 24px 24px !important; border-radius: 16px; }
  .acc-eyebrow { font-size: 9px; }
  .acc-heading h2 { font-size: 30px; }
}
@media (max-height: 560px) {
  body.task-login #layout-content { justify-content: flex-start !important; }
}

body.task-login #login-form { top: auto !important; bottom: auto !important; }