* {
    margin: 0;
    padding: 0;
}


body {
    direction: rtl;
    font-family: yekanBakh;
    font-size: 11pt;
    background: #FEFEFF;
    color: #424244;
}
a{
    text-decoration: none;
}
.app_login_box{
    max-width:500px;
    padding: 30px 20px 20px;
    box-sizing: border-box;
    box-shadow: 0 0 20px -10px #000000;
    border-radius: 5px;
    width: calc(100% - 10px);
    margin:50px auto 0 auto;
    background: #ffffff;
    text-align: center; 
}

.app_login_box img{
    width: 130px;
    object-fit: contain;
}

@font-face {
    font-family: yekanBakh;
    src: url("../fonts/woff2/YekanBakhFaNum-SemiBold.woff2");
}

@font-face {
    font-family: yekanBakh;
    src: url("../fonts/woff2/YekanBakhFaNum-Light.woff2");
    font-weight: 200;
}

@font-face {
    font-family: yekanBakh;
    src: url("../fonts/woff2/YekanBakhFaNum-Regular.woff2");
    font-weight: 300;
}

@font-face {
    font-family: yekanBakh;
    src: url("../fonts/woff2/YekanBakhFaNum-Bold.woff2");
    font-weight: 500;
}

@font-face {
    font-family: yekanBakh;
    src: url("../fonts/woff2/YekanBakhFaNum-ExtraBold.woff2");
    font-weight: 600;
}

@font-face {
    font-family: yekanBakh;
    src: url("../fonts/woff2/YekanBakhFaNum-ExtraBlack.woff2");
    font-weight: 700;
}
input:focus, textarea:focus {
    box-shadow: 0 0 4px #009966;
    background: #ffffff;
    border: 1px solid transparent;
}

input[readonly] {
    background: #efefef;
}

input, textarea {
    outline: none;
    border: 1px solid #cacaca;
    padding: 3px 10px;
    box-sizing: border-box;
    font-family: yekanBakh;
}

    input::placeholder{
        color: #aaaaac;
    }

    button {
        border: none;
        outline: none;
    }

.app_login_box_title{
    font-size: 16pt;
    font-weight: 500;
    margin: 40px auto;
    color: #555557;
}

.app_login_box_input_part{
    text-align: right;
}
.app_login_box_input_part_title{
    margin-bottom: 5px;
}
.app_login_box_input {
    padding: 10px;
    box-sizing: border-box;
    border-radius: 8px;
    width: 100%;
    color: #424244;
}

.app_login_btn {
    display: block;
    width: 100%;
    padding: 10px;
    box-sizing: border-box;
    border-radius: 8px;
    background: #00BBFF;
    color: #ffffff;
    margin: 30px auto 40px auto;
    font-size: 12pt;
}

.app_login_timer_part{
    display: flex;
    align-items:center;
    justify-content: space-between;
    margin-top:10px;
}

.app_login_resend_btn {
    border-radius: 5px;
    padding: 5px 10px;
    background: #ededed;
}

.send_code_btn_active {
    color: #ffffff;
    background: #FF710A;
}

.app_login_back_text {
    display: block;
    margin: -18px 0  10px 0;
    text-align: right;
}
.spinner-border {
    margin: 0 10px;
    width: 20px !important;
    height: 20px !important;
}