/*// Name/Date:Behnaz/96.09.28*/

@font-face {
    font-family: 'MehrYekan';
    /*src: url('/Scripts/fonts/MehrYekan.eot');*/
    src: local('MehrYekan'), url('/Scripts/fonts/MehrYekan.woff') format('woff'), url('/Scripts/fonts/MehrYekan.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-size: 16px;
}

/*#region Noty*/
.noty_type_confirm .noty_message {
    background-color: #999000;
    color: #ffffff;
}

.btn-danger:focus, .btn-primary:focus {
    border: 1px dashed #999000;
}

.btn-primary {
    color: #999000;
    margin: 5px;
    border: 1px solid #bbbbbb;
    width: 80px;
    -ms-border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    cursor: pointer;
    float: right;
    font-size: 13px;
}

.btn-danger {
    color: #aaaaaa;
    margin: 5px;
    border: 1px solid #bbbbbb;
    width: 80px;
    -ms-border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    margin-right: 15px;
    cursor: pointer;
    font-size: 13px;
}

.notyAlert {
    background-color: #eeeeee;
    padding: 5px;
    color: #787878;
    border-color: #bbbbbb;
}

.notyWarning {
    background-color: #ffffcc;
    border-color: #fddd91;
    padding: 5px;
    color: darkorange;
}

.notyError {
    background-color: #ffd4d3;
    border-color: #ffbbbb;
    padding: 5px;
    color: darkred;
}

.notyInformation {
    background-color: #11a1e1;
    border-color: #11a1e1;
    padding: 5px;
    color: #ffffff;
}

/*.notyWelcome {
    background: #dddddd;
    border-color: #fff !important;
    box-shadow: 0 2px 10px #aaaaaa !important;
    color: #fff;
}*/

.notyWelcome .imgTd img, .notyWelcome .imgTd div {
    border: #ddd000 solid 1px !important;
}

.notySuccess {
    background-color: #bbdd77;
    border-color: #aacc66;
    padding: 5px 5px 5px 5px;
    color: #118855;
}

.notyContext {
    background-image: -ms-linear-gradient(top left, #fff 0, #ddd 50%);
    background-image: -moz-linear-gradient(top left, #fff 0, #ddd 50%);
    background-image: -o-linear-gradient(top left, #fff 0, #ddd 50%);
    background-image: -webkit-gradient(linear, left top, right bottom, color-stop(0, #fff), color-stop(100, #ddd));
    background-image: -webkit-linear-gradient(top left, #fff 0, #ddd 50%);
    background-image: linear-gradient(to bottom right, #fff 0, #ddd 50%);
    border-color: #ddd !important;
    padding: 5px 5px 5px 5px;
    color: #777;
}
/*#endregion*/

/*#region Tags*/
html {
    font-family: 'MehrYekan', sans-serif;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
}

* {
    transition: all 1s ease;
}

body {
    margin: 0;
}

article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
    display: block;
}

audio, canvas, progress, video {
    display: inline-block;
    vertical-align: baseline;
}

    audio:not([controls]) {
        display: none;
        height: 0;
    }

[hidden], template {
    display: none;
}

a {
    background-color: transparent;
}

    a:active, a:hover {
        outline: 0;
    }

b, strong {
    font-weight: 700;
}

dfn {
    font-style: italic;
}

h1 {
    margin: .67em 0;
}

mark {
    background: #ff0;
    color: #000;
}

img {
    border: 0;
}

svg:not(:root) {
    overflow: hidden;
}

hr {
    box-sizing: content-box;
    height: 0;
}

pre {
    overflow: auto;
}

samp {
    font-size: 1em;
}

button, input, optgroup, select, textarea {
    color: inherit;
    font: inherit;
    margin: 0;
}

    button:active, input:active, optgroup:active, select:active, textarea button:active {
        border: 1px solid #ff0000;
    }

    input.button {
        height: 32px !important;
    }

button, select {
    text-transform: none;
}

button, html input[type="button"], input[type="reset"], input[type="submit"] {
    -webkit-appearance: button;
    cursor: pointer;
}

    button[disabled], html input[disabled] {
        cursor: default;
    }

    button::-moz-focus-inner, input::-moz-focus-inner {
        border: 0;
        padding: 0;
    }

input[type="checkbox"], input[type="radio"] {
    box-sizing: border-box;
    padding: 0;
}

input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button {
    height: auto;
}

input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none;
}


table {
    border-collapse: collapse;
    border-spacing: 0;
}

td, th {
    padding: 0;
}

@media print {
    *, *:before, *:after {
        background: transparent !important;
        color: #000 !important;
        box-shadow: none !important;
        text-shadow: none !important;
    }

    a, a:visited {
        text-decoration: underline;
    }

        a[href]:after {
            content: " (" attr(href)")";
        }

    abbr[title]:after {
        content: " (" attr(title)")";
    }

    a[href^="#"]:after, a[href^="javascript:"]:after {
        content: "";
    }

    pre, blockquote {
        border: 1px solid #999;
        page-break-inside: avoid;
    }

    thead {
        display: table-header-group;
    }

    tr, img {
        page-break-inside: avoid;
    }

    img {
        max-width: 100% !important;
    }

    p, h2, h3 {
        orphans: 3;
        widows: 3;
    }

    h2, h3 {
        page-break-after: avoid;
    }

    select {
        background: #fff !important;
    }

    .navbar {
        display: none;
    }

    .btn > .caret, .dropup > .btn > .caret {
        border-top-color: #000 !important;
    }

    .label {
        border: 1px solid #000;
    }

    .table {
        border-collapse: collapse !important;
    }

        .table td, .table th {
            background-color: #fff !important;
        }

    .table-bordered th, .table-bordered td {
        border: 1px solid #ddd !important;
    }
}

* {
    box-sizing: border-box;
}

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

html {
    font-size: 10px;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
}

body {
    font-family: 'MehrYekan', "Open Sans","Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: 14px;
    line-height: 1.42857143;
    color: #333;
    background-color: #fff;
}

input, button, select, textarea {
    font-family: 'MehrYekan', inherit;
    font-size: inherit;
    line-height: inherit;
}

a {
    color: #1abc9c;
    text-decoration: none;
}

    a:hover, a:focus {
        color: #117964;
        text-decoration: underline;
    }

    a:focus {
        outline: thin dotted;
        outline: 5px auto -webkit-focus-ring-color;
        outline-offset: -2px;
    }

figure {
    margin: 0;
}

img {
    vertical-align: middle;
}

.img-responsive, .thumbnail > img, .thumbnail a > img, .carousel-inner > .item > img, .carousel-inner > .item > a > img {
    display: block;
    max-width: 100%;
    height: auto;
}

.img-rounded {
    border-radius: 6px;
}

.img-thumbnail {
    padding: 4px;
    line-height: 1.42857143;
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 4px;
    transition: all .2s ease-in-out;
    display: inline-block;
    max-width: 100%;
    height: auto;
}

.img-circle {
    border-radius: 50%;
}

hr {
    margin-top: 20px;
    margin-bottom: 20px;
    border: 0;
    border-top: 1px solid #eee;
}

.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0,0,0,0);
    border: 0;
}

.sr-only-focusable:active, .sr-only-focusable:focus {
    position: static;
    width: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    clip: auto;
}

[role="button"] {
    cursor: pointer;
}

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
    font-family: 'MehrYekan', inherit;
    font-weight: 500;
    line-height: 1.1;
    color: inherit;
}

    h1 small, h2 small, h3 small, h4 small, h5 small, h6 small, .h1 small, .h2 small, .h3 small, .h4 small, .h5 small, .h6 small, h1 .small, h2 .small, h3 .small, h4 .small, h5 .small, h6 .small, .h1 .small, .h2 .small, .h3 .small, .h4 .small, .h5 .small, .h6 .small {
        font-weight: 400;
        line-height: 1;
        color: #777;
    }

h1, .h1, h2, .h2, h3, .h3 {
    margin-top: 20px;
    margin-bottom: 10px;
}

    h1 small, .h1 small, h2 small, .h2 small, h3 small, .h3 small, h1 .small, .h1 .small, h2 .small, .h2 .small, h3 .small, .h3 .small {
        font-size: 65%;
    }

h4, .h4, h5, .h5, h6, .h6 {
    margin-top: 10px;
    margin-bottom: 10px;
}

    h4 small, .h4 small, h5 small, .h5 small, h6 small, .h6 small, h4 .small, .h4 .small, h5 .small, .h5 .small, h6 .small, .h6 .small {
        font-size: 75%;
    }

h1, .h1 {
    font-size: 36px;
}

h2, .h2 {
    font-size: 30px;
}

h3, .h3 {
    font-size: 24px;
}

h4, .h4 {
    font-size: 18px;
}

h5, .h5 {
    font-size: 14px;
}

h6, .h6 {
    font-size: 12px;
}

p {
    margin: 0 0 10px;
}

.lead {
    margin-bottom: 20px;
    font-size: 16px;
    font-weight: 300;
    line-height: 1.4;
}

@media (min-width:768px) {
    .lead {
        font-size: 21px;
    }
}

small, .small {
    font-size: 85%;
}

mark, .mark {
    background-color: #fcf8e3;
    padding: .2em;
}

.text-center {
    text-align: center;
}

.page-header {
    padding-bottom: 9px;
    margin: 40px 0 20px;
    border-bottom: 1px solid #eee;
}


@media (min-width:768px) {
    .dl-horizontal dt {
        float: left;
        width: 160px;
        clear: left;
        text-align: right;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .dl-horizontal dd {
        margin-left: 180px;
    }
}

abbr[title], abbr[data-original-title] {
    cursor: help;
    border-bottom: 1px dotted #777;
}

.initialism {
    font-size: 90%;
    text-transform: uppercase;
}

address {
    margin-bottom: 20px;
    font-style: normal;
    line-height: 1.42857143;
}

.container {
    margin-right: auto;
    margin-left: auto;
    padding-left: 15px;
    padding-right: 15px;
}

@media (min-width:768px) {
    .container {
        width: 750px;
    }
}

@media (min-width:992px) {
    .container {
        width: 970px;
    }
}

@media (min-width:1200px) {
    .container {
        width: 1170px;
    }
}

.container-fluid {
    margin-right: auto;
    margin-left: auto;
    padding-left: 15px;
    padding-right: 15px;
}

label {
    display: inline-block;
    max-width: 100%;
    margin-bottom: 0;
    margin-top: 5px;
    font-weight: 700;
}

input[type="search"] {
    box-sizing: border-box;
}

input[type="radio"], input[type="checkbox"] {
    margin: 1px 0 0;
    line-height: normal;
}

input[type="file"] {
    display: block;
}

input[type="range"] {
    display: block;
    width: 100%;
}

select[multiple], select[size] {
    height: auto;
}

input[type="file"]:focus, input[type="radio"]:focus, input[type="checkbox"]:focus {
    outline: thin dotted;
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px;
}

output {
    padding-top: 7px;
}

input[type="search"] {
    -webkit-appearance: none;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
    input[type="date"], input[type="time"], input[type="datetime-local"], input[type="month"] {
        line-height: 34px;
    }

        input[type="date"].input-sm, input[type="time"].input-sm, input[type="datetime-local"].input-sm, input[type="month"].input-sm, .input-group-sm input[type="date"], .input-group-sm input[type="time"], .input-group-sm input[type="datetime-local"], .input-group-sm input[type="month"] {
            line-height: 30px;
        }

        input[type="date"].input-lg, input[type="time"].input-lg, input[type="datetime-local"].input-lg, input[type="month"].input-lg, .input-group-lg input[type="date"], .input-group-lg input[type="time"], .input-group-lg input[type="datetime-local"], .input-group-lg input[type="month"] {
            line-height: 46px;
        }
}

.fade {
    opacity: 0;
    transition: opacity .15s linear;
}

    .fade.in {
        opacity: 1;
    }

.label {
    display: inline-block !important;
    font-size: 75%;
    font-weight: 700;
    color: #fff;
    text-align: center;
}

a.label:hover, a.label:focus {
    color: #fff;
    text-decoration: none;
    cursor: pointer;
}

.label:empty {
    display: none;
}

.btn .label {
    position: relative;
    top: -1px;
}

@-ms-viewport {
    width: device-width;
}


* a:hover {
    cursor: pointer;
}

html, body {
    overflow: hidden;
}

body {
    margin: 0;
    color: #6a6f8c;
    background: #c8c8c8;
    font: 600 16px/18px 'MehrYekan',sans-serif;
}

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

a {
    color: inherit;
    text-decoration: none;
}
/*#endregion*/

/*#region login-page*/
.login-page {
    overflow: auto;
    display: table;
    width: 100%;
    height: 100%;
    background: #ddd;
    color: #fff;
    padding: 3em;
    position: relative;
}

    .login-page:before {
        content: '';
        background: #608dbe;
        background: #366fac;
        background: -moz-linear-gradient(top, rgba(54, 111, 172, 1) 0, rgba(24, 75, 130, 1) 100%);
        background-color: #608dbe;
        background-color: #366fac;
        background: -moz-linear-gradient(top, rgba(54, 111, 172, 1) 0, rgba(24, 75, 130, 1) 100%);
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0, rgba(54, 111, 172, 1)), color-stop(100%, rgba(24, 75, 130, 1)));
        background: -webkit-linear-gradient(top, rgba(54, 111, 172, 1) 0, rgba(24, 75, 130, 1) 100%);
        position: absolute;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        width: 80%;
        border-right: solid 120px #ddd;
    }

    .login-page h1 {
        font-weight: 700;
        line-height: 32px;
        font-size: 34px;
        text-shadow: 1px 1px 1px #255050;
    }

        .login-page h1 span {
            font-size: 21px;
            word-break: break-all;
            word-wrap: normal;
            color: #ccc000;
        }

        .login-page h1 .small {
            color: #fff;
            opacity: .7;
            padding-right: 5px;
            font-size: 13px;
            display: block;
            margin-top: 10px;
        }

        .login-page h1 .smallPhone {
            color: #aaa000;
        }

    .login-page .pro-link a {
        color: rgba(83, 128, 176, 0.5);
        -webkit-text-shadow: 0 -2px #eeeeee;
        -moz-text-shadow: 0 -2px #eeeeee;
        -ms-text-shadow: 0 -2px #eeeeee;
        text-shadow: 0 1px #1d5189;
        -webkit-transition: ease-in all 800ms;
        -moz-transition: ease-in all 800ms;
        -ms-transition: ease-in all 800ms;
        -o-transition: ease-in all 800ms;
        transition: ease-in all 800ms;
        font-size: 10px;
    }


        .login-page .pro-link a:hover {
            color: #999999;
            text-underline: none;
            text-decoration: none;
        }

    .login-page .form-group {
        padding: 8px 0;
        margin-bottom: 0;
    }

    .login-page .user-avatar {
        max-width: 230px;
        width: 100%;
        padding: 10px;
        margin: 0 auto;
    }

    .login-page .img-container, .login-page .form-content {
        display: table-cell;
        vertical-align: middle;
        padding: 15px;
    }

    .login-page .img-container {
        text-align: right;
        width: 40%;
        position: relative;
    }

    .login-page .form-content {
        position: relative;
    }

        .login-page .form-content .table-form {
            display: table;
            width: 100%;
        }

            .login-page .form-content .table-form .form-groups {
                display: table-cell;
                vertical-align: middle;
            }

            .login-page .form-content .table-form .button-container {
                display: table-cell;
                vertical-align: middle;
                width: 100px;
            }

        .login-page .form-content .bottom-75 {
            margin-bottom: 75px;
            max-width: 400px;
        }

        .login-page .form-content .input-lg {
            border-radius: 0;
        }

        .login-page .form-content .form-control {
            background: #18af91;
            border-color: #18af91;
            box-shadow: none;
            color: #fff;
            font-weight: 600;
        }

        .login-page .form-content ::-webkit-input-placeholder {
            color: rgba(255,255,255,.7);
            font-weight: 700;
            font-size: 16px;
            padding-top: 2px;
        }

        .login-page .form-content :-moz-placeholder, .login-page .form-content ::-moz-placeholder {
            color: rgba(255,255,255,.7);
            font-weight: 700;
            font-size: 16px;
            padding-top: 2px;
        }

        .login-page .form-content :-ms-input-placeholder {
            color: rgba(255,255,255,.7);
            font-weight: 700;
            font-size: 16px;
            padding-top: 2px;
        }

        .login-page .form-content .login {
            height: 110px;
            width: 100px;
            border-radius: 0;
            background: orange;
            border-color: orange;
            box-shadow: none;
            margin-left: 15px;
            color: #fff;
        }

            .login-page .form-content .login:focus {
                outline: none;
                outline-offset: unset; /*none*/
            }

    .login-page .remember {
        margin-top: 8px;
    }

        .login-page .remember .checkbox1 {
            padding-right: 5px;
        }

        .login-page .remember span.pass {
            float: right;
            padding-top: 2px;
        }
/*#endregion*/

.user-avatar2 {
    width: 120px;
    border: 2px solid #fff;
    margin-bottom: 5px;
}

.login2 {
    height: 38px;
    border-radius: 0;
    width: 46px;
    margin-right: 12px;
    background: orange;
    border-color: orange;
    box-shadow: none;
    color: #fff;
}

    .login2:focus {
        outline: none;
        outline-offset: unset;
    }

    .login2:hover {
        color: orange;
        background: #fff;
        border-color: #fff;
    }

/*_______________________________________________*/

/*#region Modal*/
.modalReq {
    direction: rtl;
    margin: 0 auto;
    min-height: 100%;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 99999999;
    background-color: #6e6e6e;
    background-color: rgba(110,110,110,0.9);
}

    .modalReq:before {
        background-color: #ffffff;
        -ms-opacity: 0.7;
        opacity: 0.7;
    }

    .modalReq .modalDiv {
        -ms-border-radius: 8px;
        border-radius: 25px;
        -webkit-box-shadow: 1px 4px 9px #555555;
        -ms-box-shadow: 1px 4px 9px #555555;
        box-shadow: 1px 4px 9px #555555;
        width: 50%;
        min-width: 250px;
        text-align: center;
        z-index: 9999998;
        margin-right: auto;
        margin-left: auto;
        margin-top: 20px;
        min-height: 500px
    }

.modalhtml {
    width: 100%;
    height: 100%;
    padding: 10px 30px 50px 30px;
    background: rgba(53, 9, 27, 0.8);
}

    .modalhtml .col1 {
        float: right;
        width: 45%;
    }

    .modalhtml .col2 {
        float: left;
        width: 45%;
    }

    .modalhtml .group .label,
    .modalhtml .group .input,
    .modalhtml .group .button {
        width: 100%;
        color: #fff;
        display: block;
        margin-bottom: 3px;
    }

    .modalhtml .group .input,
    .modalhtml .group .button {
        border: none;
        padding: 10px 20px;
        border-radius: 25px;
        background: rgba(255,255,255,.1);
    }

    .modalhtml .group .button {
        background: #2c639e;
        margin-top: 20px;
    }

@media (max-width:1024px) {
    .modalhtml {
        padding: 10px;
    }

    .modalReq .modalDiv {
        width: 75%;
    }

    .hr {
        margin: 10px 0 5px 0;
    }

    .login-page h1 {
        font-size: 25px;
    }
}

/*#endregion Modal*/

/*#region Login-html*/
.login-wrap {
    width: 100%;
    margin: auto;
    max-width: 400px;
    min-height: 470px;
    position: relative;
    background: url(/Images/Crm/El_goli.jpg) no-repeat center;
    box-shadow: 0 12px 15px 0 rgba(0,0,0,.24),0 17px 50px 0 rgba(0,0,0,.19);
}

.login-html {
    width: 100%;
    height: 100%;
    position: absolute;
    padding: 30px 30px 50px 30px;
    background: rgba(53, 9, 27, 0.9);
    min-height: 400px;
    min-width: 250px;
}

    .login-html .sign-in-htm,
    .login-html .sign-up-htm {
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        position: absolute;
        -ms-transform: rotateY(180deg);
        -webkit-transform: rotateY(180deg);
        transform: rotateY(180deg);
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
        -webkit-transition: all .4s linear;
        transition: all .4s linear;
    }

    .login-html .sign-in,
    .login-html .sign-up,
    .login-form .group .check {
        display: none;
    }

    .login-html .tab,
    .login-form .group .label,
    .login-form .group .button {
        text-transform: uppercase;
    }

    .login-html .tab {
        font-size: 16px;
        margin-right: 15px;
        padding-bottom: 5px;
        margin: 0 1px 10px 0;
        display: inline-block;
        border-bottom: 2px solid #aaa;
        width: 49%;
        text-align: center;
    }

    .login-html .sign-in:checked + .tab,
    .login-html .sign-up:checked + .tab {
        color: #ddd;
        border-color: #2c639e;
        text-shadow: 2px 2px 6px #310919;
        text-align: center;
        transition: all 1s linear
    }

.login-form {
    min-height: 345px;
    position: relative;
    -webkit-perspective: 1000px;
    perspective: 1000px;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
}

    .login-form .sign-up-htm .group {
        margin-bottom: 6px;
    }

    .login-form .group {
        margin-bottom: 11px;
    }

        .login-form .group .label,
        .login-form .group .input,
        .login-form .group .button {
            width: 100%;
            color: #fff;
            display: block;
        }

        .login-form .group .input,
        .login-form .group .button {
            border: none;
            padding: 2px 7px 5px 1px;
            -ms-border-radius: 15px;
            border-radius: 15px;
            background: rgba(255,255,255,.1);
        }

        .login-form .group input[data-type="password"] {
            text-security: circle;
            -webkit-text-security: circle;
        }

        .login-form .group .label {
            color: #fff;
            font-size: 14px;
            margin-bottom: 5px;
        }

        .login-form .group .button {
            background: #2c639e;
        }

        .login-form .group label .icon {
            width: 15px;
            height: 15px;
            -ms-border-radius: 2px;
            border-radius: 2px;
            position: relative;
            display: inline-block;
            background: rgba(255,255,255,.1);
            margin: 7px 10px -4px 10px
        }

            .login-form .group label .icon:before,
            .login-form .group label .icon:after {
                content: '';
                width: 10px;
                height: 2px;
                background: #fff;
                position: absolute;
                -webkit-transition: all .2s ease-in-out 0;
                transition: all .2s ease-in-out 0;
            }

            .login-form .group label .icon:before {
                left: 3px;
                width: 5px;
                bottom: 6px;
                -ms-transform: scale(0) rotate(0);
                -webkit-transform: scale(0) rotate(0);
                transform: scale(0) rotate(0);
            }

            .login-form .group label .icon:after {
                top: 6px;
                right: 0;
                -ms-transform: scale(0) rotate(0);
                -webkit-transform: scale(0) rotate(0);
                transform: scale(0) rotate(0);
            }

        .login-form .group .check:checked + label {
            color: #fff;
        }

            .login-form .group .check:checked + label .icon {
                background: #2c639e;
            }

                .login-form .group .check:checked + label .icon:before {
                    -ms-transform: scale(1) rotate(45deg);
                    -webkit-transform: scale(1) rotate(45deg);
                    transform: scale(1) rotate(45deg);
                }

                .login-form .group .check:checked + label .icon:after {
                    -ms-transform: scale(1) rotate(-45deg);
                    -webkit-transform: scale(1) rotate(-45deg);
                    transform: scale(1) rotate(-45deg);
                }

.login-html .sign-in:checked + .tab + .sign-up + .tab + .login-form .sign-in-htm {
    -ms-transform: rotate(0);
    -webkit-transform: rotate(0);
    transform: rotate(0);
}

.login-html .sign-up:checked + .tab + .login-form .sign-up-htm {
    -ms-transform: rotate(0);
    -webkit-transform: rotate(0);
    transform: rotate(0);
}
/*#endregion*/

.hr {
    height: 2px;
    margin: 20px 0 15px 0;
    background: rgba(255,255,255,.2);
}

.foot-lnk {
    text-align: center;
}

.topBackGround {
    background: url(/images/login/header.png);
    background-size: 80%;
    background-repeat-x: no-repeat;
}

/*#region special_page*/
.special_page {
    background-color: #fafafa;
}

    .special_page > .top {
        background: #608dbe;
        background: #366fac;
        background: -moz-linear-gradient(top, rgba(54, 111, 172, 1) 0, rgba(24, 75, 130, 1) 100%);
        background-color: #608dbe;
        background-color: #366fac;
        background: -moz-linear-gradient(top, rgba(54, 111, 172, 1) 0, rgba(24, 75, 130, 1) 100%);
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0, rgba(54, 111, 172, 1)), color-stop(100%, rgba(24, 75, 130, 1)));
        background: -webkit-linear-gradient(top, rgba(54, 111, 172, 1) 0, rgba(24, 75, 130, 1) 100%);
        border-bottom: 1px solid #0d3259;
        -webkit-box-shadow: 0 2px 5px #11100d;
        -ms-box-shadow: 0 2px 5px #11100d;
        box-shadow: 0 2px 5px #11100d;
        box-shadow: 0 2px 5px rgba(17, 16, 13, 0.5);
        -webkit-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#366fac', endColorstr='#184b82', GradientType=0);
        -moz-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#366fac', endColorstr='#184b82', GradientType=0);
        -o-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#366fac', endColorstr='#184b82', GradientType=0);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#366fac', endColorstr='#184b82', GradientType=0);
        height: 100%;
        position: absolute;
        width: 100%;
    }

        .special_page > .top .gradient {
            background: #e3e3e3;
            background: -moz-linear-gradient(top, #e3e3e3 0, #fafafa 100%);
            background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #e3e3e3), color-stop(100%, #fafafa));
            background: -webkit-linear-gradient(top, #e3e3e3 0, #fafafa 100%);
            background-color: #e3e3e3;
            background: -moz-linear-gradient(top, #e3e3e3 0, #fafafa 100%);
            background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #e3e3e3), color-stop(100%, #fafafa));
            -webkit-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e3e3e3', endColorstr='#fafafa', GradientType=0);
            -moz-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e3e3e3', endColorstr='#fafafa', GradientType=0);
            -o-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e3e3e3', endColorstr='#fafafa', GradientType=0);
            filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e3e3e3', endColorstr='#fafafa', GradientType=0);
            height: 100%;
            position: absolute;
            top: 360px;
            width: 100%;
        }

        .special_page > .top .white {
            background: url(/images/login/white-line.png);
            height: 1px;
            left: 0;
            margin: 0 auto;
            position: absolute;
            right: 0;
            top: 358px;
            width: 787px;
            z-index: 99;
        }

        .special_page > .top .shadow {
            background: url(/images/login/white-line-shadow.png);
            height: 25px;
            left: 0;
            margin: 0 auto;
            position: absolute;
            right: 0;
            top: 360px;
            width: 460px;
            z-index: 80;
            z-index: 99;
        }

    .special_page > .content .background {
        background: url(/images/login/header.png);
        height: 412px;
        background-repeat-x: no-repeat;
        left: -5px;
        margin: 0 auto;
        position: absolute;
        min-width: 720px;
        width: 100%;
        z-index: 99;
    }

    .special_page h1 {
        left: 0;
        margin: 0;
        position: absolute;
        right: 0;
        top: 52px;
        z-index: 101;
        color: #fff;
        font-size: 40px;
        font-weight: bold;
        text-align: center;
        -ms-text-shadow: 0 0 5px #0a325c;
        text-shadow: 0 0 5px #0a325c;
        text-shadow: 0 0 5px rgba(10, 50, 92, 0.75);
    }

        .special_page h1 .MehrName {
            color: #ffffff;
            font-size: 20px;
            position: relative;
            top: -14px !important;
        }

        .special_page h1 .CoName {
            font-size: 14px;
            color: #dddd00;
            position: relative;
            top: 9px !important;
        }

    .special_page .wrapper {
        left: 0;
        margin: 0 auto;
        position: absolute;
        right: 0;
        top: 250px;
        width: 400px;
        z-index: 101;
    }

    .special_page .box {
        margin: 0 auto;
        position: relative;
        z-index: 110;
    }

    .special_page .wrapper .shadow {
        background: url(/images/login/box-shadow.png);
        bottom: -10px;
        height: 18px;
        margin: 0 auto;
        margin-top: -7px;
        width: 372px;
        z-index: 99;
    }
/*#endregion */

.crmImgLogin {
    min-width: 240px;
}

/*#region media*/

@media (max-width:1024px) {
    .login-page:before {
        content: '';
        background-color: rgba(255,255,255,.15);
        position: absolute;
        left: 0;
        right: 0;
        top: 0;
        width: 100%;
        border-right: none;
    }

    .login-page, .img-content, .form-content {
        display: block !important;
    }

    .img-container .pull-right {
        float: none !important;
    }

    .img-container .img-responsive {
        display: initial;
    }

    .form-content .remember {
        width: 100% !important;
    }

    .login-page .form-content .bottom-75 {
        margin: 0 auto;
    }

    .login-page {
        padding: 15px;
    }

        .login-page .img-container {
            display: block;
            width: 100%;
        }

    .crmImgLogin {
        width: 100%;
        max-width: 425px;
    }
}

@media (max-width:600px) {
    .login-page .form-content .table-form {
        display: block;
    }

        .login-page .form-content .table-form .form-groups, .login-page .form-content .table-form .button-container {
            display: block;
            width: 100%;
        }

            .login-page .form-content .table-form .form-groups .login, .login-page .form-content .table-form .button-container .login {
                width: 100%;
                height: 46px;
                margin: 8px 0 0;
            }

                .login-page .form-content .table-form .form-groups .login img, .login-page .form-content .table-form .button-container .login img {
                    max-width: 26px;
                }

    .login-page .user-avatar {
        max-width: 200px;
    }

    .login-page .img-container, .login-page .form-content {
        top: -39px;
        margin-bottom: -30px;
    }

    .login-page h1 {
        font-size: 25px;
        margin-top: 6px;
        line-height: 20px;
    }
}

@media (max-width:420px) {
    .login-html .tab {
        width: 48%;
        font-size: 15px;
    }

    /*    .crmImgLogin {*/
    /*        margin: 0 0 0 -48px;*/
    /*    }*/
}
/*#endregion media*/