@media (prefers-color-scheme: dark) {
    body {
        background-color: #282828;
        color: #e0e0e0;
    }

    .svg_scale_text {
        fill: #e0e0e0;
        font-family: Courier New;
        font-size: 10px;
    }

    .svg_scale_line {
        stroke: #aaaaaa;
        stroke-width: 1;
    }

    :root {
        color-scheme: dark;
    }

    .dxeProgressBar_MaterialCompact {
        background-color: #333337 !important;
        border: 1px solid #444447 !important;
    }

    .dxpLite_MaterialCompact a {
        filter: brightness(200%);
    }

    .dxeHyperlink_MaterialCompact {
        filter: brightness(200%);
    }

    .menutext {
        color: #e0e0e0;
    }

    .menuimg, .dxm-image, .fullscreen-icon {
        -webkit-filter: invert(100%);
        filter: invert(100%);
    }

    .leaflet-control-geocoder-icon {
        -webkit-filter: invert(100%);
        filter: invert(100%);
        background-color: #aaaaa8 !important;
        color: white !important;
    }

    .svgimg {
        -webkit-filter: invert(100%);
        filter: invert(100%);
    }

    .pgheaderimg {
        -webkit-filter: invert(100%);
        filter: invert(100%);
    }

    input {
        background-color: #333337 !important;
        color: #e0e0e0 !important;
    }

    .dxWeb_edtCheckBoxChecked_MaterialCompact {
        -webkit-filter: brightness(200%);
        filter: brightness(200%);
    }

    .dxgvDataRow_MaterialCompact .dxICheckBox_MaterialCompact, .dxgvInlineEditRow_MaterialCompact .dxICheckBox_MaterialCompact, .dxgvEditFormDisplayRow_MaterialCompact .dxICheckBox_MaterialCompact, .dxgvDataRow_MaterialCompact .dxeIRadioButton_MaterialCompact, .dxgvInlineEditRow_MaterialCompact .dxeIRadioButton_MaterialCompact, .dxgvEditFormDisplayRow_MaterialCompact .dxeIRadioButton_MaterialCompact {
        -webkit-filter: brightness(200%);
        filter: brightness(200%);
    }

    .dxeRadioButtonList_MaterialCompact, .dxeCheckBoxList_MaterialCompact {
        border: 1px solid #555557;
    }

    .dxucTextBox_MaterialCompact {
        background-color: #333337;
        color: #e0e0e0;
        border: 1px solid #555557;
    }

    .dxeButton > img {
        /*        height: 14px; */
        filter: invert(1);
    }

    .dxeEditAreaSys {
        background-color: #333337 !important;
        color: #e0e0e0 !important;
        border: none;
    }

    .dxeBase_MaterialCompact {
        color: #e0e0e0 !important;
    }

    .dxeCaption_MaterialCompact {
        color: #e0e0e0 !important;
    }

    .dxeTextBox_MaterialCompact {
        border: 1px solid #666667;
    }

    /* menu */
    .dxmLite_MaterialCompact .dxm-main {
        background-color: #3f3f46;
    }

    .dxmLite_MaterialCompact, .dxmLite_MaterialCompact .dxm-item a.dx {
        color: #e0e0e0 !important;
    }

        .dxmLite_MaterialCompact .dxm-main {
            border: 1px solid #555557 !important;
        }

    .dxeButtonEdit_MaterialCompact {
        border: 1px solid #555557 !important;
        background-color: transparent;
    }

    /* navbar */
    .dxnbLite_MaterialCompact {
        background-color: #3f3f46;
    }

        .dxnbLite_MaterialCompact .dxnb-header, .dxnbLite_MaterialCompact .dxnb-headerCollapsed {
            background-color: #3f3f46;
            color: #e0e0e0 !important;
            border: 1px solid #3f3f46 !important;
        }

        .dxnbLite_MaterialCompact .dxnb-content {
            background-color: black;
            border: 1px solid #333337 !important;
        }

        .dxnbLite_MaterialCompact .dxnb-item a, .dxnbLite_MaterialCompact .dxnb-large a, .dxnbLite_MaterialCompact .dxnb-bullet a {
            color: #a0a0a0 !important;
        }

    .dxnb-itemHover {
        background-color: #3f3f46 !important;
        color: #e0e0e0 !important;
    }

    .dxnbLite_MaterialCompact {
        background-color: black;
    }

        .dxnbLite_MaterialCompact div.dxnb-headerCollapsed {
            background-color: #3f3f46;
        }

        .dxnbLite_MaterialCompact .dxnb-item, .dxnbLite_MaterialCompact .dxnb-large, .dxnbLite_MaterialCompact .dxnb-bullet {
            border-bottom: 0px !important;
        }

    /* gridlookup */
    .dxgvControl_MaterialCompact .dxgvTable_MaterialCompact .dxgvSelectedRow_MaterialCompact, .dxgvControl_MaterialCompact .dxgvTable_MaterialCompact .dxgvSelectedRow_MaterialCompact.dxgvDataRowHover_MaterialCompact {
        background-color: #3f3f46;
        color: #e0e0e0 !important;
    }

    .dxgvEditFormDisplayRow_MaterialCompact td.dxgv, .dxgvDetailCell_MaterialCompact td.dxgv, .dxgvDataRow_MaterialCompact td.dxgv, .dxgvDetailRow_MaterialCompact.dxgvADR td.dxgvAIC {
        border-bottom: 1px solid #555557 !important;
        border-right: 1px solid #555557 !important;
    }

    .dxeDropDownWindow_MaterialCompact {
        background-color: #3f3f46;
        border: 1px solid #555557 !important;
    }

    .dxgvControl_MaterialCompact.dxgvInLookup .dxgvTable_MaterialCompact, .dxgvControl_MaterialCompact.dxgvInLookup .dxgvHSDC, .dxgvControl_MaterialCompact.dxgvInLookup .dxgvCSD, .dxgvControl_MaterialCompact.dxgvInLookup .dxgvPagerBottomPanel_MaterialCompact {
        background-color: #3f3f46;
    }

    .dxgvEditFormDisplayRow_MaterialCompact:last-child td.dxgv, .dxgvDetailCell_MaterialCompact:last-child td.dxgv, .dxgvDataRow_MaterialCompact:last-child td.dxgv, .dxgvDetailRow_MaterialCompact.dxgvADR:last-child td.dxgvAIC {
        border-bottom: 1px solid #555557 !important;
    }

    /* combobox */
    .dxeListBox_MaterialCompact {
        border: 1px solid #555557 !important;
        background-color: inherit;
        color: #e0e0e0 !important;
    }

    .dxeListBoxItemHover_MaterialCompact, .dxeListBoxItemSelected_MaterialCompact {
        background-color: #3f3f46;
        color: #e0e0e0 !important;
    }

    /* popup */
    .dxpcLite_MaterialCompact .dxpc-header, .dxdpLite_MaterialCompact .dxpc-header {
        background-color: #3f3f46;
        color: #e0e0e0 !important;
    }

    .dxpcLite_MaterialCompact .dxpc-mainDiv, .dxpcLite_MaterialCompact.dxpc-mainDiv, .dxdpLite_MaterialCompact .dxpc-mainDiv, .dxdpLite_MaterialCompact.dxpc-mainDiv {
        border: 1px solid #555557 !important;
    }

    /* gridview */
    .dxgvControl_MaterialCompact, .dxgvDisabled_MaterialCompact {
        background-color: #282828;
    }

        .dxgvControl_MaterialCompact a {
            filter: brightness(200%) !important;
        }

    .dxgvCommandColumnItem_MaterialCompact > span {
        filter: brightness(200%) !important;
    }

    .dxbButton_MaterialCompact > span, .dxbButtonSys > span {
        filter: brightness(200%) !important;
    }

    .dxgvGroupRow_MaterialCompact td.dxgv, .dxgvFocusedGroupRow_MaterialCompact td.dxgv, .dxgvBatchEditChangesPreviewGroupRow_MaterialCompact td.dxgv {
        background-color: #3f3f46;
        color: #e0e0e0 !important;
    }

    .dxgvPagerBottomPanel_MaterialCompact, .dxgvTable_MaterialCompact {
        background-color: #282828;
        color: #e0e0e0 !important;
        border: 1px solid #555557 !important;
    }

    .dxpLite_MaterialCompact .dxp-comboBox {
        background-color: #333337;
        color: #e0e0e0;
    }

        .dxpLite_MaterialCompact .dxp-comboBox input, .dxpLite_MaterialCompact .dxp-dropDownButton {
            background-color: #333337;
            color: #e0e0e0;
        }


    .dxmLite_MaterialCompact .dxm-popup {
        background-color: #282828;
        color: #e0e0e0 !important;
        border: 1px solid #555557 !important;
    }

    .dxmLite_MaterialCompact .dxm-hovered {
        background-color: #3f3f46 !important;
        color: #e0e0e0 !important;
    }

    .dxgvTable_MaterialCompact {
        border: 1px solid #555557 !important;
    }

        .dxgvTable_MaterialCompact .dxgvHEC {
            background-color: transparent !important;
        }

    .dxgvControl_MaterialCompact .dxgvHSDC {
        background-color: transparent !important;
        border: 1px solid #555557 !important;
    }

    .dxgvControl_MaterialCompact .dxgvCSD {
        border: 1px solid #555557 !important;
    }

    .dxgvHeader_MaterialCompact {
        background-color: #333337;
        border: 1px solid #555557 !important;
        color: #e0e0e0 !important;
    }

    .dxgvDataRowHover_MaterialCompact {
        background-color: #3f3f46 !important;
    }

    .dxgvFooter_MaterialCompact {
        background-color: #3f3f46 !important;
        color: #e0e0e0 !important;
    }

        .dxgvFooter_MaterialCompact td.dxgv {
            border: 1px solid #222227 !important;
        }

    .dxgvFilterRow_MaterialCompact td.dxgv {
        background-color: transparent;
        border: 1px solid #222227 !important;
    }

    /* memo */
    .dxeMemo_MaterialCompact .dxeMemoEditArea_MaterialCompact, .dxeMemo_MaterialCompact .dxeMemoEditArea_MaterialCompact {
        background-color: #333337 !important;
        color: #e0e0e0 !important;
    }

    .dxeMemo_MaterialCompact {
        border: 1px solid #666667 !important;
    }
    /*
.dxgvDataRow_TMDark, .dxgvGroupFooter_TMDark, .dxgvFooter_TMDark {
    background-color: #000000 !important;
    color: #e0e0e0 !important;
}
    */
    .dxic, .dxeButton {
        background-color: #333337 !important;
    }

    .dxpc-contentWrapper {
        background-color: #282828 !important;
        color: #e0e0e0 !important;
    }

    /* cardview */
    .dxcvSearchPanel_MaterialCompact {
        background-color: #282828;
    }

    .dxcvTable_MaterialCompact {
        background-color: #333337 !important;
        color: #e0e0e0 !important;
        border: 1px solid #222227 !important;
        border-top-left-radius: 0px !important;
        border-top-right-radius: 0px !important;
    }

    .dxcvCard_MaterialCompact, .dxcvFlowCard_MaterialCompact, .dxcvBreakpointsCard_MaterialCompact, .dxcvEmptyCard_MaterialCompact {
        background-color: #3f3f46;
        color: #e0e0e0 !important;
    }

    /* treeview */
    .dxtvControl_MaterialCompact .dxtv-nd {
        color: #e0e0e0 !important;
    }

    .dxtv-ndHov {
        background-color: #666667 !important;
        color: #e0e0e0 !important;
    }

    /* datetimepicker */
    .dxeCalendar_MaterialCompact {
        color: lightgray;
        background-color: #3f3f46;
        border: 1px solid #666667 !important;
    }

        .dxeCalendar_MaterialCompact td.dxMonthGridWithWeekNumbers > table > tbody > tr > td:first-child, .dxeCalendar_MaterialCompact td.dxMonthGridWithWeekNumbers > div.dxAC > div > table > tbody > tr > td:first-child {
            background-color: #222227;
        }

    .dxeCalendarFooter_MaterialCompact {
        border-top: 1px solid #666667 !important;
    }

    .dxeCalendarButton_MaterialCompact, input.dxeColorEditButton_MaterialCompact {
        background-color: #222227;
        color: lightgray;
    }

    /* scheduler */
    .dxscToolbarContainer_MaterialCompact {
        background-color: #333337;
    }

    .dxscViewVisibleInterval_MaterialCompact {
        color: lightgray;
    }

    .dxscControl_MaterialCompact {
        background-color: transparent;
    }

        .dxscLeftTopCorner_MaterialCompact, .dxscRightTopCorner_MaterialCompact, .dxscBottomLeftCorner_MaterialCompact, .dxscControl_MaterialCompact .dxsc-timeline-resourcesContainer {
            background-color: #555557;
        }

    // treelist
    .dxtlControl_MaterialCompact {
        background-color: #3f3f46;
        color: #e0e0e0 !important;
    }

    .dxtlHeader_MaterialCompact {
        background-color: #333337;
        border: 1px solid #e0e0e0 !important;
        color: #e0e0e0 !important;
    }

    .dxtlNode_MaterialCompact, .dxtlIndent_MaterialCompact {
        background-color: #333337;
        border: 1px solid #e0e0e0 !important;
        color: #e0e0e0 !important;
    }

    .dxtlIndentWithButton_MaterialCompact {
        filter: brightness(200%);
    }

    .map-tiles {
        -webkit-filter: brightness(0.6) invert(1) contrast(3) hue-rotate(200deg) saturate(0.3) brightness(0.7);
        filter: brightness(0.6) invert(1) contrast(3) hue-rotate(200deg) saturate(0.3) brightness(0.7);
    }

    .leaflet-control, .leaflet-control-zoom-in, .leaflet-control-zoom-out, .leaflet-control-zoom-fullscreen, .leaflet-control-geocoder-icon {
        background-color: #555557 !important;
        color: #e0e0e0 !important;
    }

    .leaflet-bar button {
        background-color: #555557 !important;
        color: #e0e0e0 !important;
    }

        .leaflet-bar button.selected {
            background-color: black !important;
        }

    .leaflet-container {
        background-color: rgba(255,0,0,0.0) !important;
    }

    .leaflet-control-attribution a {
        color: white !important;
    }

    .weathermarker {
        color: #444445 !important;
    }

    .gridjs-tbody, td.gridjs-td {
        background-color: #222227 !important;
        color: #e0e0e0 !important;
    }

    th.gridjs-th {
        background-color: #555557 !important;
        color: #e0e0e0 !important;
    }
}

@media (prefers-color-scheme: light) {
}