html,
body,
.dx-viewport {
    height: 100%;
}

body {
    margin: 0;
    padding: 0;
    /*zoom: 78.125%;
  position: absolute; left: 0px; top: 0px;
  -moz-transform: scale(.78125, .78125);
   transform: scale(0.8);
    transform-origin: 10% 10%;*/
}
/*************************************************************************************/

.module-table th {
    font-weight: normal;
}

.module-label {
    padding-left: 5px;
}

.module-control {
    text-align: center;
    text-align: -webkit-center;
}
/*************************************************************************************/
.dx-widget {
    font-size: 12px;
}

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
    font-size: 12px;
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    background: transparent;
}

.dx-button-text {
    color: #000000;
    font-size: 12px;
    line-height: 14px;
}

.dx-fieldset .dx-field-value {
    margin-right: 0px;
    color: #000;
    text-align: left;
}

.dx-button .dx-icon {
    height: 16px;
    width: 16px;
    /*margin-right: 4px;*/
    -webkit-background-size: 100%;
    -moz-background-size: 100%;
    background-size: 16px;
    background-position: 50% 50%;
    /*display: inline-block;*/
    vertical-align: middle;
}

.dx-button-content {
    height: 18px;
}

.dx-button .dx-icon {
    margin: 0px;
}

.dx-toolbar {
    height: 35px;
}

.dx-toolbar-label {
    font-size: 14px;
}

.dx-field {
    min-height: 24px;
}

.dx-transition-absolute .dx-active-view {
    height: 30px;
}

.dx-theme-ios7 .navbar-layout .layout-content {
    top: 35px;
}

.with-lookup-arrow .lookup-arrow {
    position: absolute;
    top: calc(100% / 2 - 7px);
    right: 5px;
    width: 9px;
    height: 13px;
    background-size: 9px 13px;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAAaCAYAAAC6nQw6AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAWdEVYdFNvZnR3YXJlAHBhaW50Lm5ldCA0LjA76PVpAAABGElEQVRIS63Vv2rCUBTH8TxL66RLofSdfBVBtGMhUNu5tNkCFV+hmkFJRk1JpKSJCWhx0Vt+pySN8Xo96e3whSA5H/DknxGFSypIs8bjyEtMe7oJV+lF/jsnIYRBB0AeRl7W7loCmfbsK0jTy+rAqQiqIn/BCBoM3SMk7wfLGrLhcgR1nsZSJI+DETSPkhtdrFi2LlZASAc7gBAXe09WrfLcEYQ42K3l7Pz4F5NCqC52EkIcrGc5ez9OmkoIcbD+y3h/Flp8fF6dg7rPb2qIh0yE8q/No/iatx/Fsv/l8nOQO3u6Vd6QXET5iOggiCBdBBGkiyCC7l/dtQxAHAQRhBNl720ugoplY6D8JamDoAJCOVYXQUII4xvq3A3jLvcw8gAAAABJRU5ErkJggg==);
}

.dx-fieldset .dx-field-label-small {
    float: left;
    width: calc(30% - 1px);
    overflow: hidden;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    -ms-text-overflow: ellipsis;
    white-space: nowrap;
    padding-top: 0px;
    text-align: left;
}

.dx-field-value:not(.dx-switch):not(.dx-checkbox):not(.dx-button), .dx-field-value-static {
    width: calc(70% - 18px);
}

.dx-field-value:not(.dx-widget) {
    padding-left: 8px;
    min-height: 14px;
}

.dx-field-value {
    padding-top: 0px;
    padding-bottom: 0px;
}

.dx-theme-ios7-typography h2, .dx-theme-ios7-typography .dx-font-l {
    margin: 10px 0;
    font-weight: bold;
    font-size: 14px;
}

.dx-switch-container {
    height: 20px;
    width: 35px;
}

.dx-switch-handle {
    width: 20px;
    height: 20px;
    top: -1px;
}

.dx-switch-on-value .dx-switch-handle {
    left: 60px;
}

.dx-field-value.dx-lookup {
    min-height: 14px;
}

.dx-field-value.dx-lookup {
    margin-right: -10px;
    padding-right: 0px;
    min-height: 26px;
    padding-top: 3px;
    margin-top: -3px;
    padding-bottom: 3px;
    margin-bottom: -3px;
    height: 14px;
    text-align: left;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

    .dx-field-value.dx-lookup .dx-lookup-field {
        padding: 1px 20px 8px 8px;
    }

.dx-lookup-arrow {
    width: 1px;
}

.dx-checkbox-checked .dx-checkbox-icon {
    font-size: 24px;
    line-height: 30px;
}

.dx-checkbox-icon {
    width: 20px;
    height: 20px;
}

.dx-texteditor-input {
    padding: 0px;
    padding-left: 8px;
}

.dx-texteditor {
    border: 1px solid #BDC4D1;
    border-radius: 0px;
}

.dx-placeholder {
    font-size: 12px;
    top: -3px;
}

.dx-theme-ios7 .navbar-layout .layout-header {
    top: 0;
    height: 30px;
}
/*************************************************************************************/


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

    .delete-button div {
        width: 98%;
    }

.msg {
    width: 100%;
    padding-bottom: 10px;
}

.msg-button-left {
    width: 44%;
    margin: 0 4% 0 0;
    float: left;
}

.msg-button-right {
    width: 44%;
    margin: 0 0 0 4%;
    float: left;
}

#deleteConfirmation {
    height: 135px !important;
}

.iframe-wrapper {
    /*left: 0;
      top: 32px;*/
    width: 100%;
    height: 100%;
    position: absolute;
    overflow: hidden;
    -webkit-overflow-scrolling: touch;
}

    .iframe-wrapper > iframe {
        width: 100%;
        height: 100%;
    }

.dx-list_filter {
    position: absolute;
    top: 18px;
    bottom: 0;
    width: 100%;
    height: auto;
}

.dx-field.with-lookup-arrow,
.dx-field.with-lookup-arrow:active {
    cursor: pointer;
}

.dx-field {
    border-bottom: none;
    /*display: table;
    width: 100%;*/
}

.with-lookup-arrow {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    background-color: transparent;
    position: relative;
    border: 1px solid #FCFCFC;
}

    .with-lookup-arrow .lookup-arrow {
        -webkit-transition-property: all;
        -webkit-transition-duration: 0.001s;
        -webkit-transition-delay: 0.2s;
        -moz-transition-property: all;
        -moz-transition-duration: 0.001s;
        -moz-transition-delay: 0.2s;
        -o-transition-property: all;
        -o-transition-duration: 0.001s;
        -o-transition-delay: 0.2s;
        transition-property: all;
        transition-duration: 0.001s;
        transition-delay: 0.2s;
    }

    .with-lookup-arrow:active .lookup-arrow {
        -webkit-transition-delay: 0s;
        -moz-transition-delay: 0s;
        -o-transition-delay: 0s;
        transition-delay: 0s;
    }

    .with-lookup-arrow:active {
        background-color: #D9D9D9;
        color: #000000;
        text-shadow: none;
        background: #D9E0F8;
        left: 0px;
        padding-left: 0px;
        border-radius: 0px;
        border: 1px solid #BDC4D1;
    }

    .with-lookup-arrow:hover {
        color: #000000;
        text-shadow: none;
        background: #78aee552;
        left: 0px;
        padding-left: 0px;
        border-radius: 0px;
        border: 1px solid #BDC4D1;
    }

    .with-lookup-arrow:active .lookup-arrow {
        background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAAaCAYAAAC6nQw6AAAAwElEQVR42rTVsQ7CIBDG8b9N+gAuXZw6+R4+uIu7LufgI+iii4vL59LGhrRwQL2EBAj5hcBxIImhdZKOks5Dn5w2RU76RTY2hxRhLCDZGJI+iocLQ1K/BjZ2qrHpoAoLJ7zYLgV5sXuILR1eNha7Ug/2HLGNJCLRAzegjax5AduG+mgBmsrdvIE9wCrn89fr9yCWSkgv0tU+Wks92mrEW9jMU9ga4BLJkytwAB7JtIwUf8st/nOYlXxHIWYlH+R3ALj1TsYZFBOdAAAAAElFTkSuQmCC);
    }



.dx-fieldset .dx-field-value {
    margin-right: 0px;
    color: #000000;
}

.dx-button {
    background: #D9E0F8;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
    border: 1px solid #BDC4D1;
    padding: 3px;
}

    .dx-button.dx-button-has-text {
        padding: 3px 13px;
    }


.dx-state-active.dx-button {
    background: #D9E0F8;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
    border: 1px solid #BDC4D1;
    padding: 3px;
}

    .dx-state-active.dx-button .dx-button-text {
        color: #01156F;
    }


.dx-actionsheet-container .dx-button-text {
    color: #000000;
}

.dx-fieldset {
    background: #FCFCFC;
    margin: 10px;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
    border: 1px solid #9DBFDA;
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 10px;
    padding-bottom: 10px;
    box-shadow: 0 0 10px rgba(0,0,0,0.5);
}

.dx-field-label-small {
    color: #000000;
}

.dx-texteditor-input {
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    -ms-border-radius: 0px;
    -o-border-radius: 0px;
    border-radius: 0px;
    /*background-color: #EAF2FB;*/
    background: #FCFCFC;
}



.dx-navbar {
    background: #d7e3f4; /* Old browsers */
    background: -moz-linear-gradient(top, #d7e3f4 0%, #90b2dd 51%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#d7e3f4), color-stop(51%,#90b2dd)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #d7e3f4 0%,#90b2dd 51%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #d7e3f4 0%,#90b2dd 51%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #d7e3f4 0%,#90b2dd 51%); /* IE10+ */
    background: linear-gradient(to bottom, #d7e3f4 0%,#90b2dd 51%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d7e3f4', endColorstr='#90b2dd',GradientType=0 ); /* IE6-9 */
}

.dx-nav-item .dx-tab-text, .dx-rtl .dx-nav-item .dx-tab-text {
    color: #01156F;
    font-size: 11px;
}

.dx-state-disabled.dx-nav-item.dx-tab-selected .dx-tab-text, .dx-state-disabled .dx-nav-item.dx-tab-selected .dx-tab-text, .dx-state-disabled.dx-nav-item .dx-tab-text, .dx-state-disabled .dx-nav-item .dx-tab-text {
    color: #5C7296;
}

.dx-nav-item.dx-tab-selected .dx-tab-text, .dx-rtl .dx-nav-item.dx-tab-selected .dx-tab-text {
    color: #01156F;
}

.dx-nav-item .dx-icon, .dx-rtl .dx-nav-item .dx-icon {
    position: absolute;
    top: 0;
    left: 50%;
    display: block;
    margin-left: -15px;
    width: 32px;
    height: 32px;
}


.dx-toolbar {
    background: #3E527B;
    color: #fff;
    border-top: 1px solid #3E527B;
}

.dx-dialog-buttons {
    background: none;
}

.dx-list-item.dx-state-active {
    background: #D9E0F8;
    color: #000;
    border-top: 1px solid #BDC4D1;
}

    .dx-list-item.dx-state-active .dx-list-switchable-delete-button-container, .dx-list-item.dx-state-active .dx-list-slide-item-content {
        background: #D9E0F8;
        color: #000;
        border-top: 1px solid #D9E0F8;
    }

.dx-button-back-arrow {
    position: relative;
    float: left;
    border-top: 0px;
    border-left: 0px;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    background-image: url(css/images/os_default/toolbar/back.png);
    background-size: 24px;
    height: 24px;
    width: 24px;
    top: 0px;
    margin-right: 4px;
}

.dx-datagrid .dx-column-lines > td {
    border-right: 1px solid #C8C8C8;
}

.dx-datagrid-headers .dx-datagrid-table .dx-header-row > td,
.dx-datagrid-headers .dx-datagrid-table .dx-datagrid-filter-row > td {
    border-right: 1px solid #C8C8C8;
}

.dx-datagrid-rowsview {
    background-color: #FCFCFC;
}

.dx-datagrid-column-chooser .dx-overlay-content .dx-popup-content .dx-block-separator {
    background-color: #C1D9F0;
}

.dx-datagrid-row-hovered.dx-row:hover > td:not(.dx-focused) {
    background-color: #C1D9F0;
}

    .dx-datagrid-row-hovered.dx-row:hover > td:not(.dx-focused).dx-datagrid-group-space {
        border-right-color: #C1D9F0;
    }

.dx-datagrid-row-hovered.dx-row:hover.dx-row:not(.dx-row-lines) {
    border-bottom-color: #C1D9F0;
}

.dx-datagrid-group-panel .dx-block-separator {
    padding: 7px;
    padding-top: 6px;
    background-color: #C1D9F0;
}

.dx-datagrid-rowsview .dx-group-row {
    color: #01156F;
    font-size: 14px;
    font-weight: bold;
}

.dx-datagrid-rowsview .dx-selection > td:not(.dx-focused), .dx-datagrid-rowsview .dx-selection.dx-row:hover > td:not(.dx-focused) {
    background: #D9E0F8;
    color: #000;
    border-top: 1px solid #D9E0F8;
}

.dx-treelist-rowsview .dx-selection > td, .dx-treelist-rowsview .dx-selection.dx-row:hover > td {
    background-color: #D9E0F8;
}

.dx-datagrid-headers .dx-datagrid-table .dx-row.dx-header-row > td {
    background-color: #E5EBFF;
}

.dx-treelist-headers .dx-treelist-table .dx-row.dx-header-row > td {
    background-color: #E5EBFF;
}

.dx-datagrid-drag-header {
    border: 1px solid #587FB1;
}

.dx-datagrid-columns-separator {
    background-color: #587FB1;
}

.dx-datagrid-row-hovered.dx-row:hover > td:not(.dx-focused) {
    background-color: #587FB1;
}

    .dx-datagrid-row-hovered.dx-row:hover > td:not(.dx-focused).dx-datagrid-group-space {
        border-right-color: #587FB1;
    }

.dx-datagrid-row-hovered.dx-row:hover.dx-row:not(.dx-row-lines) {
    border-bottom-color: #587FB1;
}

.dx-datagrid-rowsview .dx-selection > td:not(.dx-focused).dx-editor-cell, .dx-datagrid-rowsview .dx-selection.dx-row:hover > td:not(.dx-focused).dx-editor-cell {
    /* background-color: #587FB1; */
}

.dx-rtl .dx-datagrid-row-hovered.dx-row:hover > td:not(.dx-focused).dx-datagrid-group-space {
    border-left-color: #587FB1;
}

.dx-context-menu .dx-state-hover {
    background: #3E527B;
    color: #fff;
    border-top: 1px solid #BDC4D1;
}

    .dx-context-menu .dx-state-hover > .dx-menu-item > .dx-menu-item-content {
        color: #000;
    }

.dx-context-menu .dx-menu-item-selected {
    background-color: #C1D9F0;
}

    .dx-context-menu .dx-menu-item-selected > .dx-menu-item > .dx-menu-item-content {
        color: #000;
    }

.dx-pager .dx-pages .dx-selection, .dx-pager .dx-page-sizes .dx-selection {
    background-color: #C1D9F0;
}

.dx-datagrid-column-chooser .dx-overlay-content .dx-popup-content .dx-block-separator {
    background-color: #C1D9F0;
}

.dx-datagrid-focus-overlay {
    border: 2px solid #C1D9F0;
}

.dx-datagrid-headers .dx-datagrid-drop-highlight.dx-row {
    background-color: #C1D9F0;
}

.dx-datagrid-group-panel .dx-block-separator {
    background-color: #C1D9F0;
}

.dx-checkbox.dx-state-active .dx-checkbox-icon {
    background-color: #587FB1;
}

.dx-checkbox-icon {
    border: 1px solid #587FB1;
}

.dx-checkbox-indeterminate .dx-checkbox-icon, .dx-checkbox-checked .dx-checkbox-icon {
    background-color: #587FB1;
}

.dx-radio-button-checked .dx-radio-button-icon:before {
    background: #587FB1;
}

.dx-state-active.dx-radio-button .dx-radio-button-icon:before {
    background-color: #587FB1;
}

.dx-state-active.dx-radio-button .dx-radio-button-icon:before {
    background-color: #587FB1;
}

.dx-switch-on {
    background: #587FB1;
}

.dx-switch-on-value .dx-switch-handle {
    border: 1px solid #587FB1;
}

h2 {
    display: inline-block;
    position: relative;
    top: 0px;
    margin-bottom: 10px;
    color: black;
}

.dx-lookup-field {
    color: black;
}

.dx-dialog-buttons .dx-button {
    margin: 10px;
    width: 100px;
    border-top: 1px solid #b9b9b9;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

    .dx-dialog-buttons .dx-button:only-child {
        width: 50%;
        padding-left: 20px;
        padding-right: 20px;
    }



.dx-simple-bar {
    background: #D9E0F8;
    color: #000;
    padding: 5px;
    text-align: center;
    border: 0px solid #BDC4D1;
}

.dx-datagrid-headers {
    font-weight: normal;
    text-transform: none;
}

.dx-tabs .dx-indent-wrapper, .dx-tabs-wrapper {
    display: inline-block;
}

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

table, caption, tbody, tfoot, thead, tr, th, td {
    border: 0;
    margin: 0;
    padding: 0;
}


.dx-popup-title.dx-toolbar {
    height: 30px;
}

.dx-lookup-popup-wrapper .dx-popup-content {
    top: 50px;
}

.dx-calendar-navigator-previous-year {
    position: relative;
    width: 26px;
    height: 26px;
    background: #D9E0F8;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
    border: 1px solid #BDC4D1;
    padding: 3px;
    background-position: center;
    background-repeat: no-repeat;
}

.dx-calendar-navigator-previous-month {
    position: relative;
    width: 26px;
    height: 26px;
    background: #D9E0F8;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
    border: 1px solid #BDC4D1;
    padding: 3px;
    background-position: center;
    background-repeat: no-repeat;
}

.dx-calendar-navigator-next-year {
    position: relative;
    width: 26px;
    height: 26px;
    background: #D9E0F8;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
    border: 1px solid #BDC4D1;
    padding: 3px;
    background-position: center;
    background-repeat: no-repeat;
}

.dx-calendar-navigator-next-month {
    position: relative;
    width: 26px;
    height: 26px;
    background: #D9E0F8;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
    border: 1px solid #BDC4D1;
    padding: 3px;
    background-position: center;
    background-repeat: no-repeat;
}




.dx-calendar .dx-calendar-navigator > * {
    position: relative;
    display: inline-block;
    margin: 4px;
}


.dx-datagrid-headers .dx-datagrid-table .dx-row {
    background-color: white;
}

.dx-navbar .dx-nav-item .dx-tab-text, .dx-navbar .dx-rtl .dx-nav-item .dx-tab-text {
    color: #2D1580;
    margin-top: 4px;
}

.dx-navbar .dx-nav-item.dx-tab-selected .dx-tab-text, .dx-navbar .dx-rtl .dx-nav-item.dx-tab-selected .dx-tab-text {
    margin-top: 4px;
    color: #2D1580;
}

.dx-navbar .dx-nav-item.dx-state-active .dx-tab-text,
.dx-navbar .dx-rtl .dx-nav-item.dx-state-active .dx-tab-text {
    color: #007aff;
}

.dx-toolbar-after {
    background: none;
}

.dx-dialog .dx-popup-bottom .dx-toolbar-item {
    border-left: none;
}

.dx-widget.dx-button.dx-button-normal.dx-button-has-text.dx-dialog-button {
    width: 80%;
}

.dx-content-content {
    background-color: #a4c3eb;
    background-image: url(css/images/os_default/miscellaneous/mks_logo_back.png);
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-position: center;
}

.dx-calendar-navigator .dx-calendar-caption-button {
    width: auto;
}

    .dx-calendar-navigator .dx-calendar-caption-button .dx-button-text {
        font-size: 12px;
        line-height: 12px;
        color: #000000;
    }

.dx-lookup-popup-wrapper .dx-popup-title + .dx-popup-content {
    top: 30px;
}

.dx-button-back .dx-button-content {
    padding: 2px;
}

.dx-popup-title .dx-toolbar-label {
    font-weight: normal;
    font-size: 17px;
}

.dx-treeview .dx-treeview-item.dx-state-hover {
    background: #3E527B;
    color: #fff;
    border-top: 1px solid #BDC4D1;
}

.dx-treeview .dx-state-focused > .dx-treeview-item {
    background: #D9E0F8;
    color: #000;
    border-top: 1px solid #BDC4D1;
}

.dx-switch-on-value .dx-switch-container {
    background: #587FB1;
    border-top: 1px solid #BDC4D1;
}

.dx-popup-wrapper .dx-overlay-content {
    border-radius: 0px;
    /*width: 100px !important;*/
}

.dx-radiobutton-checked .dx-radiobutton-icon:before {
    background: #587FB1;
    /*-webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;*/
}

.dx-state-active.dx-radiobutton .dx-radiobutton-icon:before {
    background-color: #587FB1;
}

.dx-radiobutton-icon:before {
    -webkit-box-shadow: 0 0 0 1px #587FB1 inset;
    -moz-box-shadow: 0 0 0 1px #587FB1 inset;
    box-shadow: 0 0 0 1px #587FB1 inset;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
}

.dx-data-row:hover {
    background: #3E527B;
    color: #fff;
}

.dx-popup-title.dx-toolbar {
    padding: 0px 0;
    height: 39px;
}

.dx-lookup-search-wrapper {
    position: relative;
    margin: 0;
    padding: 5px 7px 5px;
    background: white;
    border-top: 1px solid #7e7e7e;
    border-bottom: 1px solid #b5b5b5;
}

.dx-lookup-popup-search .dx-list {
    top: 30px;
}

.dx-toolbar-center, .dx-toolbar-before, .dx-toolbar-after {
    top: 0;
    display: table;
    height: 26px;
}

.dx-button-back .dx-button-content {
    width: auto;
    height: 18px;
}

.dx-navbar .dx-nav-item .dx-icon, .dx-navbar .dx-rtl .dx-nav-item .dx-icon {
    position: absolute;
    margin: 2px 4px;
    top: 0;
    left: 50%;
    display: block;
    margin-left: -14px;
    width: 28px;
    height: 28px;
    padding: 4px;
    font-size: 30px;
    text-align: center;
    line-height: 30px;
}

.dx-theme-ios7 .navbar-layout.has-navbar .layout-footer {
    height: 45px;
    bottom: 0;
    position: fixed;
}

.dx-theme-ios7 .navbar-layout.has-navbar .layout-content {
    bottom: 0px;
}

.dx-navbar .dx-nav-item .dx-tab-text, .dx-navbar .dx-rtl .dx-nav-item .dx-tab-text {
    display: block;
    padding: 0;
    padding-top: 18px;
    width: 100%;
    font-size: 11px;
    line-height: 28px;
}

.dx-searchbox .dx-icon-search:before {
    display: block;
    top: 1px;
    left: 8px;
    width: 14px;
    height: 14px;
    /*background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAYAAACqaXHeAAADlUlEQ…RAWMlzzpkFoICgdD7TAAiE9yDnMw/A/7FH/tPZHEAOIFCfbCDU6WjIrzYAAAAASUVORK5CYII=);*/
    background-repeat: no-repeat;
    -webkit-background-size: contain;
    -moz-background-size: contain;
    background-size: contain;
}

.dx-radiobutton-icon {
    position: relative;
    width: 20px;
    height: 20px;
}

.dx-radiobutton-checked .dx-radiobutton-icon .dx-radiobutton-icon-dot {
    position: absolute;
    width: 8px;
    height: 8px;
    left: 6px;
    top: 6px;
    background: #fff;
    -webkit-box-shadow: 0 1px 1px rgba(0,0,0,.1);
    -moz-box-shadow: 0 1px 1px rgba(0,0,0,.1);
    box-shadow: 0 1px 1px rgba(0,0,0,.1);
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
}

.dx-radiobutton {
    line-height: 24px;
    color: #000;
}

.dx-actionsheet-popup-wrapper .dx-button-text {
    height: 43px;
    font-size: 14px;
    line-height: 20px;
}

.dx-icon-upload {
    background-image: url(css/images/os_default/toolbar/upload.png);
    width: 24px;
    height: 24px;
    margin-left: 2px !important;
    margin-top: 2px !important;
}

.dx-icon-close {
    background-image: url(css/images/os_default/toolbar/delete_32x32.png);
    width: 24px;
    height: 24px;
    margin-left: 2px !important;
    margin-top: 2px !important;
}

.dx-datagrid-headers .dx-header-row {
    text-transform: none;
}

.dx-treelist-headers .dx-header-row {
    text-transform: none;
}

.dx-field-value.dx-datebox {
    min-width: 10%;
}

.dx-icon-chevronnext {
    background-image: url('css/images/os_default/calendar/next_month.png');
}

.dx-icon-chevronprev {
    background-image: url('css/images/os_default/calendar/prev_month.png');
}

.dx-scheduler-view-switcher > div > .dx-tab-selected {
    background: #D9E0F8;
}

.dx-tab-selected .dx-tab-text {
    color: black;
}

.dx-tab-text {
    color: black;
}

.dx-tab:last-child {
    border: 1px solid #BDC4D1;
}

.dx-tab {
    border: 1px solid #BDC4D1;
    background: #D9E0F8;
}

.dx-tag {
    border: 1px solid #BDC4D1;
    background: #D9E0F8;
    color: black;
    padding: 0px;
    min-width: 40px;
    margin: 2px 0 2px 2px;
    -webkit-border-radius: 0px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
    border-radius: 0px;
}

.dx-tag-content {
    color: black;
    background-color: transparent;
    padding: 0 15px 0 3px;
    margin-top: 2px;
    margin-left: 2px;
}

.dx-tag-remove-button {
    padding: 5px 5px;
    width: 21px;
    height: 12px;
}

    .dx-tag-remove-button:after, .dx-tag-remove-button:before {
        background: #777;
    }

/*.dx-texteditor-container {
    border: none;
}*/


/*.dx-texteditor.dx-widget.dx-textbox.dx-textarea {
    border: none !important;
}*/

/*.dx-datebox {
    border: none !important;
}*/

/*.dx-texteditor.dx-widget.dx-textbox {
    border: none !important;
}*/

.dx-popup-cancel {
    margin-top: 6px;
}

.dx-popup-done {
    margin-top: 6px;
}

.dx-scheduler-appointment-popup .dx-scheduler-recurrence-rule-item .dx-field-label {
    padding: 3px 0;
    width: 30px;
    max-width: 50px;
    margin: 0px;
    display: inline-table;
}

.dx-actionsheet-container .dx-button .dx-button-text, .dx-actionsheet-cancel .dx-button-text {
    font-size: 14px;
    line-height: 14px;
}

.dx-popup-clear.dx-button.dx-button-normal.dx-widget.dx-button-has-text {
    margin-top: 5px;
}

.dx-lookup-popup-search .dx-list {
    margin-top: 0px;
}

.dx-ribbon {
    background: #D9E0F8;
    height: 69px;
    width: 100%;
    z-index: 999;
    position: relative;
    box-shadow: rgba(0, 0, 0, 0.498039) 0px 0px 10px;
}

.dx-ribbon_separator {
    display: inline-block;
    width: 2px;
    height: 48px;
    background-color: white;
    margin-top: 5px;
    position: relative;
    background: #a9e4f7; /* Old browsers */
    background: -moz-linear-gradient(left, #D7E3F4 50%, #8FABCE 50%, #8FABCE 50%); /* FF3.6-15 */
    background: -webkit-linear-gradient(left, #D7E3F4 50%,#8FABCE 50%,#8FABCE 50%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, #D7E3F4 50%,#8FABCE 50%,#8FABCE 50%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#D7E3F4', endColorstr='#8FABCE',GradientType=1 ); /* IE6-9 */
}

.dx-ribbon_button {
    margin-left: auto;
    margin-right: auto;
    float: none;
    padding-bottom: 5px;
}


.dx-fieldset:last-child {
    margin-bottom: 70px;
}

.dx-field.with-lookup-arrow.ribbon-button {
    display: inline-block;
    border: none;
    padding: 5px;
    height: 48px;
    text-align: -webkit-center;
    position: relative;
    vertical-align: top;
}

.dx-ribbon_left_arrow {
    z-index: 999;
    position: absolute;
    width: 20px;
    height: 56px;
    top: 0px;
    background: -moz-linear-gradient(left, #90b2dd 0%, rgba(255,0,0,0) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(left, #90b2dd 0%, rgba(255,0,0,0) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, #90b2dd 0%, rgba(255,0,0,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}

.dx-ribbon_right_arrow {
    z-index: 999;
    position: absolute;
    width: 20px;
    height: 56px;
    top: 0px;
    background: -moz-linear-gradient(left, rgba(255,0,0,0) 0%, #90b2dd 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(left, rgba(255,0,0,0) 0%, #90b2dd 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, rgba(255,0,0,0) 0%, #90b2dd 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}

.dx-state-readonly .dx-texteditor-input {
    color: black !important;
}

.dx-treelist-rowsview .dx-treelist-expanded span:before {
    font-size: 16px;
}

.dx-treelist-rowsview .dx-treelist-collapsed span:before {
    font-size: 16px;
}

.dx-treelist-rowsview .dx-treelist-collapsed span:before {
    font-size: 16px;
}

.dx-treelist-container .dx-menu-item-content .dx-icon {
    color: #969696;
}

.dx-treelist-container .dx-icon-filter-operation-equals {
    font: 14px/1 DXIcons;
}

    .dx-treelist-container .dx-icon-filter-operation-equals:before {
        content: "\f044";
    }

.dx-treelist-container .dx-icon-filter-operation-default {
    font: 14px/1 DXIcons;
}

    .dx-treelist-container .dx-icon-filter-operation-default:before {
        content: "\f027";
    }

.dx-treelist-container .dx-icon-filter-operation-not-equals {
    font: 14px/1 DXIcons;
}

    .dx-treelist-container .dx-icon-filter-operation-not-equals:before {
        content: "\f045";
    }

.dx-treelist-container .dx-icon-filter-operation-less {
    font: 14px/1 DXIcons;
}

    .dx-treelist-container .dx-icon-filter-operation-less:before {
        content: "\f046";
    }

.dx-treelist-container .dx-icon-filter-operation-less-equal {
    font: 14px/1 DXIcons;
}

    .dx-treelist-container .dx-icon-filter-operation-less-equal:before {
        content: "\f048";
    }

.dx-treelist-container .dx-icon-filter-operation-greater {
    font: 14px/1 DXIcons;
}

    .dx-treelist-container .dx-icon-filter-operation-greater:before {
        content: "\f047";
    }

.dx-treelist-container .dx-icon-filter-operation-greater-equal {
    font: 14px/1 DXIcons;
}

    .dx-treelist-container .dx-icon-filter-operation-greater-equal:before {
        content: "\f049";
    }

.dx-treelist-container .dx-icon-filter-operation-contains {
    font: 14px/1 DXIcons;
}

    .dx-treelist-container .dx-icon-filter-operation-contains:before {
        content: "\f063";
    }

.dx-treelist-container .dx-icon-filter-operation-not-contains {
    font: 14px/1 DXIcons;
}

    .dx-treelist-container .dx-icon-filter-operation-not-contains:before {
        content: "\f066";
    }

.dx-treelist-container .dx-icon-filter-operation-starts-with {
    font: 14px/1 DXIcons;
}

    .dx-treelist-container .dx-icon-filter-operation-starts-with:before {
        content: "\f064";
    }

.dx-treelist-container .dx-icon-filter-operation-ends-with {
    font: 14px/1 DXIcons;
}

    .dx-treelist-container .dx-icon-filter-operation-ends-with:before {
        content: "\f065";
    }

.dx-treelist-container .dx-menu-items-container .dx-menu-item-has-icon .dx-icon-filter-operation-between {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAFCAQAAADbc8WkAAAAHElEQVQYV2NImJnA8B8DJsxkwCeBFYJ1YIG4JQDIKi2jVgV8BwAAAABJRU5ErkJggg==);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 14px 5px;
}

.dx-treelist-focus-overlay {
    border: 2px solid #C1D9F0;
}

.dx-treelist .dx-row > td {
    padding: 7px 4px;
}

.dx-device-tablet .dx-nav-item {
    display: inline-block;
    padding: 0 2px;
}


.dx-loadpanel-content {
    background: #A4C3EB;
    border: 1px solid #94B0D3;
    color: white;
    padding: 5px;
    text-align: center;
    box-shadow: 0 0 10px rgba(0,0,0,0.5);
}

.dx-loadindicator-icon .dx-loadindicator-segment {
    background: white;
}

.dx-toast-content {
    color: white;
    background: #A4C3EB;
    border: 1px solid #94B0D3;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    -ms-border-radius: 0px;
    -o-border-radius: 0px;
    border-radius: 0px;
    box-shadow: 0 0 10px rgba(0,0,0,0.5);
    width: 25vw !important;
    -ms-transform: none !important;
    -webkit-transform: none !important;
    transform: none !important;
    position: fixed !important;
    top: auto !important;
    left: auto !important;
    right: 0 !important;
    bottom: 0 !important;
    margin-bottom: 40px !important;
    margin-right: 10px !important;
}

.dx-toast-info .dx-toast-icon {
    background-image: url(css/images/os_default/miscellaneous/notification_icons/info.png);
}

.dx-toast-warning .dx-toast-icon {
    background-image: url(css/images/os_default/miscellaneous/notification_icons/warning.png);
}

.dx-toast-error .dx-toast-icon {
    background-image: url(css/images/os_default/miscellaneous/notification_icons/error.png);
}

.dx-toast-success .dx-toast-icon {
    background-image: url(css/images/os_default/miscellaneous/notification_icons/success.png);
}

.dx-icon-add:before {
    content: "";
}

.dx-icon-airplane:before {
    content: "";
}

.dx-icon-bookmark:before {
    content: "";
}

.dx-icon-box:before {
    content: "";
}

.dx-icon-car:before {
    content: "";
}

.dx-icon-card:before {
    content: "";
}

.dx-icon-cart:before {
    content: "";
}

.dx-icon-chart:before {
    content: "";
}

.dx-icon-check:before {
    content: "";
}

.dx-icon-clear:before {
    content: "";
}

.dx-icon-clock:before {
    content: "";
}

.dx-icon-close:before {
    content: "";
}

.dx-icon-coffee:before {
    content: "";
}

.dx-icon-comment:before {
    content: "";
}

.dx-icon-doc:before {
    content: "";
}

.dx-icon-download:before {
    content: "";
}

.dx-icon-dragvertical:before {
    content: "";
}

.dx-icon-edit:before {
    content: "";
}

.dx-icon-email:before {
    content: "";
}

.dx-icon-event:before {
    content: "";
}

.dx-icon-favorites:before {
    content: "";
}

.dx-icon-find:before {
    content: "";
}

.dx-icon-filter:before {
    content: "";
}

.dx-icon-folder:before {
    content: "";
}

.dx-icon-food:before {
    content: "";
}

.dx-icon-gift:before {
    content: "";
}

.dx-icon-globe:before {
    content: "";
}

.dx-icon-group:before {
    content: "";
}

.dx-icon-help:before {
    content: "";
}

.dx-icon-home:before {
    content: "";
}

.dx-icon-image:before {
    content: "";
}

.dx-icon-info:before {
    content: "";
}

.dx-icon-key:before {
    content: "";
}

.dx-icon-like:before {
    content: "";
}

.dx-icon-map:before {
    content: "";
}

.dx-icon-menu:before {
    content: "";
}

.dx-icon-message:before {
    content: "";
}

.dx-icon-money:before {
    content: "";
}

.dx-icon-music:before {
    content: "";
}

.dx-icon-overflow:before {
    content: "";
}

.dx-icon-percent:before {
    content: "";
}

.dx-icon-photo:before {
    content: "";
}

.dx-icon-plus:before {
    content: "";
}

.dx-icon-preferences:before {
    content: "";
}

.dx-icon-product:before {
    content: "";
}

.dx-icon-pulldown:before {
    content: "";
}

.dx-icon-refresh:before {
    content: "";
}

.dx-icon-remove:before {
    content: "";
}

.dx-icon-revert:before {
    content: "";
}

.dx-icon-runner:before {
    content: "";
}

.dx-icon-save:before {
    content: "";
}

.dx-icon-search:before {
    content: "";
}

.dx-icon-tags:before {
    content: "";
}

.dx-icon-tel:before {
    content: "";
}

.dx-icon-tips:before {
    content: "";
}

.dx-icon-todo:before {
    content: "";
}

.dx-icon-toolbox:before {
    content: "";
}

.dx-icon-trash:before {
    content: "";
}

.dx-icon-user:before {
    content: "";
}

.dx-icon-upload:before {
    content: "";
}

.dx-icon-floppy:before {
    content: "";
}

.dx-icon-arrowleft:before {
    content: "";
}

.dx-icon-arrowdown:before {
    content: "";
}

.dx-icon-arrowright:before {
    content: "";
}

.dx-icon-arrowup:before {
    content: "";
}

.dx-icon-spinleft:before {
    content: "";
}

.dx-icon-spinright:before {
    content: "";
}

.dx-icon-spinnext:before {
    content: "";
}

.dx-rtl .dx-icon-spinnext:before {
    content: "";
}

.dx-icon-spinprev:before {
    content: "";
}

.dx-rtl .dx-icon-spinprev:before {
    content: "";
}

.dx-icon-spindown:before {
    content: "";
}

.dx-icon-spinup:before {
    content: "";
}

.dx-icon-chevronleft:before {
    content: "";
}

.dx-icon-chevronright:before {
    content: "";
}

.dx-icon-chevronnext:before {
    content: "";
}

.dx-rtl .dx-icon-chevronnext:before {
    content: "";
}

.dx-icon-chevronprev:before {
    content: "";
}

.dx-rtl .dx-icon-chevronprev:before {
    content: "";
}

.dx-icon-chevrondown:before {
    content: "";
}

.dx-icon-chevronup:before {
    content: "";
}

.dx-icon-chevrondoubleleft:before {
    content: "";
}

.dx-icon-chevrondoubleright:before {
    content: "";
}

.dx-icon-equal:before {
    content: "";
}

.dx-icon-notequal:before {
    content: "";
}

.dx-icon-less:before {
    content: "";
}

.dx-icon-greater:before {
    content: "";
}

.dx-icon-lessorequal:before {
    content: "";
}

.dx-icon-greaterorequal:before {
    content: "";
}

.dx-icon-sortup:before {
    content: "";
}

.dx-icon-sortdown:before {
    content: "";
}

.dx-icon-sortuptext:before {
    content: "";
}

.dx-icon-sortdowntext:before {
    content: "";
}

.dx-icon-sorted:before {
    content: "";
}

.dx-icon-expand:before {
    content: "";
}

.dx-icon-collapse:before {
    content: "";
}

.dx-icon-columnfield:before {
    content: "";
}

.dx-icon-rowfield:before {
    content: "";
}

.dx-icon-datafield:before {
    content: "";
}

.dx-icon-fields:before {
    content: "";
}

.dx-icon-fieldchooser:before {
    content: "";
}

.dx-icon-columnchooser:before {
    content: "";
}

.dx-icon-pin:before {
    content: "";
}

.dx-icon-unpin:before {
    content: "";
}

.dx-icon-pinleft:before {
    content: "";
}

.dx-icon-pinright:before {
    content: "";
}

.dx-icon-contains:before {
    content: "";
}

.dx-icon-startswith:before {
    content: "";
}

.dx-icon-endswith:before {
    content: "";
}

.dx-icon-doesnotcontain:before {
    content: "";
}

.dx-icon-range:before {
    content: "";
}

.dx-icon-export:before {
    content: "";
}

.dx-icon-exportxlsx:before {
    content: "";
}

.dx-icon-exportpdf:before {
    content: "";
}

.dx-icon-exportselected:before {
    content: "";
}

.dx-icon-warning:before {
    content: "";
}

.dx-icon-more:before {
    content: "";
}

.dx-icon-square:before {
    content: "";
}

.dx-icon-clearsquare:before {
    content: "";
}

.dx-icon-back:before {
    content: "";
}

.dx-rtl .dx-icon-back:before {
    content: "";
}

.dx-icon-repeat:before {
    content: "";
}

.dx-icon-selectall:before {
    content: "";
}

.dx-icon-unselectall:before {
    content: "";
}

.dx-icon-print:before {
    content: "";
}

/*Datebox with time cut. Example, ticket details - fields Start-Stop datum.*/
.dx-datebox.dx-auto-width.dx-dropdowneditor-button-visible .dx-texteditor-input,
.dx-datebox:not(.dx-texteditor-empty).dx-auto-width.dx-dropdowneditor-button-visible .dx-texteditor-input {
    padding-right: 20px;
}

.dx-datebox-wrapper-calendar {
    width: 650px;
}

.mks-label-details {
    width: 150px !important;
}

.mks-field-details {
    width: calc(100% - 190px) !important;
}

.dx-dashboard-theme .dx-checkbox-checked .dx-checkbox-icon, .dx-dashboard-theme .dx-checkbox-indeterminate .dx-checkbox-icon {
    color: white;
}


#loginform .dx-fieldset {
    border: 0px;
}

#loginform .dx-toolbar {
    border: 0px;
}

.dx-toolbar-label {
    color: #fff;
}

.dx-tab:first-child {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}

.dx-tab:last-child {
    border-right: 1px solid #007aff;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}

.dx-toolbar-item .dx-button {
    border: 0;
    background-color: transparent;
}

.dx-dialog .dx-popup-bottom .dx-toolbar-item .dx-button {
    border: 1px solid #BDC4D1;
    background: #D9E0F8;
}

.dx-toolbar-item .dx-button .dx-button-text {
    color: #fff;
}

.dx-texteditor-container {
    border: 1px solid #BDC4D1;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    -ms-border-radius: 0px;
    -o-border-radius: 0px;
    border-radius: 0;
    height: 22px;
}

.dx-textarea .dx-texteditor-container {
    height: 100%;
}

.dx-texteditor.dx-widget.dx-textbox > .dx-texteditor-container {
    border: none !important;
}

.dx-field-value.dx-lookup {
    height: 18px;
    margin: 0;
}


.dx-texteditor-container.dx-tag-container {
    border: none !important;
}

.dx-dashboard-caption-toolbar {
    background-color: #E5EBFF;
    font-weight: 700;
}


.mks-button-tab.active {
    background: #fff;
    height: 29px;
}

.dx-loadpanel-content {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    border-radius: 0;
}

.dx-popup-title {
    -webkit-border-radius: 0 0 0 0;
    -moz-border-radius: 0 0 0 0;
    border-radius: 0 0 0 0;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0px;
    border-bottom-left-radius: 0px;
}

.dx-list:not(.dx-list-select-decorator-enabled) .dx-list-item-selected {
    background-color: #D9E0F8;
}

.dx-list-item.dx-state-hover {
    background: #3E527B;
    color: #fff;
}

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

.dx-field-icon {
    display: none;
}

.dx-checkbox-icon {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    border-radius: 0;
}

#toolbarPortal {
    border-bottom: 0px;
}

    #toolbarPortal .dx-toolbar-before .dx-toolbar-label {
        /*max-width: 100% !important;*/
    }

    #toolbarPortal .dx-toolbar-after {
        margin-top: 5px;
    }

#menuTemplate {
    margin-top: 0;
    white-space: nowrap;
}

    #menuTemplate .dx-button {
        height: 34px;
        min-width: 35px;
    }

    /*#menuTemplate .dx-button-content {
        margin-top: 7px;
    }*/

    #menuTemplate .dx-button-text {
        color: #000;
        font: 14px calibri;
    }

#home_button {
    background: #D9E0F8;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
    border: 1px solid transparent;
    padding: 10px 13px 3px;
    color: #000;
}

    #home_button .dx-button-text {
        color: #000;
    }

#back_button .dx-icon {
    height: 24px;
    width: 24px;
    background-size: 100%;
}

#main_button .dx-icon {
    height: 24px;
    width: 24px;
    background-size: 100%;
}

.dx-button-back {
    display: none;
}

.legend-fieldset {
    height: 100%;
    overflow: hidden;
    padding: 7px 7px 10px 15px;
    border: 1px solid #D7D7D7;
    border-radius: 0px;
}

.field-container {
    max-width: 962px;
}

.mks-field-details-with_btn {
    width: calc(100% - 220px) !important;
}

.mks-field-details-with_2btn {
    width: calc(100% - 250px) !important;
}

.mks-field-details-with_7btn {
    width: calc(100% - 400px) !important;
}

.mks-field-lookup {
    width: calc(100% - 202px) !important;
}

.dx-label-setting {
    width: 420px;
}

.dx-field-setting {
    width: calc(100% - 430px) !important;
}


.dx-lookup-arrow:before {
    margin-left: -18px;
}

.ticket-tree-progress .dx-progressbar-range {
    background-color: #587FB1 !important;
    height: 15px;
}

.ticket-tree-progress .dx-progressbar-container {
    height: 15px !important;
}

.ticket-tree-progress .dx-progressbar-range-container {
    border-radius: 3px !important;
}

.ticket-tree-progress .dx-progressbar-status {
    margin-top: -15px !important;
    color: white;
    text-align: center;
    width: 100%;
}


#mks_menu_container {
    position: absolute;
    top: 35px;
    z-index: 999;
    height: calc(100% - 35px);
    width: 0px;
    background: #3E527B;
    overflow: hidden;
    transition: 0.2s;
}

    #mks_menu_container.active {
        width: 280px;
    }

#mks_main_menu .dx-menu-item {
    color: #fff;
}

#mks_main_menu .dx-list-item-selected {
    color: #000;
}

.dx-menu-base .dx-menu-item.dx-state-focused, .dx-menu-base .dx-menu-item.dx-state-active {
    background: #C1D9F0;
    color: #000;
}

.dx-drawer-wrapper .dx-list-item-content:after {
    background: transparent;
    margin-top: 3px;
}


#mks_main_menu .dx-menu-vertical:after {
    vertical-align: top;
}

#mks_main_menu .dx-menu-vertical {
    width: 100%;
    margin-top: 6px;
}

#mks_main_menu .dx-menu-items-container {
    width: 100%;
}

#mks_main_menu .dx-menu-item:hover {
    background: rgba(0,0,0,0.4);
}

#mks_main_menu .dx-menu-vertical .dx-menu-item-content {
    padding: 2px 11px;
}

.mks_main_menu-icon {
    vertical-align: middle;
    height: 38px;
    padding: 8px;
    background: rgba(0,0,0,0.4);
}


.dx-popup-title .dx-toolbar-label {
    color: #fff;
}

.mks-page-title {
    width: 100%;
}

.dx-dashboard-control {
    background-color: #fff;
}
/*GoliathDataService*/
.dx-dashboard-widget-container .dx-dashboard-surface .dx-layout-item-wrapper .dx-layout-item-container {
    border: 1px solid #ccc;
}

.dx-datagrid-columns-separator {
    background-color: transparent;
}


.mks_text_info {
    font-size: 16px;
    font-weight: 600;
}

.mks_page_fieldset {
    width: calc(100% - 20px);
    height: calc(100% - 89px);
    position: absolute;
}

.mks_tab_page_fieldset {
    width: calc(100% - 20px);
    height: calc(100% - 116px);
    position: absolute;
}

.module-row {
    height: 35px;
}
.dx-dashboard-viewer-content {
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
}