html {
  background: url('/assets/ui/registration/login-small.jpg') no-repeat top center fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
header { z-index: 10}
body { background-color: initial; }
.login_wrapp { position: absolute; z-index: 9; left: 50%; margin-top: 100px; margin-left: -250px; background:#fff;  color:#000;  width:440px; /*min-height: 340px;*/ padding:30px; font-weight:500; border-radius:3px;}
.login_wrapp h1 { text-transform: uppercase; font-size:14px; font-weight:700; margin-bottom: 0; line-height: 20px;}
.login_wrapp .password-reset-link, .login_wrapp .account-create-link { font-size: 10px; font-weight:500; margin-top: 5px; }
.login_wrapp .password-reset-link a { color: #959595; }
.login_wrapp .account-create-link a { color:#000; }
.login_wrapp .account-create-link { color: #959595; }
.login_wrapp label { font-weight:500; display:block; }
.login_wrapp input[type="text"], input[type="password"], .login_wrapp input[type="email"] { font-weight: 400;  width: 99%; background-color: initial; border: 1px solid #cdcece; height: 36px; border-radius: 3px; font-size: 14px; padding: 9px;}
.login_wrapp .form-row { margin-bottom: 10px; }
.login_wrapp input[type="submit"] {background-color:#000; color:#fff; height: 36px; border: 1px solid #000; width: 99%; border-radius: 3px; text-transform: uppercase;}
.login_wrapp .login_btn { background: #000}
.login_wrapp .account-create-link {  margin-top: 15px; text-align: center; }
.error_wrapp { background-color: #f15232; color: #fff; width: 99%; }
.error_wrapp .errornote,
.error_wrapp .errorlist {padding:7px; margin:0; }
.error_wrapp .errorlist li { list-style-type:none; }
.login_wrapp .form_top {margin-bottom: 30px}
.login_wrapp .form_item label { width: auto}
.facebook_login { background: #3f5995; display: block; color: #fff; padding: 10px; border-radius: 3px;    width: 99%;}
.facebook_login img { width: 20px; margin-right: 5px}
.facebook_login:hover { color: #fff;}
#id_password1, #id_password2 { width: 99%}
.terms_and_cond { font-size: 12px}
.terms_and_cond input { width: 5%}
.terms_and_cond label { width: 88%}
.terms_and_cond input, .terms_and_cond label { display: inline-block; vertical-align: top}
.terms_and_cond a { color: #000; padding-left: 7px;}
.inline_terms { height: 120px; overflow-y: scroll; margin-bottom: 12px; background: #eee; padding: 5px;}

header {
  background-color: transparent;
}
@media (max-width: 568px) {
  .login_wrapp { width: 95%; left:10px; margin-left: auto;}
  .login_wrapp input[type="text"], input[type="password"], .login_wrapp input[type="email"]{ font-size:12px; }
}
.loader {
  display: none;
  width: 20px;
  height: 20px;
  border: 3px solid #fff;
  border-top: 3px solid #3498db;
  border-radius: 50%;
  animation: spin 1s linear infinite;
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}

.submit-row {
  display: flex;
  align-items: center;
  gap: 10px;
}

.disabled {
  opacity: 0.6;
  pointer-events: none;
}