.footer-a {
    color: #98A0A8;
    text-decoration: none
}

    .footer-a:hover {
        color: #fff;
        text-decoration: none
    }

.page-footer-inner {
    text-align: center !important;
    float: none !important
}

.page-footer .page-footer-inner {
    float: none !important;
    display: block !important;
}

.page-sidebar .page-sidebar-menu .sub-menu, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu {
    margin: 0 !important
}

    .page-sidebar .page-sidebar-menu .sub-menu > li > a, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li > a {
        border-bottom: 1px dashed #394D64
    }

.dropdown-quick-sidebar-toggler .fa-sign-out {
    color: #98A0A8;
    font-size: 13pt;
    position: relative;
    top: 3px;
    /* Rotate div */
    -ms-transform: rotate(180deg); /* IE 9 */
    -webkit-transform: rotate(180deg); /* Chrome, Safari, Opera */
    transform: rotate(180deg);
}

#top-date-dashboard {
    color: #98A0A8;
    font-size: 13px;
    margin-top: 5px
}

.scroll-to-top > i {
    color: #36c6d3 !important;
}

.page-header.navbar .page-logo .logo-default {
    margin: 5px 0 0 !important;
}

.page-header.navbar .top-menu .navbar-nav > li.dropdown-user .dropdown-menu > li > a {
    text-align: right
}

.info-products table.dataTable thead > tr > th.sorting_asc, .info-products table.dataTable thead > tr > th.sorting_desc, .info-products table.dataTable thead > tr > th.sorting, .info-products table.dataTable thead > tr > td.sorting_asc, .info-products table.dataTable thead > tr > td.sorting_desc, .info-products table.dataTable thead > tr > td.sorting {
    text-align: center;
    padding-left: 10px !important;
    padding-right: 10px !important;
}

.info-products table.dataTable tbody th, .info-products table.dataTable tbody td {
    text-align: center !important;
}

.info-products table.dataTable tbody th {
    font-weight: 500 !important;
}

.info-products table.dataTable tbody td {
    font-size: 12px;
    font-weight: 400
}

.info-products .table-scrollable .dataTable td > .btn-group, .info-products .table-scrollable .dataTable th > .btn-group {
    position: relative !important
}

.info-products .dropdown-menu > li > a {
    text-align: right;
    font-size: 12px;
    font-weight: 500;
}

.info-products .dropdown-menu > li {
    background-color: #fff;
    border-bottom: 1px solid #e1e1e1;
}

.info-products .fa-star-o {
    font-size: 13pt;
    color: #C19C46
}

.info-products .label-success {
    color: #1BBC9B;
    background-color: transparent !important;
    font-weight: 500 !important;
    text-decoration: none
}

.info-products .label-danger {
    color: #ED6B75;
    background-color: transparent !important;
    font-weight: 500 !important;
    text-decoration: none
}

.info-products .main-row {
    background-color: #36C6D3;
    color: #fff;
}

    .info-products .main-row th {
        font-weight: 500 !important;
        font-size: 14px;
    }

.page-content-white .page-title {
    color: #364150 !important;
    font-size: 22px;
    font-weight: 500;
    margin: 20px 0 !important;
}

.info-products .dropdown-menu i {
    margin-left: 5px
}

.info-products .dropdown-menu .fa-check-square {
    color: #1BBC9B;
}

.info-products .dropdown-menu .fa-window-close {
    color: #ED6B75;
}

.info-products .dropdown-menu .fa-file-text {
    color: #C19C46
}

.info-products .row-tbl:nth-child(2n) {
    background-color: #f2f2f2 !important;
}

.info-products .modal ul {
    list-style: none;
    padding: 0;
    margin: 0;
    line-height: 32px;
}

.info-products .title-mod-tbl {
    font-weight: 500;
    font-size: 13px;
    font-family: IRANSans,Tahoma;
}

.info-products .title-mod-content {
    font-weight: 400;
    color: #777;
    font-size: 12px;
}

.info-products .default-label-t {
    width: 100px;
    font-weight: 500;
    color: #555;
    text-align: right;
}

.info-products .modal-body {
    margin: 15px 15px 0 15px;
}

.info-products .table > tbody > tr > td {
    padding: 6px;
}

.info-products .modal-body img {
    margin: 0 auto 15px;
    display: block;
}

.info-products th {
    /* background-color: #4F6D85 !important;*/
    background-color: #0a74f1 !important;
}

.pagination > .active > a, .pagination > .active > a:focus, .pagination > .active > a:hover, .pagination > .active > span, .pagination > .active > span:focus, .pagination > .active > span:hover {
    border-color: #32c5d2 !important;
    background-color: #32c5d2 !important;
    color: #fff !important;
}

.pagination > li > a, .pagination > li > span {
    color: #32c5d2;
}

.form-bordered-inner {
    border: 1px solid #eee !important;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

.modal .form-control {
    margin: 3px;
}

.modal label {
    color: #555;
    font-weight: 500;
    margin: 8px 0;
}

.fa-plus {
    font-size: 10pt;
    margin-top: 5px;
}

.close-in {
    background-image: url("../images/remove-icon-small.png") !important;
}

.fileinput-new {
    margin-right: 3px;
}

.fileinput-filename {
    padding: 5px;
    color: #666
}


.fileinput-exists i {
    color: #E35B5A !important;
    font-size: 14pt !important;
    padding: 5px 0px;
}

.textarea-fix {
    max-width: 280px;
}

.fa-window-close {
    color: #E35B5A;
    font-size: 14pt;
}

.fa-pencil-square {
    color: #2f70a7;
    font-size: 15pt;
}

.modal-header {
    background: #36c6d3 none repeat scroll 0 0;
}

    .modal-header h4 {
        color: #fff;
        font-weight: 500 !important;
        font-size: 16px;
    }

.fa-arrow-left {
    color: #4DB3A2;
    font-size: 14pt;
}

.dropdown-menu .fa-window-close {
    font-size: 9pt;
}

.col-box-3 {
    padding: 0;
}

.green-sharp .fa-arrow-left {
    color: #fff;
    font-size: 11pt;
}

.btn-all {
    margin-right: 3px;
}

.main-index {
    margin-top: 15px;
}

label {
    color: grey;
}

th {
    text-align: center;
}

.formstyle {
    border: 1px solid darkgray;
    border-radius: 9px;
    padding-top: 20px;
    padding-right: 15px;
    padding-left: 15px;
}


/*استایل رنگ بندی ها*/
.page-header.navbar {
    background-color: #0a74f1;
}


.top-menu li a {
    color: white;
}

button a {
    color: white;
}

.pagination li a, .pagination li span {
    list-style: none;
    position: relative !important;
    float: left !important;
    padding: 6px 12px !important;
    line-height: 1.42857 !important;
    text-decoration: none !important;
    color: #337ab7 !important;
    background-color: #fff !important;
    border: 1px solid #ddd !important;
    margin-left: -1px !important;
}

.pagination .active {
    border-color: #32c5d2 !important;
    background-color: #32c5d2 !important;
    color: #fff !important;
}

ul {
    list-style: none;
}

/*////////////شروع-مدال حذف/////////////////*/


* {
    box-sizing: border-box;
}

/* Set a style for all buttons */
.btn-modal {
    background-color: #04AA6D;
    color: white;
    padding: 14px 20px;
    margin: 8px 0;
    border: none;
    cursor: pointer;
    width: 100%;
    opacity: 1;
}

    .btn-modal:hover {
        opacity: 0.5;
    }

.cancelbtn, .deletebtn {
    float: left;
    width: 50%;
}

/* Add a color to the cancel button */
.cancelbtn {
    background-color: #ccc;
    color: black;
}

/* Add a color to the delete button */
.deletebtn {
    background-color: #f44336;
}

/* Add padding and center-align text to the container */
.container-modal {
    padding: 16px;
    text-align: center;
    /*width: 70%*/
}

/* The Modal (background) */
.modalDel {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 1; /* Sit on top */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: #474e5dab;
    padding-top: 50px;
}

/* Modal Content/Box */
.modal-content {
    background-color: #fefefe;
    margin: 5% auto 15% auto; /* 5% from the top, 15% from the bottom and centered */
    border: 1px solid #888;
    width: 60%; /* Could be more or less, depending on screen size */
}

/* Style the horizontal ruler */
hr {
    border: 1px solid #f1f1f1;
    margin-bottom: 25px;
}

/* The Modal Close Button (x) */
.close {
    position: absolute;
    right: 35px;
    top: 15px;
    font-size: 40px;
    font-weight: bold;
    color: #f1f1f1;
}

    .close:hover,
    .close:focus {
        color: #f44336;
        cursor: pointer;
    }

/* Clear floats */
.clearfix:after {
    content: "";
    clear: both;
    display: table;
}

/* Change styles for cancel button and delete button on extra small screens */
@media screen and (max-width: 300px) {
    .cancelbtn, .deletebtn {
        width: 50%;
    }
}

/*////////////پایان-مدال حذف//////////////////*/


.blink {
    animation: blinker 1s linear infinite;
    /*animation: blinker 1s step-start infinite;*/
}


.text-danger {
    animation: blinker 2s linear infinite;
    font-size: 11px !important;
}

@keyframes blinker {
    50% {
        opacity: 0.3;
    }
}


.checkbox {
    padding-right: 19px;
}


.table-checkable tr > th:first-child {
    max-width: 100%;
}

.table > tbody > tr > td, .table > tbody > tr > th, .table > tfoot > tr > td, .table > tfoot > tr > th, .table > thead > tr > td, .table > thead > tr > th {
    vertical-align: revert !important;
}

.section {
    position: relative;
}

    .section header {
        position: absolute;
        top: 10;
        transform: translate(0, -50%);
        background: white;
    }

fieldset {
    border: 1px groove #ddd !important;
    padding: 0 1.4em 1.4em 1.4em !important;
    margin: 0 0 1.5em 0 !important;
    -webkit-box-shadow: 0px 0px 0px 0px #000;
    box-shadow: 0px 0px 0px 0px #000;
}

legend {
    display: block;
    margin-bottom: 20px;
    line-height: inherit;
    color: #34495e;
    font-size: 1.2em !important;
    font-weight: bold !important;
    text-align: right !important;
    width: auto;
    padding: 0 10px;
    border-bottom: none;
}

#myfirstchart text, #requestModelStepchart text,
#myfirstchart svg, #requestModelStepchart svg,
#myfirstchart text tspan, #requestModelStepchart text tspan {
    font: 600 11px IRANSans !important;
    font-size: 11px !important;
    font-family: IRANSans !important;
}

div#expectation {
    margin-top: 5em;
}

.valSummary li {
    padding-bottom: 10px;
}

@media print {
    table {
        width: 100%;
        border-collapse: collapse;
    }

    th, td {
        border: 1px solid #000;
        padding: 8px;
        text-align: left;
    }

    th {
        background-color: #f2f2f2;
    }
}


/*======================
    factor page
=======================*/
.page_factor {
    font-family: IRANSans !important;
    direction: rtl;
    line-height: 25px;
    font-size: 13px;
}

    .page_factor .container {
        margin: 30px auto !important;
        display: block;
        padding: 10px 20px 20px 20px;
        border-radius: 10px;
        box-shadow: rgba(17, 17, 26, 0.1) 0px 0px 16px;
        background-color: #fff
    }

.header-factor {
    padding: 20px;
    background-color: #f6f6f6;
    border: 1px solid #ddd;
    border-radius: 10px;
    margin: 10px auto 15px auto;
}

    .header-factor .h1-title-factor {
        text-align: -webkit-center;
        font-size: 16px;
        font-weight: 600;
        margin: 0px 0px 10px 0px;
        border-bottom: 1px solid #ddd;
        padding: 0px 0px 10px 0px;
    }

.page_factor .inline-dd-factor {
    display: inline-block;
    color: #1E95B7;
    font-weight: 400;
}

.page_factor .txt-left-factor {
    text-align: left;
}

.page_factor .table {
    margin: 0px auto;
    overflow-x: scroll;
}

.page_factor .total-price-factor {
    text-align: center;
    float: left;
    border: 1px solid #ddd;
    padding: 15px 5px;
    width: 30%;
    border-radius: 10px;
    background-color: #f6f6f6;
    font-weight: 600;
    margin-top: 15px;
}

.select2-container--open .select2-dropdown--below {
    z-index: 9999;
}

/*.select2-container .select2-dropdown {
    z-index: 99999 !important;*/ /* Ensure the dropdown is above other elements */
/*border: 1px solid #ced4da;*/ /* رنگ حاشیه دلخواه */
/*border-radius: 4px;*/ /* انحنای گوشه‌ها */
/*height: 38px;*/ /* تنظیم ارتفاع مطابق با سایر inputهای Bootstrap */
/*width: 300px;
}

.select2-container .select2-selection--single {
    border: 1px solid #ced4da;*/ /* رنگ حاشیه دلخواه */
/*border-radius: 4px;*/ /* انحنای گوشه‌ها */
/*height: 38px;*/ /* تنظیم ارتفاع مطابق با سایر inputهای Bootstrap */
/*width: 300px
}*/

.select2-results__options {
    max-height: 200px; /* Set maximum height for the dropdown */
    overflow-y: auto; /* Enable vertical scrolling */
}

@media (max-width: 767px) {
    .page_factor .txt-left-factor {
        text-align: right !important;
    }

    .page_factor .row-total-factor .txt-center-factor {
        text-align: center;
    }

    .page_factor .total-price-factor {
        width: 100%;
    }
}




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

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

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

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

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

.main-body-login {
    background-image: url("../images/bg-body.png");
    direction: rtl;
    padding: 20px 0px;
    font-family: IRANSans;
}

.body-login {
    background-image: url("../images/bg-login.png");
    background-position: bottom center;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 0px;
    width: 85%;
    padding: 15px;
    border-radius: 20px;
    height: 100%;
}

.box-login .logo-login {
    text-align: center;
    display: block;
    margin: 0px auto;
    padding-top: 30px
}

.btn-login {
    background-color: #001b54;
    border-color: #001b54;
    border-radius: 30px;
    padding: 10px;
    color: #fff
}

    .btn-login:hover, .btn-login:focus, .btn-login:visited, .btn-login:active {
        background-color: #385AB2;
        border-color: #385AB2;
        color: #fff
    }

.text-login {
    text-align: center;
    display: block;
    margin: 30px auto;
    color: #385AB2;
    font-size: 20px
}

.p-login {
    margin: 20px auto 30px;
    color: #00237e;
    text-align: center;
    display: block;
    font-weight: 500;
    font-size: 16px;
    line-height: 25px;
}

.box-login {
    box-shadow: 0 3px 7px 0 rgba(0, 0, 0, .13), 0 1px 2px 0 rgba(0, 0, 0, .11);
    border-radius: 30px;
    background-color: #fff;
    height: 100%;
    padding: 130px 20px;
}

.box-input-login .input-group-prepend {
    margin-bottom: 13px;
}

.forgot-login {
    color: #385AB2;
}

.main-body-login .form-control {
    background-color: #f5f5f5;
    font-size: 12px;
    border-top: 0px !important;
    border-bottom: 1px solid #b0b9cf;
    border-left: 0px !important;
    border-radius: 3px;
    padding: 15px 10px;
    border-right: 0px !important;
    box-shadow: none !important
}

.footer-login {
    text-align: center;
    color: #fff;
    padding: 10px 10px 0px 10px;
    font-size: 12px
}

    .footer-login a {
        color: #fff;
    }

#img-reload {
    cursor: pointer
}

#UserIdDiv .select2 .select2-container .select2-container--default .select2-container--focus {
    width: 100% !important;
}


#formEditCustomer .select2 select2-container select2-container--default select2-container--focus {
    width: 100% !important;
}

@media only screen and (max-width: 768px) {
    .body-login {
        width: 95%;
    }

    .p-login {
        font-size: 13px;
    }

    .box-login {
        padding: 70px 10px;
    }
}

#select2-data-26-bge2 .select2-container {
    width: 100% !important;
    display: block
}

#edit-files .select2-container {
    display: none
}

#formEditCustomer .select2-container {
    width: 100% !important;
    text-align: right
}

#formEditCustomer .select2-dropdown {
    text-align: right !important;
}

#formEditCustomer .select2-container--default .select2-selection--single .select2-selection__arrow {
    left: 1px;
    right: auto
}

#formEditCustomer #UserId {
    position: relative !important;
    z-index: 999;
    width: 100% !important;
    width: 100% !important;
    clip-path: none !important;
    padding: 4px !important;
    border: 1px solid #c2cad8 !important
}

#edit-files #addUserId {
    position: relative !important;
    z-index: 999;
    width: 100% !important;
    width: 100% !important;
    clip-path: none !important;
    padding: 4px !important;
    border: 1px solid #c2cad8 !important
}

#edit-files .select2-hidden-accessible {
    height: auto !important
}

#reqModal #itemsUserId {
    border: 1px solid #ddd !important;
    width: 100% !important;
    clip: auto !important;
    -webkit-clip-path: auto !important;
    clip-path: none !important;
    height: auto !important;
    overflow: hidden !important;
    padding: 0 !important;
    position: relative !important;
    white-space: nowrap !important;
}

#reqModal .select2-selection__rendered {
    display: none !important
}

#reqModal .select2-container .select2-selection--single {
    box-sizing: border-box;
    cursor: pointer;
    display: block;
    height: 28px;
    user-select: none;
    -webkit-user-select: none;
    width: 20px;
    height: 20px;
    border-radius: 20px;
    text-align: center;
    color: red;
    top: 10px;
    margin-top: -49px;
    z-index: 9999;
    position: absolute;
    margin-left: 9px;
    font-size: 18px;
}

.margin-right-15 {
    margin-right: 15px !important;
}

.margin-left-15 {
    margin-left: 15px !important;
}

.margin-left-20 {
    margin-left: 20px;
}

@media (min-width: 768px) {
    .margin-right-md-15 {
        margin-right: 15px !important;
    }
}

.header-login-in {
    text-align: center
}

    .header-login-in img {
        width: 70%;
        margin-bottom: 50px;
        margin-top: 30px
    }

.main-body-login .body-login {
    padding: 130px 15px 85px 15px !important;
    margin: auto !important
}

.page-footer {
    padding: 15px 10px;
}

.select2-container {
    width: 100% !important;
}

#expectation tspan, #expectation .morris-hover-row-label, #expectation .morris-hover-point {
    font-family: IRANSans !important
}

#sample_1_wrapper .table td:last-child {
    display: inline-flex;
    border: 0px
}

.custom-fa-icon {
    font-size: 20px
}

.custom-fa-remove-icon {
    font-size: 20px;
    color: red
}