/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : Apr 17, 2020, 12:13:35 PM
    Author     : AKS
*/

#customer_login .input-login-form{
    display: flex;  
}

#customer_login .input-login-form.user-phone{
    margin-bottom: 15px;
}

#customer_login .input-login-form .password-input{
    width: 100%;
}

button.woocommerce-Button.button{    
    margin: 0;
}

#customer_login .input-login-form .login-input-icon{ 
    background-color: #eee;
    border: 1px solid #ccc;
    border-radius: 4px;
    border-right: 0;
    border-bottom-right-radius: 0;
    border-top-right-radius: 0;       
    align-items: center;
    max-width: 42px;
    height: 42px;    
    display: flex;
    width: 100%;
    justify-content: center;
    min-width: 30px    
}


#customer_login .woocommerce-Input.woocommerce-Input--text.input-text{
    border: 1px solid #ccc;
    border-radius: 4px;
    border-bottom-left-radius: 0;
    border-top-left-radius: 0;
    height: 42px;
}

#customer_login .input-login-form .woocommerce-LostPassword.lost_password{
    margin: 0 0 0 auto;
}

#customer_login .button-login{
    text-align: center;
    margin-bottom: 20px;
}
#customer_login .button-login .woocommerce-Button.button{
    width: 70%;
    height: 38px;
    line-height: 1em;
    min-height: 1em;
    font-size: 1em;
    letter-spacing: normal;
}

#customer_login .button-login.disabled input,#customer_login .button-login.disabled button{
    background-color: #a5a5a5;
}

#reg_billing_phone{
    padding-left: 75px;
}
@media (min-width: 550px) {
    div.form-row.form-row-half{
        display: flex;
    }    
    .form-row-half div.form-row.form-row-first, .form-row-half div.form-row.form-row-last{
        width: 48%;      
    }
    .form-row-half div.form-row.form-row-first{   
        margin-right: 4%;    
    }
}

a.form-login-reg-tgr{
    cursor: pointer;
}

@media (min-width: 850px) {
    #login-form-popup .account-container div#form-login-user, #login-form-popup .account-container div#form-register-newuser{
        max-width: 75%;
        flex-basis: 75%;	
    }
}

#woocommerce-form-register .form-row.button-sign-up {
    text-align: center;   
}

#woocommerce-form-register .woocommerce-FormRow.form-row .woocommerce-Button{
    min-width: 65%;   
}

#woocommerce-form-register div.user-email .fl-wrap-input{
    width: 100%;   
}

div.div-change-type{
    text-align: center;  
}

button.button-change-type{
    color: #1965ad;
    font-weight: bold;    
    text-align: center;
    margin: 0 auto;
}
#woocommerce-form-register .user-first-name .fl-wrap-input, #woocommerce-form-register .user-last-name .fl-wrap-input{
    width:100%;
}

#woocommerce-form-login-email .user-name .fl-wrap-input, #woocommerce-form-login-email .user-password .fl-wrap-input{
    width: 100%;
}

a.form-login-tgr{
    cursor: pointer;   
}

.form-login-processing{
    pointer-events: none;
}

@media (max-width: 400px){
    input[type="tel"]::-webkit-input-placeholder {
        font-size: 13px;
    }
}
.mfp-container .mfp-content #login-form-popup #woocommerce-form-register input[type="email"]{padding-top:5px;}

#woocommerce-form-login-email button#open-otp-login-form,#woocommerce-form-login-otp button#open-email-login-form{
    margin:0;
    background-color:white;
    color:#a5a5a5;
    border:unset;
    -webkit-box-shadow:none;
    box-shadow:none;
    outline:none;
    width: fit-content;
}

#woocommerce-form-login-email button#open-otp-login-form:hover,#woocommerce-form-login-otp button#open-email-login-form:hover,#custom-registration-button:hover{
    color:#bd5b40;
}

div.form-login.account-container a{
    cursor: pointer;
}