/*#region . Font*/

@font-face {
    font-family: iranyekan;
    font-style: normal;
    font-weight: normal;
    src: url('../fonts/IranYekan/eot/iranyekanwebregular.eot');
    src: url('../fonts/IranYekan/eot/iranyekanwebregular.eot?#iefix') format('embedded-opentype'), /* IE6-8 */
    url('../fonts/IranYekan/woff/iranyekanwebregular.woff') format('woff'), /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
    url('../fonts/IranYekan/ttf/iranyekanwebregular.ttf') format('truetype');
}
@font-face {
    font-family: iranyekan;
    font-style: normal;
    font-weight: bold;
    src: url('../fonts/IranYekan/eot/iranyekanwebbold.eot');
    src: url('../fonts/IranYekan/eot/iranyekanwebbold.eot?#iefix') format('embedded-opentype'), /* IE6-8 */
    url('../fonts/IranYekan/woff/iranyekanwebbold.woff') format('woff'), /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
    url('../fonts/IranYekan/ttf/iranyekanwebbold.ttf') format('truetype');
}
@font-face {
    font-family: 'TPFont';
    src: url('../fonts/tp-webfont.woff?v9'), 
         url('../fonts/tp-webfont.woff2?v9');
    font-weight: normal;
    font-style: normal;
}

.tp-lock:before             {content: "\e98D"}
.tp-lock-tick:before        {content: "\e9AC"}
.tp-user-v2:before          {content: "\e98E"}
.tp-eye:before              {content: "\e990"}
.tp-eye-hide:before         {content: "\e991"}
.tp-warning-2:before        {content: "\e95C"}
.tp-keyboard:before         {content: "\e9AF" }
.tp-keyboard.toggle:before  {content: "\e9B0" }
/*#endregion*/

* {
    outline: none;
    text-decoration:none
}

.tp-icon::before {
    display: inline-block;
    font: normal normal normal 15px/1 TPFont;
    font-size: 20px;
    line-height: inherit;
    text-rendering: auto;
    text-align: center;
}

:root {
    --all-page-background: #fafbff;
    --all-title-and-blaks: #17212c;
    --shadow-card-background-50: #d0d6e5;
    --select: #006eff;
    --profit: #00c30f;
    --spliter-line: #e5e5e5;
    --white: #ffffff;
    --secondary-numbers: #a5a5a5;
    --loss: #dd0000;
    --closing-notif: #f9c61b;
    --close-notif: #ff719d;
    --desable-text-color-on-black-color: #687480;
    --transparent-background: #0000004f;
    --icon-text-on-white-background: #858585;
    --guide-background: #eff2f9;
    --icon-color-on-white-background: #c5c5c5;
    --white-three: #f9f9f9
}

body {
    font-family: IRANYekan;
    font-size: 14px;
    padding: 0;
    margin: 0;
    text-align: right;
    direction: rtl;
    color: var(--all-title-and-blaks);
    line-height: 1.57;
}
.loading-container {
    text-align: center;
    text-align: center;
    position: fixed;
    width: 100%;
    top: 35%;
    z-index: 50;
    left: 0
}
.login-container {
    /* background-image: linear-gradient(to bottom, #2d85fd, var(--select)); */
    background-image: linear-gradient(to bottom, #2d85fd, #2d58fd 49%);
    height: 100vh;
    display: flex;
    flex-direction: column;
}

.login-container.is-login .hide-on-login{display:none} 
.login-container.is-forget .hide-on-forget{display:none} 

.blt{margin: 9px -15px 0 0px;
    float: right;
    width: 6px;
    height: 6px;
    background: #2d58fd;
    border-radius: 4px;
}
#btn-info{position: fixed;z-index:1;top: 24px;right: 24px;border: 2px solid #fff;border-radius: 50%;height: 20px;width: 20px;text-align: center;color: #fff;font-weight: bold;line-height: 23px;}

.login-header {
    color: var(--white);
    padding: 40px;
    text-align: center;
    position: relative;
    flex: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
.login-header::before {
    background: url(/Contents/Default/Images/Background-Chart.svg);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center bottom;
    opacity: 0.92;
    filter: blur(2px);
    position: absolute;
    z-index: 8;
    content: '';
    right: 0;
    left: 0;
    bottom: 0;
    height: 231px;
}
.login-header-mofid{display:none}
.login-body {
    /* position: fixed; */
    width: 100%;
    left: 0;
    bottom: 0;
    transition: 0.2s;
}

#mofid-box{display:none}
#back-to-home{display:none}

    .login-body .box {
        padding: 32px 24px;
        background: #fff;
        border-radius: 16px 16px 0 0;
    }
#link-back-to-home{display:none}
.top-text {
    font-size: 12px;
    padding: 0 40px 21px;
    font-weight: normal;
}
.top-text, .top-text a{
    color: #fff;
}

.login-header .hamrah-plus-logo {
    background: url(/Contents/Default/Images/hamrah-plus-logo.svg);
    height: 122px;
    background-repeat: no-repeat;
    width: 67px;
    background-size: contain;
    background-position: center;
}
 
.login-header h1 {
    font-size: 24px;
    font-weight: 800;
    line-height: 1.7;
    margin-bottom: 4px;
    margin-top: 2px;
}

.login-header h3 {
    font-size: 12px;
    font-weight: 100 !important;
    opacity: 0.7;
    margin-top: 0;
}

.input-container {
    border-radius: 8px;
    border: solid 1px var(--spliter-line);
    margin: 8px 0;
    overflow: hidden;
    position:relative;
    display: flex;
}

.input-container.required { border: 2px solid var(--loss);}

.input-container .tp-icon {float: right;padding:12px 15px;color: #787878}

.input-container input {
        border: 0;
        line-height: 48px;
        text-align: right;
        font-size: 16px;
        float: right;
        padding: 0 5px;
        font-family: IRANYekan;
        direction:ltr;
        letter-spacing:2px;
        width:calc(100% - 100px)
    }
.input-container.two-postfix input {width:calc(100% - 155px)}
.input-container.captcha input {width:calc(60% - 18px); padding:0 18px 0 0;}
.input-container.captcha img {width:calc(40% - 10px);padding-left:10px}

::-webkit-input-placeholder {letter-spacing:0}
::-moz-placeholder {letter-spacing:0}
:-ms-input-placeholder {letter-spacing:0}
:-moz-placeholder {letter-spacing:0}

.bottons-container {padding-top: 15px;}

.btn{
    display:block;
    line-height:50px;
    border-radius: 8px;
    border: 0;
    width: 151px;
    line-height: 56px;
    font-size: 16px;
    font-family: iranyekan;
    text-align:center
}
.btn-primary {
    /* background-image: linear-gradient(to bottom, #2d85fd, var(--select)); */
    background-image: linear-gradient(to bottom, #2d85fd, #2d58fd 49%);
    color: var(--white);
}
.btn-secondary,.btn-gray {
    background-color: var(--white-three)
}
.btn-group .btn{
    float: right;
}
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
    -webkit-box-shadow: 0 0 0 30px white inset !important;
}

input:-webkit-autofill {
    /*-webkit-text-fill-color: var(--secondary-numbers) !important;*/
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

input[type=number] {
    -moz-appearance: textfield;
}
.validation-summary-errors ul{
    padding:0;
    margin:0;
    line-height: 25px;
}
.validation-summary-errors ul li {
    list-style-type: none;
    direction: rtl;
    font-size: 15px;
    color: var(--loss);
}

.validation-summary-errors:before {
    content: "\e95C";
    margin: 0 19px 0px 10px;
    font-family: TPFont,iranyekan;
    color: var(--loss);
    direction: rtl;
    float: right;
}
.validation-summary-errors ul {
    margin: 0 5px;
}

.captcha-img{opacity: 1;float: left;height: 48px;border: none;}
#lbl-message {font-size: 14px;}
#lbl-message.success{color:green;}
#lbl-message.error{color:var(--loss);}

.modal-container{position:fixed;z-index:2;width:100%;height:100%;background-color:rgba(195, 194, 194, 0.74);right:0;top:0}
.modal-content{background: #fff;
    border-radius: 16px;
    padding: 14px 24px 24px;
    color: #014157;
    margin: 24px;
    height: calc(100% - 78px);
    position:relative
}
.modal-content.bottom{
    height: auto;
    position: absolute;
    width: calc(100% - 100px);
    bottom: 50px;
}
.modal-text{
    height: calc(100% - 70px);
    overflow: auto;
    margin-bottom: 10px;
    padding-bottom: 0px;
    padding-right: 0px;
    line-height: 23px;
}
#btn-close-modal{width: 100%;margin:0 auto;position:relative}
#btn-close-modal:before{
    content: "";
    position: absolute;
    left: 0px;
    width:100%;
    opacity: 1;
    bottom: 57px;
    height: 65px;
    z-index: 1;
    background: -webkit-gradient(linear,left top,left bottom,from(hsla(0,0%,100%,0)),color-stop(99%,hsla(0,0%,98.8%,.99)),to(#fcfcfc));
    background: linear-gradient(180deg,hsla(0,0%,100%,0),hsla(0,0%,98.8%,.99) 99%,#fcfcfc);
}

.show-in-mofid{display:none;}

.password-strength-ul{display:flex;}
.password-strength >*{color:var(--icon-color-on-white-background);font-size: 16px;margin: 0 2px;}
.strength0 .password-strength .active{color:#ff2c3d}
.strength1 .password-strength .active{color:#eaf82b}
.strength2 .password-strength .active{color:#c4f54b}
.strength3 .password-strength .active{color:#f7b809}
.strength4 .password-strength .active{color:#29f70a}
.strength5 .password-strength .active{color:#49bd1c}

::-webkit-scrollbar {display: none;}

@media only screen and (max-height: 400px) {
    .input-container input {line-height: 40px;}
    .input-container .tp-icon {padding: 5px}
    .captcha-img{height:40px}
    .btn{line-height:35px;}
    .login-body .box{padding:5px 24px}
    .bottons-container{padding-top:3px}
}
.captcha-img{
    max-width: 130px !important;
}

.tp-lock-open:before {
    content: "\e9AB";
}