/* TURBOHOST v4.156 | Public auth page. WHMCS form remains unchanged. */
body.th-layout-auth {
  font-family:TH-Inter,Inter,system-ui,sans-serif!important;
  color:#edf6ff;
}
body.th-layout-auth #th-shell-nav {
  box-sizing:border-box;display:flex;justify-content:center;align-items:center;
  padding:34px 20px 0!important;
  background:transparent!important;border:0!important;
}
body.th-layout-auth #th-shell-nav > .th-shell-brand {
  display:inline-flex!important;width:auto!important;justify-content:center;
  margin:0 auto;text-decoration:none!important;
}
body.th-layout-auth #th-shell-nav > .th-shell-brand img {
  display:block;width:min(220px,68vw);max-width:100%;height:auto;max-height:65px;
}
body.th-layout-auth #main-body {
  min-height:calc(100vh - 240px)!important;
  padding:22px 18px 48px!important;
  background:transparent!important;
}
body.th-layout-auth #main-body > .container {
  max-width:540px!important;width:100%;margin:0 auto!important;
}
body.th-layout-auth #main-body > .container > .row,
body.th-layout-auth #main-body .primary-content {
  width:100%;max-width:100%;flex:0 0 100%;margin:0!important;padding:0!important;
}
body.th-layout-auth #main-body .login-form,
body.th-layout-auth #main-body .login-form > .card {
  display:block;width:100%;max-width:100%!important;
  margin:0!important;padding:0!important;
  border:0!important;background:transparent!important;
  box-shadow:none!important;
}
body.th-layout-auth #main-body .login-form > .card {
  overflow:hidden;border:1px solid rgba(0,134,255,.25)!important;
  border-radius:30px!important;
  background:linear-gradient(180deg,rgba(0,30,82,.72) 0%,rgba(0,16,46,.88) 100%)!important;
  box-shadow:0 24px 60px rgba(0,0,0,.24)!important;
}
body.th-layout-auth #main-body .login-form > .card > .card-body {
  padding:38px 39px 32px!important;
  background:transparent!important;
}
body.th-layout-auth #main-body .login-form .h3 {
  margin:0 0 8px!important;color:#fff!important;
  font:600 29px/1.3 TH-Poppins,Poppins,system-ui,sans-serif!important;
  letter-spacing:-.03em;
}
body.th-layout-auth #main-body .login-form .text-muted {
  color:#b7cbea!important;
}
body.th-layout-auth #main-body .login-form .form-group {
  margin-bottom:19px!important;
}
body.th-layout-auth #main-body .login-form .form-control-label {
  margin:0 0 8px!important;color:#eaf3ff!important;
  font:600 12px/1.5 TH-Inter,Inter,sans-serif!important;
}
body.th-layout-auth #main-body .login-form .input-group {
  display:flex;width:100%;min-height:46px;overflow:hidden;
  border:1px solid rgba(0,134,255,.4)!important;border-radius:30px!important;
  background:rgba(0,16,46,.68)!important;
}
body.th-layout-auth #main-body .login-form .input-group:focus-within {
  border-color:#009aff!important;box-shadow:0 0 0 3px rgba(0,154,255,.13)!important;
}
body.th-layout-auth #main-body .login-form .input-group .input-group-text {
  display:flex;align-items:center;justify-content:center;
  min-width:47px;height:45px;padding:0 14px!important;
  background:transparent!important;border:0!important;color:#96beee!important;
  border-radius:0!important;
}
body.th-layout-auth #main-body .login-form .input-group input.form-control {
  min-width:0;height:45px!important;min-height:45px!important;
  margin:0!important;padding:10px 12px!important;
  border:0!important;border-radius:0!important;
  background:transparent!important;color:#fff!important;
  font:500 13px/1.45 TH-Inter,Inter,sans-serif!important;
  box-shadow:none!important;
}
body.th-layout-auth #main-body .login-form .input-group input.form-control::placeholder {
  color:#95b1da!important;
}
body.th-layout-auth #main-body .login-form .btn-reveal-pw {
  min-width:44px;height:45px!important;padding:0 12px!important;
  margin:0!important;border:0!important;border-radius:0!important;
  background:transparent!important;color:#a7caf0!important;
}
body.th-layout-auth #main-body .login-form .btn-reveal-pw:hover {
  color:#fff!important;background:rgba(0,98,254,.17)!important;
}
body.th-layout-auth #main-body .login-form a.small {
  color:#91c3ff!important;text-decoration:none!important;
}
body.th-layout-auth #main-body .login-form a.small:hover {
  color:#fff!important;text-decoration:underline!important;
}
body.th-layout-auth #main-body .login-form .card-body > .float-left,
body.th-layout-auth #main-body .login-form .card-body > .text-right {
  float:none!important;display:block!important;width:100%;
}
body.th-layout-auth #main-body .login-form button#login {
  display:block;width:100%;height:45px;min-height:45px;margin:1px 0 18px!important;
  background:#1062fe!important;border:1px solid #1062fe!important;
  border-radius:30px!important;color:#fff!important;
  font:600 14px/1.35 TH-Inter,Inter,sans-serif!important;
}
body.th-layout-auth #main-body .login-form button#login:hover {
  background:#0754dc!important;border-color:#009aff!important;
}
body.th-layout-auth #main-body .login-form .card-body > .text-right {
  text-align:center!important;color:#bfcee8;
  font:400 12px/1.6 TH-Inter,Inter,sans-serif;
}
body.th-layout-auth #main-body .login-form input[name="rememberme"] {
  position:static!important;vertical-align:middle;margin:0 7px 0 0!important;
  accent-color:#1062fe;
}
body.th-layout-auth #main-body .login-form .card-footer {
  padding:18px 24px!important;text-align:center;
  background:rgba(0,16,46,.46)!important;
  border-top:1px solid rgba(0,134,255,.19)!important;
  color:#bdcce4!important;
  border-radius:0 0 30px 30px!important;
}
body.th-layout-auth #main-body .login-form .card-footer a {
  color:#9cc8ff!important;text-decoration:none!important;
}
body.th-layout-auth #main-body .login-form .card-footer a:hover {color:#fff!important;}
body.th-layout-auth #main-body .providerLinkingFeedback {
  max-width:540px;margin:0 auto;
}
body.th-layout-auth #main-body .login-form + .providerLinkingFeedback {
  margin-top:20px;
}
body.th-layout-auth #main-body .btn-social {
  min-height:39px;border-radius:30px!important;
  padding:9px 14px!important;
  font:500 12px/1.4 TH-Inter,Inter,sans-serif!important;
}
body.th-layout-auth #main-body .login-form .alert {
  border-radius:17px!important;
}
body.th-layout-auth #footer {
  background:rgba(0,5,14,.65)!important;border-top:1px solid rgba(0,134,255,.15)!important;
  color:#abc1dc!important;
}
body.th-layout-auth #footer .nav-link,
body.th-layout-auth #footer .copyright {color:#abc1dc!important;}
body.th-layout-auth #footer .nav-link:hover {color:#fff!important;}
@media(max-width:575px) {
  body.th-layout-auth #th-shell-nav {padding-top:24px!important;}
  body.th-layout-auth #main-body {padding:18px 14px 36px!important;}
  body.th-layout-auth #main-body .login-form > .card > .card-body {padding:29px 23px 24px!important;}
  body.th-layout-auth #main-body .login-form .h3 {font-size:25px!important;}
}

/* v4.158 | Login minimal: native footer hidden only on login. */
body.th-layout-auth:has(#main-body .login-form) > #footer {
  display:none!important;
}