.login_bg{
	backdrop-filter: blur(2px);
    height: 100%;
    width: 100%;
    position: fixed;
    top: 0px;
    left: 0px;
    z-index: 1000;
        background-color: #0000002b;
        display: none;

}


.login_register_container{


  
}

.whb-mobile-right .wd-button-wrapper{
  padding-right: 0px !important;
    margin-right: -7px !important;
    margin-top: -3px !important;
}
.login_header_btn{
      font-weight: normal !important;
    padding: 0px 0px !important;
    width: 30px;
background-color:initial !important;
}
.login_header_btn:hover{
    background-color: #fbfbfb !important;
    box-shadow: none !important;
}

#password_login_form,#register_step1_form,#register_step2_form,#mobile_login_otp_input,#register_step1_otp_input,#recovery_form_step1,#recovery_confirm_mobile,#password_recovery_form{
display: none;
}
.elementor-12910{
      padding: 0px 0px;
}
.close_login_box,.button_to_register,.button_to_login,.button_to_password_login,.otp_resend{
	cursor: pointer;
}

.blur_bg{
backdrop-filter: blur(2px);
    padding: 64px 134px;
    position: absolute;
    /* line-height: 18px; */
    top: 18%;
    left: 0%;
    display: block;
}

.login_loader {
width: 61px;
    aspect-ratio: 1;
    --c: no-repeat linear-gradient(#d7d7d7 0 0);
    background: var(--c) 0% 50%, var(--c) 50% 50%, var(--c) 100% 50%;
    background-size: 20% 100%;
    animation: l1 1s infinite linear;
    height: 52px;
    position: relative;
    margin: auto;
    display: block;

}
@keyframes l1 {
  0%  {background-size: 20% 100%,20% 100%,20% 100%}
  33% {background-size: 20% 10% ,20% 100%,20% 100%}
  50% {background-size: 20% 100%,20% 10% ,20% 100%}
  66% {background-size: 20% 100%,20% 100%,20% 10% }
  100%{background-size: 20% 100%,20% 100%,20% 100%}
}


@keyframes shake {
  0% { transform: rotate(0deg); }
  10% { transform:  rotate(-5deg); }
  20% { transform:  rotate(5deg); }
  30% { transform:  rotate(0deg); }
  40% { transform:  rotate(0deg); }
  50% { transform:  rotate(0deg); }
  60% { transform: translate(0px, 0px) rotate(0deg); }
  70% { transform: translate(0px, 0px) rotate(0deg); }
  80% { transform: translate(0px, 0px) rotate(0deg); }
  90% { transform: translate(0px, 0px) rotate(0deg); }
  100% { transform: translate(0px, 0px) rotate(0deg); }
}
.wholesale_price_title{
    display: none;
}
.error{
    margin-bottom: 0px !important;
    font-size: 10px !important;
    margin-top: 4px !important;
    color: #ff4545 !important;
}
.login_notice{
      margin: 20px 25px;
    
    padding: 4px;
    border-radius: 5px;
        text-align: center;
    margin-bottom: 0px;
    font-weight: bold;
}
.login_notice p{
    margin-bottom:0px;
}
.login_notice_fail{
  background-color: #ededed;
  color: #eb4646;
}
.login_notice_success{
  background-color: #ededed;
  color: #20b51e;
}
.deactive_link{
    opacity: 0.5;
  pointer-events: none;
  cursor: default;
}
.otp_timer{
  min-width: 20px;
    display: block;
    text-align: center;
}
.wd-header-my-account{
    cursor: pointer;
}


@media screen and (min-width: 750px) {
.login_header_btn{
    display: none;
}
.elementor-12910{
      padding: 0px 34%;
}
}


.recover_password_btn{
    cursor: pointer;
}
.dash_number{
    text-align: center;
    font-size: 20px;
    color: #2196F3;
    font-weight: bold;
}