@media (prefers-color-scheme: dark) {
/*
	Do Not change this file! This file Is automatic generated by "_compile-css.bat".
	ห้ามแก้ไขไฟล์นี้! ไฟล์นี้เป็นไฟล์ที่สร้างขึ้นอัตโนมัติโดย "_compile-css.bat"
*/

/*
	StyleBundle:	"~/Res/Theme" order #9
	Description:	Customize dark theme of Devexpress for application.
*/
table.dxgvTable_MaterialBlue {
    background-color: #222;
}

.dxeBase_MaterialBlue {
    color: inherit;
}

.dxtcLite_MaterialBlue {
    color: #EEE;
}

table.dxeTextBoxSys,
table.input.dxeEditAreaSys,
table.input.dxeMemoEditAreaSys,
.dxeButtonEditButton_MaterialBlue,
.dxeButtonEditSys.dxeButtonEdit_MaterialBlue,
.dxeTextBoxSys.dxeTextBoxDefaultWidthSys.dxeTextBox_MaterialBlue,
.dxeMemoEditAreaSys.dxeMemoEditArea_MaterialBlue,
.dxeMemoSys.dxeMemo_MaterialBlue,
.dxeEditAreaSys.dxeEditArea_MaterialBlue,
.dxp-comboBox,
.dxpLite_MaterialBlue .dxp-comboBox,
.dxpLite_MaterialBlue .dxp-dropDownButton,
.dxp-dropDownButton,
.dxm-popupMain,
.dxmLite_MaterialBlue .dxm-popup,
.dxeListBox_MaterialBlue {
    background-color: black;
    color: #EEE;
    border-color: #777;
}

.dxgvSearchPanel_MaterialBlue .dxeButtonEdit_MaterialBlue,
.dxgvFilterRow_MaterialBlue .dxeTextBoxSys.dxeTextBoxDefaultWidthSys.dxeTextBox_MaterialBlue,
.dxgvFilterRow_MaterialBlue .dxeButtonEditSys {
    border: 1px #018e09 solid;
}

    .dxgvSearchPanel_MaterialBlue .dxeButtonEdit_MaterialBlue input,
    .dxgvFilterRow_MaterialBlue .dxeTextBoxSys .dxic,
    .dxgvFilterRow_MaterialBlue .dxeTextBoxSys input,
    .dxgvFilterRow_MaterialBlue .dxeButtonEditSys .dxic,
    .dxgvFilterRow_MaterialBlue .dxeButtonEditSys .dxeEditAreaSys,
    .dxgvFilterRow_MaterialBlue .dxeButtonEditSys .dxeButtonEditClearButton_MaterialBlue {
        background-color: black;
        color: #EEE;
    }

span.dxp-comboBox input {
    color: #EEE !important;
}

table.disabled.dxeTextBoxSys,
table.disabled input.dxeEditAreaSys,
table.disabled input.dxeMemoEditAreaSys,
table.readonly.dxeTextBoxSys,
table.readonly input.dxeEditAreaSys,
table.readonly input.dxeMemoEditAreaSys,
.dxeReadOnly_MaterialBlue,
.dxeReadOnly_MaterialBlue input,
.dxeDisabled_MaterialBlue,
.dxeDisabled_MaterialBlue input {
    background-color: #222 !important;
    color: #999 !important;
    border-color: #555 !important;
}


span.autogen,
table.autogen.dxeTextBoxSys,
.autogen input.dxeEditAreaSys,
.autogen input.dxeMemoEditAreaSys {
	/*background-color: #244 !important;*/
    color:lightblue
}

.dxeFocused_MaterialBlue {
    border-color: white !important;
}

.dxgvControl_MaterialBlue,
.dxgvDisabled_MaterialBlue {
    background-color: inherit;
    color: #EEE;
}
.dxgvHEC {
    display: none;
}

.dxgvTable_MaterialBlue {
	background-color: inherit;
	/*border: 1px solid #DFDFDF;
	border-bottom-width: 0;
	border-radius: 4px;
	border-bottom-left-radius: 0;
	border-bottom-right-radius: 0;
	box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16);
	border-collapse: separate !important;
	overflow: hidden;*/
}

.dxgvDataRowAlt_MaterialBlue {
	background-color: #333;
}

.dxgvPagerBottomPanel_MaterialBlue {
	background-color: inherit;
}

.dxgvEditForm_MaterialBlue > td.dxgv {
	background-color: inherit;
}

.dxgvFooter_MaterialBlue td.dxgv {
	background-color: inherit;
	color: #8e8e93;
}

.dxgvTable_MaterialBlue .dxgvHEC {
	background-color: inherit;
}


/*********************************************************************************
	DX-GV
*********************************************************************************/

.dxgvControl_MaterialBlue .dxgvCSD,
.dxgvTable_MaterialBlue, .dxgvHeader_MaterialBlue, .dxgvFilterRow_MaterialBlue td.dxgv, .dxgvDetailRow_MaterialBlue, .dxgvDataRow_MaterialBlue, dxgvFooter_MaterialBlue, .dxgvPagerBottomPanel_MaterialBlue, .dxgvInlineEditRow_MaterialBlue,
.dxgvEditFormDisplayRow_MaterialBlue td.dxgv, .dxgvDetailCell_MaterialBlue td.dxgv, .dxgvDataRow_MaterialBlue td.dxgv, .dxgvDetailRow_MaterialBlue.dxgvADR td.dxgvAIC, .dxgvDetailRow_MaterialBlue td.dxgv, .dxgvPreviewRow_MaterialBlue td.dxgv, .dxgvEmptyDataRow_MaterialBlue td.dxgv,
.dxgvEditFormDisplayRow_MaterialBlue:last-child td.dxgv, .dxgvDetailCell_MaterialBlue:last-child td.dxgv, .dxgvDataRow_MaterialBlue:last-child td.dxgv, .dxgvDetailRow_MaterialBlue.dxgvADR:last-child td.dxgvAIC {
    border-color: #4e4e4e !important;
}

    .dxgvTable_MaterialBlue caption, .dxgvInlineEditRow_MaterialBlue td.dxgv, .dxgvFooter_MaterialBlue td.dxgv {
        border-bottom: 1px #4e4e4e solid !important;
    }

.dxgvGroupRow_MaterialBlue {
    background-color: black;
}

    .dxgvGroupRow_MaterialBlue td.dxgv, .dxgvFocusedGroupRow_MaterialBlue td.dxgv {
        border-bottom: 1px solid #4e4e4e !important;
    }

        .dxgvGroupRow_MaterialBlue td.dxgv.dxgvPHEC, .dxgvPreviewRow_MaterialBlue td.dxgv.dxgvPHEC, .dxgvDetailRow_MaterialBlue td.dxgv.dxgvPHEC, .dxgvGroupFooter_MaterialBlue td.dxgv.dxgvPHEC, .dxgvDataRow_MaterialBlue td.dxgvPHEC {
            border-right: 1px solid #4e4e4e !important;
        }

.dxgvDataRow_MaterialBlue td.dxgvIndentCell, .dxgvDetailRow_MaterialBlue td.dxgvIndentCell, .dxgvPreviewRow_MaterialBlue td.dxgvIndentCell, .dxgvGroupFooter_MaterialBlue td.dxgvIndentCell {
    background-color: inherit;
}

/*********************************************************************************
	DX-GV Header Row
*********************************************************************************/

.dxgvHeader_MaterialBlue {
	background-color: black;
        /*color: inherit;*/
        color: #ccc;
}

.dxgvControl_MaterialBlue .dxgvTable_MaterialBlue .dxgvSelectedRow_MaterialBlue,
.dxgvControl_MaterialBlue .dxgvTable_MaterialBlue .dxgvSelectedRow_MaterialBlue.dxgvDataRowHover_MaterialBlue {
	background-color: #335;
}

/*********************************************************************************
	DX-GV Filter Row
*********************************************************************************/
.dxgvFilterRow_MaterialBlue td.dxgv {
    background-color: inherit;
}
.dxeListBox_MaterialBlue .dxeListBoxFilter_MaterialBlue .dxeButtonEditSys {
    border: none;
}
.dxpcLite_MaterialBlue .dxpc-mainDiv, .dxpcLite_MaterialBlue.dxpc-mainDiv, .dxdpLite_MaterialBlue .dxpc-mainDiv, .dxdpLite_MaterialBlue.dxpc-mainDiv {
    border-color: #777;
}
.dxeNullText_MaterialBlue .dxeEditArea_MaterialBlue, .dxeNullText_MaterialBlue .dxeMemoEditArea_MaterialBlue, .dxFirefox .dxeNullText_MaterialBlue .dxeMemoEditArea_MaterialBlue {
    color: #8d8d8d;
}
.dxpcLite_MaterialBlue .dxpc-header, .dxdpLite_MaterialBlue .dxpc-header ,
.dxpcLite_MaterialBlue .dxpc-mainDiv, .dxpcLite_MaterialBlue.dxpc-mainDiv, .dxdpLite_MaterialBlue .dxpc-mainDiv, .dxdpLite_MaterialBlue.dxpc-mainDiv {
    background-color: #222;
    color: #DDDDDD;
}
.dxpcLite_MaterialBlue .dxpc-header, .dxdpLite_MaterialBlue .dxpc-header, .dxeListBoxFilter_MaterialBlue, .dxeListBox_MaterialBlue .dxeHD {
    border-bottom-color: #777;
    background-color: black;
}
.dxeListBox_MaterialBlue .dxeListBoxFilter_MaterialBlue .dxeButtonEditSys,
.dxeListBox_MaterialBlue .dxeListBoxFilter_MaterialBlue .dxeButtonEditSys .dxeEditAreaSys {
    background-color: #222 !important;
}
.dxeListBox_MaterialBlue .dxeHLC {
    border-right-color: transparent;
}
.dxeListBox_MaterialBlue .dxeHC, .dxeListBox_MaterialBlue .dxeHLC, .dxeListBox_MaterialBlue td.dxeHMIC {
    border-left-color: #777;
}
/*********************************************************************************
	DX-GV Focused Row
*********************************************************************************/
.dxgvControl_MaterialBlue .dxgvTable_MaterialBlue .dxgvFocusedRow_MaterialBlue,
.dxgvControl_MaterialBlue .dxgvTable_MaterialBlue .dxgvFocusedRow_MaterialBlue.dxgvDataRowHover_MaterialBlue {
    /*background-color: #35648a;*/
    background-color: #305c80;
    color: inherit;
}

.dxgvDetailRow_MaterialBlue .dxgvAIC a {
    background-color: white;
}

.dxlpLoadingPanel_MaterialBlue td.dx,
.dxlpLoadingPanelWithContent_MaterialBlue td.dx {
    background-color: black;
    color: white;
}

.dxucTextBox_MaterialBlue {
    color: #EEE;
    background-color: black;
    border: 1px solid #777;
}
.dxeListBox_MaterialBlue td.dxeIM, .dxeListBox_MaterialBlue td.dxeFTM, .dxeListBox_MaterialBlue td.dxeTM, .dxeListBox_MaterialBlue td.dxeLTM, .dxeListBox_MaterialBlue td.dxeCM, .dxeListBox_MaterialBlue td.dxeMIM, .dxeListBox_MaterialBlue td.dxeIMR, .dxeListBox_MaterialBlue td.dxeFTMR, .dxeListBox_MaterialBlue td.dxeTMR, .dxeListBox_MaterialBlue td.dxeLTMR, .dxeListBox_MaterialBlue td.dxeCMR, .dxeListBox_MaterialBlue td.dxeMIMR {
    border-bottom-color: #777;
}

.dxeListBox_MaterialBlue td.dxeLTM, .dxeListBox_MaterialBlue td.dxeTM, .dxeListBox_MaterialBlue td.dxeMIM {
    border-left-color: #777 !important;
}

.dxucBrowseButton_MaterialBlue {
    border: 1px solid #777;
    background-color: inherit;
}
.dxucControl_MaterialBlue .dxucBrowseButton_MaterialBlue a {
    color: white;
}

.dxpLite_MaterialBlue .dxp-current{
    background-color:#666;
}

.tdBorder {
    border: 1px solid #777;
}

.themebackground {
    background-color: black;
}

.dxbButtonSys {
    background-color: #555;
    color: lightskyblue;
}
.dxbButtonHover_MaterialBlue {
    background-color: gray !important;
}
.dxgvControl_MaterialBlue td.dxgvBatchEditModifiedCell_MaterialBlue {
    color: gray;
}
.dxgvBatchEditDeletedItem_MaterialBlue, .dxgvBatchEditNewItem_MaterialBlue.dxgvBatchEditDeletedItem_MaterialBlue {
    background: #888;
}
.dxscDateHeader_MaterialBlue,
.dxscAlternateDateHeader_MaterialBlue,
.dxscDayHeader_MaterialBlue,
.dxscDateCellHeader_MaterialBlue,
.dxscTodayCellHeader_MaterialBlue,
.dxscTimelineDateHeader_MaterialBlue,
.dxscHorizontalResourceHeader_MaterialBlue,
.dxscVerticalResourceHeader_MaterialBlue{
    background-color:black;
    color:white;
}

/*File Manager*/
.dxfmControl_MaterialBlue .dxfm-toolbar{
    background-color:#111!important;
}
.dxfmControl_MaterialBlue, .dxtvControl_MaterialBlue {
    color: #DDDDDD;
}
.dxsplControl_MaterialBlue {
    background-color: #111;
}
.dxfmControl_MaterialBlue .dxsplPane_MaterialBlue,
.dxfmControl_MaterialBlue .dxpc-content {
    background-color: #222;
    color: #DDDDDD;
}
    .dxfmControl_MaterialBlue .dxpc-content .dxfm-mpButtonC {
        background-color: #111;
        border-top: 1px solid #777;
    }
.dxfmControl_MaterialBlue div.dxfm-fileH div.dxfm-itemNameContainer {
    color: black!important;
}

/*********************************************************************************
	combobox multi-column header
*********************************************************************************/

.dxeHD .dxeHFC,
.dxeHD .dxeHC,
.dxeHD .dxeHLC {
	background-color: #333;
	color: #ccc;
}
/*********************************************************************************
	tab page
*********************************************************************************/
    .dxtcLite_MaterialBlue > .dxtc-stripContainer .dxtc-tab a {
        color: #757575 !important;
    }

    .dxmLite_MaterialBlue, .dxmLite_MaterialBlue .dxm-item a.dx{
        color:white;
    }
        .dxmLite_MaterialBlue .dxm-popup .dxm-hovered a.dx {
            background-color: #EEE;
            color: #484848;
        }
}