/*@charset "utf-8";*/
@font-face {
    font-family: "IRANSans";
    src: url("../fonts/IRANSans/IRANSans.eot");
    src: url("../fonts/IRANSans/IRANSans.eot?#iefix") format("embedded-opentype"), url("../fonts/IRANSans/IRANSans.woff") format("woff"), url("../fonts/IRANSans/IRANSans.ttf") format("truetype");
}

* {
    font-family: IRANSans;
    direction: rtl;
    outline: none;
}

body {
    background-color: #f1f1f1;
    background-image: repeating-linear-gradient( 135deg, transparent, transparent 2px, rgba(255, 255, 255, 0.5) 2px, rgba(255, 255, 255, 0.5) 4px );
}

.dorsapax {
    margin-top: 10vh;
}

    .dorsapax .row:first-child {
        margin: 0;
    }

.tooltip > .tooltip-inner {
    background-color: #13659d;
}

.dorsa-logo {
    background-image: url(../App_Themes/Gray/images/login/Dorsa-login.jpg);
    text-align: center;
    padding: 40px 75px;
    background-repeat: no-repeat;
    background-color: #16679e;
    background-position: left bottom;
    height: 500px;
    border-radius: 10px 0 0 10px;
    background-size: cover;
    color: #fff;
    line-height: 25px;
    float: left;
}

    .dorsa-logo img {
        margin-bottom: 100px;
    }

.dorsa-login {
    height: 500px;
    background-color: #fff;
    border-radius: 0 10px 10px 0;
    border: 1px solid #dcdddd;
    padding: 50px 0 20px 0;
    text-align: center;
}

    .dorsa-login .login-title {
        font-size: 18px;
        display: block;
        margin-bottom: 30px;
        color: #005995;
    }

    .dorsa-login select {
        width: 100%;
        margin-bottom: 15px;
        background-color: #f0f3f8;
        border-color: #f0f3f8;
        padding: 2px;
        color: #9a9a9a;
    }

        .dorsa-login select span {
            display: block;
            color: #444444;
        }

    .dorsa-login .select2-container {
        width: 100% !important;
        margin-bottom: 5px !important;
    }

    .dorsa-login .select2-container--default .select2-selection--single {
        background-color: #fff !important;
        border: 1px solid #dcdcdc !important;
        height: 32px !important;
        border-radius: 5px !important;
        text-align: right;
        padding-right: 10px;
    }

        .dorsa-login .select2-container--default .select2-selection--single:hover {
            border-color: #95d0f9 !important;
            box-shadow: 0 0 4px 0 #95d0f9;
        }

        .dorsa-login .select2-container--default .select2-selection--single:focus {
            border-color: #95d0f9 !important;
            box-shadow: 0 0 4px 0 #95d0f9;
            background-color: #f3faff;
        }

    .dorsa-login
    .select2-container
    .select2-selection--single
    .select2-selection__rendered {
        padding-left: 20px !important;
        padding-right: 6px !important;
        color: #9a9a9a !important;
        padding-top: 2px !important;
    }

.select2-container--default
.select2-selection--single
.select2-selection__arrow {
    height: 32px !important;
    right: auto !important;
    left: 5px !important;
}

.dorsa-login .login-box {
    width: 40%;
    margin: 0 auto;
}

.dorsa-login .logintxt {
    width: 100%;
    height: 32px;
    border-radius: 5px;
    border: 1px solid #dcdcdc;
    background-color: #fff;
    color: #9a9a9a !important;
    padding-right: 16px;
    margin-bottom: 5px;
    font-family: IRANSans;
}

    .dorsa-login .logintxt:hover {
        border-color: #95d0f9;
        box-shadow: 0 0 4px 0 #95d0f9;
    }

    .dorsa-login .logintxt:focus {
        border-color: #95d0f9;
        box-shadow: 0 0 4px 0 #95d0f9;
        background-color: #f3faff;
    }

.dorsa-login #imgCaptcha {
    border-radius: 5px;
    border: 1px solid #dcdcdc;
    margin-bottom: 5px;
    width: 100%;
}

.dorsa-login .securitycode {
    position: relative;
}

.dorsa-login .pic1 {
    width: 12px;
    height: 12px !important;
    position: absolute;
    left: 15px;
    top: 10px;
}

.dorsa-login #Refresh {
    left: 35px !important;
}

.dorsa-login .pic1:hover {
    filter: hue-rotate(230deg);
}

.dorsa-login .submit {
    margin-top: 50px;
}

    .dorsa-login .submit input {
        width: 150px;
        border-radius: 5px;
        border: none;
        padding: 7px;
        margin: 0 5px;
        color: #fff;
        font-family: IRANSans;
    }

    .dorsa-login .submit #sign {
        background-image: linear-gradient(to right, #03af49, #008e3c);
        background-color: #008e3c;
        height: 32px;
    }

        .dorsa-login .submit #sign:hover,
        .dorsa-login .submit #sign:focus {
            background-image: linear-gradient(to right, #087735, #008e3c);
        }
    .dorsa-login .submit #btnTwoSteplogin {
        background-image: linear-gradient(to right, #03af49, #008e3c);
        background-color: #008e3c;
        height: 32px;
    }

        .dorsa-login .submit #btnTwoSteplogin:hover,
        .dorsa-login .submit #btnTwoSteplogin:focus {
            background-image: linear-gradient(to right, #087735, #008e3c);
        }

    .dorsa-login .submit #RefreshSms {
        background-image: linear-gradient(to right, #03af49, #008e3c);
        background-color: #008e3c;
        height: 32px;
    }

        .dorsa-login .submit #RefreshSms:hover,
        .dorsa-login .submit #RefreshSms:focus {
            background-image: linear-gradient(to right, #087735, #008e3c);
        }

    .dorsa-login .submit #Button2 {
        background-image: linear-gradient(to right, #1681d3, #096aaf);
        background-color: #008e3c;
        height: 32px;
    }

        .dorsa-login .submit #Button2:hover,
        .dorsa-login .submit #Button2:focus {
            background-image: linear-gradient(to right, #075088, #096aaf);
        }

    .dorsa-login .submit #btnBack {
        background-image: linear-gradient(to right, #1681d3, #096aaf);
        background-color: #008e3c;
        height: 32px;
    }

        .dorsa-login .submit #btnBack:hover,
        .dorsa-login .submit #btnBack:focus {
            background-image: linear-gradient(to right, #075088, #096aaf);
        }

    .dorsa-login .submit #btnSendSMS {
        background-image: linear-gradient(to right, #1681d3, #096aaf);
        background-color: #008e3c;
        height: 32px;
    }

        .dorsa-login .submit #btnSendSMS:hover,
        .dorsa-login .submit #btnSendSMS:focus {
            background-image: linear-gradient(to right, #075088, #096aaf);
        }

.powerby {
    text-align: center;
    margin-top: 20px;
    color: #005995;
}

    .powerby a {
        color: #005995;
    }

        .powerby a:hover {
            color: #00913d;
        }

.container.dorsapax > .row:first-child {
    box-shadow: -1px 0px 10px 0px #ddd;
    border-radius: 10px;
}


@media (min-width: 1200px) {
}

@media (min-width: 992px) and (max-width: 1199px) {
    .dorsa-login .login-box {
        width: 50% !important;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .dorsa-login {
        border-radius: 0 0 10px 10px !important;
    }

    .dorsa-logo {
        border-radius: 10px 10px 0 0 !important;
        height: auto !important;
        padding: 20px !important;
    }

        .dorsa-logo img {
            margin-bottom: 0 !important;
        }

        .dorsa-logo .security-comment {
            display: none;
        }
}

@media (min-width: 450px) and (max-width: 767px) {
    .dorsa-login .login-box {
        width: 70% !important;
    }

    .dorsa-login {
        border-radius: 0 0 10px 10px !important;
    }

    .dorsa-logo {
        border-radius: 10px 10px 0 0 !important;
        height: auto !important;
        padding: 20px !important;
    }

        .dorsa-logo img {
            margin-bottom: 0 !important;
        }

        .dorsa-logo .security-comment {
            display: none;
        }
}

@media (min-width: 320px) and (max-width: 449px) {
    .dorsa-login .login-box {
        width: 60% !important;
    }

    .dorsa-login {
        border-radius: 0 0 10px 10px !important;
    }

    .dorsa-logo {
        border-radius: 10px 10px 0 0 !important;
        height: auto !important;
        padding: 20px !important;
    }

        .dorsa-logo img {
            margin-bottom: 0 !important;
        }

        .dorsa-logo .security-comment {
            display: none;
        }
}

@media (max-width: 319px) {
    .dorsa-login .login-box {
        width: 60% !important;
    }

    .dorsa-login {
        border-radius: 0 0 10px 10px !important;
    }

    .dorsa-logo {
        border-radius: 10px 10px 0 0 !important;
        height: auto !important;
        padding: 20px !important;
    }

        .dorsa-logo img {
            margin-bottom: 0 !important;
        }

        .dorsa-logo .security-comment {
            display: none;
        }
}

.select2-container,
img#imgCaptcha {
    margin: 2px !important;
}

img#imgCaptcha {
    margin-bottom: 5px !important;
}

.select2-container--default .select2-search--dropdown .select2-search__field {
    border: 1px solid #dcdcdc !important;
    border-radius: 5px !important;
}

.select2-container--open .select2-dropdown {
    left: -2px !important;
    top: -5px !important;
    border: 1px solid #dcdcdc !important;
    border-top: 0px !important;
    border-radius: 0 0px 5px 5px !important;
    overflow: hidden !important;
}

.select2-container--default
.select2-results__option--highlighted[aria-selected] {
    background-image: linear-gradient(to right, #1681d3, #096aaf);
    color: white;
}

.item-1,
.item-2,
.item-3 {
    position: absolute;
    display: block;
    top: 45%;
    width: 50%;
    animation-duration: 30s;
    animation-timing-function: ease-in-out;
    animation-iteration-count: infinite;
    text-align: justify;
}

.item-1 {
    animation-name: anim-1;
}

.item-2 {
    animation-name: anim-2;
}

.item-3 {
    animation-name: anim-3;
}

@keyframes anim-1 {
    0% {
        left: -100%;
        opacity: 0;
    }

    5% {
        left: 25%;
        opacity: 1;
    }

    30% {
        left: 25%;
        opacity: 1;
    }

    35% {
        left: 110%;
        opacity: 0;
    }

    100% {
        left: 110%;
        opacity: 0;
    }
}

@keyframes anim-2 {
    0%, 30% {
        left: -100%;
        opacity: 0;
    }

    35% {
        left: 25%;
        opacity: 1;
    }

    60% {
        left: 25%;
        opacity: 1;
    }

    65% {
        left: 110%;
        opacity: 0;
    }

    100% {
        left: 110%;
        opacity: 0;
    }
}

@keyframes anim-3 {
    0%, 60% {
        left: -100%;
        opacity: 0;
    }

    65% {
        left: 25%;
        opacity: 1;
    }

    92% {
        left: 25%;
        opacity: 1;
    }

    100% {
        left: 110%;
        opacity: 0;
    }
}

.col-lg-6.col-md-6.col-sm-12.col-xs-12.dorsa-logo {
    overflow: hidden;
}