.padtop20px{padding-top:30px;}
.padleft0{padding-left:0 !important;}
.padright0{padding-right:0 !important;}
.cusregisterbtndiv{margin-top:50px;text-align: center;}
#customer_register_action{font-size: 20px;padding-left:2em;padding-right:2em;}
#crox_custom_customer_register .error{border:1px solid red !important;}
.loader {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
}

.loader__spinner {
  border: 10px solid rgba(255, 255, 255, 0.25);
  border-left: 10px solid #4169e1;
  transform: translateZ(0);
  animation: spinner 1.1s infinite cubic-bezier(0.785, 0.135, 0.15, 0.86);
  border-radius: 50%;
  width: 100px;
  height: 100px;
}
.loading-overlay{
    position: fixed;
    background: rgba(0,0,0,0.3);
    width: 100%;
    height: 100%;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 1000;
    display: none;
}
@keyframes spinner {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
#register_success_notice{display:none;}
#register_error_notice{display:none;}
@media (min-width:320px) and (max-width:575px){
    .xspadtop30{padding-top:30px}
}

input#customer_register_action,
button#customer_resetpass_form_submit{
  color: #fff;
  margin: 0 0 8px 0;
  text-align: center;
  background: #4169e1;
  border-radius: 4px;
  padding: 7px 20px !important;
  font-weight: 600;
  font-size: 16px;
  border: 0;
}

/* may 22, 2024 */
@media (min-width:993px){
  .cusregisterbtndiv{margin-top:200px;margin-bottom: 20px;text-align: center;}
  input#customer_register_action{
    width: 15% !important;
  }
  button#customer_resetpass_form_submit{
    width: 10% !important;
  }
}
@media (min-width: 993px) {
  #crox_custom_customer_register .form-row-last,
  #custom_customer_resetpassword_form .form-row-last{
    float: right;
    width: 48.058824% !important;
    margin-right: 0;
  }
  #crox_custom_customer_register .form-row-first,
  #custom_customer_resetpassword_form .form-row-first{
    float: left;
    clear: both;
    width: 48.058824% !important;
    margin-right: 3.882353%  !important;
  }
}
.fullfrmdiv{opacity: 0.4;z-index: -1;position: relative;}
.txtrightcls{text-align: right;}