.customer-login-popup .modal-header {display: none;}
.customer-login-popup .modal-header.custom-modal-header {display: block; padding-left: 0; padding-right: 0; padding-top: 2rem;}
.customer-login-popup .custom-modal-header .modal-title{padding-bottom: 20px; border:0; text-align: center; text-transform: uppercase; }
.customer-login-popup .left-section {float: right; width: 48%; max-width: 330px; height: 591px;}
.customer-login-popup .left-section img.leftimg {width: 100%; height: 100%; object-fit: cover; float: left; display:inline-block}
.customer-login-popup button{text-transform: uppercase}
.clear{clear: both}

/* login */
ul#login-type, .password-login ul{list-style: none; margin: 0px; padding: 0px;}
ul#login-type li {float: left; width: 47%; /*border: 1px solid #fff;*/ text-align: center; text-transform: uppercase; }
ul#login-type li.login-type-last {float: right;}
.login-option a{font-weight: bold; background-color: #eeeeee; display: block; padding:10px 8px; color:#000000; text-decoration: none}
.login-option a.active{background-color: #169fc8; color:#ffffff}
.login-section .otp-login, .login-section .password-login{padding-top: 30px}
.login-section .otp-login .actions-toolbar{padding-top: 135px;}
.login-section .actions-links .register {float: left;}
.login-section .actions-links .forogotlink {float: right;}
.login-section .actions-toolbar, .registratio-section .actions-toolbar{padding-top: 15px;}

/* registration */
.registratio-section .reg-form .field{width:47%; float: left;}
.registratio-section .reg-form .field, .registratio-section .reg-form .fields{margin-bottom: 12px;}
.registratio-section .reg-form .field.even{margin-left: 6%;}
.registratio-section .reg-form .fields{width:100%;}
.registratio-section .reg-form .field.email{width:100%;}
.registratio-section .reg-form .even.field {margin-left: 28px;}
.registratio-section .reg-form .verifyotp.odd.field {width: 100%;}

/* forgot */
.forgot-password-section .actions-toolbar{padding-top: 145px;}
.forgot-password-section .forgotpasswordform .fields{margin-bottom: 12px; width: 100%}
.forgotpasswordform .custom-select.fields {float: right;width: 35%;}
.forgotpasswordform label.reset-msg {float: left;width: 60%;}
#emailpasswrong_msg{display:none;}

#resendotpbtn{
    margin-top: 10px;
}
.mobbtn {
    margin-top: 10px;
}
#otp
{
    width: 241px !important;
    margin-top: 12px;
}
#verifyotp {
  padding-left: 15px !important;
  letter-spacing: 42px !important;
  border: 0 !important;
  background-image: linear-gradient(to left, black 70%, rgba(255, 255, 255, 0) 0%) !important;
  background-position: bottom !important;
  background-size: 48px 1.7px !important;
  background-repeat: repeat-x !important;
  background-position-x: 35px !important;
  /*width: 220px !important;*/
  outline : none !important;
  border-bottom: none !important;
    box-shadow: none !important;
}
#divInner{
  left: 0;
  position: sticky;
}
.grecaptcha-badge {
    display: none !important;
}
.login-default-password .grecaptcha-badge {
    display: block !important;
}

#divOuter{
  /*width: 190px; */
  overflow: hidden;
}
.resend-btn{
    display: none !important;
    margin-left: 137px;
    border-radius: 4px;
    width: 132px;
    height: 37px;
    margin-top: 25px;
    padding: 0px 8px !important;
    filter: drop-shadow(0px 8px 8px rgba(0, 0, 0, 0.26));
}
.timerdiv{
    display: none;
}
.grecaptcha-badge{
    position: unset !important;
    transition : unset !important;
    margin-top: 20px;
    visibility: unset !important;
}
.container {
  display: flex;
  flex-flow: column;
  height: 100%;
  align-items: space-around;
  justify-content: center;
}
.otp-boxes{
    margin: 10px;
  height: 35px;
  width: 65px;
  border: none;
  border-radius: 5px;
  text-align: center;
  font-family: arimo;
  font-size: 1.2rem;
  background: #eef2f3;
}
.userInput {
  display: flex;
  justify-content: center;
}
.forgot-otp-login-default-page .btn-title,.forgot-default-password .btn-title{
    font-weight: 600 !important;
    font-size: 1.4rem !important;
}
.customer-account-forgotpassword .block-content {
     width: 50%;
}
.customer-account-login input#loginotpmob-default {
    padding-left: 76px !important;
}
.customer-account-login button#resendlogin-default{
    margin-left: 0px;
    margin-top: 0px;
}
.otp-login-default-page .btn-title,.login-default-password .btn-title{
    font-weight: 600 !important;
    font-size: 1.4rem !important;
}
.login-default-password ul#form-list {
    list-style-type: none !important;
    padding: 0px 0px 0px 15px;
}
.login-default-password .register {
    width: 50%;
    float: left;
    margin-top: 0px;
}
.login-default-password .forogotlink {
    width: 50%;
    float: right;
    margin-top: 0px;
}
.login-default-password a.forgotlinking-default {
    float: right;
}
.otp-login-default .register, .forogotlink {
     margin-top: 10px; 
}
.otp-login-default {
    padding: 10px;
 }
.login-default-password .register, .forogotlink {
    margin-top: 0px !important; 
}
.forgot-default-password .actions-toolbar{
        padding-top: 15px !important;
}
.account-login-mobilelogin-register .grecaptcha-badge {
    display: block !important;
    margin-bottom: 5px !important;
}
.grecaptcha-logo iframe{
    width: 305px;
    height: 80px;
}
.customer-login-popup.ultimate .modal-content{
    overflow-y: hidden;
}
@media only screen and (min-width: 768px) {
    .customer-login-popup .modal-inner-wrap{width:41.5%}
    .customer-login-popup.ultimate .modal-inner-wrap{width:800px; height:600px}
    .customer-login-popup .right-section {float: left; width: 53%;}
    .customer-login-popup.ultimate .modal-content {margin: 0; padding: 0; padding-left:3rem;}
    .ultimate .registratio-section .reg-form .even.field {margin-left: 23px;}
}

@media only screen and (max-width: 767px) {
    #customer-popup-login{display: none}
    .customer-login-popup  .left-section{display: none}
    .registratio-section .reg-form .field{width:49%; float: left;}
    .registratio-section .reg-form .field.even{margin-left: 2%;}
    .modal-popup.customer-login-popup.modal-slide .modal-inner-wrap[class] {background-color: #ffffff}
    .modal-popup.modal-slide {
        left: 15px !important;
        right: 15px !important;
        top: 15px !important;
        bottom: 15px !important;
    }
    
}
@media only screen and (max-width: 480px) {
    .customer-account-forgotpassword .block-content {
        width: 100% !important;
    }
    #forgot_type label{
        width: 100%;
        float: left;
    }
    .submit-btn-login {
         margin-left: 40px !important;
    }
    #resendlogin
    {
        margin-left: 60px !important;
    }
    .submit-btn {
        margin-left: 70px !important;
    }
    .email-btn {
        margin-left: 70px;
    }

}