@font-face {
    font-family: sans;
    src: url(../fonts/IRANSans/IRANSansWeb_Light.woff) format("woff"), url(../fonts/IRANSans/IRANSansWeb_Light.eot) format("eot"), url(../fonts/IRANSans/IRANSansWeb_Light.eot?#iefix) format("embedded-opentype"), url(../fonts/IRANSans/IRANSansWeb_Light.ttf) format("truetype");
    font-weight: 400;
    font-style: normal;
    font-variant: normal
}

@font-face {
    font-family: sansMedium;
    src: url(../fonts/IRANSansMedium/IRANSansWeb_Medium.woff) format("woff"), url(../fonts/IRANSansMedium/IRANSansWeb_Medium.eot) format("eot"), url(../fonts/IRANSansMedium/IRANSansWeb_Medium.eot?#iefix) format("embedded-opentype"), url(../fonts/IRANSansMedium/IRANSansWeb_Medium.ttf) format("truetype");
    font-weight: 700
}

*, :after, :before {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box
}

body {
    overflow-x: hidden;
    font-family: sansMedium
}

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

a {
    color: #555
}

a:focus, a:hover {
    text-decoration: none;
    color: #888
}

button, input, textarea {
    outline: none !important
}

.color-gray, body {
    background-color: #eef3f4
}

.btn-login {
    margin-top: 10px;
    padding: 5px 25px;
    border-radius: 25px;
    color: #fff;
    background-color: #333
}

.btn-login:hover {
    opacity: .85 !important;
    color: #fff;
    transition: .4s
}

.bor {
    padding-right: 0
}

.text-6 {
    font-size: 6px
}

.text-10 {
    font-size: 10px
}

.text-12 {
    font-size: 12px
}

h6 {
    margin-bottom: 0
}

.total {
    display: flex;
    background-color: #fff
}

.total-book {
    border-radius: 35px 0 0 35px
}

.card-rad {
    border: 1px solid #b5b5b5
}

.card-white {
    background-color: #fff
}

.fa-telegram {
    color: #333;
    font-size: 17px;
    padding-right: 16px;
    padding-left: 6px
}

.fa-telegram:hover {
    transition: .5s;
    opacity: .85
}

.input-border {
    border: none
}

.input-icon {
    border-bottom: 2px solid #b5b5b5;
    width: 93% !important;
    padding-top: 15px
}

.register-text {
    color: #9e1074
}

.fa-lock, .fa-user {
    font-size: 30px
}

.center {
    display: flex;
    justify-content: center
}

.title {
    border-bottom: 2px solid #b5b5b5;
    letter-spacing: 7px;
    padding-bottom: 10px
}

.img-log {
    background-position: 50%;
    background-image: url(../img/home.png);
    background-size: contain;
    background-repeat: no-repeat
}

#enterCheck {
    background-color: aqua
}

.box {
    width: 70%;
    height: 200px;
    background: #fff;
    margin: 40px auto
}

.effect2 {
    position: relative
}

.effect2:after, .effect2:before {
    z-index: -1;
    position: absolute;
    content: "";
    bottom: 5px;
    left: 50px;
    width: 80%;
    top: 80%;
    max-width: 300px;
    background: #a09e9e;
    border-radius: 35px;
    box-shadow: 0 15px 10px #a09e9e; /*transform:rotate(-7deg)*/
}

.effect2:after { /*transform:rotate(7deg);*/
    right: 50px;
    left: auto
}

button, input {
    font-family: inherit
}

.checkbox label input[type=checkbox] {
    display: none
}

.checkbox label input[type=checkbox] + .cr > .cr-icon {
    opacity: 0
}

.checkbox label input[type=checkbox]:checked + .cr > .cr-icon {
    opacity: 1
}

.checkbox label input[type=checkbox]:disabled + .cr {
    opacity: .5
}

.custom-control-input:checked ~ .custom-control-indicator {
    background-color: #9e1074
}

.custom-control-indicator {
    width: 13px;
    height: 13px
}

@media (max-width: 1200px) {
    .img-log {
        display: none
    }
}

.f-column {
    display: flex;
    flex-direction: column
}

.f-between {
    display: flex;
    justify-content: space-between;
    padding-bottom: 5px
}

.t1 {
    text-align: center;
    width: 70%
}

#password, #email {
    width: 92% !important;
    box-shadow: none !important
}

.flex-display {
    display: flex
}

.custom-checkbox {
    direction: rtl
}

.txt {
    display: flex;
    justify-content: center
}

.sub {
    font-size: 25px;
    font-weight: 700;
    padding-top: 10px
}

#check {
    margin: 0;
    margin-left: 5px
}

.validation-rejister .info-text {
    position: absolute;
    left: 10px;
    top: 23px;
    font-size: 19px;
    color: red;
    z-index: 100;
    cursor: pointer;
}

.validation-rejister .tooltip-text .tooltiptext {
    visibility: hidden;
    width: 220px;
    background-color: rgba(0, 0, 0, .7);
    color: #fff;
    text-align: center;
    padding: 7px 0;
    position: absolute;
    z-index: 5;
    top: 15px;
    right: 53px
}

.tooltip-text:hover .tooltiptext {
    visibility: visible !important
}

.validation-rejister-email-f .info-text {
    position: absolute;
    right: 4px;
    top: 47px;
    font-size: 19px;
    color: red;
    z-index: 99999;
    cursor: pointer;
}

.validation-rejister-email-f .tooltip-text .tooltiptext {
    visibility: hidden;
    width: 200px;
    background-color: rgba(0, 0, 0, .7);
    color: #fff;
    text-align: center;
    padding: 6px 0;
    position: absolute;
    z-index: 5;
    top: 41px;
    right: 16px
}

#reCaptch-verified {
    text-align: center;
    direction: rtl;
    padding-top: 10px;
}

.margin-top-10 {
    margin-top: 10px;
}