/*-- White & Red Theme Start --*/

/*-- General UI Changes Start --*/
/*.dx-menu .dx-menu-item {
    padding: 8px 12px;
    border-radius: 6px;
}

.dx-menu {
    padding: 4px 0px;
    display: block;
    text-align: center;
    line-height: 30px;
}

.dx-submenu {
    padding: 0px;
    margin: 0 0 0 10px;
}*/
/*-- General UI Changes end --*/

/*-- Left Menu Start --*/
/*.main-sidebar {
    background-color: #fff;
}*/

/*.dx-menu-item {
    color: #000;
}*/

/*.dx-menu .dx-menu-item-expanded {
    background-color: #e9c6c6;
    color: #000;
}*/

/*.dx-context-menu-content-delimiter {
    background-color: #e9c6c6;
}*/

/*.dx-menu-item.dx-state-hover {
    color: #000;
    background-color: #e9c6c6;
}*/

/*.dx-menu-item-expanded {
    color: #000000;
    background-color: #e9c6c6;
}*/

/*.dx-menu-item.dx-state-hover {
    color: #fff;
    background-color: rgba(0,0,0,.04);
}*/
/*-- Left Menu End --*/

/*-- Popup Start --*/
/*.dx-overlay-wrapper .dx-overlay-content.dx-popup-flex-height > .dx-popup-bottom, .dx-overlay-wrapper .dx-overlay-content.dx-popup-flex-height > .dx-popup-title {
    background-color: #E9C6C6;
}

    .dx-overlay-wrapper .dx-overlay-content.dx-popup-flex-height > .dx-popup-bottom, .dx-overlay-wrapper .dx-overlay-content.dx-popup-flex-height > .dx-popup-title div {
        color: #000;
    }
*/
/*.dx-popup-wrapper > .dx-overlay-content {
    border: 1px solid #ddd;
    background: #f7fafd;
}*/

/*.dx-closebutton.dx-button.dx-button-normal.dx-button-mode-contained.dx-widget.dx-button-has-icon i {
    color: #000;
}

.dx-datagrid-search-panel.dx-show-invalid-badge.dx-textbox.dx-texteditor.dx-editor-outlined.dx-searchbox.dx-show-clear-button.dx-texteditor-empty.dx-widget {
    border: 1px solid #17224d !important;
}

.dx-icon.dx-icon-search:before {
    color: #17224d !important;
}

.dx-show-clear-button .dx-icon-clear {
    color: #17224d;
}

.dx-datagrid-search-panel.dx-show-invalid-badge.dx-textbox.dx-texteditor.dx-editor-outlined.dx-searchbox.dx-show-clear-button.dx-widget {
    border: 1px solid #17224d !important;
}

.dx-toolbar-label .dx-toolbar-item-content > div {
    overflow: visible;
    font-weight: 700;
}

.dx-datagrid-text-content.dx-text-content-alignment-left, .dx-text-content-alignment-right {
    font-weight: 700 !important;
}

.dx-toolbar dx-widget dx-visibility-change-handler dx-collection dx-popup-title > .dx-toolbar .dx-toolbar-items-container {
    background-color: #e6e6e6;
}

.dx-datagrid-header-panel > .dx-toolbar dx-widget dx-visibility-change-handler dx-collection > dx-toolbar-items-container {
    background-color: #e6e6e6;
}*/

/*.dx-toolbar {
    background-color: #f3e4e466;
}*/

/*.dx-texteditor.dx-state-active.dx-editor-filled,
.dx-texteditor.dx-state-active.dx-editor-outlined,
.dx-texteditor.dx-state-active.dx-editor-underlined,
.dx-texteditor.dx-state-focused.dx-editor-filled,
.dx-texteditor.dx-state-focused.dx-editor-outlined,
.dx-texteditor.dx-state-focused.dx-editor-underlined {
    border-color: #444444;
}*/
/*-- Popup End --*/

/*-- Datagrid Start --*/
/*.dx-datagrid {
    line-height: inherit;
}

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

    .dx-datagrid .dx-row-lines > td {
        border-bottom: 1px solid #b7b6b6;
    }*/

/*.dx-datagrid-pager.dx-pager {
    background-color: #E8E2E2;
}*/

/*.dx-pager .dx-page-sizes .dx-selection, .dx-pager .dx-pages .dx-selection {
    color: #000;
    border: 1px solid #707070;
    background-color: #fff;
}*/

/*.dx-pager {
    padding-top: 3px !important;
    padding-bottom: 3px !important;
}*/

/*.mdxDataGridFooterToolBar {
    background-color: #E9c6c6;
}*/

/*.dx-button-mode-contained {
    box-shadow: 0px 1px 1px rgb(0 0 0 / 10%);
}*/

    /*.dx-button-mode-contained.dx-state-hover {
        color: #444242;
    }*/

    /*.dx-button-mode-contained.dx-state-hover {
        border-color: #67110D;
        color: #67110D;
    }*/

    /*.dx-button-mode-contained.dx-state-active {
        background-color: #fff;
        border-color: #67110D;
        color: #67110D;
    }

    .dx-button-mode-contained .dx-icon {
        color: unset;
    }

    .dx-button-mode-contained.dx-button-success.dx-state-hover {
        background-color: #fff;
        border-color: #46a046;
        color: #46a046;
    }*/
/*-- Datagrid End --*/

/*-- Form Start --*/
/*fieldset {
    border: 1px solid #9c9c9c;
    border-radius: 10px;
    background-color: #fff;
}*/
/*-- Form End --*/
/*-- White & Red Theme End --*/








/*-- Dark Theme Start --*/
/*-- Header Start --*/
/*.main-header {
    border-bottom: 1px solid #000;
}
.navbar-white {
    background-color: #000;
}
.nav-link lable {
    color: #e4ff00;
}
.navbar-light .navbar-nav .nav-link {
    color: #fff;
}
.navbar-light .navbar-nav .nav-link:hover {
    color: #e4ff00;
}
a {
    color: #fff;
}
a:hover {
    color: #e4ff00;
}
.navbar-expand .navbar-nav .dropdown-menu {
    background-color: #424242;
}
a.dropdown-item {
    color: #fff;
}
.dropdown-item:focus, .dropdown-item:hover {
    color: #fff;
    background-color: #606060;
}
a.dropdown-item:hover {
    background: #606060;
    color: #fff;
}*/
/*-- Header End --*/

/*-- Left Menu Start --*/
/*.main-sidebar {
    background-color: #000;
}
.dx-menu-item {
    color: #fff;
}
.dx-menu .dx-menu-item-expanded {
    background-color: #323232;
}
.dx-context-menu .dx-submenu {
    background-color: #000;
    border: 1px solid #424242;
}
.dx-menu-item-expanded {
    background-color: #323232;
}
.dx-context-menu-content-delimiter {
    background-color: #323232;
}
.dx-menu-item.dx-state-hover {
    color: #fff;
    background-color: #323232;
}*/
/*-- Left Menu End --*/

/*-- Dashboard Start --*/
/*.content-wrapper {
    background-color: #323232;
}*/
/*-- Dashboard End --*/

/*-- Footer Start --*/
/*footer.footer123 {
    background-color: #000;
    color: #fff;
}*/
/*-- Footer End --*/

/*-- Popup Start --*/
/*.popupHeader.header {
    background-color: #323232;
}
.popupFooter.footer {
    background-color: #323232;
}
.blockContainer .blockContainer2 .highlight_number_box {
    color: #fff;
}
.dx-editor-cell .dx-texteditor, .dx-editor-cell .dx-texteditor .dx-texteditor-input {
    background: unset;
}
.dx-popup-wrapper > .dx-overlay-content {
    border: 1px solid #424242;
    background: #323232;
}
.dx-popup-title {
    color: #fff;
    border-color: #444;
}
.dx-toolbar {
    background-color: #323232;
}
.dx-closebutton.dx-button.dx-button-normal.dx-button-mode-contained.dx-widget.dx-button-has-icon i {
    color: #fff;
}
.dx-treeview-item-with-checkbox .dx-treeview-item {
    color: #fff;
}
.dx-checkbox-checked .dx-checkbox-icon {
    color: #fff;
}
.dx-checkbox.dx-state-hover .dx-checkbox-icon {
    border: 1px solid #fff;
}
.dx-checkbox.dx-state-focused .dx-checkbox-icon {
    border: 1px solid #fff;
}
.dx-treeview-item-with-checkbox.dx-state-focused > .dx-checkbox .dx-checkbox-icon {
    border: 1px solid #fff;
}
.dx-checkbox-icon {
    border: 1px solid #ddd;
    background-color: #5e5e5e;
}
.dx-treeview-item.dx-state-hover {
    background-color: rgba(0,0,0,.04);
    color: #fff;
}*/
/*-- Popup End --*/

/*-- Datagrid Start --*/
/*.dx-datagrid-headers {
    color: #fff;
}
.dx-datagrid {
    color: #d9d9d9;
    background-color: #323232;
}
.dx-datagrid-rowsview .dx-selection.dx-row:not(.dx-row-focused) > td.dx-focused, .dx-datagrid-rowsview .dx-selection.dx-row:not(.dx-row-focused) > tr > td.dx-focused, .dx-datagrid-rowsview .dx-selection.dx-row:not(.dx-row-focused):hover > td.dx-focused, .dx-datagrid-rowsview .dx-selection.dx-row:not(.dx-row-focused):hover > tr > td.dx-focused {
    background-color: #4a4747;
    color: #fff;
}
.dx-datagrid-rowsview .dx-selection.dx-row:not(.dx-row-focused) > td, .dx-datagrid-rowsview .dx-selection.dx-row:not(.dx-row-focused) > tr > td, .dx-datagrid-rowsview .dx-selection.dx-row:not(.dx-row-focused):hover > td, .dx-datagrid-rowsview .dx-selection.dx-row:not(.dx-row-focused):hover > tr > td {
    background-color: #303030;
    color: #ffff;
}
.dx-datagrid-summary-item {
    color: #fff;
}
.masterGrid .dx-datagrid-rowsview .dx-selection.dx-row > td.dx-focused, .txtDropDown .dx-datagrid-rowsview .dx-selection.dx-row > td.dx-focused {
    background-color: #4a4747;
}
.dx-datagrid-search-text {
    color: #fff;
    background-color: #8d8d8d;
}
.dx-datagrid-rowsview.dx-datagrid-nowrap.dx-scrollable.dx-visibility-change-handler.dx-scrollable-both.dx-scrollable-simulated {
    border-color: #444;
}
.dx-datagrid-borders > .dx-datagrid-filter-panel, .dx-datagrid-borders > .dx-datagrid-headers, .dx-datagrid-borders > .dx-datagrid-pager {
    border-top: 1px solid #444;
}
.dx-datagrid-borders > .dx-datagrid-headers, .dx-datagrid-borders > .dx-datagrid-rowsview, .dx-datagrid-borders > .dx-datagrid-total-footer {
    border-left: 1px solid #444;
    border-right: 1px solid #444;
}
.dx-datagrid-headers .dx-datagrid-table .dx-row > td {
    border-bottom: 1px solid #444;
}
.dx-datagrid .dx-column-lines > td {
    border-left: 1px solid #444;
    border-right: 1px solid #444;
}
.dx-datagrid .dx-row-lines > td {
    border-bottom: 1px solid #444;
}
.dx-datagrid-rowsview .dx-selection.dx-row:not(.dx-row-focused).dx-row-lines > td,
.dx-datagrid-rowsview .dx-selection.dx-row:not(.dx-row-focused).dx-row-lines > tr > td, 
.dx-datagrid-rowsview .dx-selection.dx-row:not(.dx-row-focused):hover.dx-row-lines > td, 
.dx-datagrid-rowsview .dx-selection.dx-row:not(.dx-row-focused):hover.dx-row-lines > tr > td {
    border-bottom-color: #444;
    border-left-color: #444;
    border-right-color: #444;
}
.dx-toolbar {
    color: #fff;
}
.dx-texteditor.dx-editor-outlined {
    background: #323232;
    border: 1px solid #6c6c6c;
}
.dx-texteditor-input {
    color: #fff;
}
.dx-texteditor.dx-state-focused.dx-editor-outlined {
    border-color: #fff;
}
.dx-datagrid-table .dx-data-row.dx-state-hover:not(.dx-selection):not(.dx-row-inserted):not(.dx-row-removed):not(.dx-edit-row):not(.dx-row-focused) > td:not(.dx-focused) {
    background-color: rgba(0,0,0,.04);
    color: #fff;
}
fieldset {
    background-color: unset;
}
legend {
    background-color: #404040;
    color: #fff;
    border: 1px solid #9c9c9c;
}
label:not(.form-check-label):not(.custom-file-label) {
    color: #c9c9c9;
}
.dx-pager .dx-page-sizes .dx-selection, .dx-pager .dx-pages .dx-selection {
    color: #fff;
    border-color: transparent;
    background-color: #606060;
}
.dx-show-clear-button .dx-icon-clear {
    color: #fff;
}
.highlight_number_box input.dx-texteditor-input {
    color: #fff;
}
.dx-widget {
     color: #fff; 
}
.dx-datagrid-rowsview .dx-row.dx-group-row:not(.dx-row-focused) {
    color: #e9e9e9;
    background-color: #222222;
}
.dx-row.dx-datagrid-group-footer > td {
    background-color: #4e4e4e;
    border-top: 1px solid #ddd;
}
.dx-datagrid .dx-datagrid-header-panel.dx-state-focused .dx-datagrid-group-panel .dx-group-panel-item:focus,
.dx-datagrid .dx-datagrid-header-panel.dx-state-focused .dx-datagrid-group-panel .dx-header-filter:focus {
    outline: #fff solid 2px;
    outline-offset: -2px;
}
.dx-datagrid .dx-datagrid-headers.dx-state-focused .dx-header-row td .dx-header-filter:focus,
.dx-datagrid .dx-datagrid-headers.dx-state-focused .dx-header-row td:focus {
    outline: #fff solid 2px;
    outline-offset: 2px;
}
.dx-datagrid .dx-datagrid-rowsview.dx-state-focused .dx-data-row > td.dx-command-edit > a.dx-link:focus {
    outline: #fff solid 2px;
    outline-offset: 2px;
}
.dx-datagrid-filter-panel.dx-state-focused .dx-datagrid-filter-panel-clear-filter:focus,
.dx-datagrid-filter-panel.dx-state-focused .dx-datagrid-filter-panel-text:focus,
.dx-datagrid-filter-panel.dx-state-focused .dx-icon-filter:focus {
    outline: #fff solid 2px;
    outline-offset: 3px;
}
.dx-datagrid-focus-overlay {
    border: 2px solid #fff;
}
.dx-datagrid-filter-row .dx-menu-item.dx-state-focused::after {
    border: 2px solid #fff;
}
.dx-datagrid-filter-range-overlay .dx-overlay-content .dx-texteditor.dx-state-focused::after {
    border: 2px solid #fff;
}
.dx-datagrid-rowsview .dx-row-focused.dx-data-row .dx-command-edit:not(.dx-focused) .dx-link,
.dx-datagrid-rowsview .dx-row-focused.dx-data-row > td:not(.dx-focused),
.dx-datagrid-rowsview .dx-row-focused.dx-data-row > tr > td:not(.dx-focused) {
    background-color: #fff;
    color: #fff;
}
.dx-datagrid-rowsview .dx-row-focused.dx-data-row > td,
.dx-datagrid-rowsview .dx-row-focused.dx-data-row > tr:last-child > td {
    border-bottom: 1px solid #fff;
}
.dx-datagrid-rowsview .dx-row-focused.dx-data-row:not(.dx-row-lines) > td,
.dx-datagrid-rowsview .dx-row-focused.dx-data-row:not(.dx-row-lines) > tr:first-child > td {
    border-top: 1px solid #fff;
    border-bottom: 1px solid #fff;
}

.dx-datagrid-rowsview .dx-row-focused.dx-group-row {
    background-color: #fff;
    color: #fff;
}
.dx-datagrid-pager.dx-state-focused .dx-navigate-button:focus,
.dx-datagrid-pager.dx-state-focused .dx-page-size:focus,
.dx-datagrid-pager.dx-state-focused .dx-page:focus {
    outline: #fff solid 2px;
    outline-offset: -2px;
}
.dx-treelist-container .dx-treelist-headers.dx-state-focused .dx-header-row td .dx-header-filter:focus,
.dx-treelist-container .dx-treelist-headers.dx-state-focused .dx-header-row td:focus {
    outline: #fff solid 2px;
}
.dx-treelist-container .dx-treelist-rowsview.dx-state-focused .dx-data-row > td.dx-command-edit > a.dx-link:focus {
    outline: #fff solid 2px;
    outline-offset: 2px;
}
.dx-treelist-filter-panel.dx-state-focused .dx-icon-filter:focus,
.dx-treelist-filter-panel.dx-state-focused .dx-treelist-filter-panel-clear-filter:focus,
.dx-treelist-filter-panel.dx-state-focused .dx-treelist-filter-panel-text:focus {
    outline: #fff solid 2px;
}
.dx-treelist-focus-overlay {
    border: 2px solid #fff;
}
.dx-treelist-filter-row .dx-menu-item.dx-state-focused::after {
    border: 2px solid #fff;
}
.dx-treelist-filter-range-overlay .dx-overlay-content .dx-texteditor.dx-state-focused::after {
    border: 2px solid #fff;
}
.dx-treelist-rowsview .dx-row-focused.dx-data-row .dx-command-edit:not(.dx-focused) .dx-link,
.dx-treelist-rowsview .dx-row-focused.dx-data-row > td:not(.dx-focused),
.dx-treelist-rowsview .dx-row-focused.dx-data-row > tr > td:not(.dx-focused) {
    background-color: #fff;
    color: #fff;
}
.dx-treelist-rowsview .dx-row-focused.dx-data-row > td,
.dx-treelist-rowsview .dx-row-focused.dx-data-row > tr:last-child > td {
    border-bottom: 1px solid #fff;
}
.dx-treelist-rowsview .dx-row-focused.dx-data-row:not(.dx-row-lines) > td,
.dx-treelist-rowsview .dx-row-focused.dx-data-row:not(.dx-row-lines) > tr:first-child > td {
    border-top: 1px solid #fff;
    border-bottom: 1px solid #fff;
}
.dx-treelist-rowsview .dx-row-focused.dx-group-row {
    background-color: #fff;
    color: #fff;
}
.dx-treelist-pager.dx-state-focused .dx-navigate-button:focus,
.dx-treelist-pager.dx-state-focused .dx-page-size:focus,
.dx-treelist-pager.dx-state-focused .dx-page:focus {
    outline: #fff solid 2px;
    outline-offset: -2px;
}
.dx-tabpanel.dx-state-focused > .dx-tabpanel-tabs .dx-tab.dx-tab-selected {
    -webkit-box-shadow: inset 0 1px #fff,inset -1px 0 #fff,inset 1px 0 #fff;
    box-shadow: inset 0 1px #fff,inset -1px 0 #fff,inset 1px 0 #fff;
}
.dx-tabpanel.dx-state-focused > .dx-tabpanel-tabs .dx-tabs-expanded .dx-tab:not(.dx-tab-selected):first-of-type {
    -webkit-box-shadow: inset 0 -1px #fff,inset 1px 0,inset 0 1px;
    box-shadow: inset 0 -1px #fff,inset 1px 0,inset 0 1px;
}*/
/*-- Datagrid End --*/

/*-- Button Effect Start --*/
/*.dx-button-mode-contained .dx-icon {
    color: #d9d9d9;
}
.dx-button-mode-contained {
    background-color: #000;
    border-color: #444;
    color: #d9d9d9;
}
.dx-button-mode-contained.dx-state-active {
    background-color: #000;
    border-color: #fff;
    color: #fff;
}
.dx-button-mode-contained.dx-state-hover {
    background-color: #000;
    border-color: #fff;
    color: #fff;
}
.dx-button-mode-contained.dx-state-focused {
    background-color: #000;
    border-color: #ddd;
}
.dx-button-mode-contained.dx-button-success {
    background-color: #000;
    border-color: #444;
    color: #d9d9d9;
}
.dx-button-mode-contained.dx-button-success.dx-state-hover {
    background-color: #000;
    border-color: #fff;
}
.dx-button-mode-contained.dx-button-success.dx-state-active {
    background-color: #000;
    border-color: #fff;
    color: #fff;
}
.dx-button-mode-contained.dx-button-success.dx-state-focused {
    background-color: #000;
    border-color: #fff;
}*/
/*-- Button Effect End --*/
/*-- Dark Theme End --*/








/*--Theme 3 (Red & Black) Start --*/
/*Login page*/
.mc-sign-inup-box {
    border-top: 3px solid #da251d;
    max-width: 793px;
}
.form-control:focus {
    border-color: #6E0202;
}
.btn.mc-btn-sign-in {
    color: #fff;
    background-color: #db3c34;
    border-color: #db3c34;
}
.btn.mc-btn-sign-in:hover {
    color: #fff;
    background-color: #c30b03;
    border-color: #c30b03;
}
.btn.mc-btn-sign-in:focus {
    color: #fff;
    background-color: #c30b03;
    border-color: #c30b03;
    box-shadow: unset;
}
/*navbar*/
.mc-navbar {
    background-color: #DA251D;
    color: #333;
}
.mc-text-highlight {
    color: #fff;
}
.mc-text-highlight:hover {
    color: #e7e7e7;
}
.mc-navbar .nav-link {
    color: #fff;
}
.nav-link i {
    margin: 0 5px 0 0;
}
.nav-link:hover {
    color: #e7e7e7;
}
/*left menu*/
.dx-menu-item {
    color: #000;
}
.dx-menu-item-expanded {
    color: #333;
    background-color: rgb(247 233 233);
}
/*.dx-menu-item.dx-state-hover {
    color: #000;
    background-color: #e9c6c6;
}*/
.dx-item-content.dx-menu-item-content:hover {
    background-color: rgb(247 233 233);
}
.dx-context-menu-content-delimiter {
    background-color: #f3f3f3;
}
.dx-item.dx-menu-item.dx-menu-item-has-icon.dx-menu-item-has-submenu.dx-state-focused {
    background-color: #fff;
    color: #000;
}
.dx-menu-item.dx-state-focused i{
    color: #000;
}
.dx-menu .dx-menu-item-expanded {
    color: #333;
    background-color: rgb(247 233 233);
}
.dx-menu-item.dx-state-hover {
    color: #333;
    background-color: rgb(247 233 233);
}
.dx-menu-item.dx-state-focused {
    background-color: rgb(247 233 233);
    color: #000;
}
.dx-menu-item-selected {
    background-color: rgb(247 233 233);
    color: #333;
}
.dx-menu-item-selected.dx-state-focused {
    background-color: rgb(247 233 233);
    color: #333;
}
/*datagrid*/
.dx-header-row {
    font-weight: 600;
}
.dx-toolbar {
    background-color: #e9c6c6;
}
.dx-datagrid-header-panel .dx-toolbar {
    background-color: #f3e4e466;
}
.dx-datagrid-headers {
    color: #333;
}
.dx-popup-title {
    font-weight: 700;
}
.dx-popup-title .dx-closebutton .dx-icon {
    font-weight: 900;
}
.dx-searchbox .dx-icon-search::before {
    color: #6E0202;
}
.dx-icon-clear::before {
    color: #6E0202;
}
.dx-texteditor.dx-state-focused.dx-editor-outlined {
    border-color: #6E0202;
}
.dx-datagrid-rowsview .dx-selection.dx-row:not(.dx-row-focused) > td,
.dx-datagrid-rowsview .dx-selection.dx-row:not(.dx-row-focused) > tr > td,
.dx-datagrid-rowsview .dx-selection.dx-row:not(.dx-row-focused):hover > td,
.dx-datagrid-rowsview .dx-selection.dx-row:not(.dx-row-focused):hover > tr > td {
    background-color: #e6e6e6;
}
.mc-master-grid .dx-datagrid-rowsview .dx-selection.dx-row > td.dx-focused,
.mc-txt-dropdown .dx-datagrid-rowsview .dx-selection.dx-row > td.dx-focused {
    background-color: #e6e6e6;
}
.dx-datagrid-rowsview .dx-selection.dx-row:not(.dx-row-focused) > td.dx-focused,
.dx-datagrid-rowsview .dx-selection.dx-row:not(.dx-row-focused) > tr > td.dx-focused,
.dx-datagrid-rowsview .dx-selection.dx-row:not(.dx-row-focused):hover > td.dx-focused,
.dx-datagrid-rowsview .dx-selection.dx-row:not(.dx-row-focused):hover > tr > td.dx-focused {
    background-color: #e6e6e6;
}
.dx-datagrid-table .dx-data-row.dx-state-hover:not(.dx-selection):not(.dx-row-inserted):not(.dx-row-removed):not(.dx-edit-row):not(.dx-row-focused) > td:not(.dx-focused) {
    background-color: rgba(0,0,0,.02);
}
.dx-datagrid-content .dx-datagrid-table { 
    border-collapse: collapse;
    border-spacing: 0;
    margin: 0;
    max-width: 10px;
}
table {
    caption-side: bottom;
    border-collapse: collapse;
}
table {
    border-collapse: separate;
    text-indent: initial;
    border-spacing: 2px;
}
.dx-scrollable-container {
    -webkit-tap-highlight-color: transparent;
    overflow: hidden;
    width: 100%;
    height: 100%;
}
.dx-datagrid-nowrap, .dx-datagrid-nowrap .dx-header-row > td > .dx-datagrid-text-content {
    white-space: nowrap;
}
.dx-datagrid {
    color: #464545;
}
.dx-state-focused.dx-accordion-item {
    border-color: #e39b97;
}
.dx-tabpanel.dx-state-focused > .dx-tabpanel-tabs .dx-tab.dx-tab-selected {
    -webkit-box-shadow: inset 0 1px #e39b97,inset -1px 0 #e9c6c6,inset 1px 0 #e39b97;
    box-shadow: inset 0 1px #e39b97,inset -1px 0 #e9c6c6,inset 1px 0 #e39b97;
}
.dx-tabpanel.dx-state-focused .dx-multiview-wrapper {
    border-color: #e39b97;
}
.dx-tabpanel.dx-state-focused > .dx-tabpanel-tabs .dx-tabs {
    -webkit-box-shadow: inset 0 -1px #e39b97,inset 0 1px,inset -1px 0,inset 1px 0;
    box-shadow: inset 0 -1px #e39b97,inset 0 1px,inset -1px 0,inset 1px 0;
}
.dx-tabpanel.dx-state-focused > .dx-tabpanel-tabs .dx-tabs-expanded .dx-tab:not(.dx-tab-selected):first-of-type {
    -webkit-box-shadow: inset 0 -1px #e39b97,inset 1px 0,inset 0 1px;
    box-shadow: inset 0 -1px #e39b97,inset 1px 0,inset 0 1px;
}
.dx-tabpanel.dx-state-focused > .dx-tabpanel-tabs .dx-tab {
    -webkit-box-shadow: inset 0 1px,inset 0 -1px #e39b97;
    box-shadow: inset 0 1px,inset 0 -1px #e39b97;
}
.mc-grid-bg-title {
    background-color: #e9c6c6;
}
.mc-master-grid .dx-datagrid-focus-overlay {
    border-left: 3px solid #da251d;
}
.dx-list:not(.dx-list-select-decorator-enabled) .dx-list-item.dx-list-item-selected {
    background-color: #e9c6c6;
    color: #333;
}
.dx-list:not(.dx-list-select-decorator-enabled) .dx-list-item.dx-list-item-selected.dx-state-hover:not(.dx-state-focused) {
    background-color: #e9c6c6;
    color: #333;
}
.dx-list:not(.dx-list-select-decorator-enabled) .dx-list-item.dx-state-focused {
    background-color: #e9c6c6;
    color: #333;
}
.dx-list:not(.dx-list-select-decorator-enabled) .dx-list-item.dx-state-focused.dx-list-item-selected {
    background-color: #e9c6c6;
    color: #333;
}
.dx-list:not(.dx-list-select-decorator-enabled) .dx-list-item.dx-state-active {
    background-color: #e9c6c6;
    color: #333;
}
.dx-list:not(.dx-list-select-decorator-enabled) .dx-list-item.dx-state-active .dx-list-slide-item-content {
    background-color: #e9c6c6;
    color: #333;
}
.dx-treeview-item-with-checkbox.dx-state-focused > .dx-checkbox .dx-checkbox-icon {
    border: 1px solid #da251d;
}
.dx-datagrid-focus-overlay {
    border: 2px solid #d79794;
}
.dx-calendar-cell.dx-calendar-contoured-date:not(.dx-calendar-empty-cell) {
    -webkit-box-shadow: inset 0 0 0 1px #e9c6c6;
    box-shadow: inset 0 0 0 1px #e9c6c6;
    background-color: #e9c6c6;
}
.dx-calendar-cell.dx-calendar-selected-date.dx-calendar-contoured-date,
.dx-calendar-cell.dx-calendar-selected-date.dx-calendar-today.dx-calendar-contoured-date {
    -webkit-box-shadow: inset 0 0 0 1px #e9c6c6,inset 0 0 0 1000px #e9c6c6;
    box-shadow: inset 0 0 0 1px #e9c6c6,inset 0 0 0 1000px #e9c6c6;
}
.dx-calendar-cell.dx-calendar-selected-date,
.dx-calendar-cell.dx-calendar-selected-date.dx-calendar-today {
    color: #333;
    font-weight: 700;
}
.dx-calendar-cell.dx-calendar-selected-date,
.dx-calendar-cell.dx-calendar-selected-date.dx-calendar-today {
  -webkit-box-shadow: inset 0 0 0 1000px #d5d5d5;
  box-shadow: inset 0 0 0 1000px #d5d5d5;
}
.dx-calendar-navigator .dx-calendar-caption-button.dx-button .dx-button-content {
    color: #333;
}
.dx-calendar-navigator-previous-month.dx-button .dx-icon,
.dx-calendar-navigator-previous-view.dx-button .dx-icon {
    color: #333;
    padding: 5px 0px;
}
.dx-calendar-navigator-next-month.dx-button .dx-icon,
.dx-calendar-navigator-next-view.dx-button .dx-icon {
    color: #333;
    padding: 5px 0px;
}
.dx-datagrid-rowsview .dx-data-row .dx-cell-modified.dx-cell-modified::after,
.dx-datagrid-rowsview .dx-data-row .dx-cell-modified.dx-datagrid-invalid::after {
    border-color: transparent;
}
.dx-datagrid-rowsview .dx-row.dx-group-row:not(.dx-row-focused) {
    color: #959595;
    background-color: unset;
}
.dx-row.dx-column-lines.dx-group-row.dx-focused {
    background-color: #f7f7f7;
}
/*popup*/
fieldset {
    border: 1px solid #b5b5b5;
    border-radius: 10px;
    background-color: #fff;
}
.dx-popup-wrapper > .dx-overlay-content {
    border: 1px solid #a7a7a7;
}
.dx-texteditor.dx-editor-outlined {
    border-radius: 6px;
    border: 1px solid #4e4e4e;
}
.dx-overlay-wrapper {
    color: #4e4e4e;
}
.dx-texteditor-input-container {
    color: #4e4e4e;
}
.dx-checkbox-checked .dx-checkbox-icon {
    color: #da251d;
}
.dx-checkbox.dx-state-hover .dx-checkbox-icon {
    border: 1px solid #da251d;
}
.dx-checkbox.dx-state-focused .dx-checkbox-icon {
    border: 1px solid #da251d;
}
.dx-texteditor-input::selection {
    background-color: #e5b5b5;
    color: #000;
}
.dx-popover-wrapper.dx-position-bottom .dx-popover-arrow {
    height: 0;
    display: none;
}
/*footer button*/
.mdxDataGridFooterToolBar {
    background-color: #E9c6c6;
    padding: 0px 5px;
}
.dx-datagrid-pager.dx-pager {
    background-color: #E8E2E2;
    padding: 5px 5px;
}
.dx-page-size, .dx-page {
    color: #333;
    border: 1px solid #707070;
    background-color: #fff;
}
.dx-pager .dx-page-sizes .dx-selection, .dx-pager .dx-pages .dx-selection {
    color: #333;
    /*border: 1px solid #707070;*/
    border: 1px solid #b98f8f;
    /*background-color: #fff;*/
    background-color: #ffeded;
    font-weight: bold;
    box-shadow: 2px 2px #00000029;
}
.dx-pager .dx-page-sizes .dx-page-size {
    box-shadow: 2px 2px #00000029;
    margin-right: 4px;
}
.dx-pager .dx-pages .dx-page {
    box-shadow: 2px 2px #00000029;
    margin-right: 4px;
}
.dx-button-mode-contained {
    background-color: #fff;
    border-color: #838181;
}
.dx-button-mode-contained.dx-state-hover {
    border-color: #6E0202;
    color: #6E0202;
}
.dx-button-mode-contained.dx-state-focused {
    border-color: #6E0202;
    color: #6E0202;
    background-color: #f5f5f5;
}
.dx-button.dx-button-mode-contained.dx-state-focused {
    background-color: #f1efff;
    border-color: #0078d7;
}
.dx-button-mode-contained.dx-state-active {
    background-color: #f5f5f5;
    border-color: #6E0202;
    color: #6E0202;
}
.dx-button-mode-contained .dx-icon {
    color: unset;
}
.dx-button-mode-contained.dx-button-success {
    background-color: #fff;
    border-color: #838181;
    color: #333;
}
.dx-button-mode-contained.dx-button-success.dx-state-hover {
    border-color: #6E0202;
    color: #6E0202;
    background-color: #f5f5f5;
}
.dx-button-mode-contained.dx-button-success.dx-state-focused {
    border-color: #6E0202;
    color: #6E0202;
    background-color: #f5f5f5;
}
.dx-button-mode-contained.dx-button-success .dx-icon {
    color: unset;
}
/*footer*/
.mc-footer {
    background-color: #f9f8f8;
    color: #000;
}
/*--Theme 3 (Red & Black) End --*/




/*--Theme 4 (Blue - Miracle Desktop) Start ------------------------------------------------------*/

/** --- COMMON CLASS START ------------------------------------------------------ **/
legend {
    background-color: #d0ecf8;
    color: #000;
}
fieldset {
    border: 1px solid #808080;
    background-color: unset;
}
.mc-popup-content {
    background-color: #D0ECF8;
}
.dx-overlay-wrapper {
    color: #000;
}
.dx-popup-wrapper .dx-state-focused.dx-overlay-content {
    border: 1px solid #1080b2;
}
.dx-menu-item-selected {
    background-color: #d0ecf8;
}
.dx-accordion-item-closed .dx-accordion-item-title,
.dx-accordion-item.dx-accordion-item-closed.dx-state-hover > .dx-accordion-item-title {
    background-color: #acdef3;
}
.dx-datagrid-group-opened {
    color: #000;
}
/*gray border*/
.dx-row > td.mc-border-gray {
    border: 1px solid #72c6eb;
}
.mc-border-gray.dx-state-disabled {
    border: 1px solid #ccc;
}
/*dropdown editor*/
.dx-dropdowneditor-button.dx-state-active .dx-dropdowneditor-icon,
.dx-dropdowneditor.dx-dropdowneditor-active .dx-dropdowneditor-icon,
.dx-dropdowneditor.dx-state-active .dx-dropdowneditor-icon,
.dx-dropdowneditor.dx-state-hover:not(.dx-custom-button-hovered) .dx-dropdowneditor-icon {
    background-color: #afdaed;
}
/*texteditor*/
.dx-texteditor-input {
    color: #000;
}
.dx-texteditor.dx-editor-outlined {
    border: 1px solid #72c6eb;
    background-color: #f7fcfe;
}
.dx-texteditor-input::selection {
    background-color: #5abde8;
    color: #000;
}
.dx-texteditor.dx-editor-outlined.dx-state-focused {
    background-color: #B9FFB9;
}
.dx-editor-cell .dx-texteditor.dx-editor-outlined.dx-state-focused .dx-texteditor-input {
    background-color: #B9FFB9;
}
.dx-texteditor.dx-editor-outlined.dx-state-disabled {
    background-color: #b8e2f5;
    border: 1px solid #72c6eb;
}
.dx-texteditor.dx-editor-outlined.dx-state-disabled.mc-text-disable .dx-texteditor-input-container .dx-texteditor-input {
    color: #2baae2;
}
.dx-texteditor.dx-editor-outlined.dx-state-disabled.mc-text-disable {
    background-color: #d0ecf8;
}
.dx-editor-cell .dx-texteditor .dx-texteditor-input {
    background: #d0ecf8;
}
.mc-highlight-number-box input.dx-texteditor-input {
    background-color: #d0ecf8;
}
/*romove group space*/
.mc-remove-group-space .dx-header-row .dx-datagrid-group-space {
    background-color: #89d0ef;
}
.mc-remove-group-space .dx-datagrid-rowsview .dx-datagrid-group-space {
    background-color: #f7fcfe;
}
/*checkbox*/
.dx-checkbox-icon {
    border: 1px solid #646464;
}
.dx-checkbox-checked .dx-checkbox-icon {
    color: #000;
}
.dx-checkbox.dx-state-hover .dx-checkbox-icon {
    border: 1px solid #646464;
}
.dx-checkbox.dx-state-focused .dx-checkbox-icon {
    border: 1px solid #646464;
}
.dx-treeview-item-with-checkbox.dx-state-focused > .dx-checkbox .dx-checkbox-icon {
    border: 1px solid #646464;
}
/*calendar*/
.dx-calendar-cell.dx-calendar-contoured-date:not(.dx-calendar-empty-cell) {
    -webkit-box-shadow: inset 0 0 0 1px #89d0ef;
    box-shadow: inset 0 0 0 1px #89d0ef;
    background-color: #d0ecf8;
}
.dx-calendar-navigator .dx-calendar-caption-button.dx-button.dx-state-active {
    background-color: #89d0ef;
}
.dx-calendar-cell.dx-calendar-selected-date.dx-calendar-contoured-date,
.dx-calendar-cell.dx-calendar-selected-date.dx-calendar-today.dx-calendar-contoured-date {
    -webkit-box-shadow: inset 0 0 0 1px #89d0ef,inset 0 0 0 1000px #89d0ef;
    box-shadow: inset 0 0 0 1px #89d0ef,inset 0 0 0 1000px #89d0ef;
}
/*searchbox*/
.dx-datagrid-header-panel .dx-toolbar {
    background-color: #d0ecf8; 
}
.dx-datagrid-search-panel.dx-texteditor.dx-editor-outlined.dx-state-focused {
    background-color: #fff;
}
.dx-searchbox .dx-icon-search::before {
    color: #000;
}
.dx-icon-clear::before {
    color: #000;
}
.dx-texteditor.dx-state-focused.dx-editor-outlined {
    border-color: #72c6eb;
}
/*- Toolbar Start ---------------------*/
.dx-toolbar,
.dx-toolbar.mc-popup-header-toolbar {
    background-color: #5abde8;
    color: #000;
}
.dx-popup-title .dx-closebutton {
    background-color: #CC3204;
    border: 1px solid #CC3204;
}
.dx-button-mode-text .dx-icon {
    color: #fff; 
}
/*footer toolbar*/
.mdxDataGridFooterToolBar.dx-toolbar {
    background-color: #d0ecf8;
}
.mc-footer-toolbar.mdxDataGridFooterToolBar.dx-toolbar {
    background-color: #d0ecf8;
    border-color: transparent;
}
.mc-footer-toolbar .dx-button-mode-contained {
    background-color: #aad1e3;
    border-color: #adadad;
    color: #000;
}
.mc-footer-toolbar .dx-button-mode-contained.dx-state-hover {
    border-color: #0078d7;
    color: #000;
    background-color: #acdbf3;
}
.mc-footer-toolbar .dx-button-mode-contained.dx-state-focused {
    border-color: #0078d7;
    color: #000;
    background-color: #acdbf3; 
}
/*- Toolbar End ---------------------*/ 
/*- Datagrid Start ---------------------*/
.dx-datagrid {
    color: #000;
    background-color: #F7FCFE;
}
.dx-datagrid-headers {
    border-bottom: 1px solid #646464; 
    background-color: #89D0EF;
    color: #000;
}
.dx-datagrid-headers .dx-datagrid-content {
    margin-bottom: 0px;
}
.mc-grid-bg-title {
    background-color: #f7fcfe;
    color: #ff0000;
}
.dx-datagrid-headers .dx-datagrid-content-fixed tr > td {
    border-bottom: 1px solid #646464;
    background-color: #89D0EF;
    color: #000;
}
.dx-row.dx-column-lines.dx-group-row.dx-focused {
    background-color: #acdef3; 
}
.mc-page-voucher .mc-trans-entry-grid {
    background-color: #65cdf9;
}
.mc-theme-border-grid .dx-datagrid .dx-row-lines > td {
    border-bottom: 1px solid #89d0ef;
    border-right: 1px solid #89d0ef;
}
.dx-datagrid-focus-overlay {
    border: 0;
}
.dx-scrollable-scroll-content {
    background-color: #0f78a7;
}
.dx-scrollbar-hoverable.dx-scrollable-scrollbar-active .dx-scrollable-scroll-content {
    background-color: #0f78a7;
}
/*master grid*/
.mc-master-grid .dx-datagrid-focus-overlay {
    border-left: 3px solid #006699;
}
.mc-master-grid .dx-datagrid .dx-row-lines > td {
    border-bottom: 1px solid #89D0EF;
}
.mc-master-grid .dx-datagrid .dx-datagrid-headers .dx-datagrid-table .dx-column-lines > td, 
.mc-master-grid .dx-datagrid .dx-column-lines > td {
    border-right: 1px solid #89D0EF;
}
.mc-master-grid .dx-datagrid-rowsview .dx-selection.dx-row:not(.dx-row-focused).dx-column-lines > td,
.mc-master-grid .dx-datagrid-rowsview .dx-selection.dx-row:not(.dx-row-focused).dx-column-lines > tr > td,
.mc-master-grid .dx-datagrid-rowsview .dx-selection.dx-row:not(.dx-row-focused):hover.dx-column-lines > td,
.mc-master-grid .dx-datagrid-rowsview .dx-selection.dx-row:not(.dx-row-focused):hover.dx-column-lines > tr > td {
    border-left-color: #89D0EF;
    border-right-color: #89D0EF;
}
.mc-master-grid .dx-datagrid-rowsview .dx-selection.dx-row:not(.dx-row-focused).dx-row-lines > td,
.mc-master-grid .dx-datagrid-rowsview .dx-selection.dx-row:not(.dx-row-focused).dx-row-lines > tr > td,
.mc-master-grid .dx-datagrid-rowsview .dx-selection.dx-row:not(.dx-row-focused):hover.dx-row-lines > td,
.mc-master-grid .dx-datagrid-rowsview .dx-selection.dx-row:not(.dx-row-focused):hover.dx-row-lines > tr > td {
    border-bottom-color: #89D0EF;
}
.mc-master-grid .dx-datagrid-rowsview .dx-selection.dx-row:not(.dx-row-focused).dx-row-lines > tr > td,
.mc-master-grid .dx-datagrid-rowsview .dx-selection.dx-row:not(.dx-row-focused):hover.dx-row-lines > td,
.mc-master-grid .dx-datagrid-rowsview .dx-selection.dx-row:not(.dx-row-focused):hover.dx-row-lines > tr > td {
    border-bottom-color: #d2d2d2;
}
/*datagrid*/
.dx-datagrid .dx-row-lines > td {
    border-bottom: 1px solid #d2d2d2; 
}
.dx-datagrid .dx-datagrid-headers .dx-datagrid-table .dx-column-lines > td {
    border-right: 1px solid #000;
}
.dx-datagrid .dx-datagrid-headers .dx-datagrid-table .dx-column-lines > td:last-child {
    border-right-color: transparent;
}
.dx-datagrid-rowsview .dx-selection.dx-row:not(.dx-row-focused) > td.dx-focused,
.dx-datagrid-rowsview .dx-selection.dx-row:not(.dx-row-focused) > tr > td.dx-focused,
.dx-datagrid-rowsview .dx-selection.dx-row:not(.dx-row-focused):hover > td.dx-focused,
.dx-datagrid-rowsview .dx-selection.dx-row:not(.dx-row-focused):hover > tr > td.dx-focused {
    background-color: #ACDEF3;
}
.dx-datagrid-rowsview .dx-selection.dx-row:not(.dx-row-focused).dx-column-lines > td,
.dx-datagrid-rowsview .dx-selection.dx-row:not(.dx-row-focused).dx-column-lines > tr > td,
.dx-datagrid-rowsview .dx-selection.dx-row:not(.dx-row-focused):hover.dx-column-lines > td,
.dx-datagrid-rowsview .dx-selection.dx-row:not(.dx-row-focused):hover.dx-column-lines > tr > td {
    border-left-color: #d2d2d2;
    border-right-color: #d2d2d2;
}
.dx-datagrid-rowsview .dx-selection.dx-row:not(.dx-row-focused).dx-row-lines > td,
.dx-datagrid-rowsview .dx-selection.dx-row:not(.dx-row-focused).dx-row-lines > tr > td,
.dx-datagrid-rowsview .dx-selection.dx-row:not(.dx-row-focused):hover.dx-row-lines > td,
.dx-datagrid-rowsview .dx-selection.dx-row:not(.dx-row-focused):hover.dx-row-lines > tr > td {
    border-bottom-color: #d2d2d2;
}
.dx-datagrid-rowsview .dx-selection.dx-row:not(.dx-row-focused) > td,
.dx-datagrid-rowsview .dx-selection.dx-row:not(.dx-row-focused) > tr > td,
.dx-datagrid-rowsview .dx-selection.dx-row:not(.dx-row-focused):hover > td,
.dx-datagrid-rowsview .dx-selection.dx-row:not(.dx-row-focused):hover > tr > td {
    background-color: #ACDEF3;
    color: #000;
}
.dx-datagrid-rowsview .dx-selection.dx-row:not(.dx-row-focused).dx-row-lines > td .dx-state-focused,
.dx-datagrid-rowsview .dx-selection.dx-row:not(.dx-row-focused).dx-row-lines > tr > td .dx-state-focused,
.dx-datagrid-rowsview .dx-selection.dx-row:not(.dx-row-focused):hover.dx-row-lines > td .dx-state-focused,
.dx-datagrid-rowsview .dx-selection.dx-row:not(.dx-row-focused):hover.dx-row-lines > tr > td .dx-state-focused {
    border: 1px solid #0a506f;
}
.dx-row.dx-datagrid-group-footer > td {
    background-color: #f7fcfe;
}
.dx-datagrid-rowsview .dx-row.dx-group-row:not(.dx-row-focused) {
    color: #ff0000;
}
.dx-datagrid-rowsview .dx-row.dx-group-row td {
    border-top-color: #89d0ef;
    border-bottom-color: #89d0ef;
}
/*datagrid dropdown*/
.mc-txt-dropdown .dx-datagrid .dx-row-lines > td {
    border-bottom: 1px solid #d2d2d2;
}
.mc-txt-dropdown .dx-datagrid .dx-column-lines > td {
    border-right: 1px solid #d2d2d2;
}
.mc-txt-dropdown .dx-datagrid-rowsview .dx-selection.dx-row:not(.dx-row-focused).dx-row-lines > td {
    border-bottom-color: #d2d2d2;
}
.mc-txt-dropdown .dx-datagrid .dx-datagrid-headers .dx-datagrid-table .dx-column-lines > td {
    border-right: 1px solid #000;
}
/*datagrid borders*/
.dx-datagrid-borders > .dx-datagrid-rowsview,
.dx-datagrid-borders > .dx-datagrid-total-footer {
    border-bottom: 1px solid #000;
}
.dx-datagrid-borders > .dx-datagrid-headers,
.dx-datagrid-borders > .dx-datagrid-rowsview,
.dx-datagrid-borders > .dx-datagrid-total-footer {
    border-left: 1px solid #000;
    border-right: 1px solid #000;
} 
.dx-datagrid-borders > .dx-datagrid-rowsview,
.dx-datagrid-borders > .dx-datagrid-headers {
    border-color: #1080b2;
}
/*datagrid footer*/
.mc-grid-entry-journal .mdxDataGridFooterToolBar,
.mc-grid-entry-credit-debit-note .mdxDataGridFooterToolBar,
.mc-grid-entry-cash-bank .mdxDataGridFooterToolBar,
.mc-grid-advance-reciept .mdxDataGridFooterToolBar {
    border-left: 1px solid #000;
    border-right: 1px solid #000;
    border-bottom: 1px solid #000;
    background-color: #e7f5fb;
}
/*- Datagrid End ---------------------*/
/*popup*/
.dx-popup-wrapper > .dx-overlay-content {
    background: #d0ecf8;
    border: 1px solid #1080b2;
}
/*pager*/
.dx-page-size, .dx-page {
    color: #000;
} 
.dx-pager .dx-page, 
.dx-pager .dx-page-size {
    border: 1px solid #ADADAD;
}
.dx-datagrid-pager.dx-pager {
    background-color: #E2F4FC;
}
.dx-pager .dx-page-sizes .dx-selection, 
.dx-pager .dx-pages .dx-selection {
    color: #000;
    border: 1px solid #ADADAD;
    background-color: #B2D5E4;
}
.dx-page-size:hover, 
.dx-page:hover {
    border-color: #0078d7;
    background-color: #b4dff4;
}
.dx-page-size.dx-selection:hover, 
.dx-page.dx-selection:hover {
    border-color: #0078d7;
    background-color: #b4dff4;
}
/*tabpanel*/
.dx-tabpanel > .dx-tabpanel-tabs .dx-tabs {
    background-color: #d0ecf8;
}
.dx-tab.dx-tab-selected,
.dx-tab.dx-tab-selected.dx-state-hover {
    background-color: #d0ecf8;
    color: #000;
}
.dx-tabpanel.dx-state-focused > .dx-tabpanel-tabs .dx-tab.dx-tab-selected {
    -webkit-box-shadow: inset 0 1px #808080,inset -1px 0 #808080,inset 1px 0 #808080;
    box-shadow: inset 0 1px #808080,inset -1px 0 #808080,inset 1px 0 #808080;
}
.dx-tabpanel.dx-state-focused > .dx-tabpanel-tabs .dx-tabs {
    -webkit-box-shadow: inset 0 -1px #808080,inset 0 1px,inset -1px 0,inset 1px 0;
    box-shadow: inset 0 -1px #808080,inset 0 1px,inset -1px 0,inset 1px 0;
}
.dx-tabpanel.dx-state-focused .dx-multiview-wrapper {
    border-color: #808080;
}
.dx-tabpanel.dx-state-focused > .dx-tabpanel-tabs .dx-tabs-expanded .dx-tab:not(.dx-tab-selected):first-of-type,
.dx-tabpanel > .dx-tabpanel-tabs .dx-tabs-expanded .dx-tab:not(.dx-tab-selected):first-of-type {
    -webkit-box-shadow: inset 0 -1px #808080,inset 1px 0,inset 0 1px;
    box-shadow: inset 0 -1px #808080,inset 1px 0,inset 0 1px;
}
.dx-tabpanel.dx-state-focused > .dx-tabpanel-tabs .dx-tab {
    -webkit-box-shadow: inset 0 1px,inset 0 -1px #808080;
    box-shadow: inset 0 1px,inset 0 -1px #808080;
}
.dx-tab.dx-state-hover {
    background-color: #ecf9ff;
}
.dx-tab {
    background-color: #e7f5fb;
    color: #333;
}
.dx-tabpanel .dx-multiview-wrapper {
    border: 1px solid #808080;
}
.dx-tabpanel > .dx-tabpanel-tabs .dx-tab.dx-tab-selected {
    -webkit-box-shadow: inset 0 1px #808080, inset -1px 0 #808080, inset 1px 0 #808080;
    box-shadow: inset 0 1px #808080, inset -1px 0 #808080, inset 1px 0 #808080;
}
.dx-tabpanel > .dx-tabpanel-tabs .dx-tabs .dx-tab {
    color: #808080;
}
.dx-tabpanel > .dx-tabpanel-tabs .dx-tab {
    width: 140px;
    -webkit-box-shadow: inset 0 1px, inset 0 -1px #808080;
    box-shadow: inset 0 1px, inset 0 -1px #808080;
}
.dx-tabpanel > .dx-tabpanel-tabs .dx-tabs {
    color: #808080;
    -webkit-box-shadow: inset 0 -1px #808080, inset 0 1px, inset -1px 0, inset 1px 0;
    box-shadow: inset 0 -1px #808080, inset 0 1px, inset -1px 0, inset 1px 0;
}
.mc-tabpanel-tds-helper > .dx-tabpanel-tabs .dx-tab.dx-tab-active .dx-tab-content,
.mc-tabpanel-tds-helper > .dx-tabpanel-tabs .dx-tab.dx-tab-selected .dx-tab-content {
    color: #000;
} 
/*warning popup*/
.mc-notification-icon i {
    color: #025782;
}
/*company & voucher setup*/
.dx-list:not(.dx-list-select-decorator-enabled) .dx-list-item.dx-list-item-selected {
    background-color: #acdef3;
    color: #000;
}
.dx-list:not(.dx-list-select-decorator-enabled) .dx-list-item.dx-state-focused.dx-list-item-selected {
    background-color: #acdef3;
    color: #000;
}
.dx-list:not(.dx-list-select-decorator-enabled) .dx-list-item.dx-state-focused,
.dx-list:not(.dx-list-select-decorator-enabled) .dx-list-item.dx-state-active {
    background-color: #acdef3;
    color: #000;
}
.dx-list:not(.dx-list-select-decorator-enabled) .dx-list-item.dx-state-active .dx-list-slide-item-content {
    background-color: #acdef3;
    color: #000;
}
.dx-list:not(.dx-list-select-decorator-enabled) .dx-list-item.dx-list-item-selected.dx-state-hover:not(.dx-state-focused) {
    background-color: #acdef3;
    color: #000;
}
.dx-list .dx-empty-message, 
.dx-list-item {
    border-top: 1px solid #72c6eb;
    color: #000;
}
.dx-state-focused.dx-accordion-item {
    border-color: #d0ecf8;
}
.dx-accordion {
    background-color: #fafafb;
    color: #000;
}
.dx-accordion-item {
    border-top-color: #72c6eb;
}
.dx-accordion-item-opened {
    border-color: #89d0ef;
    background-color: #fff;
}
.dx-accordion-item:last-child {
    border-bottom: 1px solid #89d0ef;
}
.dx-accordion-item-opened.dx-state-hover > .dx-accordion-item-title,
.dx-accordion-item-opened > .dx-accordion-item-title {
    background-color: #fff; 
    color: #fc0000;
}
.dx-accordion-item-title {
    background-color: #fafafb;
}
.dx-accordion-item.dx-state-active:not(.dx-accordion-item-opened) > .dx-accordion-item-title {
    background-color: #fafafb;
}
.dx-accordion-item.dx-state-hover > .dx-accordion-item-title {
    background-color: #fafafb;
}
.mc-bg-bluest-white {
    background-color: #fafafb;
}
.dx-texteditor-input.mc-text-red {
    color: #fc0000;
}
.dx-texteditor-input.mc-text-azure {
    color: #007bff;
}
/*- Button Start ---------------------*/
.dx-button-mode-contained {
    background-color: #B2D5E4;
    border-color: #ADADAD;
    color: #000;
}
.dx-button-mode-contained.dx-state-hover {
    border-color: #0078d7;
    color: #000;
    background-color: #b4dff4;
}
.dx-button-mode-contained.dx-button-success.dx-state-hover {
    border-color: #0078d7;
    color: #000;
    background-color: #acdbf3;
}
.dx-button-mode-contained.dx-state-focused {
    border-color: #0078d7;
    color: #000;
    background-color: #b4dff4;
}
.dx-button-mode-contained.dx-button-success.dx-state-focused { 
    border-color: #0078d7;
    color: #000;
    background-color: #acdbf3;
}
.dx-button-mode-contained.dx-state-active {
    background-color: #89d0ef;
    border-color: #000;
    color: #000;
}
.dx-button-mode-contained.dx-button-success {
    background-color: #aad1e3;
    border-color: #ADADAD;
    color: #000;
}
.dx-state-disabled .dx-button,
.dx-state-disabled.dx-button {
    background-color: #b8e2f5;
    border-color: #bfbfbf;
    color: #000;
}
.mc-text-red .dx-icon {
    color: #f00;
}
/*whatsapp*/
.mc-whatsapp-attachment-list .dx-button-mode-contained.dx-button-danger.dx-state-hover {
    border-color: #0078d7;
    color: #000;
    background-color: #b4dff4;
}
.mc-whatsapp-attachment-list .dx-button-mode-contained.dx-button-danger {
    background-color: #B2D5E4;
    border-color: #ADADAD;
    color: #000;
}
/*- Button End ---------------------*/
/** --- COMMON CLASS END ------------------------------------------------------ **/

/** --- MAIN HEADER START ----------------------------------------------------- **/
.mc-navbar {
    background-color: #BBE2F5;
    border-bottom: 1px solid #1080B2;
}
.mc-text-highlight {
    color: #000038;
}
.mc-navbar .nav-link {
    color: #000038;
}
.nav-link:hover {
    color: #5e5e5e;
}
.mc-text-highlight:hover {
    color: #5e5e5e;
}
.nav-link-time:hover,
.nav-link-time .mc-text-highlight:hover {
    cursor:default;
    color: #000038;
}
.dropdown-item {
    color: #000;
}
.dropdown-item:focus,
.dropdown-item:hover {
    color: #000;
    background-color: #89D0EF;
}
/** --- MAIN HEADER END ------------------------------------------------------ **/

/** --- LEFT MENU START ------------------------------------------------------ **/
.mc-offcanvas-drawer {
    background-color: #006699;
}
.mc-offcanvas-drawer .brand {
    border-bottom: 1px solid #1080B2;
}
.mc-offcanvas-drawer .menu-opts ul li .dx-menu-item-expanded .dx-item-content {
    background-color: #43b3e5;
}
.mc-offcanvas-drawer .menu-opts ul li .dx-menu-item-expanded .dx-item-content i {
    color: #fff;
}
.dx-menu .dx-menu-item-expanded {
    color: #333;
    background-color: #43b3e5;
}
.dx-menu-item-expanded {
    color: #000;
    background-color: #89D0EF;
}
.dx-menu-item.dx-state-focused {
    background-color: #89D0EF;
    color: #000;
}
.dx-item-content.dx-menu-item-content:hover {
    background-color: #89D0EF;
}
.dx-context-menu .dx-submenu {
    background-color: #d0ecf8;
    border: 1px solid #1080b2;
}
.dx-context-menu-content-delimiter {
    background-color: #43b3e5;
}
.mc-offcanvas-drawer .theme-setting {
    background-color: #025782;
}
.mc-offcanvas-drawer .theme-setting a.btn-select-theme {
    color: #fff;
}
/** --- LEFT MENU END ------------------------------------------------------ **/

/** --- MAIN FOOTER START -------------------------------------------------- **/
.mc-footer {
    background-color: #72C6EB;
    color: #000;
}
/** --- MAIN FOOTER END ---------------------------------------------------- **/


/*-- Theme 4 (Blue - Miracle Desktop) End ------------------------------------------------------*/