/*rtlFontFamily-----------------*/
/*-------------iransans------------*/
@font-face {
    font-family: IRANSans;
    font-style: normal;
    font-weight: 900;
    src: url('../../Css/fonts/IranSans/IRANSansWeb(FaNum)_Black.eot');
    src: url('../../Css/fonts/IranSans/IRANSansWeb(FaNum)_Black.eot?#iefix') format('embedded-opentype'), /* IE6-8 */
    url('../../Css/fonts/IranSans/IRANSansWeb(FaNum)_Black.woff2') format('woff2'), /* FF39+,Chrome36+, Opera24+*/
    url('../../Css/fonts/IranSans/IRANSansWeb(FaNum)_Black.woff') format('woff'), /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
    url('../../Css/fonts/IranSans/IRANSansWeb(FaNum)_Black.ttf') format('truetype');
}

@font-face {
    font-family: IRANSans;
    font-style: normal;
    font-weight: bold;
    src: url('../../Css/fonts/IranSans/IRANSansWeb(FaNum)_Bold.eot');
    src: url('../../Css/fonts/IranSans/IRANSansWeb(FaNum)_Bold.eot?#iefix') format('embedded-opentype'), /* IE6-8 */
    url('../../Css/fonts/IranSans/IRANSansWeb(FaNum)_Bold.woff2') format('woff2'), /* FF39+,Chrome36+, Opera24+*/
    url('../../Css/fonts/IranSans/IRANSansWeb(FaNum)_Bold.woff') format('woff'), /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
    url('../../Css/fonts/IranSans/IRANSansWeb(FaNum)_Bold.ttf') format('truetype');
}

@font-face {
    font-family: IRANSans;
    font-style: normal;
    font-weight: 500;
    src: url('../../Css/fonts/IranSans/IRANSansWeb(FaNum)_Medium.eot');
    src: url('../../Css/fonts/IranSans/IRANSansWeb(FaNum)_Medium.eot?#iefix') format('embedded-opentype'), /* IE6-8 */
    url('../../Css/fonts/IranSans/IRANSansWeb(FaNum)_Medium.woff2') format('woff2'), /* FF39+,Chrome36+, Opera24+*/
    url('../../Css/fonts/IranSans/IRANSansWeb(FaNum)_Medium.woff') format('woff'), /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
    url('../../Css/fonts/IranSans/IRANSansWeb(FaNum)_Medium.ttf') format('truetype');
}

@font-face {
    font-family: IRANSans;
    font-style: normal;
    font-weight: 300;
    src: url('../../Css/fonts/IranSans/IRANSansWeb(FaNum)_Light.eot');
    src: url('../../Css/fonts/IranSans/IRANSansWeb(FaNum)_Light.eot?#iefix') format('embedded-opentype'), /* IE6-8 */
    url('../../Css/fonts/IranSans/IRANSansWeb(FaNum)_Light.woff2') format('woff2'), /* FF39+,Chrome36+, Opera24+*/
    url('../../Css/fonts/IranSans/IRANSansWeb(FaNum)_Light.woff') format('woff'), /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
    url('../../Css/fonts/IranSans/IRANSansWeb(FaNum)_Light.ttf') format('truetype');
}

@font-face {
    font-family: IRANSans;
    font-style: normal;
    font-weight: 200;
    src: url('../../Css/fonts/IranSans/IRANSansWeb(FaNum)_UltraLight.eot');
    src: url('../../Css/fonts/IranSans/IRANSansWeb(FaNum)_UltraLight.eot?#iefix') format('embedded-opentype'), /* IE6-8 */
    url('../../Css/fonts/IranSans/IRANSansWeb(FaNum)_UltraLight.woff2') format('woff2'), /* FF39+,Chrome36+, Opera24+*/
    url('../../Css/fonts/IranSans/IRANSansWeb(FaNum)_UltraLight.woff') format('woff'), /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
    url('../../Css/fonts/IranSans/IRANSansWeb(FaNum)_UltraLight.ttf') format('truetype');
}

@font-face {
    font-family: IRANSans;
    font-style: normal;
    font-weight: normal;
    src: url('../../Css/fonts/IranSans/IRANSansWeb(FaNum).eot');
    src: url('../../Css/fonts/IranSans/IRANSansWeb(FaNum).eot?#iefix') format('embedded-opentype'), /* IE6-8 */
    url('../../Css/fonts/IranSans/IRANSansWeb(FaNum).woff2') format('woff2'), /* FF39+,Chrome36+, Opera24+*/
    url('../../Css/fonts/IranSans/IRANSansWeb(FaNum).woff') format('woff'), /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
    url('../../Css/fonts/IranSans/IRANSansWeb(FaNum).ttf') format('truetype');
}

html,
body,
input, select, textarea,
h1, h2, h3, h4, h5 {
    font-family: "IRANSans", Helvetica !important;
}

strong {
    font-family: "IRANSans", Helvetica;
    font-weight: normal;
    white-space: nowrap;
}

.gen-list li .name {
    font-family: "IRANSans", Helvetica;
}

.logopanel h1 {
    font-family: "IRANSans", Helvetica;
}

.subtitle,
.basic-wizard ul li a span,
.tinystat h4,
.widget-messaging .sender,
.widget-today .today, .widget-time .today,
.widget-photoday .photo-title,
.widget-weather .temp h1,
.table-email .media h4,
.activity-list .media-title,
.event-title,
.blog-title,
.notfoundpanel h1,
.panel-timeline .panel-body h4,
.headerbar .topnav > ul > li > a {
    font-family: "IRANSans", Helvetica;
    font-weight:bold;
}

.panel-stat h1,
.panel-stat h4,
.blog-quote .quote-author,
.blogsingle-title,
.ex-donut-chart tspan {
    font-family: "IRANSans", Helvetica;
}

.iransas {
    font-family: "IRANSans";
    font-style: normal;
    font-weight: normal;
}

.iransansbold {
    font-family: "IRANSans";
    font-style: normal;
    font-weight: bold;
}

.dir-rtl {
    direction: rtl;
}

.helvetica {
    font-family: helvetica;
}

.btn-seven {
    background-color: #3399ff; /*3399ff*/
    border-color: #1f7ddb;
    color: #fff;
}

    .btn-seven:hover, .btn-seven:active, .btn-seven.active, .open .dropdown-toggle.btn-seven, .btn-seven:focus {
        background-color: #1f7ddb;
        border-color: #085db2;
        color: #fff;
    }
/*-----------------------------*/
body {
    background: #405d9b;
}

:focus {
    outline: none;
}

:invalid {
    box-shadow: none !important;
}

:-moz-submit-invalid {
    box-shadow: none !important;
}

:-moz-ui-invalid {
    box-shadow: none !important;
}

.box {
    background: #fefefe;
    border-top: 1px;
    /*-webkit-border-radius: 5px;*/
    -webkit-border-radius: 0px;
    /*-moz-border-radius: 5px;*/
    -moz-border-radius: 0px;
    /*border-radius: 5px;*/
    border-radius: 0px;
    /*-moz-box-shadow:rgba(0,0,0,0.15) 0 0 1px;
    -webkit-box-shadow:rgba(0,0,0,0.15) 0 0 1px;
    box-shadow:rgba(0,0,0,0.15) 0 0 1px;*/
    color: #444;
    font-size: 13px;
    margin: 0 auto 30px;
    overflow: hidden;
}

    .box.login {
        /*height: 480px;*/
        /*margin-top: 20px;*/
        width: 332px;
    }

.boxBody {
    margin-top: 40px;
    background: #fff;
    padding: 10px 20px;
}

    .boxBody .welcome-user {
        margin-bottom: 26px;
    }

        .boxBody .welcome-user span {
            font-size: 15px;
            font-weight: 600;
            margin-left: 6px;
            float: left;
        }

        .boxBody .welcome-user #back-login {
            font-size: 33px;
            margin-left: -22px;
            padding: 0 10px 10px 10px;
            display: inline-block;
            color: #aaa;
            margin-top: -7px;
            float: left;
        }

.box footer {
    /*background:#eff4f6;*/
    border-top: 1px solid #fff;
    padding: 18px 17px;
    overflow: hidden;
    height: 91px;
}

.box label {
    display: block;
    font-size: 13px;
    margin: 20px 0 0 6px;
    cursor: default !important;
    color: #000;
    font-weight: bold;
}

.box footer label {
    float: left;
    margin: 4px 0 0;
}

.box footer input[type=checkbox] {
    vertical-align: sub;
    *vertical-align: middle;
    margin-right: 10px;
}

.box input[type=text],
.box input[type=password],
.txtField,
.cjComboBox {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-bottom: 1px solid #ccc !important;
    border-image: none;
    /*border-left: 0 none;
    border-right: 0 none;
    border-top: 0 none;
    display: block;*/
    margin: 3px 0 13px;
    /*padding: 8px 6px;
    width: 280px;*/
}

.field-validation-error {
    color: red;
}

input:invalid, textarea:invalid {
    border-bottom: 1px solid red !important;
}

.box input[type=text]:focus,
.box input[type=password]:focus,
.txtField:focus,
.cjComboBox:focus,
.select-style:focus {
    border-bottom: 1px solid #0099e0 !important;
    -webkit-appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

.cjComboBox {
    width: 294px;
}

    .cjComboBox.small {
        padding: 3px 2px 3px 6px;
        width: 100px;
        border-width: 3px !important;
    }

.txtField.small {
    padding: 3px 6px;
    width: 200px;
    border-width: 3px !important;
}

.rLink {
    padding: 0 6px 0 0;
    font-size: 10px;
    float: right;
}

.box a {
    color: #999;
}

    .box a:hover, .box a:focus {
        text-decoration: underline;
    }

    .box a:active {
        color: #f84747;
    }

#loginerror {
    float: left;
    padding-bottom: 10px;
    padding-left: 10px;
}

.btnLogin, .btnForgot {
    background: #3399ff;
    border: 0px solid #1f7ddb !important;
    cursor: pointer;
    padding: 11px 16px;
    text-shadow: rgba(0,0,0,0.2) 0 1px 0px;
    color: #fff !important;
    margin-left: 10px;
    float: right;
    /*padding: 6px 21px 8px 21px;*/
    width: 100%;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

.btnCancelForgot, .btnbacktoLogin {
    background: #fff;
    border: 1px solid #ccc !important;
    cursor: pointer;
    padding: 11px 16px;
    color: #444 !important;
    margin-left: 10px;
    float: right;
    padding: 5px 21px 6px 21px;
    width: 100%;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    margin-top: 10px;
}

.btnLogin:hover,
.btnLogin:focus,
.btnLogin:active,
.btnForgot:hover,
.btnForgot:focus,
.btnForgot:active {
    background: #1f7ddb;
    border: 0px solid #085db2 !important;
}

.btnLogin:active {
    text-shadow: rgba(0,0,0,0.3) 0 -1px 0px;
}

.btnLogin a, .btnForgot a,
.btnLogin a:visited, .btnForgot a:visited {
    color: #fff !important;
    text-decoration: none;
}

footer#main {
    color: #fff;
    position: fixed;
    left: 0;
    bottom: 10px;
    text-align: center;
    font-size: 10px;
    width: 100%;
}

.login-tools {
    padding: 0px 11px;
    /*margin-top: 10px;*/
}

    .login-tools .login-remember {
        padding-bottom: 14px;
        float: right;
        width: 50%;
    }

        .login-tools .login-remember label {
            margin: 2px 6px;
            font-size: 12px;
        }

        .login-tools .login-remember input {
            vertical-align: middle;
            margin-right: 8px;
        }

    .login-tools .login-forgot {
        font-size: 11px;
        float: right;
        width: 50%;
    }

        .login-tools .login-forgot a, .login-tools .login-forgot a:visited {
            color: #066896;
        }

.new-od-user {
    display: block;
    font-size: 12px;
    margin-top: 10px;
    padding: 20px 0;
    text-align: center;
    width: 100%;
}

    .new-od-user a {
        border: 1px solid #ccc;
        padding: 6px 14px;
        margin-left: 12px;
        text-decoration: none !important;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        border-radius: 3px;
    }

        .new-od-user a:hover {
            text-decoration: none !important;
            color: #fff !important;
            border: 1px solid #0099e0 !important;
            background-color: #48a8f4 !important;
        }

.password-strength {
    display: block;
    width: 100%;
    margin: 20px 0;
}

.select-style {
    border: none;
    border-bottom: 1px solid #ddd !important;
    padding: 6px;
    -webkit-appearance: none;
    background-color: #fff;
    width: 100%;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: rgba(255, 255, 255, 1) url("../../Images/Login/arrow2.png") no-repeat scroll 98% 50% !important;
    margin-top: 4px;
}


/***********spinner loading css *************/
.spinner {
    margin: 0 auto;
    padding-top: 23px;
    text-align: center;
    width: 100%;
    clear: both;
}

    .spinner > div {
        width: 12px;
        height: 12px;
        background-color: #949494;
        border-radius: 100%;
        display: inline-block;
        -webkit-animation: sk-bouncedelay 1.4s infinite ease-in-out both;
        animation: sk-bouncedelay 1.4s infinite ease-in-out both;
    }

    .spinner .bounce1 {
        -webkit-animation-delay: -0.32s;
        animation-delay: -0.32s;
    }

    .spinner .bounce2 {
        -webkit-animation-delay: -0.16s;
        animation-delay: -0.16s;
    }

@-webkit-keyframes sk-bouncedelay {
    0%, 80%, 100% {
        -webkit-transform: scale(0);
    }

    40% {
        -webkit-transform: scale(1.0);
    }
}

@keyframes sk-bouncedelay {
    0%, 80%, 100% {
        -webkit-transform: scale(0);
        transform: scale(0);
    }

    40% {
        -webkit-transform: scale(1.0);
        transform: scale(1.0);
    }
}



.login-process {
    background-color: #fff !important;
    /*-webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;*/
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    padding: 1px 20px;
}

/*======================================================*/
/*======================================================*/
html {
    height: 100%;
    /*background: rgba(0, 0, 0, 0) url(../../Images/Login/bg25.JPG) no-repeat fixed center center / cover !important;*/
    background: rgba(0, 0, 0, 0) url(../../Images/Login/SevenProLogin.jpg) no-repeat fixed center center / cover !important;
}

body {
    margin: 0;
    padding: 0;
    background: transparent;
}

@media screen and (max-width:1200px) {

    .blue-od-logo {
        display: none;
    }

    .white-od-logo {
        display: inline-block !important;
    }

    .login-promo {
        display: none !important;
    }

    html {
        /*background: rgba(0, 0, 0, 0) url("../../Images/Login/bg25.JPG") no-repeat fixed center center / cover !important;*/
        background: rgba(0, 0, 0, 0) url("../../Images/Login/SevenProLogin.JPG") no-repeat fixed center center / cover !important;
    }

    .login-message h1 {
        color: #333 !important;
    }

    .login_panel, .box, .boxBody {
        background: none !important;
    }

    .login_panel {
        width: 100% !important;
        opacity: 1 !important;
        margin-top: 50px !important;
    }

    .login-copy-footer {
        width: 100%;
        margin: 0 !important;
        padding: 4px !important;
        background: rgba(0, 0, 0, 0.2) none repeat scroll 0 0;
        border-radius: 5px;
        bottom: 0;
        color: #fff !important;
        left: 0;
        position: fixed !important;
    }

        .login-copy-footer span {
            margin-left: 80px;
        }

        .login-copy-footer img {
            float: right;
        }

    .box footer {
        border-top: 0px !important;
    }
}

@media screen and (max-width:600px) {
    .box.login {
        margin-top: 0px !important;
    }
}

div#background_branding_container {
    height: 100%;
    left: 0;
    opacity: 1;
    overflow: hidden;
    position: fixed;
    top: 0;
    transition: opacity 1s ease 0s;
    width: 100%;
    z-index: 0;
}

.login_panel {
    background: #ffffff none repeat scroll 0 0;
    float: right;
    height: 100%;
    margin: 0;
    overflow-x: hidden;
    overflow-y: auto;
    padding: 0;
    position: fixed;
    right: 0;
    width: 350px;
    /*width: 500px;*/
    z-index: 1;
    opacity: 0.8;
    -webkit-transition-duration: 500ms; /* Safari */
    transition-duration: 500ms;
}

    .login_panel:focus, .login_panel:hover {
        opacity: 1;
        -webkit-transition-duration: 500ms; /* Safari */
        transition-duration: 500ms;
    }


.login-message {
    width: auto;
}


@media screen and (max-width: 1300px) {
    .login-promo {
        left: 5% !important;
    }

    .login-screenshot {
        width: 60% !important;
    }
}


@media (min-width:1301px) and (max-width:1600px) {
    .login-promo {
        top: 10% !important;
        left: 10% !important;
    }

    .login-screenshot {
        width: 100% !important;
    }

    .login-promo-button {
        float: left;
    }
}

@media (min-width:1601px) and (max-width:9900px) {
    .login-promo {
        top: 10% !important;
        left: 18% !important;
    }

    .login-screenshot {
        width: 100% !important;
    }

    .login-promo-button {
        float: left;
    }
}

/*login input------------*/
.boxBody input {
    border-radius: 0;
}

.boxBody .uname,
.boxBody .pword {
    background-position: 10px center;
}

.uname {
    background: #ffffff url(../../Images/Login/user.png) no-repeat 95% center;
}

.pword {
    background: #ffffff url(../../Images/Login/locked.png) no-repeat 95% center;
}

.sevenrolband {
    border-image: url(../../Images/Login/7rolband.png) 0 0 30 0 stretch;
    border-bottom: 4px solid;
}

.loginseperator {
    border-top: 1px solid #e4e7ea;
    width: 252px;
}

.logoideagostar {
    /*margin-top: 155px;*/
}

#customerlogo {
    text-decoration: none;
    color: #3399ff;
    font-size: 15px;
    font-weight: bolder;
    line-height: 47px;
    /*padding: 15px;*/
}

.customerserialnumbercontainer .customerserialnumber {
    font-size: 10px;
}

.login-process a:hover,.login-process a:visited,.login-process a:active,.login-process a:link {
     text-decoration: none;
}