/* FINAL5 login only: legacy logincss.css form/button grammar, Open Sans
 * as required for NGO. Keep the original artwork, logo and auth contracts. */
body.auth-body {background:#f0f2f4;color:#676a6c;font:14px/1.42857143 "Open Sans",Arial,sans-serif;}
body.auth-body .auth-layout {grid-template-columns:minmax(0,1fr) minmax(0,1fr);}
body.auth-body .auth-hero {background:#081a2d;}
/* The original square image's lower 28% contains promotional statistics.
 * Present its people/branding region at full width without altering the asset. */
body.auth-body .auth-hero-image {filter:none;width:100%;height:auto;top:50%;bottom:auto;object-fit:contain;object-position:center top;transform:translateY(-36%);clip-path:inset(0 0 28% 0);}
body.auth-body .auth-hero-overlay {background:none;}
body.auth-body .auth-panel {background:#f0f2f4 !important;color:#676a6c !important;padding:32px 24px;}
body.auth-body .auth-shell {width:100%;max-width:420px;}
body.auth-body .auth-brand-top {margin-bottom:24px;}
body.auth-body .auth-brand-top img {max-width:210px;width:70%;}
body.auth-body .auth-card {background:#fff !important;color:#676a6c !important;border:1px solid #e7eaec !important;border-radius:2px !important;box-shadow:0 1px 3px rgba(0,0,0,.08) !important;}
body.auth-body .auth-card .auth-card-body {padding:24px !important;}
body.auth-body .auth-eyebrow {display:none;}
body.auth-body .auth-title {font-size:20px;font-weight:400;line-height:1.2;color:#2f4050 !important;margin-bottom:6px;}
body.auth-body .auth-subtitle {font-size:13px;color:#676a6c !important;margin-bottom:20px;}
body.auth-body .auth-card .form-label {font-size:13px;line-height:18px;font-weight:600;color:#676a6c !important;margin-bottom:5px;}
body.auth-body .auth-card .form-control {min-height:34px !important;height:34px !important;padding:6px 12px;font-size:14px;line-height:20px;background:#fff !important;color:#555 !important;border:1px solid #d9d9d9 !important;border-radius:2px !important;box-shadow:inset 0 1px 1px rgba(0,0,0,.075) !important;}
body.auth-body .auth-card .form-control:focus {border-color:#66afe9 !important;box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 4px rgba(102,175,233,.35) !important;outline:0;}
body.auth-body .auth-card .mb-3 {margin-bottom:15px !important;}
body.auth-body .auth-card .btn-auth,
body.auth-body #loginSubmitButton {min-height:34px !important;padding:6px 12px;font-size:14px;line-height:20px;font-weight:400 !important;background:#3278b3 !important;border:1px solid #2c6b9f !important;color:#fff !important;border-radius:2px !important;box-shadow:none !important;}
body.auth-body .auth-card .btn-auth:hover,
body.auth-body .auth-card .btn-auth:focus,
body.auth-body #loginSubmitButton:hover,
body.auth-body #loginSubmitButton:focus {background:#2c6b9f !important;border-color:#2c6b9f !important;color:#fff !important;box-shadow:none !important;}
body.auth-body .auth-card .btn-auth:disabled,
body.auth-body #loginSubmitButton:disabled {background:#3278b3 !important;border-color:#2c6b9f !important;color:#fff !important;opacity:.65;}
body.auth-body .auth-card a:focus-visible,
body.auth-body .auth-card .btn-auth:focus-visible {outline:2px solid #2f4050 !important;outline-offset:2px;}
body.auth-body .auth-card .auth-footer-link {margin-top:20px;font-size:12px;}
body.auth-body .auth-card .auth-footer-link a {color:#3278b3 !important;font-weight:400;opacity:1;text-decoration:none;}
body.auth-body .auth-card .auth-footer-link a:hover {color:#2c6b9f !important;text-decoration:underline;}
body.auth-body .auth-card .alert,
body.auth-body .auth-lock-note {border-radius:2px !important;font-size:13px;}
@media(max-width:991.98px) {
    body.auth-body .auth-layout {grid-template-columns:minmax(0,1fr);}
    body.auth-body .auth-hero {display:none;}
    body.auth-body .auth-panel {min-height:100vh;padding:24px 16px;}
}
@media(max-width:480px) {
    body.auth-body .auth-card .auth-card-body {padding:20px !important;}
    body.auth-body .auth-brand-top {margin-bottom:20px;}
}