/* Kre8ivHosting login branding. Keep vendor authentication markup intact. */
html { min-height:100%; background:#0e1b33; }
body.cp, body.whm, body.wm { margin:0; min-height:100vh; background:#0e1b33; color:#e5eaf2; font-family:'Open Sans',Arial,sans-serif; }
#login-wrapper { margin:0 auto; padding:64px 24px 24px; box-sizing:border-box; min-height:0; }
#login-container { width:100%; max-width:432px; }
#login-sub-container { left:auto; right:auto; width:auto; padding:36px 36px 28px; background:#fff; color:#18263d; border:1px solid #dce3ec; border-top:4px solid #ffc93c; border-radius:16px; box-shadow:0 24px 64px #0004; }
#login-sub-header { height:auto; padding:0 0 28px; border-bottom:1px solid #e7ebf1; margin-bottom:26px; }
#login-sub-header img.main-logo { display:block; width:100%; max-width:292px; height:auto; margin:0 auto; }
#login-sub { height:auto; min-height:0; padding:0; }
#forms { margin:0; }
body.whm #forms label, body.whm .input-req-login label, #forms label { color:#18263d; font-size:13px; font-weight:600; }
.input-field-login.icon, .input-field-login.no-icon { box-sizing:border-box; height:48px; width:100%; border:1px solid #bac5d4; border-radius:8px; background-color:#fff; background-position:12px center; margin:8px 0 22px; }
.input-field-login:focus-within { border-color:#375e91; box-shadow:0 0 0 3px #375e9126; }
#forms .input-field-login input.std_textbox { box-sizing:border-box; width:calc(100% - 36px); height:44px; margin:0 0 0 34px; padding:0 8px; font-size:16px; color:#18263d; }
#login_submit { box-sizing:border-box; width:100%; min-height:48px; margin-top:4px; border:1px solid #e2ac1d; border-radius:8px; background:#ffc93c; color:#0e1b33; font-size:15px; font-weight:700; text-shadow:none; box-shadow:none; }
#login_submit:hover { background:#ffd568; border-color:#ffc93c; }
#login_submit:focus-visible, a:focus-visible { outline:3px solid #719bdb; outline-offset:4px; }
#login_submit[disabled] { opacity:.65; }
.login-btn { width:100%; }
.reset-pw { margin-top:20px; text-align:center; }
#reset_password { color:#274a78; font-size:13px; }
#push { height:0; }
#locale-footer { margin:28px auto 0; max-width:800px; }
body.whm .locale-container a, body.whm #morelocale, .locale-container a, #morelocale { color:#c5cfdf; }
#locale-container { color:#18263d; }
#locale-container a { color:#274a78; }
.copyright, body.whm .copyright { margin:30px auto 24px; color:#aebbd0; font-size:11px; }
.copyright a { color:#c5cfdf; }
#login-status { max-width:432px; margin-left:auto; margin-right:auto; }
@media(max-width:520px) {
 #login-wrapper { padding:28px 16px 16px; }
 #login-sub-container { padding:28px 24px 24px; border-radius:12px; }
 #login-sub-header img.main-logo { max-width:260px; }
 #locale-footer { margin-top:24px; }
}
#forms { position:static; left:auto; top:auto; width:100%; }
#login_form .controls { width:100%; display:block; }
#login_form .login-btn { float:none; padding-top:0; }
#login_form .reset-pw { float:none; clear:both; padding:0; }
#login_form .login-password-field-label { margin-top:0; }
#locales_list { margin:28px auto 0; max-width:880px; }
#locales_list a, #mobilelocalemenu, #mobilelocalemenu a { color:#c5cfdf; }
#login-sub-container::after { content:''; display:table; clear:both; }
#forms #login_form { position:static; top:auto; left:auto; width:100%; height:auto; }
#mobilelocalemenu a { background:transparent; border:1px solid #65758d; border-radius:6px; padding:6px 10px; color:#e5eaf2; }
.copyright a, body.cp .copyright a, body.whm .copyright a, body.wm .copyright a { color:#c5cfdf; }