body.dv-AMARSoft-style , body.dv-AMARLight-style {
  --as-0:#0B0B0D; --as-1:#141418; --as-2:#1C1C22; --as-3:#22222A;
  --as-b:#2A2A32; --as-bs:#3A3A44;
  --as-gold:#D4AF37; --as-gold-h:#E5C158; --as-gold-d:#A8871F;
  --as-fg:#F5F5F7; --as-fg2:#A8A8B3; --as-fg3:#6E6E7A;
  background:var(--as-0) !important;
  color:var(--as-fg);
}

body.dv-AMARSoft-style #page-login, body.dv-AMARLight-style #page-login,
body.dv-AMARSoft-style .for-login, body.dv-AMARLight-style .for-login,
body.dv-AMARSoft-style .for-forgot, body.dv-AMARLight-style .for-forgot,
body.dv-AMARSoft-style .for-signup, body.dv-AMARLight-style .for-signup,
body.dv-AMARSoft-style .for-email-login , body.dv-AMARLight-style .for-email-login {
  background:var(--as-0) !important;
}

body.dv-AMARSoft-style .login-content.page-card , body.dv-AMARLight-style .login-content.page-card {
  background:var(--as-1) !important;
  border:1px solid var(--as-b) !important;
  border-radius:14px !important;
  box-shadow:0 24px 64px rgba(0,0,0,.6) !important;
  overflow:hidden;
}

/* ---------- left brand panel ---------- */

body.dv-AMARSoft-style .login-content-bg , body.dv-AMARLight-style .login-content-bg {
  background:#0D0D10 !important;
  border-right:1px solid var(--as-b);
  position:relative;
  display:flex;
  flex-direction:column;
  justify-content:space-between;
  align-items:flex-start;
  padding:38px 34px !important;
  min-height:460px;
}

body.dv-AMARSoft-style .login-content-bg .app-login-bg , body.dv-AMARLight-style .login-content-bg .app-login-bg {
  position:absolute;
  inset:0;
  width:100% !important;
  height:100% !important;
  object-fit:cover;
  z-index:0;
  opacity:1;
}

body.dv-AMARSoft-style .login-content-bg .app-logo, body.dv-AMARLight-style .login-content-bg .app-logo,
body.dv-AMARSoft-style .login-content-bg .login-copyrights , body.dv-AMARLight-style .login-content-bg .login-copyrights {
  position:relative;
  z-index:2;
}

body.dv-AMARSoft-style .login-content-bg .app-logo , body.dv-AMARLight-style .login-content-bg .app-logo {
  max-height:46px !important;
  width:auto !important;
  margin:0 !important;
}

body.dv-AMARSoft-style .login-copyrights , body.dv-AMARLight-style .login-copyrights {
  color:var(--as-fg3) !important;
  font-size:12px;
  letter-spacing:.04em;
  text-align:left !important;
  margin:0 !important;
}
body.dv-AMARSoft-style .login-copyrights a , body.dv-AMARLight-style .login-copyrights a {
  color:var(--as-fg2) !important;
  text-decoration:none;
}
body.dv-AMARSoft-style .login-copyrights a:hover , body.dv-AMARLight-style .login-copyrights a:hover { color:var(--as-gold) !important; }

/* ---------- right form panel ---------- */

body.dv-AMARSoft-style .login-content-form , body.dv-AMARLight-style .login-content-form {
  background:var(--as-1) !important;
  padding:44px 40px !important;
}

body.dv-AMARSoft-style .page-card-head h2 , body.dv-AMARLight-style .page-card-head h2 {
  color:var(--as-fg) !important;
  font-size:26px;
  font-weight:500;
  letter-spacing:-.01em;
  margin-bottom:6px;
}

body.dv-AMARSoft-style .page-card-head p, body.dv-AMARLight-style .page-card-head p,
body.dv-AMARSoft-style .page-card-head .text-secondary , body.dv-AMARLight-style .page-card-head .text-secondary {
  color:var(--as-fg3) !important;
  font-size:13px;
}

body.dv-AMARSoft-style .page-card-head::after , body.dv-AMARLight-style .page-card-head::after {
  content:"";
  display:block;
  width:34px;
  height:2px;
  background:var(--as-gold);
  margin:18px 0 26px;
}

body.dv-AMARSoft-style .form-label, body.dv-AMARLight-style .form-label,
body.dv-AMARSoft-style .form-signin label , body.dv-AMARLight-style .form-signin label {
  color:var(--as-fg3) !important;
  font-size:11px !important;
  letter-spacing:.08em;
  text-transform:uppercase;
  font-weight:400;
  margin-bottom:6px;
}

body.dv-AMARSoft-style .form-control, body.dv-AMARLight-style .form-control,
body.dv-AMARSoft-style input.form-control, body.dv-AMARLight-style input.form-control,
body.dv-AMARSoft-style .password-wrapper input , body.dv-AMARLight-style .password-wrapper input {
  background:var(--as-2) !important;
  border:1px solid var(--as-b) !important;
  color:var(--as-fg) !important;
  border-radius:8px !important;
  height:44px !important;
  padding:0 14px !important;
  font-size:14px;
  box-shadow:none !important;
  transition:border-color .15s, box-shadow .15s;
}

body.dv-AMARSoft-style .form-control::placeholder , body.dv-AMARLight-style .form-control::placeholder { color:var(--as-fg3) !important; }

body.dv-AMARSoft-style .form-control:focus , body.dv-AMARLight-style .form-control:focus {
  border-color:var(--as-gold-d) !important;
  box-shadow:0 0 0 3px rgba(212,175,55,.14) !important;
  background:var(--as-2) !important;
}

body.dv-AMARSoft-style .toggle-password, body.dv-AMARLight-style .toggle-password,
body.dv-AMARSoft-style .password-wrapper .toggle-password , body.dv-AMARLight-style .password-wrapper .toggle-password {
  color:var(--as-fg3) !important;
}
body.dv-AMARSoft-style .toggle-password:hover , body.dv-AMARLight-style .toggle-password:hover { color:var(--as-gold) !important; }

body.dv-AMARSoft-style .btn-login, body.dv-AMARLight-style .btn-login,
body.dv-AMARSoft-style .form-signin .btn-primary, body.dv-AMARLight-style .form-signin .btn-primary,
body.dv-AMARSoft-style .btn-primary , body.dv-AMARLight-style .btn-primary {
  background:var(--as-gold) !important;
  border:1px solid var(--as-gold) !important;
  color:#0B0B0D !important;
  font-weight:500 !important;
  font-size:14px !important;
  letter-spacing:.03em;
  height:46px !important;
  border-radius:8px !important;
  box-shadow:none !important;
  transition:background .15s;
}

body.dv-AMARSoft-style .btn-login:hover, body.dv-AMARLight-style .btn-login:hover,
body.dv-AMARSoft-style .btn-primary:hover , body.dv-AMARLight-style .btn-primary:hover {
  background:var(--as-gold-h) !important;
  border-color:var(--as-gold-h) !important;
  color:#0B0B0D !important;
}

body.dv-AMARSoft-style .btn-login:active , body.dv-AMARLight-style .btn-login:active { background:var(--as-gold-d) !important; }

body.dv-AMARSoft-style .btn-default, body.dv-AMARLight-style .btn-default,
body.dv-AMARSoft-style .btn-login-option , body.dv-AMARLight-style .btn-login-option {
  background:var(--as-2) !important;
  border:1px solid var(--as-b) !important;
  color:var(--as-fg) !important;
  border-radius:8px !important;
  height:44px !important;
}
body.dv-AMARSoft-style .btn-login-option:hover , body.dv-AMARLight-style .btn-login-option:hover {
  border-color:var(--as-bs) !important;
  background:var(--as-3) !important;
}

body.dv-AMARSoft-style .forgot-password-message, body.dv-AMARLight-style .forgot-password-message,
body.dv-AMARSoft-style .sign-up-message, body.dv-AMARLight-style .sign-up-message,
body.dv-AMARSoft-style .login-divider, body.dv-AMARLight-style .login-divider,
body.dv-AMARSoft-style .text-muted , body.dv-AMARLight-style .text-muted {
  color:var(--as-fg3) !important;
  font-size:13px;
}

body.dv-AMARSoft-style .forgot-password-message a, body.dv-AMARLight-style .forgot-password-message a,
body.dv-AMARSoft-style .sign-up-message a, body.dv-AMARLight-style .sign-up-message a,
body.dv-AMARSoft-style #page-login a , body.dv-AMARLight-style #page-login a {
  color:var(--as-fg2) !important;
  text-decoration:none;
}
body.dv-AMARSoft-style .forgot-password-message a:hover, body.dv-AMARLight-style .forgot-password-message a:hover,
body.dv-AMARSoft-style .sign-up-message a:hover, body.dv-AMARLight-style .sign-up-message a:hover,
body.dv-AMARSoft-style #page-login a:hover , body.dv-AMARLight-style #page-login a:hover { color:var(--as-gold) !important; }

body.dv-AMARSoft-style .login-divider::before, body.dv-AMARLight-style .login-divider::before,
body.dv-AMARSoft-style .login-divider::after , body.dv-AMARLight-style .login-divider::after { border-color:var(--as-b) !important; }

body.dv-AMARSoft-style .alert, body.dv-AMARLight-style .alert,
body.dv-AMARSoft-style .msgprint, body.dv-AMARLight-style .msgprint,
body.dv-AMARSoft-style .modal-content , body.dv-AMARLight-style .modal-content {
  background:var(--as-2) !important;
  border:1px solid var(--as-bs) !important;
  color:var(--as-fg) !important;
}

body.dv-AMARSoft-style ::selection , body.dv-AMARLight-style ::selection { background:rgba(212,175,55,.28); color:var(--as-fg); }

@media (max-width:768px) {
  body.dv-AMARSoft-style .login-content.page-card , body.dv-AMARLight-style .login-content.page-card { flex-direction:column; }
  body.dv-AMARSoft-style .login-content-bg , body.dv-AMARLight-style .login-content-bg {
    min-height:160px;
    border-right:none;
    border-bottom:1px solid var(--as-b);
  }
  body.dv-AMARSoft-style .login-content-form , body.dv-AMARLight-style .login-content-form { padding:32px 24px !important; }
}

body.dv-AMARSoft-style #page-login .login-content.page-card, body.dv-AMARLight-style #page-login .login-content.page-card,
body.dv-AMARSoft-style .page-card , body.dv-AMARLight-style .page-card {
  background:var(--as-1) !important;
  padding:0 !important;
  gap:0 !important;
}

body.dv-AMARSoft-style #page-login input, body.dv-AMARLight-style #page-login input,
body.dv-AMARSoft-style #page-login input[type="text"], body.dv-AMARLight-style #page-login input[type="text"],
body.dv-AMARSoft-style #page-login input[type="email"], body.dv-AMARLight-style #page-login input[type="email"],
body.dv-AMARSoft-style #page-login input[type="password"], body.dv-AMARLight-style #page-login input[type="password"],
body.dv-AMARSoft-style .page-card input, body.dv-AMARLight-style .page-card input,
body.dv-AMARSoft-style .form-signin input, body.dv-AMARLight-style .form-signin input,
body.dv-AMARSoft-style .input-with-feedback, body.dv-AMARLight-style .input-with-feedback,
body.dv-AMARSoft-style #login_email, body.dv-AMARLight-style #login_email,
body.dv-AMARSoft-style #login_password , body.dv-AMARLight-style #login_password {
  background:#1C1C22 !important;
  background-color:#1C1C22 !important;
  border:1px solid #2A2A32 !important;
  color:#F5F5F7 !important;
  border-radius:8px !important;
  box-shadow:none !important;
  -webkit-text-fill-color:#F5F5F7 !important;
}

body.dv-AMARSoft-style #page-login input:-webkit-autofill, body.dv-AMARLight-style #page-login input:-webkit-autofill,
body.dv-AMARSoft-style #page-login input:-webkit-autofill:focus , body.dv-AMARLight-style #page-login input:-webkit-autofill:focus {
  -webkit-box-shadow:0 0 0 1000px #1C1C22 inset !important;
  -webkit-text-fill-color:#F5F5F7 !important;
}

body.dv-AMARSoft-style #page-login input:focus , body.dv-AMARLight-style #page-login input:focus {
  border-color:#A8871F !important;
  box-shadow:0 0 0 3px rgba(212,175,55,.14) !important;
}

body.dv-AMARSoft-style #page-login .btn-login, body.dv-AMARLight-style #page-login .btn-login,
body.dv-AMARSoft-style #page-login .btn-primary , body.dv-AMARLight-style #page-login .btn-primary {
  border-radius:8px !important;
  width:auto !important;
  min-width:160px;
  padding:0 32px !important;
}

body.dv-AMARSoft-style .login-content-bg .app-login-bg , body.dv-AMARLight-style .login-content-bg .app-login-bg {
  opacity:.55 !important;
  object-position:center 42% !important;
}

body.dv-AMARSoft-style .login-content-bg::after , body.dv-AMARLight-style .login-content-bg::after {
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(180deg, rgba(11,11,13,.55) 0%, rgba(11,11,13,.15) 45%, rgba(11,11,13,.85) 100%);
  z-index:1;
}

body.dv-AMARSoft-style, body.dv-AMARLight-style,
body.dv-AMARSoft-style .main-section, body.dv-AMARLight-style .main-section,
body.dv-AMARSoft-style .page_content, body.dv-AMARLight-style .page_content,
body.dv-AMARSoft-style #body, body.dv-AMARLight-style #body,
body.dv-AMARSoft-style footer, body.dv-AMARLight-style footer,
body.dv-AMARSoft-style .web-footer , body.dv-AMARLight-style .web-footer {
  background:#0B0B0D !important;
  background-image:none !important;
}

body.dv-AMARSoft-style #page-login .for-login, body.dv-AMARLight-style #page-login .for-login,
body.dv-AMARSoft-style #page-login .for-forgot, body.dv-AMARLight-style #page-login .for-forgot,
body.dv-AMARSoft-style #page-login .for-signup, body.dv-AMARLight-style #page-login .for-signup,
body.dv-AMARSoft-style #page-login .for-email-login , body.dv-AMARLight-style #page-login .for-email-login {
  min-height:100vh !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  padding:40px 24px !important;
}

body.dv-AMARSoft-style .login-content-bg .login-copyrights , body.dv-AMARLight-style .login-content-bg .login-copyrights {
  position:absolute !important;
  left:34px !important;
  right:34px !important;
  bottom:30px !important;
  z-index:3;
}

body.dv-AMARSoft-style #page-login .btn-login, body.dv-AMARLight-style #page-login .btn-login,
body.dv-AMARSoft-style #page-login .form-signin .btn, body.dv-AMARLight-style #page-login .form-signin .btn,
body.dv-AMARSoft-style .form-signin button[type="submit"] , body.dv-AMARLight-style .form-signin button[type="submit"] {
  border-radius:8px !important;
}

body.dv-AMARSoft-style .login-content.page-card , body.dv-AMARLight-style .login-content.page-card {
  width:100% !important;
  max-width:940px !important;
  min-height:480px;
}

body.dv-AMARSoft-style .login-content-bg , body.dv-AMARLight-style .login-content-bg {
  flex:0 0 44% !important;
  max-width:44% !important;
}

body.dv-AMARSoft-style .login-content-form , body.dv-AMARLight-style .login-content-form {
  flex:1 1 56% !important;
  max-width:56% !important;
  display:flex !important;
  flex-direction:column !important;
  justify-content:center !important;
}

body.dv-AMARSoft-style .page-card-head p, body.dv-AMARLight-style .page-card-head p,
body.dv-AMARSoft-style .page-card-head .text-secondary , body.dv-AMARLight-style .page-card-head .text-secondary {
  max-width:34ch;
}

body.dv-AMARSoft-style .forgot-password-message , body.dv-AMARLight-style .forgot-password-message {
  white-space:nowrap !important;
  margin:0 !important;
}

body.dv-AMARSoft-style .form-signin .btn-login , body.dv-AMARLight-style .form-signin .btn-login {
  min-width:150px !important;
  margin-right:20px !important;
}

@media (max-width:768px) {
  body.dv-AMARSoft-style .login-content-bg, body.dv-AMARLight-style .login-content-bg,
  body.dv-AMARSoft-style .login-content-form , body.dv-AMARLight-style .login-content-form {
    flex:1 1 100% !important;
    max-width:100% !important;
  }
}

body.dv-AMARSoft-style #page-login input, body.dv-AMARLight-style #page-login input,
body.dv-AMARSoft-style .form-signin input, body.dv-AMARLight-style .form-signin input,
body.dv-AMARSoft-style .page-card input , body.dv-AMARLight-style .page-card input {
  padding-left:44px !important;
  background-position:14px center !important;
  background-repeat:no-repeat !important;
  background-size:18px 18px !important;
}

body.dv-AMARSoft-style .password-wrapper input , body.dv-AMARLight-style .password-wrapper input {
  padding-right:44px !important;
}

body.dv-AMARSoft-style .login-content-form , body.dv-AMARLight-style .login-content-form {
  align-items:stretch !important;
  padding:52px 56px !important;
}

body.dv-AMARSoft-style .login-content-form > *, body.dv-AMARLight-style .login-content-form > *,
body.dv-AMARSoft-style .form-signin, body.dv-AMARLight-style .form-signin,
body.dv-AMARSoft-style .page-card-head , body.dv-AMARLight-style .page-card-head {
  width:100% !important;
  max-width:380px !important;
  margin-left:auto !important;
  margin-right:auto !important;
}

body.dv-AMARLight-style {
  --as-0:#F4F1EA; --as-1:#FFFFFF; --as-2:#FFFFFF; --as-3:#EEEAE0;
  --as-b:#DDD5C4; --as-bs:#C9BFA8;
  --as-gold:#7A5410; --as-gold-h:#6B4A0E; --as-gold-d:#8A6014;
  --as-fg:#16161A; --as-fg2:#4A4A55; --as-fg3:#6E6E7E;
  background:#F4F1EA !important;
}

body.dv-AMARLight-style .login-content.page-card {
  background:#FFFFFF !important;
  border:1px solid #C9BFA8 !important;
  box-shadow:0 12px 40px rgba(22,22,26,.12) !important;
}

body.dv-AMARLight-style .login-content-bg { background:#F4F1EA !important; }
body.dv-AMARLight-style .login-content-form { background:#FFFFFF !important; }
body.dv-AMARLight-style .page-card-head h2 { color:#16161A !important; }
body.dv-AMARLight-style #page-login input,
body.dv-AMARLight-style .form-signin input {
  background:#FFFFFF !important;
  border:1px solid #C9BFA8 !important;
  color:#16161A !important;
  -webkit-text-fill-color:#16161A !important;
}
body.dv-AMARLight-style .btn-login,
body.dv-AMARLight-style #page-login .btn-primary {
  background:#8A6014 !important;
  border-color:#8A6014 !important;
  color:#FFFFFF !important;
}

body.dv-AMARLight-style .login-content-bg .app-login-bg {
  content: url("/assets/amarjm_theme/images/amarsoft-login-bg-light.png") !important;
}

body.dv-AMARLight-style #page-login input,
body.dv-AMARLight-style #page-login input[type="text"],
body.dv-AMARLight-style #page-login input[type="email"],
body.dv-AMARLight-style #page-login input[type="password"],
body.dv-AMARLight-style .form-signin input,
body.dv-AMARLight-style .page-card input,
body.dv-AMARLight-style #login_email,
body.dv-AMARLight-style #login_password {
  background:#FFFFFF !important;
  background-color:#FFFFFF !important;
  border:1px solid #C9BFA8 !important;
  color:#16161A !important;
  -webkit-text-fill-color:#16161A !important;
}
body.dv-AMARLight-style #page-login input:-webkit-autofill,
body.dv-AMARLight-style #page-login input:-webkit-autofill:focus {
  -webkit-box-shadow:0 0 0 1000px #FFFFFF inset !important;
  -webkit-text-fill-color:#16161A !important;
}
body.dv-AMARLight-style #page-login input::placeholder { color:#6E6E7E !important; }
body.dv-AMARLight-style #page-login input:focus {
  border-color:#7A5410 !important;
  box-shadow:0 0 0 3px rgba(122,84,16,.12) !important;
}
body.dv-AMARLight-style .login-content-bg .app-logo {
  content: url("/assets/amarjm_theme/images/amarsoft-logo.svg") !important;
}
body.dv-AMARLight-style .login-content-bg::after {
  background: linear-gradient(180deg, rgba(244,241,234,.45) 0%, rgba(244,241,234,.10) 45%, rgba(244,241,234,.75) 100%) !important;
}