.sms-authentication{padding:32px;border:1px solid #e0e0e2;justify-content:center;width:100%;max-width:400px;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;display:flex;flex-direction:column;align-items:center;box-sizing:border-box;outline:none;margin:0 auto;position:relative}
.sms-authentication h1{box-sizing:border-box;color:#0c0c0c;font-size:19px;font-weight:700;line-height:40.2833px;margin:16px 0 0;outline:none;padding:0;max-width:100%;width:100%}
.sms-authentication label{box-sizing:border-box;color:#3f444d;font-size:12px;font-weight:400;line-height:26.0333px;margin:16px 0 0;outline:none;padding:0;text-align:right;max-width:100%;width:100%}
.sms-authentication input[type=text],.sms-authentication input[type=password]{background-color:#fffcc8;border:1px solid #19bfd3;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;box-sizing:border-box;caret-color:#19bfd3;color:#3f444d;flex-grow:1;font-size:15px;font-weight:400;line-height:32.25px;margin:16px 0 0;outline:none;padding:8px;max-width:100%;width:100%;direction:ltr;text-align:left}
.sms-authentication input[type=text].dir-rtl{direction:rtl;text-align:right}
.sms-authentication .button,.sms-authentication .button:link,.sms-authentication .button:active,.sms-authentication .button:visited,.sms-authentication .button:hover{align-items:center;text-align:center;justify-content:center;background-color:#ef4056;background-image:none;border:1px solid #ef4056;text-decoration:none;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;box-sizing:border-box;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:700;height:48px;line-height:30.1px;margin:32px 0 0;outline:none;overflow:hidden;padding:12px 16px;position:relative;transition-delay:0;transition-duration:.3s;transition-property:top;transition-timing-function:ease-in-out;user-select:none;width:100%}
.sms-authentication .button:hover{background-color:#d02c30;border-color:#d02c30}
.sms-authentication .link,.sms-authentication .link:link,.sms-authentication .link:active,.sms-authentication .link:visited,.sms-authentication .link:hover{border:0px solid #fff;background-color:transparent;align-items:center;box-sizing:border-box;text-decoration:none;color:#18bdd0;cursor:pointer;display:flex;flex-grow:1;font-size:12px;font-weight:700;justify-content:center;line-height:26.0333px;margin:16px 0 0 auto;outline:none;padding:0;position:relative;transition-delay:0;transition-duration:.3s;transition-property:top;transition-timing-function:ease-in-out}
.sms-authentication .link .d-flex{box-sizing:border-box;color:#18bdd0;cursor:pointer;font-size:12px;font-weight:700;line-height:26.0333px;margin:0;outline:none;padding:0;vertical-align:text-top}
.sms-authentication .back{position:absolute;right:20px;top:20px;background:transparent;border:0px solid #fff}
.sms-authentication.d-none{display:none}
.sms-authentication .msg{color:#f00;width:100%;margin-top:10px;font-size: 11px;text-align:justify}
.sms-authentication .msg.success{color:#2b9b0b}
.sms-authentication #resend-verify{display:none}

#profile.sms-authentication input::-webkit-input-placeholder{direction:rtl;text-align:right;color:#0c0c0c}
#profile.sms-authentication input:-ms-input-placeholder{direction:rtl;text-align:right;color:#0c0c0c}
#profile.sms-authentication input::placeholder{direction:rtl;text-align:right;color:#0c0c0c}

.timer-verify{display:none;direction:ltr;text-align:center;font-size:1rem;padding:15px 0px 0px 0px;}
.jst-hours{float:left}
.jst-minutes{float:left}
.jst-seconds{float:left}
.jst-clearDiv{clear:both}
.jst-timeout{color:red}

:root{--first-color:hsl(352.6,91.4%,63.3%);--first-color-alt:hsl(352.3,77.8%,66.5%);--text-color:hsl(231,12%,98%);--body-color:hsl(231,100%,94%)}
.proccessing{position:relative;color:var(--text-color);overflow:hidden;cursor:wait}
.proccessing::before{content:'';position:absolute;top:0;left:0;width:150%;height:100%;background:repeating-linear-gradient(60deg,transparent,transparent 0.75rem,var(--first-color-alt) 0.75rem,var(--first-color-alt) 1.5rem);animation:load 1s infinite linear}
.button_text{position:relative}
@keyframes load{0%{transform:translateX(0)}
100%{transform:translateX(-1.75rem)}}