/* reset everything to the default box model */
/*@import url(fontiran.css);*/
@import url(../fontiranNum.css);

/* reset everything to the default box model */
#SiteBody {
    display: flex; /* Use flexbox layout */
    flex-direction: column; /* Stack children vertically */
    height: 100vh; /* Full viewport height */
    border-radius: 5px;
}
/**, :before, :after {
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
}*/
/* set a border-box model only to elements that need it */
.form-control, /* if this class is applied to a Kendo UI widget, its layout may change */
.container,
.container-fluid,
.row,
.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1,
.col-xs-2, .col-sm-2, .col-md-2, .col-lg-2,
.col-xs-3, .col-sm-3, .col-md-3, .col-lg-3,
.col-xs-4, .col-sm-4, .col-md-4, .col-lg-4,
.col-xs-5, .col-sm-5, .col-md-5, .col-lg-5,
.col-xs-6, .col-sm-6, .col-md-6, .col-lg-6,
.col-xs-7, .col-sm-7, .col-md-7, .col-lg-7,
.col-xs-8, .col-sm-8, .col-md-8, .col-lg-8,
.col-xs-9, .col-sm-9, .col-md-9, .col-lg-9,
.col-xs-10, .col-sm-10, .col-md-10, .col-lg-10,
.col-xs-11, .col-sm-11, .col-md-11, .col-lg-11,
.col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

html {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    direction: rtl;
    font-family: "IRANSans" !important;
    height: 100%;
    margin: 0;
    width: 100%;
}
/*html {
    filter: invert(100%) hue-rotate(180deg);
}
:not(img) {
    filter: filter: invert(100%) hue-rotate(180deg);
}*/
/*@font-face {
    font-family: 'TTahoma';
    src: url('fonts/TTahoma.ttf') format('truetype');
}*/

/*WebYekanFont*/

@font-face {
    font-family: 'yekan';
    src: url('../../fonts/eot/yekan.eot') format('eot'); /* IE6–8 */
    src: url('../../fonts/eot/yekan.eot?#iefix') format('eot'), /* IE6–8 */
    url('../../fonts/woff/Yekan.woff') format('woff'), /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
    url('../../fonts/ttf/Yekan.ttf') format('truetype'); /* Saf3—5, Chrome4+, FF3.5, Opera 10+ */
}

@font-face {
    font-family: 'yekan';
    font-weight: bold;
    src: url('../../fonts/eot/yekan.eot') format('eot'); /* IE6–8 */
    src: url('../../fonts/eot/yekan.eot?#iefix') format('eot'), /* IE6–8 */
    url('../../fonts/woff/Yekan.woff') format('woff'), /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
    url('../../fonts/ttf/Yekan.ttf') format('truetype'); /* Saf3—5, Chrome4+, FF3.5, Opera 10+ */
}

@font-face {
    font-family: 'yekan';
    font-style: italic;
    src: url('../../fonts/eot/yekan.eot') format('eot'); /* IE6–8 */
    src: url('../../fonts/eot/yekan.eot?#iefix') format('eot'), /* IE6–8 */
    url('../../fonts/woff/Yekan.woff') format('woff'), /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
    url('../../fonts/ttf/Yekan.ttf') format('truetype'); /* Saf3—5, Chrome4+, FF3.5, Opera 10+ */
}

@font-face {
    font-family: 'yekan';
    font-style: italic;
    font-weight: bold;
    src: url('../../fonts/eot/yekan.eot') format('eot'); /* IE6–8 */
    src: url('../../fonts/eot/yekan.eot?#iefix') format('eot'), /* IE6–8 */
    url('../../fonts/woff/Yekan.woff') format('woff'), /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
    url('../../fonts/ttf/Yekan.ttf') format('truetype'); /* Saf3—5, Chrome4+, FF3.5, Opera 10+ */
}

@font-face {
    font-family: "yekan";
    src: url("../../fonts/ttf/Yekan.ttf") format("truetype");
}

@font-face {
    font-family: "yekan";
    font-weight: bold;
    src: url("../../fonts/ttf/Yekan.ttf") format("truetype");
}

@font-face {
    font-family: "yekan";
    font-style: italic;
    src: url("../../fonts/ttf/Yekan.ttf") format("truetype");
}

@font-face {
    font-family: "yekan";
    font-style: italic;
    font-weight: bold;
    src: url("../../fonts/ttf/Yekan.ttf") format("truetype");
}

/*WebYekanNumberFont*/

@font-face {
    font-family: 'NYJ';
    src: url('../../fonts/eot/yekannumbers-regular.eot'); /* IE6–8 */
    src: url('../../fonts/eot/yekannumbers-regular.eot?#iefix') format('eot'), /* IE6–8 */
    url('../../fonts/woff/Yekan.woff') format('woff'), /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
    url('../../fonts/ttf/yekannumbers-regular.ttf') format('truetype'); /* Saf3—5, Chrome4+, FF3.5, Opera 10+ */
}

@font-face {
    font-family: "DejaVu Sans";
    src: url("../../fonts/ttf/DejaVuSans.ttf") format("truetype");
}

@font-face {
    font-family: "DejaVu Sans";
    font-weight: bold;
    src: url("../../fonts/ttf/DejaVuSans-Bold.ttf") format("truetype");
}

@font-face {
    font-family: "DejaVu Sans";
    font-style: italic;
    src: url("../../fonts/ttf/DejaVuSans-Oblique.ttf") format("truetype");
}

@font-face {
    font-family: "DejaVu Sans";
    font-style: italic;
    font-weight: bold;
    src: url("../../fonts/ttf/DejaVuSans-Oblique.ttf") format("truetype");
}

.ltr {
    direction: ltr !important;
}


body {
    font-family: IRANSans !important;
    /*font-weight: 500;*/
    font-size: 10px !important;
    margin: 0;
    max-height: 100%;
    min-height: 100%;
    overflow-y: hidden;
    padding: 0;
    position: relative;
    /*direction: rtl;
    margin: 0;*/
    text-align: right !important;
    width: 100%;
}

.modal-content {
    max-height: 100%;
    overflow-y: scroll;
}

a {
    background-color: transparent;
    color: #004D40;
    text-decoration: none;
}

    a:hover {
        color: #009688;
    }

.no-LR-Padding {
    padding-left: 0px !important;
    padding-right: 0px !important;
}

.btn {
    font-size: 12px !important;
    padding: 0.35rem 0.65rem !important;
}

.btn-margin {
    margin-left: 2px;
}

.btn-position-absolute {
    position: absolute;
}

.btn-box-sizing-border-box {
    box-sizing: border-box !important;
}

.table > thead > tr > th {
    font-size: 13px !important;
}

ul.menuSection {
    font-size: 13px !important;
}

h1, h2, h3, h4, h5, h6, input, textarea {
    font-family: IRANSans !important;
    /*font-family: yj,nyj,IRANSans !important;*/
}

h1 {
    font-weight: bold;
}

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

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

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

.text-small {
    font-size: 0.8em;
}

.text-xsmall {
    font-size: 0.6em;
}

.text-large {
    font-size: 1.2em;
}

.text-xlarge {
    font-size: 1.4em;
}

.text-underline {
    text-decoration: underline;
}

.text-ultralight {
    font-weight: 200;
}

.text-light {
    font-weight: 300;
}

.text-regular {
    font-weight: normal;
}

.text-medium {
    font-weight: 500;
}

.text-bold {
    font-weight: bold;
}


.form-control.k-widget {
    height: auto;
    padding: 0;
    width: 100%;
}

    .form-control.k-widget:not(.k-autocomplete) {
        border-width: 0;
    }

.alarm {
    display: none;
    margin: 10px 0 0 0;
}

    .alarm a {
        -ms-border-radius: 5px;
        background-color: #026729;
        border-radius: 5px;
        color: #FFF;
        padding: 5px 10px 5px 10px;
        text-decoration: none;
    }

        .alarm a:hover {
            -ms-border-radius: 5px;
            background-color: #026729;
            border-radius: 5px;
            color: #fefefe;
            padding: 4px 9px 4px 9px;
            text-decoration: none;
        }

.customCol {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.control-label {
    text-align: right !important;
}

.colForm {
    float: left;
}

.mainPanelHeight {
    /* Firefox */
    height: -moz-calc(100% - 60px);
    /* WebKit */
    height: -webkit-calc(100% - 60px);
    /* Opera */
    height: -o-calc(100% - 60px);
    /* Standard */
    height: calc(100% - 60px);
    overflow: auto;
}

.customColLeft {
    padding-left: 0;
}

.menuRight {
    background: #ffffff;
    padding-left: 0;
    padding-right: 0;
}

.buttonPanel {
    height: 10% !important;
    margin-top: 5px;
}

.paddingTopBottom5 {
    padding-bottom: 5px;
    padding-top: 5px;
}

.paddingRight0 {
    padding-right: 0px;
}

.centered {
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    /* bring your own prefixes */
    -webkit-transform: translate(-50%, -50%);
    float: none;
    left: 50%;
    margin: 0 auto;
    top: 52%;
    transform: translate(-50%, -50%);
}

/*@media (min-width: 768px) {
    .centeredLogin {
        float: none;
        margin: 0 auto;
     
        max-width: 650px;
       
        -webkit-transform: translate(-50%, -50%);
        -moz-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        -o-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);

    }
}*/

.microWrapper {
    /*padding: 10 20 20 20;*/
    -moz-box-sizing: border-box;
    -ms-border-radius: 2px 2px 5px 5px;
    -ms-box-shadow: 0 1px 5px #000000;
    -ms-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.3);
    -webkit-box-shadow: 0 1px 5px #000000;
    -webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.3);
    -webkit-box-sizing: border-box;
    background-color: #ffffffa3;
    border-radius: 2px 2px 5px 5px;
    box-shadow: 0 1px 5px #000000;
    box-shadow: 0 1px 5px rgba(0, 0, 0, 0.6);
    box-sizing: border-box;
    /*border: 20px solid #20397B;*/
    padding: 5px;
}

.login-body {
    -ms-background-size: cover;
    background: url(/Images/loginBackgroundImage.jpg) no-repeat center center;
    background-size: cover;
    height: 100%;
}

#loginForm {
    margin-bottom: 0;
    /*background: #d9ecf5;*/
    overflow: hidden;
    /*border: 1px solid #5e5e5e;*/
    padding: 20px;
    transition: 169ms;
}

.login-form-project-name {
    color: white;
    font-size: 16px;
    font-weight: bold;
    margin: auto;
}

.loginColumn {
    margin-top: 20px;
}

.error {
    color: #D8000C;
    /*background-color: #FFBABA;*/
}

.errorBorder {
    border: 1px solid Red;
}

span.error {
    display: block;
}

.kr-errorDialogWindow {
    display: none;
    text-align: start;
}

.kr-errorDialogBody {
    display: inline-flex;
    flex-direction: row;
    width: 570px;
}

.kr-errorDialogHeader {
    margin: 0;
    padding: 0;
}

.kr-error-dialogue {
    margin: auto;
    padding-right: 3px;
}

.kr-error-image {
    width: 50px;
    height: 50px;
}

.kr-errorDialogBodyMessageText {
    height: 115px;
    overflow-y: auto;
    overflow-wrap: break-word;
    padding: 5px;
}

.kr-errorDialogBodyMessageCopy {
    float: left;
}

.kr-errorDialogBodyMessageCopyPopup {
    display: none;
    direction: ltr;
}

.kr-errorSeparator {
    background-color: #484848;
    margin-left: 10px;
    margin-right: 10px;
    max-width: 1px;
    min-width: 1px;
}

.kr-errorBlock {
    height: 100%;
    padding-left: 0px !important;
    padding-right: 0px !important;
    width: 100%;
}

.errorDialogBody {
    height: 180px;
    width: 495px;
    margin: 0;
    padding: 0;
}

.errorDialogBody-hr {
    margin-bottom: 10px;
    margin-top: 1px;
    width: 100%;
}

.errorDialogButton {
    direction: rtl;
    text-align: left;
    width: 100%;
}

.kr-btn-error {
    background-color: #dd4b39 !important;
    color: #ffffff !important;
    font-weight: bold !important;
}

.kr-errorBtn {
    flex-direction: column;
    padding: 5px 1px 0px 20px;
    vertical-align: middle;
}

img.btnRole {
    cursor: pointer;
}

.isMandatory:before {
    color: red;
    content: "*";
    margin-left: 5px;
}

.IsRialCost:after {
    color: black;
    content: "(ریال)";
    font-size: 10px;
    font-weight: bold;
    margin-right: 5px;
}

/*Icons*/

/*
.k-expand-prev {
    background-color: #13688c;
}

.k-collapse-prev {
    background-color: #13688c;
}
/*.k-resize-handle {
    background-color:#003f59
}*/

/*.k-collapse-next {
    background-color: #13688c;
}

.k-expand-next {
    background-color: #13688c;
}
.km-power:after,
.km-power:before {
    content: "\e0b9";
}*/

.k-progressbar {
    height: 10px;
    width: 100%;
}

#app {
    flex-grow: 1;
    overflow-y: auto;
    width: 100%;
    padding: 1px;
}

.dropdown-menu {
    left: auto !important;
    right: 0;
}


.navbar-expand-lg .navbar-nav .dropdown-menu {
    position: absolute;
    text-align: right;
}

.headerPanel .headerBack {
    height: 50px;
    /*background: url('Images/Tem/header.png') no-repeat center top;*/
    overflow: hidden;
}

.headerPanel:before {
    content: '';
    display: block;
    height: 58px;
    position: absolute;
    top: 24px;
    width: calc((100% - 1170px) / 2);
    /*background: url(images/Tem/barBlue.png) repeat-x;*/
}

.headerPanel:after {
    content: '';
    display: block;
    height: 58px;
    left: 0;
    position: absolute;
    top: 24px;
    width: calc((100% - 1170px) / 2);
    /*background: url(images/Tem/barBlue.png) repeat-x;*/
}

.footer {
    bottom: 0;
    left: 0;
    position: absolute;
    /*clear: both;*/
    right: 0;
}

    .footer .footerBack {
        /*background: url('Images/Tem/footer.png') no-repeat center top;*/
        /*-ms-background-size: 100%;
    background-size: 100%;*/
        height: 60px;
    }

    .footer:before {
        bottom: 10px;
        content: '';
        /*margin-top: 40px;
    padding: 12px 0 31px 0;
    background: url(../images/tem/footerGradiant.png) repeat-x;*/
        display: block;
        height: 50px;
        /*background: url('images/Tem/footerGradiant.png') repeat-x;*/
        margin-right: 4px;
        position: absolute;
        width: calc((100% - 1170px) / 2);
    }

    .footer:after {
        bottom: 10px;
        content: '';
        display: block;
        height: 50px;
        left: 0px;
        /*background: url('images/Tem/footerGradiant.png') repeat-x;*/
        margin-left: 3px;
        position: absolute;
        width: calc((100% - 1170px) / 2);
    }

ul.requests {
    color: #4d4d4d;
    cursor: pointer;
    line-height: 30px;
    list-style-type: square;
    /*font-weight: bold;*/
}

    ul.requests li.requestActive:hover {
        color: #009cb0;
        text-decoration: #000000;
    }

ul.madajoInfo {
    list-style-type: none;
    padding-right: 5px;
}

    ul.madajoInfo .infoTitle {
        display: block;
    }

    ul.madajoInfo .infoValue {
        display: block;
        font-size: 16px;
        font-weight: bold;
    }

    ul.madajoInfo li {
        border-bottom: 3px solid #3295bf;
        /*line-height: 20;*/
    }

.k-upload {
    padding: 4px 7px !important;
}

.k-upload-button {
    margin: 0 !important;
}

.k-upload, .k-upload-button {
    -ms-border-radius: 4px !important;
    border: 1px solid #009688 !important;
    border-radius: 4px !important;
}

/*#tabFooter {
    position: absolute;
    bottom: 15%;
    left: 5%;
}*/

#MainPanel {
    height: 100%;
    width: 100%;
    /*overflow: hidden;*/
}

/*.col-xs-12 {
        padding: 0 !important;
        margin: 0 !important;
    }*/

.form-horizontal .form-group {
    margin-left: 0 !important;
    margin-right: 0 !important;
}

.custom-form-group {
    border: 0px !important;
    padding-bottom: 8px !important;
    padding-top: 8px !important;
}

.k-tabstrip-wrapper {
    height: 90% !important;
}

#tabStrip {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    border: 10px solid #273C93;
    box-sizing: border-box;
    height: 100% !important;
}

    #tabStrip > div {
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        height: calc(100% - 46px) !important;
        overflow: auto !important;
    }

    #tabStrip > ul {
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        /*display: table;
        table-layout: fixed;*/
        height: 45px;
        width: 100%;
    }

        #tabStrip > ul > li {
            -moz-box-sizing: border-box;
            -ms-border-radius: 5px;
            -webkit-box-sizing: border-box;
            background: #ffffff;
            border: 2px solid #787878;
            border-radius: 5px;
            box-sizing: border-box;
            margin-right: 1px;
            text-align: center;
            white-space: nowrap;
            /*display: table-cell;*/
            width: 20%;
        }

            #tabStrip > ul > li span {
                color: rgb(127, 127, 127);
                font-weight: bold !important;
            }

            /*#tabStrip > ul > li.k-state-active {
                background-color: yellow;
            }*/

            #tabStrip > ul > li.k-state-active span {
                color: #000000 !important;
            }

/*#tabStrip > ul > li.k-state-Done {
                background-color: rgb(84, 249, 43);
            }*/

.completeStateTab {
    background-color: #57fe37 !important;
    border-color: #57fe37 !important;
}

.currentTabState {
    background-color: #EE9F05 !important;
    border-color: #EE9F05 !important;
}

.requestNameSection {
    border-bottom: 1px solid #c6c6c6;
    border-top: 1px solid #c6c6c6;
    color: #747474;
    font-weight: bold;
    line-height: 30px;
    margin-bottom: 5px;
    padding: 0 10px;
}

.hiddenTag {
    display: none;
}

.btn-info {
    background-color: rgb(42, 162, 175) !important;
    color: #ffffff !important;
    font-weight: bold !important;
}

    .btn-info:hover {
        background-color: rgb(42, 162, 175) !important;
    }

#trackingCodePanel .trackingBody {
    border: 1px solid #c9c9c9;
    padding: 10px;
}

    #trackingCodePanel .trackingBody .trackingMain {
        border: 1px solid #000000;
        padding: 10px;
    }

#trackingCodePanel .trackingHeader .tToolbar {
    background: #d9d9d9;
    border: 1px solid #000000;
    overflow: auto;
    padding: 2px;
}

#trackingCodePanel .trackingHeader .tTop {
    background: #d9d9d9;
    border: 1px solid #000000;
    font-size: 12px;
    margin-bottom: 5px;
    overflow: auto;
    padding: 2px;
    text-align: center;
}

    #trackingCodePanel .trackingHeader .tTop > div {
        height: 40px;
    }

        #trackingCodePanel .trackingHeader .tTop > div.thLeftBorder {
            border-left: 1px solid #000000;
        }

    #trackingCodePanel .trackingHeader .tTop .thCenter {
        text-align: center;
    }

    #trackingCodePanel .trackingHeader .tTop .thState {
        font-size: 10px;
    }

.loginPanel .loginHeader {
    -ms-border-radius: 4px;
    background: rgb(42, 162, 175);
    border: 1px solid #000000;
    border-radius: 4px;
    color: #ffffff;
    font-weight: bold;
    line-height: 30px;
    margin-bottom: 30px;
    text-align: center;
}

.menuPanel {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    border: 5px solid #20397B;
    box-sizing: border-box;
    height: 100%;
    padding: 10px;
    /*float: right;*/
    width: auto;
    /*overflow: auto;*/
}

#nextCommand {
    margin-left: 10px;
}

.iconRole {
    height: 32px;
    width: 32px;
}

.fullWidth {
    width: 100% !important;
}

#BrowserVersionDiv {
    -moz-background-blend-mode: color-dodge;
    -ms-background-blend-mode: color-dodge;
    -webkit-background-blend-mode: color-dodge;
    background: linear-gradient(to right, black 0, white 100%);
    /*background-blend-mode: color-dodge;*/
    color: #ffffff;
    line-height: 30px;
    text-align: center;
}

.loginNote {
    color: rgb(11, 19, 117);
    line-height: 30px;
}

.disabledTag {
    -ms-opacity: 0.6;
    cursor: not-allowed;
    opacity: 0.6;
}

.descriptionTag {
    color: rgb(127, 127, 127);
    font-size: 12px;
}

    .descriptionTag:before {
        color: #000000;
        content: "*";
        font-weight: bold;
        margin-left: 5px;
    }

.attachMentCounter {
    -ms-border-radius: 5px;
    border: 1px solid #000000;
    border-radius: 4px;
    /*background: #00d552;*/
    color: #000000;
    padding: 5px;
}

.fullHeight {
    height: 100%;
}

/*#RequestSaveUl > li:nth-child(n+2) {
    margin-top: 5px;
}*/

#RequestSaveUl > li > div {
    border: 0px;
    padding-bottom: 8px;
    padding-top: 8px;
}

.paddingLargeLabel {
    padding-Left: 0px;
    padding-right: 5px;
}

:root * > .k-button-group .k-tool-icon,
:root * > .k-icon, :root * > .k-sprite {
    /*left: 5px;*/
    /*position: inherit !important;
    top: 50%;

    margin-top: -8px;*/
    /*    left: 5px;*/
}

.k-pager-nav .k-icon.k-i-arrow-60-right,
.k-pager-nav .k-icon.k-i-arrow-60-left,
.k-pager-nav .k-icon.k-i-arrow-end-left,
.k-pager-nav .k-icon.k-i-arrow-end-right,
.k-dropdown-wrap .k-icon.k-i-arrow-60-down {
    position: absolute;
    left: 20%;
    /*top: 20%;*/
}

.k-rtl .k-numeric-wrap .k-select { /*padding-top: 10px;*/
}

/*.k-dropdown-wrap .k-icon, .k-picker-wrap .k-icon {
    left: 5px;
}*/

.k-window-action .k-icon {
    margin-top: 0px !important;
}

.k-grid tbody .k-button {
    -moz-min-width: 12px;
    -ms-min-width: 12px;
    -o-min-width: 12px;
    -webkit-min-width: 12px;
    min-width: 12px;
    /*    width: 18px;
*/
}

.k-grid th,
.k-grid td {
    -webkit-transform: translateZ(0);
}

.k-grid .k-resize-handle {
    z-index: 99;
}

.k-grid tbody .k-button .k-icon {
    margin-right: -8px;
    margin-top: 0 !important;
    /*top: 50%;*/
}

.k-grid tbody .k-button .fa {
    margin-right: -8px;
    margin-top: 0 !important;
    top: 50%;
}

/*.k-splitbar-vertical .k-icon {
    left: 50%;
    margin-top: -3px;
}

.k-splitbar-horizontal .k-resize-handle {
    left: 0px;
    margin-top: 0px !important;
    width: 3px !important;
}

.k-splitbar-horizontal .k-collapse-next {
    left: 3px;
    margin-top: -16px !important;
}

.k-splitbar-horizontal .k-expand-next {
    left: 3px;
}

.k-splitbar .k-i-arrow-60-left {
    font-size: 20px;
}

.k-splitbar .k-i-arrow-60-right {
    font-size: 20px;
}*/

.k-splitbar-horizontal .k-icon {
    /*    height: 20px;
    margin-top: -3px;
    position: absolute;
    top: 50%;
    width: 13px;*/
    /*transform: rotate(180deg);*/ /* Rotate the icon 180 degrees */
}

.k-window-action .k-icon {
    left: 0px;
    position: relative;
}

.k-rtl .k-pager-input, .k-rtl .k-pager-numbers li, .k-rtl .k-pager-wrap .k-pager-numbers, .k-rtl .k-pager-wrap > .k-link {
    position: relative;
}

.k-grid-header th.k-header .k-icon {
    margin-top: inherit;
}

.k-autocomplete {
    width: 100%;
}

.bottomBorder {
    border-bottom: 1px;
}

.margiTop5 {
    margin-top: 5px;
}

.k-invalid-msg {
    background-color: #fbeed5 !important;
    color: #90640e !important;
}

#validationErrorPanels {
    /*overflow: scroll;*/
    background: blue;
    height: 100px !important;
    position: fixed;
    width: inherit;
    /*top: 0;
  left: 0;*/
    z-index: 999;
}

.relativeDiv {
    position: relative !important;
}

#validationErrorTbl {
    text-align: center;
}

    #validationErrorTbl th {
        font-weight: bold;
        text-align: center;
    }

.blueText {
    color: blue;
}

.redText {
    color: red;
}

.k-link.k-header {
    text-align: center;
}

.k-link.k-state-selected.k-header {
    text-align: center;
}

.hide {
    display: none !important;
}

/*.hide {
    visibility: collapse;
}
.show {
    visibility: visible;
}*/

/*input {
    border: 1px solid #c4c4c4;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    box-shadow: 0px 0px 8px #d9d9d9;
    -moz-box-shadow: 0px 0px 8px #d9d9d9;
    -webkit-box-shadow: 0px 0px 8px #d9d9d9;
}*/

input[type="text"]:focus, textarea:focus, span.k-state-border-down {
    /*-moz-box-shadow: 0px 0px 8px #fc9a01 !important;
    -ms-box-shadow: 0px 0px 8px #fc9a01 !important;
    -webkit-box-shadow: 0px 0px 8px #fc9a01 !important;*/
    /*border: 2px solid #009688 !important;*/
    /*box-shadow: 0px 0px 8px #009688 !important;*/
    outline: none;
}

/* the initial position of the next div */

.k-fx-swap.k-fx-start .k-fx-next {
    -moz-transform: translatex(100%);
    -webkit-transform: translatex(100%);
    transform: translatex(100%);
}

/* the final position of the current div */

.k-fx-swap.k-fx-end .k-fx-current {
    -moz-transform: scale(0.9);
    -webkit-transform: scale(0.9);
    opacity: 0;
    transform: scale(0.9);
}

.k-rtl .k-grid-header .k-header {
    text-align: center;
    vertical-align: middle;
    font-weight: bold;
}

.drugSearchClear, .sellerSearchClear, .barcodeClear {
    cursor: pointer;
    left: -2px;
    position: absolute;
    top: 8px;
}

/*----------------------------------Loader---------------------------------*/

.loading {
    /*background-color: #bcbaba ;*/
    background-color: #000000;
    background-color: rgba(0, 0, 0, .5);
    bottom: 0;
    height: 100%;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    width: 100%;
    z-index: 99999999;
}

.loading-wheel {
    -ms-animation: spin 1s linear infinite;
    -ms-border-radius: 50%;
    -webkit-animation: spin 1s linear infinite;
    animation: spin 1s linear infinite;
    border-radius: 50%;
    border-width: 30px;
    height: 20px;
    left: 50%;
    margin-left: -40px;
    margin-top: -40px;
    position: absolute;
    top: 50%;
    width: 20px;
}

.style-2 .loading-wheel {
    border-color: #ccc transparent;
    border-style: double;
}

@-webkit-keyframes spin {
    0% {
        -webkit-transform: rotate(0);
    }

    100% {
        -webkit-transform: rotate(-360deg);
    }
}

@keyframes spin {
    0% {
        -ms-transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -ms-transform: rotate(360deg);
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

/*----------------------------------Loader---------------------------------*/


/*----------------------------------Scrolable Grid---------------------------------*/

/* Apply a minimum width to the tables when scrolling is enabled and nested tables (hierarchy) ARE USED. */

#ItemsGrid .k-grid-header-wrap > table, /* header table */
#ItemsGrid .k-grid-content table, /* data table, no virtual scrolling */
#ItemsGrid .k-virtual-scrollable-wrap table /* data table, with virtual scrolling */ {
    min-width: 800px;
}

    #ItemsGrid .k-grid-content table table, /* data table, no virtual scrolling */
    #ItemsGrid .k-virtual-scrollable-wrap table table /* data table, with virtual scrolling */ {
        min-width: initial;
    }

/*----------------------------------Scrolable Grid---------------------------------*/

.iranSansFont {
    font-family: IRANSans !important;
    /*font-family: yj,nyj,IRANSans !important;*/
    font-weight: 500;
}

.autoBorder {
    -ms-border-radius: 3px;
    border: 1px solid #009cb0;
    border-radius: 3px;
}

/*----------------------------------cursors---------------------------------*/

.alias {
    cursor: alias;
}

.all-scroll {
    cursor: all-scroll;
}

.auto {
    cursor: auto;
}

.cell {
    cursor: cell;
}

.context-menu {
    cursor: context-menu;
}

.col-resize {
    cursor: col-resize;
}

.copy {
    cursor: copy;
}

.crosshair {
    cursor: crosshair;
}

.default {
    cursor: default;
}

.e-resize {
    cursor: e-resize;
}

.ew-resize {
    cursor: ew-resize;
}

.grab {
    cursor: grab;
}

.grabbing {
    cursor: grabbing;
}

.help {
    cursor: help;
}

.move {
    cursor: move;
}

.n-resize {
    cursor: n-resize;
}

.ne-resize {
    cursor: ne-resize;
}

.nesw-resize {
    cursor: nesw-resize;
}

.ns-resize {
    cursor: ns-resize;
}

.nw-resize {
    cursor: nw-resize;
}

.nwse-resize {
    cursor: nwse-resize;
}

.no-drop {
    cursor: no-drop !important;
}

.none {
    cursor: none;
}

.not-allowed {
    cursor: not-allowed !important;
}

.end-request {
    color: rebeccapurple;
}

.pointer {
    cursor: pointer;
}

.progress {
    cursor: progress;
}

.row-resize {
    cursor: row-resize;
}

.s-resize {
    cursor: s-resize;
}

.se-resize {
    cursor: se-resize;
}

.sw-resize {
    cursor: sw-resize;
}

.text {
    cursor: text;
}

/*.url {
    cursor: url(myBall.cur),auto;
}*/

.w-resize {
    cursor: w-resize;
}

.wait {
    cursor: wait;
}

.zoom-in {
    cursor: zoom-in;
}

.zoom-out {
    cursor: zoom-out;
}

/*----------------------------------cursors---------------------------------*/

/*----------------------------------Stimulsoft---------------------------------*/

.stiJsViewerReportPanel td {
    font-family: IRANSans !important;
    /*font-family: yj,nyj,IRANSans !important;*/
}

/*----------------------------------Stimulsoft---------------------------------*/

/*----------------------------------Grid Ie 10---------------------------------*/

select {
    width: 100%;
}

.boxShadow {
    background-color: #d6e2fd;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    min-height: 40px;
    text-align: center;
}

/*----------------------------------main page drop down menu---------------------------------*/

.k-rtl .k-menu .k-item, .k-rtl .k-widget.k-menu-horizontal > .k-item {
    border-width: 0;
}

.k-header { /*background-color: #95CAE3;*/
}

#mainMenuDiv {
    /*max-width: 600px;
    margin: 30px auto;
    padding-top: 120px;*/
    /*background: url('../content/web/menu/header.jpg') no-repeat center 0;*/
}

.mainPageMenuHeaderTender {
    background-color: #396f88 !important;
    color: white !important;
}

    .mainPageMenuHeaderTender li > span {
        color: white !important;
    }

    .mainPageMenuHeaderTender div {
        color: black !important;
    }

.mainPageMenuHeaderUni {
    color: black !important;
}

    .mainPageMenuHeaderUni span {
        color: black !important;
    }

    .mainPageMenuHeaderUni div {
        color: black !important;
    }

#mainPageMenu h2 {
    font-size: 1.5em;
    /*text-transform: uppercase;
    padding: 5px 10px;*/
    text-align: right;
}

#logoLi span {
    padding: 4px 0 0 0;
}

/*#mainPageMenuTemplate img {
    margin: 5px 20px 0 0;
    float: left;
}*/

#mainPageMenuTemplate {
    direction: rtl;
    width: 380px;
}

    #mainPageMenuTemplate ol {
        float: right;
        margin: 0 0 0 30px;
        padding: 10px 10px 0 10px;
    }

    #mainPageMenuTemplate:after {
        clear: both;
        content: ".";
        display: block;
        height: 0;
        visibility: hidden;
    }

    #mainPageMenuTemplate .k-button {
        clear: left;
        float: left;
        margin: 5px 0 5px 12px;
    }

/*----------------------------------main page drop down menu---------------------------------*/

table.gridTableThem {
    width: 100%;
}

    table.gridTableThem td, table.gridTableThem th {
        border: 1px solid #000000;
        text-align: center;
    }

.btn.btn-default {
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#fafbfc+0,f0f4f6+50,e2e8ec+50,f3f9fd+100 */
    background-color: white; /* Old browsers */
    /*background: -moz-linear-gradient(top, rgba(250,251,252,1) 0%, rgba(240,244,246,1) 50%, rgba(226,232,236,1) 50%, rgba(243,249,253,1) 100%); /* FF3.6-15 */
    /*background: -webkit-linear-gradient(top, rgba(250,251,252,1) 0%,rgba(240,244,246,1) 50%,rgba(226,232,236,1) 50%,rgba(243,249,253,1) 100%); /* Chrome10-25,Safari5.1-6 */
    /*background: linear-gradient(to bottom, rgba(250,251,252,1) 0%,rgba(240,244,246,1) 50%,rgba(226,232,236,1) 50%,rgba(243,249,253,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    /*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fafbfc', endColorstr='#f3f9fd',GradientType=0 ); /* IE6-9 */
}

input.btn.btn-default {
    line-height: 20px !important;
}

/*.form-group,*/

.k-window-content {
    background: #f5f7f8 !important;
}



img.stockInquery {
    cursor: pointer;
    height: 24px;
    width: 24px;
}

img.goNextInquery {
    cursor: pointer;
    position: absolute;
    right: -5%;
    top: 0;
}

img.goPreviousInquery {
    cursor: pointer;
    left: 70%;
    position: absolute;
    top: 0;
}

/*----------------------------------buttons---------------------------------*/

.imageButton {
    height: 20px;
    width: 24px;
}

@media (max-width: 1230px) {
    .btn {
        font-size: 11.5px !important;
        font-weight: 400 !important;
        /*        line-height: 2em !important;
*/
    }

    .imageButton {
        height: 20px !important;
        width: 20px !important;
    }
}

.phone-number-control {
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    /*background-color: #fff;*/
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    color: #555;
    display: block;
    font-size: 14px;
    height: 34px;
    line-height: 1.42857143;
    padding: 6px 12px;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}

    .phone-number-control.disabled {
        background-color: #eee;
    }


/*control-item*/

.control-item {
    margin-bottom: 5px !important;
    margin-top: 5px !important;
}

/*custom-margin*/

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

.margin-right-5 {
    margin-right: 5px;
}

.margin-right-10 {
    margin-right: 10px;
}

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

.margin-top-5 {
    margin-top: 5px;
}

.margin-top-10 {
    margin-top: 10px;
}

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

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

.margin-top-20-important {
    margin-top: 20px !important;
}

.margin-top-23 {
    margin-top: 23px;
}

.padding-top-10 {
    padding-top: 10px !important;
}

.padding-top-5 {
    padding-top: 5px !important;
}

.returnBackBtn {
    -ms-background-position: left center;
    -ms-background-repeat: no-repeat;
    -ms-background-size: 20px 20px;
    background-image: url('../Images/Buttons/Icons/left-pointing-arrow.png');
    background-position: 5% center;
    background-repeat: no-repeat;
    background-size: 20px 20px;
    margin-left: 5px !important;
    padding-left: 30px;
}

.goToPrevPageBtn {
    -ms-background-position: left center;
    -ms-background-repeat: no-repeat;
    -ms-background-size: 20px 20px;
    background-image: url('../Images/Buttons/بازگشت.png');
    background-position: 5% center;
    background-repeat: no-repeat;
    background-size: 20px 20px;
    margin-left: 5px !important;
    padding-left: 30px;
}

.cancel-btn-background-image, .remove-btn-background-image {
    -ms-background-position: left center;
    -ms-background-repeat: no-repeat;
    -ms-background-size: 20px 20px;
    background-image: url('../Images/Buttons/انصراف.png');
    background-position: 5% center;
    background-repeat: no-repeat;
    background-size: 20px 20px;
    padding-left: 30px;
}

.print-btn-background-image {
    -ms-background-position: left center;
    -ms-background-repeat: no-repeat;
    -ms-background-size: 20px 20px;
    background-image: url('../Images/Buttons/چاپ.png');
    background-position: 5% center;
    background-repeat: no-repeat;
    background-size: 20px 20px;
    padding-left: 30px;
}

.view-detail-background-image {
    -ms-background-position: left center;
    -ms-background-repeat: no-repeat;
    -ms-background-size: 20px 20px;
    background-image: url('../Images/Buttons/View1.png');
    background-position: 5% center;
    background-repeat: no-repeat;
    background-size: 20px 20px;
    padding-left: 30px;
}

.ticked-document-background-image {
    -ms-background-position: left center;
    -ms-background-repeat: no-repeat;
    -ms-background-size: 20px 20px;
    background-image: url('../Images/Buttons/document_ticked.png');
    background-position: 5% center;
    background-repeat: no-repeat;
    background-size: 20px 20px;
    padding-left: 30px;
}

.add-btn-background-image {
    -ms-background-position: left center;
    -ms-background-repeat: no-repeat;
    -ms-background-size: 20px 20px;
    background-image: url('../Images/Buttons/Add.png');
    background-position: 5% center;
    background-repeat: no-repeat;
    background-size: 20px 20px;
    padding-left: 30px;
}

.save-btn-background-image {
    -ms-background-position: left center;
    -ms-background-repeat: no-repeat;
    -ms-background-size: 20px 20px;
    background-image: url('../Images/Buttons/Save.png');
    background-position: 5% center;
    background-repeat: no-repeat;
    background-size: 20px 20px;
    padding-left: 30px;
}

.reference-btn-background-image {
    -ms-background-position: left center;
    -ms-background-repeat: no-repeat;
    -ms-background-size: 20px 20px;
    background-image: url('../Images/Buttons/Reference.png');
    background-position: 5% center;
    background-repeat: no-repeat;
    background-size: 20px 20px;
    padding-left: 30px;
}


.select-victory-company-btn-image {
    -ms-background-position: left center;
    -ms-background-repeat: no-repeat;
    -ms-background-size: 25px 25px;
    background-image: url('Images/Buttons/selectVictoryCompany.png');
    background-position: 5% center;
    background-repeat: no-repeat;
    background-size: 25px 25px;
    padding-left: 30px;
}


.edit-btn-image {
    -ms-background-position: left center;
    -ms-background-repeat: no-repeat;
    -ms-background-size: 20px 20px;
    background-image: url('Images/Buttons/edit.png');
    background-position: 5% center;
    background-repeat: no-repeat;
    background-size: 20px 20px;
    padding-left: 30px;
}

.accept-btn-image {
    -ms-background-position: left center;
    -ms-background-repeat: no-repeat;
    -ms-background-size: 20px 20px;
    background-image: url('Images/Buttons/تایید.png');
    background-position: 5% center;
    background-repeat: no-repeat;
    background-size: 20px 20px;
    padding-left: 30px;
}

.reject-btn-image {
    -ms-background-position: left center;
    -ms-background-repeat: no-repeat;
    -ms-background-size: 20px 20px;
    background-image: url('Images/Buttons/انصراف.png');
    background-position: 5% center;
    background-repeat: no-repeat;
    background-size: 20px 20px;
    padding-left: 30px;
}

.Confirm-btn-image {
    -ms-background-position: left center;
    -ms-background-repeat: no-repeat;
    -ms-background-size: 20px 20px;
    background-image: url('Images/Buttons/accept_green.png');
    background-position: 5% center;
    background-repeat: no-repeat;
    background-size: 20px 20px;
    padding-left: 30px;
}

.Clear-btn-image {
    -ms-background-position: left center;
    -ms-background-repeat: no-repeat;
    -ms-background-size: 20px 20px;
    background-image: url('Images/Buttons/ClearFields.png');
    background-position: 5% center;
    background-repeat: no-repeat;
    background-size: 20px 20px;
    padding-left: 30px;
}

/*==============================================================kendo custom========================*/

.k-grid th {
    font-size: 10px;
    /*font-weight: bold;*/
}

.k-grid td {
    font-size: 10px;
    white-space: nowrap;
}

.k-grid th a {
    text-align: center !important;
}

tr.alarmGridRow {
    background: rgb(255, 255, 116);
}

    tr.alarmGridRow.k-state-selected {
        /*color: #000000;*/
        background: #13688c;
    }

tr.dangerGridRow {
    background: rgb(251, 93, 75);
}

    tr.dangerGridRow.k-state-selected {
        /*color: #000000;*/
        background: #13688c;
    }

tr.immediateGridRow {
    background: rgb(255, 171, 116);
}

    tr.immediateGridRow.k-state-selected {
        /*color: #000000;*/
        background: #13688c;
    }

td.confirmGridRow {
    background: #5bc8ac;
}

    td.confirmGridRow.k-state-selected {
        /*color: #000000;*/
        background: #5bc8ac;
    }

tr.disableGridRow {
    background: lightgray;
}

    tr.disableGridRow.k-state-selected {
        /*color: #000000;*/
        background: lightgray;
    }

tr.lightBlueGridRow {
    background: rgb(76, 181, 245);
    background: rgba(76, 181, 245, .7);
}

    tr.lightBlueGridRow.k-state-selected {
        /*color: #000000;*/
        background: #428bca;
    }

/*.k-grid-content {
        background: #ffffff !important;
    }*/

.k-dropdown-wrap.k-state-default { /*height: 38px !important;*/
}

.k-treeview .k-i-collapse, .k-treeview .k-i-expand, .k-treeview .k-i-minus, .k-treeview .k-i-plus { /*    margin-top: 15px !important;*/
}

.k-treeview .k-i-collapse { /*    margin-top: 5px !important;*/
}

span.k-widget.k-validator-tooltip {
    margin: 0; /* removes margin */
    width: 160px; /* set width */
    display;
    inline-flex; /* changes the appearance from block to inline */
    text-align: right; /* aligns the text */
}

.k-treeview {
    color: black;
    line-height: normal;
}

.k-selected {
    background-color: rgb(0, 150, 136) !important;
}

.k-master-row.k-selected :hover {
    background-color: #009683 !important;
}

.k-checkbox:checked {
    border-color: #ddd !important;
    color: white;
    background-color: #009688 !important;
}

.k-radio:checked {
    border-color: #ccc !important;
    color: rgb(0, 150, 136);
    background-color: white !important;
}

/*.k-pager-wrap .k-link {
    border-color: #ccc;
    color: black !important;
    background: #fff;
}*/

/*.k-ghost-splitbar-horizontal, .k-ghost-splitbar-vertical, 
*/ .k-marquee-color, .k-panel > .k-selected,
.k-panel > .k-state-selected,
.k-progressbar .k-selected,
.k-scheduler .k-today.k-selected,
.k-scheduler .k-today.k-state-selected,
.k-selected, .k-state-selected,
.k-state-selected:link,
.k-state-selected:visited,
.k-tool.k-selected,
.k-tool.k-state-selected {
    color: white !important;
    background-color: rgb(0, 150, 136) !important;
    border-color: rgb(0, 150, 136) !important;
}

.k-grid .k-cell-inner > .k-link {
    display: block;
}

.marginTop4 > input.meter-configs-input-checkbox, input.meter-configs-input-checkbox {
    display: inline-block !important;
}

.meter-configs-div {
    /*display: inline;*/
    white-space: nowrap;
}

.meter-configs-management {
    position: initial !important;
    overflow: auto;
}

.k-treeview, .k-panelbar, .k-input, .k-picker, .k-chip {
    font-family: IRANSans !important;
    font-size: 10px;
}

.meter-configs-tree > .k-treeview {
    font-size: 10px;
}

.k-window-titlebar {
    margin-top: 0px;
    padding: 10px;
}
/*span.k-i-arrow-s {
    left: 25% !important;*/
/*    position: absolute;*/
/*top: -4px;
}*/
.meter-configs-div > .meter-configs-input {
    height: initial;
}

span.k-input-spinner.k-spin-button {
    /*border-style: solid;*/
    /*    border-width: 0 0 0 2px;*/
    /*border-color :#ccc;*/
}

.k-disabled, .k-disabled .k-link, .k-other-month, .k-other-month .k-link, .k-dropzone em, .k-slider .k-draghandle {
    color: #cccccc;
    font-size: 12px !important;
    font-weight: bold !important;
    /*line-height: 8px !important;*/
}

.k-grid tr:hover, .k-grid td:hover, .k-grid td.k-selected:hover, .k-selectable tr:hover, .k-selectable td:hover, .k-selectable td.k-selected:hover, .k-grid tr.selected td :hover {
    color: #ffffff;
    background-color: rgb(0, 150, 136) !important;
}

tr.selected td, tr.selected td :hover {
    color: white !important;
    background-color: rgb(0, 150, 136) !important;
    border-color: rgb(0, 150, 136) !important;
}
/*.k-hover {
    color: white !important;
    background-color: rgb(0, 150, 136) !important;
    border-color: rgb(0, 150, 136) !important;
}*/
/*.k-button.k-button-icon, .k-icon-button {
    padding: 6px 14px 6px 6px;
}*/

.k-grid td.k-grid-content-sticky.k-selected:hover, .k-grid td.k-grid-content-sticky.k-state-selected:hover, .k-grid td.k-selected:hover, .k-grid td.k-state-selected:hover, .k-grid tr.k-selected:hover td, .k-grid tr.k-state-selected:hover td {
    background-color: rgb(0, 150, 136) !important;
}

.k-tabstrip-items .k-hover .k-link, .k-tabstrip-items .k-state-hover .k-link {
    color: white !important;
}

.k-tabstrip-item.k-item.k-hover {
    background-color: rgb(0, 150, 136) !important;
}

.k-block > .k-header, .k-tabstrip-items .k-item, .k-panelbar .k-tabstrip-items .k-item, .k-tabstrip-items .k-link, .k-calendar-container.k-state-border-down, .k-list-container.k-state-border-down, .k-autocomplete.k-state-border-down, .k-multiselect.k-state-border-down, .k-dropdown-wrap.k-state-border-down, .k-picker-wrap.k-state-border-down, .k-numeric-wrap.k-state-border-down {
    border-radius: 0px 0px 0 0 !important;
    /*border-left: 1px solid #ccc;*/
}
/*.k-tabstrip-top > .k-tabstrip-items-wrapper .k-item + .k-item {
    margin-left: 0px; 
}*/

.k-focus.k-selected, .k-listview > .k-focus.k-selected, .k-listview > .k-state-focused.k-state-selected, .k-state-focused.k-state-selected, td.k-focus.k-selected, td.k-state-focused.k-state-selected {
    box-shadow: inset 0 0 10px 3px rgb(0, 150, 136) !important;
}

.k-spinner-decrease.k-button, .k-spinner-increase.k-button {
    border-color: inherit !important;
    background-color: inherit !important;
    /*color: #7f7e7e;*/
    color: inherit;
}

span.k-input-spinner:hover {
    background-color: #004D40 !important;
    color: white !important;
}

span.k-chip {
    border-radius: 2px !important;
    color: #fff;
    border-color: #004D40;
    background-color: #009688;
}

.form-control-sm:not(:read-only) {
    height: inherit !important;
}

.k-button-solid-primary {
    color: #ffffff;
    border-color: #004D40;
    background-color: #004D40;
}

    .k-button-solid-primary:hover {
        color: #ffffff;
        border-color: rgb(0, 150, 136);
        background-color: rgb(0, 150, 136);
    }

.k-icon.k-i-calendar {
    /*    padding-left: 6px;
    padding-right: 4px;*/
    cursor: pointer;
}

    .k-icon.k-i-calendar:hover {
        color: #c4c4c4
    }

.k-icon {
    font-family: "WebComponentsIcons";
    font-style: normal;
    font-weight: normal;
    font-size: initial;
}

.k-picker-wrap.k-state-default > span {
    border-right: 1px solid #000;
}

/*span.k-timepicker.k-input{
    border : 1px solid;
    padding : 0px;
}*/
/*span.k-timepicker.k-input > .k-input-inner {
        padding: 0px !important;
}*/
/* Styles for validation messages */
/*span.k-widget.k-validator-tooltip {
    margin: 0;*/ /* removes margin */
/*width: 160px;*/ /* set width */
/*display: inline-flex;*/ /* changes the appearance from block to inline */
/*text-align: right;*/ /* aligns the text */
/*}*/
span.k-tooltip.k-tooltip-error.k-validator-tooltip {
    margin: 0; /* removes margin */
    /*display: inline-flex;*/ /* changes the appearance from block to inline */
    text-align: right; /* aligns the text */
}

.k-filter-menu.k-popup .k-filter-menu-container, .k-grid-filter-popup.k-popup .k-filter-menu-container {
    width: 100%;
}

.k-progressbar > .k-state-selected, .k-widget.k-autocomplete, .k-widget.k-combobox, .k-widget.k-datepicker, .k-widget.k-datetimepicker, .k-widget.k-dropdown, .k-widget.k-menu, .k-widget.k-multiselect, .k-widget.k-numerictextbox, .k-widget.k-progressbar, .k-widget.k-timepicker {
    display: inline-block;
}

.k-timepicker.k-hover button {
    background-color: #009688 !important;
    background-image: none;
    /* background-image: none, linear-gradient(to bottom, #5BC0DE 0px, #3c8dbc 100%); */
    background-position: 50% 50%;
    border-color: #dbdbdb;
    color: #c4c4c4 !important;
}

.k-grid-norecords {
    display: block !important;
}
/*.k-input-button, .k-input-button.k-button {
    height: initial !important;
}*/

.k-focus, .k-grouping-row .k-focus, .k-grouping-row .k-state-focused, .k-state-focused {
    border-color: rgb(0, 150, 136) !important;
}

.k-list-item.k-focus, .k-list-item:focus {
    box-shadow: inset 0 0 7px 0 rgb(0, 150, 136) !important;
}

.k-treeview-leaf.k-focus, .k-treeview-leaf:focus {
    border-color: #76abd9;
    box-shadow: inset 0 0 7px 0 rgb(0, 150, 136) !important;
}
/*==============================================================kendo custom shahsavand========================*/
.full-div-style {
    display: table;
    width: 100%;
}

.k-panelbar .k-content, .k-panelbar .k-panel {
    border: 0 !important;
}
/*-------------------------- fieldset --------------------*/

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

/*-------------------------- legend --------------------*/

legend.scheduler-border {
    border-bottom: none;
    font-size: 1.2em !important;
    font-weight: bold !important;
    padding: 0 10px;
    text-align: right !important;
    width: auto;
}


/*kendo drop down*/

.kendodropdown .k-widget.k-dropdown.k-header[aria-disabled=false] {
    height: 34px;
    width: 100%;
}

.kendodropdown .k-widget.k-dropdown.k-header[aria-disabled=true] {
    height: 34px;
    width: 100%;
}

    .kendodropdown .k-widget.k-dropdown.k-header[aria-disabled=true] span:first-child {
        height: 29.313px !important;
    }

.numerictextbox .k-widget.k-numerictextbox {
    height: 28px;
    width: 100% !important;
}



/*-----------------colors-------------------------*/

.bg-lightgray {
    background: #eee;
}

.after-number:after {
    content: 'عدد';
    left: 0;
    margin-left: -10px;
    position: absolute;
}


.after-day:after {
    content: 'روز';
    left: 0;
    margin-left: -6px;
    position: absolute;
}


.separator-line {
    background-color: gray;
    height: 1px;
    margin: 0;
    padding: 0;
    width: 100%;
}


.confirm-radio-before:before {
    content: url(../Images/Buttons/accept_green.png) !important;
    padding-top: 3px;
    position: absolute !important;
    right: 0 !important;
}

.reject-radio-before:before {
    content: url(../Images/Buttons/cancel.png);
    padding-top: 3px;
    position: absolute;
    right: 0;
}



.crop {
    height: 50px;
    overflow: hidden;
    width: 40px;
}

.ellipsis {
    overflow: hidden;
    text-overflow: ellipsis;
    /* Required for text-overflow to do anything */
    white-space: nowrap;
}


input[data-role='autocomplete'] {
    height: 32px;
}


.padding-right-10 {
    padding-right: 10px;
}

​

.k-panel > li.k-item, .k-panelbar > li.k-item {
    background-color: rgba(253, 253, 253, 1) !important;
}

.k-splitter .k-ghost-splitbar-horizontal,
.k-splitter .k-splitbar-horizontal {
    /*    -ms-background-repeat: repeat-y;
    background-repeat: repeat-y;
    border-width: 0 1px;
    top: 0;
    width: 10px;*/
}

.k-ghost-splitbar-vertical,
.k-splitbar-vertical {
    /*    -ms-background-repeat: repeat-x;
    background-repeat: repeat-x;
    border-width: 1px 0;
    height: 10px;
    left: 0;*/
}




/*Thender css*/

.thender-body {
    -ms-background-size: cover;
    background-image: url('../images/k-b.png') center center no-repeat;
    background-size: cover;
    min-width: 1024px;
    overflow: auto;
}


.tender-login-view {
    -ms-background-size: cover;
    background: url('Images/ThendersCompany/login-img-view.png') no-repeat;
    background-size: cover;
    float: right;
    height: 660px;
    margin-right: 30px;
    margin-top: 30px;
    padding: 0;
    width: 420px;
}


.tender-login-container {
    display: table;
    float: right;
    height: 45px;
    margin-right: 40px;
    width: 80%;
}


.tender-login-control {
    border: none;
    display: table;
    height: 55px;
    outline: none;
    outline: none !important;
    padding-left: 75px;
    text-align: left;
    width: 260px;
}

.tender-login-user-name {
    -ms-background-size: cover;
    background: url('Images/ThendersCompany/username-textbox.png') center center no-repeat;
    background-color: transparent;
    background-size: cover;
}

    .tender-login-user-name::-ms-clear {
        display: none;
        height: 0;
        width: 0;
    }

    .tender-login-user-name::-ms-reveal {
        display: none;
        height: 0;
        width: 0;
    }

.tender-login-password {
    -ms-background-size: cover;
    background: url('Images/ThendersCompany/password-textbox.png') center center no-repeat;
    background-color: transparent;
    background-size: cover;
}

    .tender-login-password::-ms-clear {
        display: none;
        height: 0;
        width: 0;
    }

    .tender-login-password::-ms-reveal {
        display: none;
        height: 0;
        width: 0;
    }

.tender-login-captcha {
    -ms-background-size: contain;
    background: url('Images/ThendersCompany/textbox2.png') center center no-repeat;
    background-color: transparent;
    background-size: contain;
    padding-left: 20px;
    width: 130px;
}

    .tender-login-captcha::-ms-clear {
        display: none;
        height: 0;
        width: 0;
    }

    .tender-login-captcha::-ms-reveal {
        display: none;
        height: 0;
        width: 0;
    }

.tender-login-button {
    -ms-background-size: contain;
    background: url('Images/ThendersCompany/login-button.png') center center no-repeat;
    background-size: contain;
    border: none;
    color: #0099cc;
    font-size: 16px;
    height: 50px;
    outline: none;
    width: 150px;
}


.tender-login-remember {
    cursor: pointer;
    height: 25px;
    width: 25px;
}

.text-red {
    color: red;
}

.tender-login-page-info {
    display: table;
    margin-top: 110px;
}

/*remove Grid Scrollbar*/



.k-grid.k-widget {
    font-family: "IRANSans" !important;
    /*min-height: 440px !important;*/
}

/*end Remove Grid Scrollbar*/

@media (min-width: 100px) {
    .responsive {
        height: 580px !important;
        width: 550px !important;
    }
}

@media (min-width: 1024px) {
    .responsive {
        height: 580px !important;
        width: 550px !important;
    }
}

@media (min-width: 1100px) {
    .responsive {
        height: 580px !important;
        width: 600px !important;
    }
}


@media (min-width: 1150px) {
    .responsive {
        height: 580px !important;
        width: 670px !important;
    }
}

@media (min-width: 1250px) {
    .responsive {
        height: 580px !important;
        width: 800px !important;
    }
}

@media (max-width: 768px) {
    #Tender_ItemTypeDiv {
        float: right;
        margin-right: 10px;
        padding-top: 10px;
        width: 100% !important;
    }

        #Tender_ItemTypeDiv > label {
            width: 32% !important;
        }

        #Tender_ItemTypeDiv > div {
            width: 32% !important;
        }

    .kz-project-properties > span {
        display: none;
    }

    .kz-datesection {
        display: none !important;
    }

    .kz-timesection {
        display: none !important;
    }

    .ksh-header-btns {
        flex: 6 !important
    }

    .ksh-header-sub-btns {
        padding: 0.35rem 0.5rem !important;
    }

    .kr-projectIcon-place {
        flex: 1 !important;
    }

    .kz-project-properties {
        flex: 1 !important;
    }
}


.box-shadow-style {
    -ms-border-radius: 5px;
    border-radius: 5px;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
}

.mainPage-backGroundColor {
    background-color: #f5f7f8 !important;
}

.mainPage-backGroundImage {
    -moz-background-size: cover !important;
    -ms-background-size: cover !important;
    -o-background-size: cover !important;
    /*background: url('../Images/saa.png') center center no-repeat !important;*/
    -webkit-background-size: cover !important;
    background-size: cover !important;
}




.iframe-custom {
    border: none !important;
    height: 100% !important;
    overflow: auto !important;
    width: 100% !important;
}



#InquiryItemFromHospital .k-loading-image {
    background-image: url('../Images/43px_on_transparent.gif');
}


.k-numerictextbox::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: #eee;
    opacity: 1; /* Firefox */
}

.k-numerictextbox:-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: #eee;
}

.k-numerictextbox::-ms-input-placeholder { /* Microsoft Edge */
    color: #eee;
}

.reference-detail-label {
    margin-right: 15px;
}

.request-reference-detail-item {
    padding-bottom: 10px;
}

ul.request-refence-detail {
    list-style: none;
    margin: 0;
    max-height: 500px;
    overflow: auto;
    padding: 2px;
}

    ul.request-refence-detail li {
        background: #eee;
    }

        ul.request-refence-detail li:nth-child(odd) {
            background: white;
        }


.box-shadow-style {
    -ms-border-radius: 5px;
    border-radius: 5px;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
}

.request-reference-detail-header {
    /*text-align: center;*/
    background: #5bc8ac;
    color: white;
    margin: 5px;
    padding: 5px;
}

.clear-margin-padding {
    margin: 0 !important;
    padding: 0 !important;
}

.font-size-10 {
    font-size: 10px !important;
}


.font-size-11 {
    font-size: 11px !important;
}

.font-size-12 {
    font-size: 12px !important;
}


.k-widget.k-multiselect.k-header.form-control.k-multiselect-clearable.k-state-disabled div.k-multiselect-wrap.k-floatwrap {
    background-color: #eee;
}



.clockContainer {
    border-radius: 2px;
    display: block;
    float: none;
    height: 40px;
    margin: 0 auto;
    margin-bottom: 0px;
    margin-top: -5px;
    padding-top: 0px;
    position: relative;
    text-align: center;
    width: 100%;
    z-index: 2;
}

.flip-clock-wrapper {
    margin: 0px !important;
}

    .flip-clock-wrapper ul {
        height: 32px !important;
    }

        .flip-clock-wrapper ul li {
            line-height: 32px !important;
        }

.flip-clock-divider {
    height: 52px !important;
    margin-top: -3px;
}


.keypad-rtl.keypad-popup {
    width: 305px !important;
}

.keypad-key, .keypad-special {
    height: 45px;
    width: 65px !important;
}

.keypad-space {
    width: 5.0em !important;
}

.keypad-key {
    font-size: 20px !important;
    font-weight: bold;
}

.keypad-key, .keypad-special {
    font-family: IRANSans !important;
    /*font-family: yj,nyj,IRANSans !important;*/
}

.col-xs-0_5 {
    float: left;
    width: 4.1666666667%;
}

.col-xs-1_5 {
    float: left;
    width: 12.5%;
}

.col-xs-2_5 {
    float: left;
    width: 20.8333333333%;
}

.col-xs-3_5 {
    float: left;
    width: 29.1666666667%;
}

.col-xs-4_5 {
    float: left;
    width: 37.5%;
}

.col-xs-5_5 {
    float: left;
    width: 45.8333333333%;
}

.col-xs-6_5 {
    float: left;
    width: 54.1666666667%;
}

.col-xs-7_5 {
    float: left;
    width: 62.5%;
}

.col-xs-8_5 {
    float: left;
    width: 70.8333333333%;
}

.col-xs-9_5 {
    float: left;
    width: 79.1666666667%;
}

.col-xs-10_5 {
    float: left;
    width: 87.5%;
}

.col-xs-11_5 {
    float: left;
    width: 95.8333333333%;
}


#drawer-content li {
    background: 0 0;
    border-color: rgba(33, 37, 41, 0.125);
    border-radius: 0;
    border-style: solid;
    border-width: 0 0 1px;
    font-size: 1.2em;
    line-height: 1.5em;
    padding: 1.09em .84em 1.23em .84em;
    padding-left: .89em;
}

    #drawer-content li:last-child {
        border: 0;
    }

.hidden {
    display: none !important;
}

#example .demo-section {
    max-width: 640px;
}

.k-toolbar .k-icon {
    font-size: 18px;
}

.k-window-title {
    text-align: right;
}

.k-window-actions {
    left: 6px !important;
    right: unset !important;
}


.maximizableCard {
    cursor: pointer;
    float: left;
    margin: 3px;
}

.minimizableCard {
    cursor: pointer;
    float: left;
    margin: 3px;
}

.sortable-handler {
    -ms-touch-action: none;
    touch-action: none;
}

.owl-carousel {
    -ms-touch-action: manipulation;
    touch-action: manipulation;
}

/*.card {
    margin: 0 auto; 
    float: none; 
    margin-bottom: 10px; 
}*/

.card-1 {
    /*padding: 10px 10px 10px 10px;*/
    /*box-shadow: 0 19px 38px rgba(0,0,0,0.30), 0 15px 12px rgba(0,0,0,0.22);*/
    /*margin: 20px;*/
}

.card-fullscreen {
    bottom: 0;
    display: block;
    height: 100%;
    left: 0;
    overflow: auto;
    position: fixed;
    right: 0;
    top: 0;
    width: 100%;
    z-index: 9999;
}

/*.card-columns {
    @include media-breakpoint-only(sm) {
        column-count: 1;
    }

    @include media-breakpoint-only(lg) {
        column-count: 3;
    }

    @include media-breakpoint-only(xl) {
        column-count: 4;
    }
}*/

.col-template-val {
    margin: 0 .5em 1em 0;
}

.card-footer-button {
    text-align: left;
}

.max-width800px {
    max-width: 800px;
}

.height100 {
    height: 100% !important;
}

.height20px {
    height: 20px !important;
}

.height200px {
    height: 200px !important;
}

.width100 {
    width: 100%;
}

.width-100-important {
    width: 100px !important;
}

.width50 {
    width: 50%;
}

.width25 {
    width: 25%;
}

.width30 {
    width: 30%;
}

.maxwidth100 {
    max-width: 100%;
}

.direction-float {
    float: right;
}

.margin5 {
    margin: 5px;
}

.margin10 {
    margin: 10px;
}

.marginTop1 {
    margin-top: 1px;
}

.marginTop3 {
    margin-top: 3px;
}

.marginTop4 {
    margin-top: 4px;
}

.marginTop5 {
    margin-top: 5px;
}

.marginTop8 {
    margin-top: 8px;
}

.marginTop10 {
    margin-top: 10px;
}

.marginTop15 {
    margin-top: 15px;
}

.marginTop17 {
    margin-top: 17px;
}

.marginTop25 {
    margin-top: 25px;
}

.marginTop28 {
    margin-top: 28px;
}

.marginTop30 {
    margin-top: 30px;
}

.marginTop35 {
    margin-top: 35px;
}

.marginTop100 {
    margin-top: 100px;
}

.marginBottom10 {
    margin-bottom: 10px;
}

.force-disable {
    display: none;
}

.k-grid-search {
    /*float: left !important;
    display: -ms-flexbox;
    display: flex;*/
    display: inline-flex;
    width: 15em !important;
}

/*.k-calendar .k-content {
    width: 260px;
}*/

.k-divL, .k-divR {
    box-sizing: border-box;
    padding: 10px;
}

/*------------------AKR CSS------------------*/

.kr-divL {
    text-align: left;
    width: 40%;
}

.kr-divR {
    width: 60%;
}

.kr-divLH {
    width: 25%;
}

.kr-divRH {
    padding: 0.5rem;
    width: 75%;
}

.kr-divUp {
}

.kr-divDn {
}

.kr-grid-button {
    direction: ltr;
    display: flex;
    flex-direction: row;
    position: relative;
    width: 100%;
}

.kr-grid-button-export {
    direction: rtl;
    margin-left: 0px;
    position: relative;
    width: auto;
}

.kr-grid-button-management {
    direction: rtl;
    margin-left: 20px;
    position: relative;
    width: auto;
}

.kr-grid-button-extra {
    direction: rtl;
    margin-left: 20px;
    position: relative;
    width: auto;
}

.card {
    flex-direction: column !important;
    margin: -2px;
}

.kr-btn-set {
    display: flex;
    flex-direction: row !important;
    align-items: center;
}

.kr-btn-place {
    max-width: 100%;
}

.kr-btn-add {
    background-color: #00a65a !important;
    border-radius: .25rem;
    color: #fff;
    display: inline-block;
    font-size: 1rem;
    font-weight: 200;
    height: 30px;
    line-height: 1.5;
    text-align: center;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    vertical-align: middle;
}

    .kr-btn-add:hover {
        background-color: #FFF !important;
        border-color: #00a65a;
        border-radius: 0.5rem;
        color: #00a65a;
    }

.kr-btn-edit {
    background-color: #f39c12 !important;
    border-radius: .25rem;
    color: #fff;
    display: inline-block;
    font-size: 1rem;
    font-weight: 200;
    height: 30px;
    line-height: 1.5;
    text-align: center;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    vertical-align: middle;
}

    .kr-btn-edit:hover {
        background-color: #FFF !important;
        border-color: #f39c12;
        border-radius: 0.5rem;
        color: #f39c12;
    }

.kr-btn-delete {
    background-color: #dd4b39 !important;
    border-radius: .25rem;
    color: #fff;
    display: inline-block;
    font-size: 1rem;
    font-weight: 200;
    height: 30px;
    line-height: 1.5;
    text-align: center;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    vertical-align: middle;
}

    .kr-btn-delete:hover {
        background-color: #FFF !important;
        border-color: #dd4b39;
        border-radius: 0.5rem;
        color: #dd4b39;
    }

.kr-btn-information {
    background-color: #2aa2af !important;
    border-radius: .25rem;
    color: #fff;
    display: inline-block;
    font-size: 1rem;
    font-weight: 200;
    height: 30px;
    line-height: 1.5;
    text-align: center;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    vertical-align: middle;
}

    .kr-btn-information:hover {
        background-color: #FFF !important;
        border-color: #2aa2af;
        border-radius: 0.5rem;
        color: #2aa2af;
    }

.kr-btn-search {
    background-color: #009688 !important;
    border-radius: .25rem;
    color: #fff;
    display: inline-block;
    font-size: 1rem;
    font-weight: 200;
    height: 30px;
    line-height: 1.5;
    text-align: center;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    vertical-align: middle;
}

    .kr-btn-search:hover {
        background-color: #FFF !important;
        border-color: #009688;
        border-radius: 0.5rem;
        color: #009688;
    }

.kr-btn-send {
    background-color: #FF6600 !important;
    border-radius: .25rem;
    color: #fff;
    display: inline-block;
    font-size: 1rem;
    font-weight: 200;
    height: 30px;
    line-height: 1.5;
    text-align: center;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    vertical-align: middle;
}

    .kr-btn-send:hover {
        background-color: #FFF !important;
        border-color: #FF6600;
        border-radius: 0.5rem;
        color: #FF6600;
    }

.kr-btn-save {
    background-color: #5cb85c !important;
    border-radius: .25rem;
    color: #fff;
    display: inline-block;
    font-size: 1rem;
    font-weight: 200;
    height: 30px;
    line-height: 1.5;
    text-align: center;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    vertical-align: middle;
}

    .kr-btn-save:hover {
        background-color: #FFF !important;
        border-color: #5cb85c;
        border-radius: 0.5rem;
        color: #5cb85c;
    }

.kr-btn-back {
    background-color: #337ab7 !important;
    border-radius: .25rem;
    color: #fff;
    display: inline-block;
    font-size: 2.5rem;
    font-weight: 200;
    height: 30px;
    line-height: 1.5;
    text-align: center;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    vertical-align: middle;
}

    .kr-btn-back:hover {
        background-color: #FFF !important;
        border-color: #337ab7;
        border-radius: 0.5rem;
        color: #337ab7;
    }

.kr-btn-clear {
    background-color: #a1a1a1 !important;
    border-radius: .25rem;
    color: #fff;
    display: inline-block;
    font-size: 2.5rem;
    font-weight: 200;
    height: 30px;
    line-height: 1.5;
    text-align: center;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    vertical-align: middle;
}

    .kr-btn-clear:hover {
        background-color: #FFF !important;
        border-color: #a1a1a1;
        border-radius: 0.5rem;
        color: #a1a1a1;
    }

.kr-btn-excel {
    background-color: #00695C !important;
    border-radius: .25rem;
    color: #fff;
    display: inline-block;
    font-size: 2.5rem;
    font-weight: 200;
    height: 30px;
    line-height: 1.5;
    text-align: center;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    vertical-align: middle;
}

    .kr-btn-excel:hover {
        background-color: #FFF !important;
        border-color: #00695C;
        border-radius: 0.5rem;
        color: #00695C;
    }

.kr-btn-pdf {
    background-color: #bd251a !important;
    border-radius: .25rem;
    color: #fff;
    display: inline-block;
    font-size: 2.5rem;
    font-weight: 200;
    height: 30px;
    line-height: 1.5;
    text-align: center;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    vertical-align: middle;
}

    .kr-btn-pdf:hover {
        background-color: #FFF !important;
        border-color: #bd251a;
        border-radius: 0.5rem;
        color: #bd251a;
    }

.kr-btn-print {
    background-color: #00695C !important;
    border-radius: .25rem;
    color: #fff;
    display: inline-block;
    font-size: 2.5rem;
    font-weight: 200;
    height: 30px;
    line-height: 1.5;
    text-align: center;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    vertical-align: middle;
}

    .kr-btn-print:hover {
        background-color: #FFF !important;
        border-color: #00695C;
        border-radius: 0.5rem;
        color: #00695C;
    }

.kr-btn-showchart {
    background-color: #f39c12 !important;
    border-radius: .25rem;
    color: #fff;
    display: inline-block;
    font-size: 1rem;
    font-weight: 200;
    height: 30px;
    line-height: 1.5;
    text-align: center;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    vertical-align: middle;
}

    .kr-btn-showchart:hover {
        background-color: #FFF !important;
        border-color: #f39c12;
        border-radius: 0.5rem;
        color: #f39c12;
    }

.kr-btn-with-image-green {
    background-color: #00a65a !important;
    border-radius: .25rem;
    color: #fff;
    display: inline-block;
    font-size: 0.65rem !important;
    font-weight: bold;
    height: 28px;
    line-height: 0.5;
    text-align: center;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    vertical-align: middle;
    margin-right: 5px;
}

    .kr-btn-with-image-green:hover {
        background-color: #FFF !important;
        border-color: #00a65a;
        border-radius: 0.5rem;
        color: #00a65a;
    }

.kr-btn-with-image-blue {
    background-color: #2aa2af !important;
    border-radius: .25rem;
    color: #fff;
    display: inline-block;
    font-size: 0.65rem !important;
    font-weight: bold;
    height: 28px;
    line-height: 0.5;
    text-align: center;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    vertical-align: middle;
    margin-right: 5px;
}

    .kr-btn-with-image-blue:hover {
        background-color: #FFF !important;
        border-color: #2aa2af;
        border-radius: 0.5rem;
        color: #2aa2af;
    }

.kr-btn-with-image-yellow {
    background-color: #f39c12 !important;
    border-radius: .25rem;
    color: #fff;
    display: inline-block;
    font-size: 0.65rem !important;
    font-weight: bold;
    height: 28px;
    line-height: 0.5;
    text-align: center;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    vertical-align: middle;
    margin-right: 5px;
}

    .kr-btn-with-image-yellow:hover {
        background-color: #FFF !important;
        border-color: #f39c12;
        border-radius: 0.5rem;
        color: #f39c12;
    }

.kr-btn-with-image-red {
    background-color: #dd4b39 !important;
    border-radius: .25rem;
    color: #fff;
    display: inline-block;
    font-size: 0.65rem !important;
    font-weight: bold;
    height: 28px;
    line-height: 0.5;
    text-align: center;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    vertical-align: middle;
    margin-right: 5px;
}

    .kr-btn-with-image-red:hover {
        background-color: #FFF !important;
        border-color: #dd4b39;
        border-radius: 0.5rem;
        color: #dd4b39;
    }

.kr-btn-with-image-purple {
    background-color: #473296 !important;
    border-radius: .25rem;
    color: #fff;
    display: inline-block;
    font-size: 0.65rem !important;
    font-weight: bold;
    height: 28px;
    line-height: 0.5;
    text-align: center;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    vertical-align: middle;
    margin-right: 5px;
}

    .kr-btn-with-image-purple:hover {
        background-color: #FFF !important;
        border-color: #473296;
        border-radius: 0.5rem;
        color: #473296;
    }

.k-header {
    background-color: #fff !important;
}

.card-body {
    padding: 0.5rem !important;
}

.card-header {
    padding: 0.5rem 0.5rem !important;
    background-color: var(--kendo-color-series-f-grey);
}

.k-block,
.k-widget,
.k-input,
.k-textbox,
.k-group,
.k-content,
.k-header,
.k-filter-row > th,
.k-editable-area,
.k-separator,
.k-textbox > input,
.k-autocomplete,
.k-dropdown-wrap,
.k-toolbar,
.k-group-footer td,
.k-grid-footer,
.k-footer-template td,
.k-state-default,
.k-state-default .k-select,
.k-state-disabled,
.k-grid-header,
.k-grid-header-wrap,
.k-grid-header-locked,
.k-grid-footer-locked,
.k-grid-content-locked,
.k-grid td,
.k-grid td.k-state-selected,
.k-grid-footer-wrap,
.k-pager-wrap,
.k-pager-refresh,
.k-grouping-header,
.k-grouping-header .k-group-indicator,
.k-panelbar > .k-item > .k-link,
.k-panel > .k-item > .k-link,
.k-panelbar .k-panel,
.k-panelbar .k-content,
.k-treemap-tile,
.k-slider-track,
.k-splitbar,
.k-dropzone-active,
.k-tiles,
.k-tooltip,
.k-button-group .k-tool,
.k-upload-files,
.k-popup.k-align .k-list .k-item:last-child,
.k-editor-dialog .k-tabstrip-items {
    border-color: rgba(46, 46, 46, 0.15) !important;
}

.kr-footer {
    background-color: #c7c7c7;
    bottom: 0px;
    direction: ltr;
    font-size: 10px !important;
    height: 40px;
    padding: 0;
    padding-top: 7px;
    /*    position: fixed;*/
    width: 100%;
    z-index: 110;
}

.kr-btn-person-header {
    color: #fff;
    display: inline-block;
    font-size: 2.5rem;
    font-weight: 200;
    /*height: 2rem;*/
    line-height: 1.5;
    text-align: center;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    vertical-align: middle;
}

    .kr-btn-person-header:hover {
        color: #9CCC65;
    }

.kr-btn-info-header {
    color: #fff;
    display: inline-block;
    font-size: 2.5rem;
    font-weight: 200;
    height: 2rem;
    line-height: 1.5;
    text-align: center;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    vertical-align: middle;
}

    .kr-btn-info-header:hover {
        color: #9CCC65;
    }

.kr-btn-notif-header {
    color: #fff;
    display: inline-block;
    font-size: 2.5rem;
    font-weight: 200;
    height: 2rem;
    line-height: 1.5;
    text-align: center;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    vertical-align: middle;
}

    .kr-btn-notif-header:hover {
        color: #9CCC65;
    }

.kr-btn-home-header {
    color: #fff;
    display: inline-block;
    font-size: 2.5rem;
    font-weight: 200;
    height: 2rem;
    line-height: 1.5;
    text-align: center;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    vertical-align: middle;
}

    .kr-btn-home-header:hover {
        color: #9CCC65;
    }

.btn.focus, .btn:focus {
    box-shadow: none !important;
}

.kr-btn-print:hover {
    background-color: #FFF !important;
    border-color: #007BFF;
    border-radius: 0.5rem;
    color: #007BFF;
}

.kr-logo {
    height: 2.6rem;
    padding-left: 1rem;
    padding-top: 0.25rem;
    vertical-align: middle;
    width: 5.3rem;
}

.kr-logo-title {
    color: white;
    font-size: 0.75rem;
    font-weight: 400;
    padding-top: 0.75rem;
    width: 20rem;
}

.kr-btn-box {
    padding-top: 0.5rem;
}

    .kr-btn-box:hover {
        box-shadow: 0px -4px inset;
        color: #9CCC65;
        transition: height 0.3s, ease-out 0.3s;
    }

.kr-logo-div {
}


/*.k-header, .k-grid-header, .k-toolbar, .k-dropdown-wrap, .k-picker-wrap, .k-numeric-wrap, .k-grouping-header, .k-pager-wrap, .k-textbox, .k-progressbar, .k-draghandle, .k-autocomplete, .k-state-highlight, .k-tabstrip-items .k-item, .k-panelbar .k-tabstrip-items .k-item {
    background-image: none !important;
}*/

.k-header, .k-grid-header, .k-toolbar, .k-dropdown-wrap, .k-picker-wrap, .k-numeric-wrap, .k-grouping-header, .k-pager-wrap, .k-textbox, .k-progressbar, .k-draghandle, .k-autocomplete, .k-state-highlight, .k-tabstrip-items .k-item, .k-panelbar .k-tabstrip-items .k-item {
    background-image: none !important;
}

#inputLanguage-list h3 {
    font-size: 1.2em;
    font-weight: normal;
    margin: 0 0 1px 0;
    padding: 0;
}

.kr-contactUs-tooltip {
    position: relative;
}

    .kr-contactUs-tooltip .kr-contact-tooltiptext {
        background-color: #f3f3f3;
        border-radius: 6px;
        box-shadow: 5px 5px 9px 0px #afafaf94;
        height: 150px;
        opacity: 0;
        padding: 5px 0;
        position: absolute;
        position: absolute;
        top: 40%;
        right: 20%;
        transition: all 0.2s ease-in-out;
        visibility: hidden;
        width: 200px;
        z-index: 1;
    }

    .kr-contactUs-tooltip:hover .kr-contact-tooltiptext {
        opacity: 1;
        top: 85%;
        right: 20%;
        visibility: visible;
    }


.kr-user-tooltip {
    position: relative;
}

    .kr-user-tooltip .kr-tooltiptext {
        background-color: #f3f3f3;
        border-radius: 6px;
        box-shadow: 5px 5px 9px 0px #afafaf94;
        color: #2cad42;
        height: 300px;
        opacity: 0;
        padding: 5px 0;
        position: absolute;
        position: absolute;
        text-align: center;
        top: 40%;
        transition: all 0.2s ease-in-out;
        visibility: hidden;
        width: 200px;
        z-index: 3;
    }

    .kr-user-tooltip:hover .kr-tooltiptext {
        opacity: 1;
        top: 85%;
        visibility: visible;
    }

.kr-language-tooltip {
    position: relative;
}

    .kr-language-tooltip .kr-tooltiptext {
        -ms-overflow-style: none; /* IE and Edge */
        background-color: #f3f3f3;
        border-radius: 6px;
        box-shadow: 5px 5px 9px 0px #afafaf94;
        color: #2cad42;
        max-height: 100px;
        min-height: 50px;
        opacity: 0;
        overflow-y: scroll;
        padding: 5px 0;
        position: absolute;
        position: absolute;
        scrollbar-width: none; /* Firefox */
        text-align: center;
        top: 40%;
        transition: all 0.2s ease-in-out;
        visibility: hidden;
        width: 50px;
        z-index: 3;
    }

        .kr-language-tooltip .kr-tooltiptext::-webkit-scrollbar {
            display: none;
        }

    .kr-language-tooltip:hover .kr-tooltiptext {
        opacity: 1;
        top: 85%;
        visibility: visible;
    }

.kr-theme-tooltip {
    position: relative;
}

    .kr-theme-tooltip .kr-tooltiptext {
        -ms-overflow-style: none; /* IE and Edge */
        background-color: #f3f3f3;
        border-radius: 6px;
        box-shadow: 5px 5px 9px 0px #afafaf94;
        color: black;
        max-height: 100px;
        min-height: 50px;
        opacity: 0;
        overflow-y: scroll;
        padding: 5px 0;
        position: absolute;
        position: absolute;
        scrollbar-width: none; /* Firefox */
        text-align: center;
        top: 40%;
        transition: all 0.2s ease-in-out;
        visibility: hidden;
        width: 50px;
        z-index: 3;
    }

        .kr-theme-tooltip .kr-tooltiptext::-webkit-scrollbar {
            display: none;
        }

    .kr-theme-tooltip:hover .kr-tooltiptext {
        opacity: 1;
        top: 85%;
        visibility: visible;
    }

.kr-user-pic {
    width: 50%;
}

.kr-user-name {
    direction: rtl;
    color: #2e2e2e;
    margin-top: 5px;
}

.kr-user-status {
    direction: rtl;
    font-size: 0.65rem;
    margin-top: 3px;
}

.kr-side-menu {
    margin-top: 10px !important;
}

.kr-contact-title {
    color: black;
    font-size: 0.85rem !important;
    margin-top: 0.25rem;
    padding: 0 0.5rem 0 0.5rem;
}

.kr-contact-separator {
    background-color: #009688;
    height: 0.15rem;
    margin-top: 0.25rem;
}

.kr-contact-text {
    color: #000000;
    font-size: 0.75rem;
    font-weight: 100 !important;
    margin-bottom: 0;
    margin-top: 0.25rem;
    padding: 0 0.5rem 0 0.5rem;
    text-align: right;
    text-justify: inter-word;
}

.kr-links {
    color: #fff;
    font-size: 0.65rem;
    font-weight: 100 !important;
    margin-bottom: 0;
    margin-top: 0.25rem;
    padding: 0 0.5rem 0 0.5rem;
    text-align: justify;
    text-justify: inter-word;
    transition: all 0.2s ease-in-out;
}

.kr-notification-separator {
    background-color: #cbcbcb;
    height: 0.15rem;
    margin-top: 0.25rem;
}

.notifyMessage {
    padding: 5px;
}

.notifyRemove {
    position: absolute;
    top: 5px;
    left: 5px;
    background: none;
    border: none;
    font-size: 20px;
    cursor: pointer;
    z-index: 2;
}

.kr-notification-tooltip {
    position: relative;
}

.kr-userNotificationMain {
    position: relative;
    padding: 5px;
}

.kr-notification-tooltip .kr-notification-tooltiptext {
    background-color: #f3f3f3;
    border-radius: 6px;
    box-shadow: 5px 5px 9px 0px #afafaf94;
    height: 150px;
    opacity: 0;
    padding: 5px 0;
    position: absolute;
    top: 40%;
    right: 20%;
    transition: all 0.2s ease-in-out;
    visibility: hidden;
    width: 334px;
    z-index: 1;
}

.kr-notification-tooltip:hover .kr-notification-tooltiptext {
    opacity: 1;
    top: 85%;
    right: 20%;
    visibility: visible;
}

.kr-links:hover {
    color: #009688;
}

.kr-divLSB {
    width: 5%;
}

.kr-divRSB {
    padding: 0.5rem;
    width: 95%;
}

.sidebar-wrapper .sidebar-header {
    padding: 10px !important;
}

.kr-grid-header {
    background-color: #ffffff;
    border-color: #8080804d;
    border-radius: 3px 3px 0 0;
    border-style: solid;
    border-width: 1px;
    height: 2rem;
    width: 5rem;
}

.kr-text-header {
    padding-top: 0.4rem;
    text-align: center;
}

.sidebar-content {
    height: calc(100%) !important;
    max-height: calc(100%) !important;
}

/******************** [Khalilzadeh] ********************/

.k-calendar-container > .k-calendar {
    width: 23em !important;
}

.k-calendar .k-calendar-view {
    width: 20em !important;
}

.EventDetail {
    direction: ltr;
    height: 500px !important;
    text-align: left;
}

.InputDateTimePicker {
    display: none;
    text-align: center;
    direction: ltr;
}

.InputDatePicker {
    width: 100%;
    text-align: center;
}

.InputTimePicker {
    width: 100%;
    text-align: center;
}

.InputTreeView {
    display: none;
}

.InputTreeViewText {
    float: right;
    padding: 6px;
}

.InputTreeViewButton {
    float: right;
    width: 10%;
    padding: 10px;
    color: white;
    border: 1px solid grey;
    border-right: none; /* Prevent double borders */
    cursor: pointer;
    background: #2196F3;
}

.InputTreeViewTreeview {
    height: 300px;
    overflow-y: auto;
    border: 1px solid #d9d9d9;
}

.InputTreeViewFilterText {
    width: 100%;
    box-sizing: border-box;
    padding: 6px;
    border-radius: 3px;
    border: 1px solid #d9d9d9;
}

.DivGroup {
    border: 1px solid #ced4da;
    border-radius: .25rem;
    margin-top: 20px;
}

.k-checkbox {
    display: inline-block;
    height: 16px !important;
    vertical-align: middle !important;
    width: 16px !important;
}

.kz-datesection {
    display: inline-flex;
    flex-direction: row !important;
    /*margin-left: 70px;*/
    min-width: 120px;
    text-align: center;
    /*width: 160px;*/
    margin-right: 1%;
    margin-left: 1%;
}

/*@media (max-width: 600px) {
    .kz-datesection {
        display: none;
    }
}*/

.kz-timesection {
    display: inline-flex;
    flex-direction: row !important;
    /*min-width: 100px;*/
    text-align: center;
    /*width: 100px;*/
    margin-right: 1%;
    margin-left: 1%;
}

/*@media (max-width: 600px) {
    .kz-timesection {
        display: none;
    }
}*/

.kz-datetimetable {
    color: #FFF;
    line-height: 4;
    text-align: center;
}

.kz-datetimetable-direction {
    direction: ltr;
}

.kz-datetimeseperate {
    width: 5px;
}

.kz-date-icon {
    font-size: 14px;
    margin-left: 5px;
    margin-right: 5px;
}

.kz-date {
}

.kz-dateday {
}

.kz-time {
    width: 20px;
}

.kz-project-properties {
    color: white;
    direction: rtl;
    margin-right: 10px;
    width: 100%;
    position: relative;
    min-height: 50%;
    height: 100%;
}

.kz-project-title {
    font-size: 25px;
    font-weight: bold;
    padding-right: 10px;
    padding-top: 7px;
    margin-right: 25px;
}

.kz-project-description {
    font-size: 10px;
    padding-top: 17px;
}

@media (max-width: 950px) {
    .kz-project-description {
        display: none;
    }
}

.kz-project-seperator {
    font-size: 12px;
    margin-right: 5px;
    padding-top: 17px;
}

.kz-flag-iran {
    background: url(../../Images/Flags/1.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 32px 18px;
}

.kz-flag-unitedkingdom {
    background: url(../../Images/Flags/2.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 32px 18px;
}

/*.k-i-expand:before {
    content: "\e005"
}

.k-i-collapse:before {
    content: "\e001"
}*/

.kz-captcha {
    width: 100%;
}

.kz-captcha-image {
    float: right;
    height: 34px;
    width: 120px;
}

.kz-captcha-refresh {
    float: right;
    height: 32px;
    width: 32px;
}

.force-ltr {
    direction: ltr;
}

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

.breakWord120 {
    /*max-width: 120px !important;*/
    word-break: break-all !important;
    word-wrap: break-word !important;
    /*vertical-align: top;
            line-height: 15px;*/
}

.kz-chart-export-buttons {
    position: relative;
    right: 10px;
    text-align: right;
    top: 10px;
    z-index: 1;
}

.kz-chart-extra-buttons {
    position: relative;
    right: 50px;
    text-align: right;
    top: 10px;
    z-index: 1;
}

.kz-chart-label-direction {
    direction: rtl !important;
}

.kz-chart { /*    margin-top: -45px;*/
}

.kz-chart-ltr {
    direction: ltr;
}

.kz-chart-background-image {
    background-position: top;
    /*background: center no-repeat url('../../Images/chartBackground.png');*/
    background-size: 100% 100%;
}

.kz-chart-title-box {
    float: right;
    line-height: 20px;
}

.kz-chart-control-box {
    float: left;
    line-height: 20px;
}

.k-tabstrip-items .k-item.k-state-active {
    /*background-color: #009688 !important;*/
    color: white !important;
    /*    height: 24px !important;*/
}

.k-tabstrip-items .k-item {
    background-color: #004D40 !important;
    color: white !important;
    height: 28px !important;
    border: none !important;
}

.k-tabstrip-items .k-state-active .k-link, .k-panelbar > li.k-state-default > .k-link {
    /*background-color: #009688 !important;*/
    font-size: 10px !important;
    font-weight: bold !important;
    /*height: 24px !important;*/
    line-height: 8px !important;
    color: white !important;
}

.k-tabstrip-items .k-active .k-link, .k-panelbar > li.k-panelbar-header > .k-link {
    background-color: #009688 !important;
    font-size: 10px !important;
    font-weight: bold !important;
    /*    height: 36px !important;
*/ line-height: 8px !important;
    color: white !important;
}

.k-panelbar > li.k-panelbar-header > .k-link {
    height: 13px;
    box-sizing: content-box !important;
}

.login-img {
    display: block;
    /*margin-bottom: 15px;*/
    margin-left: auto;
    margin-right: auto;
    max-height: 172px;
    max-width: 550px;
}

.kr-loginHeader {
    -ms-border-radius: 4px;
    background-color: #004D40;
    border-radius: 4px;
    color: #ffffff;
    font-weight: bold;
    line-height: 30px;
    margin-bottom: 6px;
    text-align: center;
}

.kr-loginForm {
    margin-bottom: 0;
    /*background: #d9ecf5;*/
    overflow: hidden;
    padding: 10px;
}

:-ms-lang(x), .kr-loginPanel {
    background: #004D40;
}

.kr-loginPanel {
    background: #004D4085;
    height: 100%;
    left: 50%;
    margin: auto;
    margin-left: -200px;
    position: fixed;
    width: 400px;
}

:-ms-lang(x), .kr-btn-login {
    background: #3C8DBC;
}

:-ms-lang(x), .microWrapper {
    background-color: #ffffff;
}

.kr-btn-login {
    background-color: #004D40 !important;
    color: #ffffff !important;
    cursor: pointer;
    font-weight: bold !important;
    height: 30px;
    margin: 0px;
    width: 100%;
}


/*.chiller-theme .sidebar-wrapper .sidebar-header .user-info .user-role,
.chiller-theme .sidebar-wrapper .sidebar-header .user-info .user-status,
.chiller-theme .sidebar-wrapper .sidebar-search input.search-menu,
.chiller-theme .sidebar-wrapper .sidebar-search .input-group-text,
.chiller-theme .sidebar-wrapper .sidebar-brand > a,
.chiller-theme .sidebar-wrapper .sidebar-menu ul li a,
.chiller-theme .sidebar-footer > a {
    color: #e8e8e8 !important;
}*/

.header-menu {
    color: white !important;
}

.sidebar-wrapper .sidebar-menu .sidebar-dropdown .sidebar-submenu li {
    font-size: 12px !important;
}

.k-rtl .k-treeview .k-checkbox-label {
    padding-right: calc(14px + 0.8ex) !important;
}

.kr-loginBtn {
    flex-direction: column;
    padding: 5px 15px 0px 15px;
    vertical-align: middle;
}

/* Page Template for the exported PDF */

.page-template {
    font-family: "IRANSans" !important;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}

    .page-template .header {
        border-bottom: 1px solid #888;
        color: #888;
        left: 30px;
        position: absolute;
        right: 30px;
        top: 30px;
    }

    .page-template .footer {
        border-top: 1px solid #888;
        bottom: 30px;
        color: #888;
        left: 30px;
        position: absolute;
        right: 30px;
        text-align: center;
    }

    .page-template .watermark {
        color: #aaaaaa;
        font-size: 400%;
        font-weight: bold;
        margin-top: 30%;
        opacity: 0.1;
        text-align: center;
        transform: rotate(-35deg) scale(1.7, 1.5);
    }

.controlf5 {
    color: #FF7F0E;
    margin-bottom: 10px;
    margin-top: 10px;
}

.kr-projectIcon-place {
    margin-left: 10px;
    text-align: center;
    width: 60px;
}

.kr-igmc {
    height: 2.6rem;
    padding-top: 0.25rem;
    vertical-align: middle;
}


/*--------------404--------------*/

#notfound {
    height: 100vh;
    position: relative;
}

    #notfound .notfound {
        -ms-transform: translate(-50%, -50%);
        -webkit-transform: translate(-50%, -50%);
        left: 50%;
        position: absolute;
        top: 50%;
        transform: translate(-50%, -50%);
    }

.notfound {
    line-height: 1.4;
    max-width: 460px;
    text-align: center;
    width: 100%;
}

    .notfound .notfound-404 {
        height: 180px;
        margin: 0px auto 50px;
        position: relative;
        width: 180px;
    }

        .notfound .notfound-404 > div:first-child {
            -ms-transform: rotate(45deg);
            -webkit-transform: rotate(45deg);
            background: #ffa200;
            border: 5px dashed #000;
            border-radius: 5px;
            bottom: 0;
            left: 0;
            position: absolute;
            right: 0;
            top: 0;
            transform: rotate(45deg);
        }

            .notfound .notfound-404 > div:first-child:before {
                -webkit-box-shadow: 0px 0px 0px 5px rgba(0, 0, 0, 0.1) inset;
                border-radius: 5px;
                bottom: -5px;
                box-shadow: 0px 0px 0px 5px rgba(0, 0, 0, 0.1) inset;
                content: '';
                left: -5px;
                position: absolute;
                right: -5px;
                top: -5px;
            }

        .notfound .notfound-404 h1 {
            -ms-transform: translate(-50%, -50%);
            -webkit-transform: translate(-50%, -50%);
            color: #000;
            font-family: IRANSans;
            font-size: 90px;
            font-weight: 700;
            height: 40px;
            left: 50%;
            line-height: 40px;
            margin: 0;
            position: absolute;
            text-align: center;
            top: 55%;
            transform: translate(-50%, -50%);
        }

    .notfound h2 {
        font-family: IRANSans;
        font-size: 33px;
        font-weight: 700;
        text-transform: uppercase;
    }

    .notfound p {
        color: #000;
        font-family: IRANSans;
        font-size: 16px;
        font-weight: 400;
    }

.home-btn {
    -webkit-transition: 0.2s all;
    background-color: #8f8f8f;
    border: none;
    border-radius: 40px;
    color: #fff;
    display: inline-block;
    font-family: IRANSans;
    font-size: 14px;
    font-weight: 700;
    padding: 10px 25px;
    text-decoration: none;
    text-transform: uppercase;
    transition: 0.2s all;
}

.notfound a:hover {
    background-color: #2c2c2c;
}

/*----------------------------------------*/

/*--------------401--------------*/

#notauthorized {
    height: 100vh;
    position: relative;
}

    #notauthorized .notauthorized {
        -ms-transform: translate(-50%, -50%);
        -webkit-transform: translate(-50%, -50%);
        left: 50%;
        position: absolute;
        top: 50%;
        transform: translate(-50%, -50%);
    }

.notauthorized {
    line-height: 1.4;
    max-width: 460px;
    text-align: center;
    width: 100%;
}

    .notauthorized .notauthorized-404 {
        height: 180px;
        margin: 0px auto 50px;
        position: relative;
        width: 180px;
    }

        .notauthorized .notauthorized-404 > div:first-child {
            -ms-transform: rotate(45deg);
            -webkit-transform: rotate(45deg);
            background: #ff1100;
            border: 5px dashed #000;
            border-radius: 5px;
            bottom: 0;
            left: 0;
            position: absolute;
            right: 0;
            top: 0;
            transform: rotate(45deg);
        }

            .notauthorized .notauthorized-404 > div:first-child:before {
                -webkit-box-shadow: 0px 0px 0px 5px rgba(0, 0, 0, 0.1) inset;
                border-radius: 5px;
                bottom: -5px;
                box-shadow: 0px 0px 0px 5px rgba(0, 0, 0, 0.1) inset;
                content: '';
                left: -5px;
                position: absolute;
                right: -5px;
                top: -5px;
            }

        .notauthorized .notauthorized-404 h1 {
            -ms-transform: translate(-50%, -50%);
            -webkit-transform: translate(-50%, -50%);
            color: #FFF;
            font-family: IRANSans;
            font-size: 90px;
            font-weight: 700;
            height: 40px;
            left: 50%;
            line-height: 40px;
            margin: 0;
            position: absolute;
            text-align: center;
            top: 55%;
            transform: translate(-50%, -50%);
        }

    .notauthorized h2 {
        font-family: IRANSans;
        font-size: 33px;
        font-weight: 700;
        text-transform: uppercase;
    }

    .notauthorized p {
        color: #000;
        font-family: IRANSans;
        font-size: 16px;
        font-weight: 400;
    }

.home-btn {
    -webkit-transition: 0.2s all;
    background-color: #8f8f8f;
    border: none;
    border-radius: 40px;
    color: #fff;
    display: inline-block;
    font-family: IRANSans;
    font-size: 14px;
    font-weight: 700;
    padding: 10px 25px;
    text-decoration: none;
    text-transform: uppercase;
    transition: 0.2s all;
}

.notauthorized a:hover {
    background-color: #2c2c2c;
}

/*----------------------------------------*/

/*--------------403--------------*/

#forbidden {
    height: 100vh;
    position: relative;
}

    #forbidden .forbidden {
        -ms-transform: translate(-50%, -50%);
        -webkit-transform: translate(-50%, -50%);
        left: 50%;
        position: absolute;
        top: 50%;
        transform: translate(-50%, -50%);
    }

.forbidden {
    line-height: 1.4;
    max-width: 460px;
    text-align: center;
    width: 100%;
}

    .forbidden .forbidden-404 {
        height: 180px;
        margin: 0px auto 50px;
        position: relative;
        width: 180px;
    }

        .forbidden .forbidden-404 > div:first-child {
            border: 5px dashed #000;
            border-radius: 50%;
            box-shadow: inset 0 0 0 1rem #f44336;
            height: 120px;
            overflow: hidden;
            padding: 30px 30px;
            position: relative;
            width: 120px;
            z-index: 0;
        }

            .forbidden .forbidden-404 > div:first-child:before {
                background-color: #f44336;
                border: 0;
                bottom: 3.5rem;
                content: '';
                height: 5rem;
                left: 1rem;
                outline: 0;
                position: absolute;
                transform: rotate(0deg);
                width: 110%;
                z-index: 1;
            }

        .forbidden .forbidden-404 h1 {
            -ms-transform: translate(-50%, -50%);
            -webkit-transform: translate(-50%, -50%);
            color: #FFF;
            font-family: IRANSans;
            font-size: 80px;
            font-weight: 700;
            height: 40px;
            left: 50%;
            line-height: 40px;
            margin: 0;
            position: absolute;
            text-align: center;
            top: 55%;
            transform: translate(-50%, -50%);
        }

    .forbidden h2 {
        font-family: IRANSans;
        font-size: 33px;
        font-weight: 700;
        text-transform: uppercase;
    }

    .forbidden p {
        color: #000;
        font-family: IRANSans;
        font-size: 16px;
        font-weight: 400;
    }

.home-btn {
    -webkit-transition: 0.2s all;
    background-color: #8f8f8f;
    border: none;
    border-radius: 40px;
    color: #fff;
    display: inline-block;
    font-family: IRANSans;
    font-size: 14px;
    font-weight: 700;
    padding: 10px 25px;
    text-decoration: none;
    text-transform: uppercase;
    transition: 0.2s all;
}

.forbidden a:hover {
    background-color: #2c2c2c;
}

/*----------------------------------------*/

/*--------------423--------------*/

#locked {
    height: 100vh;
    position: relative;
}

    #locked .locked {
        -ms-transform: translate(-50%, -50%);
        -webkit-transform: translate(-50%, -50%);
        left: 50%;
        position: absolute;
        top: 50%;
        transform: translate(-50%, -50%);
    }

.locked {
    line-height: 1.4;
    max-width: 460px;
    text-align: center;
    width: 100%;
}

    .locked .locked-404 {
        height: 180px;
        margin: 0px auto 50px;
        position: relative;
        width: 180px;
    }

        .locked .locked-404 > div:first-child {
            -ms-transform: rotate(45deg);
            -webkit-transform: rotate(45deg);
            background: #ff1100;
            border: 5px dashed #000;
            border-radius: 5px;
            bottom: 0;
            left: 0;
            position: absolute;
            right: 0;
            top: 0;
            transform: rotate(45deg);
        }

            .locked .locked-404 > div:first-child:before {
                -webkit-box-shadow: 0px 0px 0px 5px rgba(0, 0, 0, 0.1) inset;
                border-radius: 5px;
                bottom: -5px;
                box-shadow: 0px 0px 0px 5px rgba(0, 0, 0, 0.1) inset;
                content: '';
                left: -5px;
                position: absolute;
                right: -5px;
                top: -5px;
            }

        .locked .locked-404 h1 {
            -ms-transform: translate(-50%, -50%);
            -webkit-transform: translate(-50%, -50%);
            color: #FFF;
            font-family: IRANSans;
            font-size: 90px;
            font-weight: 700;
            height: 40px;
            left: 50%;
            line-height: 40px;
            margin: 0;
            position: absolute;
            text-align: center;
            top: 55%;
            transform: translate(-50%, -50%);
        }

    .locked h2 {
        font-family: IRANSans;
        font-size: 33px;
        font-weight: 700;
        text-transform: uppercase;
    }

    .locked p {
        color: #000;
        font-family: IRANSans;
        font-size: 16px;
        font-weight: 400;
    }

.home-btn {
    -webkit-transition: 0.2s all;
    background-color: #8f8f8f;
    border: none;
    border-radius: 40px;
    color: #fff;
    display: inline-block;
    font-family: IRANSans;
    font-size: 14px;
    font-weight: 700;
    padding: 10px 25px;
    text-decoration: none;
    text-transform: uppercase;
    transition: 0.2s all;
}

.locked a:hover {
    background-color: #2c2c2c;
}

/*----------------------------------------*/

.k-rtl .k-radio:checked + .k-radio-label::after {
    right: 6px !important;
}

.k-pager-nav.k-pager-first {
    border-radius: 0px 4px 4px 0px;
}

.k-pager-wrap .k-pager-nav.k-pager-last {
    border-radius: 4px 0px 0px 4px;
}

.captcha-image-div {
    padding-right: 0px;
    padding-top: 3px;
}

.captcha-text-div {
    padding-left: 0px;
    padding-top: 0px;
}

.captcha-image {
    height: 30px;
    width: 100px;
}

.captcha-btn-refresh {
    cursor: pointer;
    margin: 5px 10px 0px 0px;
}

/******************** [Khalilzadeh Flex Container] ********************/

.khz-flex-container {
    display: flex;
    flex-direction: column;
    margin: 10px;
    align-items: stretch;
    flex: 1; /* Allow the container to grow */
}

.khz-flex-container-section1 {
    width: 100%;
}

.khz-flex-container-section2 {
    display: flex;
    flex-direction: row;
    min-height: 50px;
    width: 100%;
}

.khz-flex-container-section21 {
    width: 50%;
}

.khz-flex-container-section22 {
    width: 50%;
}

.khz-flex-container-section3 {
    width: 100%;
}

.khz-border {
    border: 1px solid rgba(46, 46, 46, 0.15);
    box-sizing: border-box;
}

/*Image Settings*/

.khz-project-icon {
    width: 220px;
}

.khz-favorites-png16 {
    width: 16px;
}

.khz-favorites-png32 {
    width: 32px;
}

.khz-favorites-png180 {
    width: 180px;
}

.khz-favorites-png192 {
    width: 192px;
}

.khz-favorites-png512 {
    width: 512px;
}

.khz-login-backgroung-image {
    width: 512px;
}

.khz-file-template {
    color: red;
}

.modal-header {
    min-height: 50px;
}

    .modal-header .close {
        left: 0px;
        position: absolute;
    }

.modal-footer {
    min-height: 35px;
}

.modal-tab-content {
    height: 500px;
}

.chart-header {
    background-color: rgba(0, 0, 0, .03);
    border-bottom: 1px solid rgba(0, 0, 0, .125);
    height: 20px;
    line-height: 20px;
    margin-bottom: 0;
    padding: 0.25rem 0.5rem !important;
}

.table-cell-title {
    background-color: #E5E5E5;
    border-bottom: 1px solid #D1D1D1;
    font-size: 10px;
    font-weight: bold;
    height: 20px;
    padding-left: 10px;
    padding-right: 10px;
    width: 25%;
}

.table-cell-detail {
    background-color: #F9F9F9;
    border-bottom: 1px solid #D1D1D1;
    font-size: 10px;
    font-weight: bold;
    height: 20px;
    padding-left: 10px;
    padding-right: 10px;
    width: 25%;
}

.table-cell-detail-label {
    margin: auto;
}

.Hm-btn-ArrowLeft {
    background-color: #ffa000 !important;
    border-radius: .25rem;
    color: #fff;
    display: inline-block;
    font-size: 1rem;
    font-weight: 200;
    height: 30px;
    line-height: 0.5;
    text-align: center;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    vertical-align: middle;
}

    .Hm-btn-ArrowLeft:hover {
        background-color: #FFF !important;
        border-color: #ffa000;
        border-radius: 0.5rem;
        color: #ffa000;
    }

.Hm-btn-ArrowRight {
    background-color: #689f38 !important;
    border-radius: .25rem;
    color: #fff;
    display: inline-block;
    font-size: 1rem;
    font-weight: 200;
    height: 30px;
    line-height: 0.5;
    text-align: center;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    vertical-align: middle;
}

    .Hm-btn-ArrowRight:hover {
        background-color: #FFF !important;
        border-color: #689f38;
        border-radius: 0.5rem;
        color: #689f38;
    }

.Hm-btn-Operation {
    background-color: #2196f3 !important;
    border-radius: .25rem;
    color: #fff;
    display: inline-block;
    font-size: 1rem;
    font-weight: 200;
    height: 30px;
    line-height: 0.5;
    text-align: center;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    vertical-align: middle;
}

    .Hm-btn-Operation:hover {
        background-color: #FFF !important;
        border-color: #2196f3;
        border-radius: 0.5rem;
        color: #2196f3;
    }

.record {
    float: right;
    margin-right: 20px;
    margin-top: 0px;
}

.record-total {
    background-color: #A5D6A7;
}

.record-block {
    background-color: #FAD4D4;
}

#G9ShowGridData {
    background-color: rgba(0, 0, 0, 0.89);
    border-radius: 39px;
    display: none;
    height: 50%;
    left: 15%;
    overflow: hidden;
    position: fixed;
    top: 25%;
    width: 70%;
    z-index: 999999999999;
}

#G9ShowGridData_Body {
    height: calc(100% - 49.9px);
    overflow: auto;
    position: relative;
    width: 100%;
}

#G9ShowGridData_FooterBtn {
    align-items: center;
    background-color: #ff0000;
    border-top: solid 1px #5c5c5c;
    box-shadow: 0 -2px 9px 1px #222, 0 0 19px 1px #222 inset;
    color: #eee;
    display: flex;
    font-size: 20px;
    font-weight: bold;
    height: 48.9px;
    justify-content: center;
    position: relative;
    transition: 139ms;
    width: 100%;
}

    #G9ShowGridData_FooterBtn:hover {
        box-shadow: 0 -2px 9px 1px #222, 0 0 29px 1px #222 inset;
        text-shadow: 0 0 2px #eee;
    }

.G9MobilePopUpData {
    display: none;
}

#G9ShowGridData_Body_Table {
    line-break: anywhere !important;
    margin: 0;
}

div[data-role="scroller"] {
    min-height: 99px;
}

/* ###################### Mobile Mode ####################### */

@media screen and (max-width: 799px), (max-height: 480px) {
    .headerPanel .headerBack {
        height: 9px;
    }

    #LoginFormProjectName {
        font-size: 13.9px;
    }

    #divLanguage {
        -moz-align-content: center !important;
        -ms-align-items: center !important;
        -o-align-content: center !important;
        -o-align-items: center !important;
        -webkit-align-content: center !important;
        -webkit-align-items: center !important;
        align-content: center !important;
        align-items: center !important;
        align-items: center !important;
        border-radius: 3.9px;
        display: inline-flex !important;
        display: flex !important;
        height: 24px;
        justify-content: center;
        margin: 0;
        padding: 0 !important;
        padding: 0 !important;
        position: fixed;
        right: 3.9px;
        top: 3.9px;
        width: 83px;
    }

    #formLanguage {
        align-items: center;
        display: flex;
        justify-content: center;
    }

        #formLanguage * {
            margin: 3px;
        }

    .k-tabstrip-wrapper {
        height: 99% !important;
    }
}

@media screen and (max-width: 799px) {
    .k-card-body {
        padding-left: 0;
        padding-right: 0;
    }

        .k-card-body .row {
            margin: 0;
            padding-left: 0;
            padding-right: 0;
        }

            .k-card-body .row div {
                padding-left: 0;
                padding-right: 0;
            }

    .k-content {
        border: none !important;
        margin: 0;
        padding: 3px !important;
    }

        .k-content .row {
            margin: 0;
            padding-left: 0;
            padding-right: 0;
        }

            .k-content .row div {
                padding-left: 0;
                padding-right: 0;
            }

    [id^='ChartExportButtons'] button {
        height: 23px;
        margin: 0;
        padding: 0 !important;
        right: -9px;
        top: -44px;
        width: 26.9px;
    }

    [id^='ChartExtraButtons'] button {
        height: 23px;
        margin: 0;
        padding: 0 !important;
        position: relative;
        right: -19px;
        top: -44px;
        width: 26.9px;
    }

    .refreshNumberOfEquipmentMobileMode {
        left: 15px;
        position: absolute;
        top: -19px;
    }
}

.event-details {
    direction: ltr;
    height: 300px !important;
}

/*.panel-bar-title {
    display: inline-block;
    position: relative;
    text-align: right;
    top: 9px;
    width: 100%;
}*/

.k-panelbar > li.k-state-default .panel-bar-title {
    display: inline-block;
    position: relative;
    text-align: right;
    top: 9px;
    width: 100%;
    color: white;
}

.k-panelbar > li.k-panelbar-header .panel-bar-title {
    text-align: right;
    top: 9px;
    width: 100%;
    color: white;
}

@media screen and (max-height: 480px) {
    .kr-loginPanel {
        left: 52%;
        width: 369px;
    }

    .login-img {
        height: 99px;
    }

    #uNameTxt, #passTxt {
        height: 29.9px;
    }

    #loginForm {
        padding: 16.9px;
        padding-bottom: 6.9px;
    }

    .headerPanel .headerBack {
        height: 9px;
    }

    .k-tabstrip-wrapper {
        height: 99% !important;
    }
}

@media screen and (max-height: 369px) {
    .kr-loginPanel {
        left: 54.69%;
        width: 329px;
    }

    #LoginFormProjectName {
        font-size: 11.9px;
    }

    .login-img {
        height: 89px;
        margin-bottom: 6.9px;
    }

    #loginFormPass {
        position: relative;
        top: -8px;
    }

    #uNameTxt, #passTxt {
        height: 26.9px;
    }

    #loginForm {
        padding: 13.9px;
        padding-bottom: 6.9px;
    }

    .headerPanel .headerBack {
        height: 9px;
    }

    .k-tabstrip-wrapper {
        height: 99% !important;
    }
}

#MenuSlideDown {
    display: none;
}

@media screen and (max-height: 369px) {
    header {
        left: 0 !important;
        position: absolute !important;
        width: 100% !important;
    }

    #app {
        padding-top: 80px;
    }
}

.check-user-password-footer {
    display: unset;
}

.check-user-password-footer-alert {
    text-align: right;
    color: red;
    float: right;
}

.check-user-password-footer-button {
    float: left;
}

.require-login-password-on-event {
    z-index: 99999;
}

.float-left {
    float: left;
}

.float-right {
    float: right;
}

.k-checkbox:indeterminate + .k-checkbox-label::after {
    right: -1px !important;
}

.swh-claim-tree {
    height: 400px !important;
    overflow-y: scroll;
    border: 1px solid #ced4da;
    border-radius: .25rem;
    scrollbar-width: thin;
}

.site-direction {
    direction: rtl;
}

.k-grid-header {
    padding-right: 0px !important;
}

marginTop150 {
    margin-top: 150px;
}
/*****************************chatbox********************************/
/* Toggle Sidebar */
/*****************************chatbox********************************/
/* Toggle Sidebar */
#saaSideChatBox {
    position: fixed;
    left: 0;
    top: 90px;
    z-index: 100000;
    -webkit-box-shadow: 3px 0px 50px -2px rgba(0,0,0,0.14);
    -moz-box-shadow: 3px 0px 50px -2px rgba(0,0,0,0.14);
    box-shadow: 3px 0px 50px -2px rgba(0,0,0,0.14);
    background: #fff;
    height: 650px;
    width: 580px;
}

    #saaSideChatBox .style-toggle {
        width: 52px;
        height: 56px;
        cursor: pointer;
        opacity: 1;
        background: #fff;
        -moz-border-radius: 0px 5px 5px 0px;
        -webkit-border-radius: 0px 5px 5px 0px;
        border-radius: 0px 5px 5px 0px;
        -webkit-box-shadow: 3px 0px 5px -2px rgba(0,0,0,0.14);
        -moz-box-shadow: 3px 0px 5px -2px rgba(0,0,0,0.14);
        box-shadow: 3px 0px 5px -2px rgba(0,0,0,0.14);
        float: right;
        margin-right: -52px;
        margin-top: 150px;
        top: 100px;
    }

        #saaSideChatBox .style-toggle::before {
            color: #f05254;
            content: "\f232";
            font-family: fontawesome;
            font-size: 23px;
            font-weight: lighter !important;
            line-height: 56px;
            text-align: center;
            padding-right: 15px;
        }

        #saaSideChatBox .style-toggle:hover:before {
            color: #06a0b0;
        }

.ss-close #saaSideChatBox .style-toggle:before {
    content: "\f00d";
}

#saaSideChatBox-container {
    height: 100%;
    overflow-x: hidden;
    overflow-y: auto;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
    padding: 15px;
}

/**************************************************************/
#saaChatContainer {
    width: 570px;
    height: 600px;
    background: #eff3f7;
    margin: 0 auto;
    font-size: 0;
    border-radius: 5px;
    overflow: hidden;
}

    #saaChatContainer aside {
        width: 210px;
        height: 600px;
        background-color: #3b3e49;
        display: inline-block;
        font-size: 15px;
        vertical-align: top;
    }

    #saaChatContainer main {
        width: 360px;
        height: 600px;
        display: inline-block;
        font-size: 15px;
        vertical-align: top;
    }

    #saaChatContainer aside header {
        padding: 15px 10px;
    }

    #saaChatContainer aside input {
        width: 100%;
        height: 25px;
        line-height: 25px;
        padding: 0 25px 0 10px;
        background-color: #5e616a;
        border: none;
        border-radius: 3px;
        color: #fff;
        background-image: url(../../Images/ico_search.png);
        background-repeat: no-repeat;
        background-position: 170px;
        background-size: 40px;
    }

        #saaChatContainer aside input::placeholder {
            color: #fff;
        }

#chatUsersListView {
    padding-left: 0;
    margin: 0;
    list-style-type: none;
    overflow-y: scroll;
    height: 690px;
    overflow: auto;
    background-color: #3b3e49;
}

.chatUsersListViewItem {
    padding: 10px 0;
    position: relative;
}

    .chatUsersListViewItem:hover {
        background-color: #5e616a;
    }

    .chatUsersListViewItem h2, .chatUsersListViewItem h3 {
        margin: 0;
    }

    .chatUsersListViewItem img {
        border-radius: 50%;
        margin-right: 20px;
        margin-left: 8px;
        width: 30px;
        height: 30px;
    }

/* Make the badge float in the top right corner of the button */
.saaBadge {
    background-color: #fa3e3e;
    border-radius: 4px;
    color: white;
    padding: 1px 3px;
    font-size: 10px;
    position: absolute;
    top: 5px;
    right: 8px;
    display: inline;
}

.unreadMsg {
    font-weight: bold;
}

.chatUsersListViewItem div {
    display: inline-block;
    vertical-align: top;
    margin-top: 12px;
}

.chatUsersListViewItem h2 {
    font-size: 14px;
    color: #fff;
    font-weight: normal;
    margin-bottom: 5px;
    display: inline-block;
}

.chatUsersListViewItem h3 {
    font-size: 12px;
    color: #7e818a;
    font-weight: normal;
}

.status {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    display: inline-block;
    margin-right: 7px;
}

.green {
    background-color: #58b666;
}

.orange {
    background-color: #ff725d;
}

.blue {
    background-color: #6fbced;
    margin-right: 0;
    margin-left: 7px;
}

#saaChatContainer main header {
    height: 55px;
    padding: 15px 10px 15px 50px;
}

    #saaChatContainer main header > * {
        display: inline-block;
        vertical-align: top;
    }

    #saaChatContainer main header img:first-child {
        border-radius: 50%;
        width: 30px;
        height: 30px;
    }

    #saaChatContainer main header img:last-child {
        width: 24px;
        margin-top: 8px;
    }

    #saaChatContainer main header div {
        margin-left: 145px;
        margin-right: 10px;
        margin-top: 10px;
    }

    #saaChatContainer main header h2 {
        font-size: 16px;
        margin-bottom: 5px;
    }

    #saaChatContainer main header h3 {
        font-size: 14px;
        font-weight: normal;
        color: #7e818a;
    }

#saaChatListView {
    padding-left: 0;
    margin: 0;
    list-style-type: none;
    overflow-y: scroll;
    height: 430px;
    border-top: 2px solid #fff;
    border-bottom: 2px solid #fff;
    background: #eff3f7;
}

    #saaChatListView > div {
        padding: 10px 30px;
    }

    #saaChatListView h2, #saaChatListView h3 {
        display: inline-block;
        font-size: 13px;
        font-weight: normal;
    }

    #saaChatListView h3 {
        color: #bbb;
    }

    #saaChatListView .entete {
        margin-bottom: 5px;
    }

    #saaChatListView .message {
        padding: 20px;
        color: #fff;
        line-height: 25px;
        max-width: 90%;
        display: inline-block;
        text-align: left;
        border-radius: 5px;
    }

    #saaChatListView .you {
        text-align: left;
    }

    #saaChatListView .me .message {
        background-color: #58b666;
    }

    #saaChatListView .you .message {
        background-color: #6fbced;
    }

    #saaChatListView .message span:hover {
        text-decoration: underline;
        cursor: pointer;
    }

    #saaChatListView .triangle {
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 0 10px 10px 10px;
    }

    #saaChatListView .me .triangle {
        text-align: end;
        border-color: transparent transparent #58b666 transparent;
        margin-right: 15px;
    }

    #saaChatListView .you .triangle {
        border-color: transparent transparent #6fbced transparent;
        margin-right: 250px;
    }

#saaChatContainer main footer {
    height: 96px;
    padding: 20px 30px 10px 20px;
}

    #saaChatContainer main footer textarea {
        resize: none;
        border: none;
        /*        display: block;*/
        width: 82%;
        height: 80px;
        border-radius: 3px;
        padding: 10px;
        font-size: 13px;
        margin-bottom: 8px;
    }

    #saaChatContainer main footer span {
        top: -20px;
        position: relative;
    }

    #saaChatContainer main footer textarea::placeholder {
        color: #ddd;
    }

    #saaChatContainer main footer img {
        height: 30px;
        cursor: pointer;
        margin-top: -40px;
    }

    #saaChatContainer main footer a {
        text-decoration: none;
        text-transform: uppercase;
        font-weight: bold;
        color: #6fbced;
        vertical-align: top;
        margin-left: 333px;
        margin-top: 5px;
        display: inline-block;
    }
/*=====================chat============================*/
.header-menu-element {
    margin-top: auto;
    margin-bottom: auto;
}

    .header-menu-element.kr-user-tooltip > button {
        padding: 0px !important;
    }

.header-menu-element-button {
    height: 25px;
    width: 25px;
}

.header-menu-element-user-profile {
    border-radius: 50%;
    border-style: solid;
    border-color: #009688;
}

.profile-pic-div {
    height: 145px;
}

.profile-pic {
    position: absolute;
    height: 120px;
    width: 120px;
    left: 50%;
    transform: translateX(-50%);
    top: 0px;
    z-index: 1001;
    padding: 10px;
}

    .profile-pic img {
        border-radius: 50%;
        box-shadow: 0px 0px 5px 0px #c1c1c1;
        cursor: pointer;
        width: 100px;
        height: 100px;
    }

.profile-pic-edit {
    color: rgb(0, 0, 0, 0.00);
    border-style: dashed;
    border-width: 3px;
    border-color: white;
    height: 145px !important;
    width: 130px !important;
}

    .profile-pic-edit:hover {
        color: #009688;
        border-style: dashed;
        border-width: 3px;
        border-color: #009688;
    }

.btn-search {
    float: left;
    margin-top: 25px;
    margin-left: 10px;
}

.btn-search-out {
    float: left;
    margin-top: 10px;
    margin-left: 10px;
}

.btn-eraser {
    float: left;
    margin-top: 10px;
    margin-left: 10px;
}

.search-panel-button {
    width: 60px;
    vertical-align: top;
}

.swh-tick {
    color: #208039;
    font-weight: bold;
    font-size: 14px;
}

.swh-multiplied-by {
    color: #F00;
    font-weight: bold;
    font-size: 14px;
}

.swh-json-viewer {
    width: 735px;
    height: 330px;
}

a.json-toggle.collapsed:before {
    /* Use rotated down arrow, prevents right arrow appearing smaller than down arrow in some browsers */
    transform: rotate(90deg) !important;
}


table.k-selectable {
    /*    min-width: 300px !important;*/
}



/*********************************Kendo grid resize probelm in chrome*******************************************/
.k-grid tr {
    -webkit-transform: scale3d(1,1,1);
}

.k-grid th,
.k-grid td {
    -webkit-transform: translateZ(0);
}
/*********************************Kendo grid resize probelm in chrome*******************************************/

.user-lockout-type-system {
    background-color: #FAD4D4 !important;
}

.user-lockout-type-system-manager {
    background-color: #F79ED6 !important;
}

.user-lockout-type-unlicensed {
    background-color: #F7E69E !important;
}
/*----------------------------treeview input dialog------------------------------------------*/
.dialogContent {
    overflow: auto;
    height: calc(100% - 80px);
    padding: 5px;
}

.dialogButtons {
    width: 100%;
    height: 60px;
    background-color: #e3e3e3;
    border-top: solid #C5C5C5 1px;
}

.InputTreeViewTreeview {
    height: 100%;
    overflow: hidden;
}

.dialogButtonsDiv {
    float: left;
    margin: 10px;
}

/*----------------------------treeview input dialog------------------------------------------*/


/*----------------------------Kendo 2022 changes------------------------------------------*/
.margin-top-3 {
    margin-top: 3px;
}

.margin0 {
    margin: 0px;
}

.margin-right-25 {
    margin-right: 25px;
}

.border-radius-5 {
    border-radius: 5px;
}

.kr-login-input {
    font-size: 0.6875rem;
    padding-top: 0.625rem;
}

.k-treeview-leaf.k-hover, .k-treeview-leaf:hover {
    color: #fff;
    background-color: #009688;
}

.form-control {
    /*height: 35px;*/
    font-size: 0.75rem;
    border-radius: 2px;
}

.k-chip-solid-base.k-hover, .k-chip-solid-base:hover {
    background-color: #004d40;
}

/*.pin-btn {
    background: transparent;
    border: none;
    font-size: 16px;
    color: green;*/
/*height: 5px;*/
/*margin: 0px;
    padding: 0px;
    width: 20px;
    text-align: center;
}

.k-pin-label {
    text-align: center;
    width: 100%;
    margin-top: 0.5rem;
}

.k-menu-div {
    display: flex;
    justify-content: space-between;
}

.padding-bottom-0 {
    padding-bottom: 0px;
}*/

.childless-menu-a {
    background-color: #009688 !important;
    color: white !important;
}

.k-panelbar > .k-item > .k-link, .k-panelbar > .k-panelbar-header > .k-link {
    color: white !important;
    cursor: pointer;
    padding: 6px 6px;
}

    .k-panelbar > .k-item > .k-link .k-icon, .k-panelbar > .k-item > .k-link .k-panelbar-item-icon,
    .k-panelbar > .k-panelbar-header > .k-link .k-icon,
    .k-panelbar > .k-panelbar-header > .k-link .k-panelbar-item-icon {
        color: white !important;
    }

.k-chip {
    height: 24px;
    gap: 0px !important;
    padding-left: 0px !important;
    display: flex !important;
    flex-direction: row-reverse !important;
}

.k-chip-icon {
    font-size: 16px;
}

.k-list {
    font-size: 10px;
}

.k-multiselect .k-clear-value {
    visibility: hidden;
    opacity: 0;
    transition: opacity 0.2s ease;
}

/* Show the clear button when the input is hovered */
.k-multiselect:hover .k-clear-value {
    visibility: visible;
    opacity: 1;
}

/*.k-multiselect k-input {
    height: 26px;
}*/
.k-chip .k-chip-icon {
    margin-right: 0px !important;
    margin-left: 0px !important;
}

/*.k-chip-content:last-child {
    margin-inline-end: 0px;
}*/

/*.k-input-inner {
    padding: 5px 10px;
}*/

.form-control, k-input-inner {
    max-height: 100%;
    min-height: 30px;
}

.padding-left-10 {
    padding-left: 10px;
}

.k-button.k-bare, .k-button.k-flat {
    border-color: transparent !important;
    color: inherit;
    background: 0 0 !important;
    box-shadow: none !important;
    transition: color .2s ease-in-out;
}

.k-list-optionlabel {
    border: none;
}

.k-pager-input > .k-textbox > .k-input-inner {
    padding: 0px 10px;
    text-align: center;
}

.InputDatePicker.k-datepicker {
    padding: 0px;
    height: 30px;
    max-height: 30px;
}

.InputTimePicker.k-timepicker {
    padding: 0px;
    height: 30px;
    max-height: 30px;
}

.InputDatePicker.k-datepicker:hover > span > span {
    color: #c4c4c4 !important;
}

.InputDatePicker.k-input-inner.k-input:hover {
    background-color: #009688 !important
}

.InputTimePicker > .k-input-button.k-icon-button {
    width: initial !important;
}

.k-input-inner > .k-input-value-text {
    overflow: unset;
}

.width60 {
    width: 60%;
}

.k-multiselect {
    border-radius: 2px;
    min-height: 28px !important;
}

.k-selection-multiple.k-input-values {
    padding: 0px 1px !important;
}

/*div.k-tabstrip-items-wrapper + div {
    display: block !important;
}*/

div.TabStripVertical > div:nth-of-type(2) {
    display: block !important;
}

div.TabStripVertical > div:nth-of-type(1) > ul > li > span {
    color: white !important;
}

span.k-button-solid-base.k-icon-button:hover {
    color: inherit !important;
    background: 0 0 !important;
}

span.k-chip-content {
    margin-inline-end: 6px;
}

.k-tabstrip-items .k-link {
    padding: 8px 10px !important;
}

.k-tabstrip > .k-content {
    padding: 9px 9px;
}

.k-tabstrip-content {
    padding: 9px 12px;
}

.k-rounded-md {
    border-radius: 4px !important;
}

.k-pager-wrap .k-link {
    color: #009688;
    /*border-color: transparent !important;*/
}

.k-pager-refresh {
    padding: 0px !important;
}

    .k-pager-refresh .k-svg-i-arrow-rotate-cw {
        color: black;
    }

.k-rtl .k-pager-nav + .k-pager-nav {
    margin-right: 0px;
}

.k-pager .k-pager-nav {
    color: black !important;
}

.k-editor button {
    color: black !important;
}

.k-pager-refresh.k-link {
    border-color: transparent !important;
}

.InputTimePicker.k-timepicker:hover {
    background-color: #009688 !important;
}

a.k-link.k-nav-prev {
    /*    position: absolute;
    right: 1%;*/
    transform: rotate(180deg); /* Rotate the icon 180 degrees */
    width: 15px;
}

a.k-link.k-nav-next {
    /*    position: absolute;
    left: 1%;*/
    transform: rotate(180deg); /* Rotate the icon 180 degrees */
    width: 15px;
}
/*
.k-button {
    color: white !important;
}*/

label {
    margin-top: 8px;
}

.marginTop0 {
    margin-top: 0px !important;
}

.custom-file-label {
    cursor: pointer !important;
}

.k-grid-content {
    overflow: auto !important;
}

.k-list-filter {
    padding: 0 !important;
}

.k-input.k-focus, .k-input:focus, .k-widget.k-input.k-focus, .k-widget.k-input:focus {
    box-shadow: 0 0 7px 0 #009688;
}

.k-input:focus-within, .k-widget.k-input:focus-within {
    box-shadow: 0 0 7px 0 #009688;
}

.k-pager-numbers > li {
    border: 1px solid #ddd
}

.k-dateinput-wrap, .k-dropdown-wrap, .k-multiselect-wrap, .k-numeric-wrap, .k-picker-wrap {
    position: unset;
}

.k-input-inner {
    position: unset;
}

.k-input, .k-picker {
    position: unset;
}

.k-tooltip-content {
    margin-top: 5px;
    margin-right: 5px;
}

/*.k-invalid-msg.k-tooltip-error > .k-tooltip-content {
    display: none !important;
}*/

.k-invalid-msg.k-tooltip-error > .k-i-warning {
    margin: 0px !important;
}

.k-invalid {
    border-color: #d9534f !important
}

.k-wizard-buttons > span > button {
    color: white !important;
    border-color: #004D40;
    background-color: #004D40;
}

.k-wizard-buttons-right {
    width: 100%;
    display: flex;
    justify-content: space-between;
    flex-direction: row-reverse;
}

.k-wizard {
    padding: 2px;
}

.k-list-item.k-hover {
    color: white !important;
    background-color: #009688 !important;
}

.k-list-item.k-selected > .k-list-item-text::before {
    content: unset
}

.k-wizard-content {
    max-height: 400px;
    min-height: 150px;
    overflow-x: hidden;
    overflow-y: auto;
}

.k-stepper .k-step-current .k-step-indicator {
    border-color: #009688;
    color: #fff;
    background-color: #009688;
}

.k-wizard-horizontal .k-wizard-steps {
    margin-top: 25px;
}

.k-wizard-buttons {
    margin-top: 25px;
}

.k-stepper .k-step-current.k-step-hover .k-step-indicator, .k-stepper .k-step-current:hover .k-step-indicator {
    background-color: #004D40;
}

.k-stepper .k-step-done .k-step-indicator {
    border-color: #004D40;
    color: #fff;
    background-color: #004D40;
}

.cache-report-total {
    background-color: #34EB9B;
}


/* Apply font-family to all Kendo UI components */
.k-widget,
.k-button,
.k-button-group,
.k-button-icon,
.k-button-icontext,
.k-input,
.k-textbox,
.k-textarea,
.k-dropdown,
.k-list,
.k-list-view,
.k-grid,
.k-grid-header,
.k-grid-footer,
.k-grid-content,
.k-grid-header-locked,
.k-grid-footer-locked,
.k-tabstrip,
.k-tabstrip-items,
.k-tabstrip-content,
.k-panelbar,
.k-panel,
.k-window,
.k-dialog,
.k-tooltip,
.k-datepicker,
.k-timepicker,
.k-numerictextbox,
.k-multiselect,
.k-slider,
.k-colorpicker,
.k-editor,
.k-autocomplete,
.k-treeview,
.k-pager,
.k-pager-wrap,
.k-tooltip,
.k-splitter,
.k-splitbar,
.k-toolbar,
.k-tooltip,
.k-file-upload,
.k-window-title,
.k-window-titlebar-actions {
    font-family: IRANSans !important;
    font-size: 11px;
}

.k-window-titlebar-actions {
    direction: ltr;
}

/*#MeasurementSplitterHorizontal, #TerminalSplitterHorizontal, #EquipmentSplitterHorizontal, #SplitterCartable {
    display: flex;
    flex-direction: row-reverse;*/ /* Reverses the order of child elements */
/*justify-content: flex-start;*/ /* Aligns items to the start (right side) */
/*}*/

/*#MeasurementSplitterHorizontal div:nth-child(1), #TerminalSplitterHorizontal div:nth-child(1), #EquipmentSplitterHorizontal div:nth-child(1), #SplitterCartable div:nth-child(1) {
        margin: 5px;*/ /* Optional: Adds spacing between child elements */
/*}*/

th {
    text-align: center;
}

span.k-picker > button {
    padding: 2px 2px 2px 2px !important; /* top: 0, right: 0, bottom: 20px, left: 0 */
}

.k-picker-solid {
    background: none !important;
}

hr.width100 {
    margin-top: 15px;
}

:root {
    --kendo-color-app-surface: #ffffff;
    --kendo-color-on-app-surface: #212529;
    --kendo-color-subtle: #596169;
    --kendo-color-surface: #f8f9fa;
    --kendo-color-surface-alt: #ffffff;
    --kendo-color-border: rgba(33, 37, 41, 0.13);
    --kendo-color-border-alt: rgba(33, 37, 41, 0.2);
    --kendo-color-base-subtle: #e9ecef;
    --kendo-color-base-subtle-hover: #dee2e6;
    --kendo-color-base-subtle-active: #ced4da;
    --kendo-color-base: #dee2e6;
    --kendo-color-base-hover: #ced4da;
    --kendo-color-base-active: #bdc4cb;
    --kendo-color-base-emphasis: rgba(33, 37, 41, 0.34);
    --kendo-color-base-on-subtle: #212529;
    --kendo-color-on-base: #212529;
    --kendo-color-base-on-surface: #212529;
    --kendo-color-primary-subtle: #cfe2ff;
    --kendo-color-primary-subtle-hover: #b6d4fe;
    --kendo-color-primary-subtle-active: #9ec5fe;
    --kendo-color-primary: #009688; /*#0d6efd;*/
    --kendo-color-primary-hover: #0c64e4;
    --kendo-color-primary-active: #0a58ca;
    --kendo-color-primary-emphasis: rgba(13, 110, 253, 0.4);
    --kendo-color-primary-on-subtle: #052c65;
    --kendo-color-on-primary: #ffffff;
    --kendo-color-primary-on-surface: #0d6efd;
    --kendo-color-secondary-subtle: #dee2e6;
    --kendo-color-secondary-subtle-hover: #ced4da;
    --kendo-color-secondary-subtle-active: #bdc4cb;
    --kendo-color-secondary: #6c757d;
    --kendo-color-secondary-hover: #596169;
    --kendo-color-secondary-active: #495057;
    --kendo-color-secondary-emphasis: rgba(108, 117, 125, 0.4);
    --kendo-color-secondary-on-subtle: #2B2F32;
    --kendo-color-on-secondary: #ffffff;
    --kendo-color-secondary-on-surface: #6c757d;
    --kendo-color-tertiary-subtle: #e2d9f3;
    --kendo-color-tertiary-subtle-hover: #d3c5ec;
    --kendo-color-tertiary-subtle-active: #c5b3e6;
    --kendo-color-tertiary: #6f42c1;
    --kendo-color-tertiary-hover: #59359a;
    --kendo-color-tertiary-active: #4e2f89;
    --kendo-color-tertiary-emphasis: rgba(111, 66, 193, 0.4);
    --kendo-color-tertiary-on-subtle: #432874;
    --kendo-color-on-tertiary: #ffffff;
    --kendo-color-tertiary-on-surface: #6f42c1;
    --kendo-color-info-subtle: #cff4fc;
    --kendo-color-info-subtle-hover: #b7eefa;
    --kendo-color-info-subtle-active: #9eeaf9;
    --kendo-color-info: #0dcaf0;
    --kendo-color-info-hover: #3dd5f3;
    --kendo-color-info-active: #6edff6;
    --kendo-color-info-emphasis: rgba(13, 202, 240, 0.4);
    --kendo-color-info-on-subtle: #055160;
    --kendo-color-on-info: #000000;
    --kendo-color-info-on-surface: #0dcaf0;
    --kendo-color-success-subtle: #d1e7dd;
    --kendo-color-success-subtle-hover: #badbcc;
    --kendo-color-success-subtle-active: #a3cfbb;
    --kendo-color-success: #198754;
    --kendo-color-success-hover: #146C43;
    --kendo-color-success-active: #0F5132;
    --kendo-color-success-emphasis: rgba(25, 135, 84, 0.4);
    --kendo-color-success-on-subtle: #0A3622;
    --kendo-color-on-success: #ffffff;
    --kendo-color-success-on-surface: #198754;
    --kendo-color-warning-subtle: #fff3cd;
    --kendo-color-warning-subtle-hover: #ffecb5;
    --kendo-color-warning-subtle-active: #ffe69c;
    --kendo-color-warning: #ffc107;
    --kendo-color-warning-hover: #ffcd39;
    --kendo-color-warning-active: #ffda6a;
    --kendo-color-warning-emphasis: rgba(255, 193, 7, 0.4);
    --kendo-color-warning-on-subtle: #664d03;
    --kendo-color-on-warning: #000000;
    --kendo-color-warning-on-surface: #ffc107;
    --kendo-color-error-subtle: #f8d7da;
    --kendo-color-error-subtle-hover: #f5c2c7;
    --kendo-color-error-subtle-active: #f1aeb5;
    --kendo-color-error: #dc3545;
    --kendo-color-error-hover: #b02a37;
    --kendo-color-error-active: #9a2530;
    --kendo-color-error-emphasis: rgba(220, 53, 69, 0.4);
    --kendo-color-error-on-subtle: #58151c;
    --kendo-color-on-error: #ffffff;
    --kendo-color-error-on-surface: #dc3545;
    --kendo-color-light-subtle: #ffffff;
    --kendo-color-light-subtle-hover: #f8f9fa;
    --kendo-color-light-subtle-active: #e9ecef;
    --kendo-color-light: #f8f9fa;
    --kendo-color-light-hover: #e9ecef;
    --kendo-color-light-active: #dee2e6;
    --kendo-color-light-emphasis: rgba(33, 37, 41, 0.1);
    --kendo-color-light-on-subtle: #495057;
    --kendo-color-on-light: #000000;
    --kendo-color-light-on-surface: #f8f9fa;
    --kendo-color-dark-subtle: #495057;
    --kendo-color-dark-subtle-hover: #596169;
    --kendo-color-dark-subtle-active: #6c757d;
    --kendo-color-dark: #212529;
    --kendo-color-dark-hover: #343a40;
    --kendo-color-dark-active: #495057;
    --kendo-color-dark-emphasis: rgba(33, 37, 41, 0.4);
    --kendo-color-dark-on-subtle: #ffffff;
    --kendo-color-on-dark: #ffffff;
    --kendo-color-dark-on-surface: #212529;
    --kendo-color-inverse-subtle: #495057;
    --kendo-color-inverse-subtle-hover: #596169;
    --kendo-color-inverse-subtle-active: #6c757d;
    --kendo-color-inverse: #212529;
    --kendo-color-inverse-hover: #343a40;
    --kendo-color-inverse-active: #495057;
    --kendo-color-inverse-emphasis: rgba(33, 37, 41, 0.4);
    --kendo-color-inverse-on-subtle: #ffffff;
    --kendo-color-on-inverse: #ffffff;
    --kendo-color-inverse-on-surface: #212529;
    --kendo-color-series-a: #0c64e4;
    --kendo-color-series-a-bold: #084298;
    --kendo-color-series-a-bolder: #052c65;
    --kendo-color-series-a-subtle: #3d8bfd;
    --kendo-color-series-a-subtler: #86b6fe;
    --kendo-color-series-b: #6f42c1;
    --kendo-color-series-b-bold: #4e2f89;
    --kendo-color-series-b-bolder: #36215f;
    --kendo-color-series-b-subtle: #8c68cd;
    --kendo-color-series-b-subtler: #b9a3e1;
    --kendo-color-series-c: #20c997;
    --kendo-color-series-c-bold: #13795b;
    --kendo-color-series-c-bolder: #0d503c;
    --kendo-color-series-c-subtle: #79dfc1;
    --kendo-color-series-c-subtler: #c1f0e2;
    --kendo-color-series-d: #198754;
    --kendo-color-series-d-bold: #0F5132;
    --kendo-color-series-d-bolder: #0A3622;
    --kendo-color-series-d-subtle: #479F76;
    --kendo-color-series-d-subtler: #8cc3aa;
    --kendo-color-series-e: #dc3545;
    --kendo-color-series-e-bold: #9a2530;
    --kendo-color-series-e-bolder: #6e1b23;
    --kendo-color-series-e-subtle: #e35d6a;
    --kendo-color-series-e-subtler: #f1aeb5;
    --kendo-color-series-f: #ffc107;
    --kendo-color-series-f-bold: #b38705;
    --kendo-color-series-f-bolder: #806104;
    --kendo-color-series-f-subtle: #ffcd39;
    --kendo-color-series-f-subtler: #ffe083;
    --kendo-color-series-f-grey: #f7f7f7;
}

:root {
    --kendo-spacing-0: 0px;
    --kendo-spacing-1px: 1px;
    --kendo-spacing-0\.5: 0.125rem;
    --kendo-spacing-1: 0.25rem;
    --kendo-spacing-1\.5: 0.375rem;
    --kendo-spacing-2: 0.5rem;
    --kendo-spacing-2\.5: 0.625rem;
    --kendo-spacing-3: 0.75rem;
    --kendo-spacing-3\.5: 0.875rem;
    --kendo-spacing-4: 1rem;
    --kendo-spacing-4\.5: 1.125rem;
    --kendo-spacing-5: 1.25rem;
    --kendo-spacing-5\.5: 1.375rem;
    --kendo-spacing-6: 1.5rem;
    --kendo-spacing-6\.5: 1.625rem;
    --kendo-spacing-7: 1.75rem;
    --kendo-spacing-7\.5: 1.875rem;
    --kendo-spacing-8: 2rem;
    --kendo-spacing-9: 2.25rem;
    --kendo-spacing-10: 2.5rem;
    --kendo-spacing-11: 2.75rem;
    --kendo-spacing-12: 3rem;
    --kendo-spacing-13: 3.25rem;
    --kendo-spacing-14: 3.5rem;
    --kendo-spacing-15: 3.75rem;
    --kendo-spacing-16: 4rem;
    --kendo-spacing-17: 4.25rem;
    --kendo-spacing-18: 4.5rem;
    --kendo-spacing-19: 4.75rem;
    --kendo-spacing-20: 5rem;
    --kendo-spacing-21: 5.25rem;
    --kendo-spacing-22: 5.5rem;
    --kendo-spacing-23: 5.75rem;
    --kendo-spacing-24: 6rem;
    --kendo-spacing-25: 7rem;
    --kendo-spacing-26: 8rem;
    --kendo-spacing-27: 9rem;
    --kendo-spacing-28: 10rem;
    --kendo-spacing-29: 11rem;
    --kendo-spacing-30: 12rem;
    --kendo-spacing-38: 20rem;
}

.columnFlexContainer {
    display: flex; /* Use Flexbox for layout */
    flex-direction: column; /* Stack children vertically */
}

.flexDiv90 {
    flex: 0 0 90%; /* Take 80% of the height */
}

.flexDiv10 {
    flex: 0 0 10%; /* Take 20% of the height */
}

.k-toolbar .k-input, .k-toolbar .k-picker {
    width: 15em;
}

.k-grid .k-table-th.k-selected, .k-grid td.k-selected, .k-grid .k-table-td.k-selected, .k-grid .k-table-row.k-selected > td, .k-grid .k-table-row.k-selected > .k-table-td {
    color: var(--kendo-color-app-surface, #212529);
    background-color: color-mix(in srgb, var(--kendo-color-primary, #0d6efd) 25%, transparent);
}

/*.k-grid {
    max-height: var(--kendo-spacing-38);
}*/

#alertWindow div:nth-child(2) {
    justify-content: center;
    direction: rtl;
    margin-top: 20px;
    display: flex;
}


/*  Shirvani Edits  */

.k-rtl .k-treeview .k-treeview-item {
    padding-right: var(--kendo-spacing-4\.5);
}

.k-treeview {
    font-size: 10px;
    overflow: auto;
}

.k-treeview-md .k-treeview-leaf {
    padding-left: var(--kendo-spacing-1);
    padding-right: var(--kendo-spacing-1);
}

.k-radio {
    -webkit-appearance: auto;
}

.k-input-spinner.k-spin-button {
    width: var(--kendo-spacing-5\.5);
}

.k-spinner-decrease, .k-spinner-increase {
    padding: var(--kendo-spacing-1) !important;
}

.btn.meter-password-view.meter-password-button {
    padding: var(--kendo-spacing-0) !important;
}

.k-grid .k-table-row.k-selected > td, .k-grid .k-table-row.k-selected > .k-table-td {
    background-color: var(--kendo-color-primary) !important
}

.k-list-item-text {
    width: 100%;
}

.k-grid-content td {
    max-height: 42px;
    overflow: hidden;
}

.k-window-actions {
    /*border-width: 0px;*/
    border: unset;
    padding-block: unset;
}

.custom-file-label {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    margin-top: 0;
    z-index: 1;
    height: calc(1.5em + .75rem + 2px);
    padding: .375rem .75rem;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    border: 1px solid #ced4da;
    border-radius: .25rem;
}

    .custom-file-label::after {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        z-index: 3;
        display: block;
        height: calc(1.5em + .75rem);
        padding: .375rem .75rem;
        line-height: 1.5;
        color: #495057;
        content: "Browse";
        background-color: #e9ecef;
        border-left: inherit;
        border-radius: 0 .25rem .25rem 0;
    }

.custom-file-input {
    position: relative;
    z-index: 2;
    width: 100%;
    height: calc(1.5em + .75rem + 2px);
    margin: 0;
    opacity: 0;
}

.custom-file {
    position: relative;
    display: inline-block;
    width: 100%;
    height: calc(1.5em + .75rem + 2px);
    margin-bottom: 0;
}

.k-pager.k-grid-pager.k-pager-md {
    padding-block: unset;
}

.k-pager-numbers > .k-button.k-button-md.k-button-flat.k-button-flat-primary {
    color: black !important;
}
/*   End   */
.padding-bottom-halfrem {
    padding-bottom: var(--kendo-spacing-2);
}

.padding-top-halfrem {
    padding-top: var(--kendo-spacing-2);
}

.margin-left-right-0 {
    margin-right: 0px;
    margin-left: 0px;
}

#iMenuNavigator1, #iMenuNavigator2 {
    display: flex;
    justify-content: center;
    align-items: center;
}

@font-face {
    font-family: 'Material Icons';
    font-style: normal;
    font-weight: 400;
    src: url('../../material-icons/material-icons.woff2') format('woff2');
}

.material-icons {
    font-family: 'Material Icons';
    font-weight: normal;
    font-style: normal;
    font-size: 21px;
    line-height: 1;
    letter-spacing: normal;
    text-transform: none;
    display: inline-block;
    white-space: nowrap;
    word-wrap: normal;
    direction: ltr;
    width: 16px;
    -moz-font-feature-settings: 'liga';
    -moz-osx-font-smoothing: grayscale;
}

.k-grid-norecords-template {
    position: initial !important;
}

.k-table-th {
    border-left-width: 1px !important;
    border-right-width: 1px !important;
}

.k-table-td {
    border-left-width: 1px !important;
    border-inline-start-width: 1px !important;
}

.table-cell-direction-ltr {
    direction: ltr;
    border-left-width: 1px !important;
    border-right-width: 0px !important;
}

.table-cell-text-align-left {
    text-align: left !important;
}

.marginBottom4 {
    margin-bottom: 4px;
}

.k-picker-wrap.k-state-focused {
    height: 100% !important
}

.height-unset {
    height: unset !important;
}

.swh-algorithm {
    height: 510px;
    overflow-y: scroll;
}

.swh-attachment {
    height: 510px;
    overflow-y: scroll;
}

.swh-attachment-files {
    height: 100px;
    overflow-y: scroll;
}

.k-tabstrip-prev .k-svg-i-caret-alt-left svg path {
    d: path('M352 256 160 384V128z') !important;
}

.k-tabstrip-next .k-svg-i-caret-alt-right svg path {
    d: path('m160 256 192-128v256z') !important;
}

.sh-checkbox-enabled {
    background-color: white !important;
    color: red !important;
    border-color: red !important
}

.margin-left-auto {
    margin-left: auto;
}

.grid-tooltip-seen {
    font-size: 10px !important;
    font-weight: normal !important;
}

.grid-tooltip-not-seen {
    font-size: 12px !important;
    font-weight: bold !important;
}

.kr-btn-splitbutton.splitbutton-gold > div.k-split-button.k-button-group.k-rounded-md > button {
    background-color: #f39c12 !important;
    border-radius: .25rem;
    color: #fff;
    display: inline-block;
    font-size: 1rem;
    font-weight: 200;
    height: 30px;
    line-height: 1.5;
    text-align: center;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    vertical-align: middle;
}

    .kr-btn-splitbutton.splitbutton-gold > div.k-split-button.k-button-group.k-rounded-md > button:hover {
        background-color: #FFF !important;
        border-color: #f39c12;
        color: #f39c12 !important;
    }


.kr-btn-splitbutton.splitbutton-darkgreen > div.k-split-button.k-button-group.k-rounded-md > button {
    background-color: #00695C !important;
    border-radius: .25rem;
    color: #fff;
    display: inline-block;
    font-size: 1rem;
    font-weight: 200;
    height: 30px;
    line-height: 1.5;
    text-align: center;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    vertical-align: middle;
}

    .kr-btn-splitbutton.splitbutton-darkgreen > div.k-split-button.k-button-group.k-rounded-md > button:hover {
        background-color: #FFF !important;
        border-color: #00695C;
        color: #00695C !important;
    }

.k-split-button > button:first-of-type {
    border-top-right-radius: 5px !important;
    border-bottom-right-radius: 5px !important;
}

.k-split-button > button:nth-of-type(2) {
    border-top-left-radius: 5px !important;
    border-bottom-left-radius: 5px !important;
}

.k-child-animation-container > .k-menu-popup.k-popup > .k-menu-group.k-menu-group-sm > .k-item.k-menu-item > .k-link.k-menu-link {
    padding-right: 12px !important;
    padding-left: 12px !important;
}

    .k-child-animation-container > .k-menu-popup.k-popup > .k-menu-group.k-menu-group-sm > .k-item.k-menu-item > .k-link.k-menu-link > span.k-menu-link-text {
        font-size: 13px !important;
        justify-content: center;
    }

.sh-tree {
    /* Firefox */
    height: -moz-calc(100% - 25px) !important;
    /* WebKit */
    height: -webkit-calc(100% - 25px) !important;
    /* Opera */
    height: -o-calc(100% - 25px) !important;
    /* Standard */
    height: calc(100% - 25px) !important;
    overflow-y: scroll;
    flex-grow: 1;
}