:root {
    --dashboardBackgroundColor: #f7f8fa;
    --headerTextColor: #52768c;
    --headerTextWeight: 500;
    --headerMenuTextColor: #8c8282;
    --headerMenuIconColor: #8c8282;
    --dashboardCaptionColor: #8c8282;
    --dashboardCaptionBackgroundColor: #ffffff;
    --dashboardIconColor: #8c8282;
    --dashboardWidgetBackgroundColor: #ffffff;
    --dashboardWidgetTextColor: auto;
    --dashboardWidgetBorderColor: #e8eaeb;
    --dashboardWidgetBoxShadow: #c2c8d4;
    --gridHeaderTextColor: #52768C;
    --pivotHighlightedColor: #f5f5f5;
    --pivotHighlightedTextColor: #8c8282;
    --pivotTextColor: #655f5f;
    --dataGridTextColor: #655f5f;
    --dataGridTextColor: #655f5f;
    --tabSelectedBorderColor: #038edc;
    --tabSelectedBackgroundColor: #ffffff;
    /*--tabHeaderBackgroundColor: #ffffff;*/
    --tabHeaderBackgroundColor: #f7f8fa;
    --tabHeaderWidth: 200px;
    --dashboardBaseColor: #8c8282;
    --gridHoverColor: #f7f8fa;
    --gridHeaderBackgroundColor: #ffffff;
    --gridRowLineHeight: inherit;
    --dataGridTextFontSize: 10.5px;
    --dataGridTextFontWeight: 500;
    --dataGridHeaderFontSize: 10.5px;
    --greenAccent: #30a69e;
    --greenAccentActive: #009488;
    --lightGreenAccent: #f2faf9;
    --lightGreenAccentActive: #e0f2f3;
}

.dx-layout-item-wrapper .dx-layout-item-container.dx-dashboard-item-container {
    margin: 3px !important;
}

.contentDashboard .dx-dashboard-ellipsis {
    align-items: center;
    font-weight: 500;
}

.dx-dashboard-surface .dx-scrollable-wrapper {
    height: 100% !important;
}

.theme-dashboard-widget-container {
    -webkit-box-shadow: 0 2px 3px var(--dashboardWidgetBoxShadow) !important;
    box-shadow: 0 4px 5px var(--dashboardWidgetBoxShadow) !important;
    background-clip: border-box !important;
    /*border: 1px solid var(--dashboardWidgetBorderColor) !important;*/
    border-radius: 0.25rem !important;
}

.theme-dashboard-widget-toolbar-container {
    height: 40px !important;
    -webkit-box-align: center !important;
    -ms-flex-align: center !important;
    align-items: center !important;
    -webkit-transition: background-color .4s ease-out !important;
    transition: background-color .4s ease-out !important;
}

.theme-mb-6 {
    margin-bottom: 6px !important;
}

.page-header-light {
    border-bottom: 0 !important;
}

.dashboard-header {
    padding: 6px;
}

.dashboard-header-title {
    font-size: 18px !important;
    font-weight: 500;
    font-family: Roboto, sans-serif;
    text-transform: uppercase;
}

.dropdown-menu>.dropdown-submenu>.dropdown-item:after {
    /*content: '\edc8' !important;*/
    /*font-family: "Material Design Icons";
    content: "\F0142" !important;*/
    /*content: "\F0142" !important;*/
}

.dx-dashboard-toggle-menu-button {
    cursor: pointer;
}

.contentDashboard .dx-datagrid .dx-row>td,
.contentDashboard .dx-pivotgrid .dx-pivotgrid-area td {
    padding-right: 8px;
    padding-left: 8px;
}

.contentDashboard .dx-datagrid-content .dx-datagrid-table,
.contentDashboard .dx-pivotgrid .dx-pivotgrid-area td {
    /* font-weight: 500;*/
}

.dx-header-row>td>.dx-datagrid-text-content>div>svg {
    display: none !important
}

.dx-dashboard-caption-toolbar .dx-button-content svg,
.dx-dashboard-title-toolbar .dx-button-content svg {
    width: 20px !important;
    height: 20px !important;
}

.dx-dashboard-theme .dx-dashboard-list-popover-wrapper .dx-list-item {
    text-align: -webkit-center !important;
}

.modal-clm-aggr-selection {
    height: 1.5em;
    padding-top: 0;
    padding-bottom: 0;
}

.dx-dashboard-fullscreen-item-base {
    padding-left: 0px !important;
    top: 0 !important;
}

.breadcrumb-elements-item a {
    font-weight: 500;
}

.dx-dashboard-icon-menu-popover-wrapper .dx-tile-content {
    display: flex;
    align-items: center;
    height: 100%;
}

.dx-dashboard-icon-menu-popover-wrapper .dx-tile-content svg {
    width: 35px !important;
    height: 35px !important;
    display: block;
    margin: 0 auto 0 17px;
    text-align: center;
}

.dx-dashboard-icon-menu-popover-wrapper .dx-tile {
    top: -15px !important;
}

.dx-dashboard-icon-menu-popover-wrapper .dx-tileview {
    height: 30px !important;
}

.dx-dashboard-icon-menu-popover-wrapper .dx-tileview-wrapper .dx-tile:nth-of-type(2) {
    left: 62px !important;
}

.dx-dashboard-icon-menu-popover-wrapper .dx-tileview-wrapper .dx-tile:nth-of-type(3) {
    left: 130px !important;
}

.dashboard-theme-settings i {
    font-size: 18px;
    margin-right: 0.35rem !important;
}

.theme-dashboard-widget-container .dx-toolbar-before {
    width: 100% !important;
}

.ui-pnotify.ui-pnotify-fade-in {
    z-index: 99999 !important;
}

.dx-dashboard-layout-tabs .dx-tab .dx-dashboard-standalone-item,
.dx-dashboard-layout-tabs .dx-tab .dx-dashboard-standalone-item .dx-dashboard-caption-toolbar {
    border: none !important;
}

.contentDashboard .dx-dashboard-layout-tabs .dx-tab.dx-tab-selected::after {
    content: "";
    top: 34px;
    height: 2px;
}

.contentDashboard .dx-dashboard-layout-tabs .dx-tab .dx-dashboard-standalone-item .dx-dashboard-caption-toolbar {
    text-align: left;
}

.dx-dashboard-layout-tabs .dx-tab .dx-dashboard-standalone-item {
    max-width: var(--tabHeaderWidth) !important;
}

.contentDashboard .dx-dashboard-item .dx-datagrid .dx-row:not(.dx-header-row, .dx-freespace-row, .dx-datagrid-filter-row) {
    line-height: var(--gridRowLineHeight);
    font-size: var(--dataGridTextFontSize);
    font-weight: var(--dataGridTextFontWeight);
}

.contentDashboard .dx-dashboard-item-container:not([data-layout-item-name^="customItem"]) .dx-datagrid-headers .dx-datagrid-text-content {
    font-size: var(--dataGridHeaderFontSize);
}

/*Color Related Css*/

.dx-dashboard-surface,
.dx-dashboard-container,
.dashboard-header,
.dx-dashboard-control,
.dx-dashboard-fullscreen-item-base {
    background-color: var(--dashboardBackgroundColor) !important;
}

.dashboard-header-title {
    color: var(--headerTextColor);
    font-weight: var(--headerTextWeight);
}

.dashboard-header .breadcrumb-elements-item a>i,
.dashboard-header a.breadcrumb-elements-item i,
.dashboard-header a.breadcrumb-elements-item:after,
.dashboard-header .header-elements-,
.dashboard-header #dashboard-master-filters .master-filter-dropdown-btn i {
    color: var(--headerMenuIconColor);
}

.dropdown-menu>.dropdown-submenu>.dropdown-item:after,
.dx-dashboard-designer-toolbar svg use {
    color: var(--headerMenuIconColor);
}

.contentDashboard .dx-dashboard-ellipsis {
    color: var(--dashboardCaptionColor);
}

.dashboard-header .dropdown-item {
    color: var(--headerMenuTextColor) !important;
}

.dx-dashboard-theme .dx-dashboard-list-popover-wrapper .dx-list-item {
    color: var(--dashboardCaptionColor);
}

.dx-dashboard-caption-toolbar .dx-button svg use,
.dx-dashboard-icon-menu-popover-wrapper .dx-tile-content svg,
.dx-dashboard-toggle-menu-button div svg use,
.dx-dashboard-toggle-menu-button svg,
.dx-dashboard-item-container .dx-dashboard-toolbar-preview svg use,
.dx-dashboard-widget-container .dx-dashboard-surface .dx-dashboard-layout-state.dx-dashboard-layout-state-empty svg use,
.dx-dashboard-widget-container .dx-dashboard-create-tab-page-button svg use,
#dx-dashboard-designer-menu-icon .dx-dashboard-contrast-icon

/*,#dx-dashboard-item-data-source .dx-dashboard-accent-icon*/
    {
    color: var(--dashboardIconColor);
    fill: var(--dashboardIconColor);
}

.dashboard-svg-fill {
    fill: var(--dashboardIconColor) !important;
}

.dashboard-svg-color {
    color: var(--dashboardIconColor) !important;
}

.dashboard-svg-stroke {
    stroke: var(--dashboardIconColor) !important;
}

#pptx {
    fill: var(--dashboardWidgetBackgroundColor) !important;
}

.dx-dashboard-item-container,
.dx-dashboard-toolbar-preview {
    background-color: var(--dashboardWidgetBackgroundColor) !important;
}

.dx-widget-viewer-container .dx-flex-card-layout {
    background-color: var(--dashboardWidgetBackgroundColor);
}

.dx-dashboard-item .dx-datagrid:not(.dx-filter-menu) {
    background-color: var(--dashboardWidgetBackgroundColor);
}

.contentDashboard .dx-pivotgrid {
    background-color: var(--dashboardWidgetBackgroundColor);
}

.contentDashboard .dx-pivotgrid .dx-grandtotal,
.contentDashboard .dx-pivotgrid .dx-area-description-cell {
    background-color: var(--pivotHighlightedColor);
}

.contentDashboard .dx-dashboard-item svg>rect {
    fill: var(--dashboardWidgetBackgroundColor);
}

.contentDashboard .dx-pivotgrid .dx-grandtotal {
    color: var(--pivotHighlightedTextColor);
}

.contentDashboard .dx-pivotgrid .dx-pivotgrid-area-data tbody td:not(.dx-grandtotal, .dx-last-cell, .dx-row-total) {
    color: var(--pivotTextColor);
}

.contentDashboard .dx-pivotgrid .dx-grandtotal {
    color: var(--pivotHighlightedTextColor);
}

/*[data-layout-item-name^="customItem"]*/
/*.dx-dashboard-item-container:not([data-layout-item-name^="customItem"]) */
.contentDashboard .dx-dashboard-item-container:not([data-layout-item-name^="customItem"]) .dx-datagrid-headers,
.contentDashboard .dx-dashboard-item-container:not([data-layout-item-name^="customItem"]) .dx-pivotgrid-vertical-headers td,
.contentDashboard .dx-dashboard-item-container:not([data-layout-item-name^="customItem"]) .dx-pivotgrid-horizontal-headers td,
.pivot-column-heading {
    color: var(--gridHeaderTextColor);
}

.contentDashboard .dx-dashboard-item-container:not([data-layout-item-name^="customItem"]) .dx-datagrid {
    color: var(--dataGridTextColor);
}

.dx-dashboard-caption-toolbar {
    background-color: var(--dashboardCaptionBackgroundColor);
}

.dx-dashboard-layout-tabs.dx-tabs .dx-tab.dx-tab-selected .dx-dashboard-item-container {
    background-color: var(--dashboardCaptionBackgroundColor);
}

.dx-dashboard-layout-tabs-container .dx-dashboard-item-container {
    background-color: var(--dashboardBackgroundColor);
}

.dx-dashboard-layout-tabs.dx-tabs .dx-dashboard-standalone-item:not(.dx-dashboard-hidden-element),
.dx-dashboard-layout-tabs.dx-tabs .dx-tab:not(.dx-tab-selected) .dx-dashboard-standalone-item:not(.dx-dashboard-hidden-element),
.contentDashboard .dx-dashboard-tab-button {
    border-color: var(--dashboardWidgetBorderColor);
}

.dx-dashboard-widget-container .dx-dashboard-tab-button.dx-dashboard-toggle-menu-button,
.dx-dashboard-widget-container .dx-dashboard-tab-button dx-dashboard-create-tab-page-button {
    background-color: var(--dashboardBackgroundColor);
}

.dx-dashboard-layout-tabs.dx-tabs .dx-tab:not(.dx-tab-selected).dx-state-hover .dx-dashboard-item-container {
    background-color: var(--dashboardBackgroundColor);
}

/*.contentDashboard .dx-dashboard-item-container .dx-pivotgrid * {
    border-color: var(--dashboardWidgetBorderColor) !important
}*/

.dx-dashboard-caption-toolbar.dx-dashboard-caption-toolbar-border {
    border-color: var(--dashboardWidgetBorderColor) !important;
}

/*.contentDashboard .dx-dashboard-item-container .dx-datagrid * {
    border-color: var(--dashboardWidgetBorderColor) !important;
}*/
/*.contentDashboard .dx-dashboard-item svg * {
    stroke: var(--dashobard-widget-border-color) !important;
}*/
.contentDashboard .dx-popup-wrapper:not(.dx-dashboard-property-grid, .dx-filtereditor, .dx-dashboard-calc-field-editor-popup, .dx-dashboard-datasources-rename-popup, .dxrd-wizard, .dxrd-querybuilder-popup, .dxqb-preview, .dx-dashboard-datasource-browser-popup)>.dx-overlay-content:not(.dx-colorbox-overlay),
.contentDashboard .dx-tile {
    background-color: var(--dashboardWidgetBackgroundColor);
}

.contentDashboard .dx-popover-wrapper:not(.dx-dashboard-property-grid, .dx-filtereditor, .dx-dashboard-calc-field-editor-popup, .dx-dashboard-datasources-rename-popup, .dxrd-wizard, .dxrd-querybuilder-popup, .dxqb-preview, .dx-dashboard-datasource-browser-popup) .dx-popover-arrow::after,
.dx-popover-wrapper:not(.dx-dashboard-property-grid, .dx-filtereditor, .dx-dashboard-calc-field-editor-popup, .dx-dashboard-datasources-rename-popup, .dxrd-wizard, .dxrd-querybuilder-popup, .dxqb-preview, .dx-dashboard-datasource-browser-popup).dx-popover-without-title .dx-popover-arrow::after {
    background: var(--dashboardWidgetBackgroundColor);
    border-color: var(--dashboardWidgetBorderColor);
}

.contentDashboard .dx-popup-wrapper:not(.dx-dashboard-property-grid, .dx-filtereditor, .dx-dashboard-calc-field-editor-popup, .dx-dashboard-datasources-rename-popup, .dxrd-wizard, .dxrd-querybuilder-popup, .dxqb-preview, .dx-dashboard-datasource-browser-popup)>.dx-overlay-content:not(.dx-colorbox-overlay) {
    border-color: var(--dashboardWidgetBorderColor);
}

.contentDashboard .dx-toolbox-extension-layout-item-placeholder div .dx-dashboard-toolbox-item svg use,
.contentDashboard .dx-dashboard-toolbox-extension:not(.dx-dashboard-binding-panel-details) .dx-dashboard-toolbox svg use {
    color: var(--dashboardIconColor) !important;
}

.contentDashboard .dx-dashboard-item:not(.dx-datagrid, .dx-pivotgrid)>div:not(.dx-datagrid, .dx-pivotgrid, .dx-texteditor-input-container) * {}

.contentDashboard .dx-dashboard-item-container text {}

.contentDashboard .dx-overlay-content .dx-dashboard-form div,
.contentDashboard .dx-overlay-content .dx-popup-title,
.contentDashboard .dx-overlay-content .dx-button-mode-text .dx-icon {}

.contentDashboard .dx-datagrid .dx-datagrid-filter-panel .dx-icon-filter {
    color: var(--dashboardBaseColor);
}

.contentDashboard .dx-dashboard-item-container:not([data-layout-item-name^="customItem"]) .dx-datagrid .dx-datagrid-filter-panel *:not(.dx-icon-filter) {
    color: var(--dataGridTextColor);
}

.contentDashboard .dx-dashboard-item .dx-textbox,
.contentDashboard .dx-dashboard-item .dx-texteditor-input {
    border-color: var(--dashboardWidgetBorderColor);
    background-color: var(--dashboardWidgetBackgroundColor);
}

.contentDashboard .dx-caption-panel-separator {
    border-color: var(--dashboardWidgetBorderColor) !important;
}

.contentDashboard .dx-dashboard-item .dx-list:not(.dx-dashboard-list, .dx-dashboard-gallery-list, .dx-dashboard-color-tables-list, .dx-dashboard-datasources-list) .dx-list-item,
.contentDashboard .dx-dashboard-item .dx-list:not(.dx-dashboard-lis, .dx-dashboard-gallery-list, .dx-dashboard-color-tables-listt, .dx-dashboard-datasources-list) .dx-list-item:hover {}

.dashboard-header .dropdown-menu>.dropdown-submenu.show>.dropdown-item,
.dashboard-header .dropdown-menu>.dropdown-submenu:hover>.dropdown-item,
.dashboard-header .dropdown-item:focus,
.dashboard-header .dropdown-item:hover {
    background-color: var(--dashboardBackgroundColor);
}

.dashboard-header .dashboard-dropdown-menu,
.dashboard-header .dropdown-menu>.dropdown-submenu.dropdown-submenu-left>.dropdown-menu {
    background-color: var(--dashboardWidgetBackgroundColor);
    border-color: var(--dashboardWidgetBorderColor) !important;
}

.contentDashboard .dx-dashboard-combobox-filter-item .dx-dropdowneditor-button.dx-state-active .dx-dropdowneditor-icon,
.contentDashboard .dx-dashboard-combobox-filter-item .dx-dropdowneditor.dx-dropdowneditor-active .dx-dropdowneditor-icon,
.contentDashboard .dx-dashboard-combobox-filter-item .dx-dropdowneditor.dx-state-active .dx-dropdowneditor-icon,
.contentDashboard .dx-dashboard-combobox-filter-item .dx-dropdowneditor.dx-state-hover:not(.dx-custom-button-hovered) .dx-dropdowneditor-icon {
    background-color: var(--dashboardBackgroundColor);
}

.contentDashboard .dx-dashboard-icon-menu-popover-wrapper .dx-tile.dx-state-hover,
.contentDashboard .dx-dashboard-icon-menu-popover-wrapper .dx-tile.dx-state-focused,
.contentDashboard .dx-list:not(.dx-list-select-decorator-enabled, .dx-dashboard-list, .dx-dashboard-gallery-list, .dx-dashboard-color-tables-list, .dx-dashboard-datasources-list) .dx-list-item.dx-state-hover,
.contentDashboard .dx-list:not(.dx-list-select-decorator-enabled, .dx-dashboard-list, .dx-dashboard-gallery-list, .dx-dashboard-color-tables-list, .dx-dashboard-datasources-list) .dx-list-item.dx-state-focused,
.contentDashboard .dx-list:not(.dx-list-select-decorator-enabled, .dx-dashboard-list, .dx-dashboard-gallery-list, .dx-dashboard-color-tables-list, .dx-dashboard-datasources-list) .dx-list-item.dx-state-active,
.dx-dashboard-item-container .dx-dashboard-item .dx-button-normal.dx-state-hover,
.dx-dashboard-item-container .dx-dashboard-item .dx-button-normal.dx-state-focused,
.dx-dashboard-item-container .dx-dashboard-item .dx-button-normal.dx-state-active {
    background-color: var(--dashboardBackgroundColor) !important;
}

.contentDashboard .dx-list:not(.dx-list-select-decorator-enabled, .dx-dashboard-list, .dx-dashboard-gallery-list, .dx-dashboard-color-tables-list, .dx-dashboard-datasources-list) .dx-list-item.dx-state-active,
.contentDashboard .dx-list:not(.dx-list-select-decorator-enabled, .dx-dashboard-list, .dx-dashboard-gallery-list, .dx-dashboard-color-tables-list, .dx-dashboard-datasources-list) .dx-list-item.dx-state-focused,
.contentDashboard .dx-list:not(.dx-list-select-decorator-enabled, .dx-dashboard-list, .dx-dashboard-gallery-list, .dx-dashboard-color-tables-list, .dx-dashboard-datasources-list) .dx-list-item.dx-state-focused.dx-list-item-selected {
    color: #333 !important;
}

.dashboard-content .modal:not(.right, #Db_Properties, #modal-writeback) .modal-content,
.modal.bootbox .modal-content {
    background-color: var(--dashboardWidgetBackgroundColor);
    border-color: var(--dashboardWidgetBorderColor);
}

.dashboard-content .modal:not(.right, #Db_Propertie, #modal-writeback) .modal-content *:not(.btn),
.modal.bootbox .modal-content {
    border-color: var(--dashboardWidgetBorderColor);
}

.contentDashboard .dx-dashboard-item .dx-datagrid .dx-row:not(.dx-header-row, .dx-freespace-row):hover {
    background-color: var(--gridHoverColor);
}


.contentDashboard .dx-dashboard-item-container .dx-dashboard-date-filter-overlay {
    background-color: var(--dashboardWidgetBackgroundColor) !important;
}

.dx-dashboard-item-container .dx-dashboard-date-filter-widget *,
.dx-dashboard-item-container .dx-dashboard-date-filter-overlay-calendar,
.dx-dashboard-item-container .dx-dashboard-date-filter-overlay-calendar .dx-calendar-navigator .dx-button,
.dx-dashboard-item-container .dx-dashboard-date-filter-overlay .dx-dashboard-date-filter-overlay-text-box .dx-texteditor-input,
.dx-dashboard-item-container .dx-dashboard-date-filter-overlay .dx-dashboard-date-filter-overlay-button {
    background-color: var(--dashboardWidgetBackgroundColor) !important;
}

.dx-dashboard-item-container .dx-treelist-container {
    background-color: var(--dashboardWidgetBackgroundColor) !important;
}

/*.contentDashboard .dx-buttongroup-item.dx-button.dx-button-mode-contained.dx-button-normal.dx-item-selected.dx-state-hover {
    background-color: var(--dashboardBackgroundColor) !important;
}*/

.contentDashboard .dx-dashboard-item-container .dx-dashboard-date-filter-overlay,
.dx-dashboard-item-container .dx-treelist-container,
.dx-dashboard-item-container .dx-dashboard-date-filter-widget .dx-button,
.dx-dashboard-item-container .dx-dashboard-date-filter-overlay-calendar .dx-calendar-navigator .dx-button,
.dx-dashboard-toolbox-extension,
.dx-dashboard-toolbox-group-separator,
.dx-dashboard-toolbar-separator .dx-toolbar-item-content,
.dx-dashboard-designer-toolbar,
.dx-dashboard-designer-toolbar .dx-button-mode-contained,
.dx-dashboard-designer-toolbar .dx-texteditor {
    border-color: var(--dashboardWidgetBorderColor) !important;
}

.dx-dashboard-item-container:not([data-layout-item-name^="customItem"]) .dx-dashboard-item .dx-button-normal {
    background-color: var(--dashboardWidgetBackgroundColor) !important;
}

.custom-grid-item-selection-popup-content-table .uniform-checker span {
    background-color: #ffffff !important;
    border-color: var(--dashboardWidgetBorderColor) !important;
}

.dx-dashboard-designer-toolbar,
.dx-dashboard-toolbox-extension:not(.dx-dashboard-binding-panel-details) .dx-dashboard-toolbox,
.dx-dashboard-designer-menu-button {
    background-color: var(--dashboardWidgetBackgroundColor) !important;
}

.dx-dashboard-toolbox-extension:not(.dx-dashboard-binding-panel-details) .dx-dashboard-toolbox .dx-dashboard-toolbox-group {
    background-color: var(--dashboardBackgroundColor);
}

.cls-2 {
    fill: var(--dashboardIconColor) !important;
}

.dx-dashboard-designer-toolbar .dx-buttongroup-item.dx-button.dx-button-mode-contained.dx-button-normal.dx-item-selected {
    background-color: var(--dashboardBackgroundColor) !important;
}

.dx-dashboard-designer-toolbar .dx-buttongroup-item.dx-button.dx-button-mode-contained:not(.dx-item-selected) {
    background-color: var(--dashboardWidgetBackgroundColor) !important;
}

.dx-dashboard-designer-toolbar .dx-texteditor-container {
    background-color: var(--dashboardWidgetBackgroundColor) !important;
}

/*.cls-5 {
    fill: var(--dashboardWidgetTextColor) !important;
}*/
/*[data-layout-item-name^="customItem"] {
    background-color: blue !important;
}*/
.dx-list-override-backgound-color {
    background-color: #000000 !important;
}

.contentDashboard .dx-dashboard-layout-tabs .dx-tab.dx-tab-selected::after {
    background-color: var(--tabSelectedBorderColor);
}

.contentDashboard .dx-dashboard-layout-tabs.dx-tabs .dx-tab.dx-tab-selected .dx-dashboard-item-container {
    background-color: var(--tabSelectedBackgroundColor) !important;
}

.contentDashboard .dx-dashboard-layout-tabs.dx-tabs .dx-tab .dx-dashboard-item-container {
    background-color: var(--tabHeaderBackgroundColor) !important;
}

.contentDashboard .dx-dashboard-layout-tabs-container {
    /*background-color: var(--tabHeaderBackgroundColor) !important;*/
    background-color: var(--dashboardBackgroundColor) !important;
}

.contentDashboard .dx-dashboard-layout-tabs-container .dx-tab.dx-tab-selected {
    background-color: var(--tabSelectedBackgroundColor) !important;
}

.contentDashboard .dx-dashboard-layout-tabs-container .dx-tab {
    background-color: var(--tabHeaderBackgroundColor) !important;
}

.contentDashboard .dx-dashboard-layout-tabs-container .dx-tab.dx-state-hover {
    background-color: var(--tabHeaderBackgroundColor) !important;
}

.contentDashboard .dx-dashboard-item-container .dx-datagrid .dx-datagrid-filter-row i {
    color: var(--dashboardBaseColor) !important;
}

.contentDashboard .dx-dashboard-item-container .dx-datagrid .dx-column-indicators span {
    color: var(--dashboardBaseColor) !important;
}

.contentDashboard .dx-dashboard-item .dx-datagrid .dx-row:not(.dx-header-row, .dx-freespace-row, .dx-datagrid-filter-row):hover {
    border-left: 2px solid var(--dashboardBaseColor) !important;
}

.contentDashboard .dx-dashboard-item-container:not([data-layout-item-name^="customItem"]) .dx-datagrid-headers td {
    background-color: var(--gridHeaderBackgroundColor) !important;
}

.contentDashboard .dashboard-designer-mode .dx-dashboard-layout-container.dx-scrollable.dx-scrollview .dx-scrollview-content {
    /* max-height: calc(100dvh - 132px);
    overflow: auto;
    margin-right: -8px; */
}

.contentDashboard .dashboard-viewer-mode .dx-dashboard-layout-container.dx-scrollable.dx-scrollview .dx-scrollview-content {
    /* max-height: calc(100dvh - 83px); */
    /* overflow: auto; */
    /* margin-right: -8px; */
}

/*End*/
/*Dashboard Designer CSS*/
.dx-dashboard-item-menu {
    position: unset;
}

.dx-popup-wrapper>.dx-overlay-content {
    /*    -webkit-box-shadow: 0 2px 3px #c2c8d4 !important;
    box-shadow: 0 4px 5px #c2c8d4 !important;*/
}

/*End*/
/*******************************
Right Side Modal Css
*******************************/
.modal.right .modal-dialog {
    position: fixed;
    margin: auto;
    width: 320px;
    height: 100%;
    -webkit-transition: all .2s ease-out;
    -ms-transform: all .2s ease-out;
    -o-transform: all .2s ease-out;
    transition: all .2s ease-out;
}

.modal.right .modal-content {
    height: 100%;
    /*overflow-y: auto;*/
}

.modal.right .modal-body {
    padding: 15px 15px 80px;
    overflow: auto;
}

.modal.right.fade .modal-dialog {
    right: -320px;
    -webkit-transition: opacity 0.3s linear, right 0.3s ease-out;
    -moz-transition: opacity 0.3s linear, right 0.3s ease-out;
    -o-transition: opacity 0.3s linear, right 0.3s ease-out;
    transition: opacity 0.3s linear, right 0.3s ease-out;
}

.modal.right.fade.show .modal-dialog {
    right: 0;
}

.modal.right .modal-content {
    border-radius: 0;
    border: none;
}

.modal.right .modal-header {
    padding: 0.45rem;
    background-color: #52768c !important;
    border-radius: unset !important;
    height: 3.469rem;
}

#dashboard-theme-settings-modal .dx-texteditor-input,
#dashboard-theme-settings-side-content .dx-texteditor-input {
    font-size: 12.5px;
    height: 1.9rem;
}

#dashboard-theme-settings-modal label,
#dashboard-theme-settings-side-content label {
    color: #515050;
    font-weight: normal;
    word-wrap: break-word;
    width: 90%;
}

.theme-settings-dx-dashboard-circle {
    width: 20px;
    height: 20px;
    box-shadow: rgb(0 0 0 / 35%) 0 1px 3px;
    border: solid 4px;
    border-radius: 50%;
    margin-right: 15px;
    margin-top: 5px;
    margin-bottom: 5px;
}

.theme-settings-dx-dashboard-flex-parent {
    display: flex;
    align-items: center;
    font-size: 13px;
    font-weight: 600;
}

.theme-settings-dx-dashboard-light {
    background-color: #cccccc;
    border-color: #ffffff;
}

.theme-settings-dx-dashboard-dark {
    background-color: #575757;
    border-color: #363640;
}

.theme-settings-dx-dashboard-blue {
    background-color: #3e4c65;
    border-color: #688699;
}

.theme-settings-radiogroup .dx-radiobutton .dx-item-content {
    font-weight: 600;
}

/*Dasonic Theme Modifications For Dashboard*/

.dashboard-dropdown-menu .dropdown-submenu {
    position: relative;
}

.dashboard-dropdown-menu .dropdown-submenu .dropdown-menu {
    top: 0;
    right: 100%;
    margin-top: -1px;
}


.main-content .content {
    padding: 0 !important;
}

.input-group-prepend {
    display: flex;
    margin-right: -1px;
}

.fa-page-header-icon {
    font-size: 1.4em;
    margin-top: 0.1em;
}

.dashboard-breadcrumb-menu {
    color: #919393;
    font-size: 10px;
}

.right-bar-enabled .dx-overlay-wrapper {
    z-index: 99999 !important;
}

.breadcrumb-line-light {
    border-bottom: none !important;
}

.main-content,
.page-header {
    padding-top: 0 !important;
}

/*Dashoboard Responsive Design*/
@media (max-width: 768px) {
    .dashboard-dropdown-menu .dropdown-submenu .dropdown-menu {
        left: 100%;
        right: unset;
    }
}

.header-toggle-menu-space {
    top: 125px;
}



/**Custom App Related Styling */




.page-content {
    height: 100vh;
}



.pageContentPaddingTop {
    padding-top: 3.4rem !important;
}


.pageContentNoPadding {
    padding: 0 !important;
}




/**Theme setting  drawer */
.dashboard-theme-settings-content {
    height: calc(100vh - 119px);
    overflow-x: hidden;
    overflow-y: scroll;
}

.accordion-button:not(.collapsed) {
    color: #03314d !important;
}

.dashboard-theme-settings-title {
    height: 56px !important;
}

/**grid header filter  popup top adjustment */
.dx-header-filter-menu .dx-scrollable-content {
    top: 1px !important;
}


/*dashboard links - start*/
.dashboard-links-edit-content {
    height: calc(100vh - 150px);
    overflow-x: hidden;
    overflow-y: scroll;
}

#link-dashboard-items {
    height: 20px;
}

.link-dashboard-add {
    /*background-image: url('../../../../Images/Icons/add-link-icon.svg');*/
    background-image: url('../../../Images/Icons/add-link-icon.svg');
    width: 27px;
    height: 25px;
    background-repeat: no-repeat;
    /* opacity: 0.5;*/
}

.link-dashboard-add:hover {
    /* background-image: url('../../../../Images/Icons/add-link-icon-hover.svg');*/
    background-image: url('../../../Images/Icons/add-link-icon-hover.svg');
    width: 27px;
    height: 25px;
    background-repeat: no-repeat;
    /*opacity: 1;*/
}

.link-dashboard-separator {
    background-color: #808080;
    width: 0.5px;
    height: 18px;
    margin-right: 15px;
    margin-top: 3px
}

.link-position-order-separator {
    background-color: #808080;
    width: 0.5px;
    height: 18px;
    margin-left: 10px;
    margin-right: 10px;
    opacity: 0.5;
}

a#btn-add-link-dashboard:hover {
    background-color: #009D99d9 !important;
}

a#btn-add-link-dashboard {
    background-color: #009D99 !important;
}

a#btn-edit-link-dashboard:hover {
    background-color: #009D99d9 !important;
}

a#btn-edit-link-dashboard {
    background-color: #009D99 !important;
}

.links-button-view {
    /*font-family: Calibri-Bold;*/
    font-weight: bold;
    font-size: 12px;
    /*width: 70px;*/
    text-align: center;
    letter-spacing: 0px;
    color: #000000;
    opacity: 0.5;
    padding: 3px 10px 3px 10px;
}

.links-button-view:hover {
    opacity: 1;
}

.links-button-view:active {
    background: #B2D0D2 0% 0% no-repeat padding-box;
    border-radius: 12px;
    opacity: 1;
    /*width: 70px;*/
    color: #FFFFFF;
}

.links-button-view-default {
    font-weight: bold;
    font-size: 12px;
    text-align: center;
    letter-spacing: 0px;
    /*color: #000000;*/
    /*opacity: 0.5;*/
    padding: 3px 10px 3px 10px;
    background: #B2D0D2 0% 0% no-repeat padding-box;
    border-radius: 12px;
    opacity: 1;
    color: #FFFFFF;
}

.link-edit-header {
    background: #E6F4FC 0% 0% no-repeat padding-box;
    display: flex;
    height: 42px;
    flex-wrap: wrap;
    flex-shrink: 0;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: end;
    justify-content: center;
    padding: 0.25rem;
}

.link-dashboard-action {
    background-image: url('../../../../Images/Icons/action-link-icon.svg');
    width: 27px;
    height: 25px;
    background-repeat: no-repeat;
    opacity: 0.9;
}

.link-dashboard-action:hover {
    opacity: 1;
}

.link-dashboard-delete {
    background-image: url('../../../../Images/Icons/delete-link-icon.svg');
    width: 27px;
    height: 25px;
    background-repeat: no-repeat;
    opacity: 0.75;
}

.link-dashboard-delete:hover {
    opacity: 1;
}

#link_edit_button_grid .dx-button {
    border: 0px solid red;
    background-color: white;
    opacity: 0.5;
}

#link_edit_button_grid .dx-button:hover {
    /*border: 0px solid red;*/
    background-color: white;
    opacity: 1;
}

#link_edit_button_grid .dx-datagrid .dx-datagrid-header-panel {
    padding-left: 10px;
    padding-right: 10px;
    color: #80808080;
}

.button-bold-text .dx-button {
    font-weight: bold;
    font-size: 12px;
}

/*dashboard links - end*/
/*horizontal menu page-content height adjustment*/
.page-content-with-horizontal-menu {
    height: 92.2vh !important;
}


.page-content-default-height {
    height: 100vh !important;
}


/*Dashboard Nav And Header Styles*/

.dashboard-header {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    justify-content: space-between;
}

@media (max-width: 768px) {
    body[data-layout=horizontal] .dashboard-header {
        padding-top: 12px !important;
    }
}

.dashboard-header-title {
    font-size: 14px !important;
}

.dashboard-header a.breadcrumb-elements-item i {
    font-size: 14px;
}

/*@media (min-width: 768px) {*/
@media (min-width: 961px) {
    .pageContentPaddingTop {
        padding-top: 45px !important;
    }
}

.dashboard-theme-settings-title {
    height: 45px !important;
}

@media only screen and (min-width: 766px) and (max-width: 960px) {
    /* body[data-layout=horizontal] .contentDashboard:not(.header-toggle-menu-space) {
        top: 77px !important
    }*/

    .contentDashboard:not(.header-toggle-menu-space) {
        top: 77px !important
    }

    .pageContentPaddingTop {
        padding-top: 45px !important;
    }
}

@media only screen and (min-width: 601px) and (max-width: 765px) {

    /* body[data-layout=horizontal] .contentDashboard:not(.header-toggle-menu-space) {
        top: 77px !important
    }*/

    .contentDashboard:not(.header-toggle-menu-space) {
        top: 67px !important
    }

    .pageContentPaddingTop {
        padding-top: 45px !important;
    }
}

@media only screen and (max-width: 600px) {

    /*    body[data-layout=horizontal] .contentDashboard {
        top: 77px;
    }
*/
    .contentDashboard {
        top: 67px;
    }

    .pageContentPaddingTop {
        padding-top: 45px !important;
    }
}

.header-toggle-menu-space {
    top: 98px;
}

body[data-layout=horizontal] .page-content {
    /*margin-top: 30px;*/
    margin-top: 0px;
}

body[data-layout=horizontal] .page-content-with-horizontal-menu {
    /*height: 96.3vh !important;*/
    /*height: 95vh !important;*/
    /*height: 98.3vh !important;*/
    height: 100vh !important;
}

@media only screen and (min-width: 1920px) {
    body[data-layout=horizontal] .page-content-with-horizontal-menu {
        /*height: 96.9vh !important;*/
        /*height: 98.9vh !important;*/
        height: 100vh !important;
    }
}

.dx-dashboard-toolbar-extension .dx-toolbar .dx-toolbar-items-container {
    height: 35px;
}

.dx-dashboard-toolbar-extension .dx-overlay-content {
    height: 35px !important;
}

.dx-dashboard-toolbox-extension .dx-dashboard-designer-menu-button {
    height: 36px !important;
}

.dx-dashboard-toolbox-extension .dx-dashboard-designer-menu-button svg {
    margin: 6px 28px;
}

.dx-dashboard-toolbox-extension .dx-dashboard-toolbox {
    top: 35.9px;
}

/******* CUSTOM STYLING FOR DX DATAGRID IN EDIT MODE ******/
/*********************************************************/

.dx-datagrid-edit-mode .dx-datagrid-header-panel {
    border-bottom: none;
    padding-right: 0.4%;
    margin-bottom: 0.5%;
}

.dx-datagrid-edit-mode .dx-datagrid-content .dx-datagrid-table .dx-row>td,
.dx-datagrid-edit-mode .dx-datagrid-content .dx-datagrid-table .dx-row>tr>td {
    vertical-align: bottom;
}

.dx-datagrid-edit-mode .dxdatagrid-edit-mode-valider-btn:hover {
    background: rgb(240, 230, 60);
    background: -moz-linear-gradient(90deg, rgba(240, 230, 60, 1) 0%, rgba(230, 175, 50, 1) 19%, rgba(230, 175, 50, 1) 63%);
    background: -webkit-linear-gradient(90deg, rgba(240, 230, 60, 1) 0%, rgba(230, 175, 50, 1) 19%, rgba(230, 175, 50, 1) 63%);
    background: linear-gradient(90deg, rgba(240, 230, 60, 1) 0%, rgba(230, 175, 50, 1) 19%, rgba(230, 175, 50, 1) 63%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#f0e63c", endColorstr="#e6af32", GradientType=1);
}

.dx-datagrid-edit-mode .dx-datagrid-checkbox-size {
    padding-bottom: 5px;
}

/*** MULTI SWITCH CUSTOMIZATION  ****/
.multi-switch .switch-content {
    width: 45px;
    height: 20px;
}

.multi-switch .switch-content .switch-circle {
    width: 18px;
    height: 18px;
}

.multi-switch .switch-content.active .switch-circle {
    margin-left: -19px;
}

.multi-switch .switch-content .switch-circle {
    -webkit-box-shadow: 3px 1px 0px rgb(0 0 0 / 10%);
}

.multi-switch .switch-content.initial .switch-circle {
    margin-left: -10px;
}


/*** DX SWITCH CUSTOMIZATION  ****/
.dx-datagrid-edit-mode .dxdatagrid-edit-mode-dxswitch .dx-switch-container,
.dx-datagrid-edit-mode .dxdatagrid-edit-mode-dxswitch.dx-state-hover .dx-switch-container {
    border-radius: 2em;
    background: #FF0000;
}

.dx-datagrid-edit-mode .dxdatagrid-edit-mode-dxswitch .dx-switch-handle::before {
    background-color: #fff !important;
    border-radius: 2em;
}

.dx-datagrid-edit-mode .dxdatagrid-edit-mode-dxswitch .dx-switch-on-value .dx-switch-handle::before {
    background-color: #fff !important;
}

.dx-datagrid-edit-mode .dxdatagrid-edit-mode-dxswitch.dx-switch-on-value .dx-switch-container {
    background: #39B54A;
}

.dx-dashboard-no-visible-dashboard {
    display: none;
}


/***** Group Filters *******/
.dashboard-header #dashboard-master-filters .dropdown-menu {
    min-width: 180px;
    font-size: 12px;
    margin-top: 7px !important;
}

.dashboard-master-filters {
    margin-top: 2px;
}

.group-filter-input-container {
    border: 1px solid #a5a4a4;
    border-radius: 5px;
}

.group-filter-input-container:hover {
    border: 1px solid #8c8282;
}

.group-filter-input-container i {
    color: #a5a4a4;
    margin-top: 6px;
    margin-left: 5px;
}

.group-filter-input-container input {
    font-size: 12px;
}

.clear-filters-icon {
    /*content: url('../../../../images/icons/icon-clear-filters.svg');*/
    content: url('../../../Images/Icons/icon-clear-filters.svg');
    height: 25px;
    width: 27px;
}

.clear-filters-icon:hover {
    /*content: url('../../../../images/icons/icon-clear-filters-hover.svg');*/
    content: url('../../../Images/Icons/icon-clear-filters-hover.svg');
}

.badge-master-filter-group {
    background-color: var(--greenAccent) !important;
    padding: 3px 10px 4px 10px;
    color: var(--white) !important;
    font-size: 12px;
}

.badge-master-filter-group:hover,
.badge-master-filter-group:focus,
.badge-master-filter-group:active {
    background-color: var(--greenAccentActive) !important;
}

.badge-master-filter-value {
    background-color: var(--lightGreenAccent) !important;
    color: var(--greenAccentActive) !important;
    border: 0.5px solid var(--greenAccentActive);
    padding: 2px 10px 3px 10px;
}

.badge-master-filter-value:hover,
.badge-master-filter-value:focus,
.badge-master-filter-value:active {
    background-color: var(--lightGreenAccentActive) !important;
}

.badge-master-filter-value i {
    cursor: pointer;
}

/***** END Group Filters *******/

/* custom pivot styles  */
.dx-pivotgrid table tbody.dx-pivotgrid-vertical-headers .no-width-td-for-pivot {
    width: 0px !important;
    border: 0px !important;
    padding: 0px !important;
}

.dx-pivotgrid table.manage-col-width-auto-pivot colgroup col {
    width: auto !important;
}


/* pivotGridEnableRowCaption changes  */
.pivotGridEnableRowCaption-theme.dx-pivotgrid-fields-container .dx-area-field.dx-area-box {
    background: transparent;
    border-color: transparent;
}