@font-face {
    font-family: iranYekanRegular;
    src: url('../css-java-template/IranYekanFont/iranyekanwebregular(fanum).ttf');
}
@font-face {
    font-family: iranYekanBold;
    src: url('../css-java-template/IranYekanFont/iranyekanwebbold(fanum).ttf');
}
@font-face {
    font-family: iranYekanLight;
    src: url('../css-java-template/IranYekanFont/iranyekanweblight(fanum).ttf');
}

body{
    font-family: iranYekanRegular;
    direction: rtl;
    text-align: right;
    background: #F4F4F4;
}
@media (min-width: 1200px) {
    body {
        background: url("../img/Earth.jpg"), #F4F4F4;
        /*background-repeat: no-repeat;
        background-position: left,right;
        background-size: 50%;*/
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
        height: 100%;
    }
}
@media (min-width: 1200px) {
    body.verify {
        background: #F4F4F4;
    }
}

/******* Logo *********/
div.logoRight{
    margin-top: 20px;
}
div.logo{
    text-align: center;
    visibility: hidden;
}
@media (max-width: 992px) {
    div.logoRight{
        margin: auto;
        margin-top: 20px;
    }
}

/****************** Login And Register *********************/
div.LoginRegister{
    margin: auto;
    margin-top: 40px;
}

/****************** Nav-tabs of Login And Register */
div.LoginRegister nav div.nav-tabs {
    border-bottom: 0px;
}
div.LoginRegister nav div.nav-tabs .nav-link{
    font-family: iranYekanRegular;
    font-size: 16px;
    color: #fff;
    border: 0px !important;
    width: 20%;
    height: 50px;
    background-color: rgba(27,201,154,0.15);
}
div.LoginRegister nav div.nav-tabs .active{
    background-color: #1BC99A;
    opacity: 1;
}
@media (max-width: 767.98px) {
    div.LoginRegister nav div.nav-tabs .nav-link{
        font-size: 14px;
    }
}

/************ Login And Register Div ***********/
div.LoginRegister div.register , div.LoginRegister div.login{
    border-radius: 5px;
    box-shadow: 5px 5px 15px rgba(0,0,0,0.16);
    text-align: center;
    background-color: #fff;
    padding: 50px;
    min-height: 515px;
}
div.LoginRegister div.confirmCode {
    min-height : inherit;
}
div.LoginRegister h3 {
    font-family: iranYekanBold;
    font-size: 24px;
    color: rgba(42, 42, 42, 0.88);
}
hr{
    border: 1.5px solid #233050;
    width: 25%;
}
@media (max-width: 767.98px) {
    div.LoginRegister h3{
        font-size: 20px;
    }
}
@media (min-width: 768px) {
    div.LoginRegister div.register , div.LoginRegister div.login{
        padding: 25px 150px 25px 150px;
    }
}
@media (min-width: 768px) {
    div.LoginRegister div.confirmCode{
        padding: 25px 150px 25px 150px;
    }
}
@media (min-width: 1200px) {
    div.LoginRegister div.register , div.LoginRegister div.login{
        padding: 25px 220px 25px 220px;
    }
}
@media (min-width: 1200px) {
    div.LoginRegister div.confirmCode {
        padding: 25px 70px 25px 70px;
    }
}

/************ Login And Register Form ***********/
div.LoginRegister form {
    margin-top: 40px;
}
div.LoginRegister form input{
    border: inherit;
    font-family: iranYekanRegular;
    font-size: 15px;
    direction: ltr;
}
div.LoginRegister form input:focus{
    box-shadow: none;
}
div.LoginRegister form div.form-group:focus-within {
    border-color: #1BC99A;
    transition: 0.5s;
}

div.LoginRegister form div.user:focus-within .input-group-prepend .input-group-text{
    background-image: url("../css-java-template/image/UserGreen.png");
    transition: 0.5s;
}
    div.LoginRegister form div.lock:focus-within .input-group-prepend .input-group-text {
        background-image: url("../css-java-template/image/LockGreen.png");
        transition: 0.5s;
    }
    div.LoginRegister form div.mobile:focus-within .input-group-prepend:first-child .input-group-text {
        background-image: url("../css-java-template/image/MobileGreen.png");
        transition: 0.5s;
    }

div.LoginRegister form input::placeholder{
    font-family: iranYekanRegular;
    font-size: 15px;
    opacity: 0.3;
    text-align: right;
}

/* Remove Arrows Of Input type Number For Firefox */
input[type='number'] {
    -moz-appearance:textfield;
}
/*Remove Arrows Of Input type Number for Chrome And Safari*/
div.LoginRegister form input[type=number]::-webkit-inner-spin-button,
div.LoginRegister form input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    margin: 0;
}

div.LoginRegister form .input-group-prepend .input-group-text{
    border: 0px !important;
    border-radius: inherit;
    background-color: inherit;
}

div.LoginRegister form div.form-group{
    border-bottom: 1px solid rgba(42, 42, 42, .4);
    margin-bottom: 25px;
    transition: 0.5s;
}

div.LoginRegister form div.user .input-group-prepend .input-group-text {
    transition: 0.5s;
    background-image: url("../css-java-template/image/UserBlack.png");
    background-repeat: no-repeat;
    background-position: center;
}
div.LoginRegister form div.lock .input-group-prepend .input-group-text {
    transition: 0.5s;
    background-image: url("../css-java-template/image/LockBlack.png");
    background-repeat: no-repeat;
    background-position: center;
}
div.LoginRegister form div.mobile .input-group-prepend:first-child .input-group-text {
    transition: 0.5s;
    background-image: url("../css-java-template/image/MobileBlack.png");
    background-repeat: no-repeat;
    background-position: center;
}

@media (max-width: 767.98px) {
    div.LoginRegister form input::placeholder{
        font-size: 12px;
    }
}

/*************** Security Code ****************/
div.LoginRegister form div.secCode{
    border-bottom: 0px;
}
div.LoginRegister div.register form div.secCode{
    margin-bottom: 60px;
}
div.LoginRegister form div.secCode:focus-within {
    box-shadow: none;
    border: 0px;
}
div.LoginRegister form div.secCode input:focus {
    border-color: #1BC99A;
    transition: 0.5s;
}
div.LoginRegister form div.secCode label{
    font-family: iranYekanBold;
    text-align: right;
    font-size: 14px;
    color: rgba(42, 42, 42, 0.88);
    margin-top: 2%;
}
div.LoginRegister form div.secCode input{
    border-bottom: 1px solid rgba(42, 42, 42, .4);
    border-radius: inherit;
    text-align: center;
    transition: 0.5s;
}
div.LoginRegister form div.secCode ::placeholder{
    text-align: center;
}
@media (max-width: 767.98px) {
    div.LoginRegister form div.secCode label{
        font-size: 12px;
    }
}

/*************** CheckBox For Login ****************/

div.LoginRegister div.login div.checkbox{
    text-align: right;
    border-bottom: 0px;
    margin-bottom: 100px;
    font-family: iranYekanRegular;
    font-size: 14px;
}
div.checkbox label {
    cursor: pointer;
}
/*input[type=checkbox] {
    display: none;
}
input[type=checkbox] + label:before {
    content: "\2714";
    border: 0.1em solid #000;
    border-radius: 0.2em;
    display: inline-block;
    width: 1.1em;
    height: 0.2em;
    margin-bottom: 0.4em;
    padding-bottom: 1em;
    vertical-align: bottom;
    color: transparent;
    transition: .2s;
    text-align: center;
}
input[type=checkbox] + label:active:before {
    transform: scale(0);
}
input[type=checkbox]:checked + label:before {
    background-color: #1BC99A;
    border-color: #1BC99A;
    color: #fff;
}
input[type=checkbox]:disabled + label:before {
    transform: scale(1);
    border-color: #aaa;
}
input[type=checkbox]:checked:disabled + label:before {
    transform: scale(1);
    background-color: #bfb;
    border-color: #bfb;
}
div.LoginRegister form div.checkbox:focus-within {
    box-shadow: none;
    border: 0px;
}*/

/*************** Submit Button ****************/
div.LoginRegister div.submit a{
    text-decoration: none;
    font-family: iranYekanBold;
    font-size: 14px;
    color: rgba(42, 42, 42, 0.88);
}
div.LoginRegister div.submit button{
    font-family: iranYekanBold;
    font-size: 14px;
    color: #fff;
    background-color: #505B86;
    width: 100%;
}
div.LoginRegister div.login div.submit button{
    margin-top: 10px;
}
@media (max-width: 767.98px) {
    div.LoginRegister div.submit a{
        font-size: 12px;
    }
    div.LoginRegister div.submit button{
        font-size: 12px;
    }
}

/****** Modal For Forget Password ******/
div.login div.forgetPassword .modal-content{
    padding: 30px 40px 25px 40px !important;
}

div.login div.modal-header{
    border-bottom: 0px !important;
}

div.login div.modal-header div.forgetPasswordLogo{
    width: 50px;
    height: 50px;
    text-align: center;
    padding-top: 12px;
    background-color: #E5E5E5;
    margin-bottom: 5px;
}

div.login div.modal-header div.headerRight h4{
    font-family: iranYekanRegular;
    font-size: 20px;
    margin-bottom: 5px;
}

div.login div.modal-header div.headerRight span{
    font-family: iranYekanRegular;
    font-size: 14px;
}

div.login div.modal-header button{
    margin-left: 0;
}

div.login div.modal-body form{
    margin-top: 0px;
}

div.login div.modal-body form .form-group{
    border-bottom: none;
}

div.login div.modal-body form .form-group:focus-within{
    box-shadow: none;
    border: 0px;
}
div.login div.modal-body form .form-group input{
    border: 1px solid rgba(45,60,97,0.3);
}
    div.login div.modal-body form .form-group input::placeholder {
        text-align : right;
    }

div.login div.modal-body form ::placeholder{
    font-family: iranYekanRegular;
    font-size: 14px;
    opacity: 0.4;
    text-align: left;
}

div.login div.modal-body button{
    font-family: iranYekanRegular;
    font-size: 14px;
}
div.login div.modal-body form button:first-child{
    margin-left: 10px;
    background-color: #505B86;
    border: inherit;
}
div.login div.modal-body form button:last-child{
    background-color: #fff;
    border: 1px solid #505B86;
    color: #505B86;
    margin-top: 1px;
}

/********** Submit Register *****/
div.confirmCode div.secCode a{
    text-decoration: none;
    font-family: iranYekanRegular;
    font-size: 14px;
    color: #505B86;
    margin-top: 10px;
}

span.validate span {
    color: #dc3545 !important;
}


a.codeVerify {
    color: #505B86 !important;
    padding-bottom: 5px;
}