.body {
    height: 100vh;
    background-image: url(/App_Theme/fa-IR/images/login-back.jpg);
    background-size: cover;
    position: relative;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: center;
    align-content: center;
    align-items: center;
    font-family:iransansweb;
}
.login-logo-bx {
    margin: 0px auto;
    width: 199px;
    padding: 30px 0px;
    padding-top: 0px;
}
    .login-logo-bx img {
        margin: 0px auto;
        display: block;
        max-width: 120px;
    }


.login-bx {
    background: #fff;
    border-radius: 15px;
    padding: 0px;
    margin: 0px auto;
    direction: rtl;
    border: none;
    -webkit-box-shadow: 0px 2px 13px 0px #dfdfdf9e;
    box-shadow: 0px 2px 13px 0px #dfdfdf9e;
    padding-top: 15px;
    width: 100%;
    width: 360px;
}
   
.divReister, #divReister {
    padding: 10px 45px;
    border: 1px solid #eee;
    border-top: none;
    border-bottom: none;
    border-radius:15px;
}
.text-right {
    text-align: right;
}

.login-bx .login-title {
    text-align: center;
    font-weight: bold;
    border-bottom: 1px solid #dddddd;
    padding-bottom: 10px;
    font-size: 15px;
}

.login-bx .ms_title {
    color: rgb(101, 101, 101);
    margin-bottom: 11px;
    font-size: 14px;
    line-height: 1.467;
    letter-spacing: -0.68px;
    margin-top: 14px;
}
.login-bx .ms-inpt-login, .login-bx .ms-inpt-pass, .ms-inpt-captcha {
    position: relative;
}
.login-bx .txt {
    color: rgb(113, 113, 113) !important;
    font-size: 20px;
    line-height: 1.571;
    width: 100%;
    letter-spacing: -0.8px;
    border-radius: 5px;
    background: rgb(255, 255, 255);
    border-width: 1px;
    border-style: solid;
    border-color: rgb(200, 200, 200);
    border-image: initial;
    padding: 11px 12px;
    position: relative;
}

.login-bx .btn-login {
    font-size: 18px;
    line-height: 1.222;
    padding: 12px 100px 12px 20px;
    border-radius: 6px;
    color: #fff;
    overflow: hidden;
    text-align: right;
    letter-spacing: -.7px;
    width: 100%;
    margin: 25px auto;
    position: relative;
    background: linear-gradient(to bottom, #fa6b06 0%, #df6320 100%);
    margin-bottom: 10px;
}
    .login-bx .btn-login:before {
        width: 95px;
        height: 95px;
        position: absolute;
        right: -15px;
        top: -20px;
        background: hsla(0, 0%, 100%, .21);
        content: "";
        border-radius: 50%;
    }
    .login-bx .btn-login:after {
        position: absolute;
        right: 23px;
        top: 8px;
        font-size: 28px;
        content: "\f08b";
        z-index: 99;
        font-family: 'FontAwesome';
    }
.login-bx .msbtn-btn {
    background: none;
    border: none;
    z-index: 99999999999;
    position: relative;
    width: 100%;
    text-align: right;
    font-size: 16px;
    letter-spacing: -0.5px;
}

.login-bx .login-info {
    background-color: #fffde4;
    border: 1px solid #f6e8a1;
    color: #a37731;
    font-size: 13px;
    padding: 9px;
    border-radius: 3px;
    margin-bottom: 16px;
    letter-spacing: -0.5px;
    border-radius:5px;
}


.otpBox {
    width: 60px;
    height: 55px;
    font-size: 22px;
    text-align: center;
    border-radius: 12px;
    border: 2px solid #c2c2c2;
    background: rgba(255, 255, 255, 0.15);
    color: #727272;
    font-weight: bold;
}
.btn-resend {
    width: 100%;
    height: 45px;
    border-radius: 12px;
    background: linear-gradient(135deg, #4c6ef5, #15aabf);
    color: #fff;
    border: none;
    font-size: 16px;
    font-weight: bold;
    transition: 0.3s;
    margin-block: 5px;
}

    .btn-resend:hover {
        transform: translateY(-3px);
        box-shadow: 0 8px 20px rgba(255, 255, 255, 0.3);
        opacity:1 !important;
    }
    .btn-resend[disabled] {
        opacity: 0.2 !important;
        cursor: not-allowed !important;
        filter: grayscale(40%);
    }
.w-49-p {
    width: 49% !important;
}
.font-15{
    font-size:15px !important;
}
@keyframes fadeIn {
    from {
        opacity: 0;
        transform: translate(-50%, -40%);
    }

    to {
        opacity: 1;
        transform: translate(-50%, -50%);
    }
}
.toast-message{
    font-family:iransansweb;
}