.bsRow {
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.bs-none {
display: none !important;
}
.bs-block {
display: block !important;
}
.biger-auth-recaptcha-holder {
display: flex;
gap: 15px;
margin-top: 20px;
}
.biger-auth-recaptcha-holder input {
-ms-flex-preferred-size: 0;
flex-basis: 0;
-ms-flex-positive: 1;
flex-grow: 1;
max-width: 100%;
direction: ltr !important;
margin: auto 0 !important;
}
#biger-body-auth-form-holder .easy-users-abroad .textAbroad-Holder {
display: none;
}
#biger-body-auth-form-holder .biger-auth-recaptcha-holder input::placeholder {
opacity: 1 !important;
direction: rtl !important;
color: inherit !important;
text-align: right !important;
}
.bsAuth-zarin-initForm #act-auth-mail-main .biger-auth-recaptcha-holder {
margin-bottom: 25px;
}
.biger-auth-recaptcha-holder .recaptcha-img {
height: 50px;
width: 120px;
}
.recaptcha-img {
position: relative;
width: 120px;
height: 50px;
border-radius: 4px;
overflow: hidden; background: linear-gradient(90deg, #eee, #ddd, #eee);
background-size: 200% 100%;
animation: rec-skel 1.2s linear infinite;
}
.recaptcha-img img {
display: block;
width: 100%;
height: 100%;
object-fit: cover;
}
@keyframes rec-skel {
0% {
background-position: 200% 0
}
100% {
background-position: -200% 0
}
}
.biger-input {
position: relative;
}
.biger-head-form-main.has-error input {
border: 1px solid #e3122a !important;
}
#msg_error_auth {
font-size: 14px;
text-align: right;
margin: -20px 5px 15px;
color: #e3122a !important;
}
.biger-auth-checked-holder .biger-auth-code-again {
display: none;
color: #c36;
width: 100%;
font-size: 14px;
font-weight: 400;
border-radius: 9px;
padding: 16px 10px;
background-color: transparent;
border: none !important;
}
.biger-auth-checked-holder .biger-auth-code-again:hover {
background: transparent;
color: #c36;
}
.biger-form-auth-main.auth-form-load .load-holder {
opacity: 1;
visibility: unset;
}
.auth-form-load .biger-auth-submit {
color: transparent !important;
}
.biger-auth-checked-holder.auth-form-load .biger-auth-submit-checked {
color: transparent !important;
}
.biger-auth-checked-holder.auth-form-load .load-holder {
opacity: 1;
visibility: unset;
}
.load-holder {
opacity: 0;
position: absolute;
top: 0;
right: 0;
left: 0;
bottom: 0;
}
.animate-load {
display: inline-block;
position: relative;
width: 80px;
height: 45px;
}
.animate-load div {
position: absolute;
top: 20px;
width: 13px;
height: 13px;
border-radius: 50%;
background: #fff;
animation-timing-function: cubic-bezier(0, 1, 1, 0);
}
.animate-load div:nth-child(1) {
left: 8px;
animation: animate-load1 0.6s infinite;
}
.animate-load div:nth-child(2) {
left: 8px;
animation: animate-load2 0.6s infinite;
}
.animate-load div:nth-child(3) {
left: 32px;
animation: animate-load2 0.6s infinite;
}
.animate-load div:nth-child(4) {
left: 56px;
animation: animate-load3 0.6s infinite;
}
@keyframes animate-load1 {
0% {
transform: scale(0);
}
100% {
transform: scale(1);
}
}
@keyframes animate-load3 {
0% {
transform: scale(1);
}
100% {
transform: scale(0);
}
}
@keyframes animate-load2 {
0% {
transform: translate(0, 0);
}
100% {
transform: translate(24px, 0);
}
} .bs-message {
visibility: hidden;
width: fit-content;
min-width: 250px;
background-color: #333;
color: #fff;
text-align: center;
border-radius: 100px;
padding: 10px 30px;
position: fixed;
z-index: 99999999;
left: 0;
right: 0;
margin: 0 auto;
top: 30px;
font-size: 17px;
}
.bs-message.show {
visibility: visible;
-webkit-animation: fadein 0.5s, fadeout 0.5s 2.5s;
animation: fadein 0.5s, fadeout 0.5s 2.5s;
}
@-webkit-keyframes fadein {
from {
top: 0;
opacity: 0;
}
to {
top: 30px;
opacity: 1;
}
}
@keyframes fadein {
from {
top: 0;
opacity: 0;
}
to {
top: 30px;
opacity: 1;
}
}
@-webkit-keyframes fadeout {
from {
top: 30px;
opacity: 1;
}
to {
top: 0;
opacity: 0;
}
}
@keyframes fadeout {
from {
top: 30px;
opacity: 1;
}
to {
top: 0;
opacity: 0;
}
} .easyInputPassHolder {
position: relative;
margin-bottom: 12px;
}
.biger-auth-pass-holder .easyInputPassHolder #biger-auth-password {
margin-bottom: 0;
}
.easySetNewPassword {
text-align: center;
font-size: 14px;
margin: 0;
}
.biger-auth-pass-holder #biger-auth-checked--pass, .biger-auth-pass-holder #biger-auth-password {
width: 100%;
font-size: 1em;
color: #030a16;
line-height: 24px;
padding: 10px 12px;
border-radius: 8px;
text-align: center;
margin-bottom: 12px;
background-color: #fff;
border: 1px solid #e0e0e2;
outline: none !important;
}
.biger-auth-pass-holder.auth-form-load .load-holder {
opacity: 1;
visibility: unset;
}
.biger-auth-pass-holder.auth-form-load .biger-auth-submit-checked {
color: transparent !important;
}
.biger-auth-pass-holder .biger-act-auth-code {
cursor: pointer;
font-size: 14px;
font-weight: 400;
margin: auto 0;
}
#easyLogin-password-rules {
list-style: none;
padding: 0;
}
#easyLogin-password-rules li {
margin: 5px 0;
font-size: 12px;
padding-left: 20px;
position: relative;
transition: color 0.3s ease-in-out;
}
#easyLogin-password-rules li .el-circle {
width: 6px;
height: 6px;
margin-left: 8px;
border-radius: 50%;
display: inline-block;
background-color: #e6e6e6;
transition: background-color 0.3s ease-in-out;
}
#easyLogin-password-rules li.invalid {
color: #D72638;
}
#easyLogin-password-rules li.valid {
color: #00A86B;
}
span.easy-toggle-password-icon {
position: absolute;
left: 10px;
top: 50%;
transform: translateY(-50%);
cursor: pointer;
display: flex;
align-items: center;
justify-content: center;
transition: opacity 0.2s ease-in-out;
}
span.easy-toggle-password-icon svg {
width: 24px;
height: 24px;
transition: fill 0.3s ease-in-out, transform 0.2s ease-in-out;
}
span.easy-toggle-password-icon .eye-path {
fill: #aaa;
transition: fill 0.3s ease-in-out;
}
span.easy-toggle-password-icon:hover .eye-path {
fill: #666;
}
span.easy-toggle-password-icon.active .eye-path {
fill: #007bff;
} .submitPhoneNow {
position: fixed;
top: 0;
right: 0;
left: 0;
bottom: 0;
z-index: 9999999;
display: flex;
width: 100%;
height: 100%;
}
.submitPhoneNow:before {
content: '';
opacity: 0.5;
background: #000;
position: absolute;
top: 0;
right: 0;
left: 0;
bottom: 0;
}
.bsSubmitPhone-holder {
margin: auto;
padding: 35px;
position: relative;
background: #ffffff;
border-radius: 12px;
display: inline-block;
}
.bsSubmitPhone-holder .biger-auth-submit {
width: 320px;
font-size: 14px;
margin-top: 15px;
padding: 17px 15px;
position: relative;
border-radius: 9px !important;
outline: none !important;
box-shadow: none !important;
}
.submitPhoneNow .bsSubmitPhone-holder .bsSubmitBtn {
border: none;
color: #ffffff;
background: #998bf0;
box-shadow: 0 4px 30px rgb(0 0 0 / 10%);
}
.bsSubmitPhone-holder .bsValueInput {
width: 320px;
padding: 15px;
font-size: 14px;
text-align: center;
outline: none !important;
box-shadow: none !important;
border-radius: 7px !important;
}
.bsSubmitPhone-holder .bsValueInput::-webkit-outer-spin-button,
.bsSubmitPhone-holder .bsValueInput::-webkit-inner-spin-button {
-webkit-appearance: none;
margin: 0;
}
.headFormSubmit p {
text-align: center;
margin-bottom: 16px;
font-size: 15px;
}
.submitPhoneNow.has-error .biger-auth-input {
border: 1px solid #e3122a !important;
}
.submitPhoneNow #msg_error_auth {
margin: 8px 0 0 0;
}
.submitPhoneNow .biger-auth-checked-holder {
position: relative;
display: inline-block;
margin: auto;
background: #ffffff;
padding: 35px;
border-radius: 10px;
}
.submitPhoneNow .biger-auth-checked-holder .biger-auth-submit-checked {
position: relative;
width: 100%;
border-radius: 7px;
}
.bsSubmitCodeFinal {
display: inline-block;
position: relative;
margin: auto;
width: 450px;
padding: 35px;
background: #ffffff;
border-radius: 10px;
}
.bsSubmitCodeFinal .bsSubmitCodeTitle {
text-align: center;
}
.bsSubmitCodeFinal #bsGetCode {
width: 100%;
margin: 15px 0;
padding: 15px 5px;
text-align: center;
border-radius: 7px;
letter-spacing: 10px;
outline: none !important;
box-shadow: none !important;
}
.bsSubmitCodeFinal .biger-auth-submit-checked {
position: relative;
width: 100%;
border-radius: 7px;
padding: 20px 10px;
}
.bsSubmitCodeFinal .biger-auth-code-again {
display: none;
width: 100%;
border-radius: 7px;
padding: 20px 10px;
}
.bsSubmitCodeFinal .biger-auth-expire-holder {
margin-bottom: 10px;
}
.bsSubmitCodeFinal .bsSubmitCodeHead {
display: flex;
justify-content: space-between;
}
.bsSubmitCodeFinal .bsSubmitCodeHead span {
font-size: 14px;
}
.bsSubmitCodeFinal .bsSubmitCodeHead #biger-otp-phone-number {
font-weight: 500;
}
.submitPhoneNow.auth-form-load .bsSubmitBtn {
color: transparent !important;
}
.submitPhoneNow.auth-form-load .bsSubmitBtn .load-holder {
opacity: 1;
visibility: unset;
}
.bsLogoAuth {
width: 150px;
height: auto;
display: block;
margin: 0 auto 22px auto;
}
.bsAuth-title {
display: inline-block;
font-weight: 400;
line-height: 2.17;
margin-bottom: 16px;
}
.bsArrow {
border: solid #424750;
border-width: 0 2px 2px 0;
display: inline-block;
padding: 3px;
}
.bsArrow:before {
content: '';
position: absolute;
top: 0;
width: 15px;
height: 1px;
right: -2px;
display: block;
background: #424750;
transform: rotate(45deg);
-webkit-transform: rotate(45deg);
}
.bsArrow.right {
transform: rotate(-45deg);
-webkit-transform: rotate(-45deg);
}
#biger-body-auth-form-holder form {
position: relative;
}
.blockRegEmail, .blockRegPhone {
display: block;
text-align: center;
margin: 0 !important;
}
.bsNotForm {
display: block;
width: 100%;
font-size: 18px;
font-weight: 700;
text-align: center;
padding: 55px 5px;
}
.bigAuth-btnModal {
cursor: pointer;
padding: 15px 22px;
font-size: 15px;
line-height: 23px;
border-radius: 12px;
color: #fff;
background: #1276d1;
display: inline-block;
}
.bigerAuth-ModalHolder {
left: 0;
top: 0;
width: 100%;
height: 100%;
z-index: 999;
display: none;
overflow: auto;
position: fixed;
text-align: center;
box-sizing: border-box;
background-color: rgba(6, 6, 6, .8);
}
.bigerAuth-ModalHolder.open {
display: flex;
}
.authModal-content {
position: relative;
margin: auto;
display: block;
}
.authModal-content .authModal-close {
top: 0;
opacity: .8;
z-index: 30;
right: 0;
cursor: pointer;
font-size: 28px;
font-weight: 700;
padding: 5px 20px;
position: absolute;
line-height: initial;
transition: all .2s ease;
color: rgb(109, 109, 109);
-webkit-transition: all .2s ease;
}
.authModal-content .bs-message {
border: 2px solid #ffffff;
color: #ffffff;
}
.authModal-content .authModal-close:hover {
opacity: 1;
}
.bigerAuth-ModalHolder.temp_rtl_theme .authModal-content {
width: 100%;
max-width: 460px;
}
.bigerAuth-ModalHolder.temp_zarinpal {
text-align: right;
}
.bigerAuth-ModalHolder.temp_zarinpal .authModal-close {
right: unset;
left: 0;
}
.bigerAuth-ModalHolder.temp_digikala .bsDigi-block-content {
width: 400px;
max-width: 400px;
text-align: right;
background: #ffffff;
}
.textAbroad-Holder {
text-align: right;
}
.textAbroad-Holder .authAbroadBTN {
display: inline-block;
cursor: pointer;
font-size: 14px;
font-weight: 300;
text-align: right;
padding-right: 5px;
}
.esyLoading {
position: relative;
}
.esyLoading:before {
top: 0;
left: 0;
right: 0;
bottom: 0;
opacity: 1;
z-index: 5;
content: "";
width: 45px;
height: 45px;
margin: auto;
border-radius: 50%;
position: absolute;
display: inline-block;
vertical-align: middle;
border: 1px solid #ffffff;
border-left-color: #1a203f;
transition: opacity .2s ease;
animation: bs-rotate 450ms infinite linear;
}
.esyLoading:after {
content: '';
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 4;
margin: auto;
opacity: 0.5;
position: absolute;
background: #ffffff;
border-radius: 40px;
}
.esyBackHolder {
text-align: right;
}
.esyBack-Abroad i:before {
content: unset;
}
.esyBackHolder .esyBack-Abroad {
display: inline-block;
cursor: pointer;
font-size: 15px;
font-weight: 300;
text-align: right;
padding-right: 5px;
}
.esyBackHolder .esyBack-Abroad i {
top: 0.5px;
opacity: 0.5;
position: relative;
}
.bigerActForgetPass {
text-align: right;
}
.bigerActForgetPass .esyBtnPass {
margin: 0;
cursor: pointer;
font-size: 13px;
display: inline-block;
}
@media (max-width: 576px) {
.bigerAuth-ModalHolder.temp_digikala .bsDigi-block-content {
width: 100%;
}
.bigerAuth-ModalHolder.temp_rtl_theme .authModal-content {
margin: auto 20px;
}
}
@keyframes bs-rotate {
100% {
transform: rotate(360deg);
}
}
.easyAuthGoogleBtn {
width: 100%;
display: flex;
padding: 13px;
cursor: pointer;
border-radius: 8px;
justify-content: center;
border: 1px solid #D6DADE;
}
.easyAuthGoogleBtn svg {
width: 22px;
height: auto;
margin-left: 10px;
}
.easyAuthGoogleBtn span {
color: #061136;
margin: auto 0;
font-size: 15px;
font-weight: 500;
display: inline-block;
}
.easyAuthGoogleLine {
position: relative;
margin: 44px 0 40px;
border-top: 1px solid #caced873;
}
.easyAuthGoogleLine p {
left: 0;
right: 0;
top: -12px;
margin: auto;
color: #CACED8;
padding: 0 22px;
font-size: 13px;
background: #fff;
position: absolute;
width: fit-content;
}
.bigerAuth-ModalHolder.open .authModal-content .bsForm_RTLTheme_Holder,
.bigerAuth-ModalHolder.open .authModal-content .bsForm_ZarinPal_Holder {
opacity: 0;
animation: 1s cubic-bezier(0.075, 0.82, 0.165, 1) 0s 1 normal forwards running easyBody;
}
body form #biger-auth-checked--code {
direction: ltr;
}
body form button.biger-auth-submit-checked:disabled {
pointer-events: none;
opacity: 0.5 !important;
}
.bigerAuth-ModalHolder.open .authModal-content .bsAuth-init-box-page .bsAuth-box-title, .bigerAuth-ModalHolder.open .authModal-content input, .bigerAuth-ModalHolder.open .authModal-content button, .bigerAuth-ModalHolder.open .authModal-content p, .bigerAuth-ModalHolder.open .authModal-content span, .bigerAuth-ModalHolder.open .authModal-content img {
opacity: 0;
animation-delay: 0.1s;
animation: 0.8s ease-out 0s 1 normal forwards running easyContent;
}
@keyframes easyBody {
0% {
transform: translateY(-100px) scale(0.8);
opacity: 0;
}
100% {
transform: translateY(0px) scale(1);
opacity: 1;
}
}
@keyframes easyContent {
0% {
opacity: 0;
transform: translateY(-10px);
filter: blur(10px);
}
100% {
opacity: 1;
transform: translateY(0px);
filter: blur(0px);
}
}
.bigerAuth-OKReset p {
color: #000;
padding: 10px;
margin: 45px 0;
font-size: 20px;
font-weight: 900;
text-align: center;
}
body .bigerAuth-OKReset .backAuth {
top: unset !important;
padding: 12px !important;
display: block !important;
cursor: pointer !important;
position: relative !important;
border-radius: 7px;
text-align: center;
border: 1px solid #ccc;
}
.bigerAuth-OKReset p.woo {
font-size: 17px;
margin-bottom: 15px;
}
body .bigerAuth-OKReset div {
opacity: 0.7;
font-size: 14px;
text-align: justify;
margin-bottom: 20px;
}
.bigerLogin-toggle .bigerJustLoginForm button {
position: relative;
margin-top: 15px;
width: 200px;
max-width: 100%;
}
.bigerLogin-toggle .bigerJustLoginForm #msg_error_auth {
margin-top: 10px;
margin-bottom: 5px;
}
.bigerLogin-toggle .bigerJustLoginForm .biger-auth-code-again {
display: none;
}
.bigerLogin-toggle .bigerJustLoginForm .biger-auth-checked-footer {
margin-top: 15px;
}
.bigerLogin-toggle .bigerJustLoginForm .backAuth {
float: right;
margin-left: 30px;
}
.bigerLogin-toggle .bigerJustLoginForm .biger-auth-checked-head {
margin-bottom: 15px;
}
.bigerLogin-toggle .bigerJustLoginForm #biger-auth-checked--code {
text-align: center;
letter-spacing: 15px;
}
.bigerLogin-toggle .bigerJustLoginForm .bsAuthBtnAct {
margin-top: 22px;
cursor: pointer;
}
.bigerLogin-toggle .bigerJustLoginForm img {
display: none;
}
.bigerLogin-toggle .bigerJustLoginForm .backAuth {
cursor: pointer;
}
.bigerLogin-toggle .bigerJustLoginForm .backAuth {
font-size: 0;
line-height: 33px;
}
.bigerLogin-toggle .bigerJustLoginForm .backAuth i {
font-size: 16px;
}
.bigerLogin-toggle .biger-act-auth-code {
margin-top: 22px;
cursor: pointer;
}
.bigAuth-btnLogin:hover .bigAuth-contentDropDown {
-webkit-transform: scaleY(1);
-moz-transform: scaleY(1);
-ms-transform: scaleY(1);
-o-transform: scaleY(1);
transform: scaleY(1);
}
.bigAuth-contentDropDown {
left: 0;
width: 226px;
top: -webkit-calc(100% + 10px);
top: -moz-calc(100% + 10px);
top: calc(100% + 10px);
overflow: hidden;
background: #fff;
position: absolute;
border-radius: 12px;
box-shadow: 0 1px 1px rgba(0, 0, 0, .14), 0 4px 8px rgb(0 0 0 / 12%);
-webkit-transform: scaleY(0);
-moz-transform: scaleY(0);
-ms-transform: scaleY(0);
-o-transform: scaleY(0);
transform: scaleY(0);
-webkit-transform-origin: 0 0;
-moz-transform-origin: 0 0;
-ms-transform-origin: 0 0;
-o-transform-origin: 0 0;
transform-origin: 0 0;
-webkit-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.bigAuth-contentDropDown ul {
list-style: none;
margin: 0 !important;
padding: 10px !important;
}
.bigAuth-contentDropDown ul li a {
display: flex;
color: #3f4064;
font-size: 15px;
font-weight: 500;
padding-left: 10px;
margin-bottom: 10px;
padding-right: 10px;
transition: 0.3s all;
}
.bigAuth-contentDropDown ul li a:hover {
opacity: 0.7;
}
.bigAuth-contentDropDown ul li:last-child a {
margin-bottom: 0;
}
.bigAuth-contentDropDown ul li a svg {
width: 24px;
margin: auto;
}
.bigAuth-contentDropDown ul li a span {
display: block;
padding: 8px 20px 8px 4px;
-ms-flex-preferred-size: 0;
flex-basis: 0;
-ms-flex-positive: 1;
flex-grow: 1;
max-width: 100%;
}
.esSelectRole p {
font-size: 14px;
}
.esFormUser-holder.mandatory {
position: fixed;
display: flex;
top: 0;
right: 0;
left: 0;
bottom: 0;
z-index: 10;
}
.esFormUser-holder.mandatory:before {
content: '';
position: absolute;
top: 0;
right: 0;
left: 0;
bottom: 0;
background: #000;
opacity: 0.5;
}
.esFormUser-holder.mandatory .esLogin-getInfo-holder {
margin: auto;
width: 580px;
padding: 10px;
max-width: 100%;
background: #fff;
position: relative;
border-radius: 15px;
}
.esFormUser-holder.mandatory .esLogin-getInfo-holder .esLogin-getInfo-inner {
height: 100%;
padding: 7px 15px;
overflow-y: auto;
max-height: 450px;
} .esFormUser-holder.mandatory .esLogin-getInfo-holder .esLogin-getInfo-inner::-webkit-scrollbar {
width: 6px;
} .esFormUser-holder.mandatory .esLogin-getInfo-holder .esLogin-getInfo-inner::-webkit-scrollbar-track {
border-radius: 10px;
background: #e0e0e0;
} .esFormUser-holder.mandatory .esLogin-getInfo-holder .esLogin-getInfo-inner::-webkit-scrollbar-thumb {
background: #b0b0b0;
border-radius: 10px;
} .esFormUser-holder.mandatory .esLogin-getInfo-holder .esLogin-getInfo-inner::-webkit-scrollbar-thumb:hover {
background: #909090;
}
.esFormUser-holder.mandatory .esLogin-getInfo-holder input {
border-radius: 7px;
}
.esFormUser-holder.mandatory .esLogin-getInfo-holder .biger-auth-submit {
width: 100%;
color: #fff;
display: block;
padding: 10px 5px;
border-radius: 7px;
position: relative;
background-color: #1e90ff;
border: 1px solid #1e90ff;
outline: none !important;
box-shadow: none !important;
}
.esFormUser-holder.mandatory .esLogin-getInfo-holder .biger-auth-submit:hover {
color: #1e90ff;
background: transparent;
}
.esFormUser-holder.mandatory .esLogin-getInfo-holder .biger-auth-submit .animate-load {
height: auto;
}
.esFormUser-holder.mandatory .esLogin-getInfo-holder .biger-auth-submit .animate-load div {
top: 50%;
background: #0d70d1;
}
.esFormUser-holder form .esSelectRole label {
cursor: pointer;
font-size: 14px;
margin-bottom: 0;
margin-right: 15px;
display: inline-block !important;
}
.esSelectRole input[type="radio"] {
top: 0;
bottom: 0;
margin: 0;
right: 10px;
width: 12px;
height: auto;
cursor: pointer;
position: absolute;
display: inline-block;
}
.esFormUser-holder form .esSelectRole .esSelectRoleItem {
-ms-flex: 0 0 33.333333%;
flex: 0 0 33.333333%;
max-width: 33.333333%;
display: flex;
padding: 12px 0;
position: relative;
text-align: center;
border-radius: 7px;
background: #f8f9fa;
justify-content: center;
}
.esFormUser-holder form .esSelectRole .esSelectRoleBox {
display: flex;
flex-wrap: wrap;
gap: 15px;
}
body form .getFieldsBirthDay {
display: flex;
margin-bottom: 20px;
border-radius: 7px;
border: 1px solid #c3c3ce !important;
padding: 5px;
}
body form .getFieldsBirthDay select {
text-align: center;
border: none !important;
outline: none !important;
-webkit-appearance: none;
-moz-appearance: none;
}
body form .getFieldsBirthDay .bdArrow {
margin: auto 0;
color: #c3c3ce;
}
.esSelectRole {
margin-bottom: 25px;
}
.esyLoginCodeVerify {
display: flex;
direction: ltr;
margin-bottom: 15px;
justify-content: center;
}
.esyLoginCodeVerify input {
height: 48px;
padding: 5px;
font-size: 20px;
margin: auto 5px;
text-align: center;
box-sizing: border-box;
background-color: #fff;
width: 45px !important;
outline: none !important;
box-shadow: none !important;
border-radius: 5px !important;
border: 1px solid #80868a !important;
}
body #biger-body-auth-form-holder #act-auth-phone-main input[name="auth[phone]"] {
direction: ltr;
}