@font-face {
    font-family: "IranSans";
    src: url('../fonts/IRANSans-web.eot');
    src: url('../fonts/IRANSans-web.eot?#iefix') format('embedded-opentype'), 
         url('../fonts/IRANSans-web.woff') format('woff'), 
         url('../fonts/IRANSans-web.woff2') format('woff2'), 
         url('../fonts/IRANSans-web.ttf') format('truetype');
    font-weight: normal;
    font-style: normal
}
body {direction: rtl;color: #909190;font-family:IranSans, "Segoe UI Semibold", tahoma;}
body .bg-theme {padding:0;}
body .no-padding {padding: 0!important;}
body .no-padding-l {padding-left: 0;}
body .no-padding-r {padding-right: 0;}
body .box-text{padding:15px;font-size: 12px;line-height: 20px;}
body .box-text ul{margin: 0;padding: 0 10px;}
body input, body select, body textarea {border-radius: 0;box-shadow: none!important;background-color: transparent;}
body .login-top{margin:50px auto 30px;text-align:center}
body .btn {
        border-radius: 0;
        position: relative;
        overflow: hidden;
        -webkit-transition: all .2s ease;
        -moz-transition: all .2s ease;
        -o-transition: all .2s ease;
        -ms-transition: all .2s ease;
        transition: all .2s ease;
        z-index: 0;
        font-size: 15px;
}
.form-control {
    display: block;
    width: 100%;
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 0;
    border-radius: 0px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}
body .socialButtons {right: 10px;top: 200px;font-size: 12px;cursor: pointer;z-index: 555555;position: fixed;border-radius: 3px 0 0 3px !important;width: 25px;}
body .socialButtons a{width: 40px; height: 32px;background: url(../../images/social.png) no-repeat;display: block;margin: 0 0 5px;border-radius: 7px;background-position-x: 7px}
body .socialButtons a.telegram{ background-position-y: 2px;}
body .socialButtons a.instagram{ background-position-y:-23px ;}
body .socialButtons a.googleplus{ background-position-y: -48px;}
body .socialButtons a.linkedin{ background-position-y:-73px;}
body .socialButtons a.twitter{ background-position-y:-98px;}
body .socialButtons a.aparat{ background-position-y:-123px;}
body .socialButtons a.facebook{ background-position-y:-148px;}
body .socialButtons a.chrome{ background-position-y:-171px;}
body .socialButtons a.firefox{ background-position-y:-197px;}
body .socialButtons a.hamrahtrader{ background-position-y:-226px;}
body .socialButtons a.pdf{ background-position-y:-256px;}
body .bg-theme,.tab-select-app li.active,.auth_box .auth_login .btn,body .socialButtons a{background-color:#008b8b;}
.tab-select-app{width:100%;margin:0 0 20px 0;padding:0;display:inline-block;border-bottom: 3px solid #008b8b;}
body .socialButtons a:hover{background-color: #008b8b!important}
.tab-select-app li.active,.auth_box .auth_login .btn,body .box-text{color:#fff}
.tab-select-app li{list-style-type:none;float:right;background:#fff;width:50%;border-radius:5px 5px 0 0;padding: 6px 5px;text-align:center ;cursor:pointer}
.auth_box{position:absolute;padding-top:20px;width:100%}
.auth_box .auth_login_bg{-webkit-box-shadow:0 0 10px 7px rgba(0,0,0,.1);-moz-box-shadow:0 0 10px 7px rgba(0,0,0,.1);-o-box-shadow:0 0 10px 7px rgba(0,0,0,.1);-ms-box-shadow:0 0 10px 7px rgba(0,0,0,.1);box-shadow:0 0 10px 7px rgba(0,0,0,.1);background-image:url(../../images/login_box_bg.png);min-height: 450px;}
.auth_box .auth_login_bg .bg_img{-webkit-transform:translate(0,210%);-moz-transform:translate(0,210%);-o-transform:translate(0,210%);-ms-transform:translate(0,210%);transform:translate(0,210%)}
.auth_box .box-login {background-color: #fff;}
.auth_box .auth_login{padding: 25px;min-height: 450px;}
.auth_box .auth_login h3{text-align:center;color:#2C2B2B;font-weight:700;text-transform: uppercase;}
.auth_box .auth_login .auth_socialButtons a{font-size:16px}
.auth_box .auth_login .auth_loginOr{position:relative;font-size:1.2em;color:#909190;margin-top:1em;margin-bottom:1em;padding-top:.5em;padding-bottom:.5em}
.auth_box .auth_login .auth_loginOr .auth_hrOr{background-color:#ccc;height:1px;margin-top:0!important;margin-bottom:1px!important}
.auth_box .auth_login .auth_loginOr .auth_spanOr{display:block;position:absolute;left:50%;top:-.6em;margin-left:-1.5em;background-color:#fff;width:3em;text-align:center}
.auth_box .auth_login .form-control{height:40px}
.auth_box .auth_login .email_textbox_length{width:95%}
.auth_box .auth_login .btn{border:none;font-weight:700;width: 100%;}
.auth_box .auth_login label{font-weight:400}
.auth_box .auth_login .auth_forgotPassword a{color:#909190}
.auth_box .auth-button{background:#fff;border:5px solid #F1F1F1;border-radius:50%;color:#909190;height:50px;padding:11px 0;position:absolute;right:0;bottom:15%;-webkit-transition:all .5s ease-in-out 0s;-moz-transition:all .5s ease-in-out 0s;-o-transition:all .5s ease-in-out 0s;-ms-transition:all .5s ease-in-out 0s;transition:all .5s ease-in-out 0s;width:50px}
.auth_box .auth-button:hover{-webkit-transform:rotate(450deg);-moz-transform:rotate(450deg);-o-transform:rotate(450deg);-ms-transform:rotate(450deg);transform:rotate(450deg)}
.footer{clear: both;text-align: center;padding-top: 31px;}
input:-webkit-autofill {-webkit-box-shadow: 0 0 0 1000px white inset !important;}
.fade{display: none}
.forgetPasswordContainer {display: none}
.forgetPasswordContainer .button-holder{ margin: 10px 0;}
.forgetPasswordContainer .button-holder .btn{width: 100%}
.showForgetPanel .forgetPasswordContainer { display: inline-block;width: 100%}
.showForgetPanel .loginForm {display: none}
.multilogin-form{min-height: 400px}

.qrcode-container{width: 100%;}
.qrcode-container .main{border-top: 1px solid silver;padding-top: 10px;margin-top: 10px;width: 100%;display: flex}
.qrcode-container .main .item img{width: 170px;float: left}
.qrcode-container .main .item.help-container{ float: right;width: 100%;}
.qrcode-container .main .item.help-container .title{font-size: 14px;margin-top: 13px;text-align: right;line-height: 20px;}
.qrcode-container .main .item.help-container ul{list-style-type: none;line-height: 28px;margin: 0;padding: 0;}
.qrcode-container .main .item.help-container ul li{ list-style-type: none;font-size: 11px}
.qrcode-container .main .item.img {float: left;}

.recaptcha {float: left;cursor: pointer;width: 20px;height: 20px;margin: 20px 3px;}
.btn-group-lg > .btn, .btn-lg { padding: 10px 16px; }
.form-group.group2 {position: relative}
.keyboardInputInitiator {position: absolute;left: 5px;top: 13px;}
.txtpassword{width: 100%!important}
.borderbox {border: 1px solid #ccc;display: flex;}
.captchaformgroup {justify-content: space-between}
.controls {width: 100%;}
.captchabox{ display: flex}
.captchainputbox {margin: 13px 3px;}
.captchainputbox input {padding: 5px 6px;font-size: 13px;margin-top: 7px;}
.changePassword-container form>.form-group{border:1px solid #ccc}
.errortext, .validation-summary-errors {color: red;}
.borderbox.required {border: 2px solid red;}
.captcha-img {border-right: 1px solid #ccc;border-left: 1px solid #ccc;height: 60px;width: 100%;}
.footer-text{position: fixed; bottom: 0; left: 5px; font-size: 12px;z-index:0}

/*@media screen and (max-width: 1400px) {
    body .auth_box {height: calc(95% - 20px)}
    body .auth_box .auth_login_bg {height: calc(95% - 100px)}
}
    */
@media screen and (max-width: 1100px) {
    .qrcode-container .main .item img{ width: 120px;}
}
@media screen and (min-width: 768px) {
    .auth_box .auth_login_bg{-webkit-box-shadow:0 0 10px 7px rgba(0,0,0,.1);-moz-box-shadow:0 0 10px 7px rgba(0,0,0,.1);-o-box-shadow:0 0 10px 7px rgba(0,0,0,.1);-ms-box-shadow:0 0 10px 7px rgba(0,0,0,.1);box-shadow:0 0 10px 7px rgba(0,0,0,.1);background-image:url(../../images/login_box_bg.png);min-height: 450px;display: flex}
    .auth_box .auth_login_bg > div{ flex: 1;right: auto;left: auto;height: auto;}   
}
.forgetpassword {
    cursor: pointer;
    color: #333;
    margin-right: 10px;
}
@media screen and (max-width: 780px) {
    .qrbase {
        min-height: 0px;
    }
}