* { box-sizing: border-box; }
html, body { min-height: 100%; }
body.admin-login-page { margin: 0; background: #fff; color: #495057; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif; }
a { color: inherit; text-decoration: none; }
.admin-login-shell, #_loginwrapper { min-height: 100vh; }
#_loginwrapper { display: flex; align-items: flex-start; justify-content: center; }
#login { width: min(450px, 95vw); margin-top: 20px; }
.compTitle img.lunarsorsLoginLogo { display: block; width: 180px; height: auto; margin: 0 auto 30px; filter: invert(1); }
#loginWrapper { padding: 25px; overflow: hidden; border-radius: 5px; background: #495057; }
.loginTitle { width: calc(100% + 50px); margin: -25px -25px 20px; padding: 25px; background: #cbcbcb; color: #495057; font-size: 30px; font-weight: 600; text-align: left; text-transform: capitalize; }
.loginTitle span { margin-left: 8px; padding-left: 10px; border-left: 3px solid #4b4b4b; }
.cms-login-data-field { width: 100%; margin-top: 8px; }
.cms-login-data-field-label { font-size: 16px; }
.cms-login-data-field-label p, .cms-login-data-field-msg p { margin: 0 0 4px; color: #cbcbcb; }
.cms-login-data-field-input, .cms-login-data-field-submit { width: 100%; }
.cms-login-inputStyle { width: 100%; padding: 10px; border: 1px solid #878787; border-radius: 5px; font: inherit; font-size: 16px; }
.cms-login-data-field-password { position: relative; }
.password-toggle { position: absolute; top: 0; right: 0; display: grid; width: 44px; height: 44px; padding: 11px; border: 0; background: transparent; color: #495057; cursor: pointer; place-items: center; }
.password-toggle svg { width: 21px; height: 21px; fill: none; stroke: currentColor; stroke-linecap: round; stroke-linejoin: round; stroke-width: 2; }
.forgotPassword { display: inline-block; margin-top: 8px; color: #cbcbcb; }
.cms-login-data-field-submit { margin-top: 15px; }
.cms-login-btn2 { width: 100%; padding: 10px; border: 0; border-radius: 5px; background: #e9e9e9; color: #495057; font: inherit; font-size: 18px; font-weight: 600; cursor: pointer; }
.cms-login-btn2:hover, .cms-login-btn2:focus-visible { background: #3cb2d6; color: #fff; }
.warningNote { display: block; margin-top: 8px; color: #cbcbcb; font-size: 12px; }
.cms-login-data-msg { margin-top: 25px; padding: 10px; border: 2px solid; text-align: center; }
.cms-login-data-msg-error { border-color: #e10000; background: rgba(255, 0, 0, 0.4); }
.cms-login-data-msg-success { border-color: #39a85a; background: rgba(57, 168, 90, 0.4); }
.goBacktoWebsiteAdmin { width: 100%; padding: 10px 0; text-align: center; }
.goBacktoWebsiteAdmin a { padding: 12px; color: #495057; font-weight: 600; letter-spacing: 3px; }
.loginDeveloperCredit { color: #878787; font-size: 11px; letter-spacing: 0.4px; text-align: center; }
.loginDeveloperCredit a { color: #6f6f6f; font-weight: 600; }
@media (max-width: 768px) {
    #login { margin-top: 10px; }
    .compTitle img.lunarsorsLoginLogo { width: 160px; margin-bottom: 10px; }
    #loginWrapper { padding: 10px 25px; }
    .loginTitle { margin-top: -10px; padding: 10px 25px; font-size: 20px; }
}