/* sms-auth.css mirrored for left-to-right languages by tools/build-ltr.py; edit inc/oc-sms-auth/assets/css/sms-auth.css instead. */
.form-row-sms{

    width:100%

}

.phone-input{
    width:100%;
    unicode-bidi: plaintext; /* digits run left to right; a Hebrew placeholder still reads right to left */
}

.submit-sms{

	width: 100%;

	max-width: none;

	    padding: 0;

    height: 45px;

}

.sms-auth-form,.confirm-sms-code{

    display:flex;

    justify-content: space-between;

    width:100%;

	flex-wrap: wrap;

	flex-direction: column;

    gap: 15px;

}

.verification-code-timer{

position: absolute;

    bottom: -23px;

    right: 0;

}



.confirm-sms-code{

    position: relative;

}



.verification-code-input{
    width:100%;
    unicode-bidi: plaintext;
}

.phone-auth-div-container .or,

 #customer_login .subtitle.or{

	margin-top:35px;

	text-align: center;

	color: #ADADAD;

    font-size: 16px;

    position: relative;

	margin-bottom: 35px;

}

.phone-auth-div-container .or:before{

	content: "";

    background: #ADADAD;

    width: 45%;

    display: block;

    position: absolute;

    left: 0;

    height: 1px;

    top: 9px;

}

.phone-auth-div-container .or:after{

	content: "";

    background: #ADADAD;

    width: 45%;

    display: block;

    position: absolute;

    right: 0;

    height: 1px;

    top: 9px;

}

.authorization-panel--container .woocommerce-error,

.authorization-panel--container .woocommerce-message{

	width: auto;

}

button.verify-button{

	width: 100%;

}

.confirm-sms-code__actions{

	display: flex;

	flex-direction: row;

	gap: 10px;

	align-items: stretch;

	width: 100%;

}

.confirm-sms-code__actions .verify-button{

	flex: 7 1 0;

	min-width: 0;

	width: auto;

}

.confirm-sms-code__actions .resend-code{

	flex: 3 1 0;

	min-width: 0;

	width: auto;

}

button.submit-sms.disabled,

button.verify-button.disabled{

	opacity: 1;

	font-size: 0;

}

button.submit-sms.disabled:after,

button.verify-button.disabled:after{

	content: "";

    width: 20px;

    height: 20px;

    border-radius: 50%;

    display: inline-block;

    border-top: 3px solid var(--button-primary-color);

    border-left: 3px solid var(--button-primary-color);

    box-sizing: border-box;

    animation: rotation 1s linear infinite;

    position: absolute;

    right: 0;

    left: 0;

    margin: auto;

    top: 12px;

}

button.resend-code{

    background: transparent !important;

    color: #000 !important;

    position: static;

    padding: 0;

    text-decoration: underline;

}

button.resend-code:before{

	display:none;

}

.login-tabs ul{

    margin-top: 30px;

    margin-bottom: 30px;

    display: flex;

    justify-content: space-between;

    padding: 0 10px !important;

    border-bottom: 1px solid #e6e7e9;

    gap: 10px;

}

.login-tabs ul li{

    width: 100% !important;

    text-align: center;

    justify-content: center;

    border: 1px solid #e6e7e9;

    border-radius: 3px 3px 0 0;

    color: #50575e;

    background-color: #f0f0f1;

    font-size: 13px;

    border-bottom: 0;

    margin-bottom: -1px;

    box-shadow: none !important;

    height: 40px;

    line-height: 38px;

}

.login-tabs ul li.active{

	color: #007cba !important;

    background: #ffffff !important;

    position: relative;

    top: 0;

    z-index: 1000;

    border-color: #e6e7e9 !important;

}

.login-tabs .reg-log-container{

	display:none;

}

.login-tabs .sms-log-container .subtitle,

.login-tabs .sms-log-container .subtitle.or{

	display: none!important;

}