/* Mizan master logo -- login and password pages. Uploaded artwork remains unchanged. */
body[data-path="login"],body[data-path="update-password"] {
  background:radial-gradient(circle at 0% 0%,#e2ebe2,transparent 44%),#f5f7f3!important;
  font-family:Montserrat,Inter,"Segoe UI",Arial,sans-serif!important;
}
body[data-path="login"] .page-card-head,body[data-path="update-password"] .page-card-head {
  text-align:center!important;align-items:center!important;
}
body[data-path="login"] .page-card-head .app-logo,
body[data-path="update-password"] .page-card-head .app-logo {
  display:block!important;
  width:260px!important;
  max-width:100%!important;
  height:166px!important;
  min-height:166px!important;
  object-fit:cover!important;
  object-position:center center!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
  background:transparent!important;
  margin:-10px auto 0!important;
}
body[data-path="login"] .page-card:before{content:none!important;display:none!important}
body[data-path="login"] .page-card-head h4,
body[data-path="update-password"] .page-card-head h4 {
  font-size:21px!important;letter-spacing:-.018em!important;
  color:#203e35!important;font-weight:700!important;
}
body[data-path="login"] .page-card-subtitle {font-size:12px!important;color:#66786b!important}
body[data-path="login"] .login-content.page-card {
  border-radius:16px!important;border:1px solid #e1e9e2!important;
  background:#fff!important;
  box-shadow:0 17px 52px rgba(32,62,53,.09)!important;
}
body[data-path="login"] button[data-variant="solid"],
body[data-path="login"] .btn-primary {
  background:#203e35!important;border-color:#203e35!important;
  font-weight:650!important;font-size:13px!important;border-radius:9px!important;
}
body[data-path="login"] .login-content.page-card .form-control {font-size:13px!important}
@media(max-width:520px){
  body[data-path="login"] .page-card-head .app-logo,
  body[data-path="update-password"] .page-card-head .app-logo {
    width:220px!important;max-width:100%!important;height:145px!important;min-height:145px!important;
  }
}
