@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_MaterialGreen {
    background-color: #222;
}

.dxeBase_MaterialGreen {
    color: inherit;
}

.dxtcLite_MaterialGreen {
    color: #EEE;
}

table.dxeTextBoxSys,
table.input.dxeEditAreaSys,
table.input.dxeMemoEditAreaSys,
.dxeButtonEditButton_MaterialGreen,
.dxeButtonEditSys.dxeButtonEdit_MaterialGreen,
.dxeTextBoxSys.dxeTextBoxDefaultWidthSys.dxeTextBox_MaterialGreen,
.dxeMemoEditAreaSys.dxeMemoEditArea_MaterialGreen,
.dxeMemoSys.dxeMemo_MaterialGreen,
.dxeEditAreaSys.dxeEditArea_MaterialGreen,
.dxp-comboBox,
.dxpLite_MaterialGreen .dxp-comboBox,
.dxpLite_MaterialGreen .dxp-dropDownButton,
.dxp-dropDownButton,
.dxm-popupMain,
.dxmLite_MaterialGreen .dxm-popup,
.dxeListBox_MaterialGreen {
    background-color: black;
    color: #EEE;
    border-color: #777;
}

.dxgvSearchPanel_MaterialGreen .dxeButtonEdit_MaterialGreen,
.dxgvFilterRow_MaterialGreen .dxeTextBoxSys.dxeTextBoxDefaultWidthSys.dxeTextBox_MaterialGreen,
.dxgvFilterRow_MaterialGreen .dxeButtonEditSys {
    border: 1px #018e09 solid;
}

    .dxgvSearchPanel_MaterialGreen .dxeButtonEdit_MaterialGreen input,
    .dxgvFilterRow_MaterialGreen .dxeTextBoxSys .dxic,
    .dxgvFilterRow_MaterialGreen .dxeTextBoxSys input,
    .dxgvFilterRow_MaterialGreen .dxeButtonEditSys .dxic,
    .dxgvFilterRow_MaterialGreen .dxeButtonEditSys .dxeEditAreaSys,
    .dxgvFilterRow_MaterialGreen .dxeButtonEditSys .dxeButtonEditClearButton_MaterialGreen {
        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_MaterialGreen,
.dxeReadOnly_MaterialGreen input,
.dxeDisabled_MaterialGreen,
.dxeDisabled_MaterialGreen 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:lightgreen
}

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

.dxgvControl_MaterialGreen,
.dxgvDisabled_MaterialGreen {
    background-color: inherit;
    color: #EEE;
}
.dxgvHEC {
    display: none;
}

.dxgvTable_MaterialGreen {
	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_MaterialGreen {
	background-color: #333;
}

.dxgvPagerBottomPanel_MaterialGreen {
	background-color: inherit;
}

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

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

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


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

.dxgvControl_MaterialGreen .dxgvCSD,
.dxgvTable_MaterialGreen, .dxgvHeader_MaterialGreen, .dxgvFilterRow_MaterialGreen td.dxgv, .dxgvDetailRow_MaterialGreen, .dxgvDataRow_MaterialGreen, dxgvFooter_MaterialGreen, .dxgvPagerBottomPanel_MaterialGreen, .dxgvInlineEditRow_MaterialGreen,
.dxgvEditFormDisplayRow_MaterialGreen td.dxgv, .dxgvDetailCell_MaterialGreen td.dxgv, .dxgvDataRow_MaterialGreen td.dxgv, .dxgvDetailRow_MaterialGreen.dxgvADR td.dxgvAIC, .dxgvDetailRow_MaterialGreen td.dxgv, .dxgvPreviewRow_MaterialGreen td.dxgv, .dxgvEmptyDataRow_MaterialGreen td.dxgv,
.dxgvEditFormDisplayRow_MaterialGreen:last-child td.dxgv, .dxgvDetailCell_MaterialGreen:last-child td.dxgv, .dxgvDataRow_MaterialGreen:last-child td.dxgv, .dxgvDetailRow_MaterialGreen.dxgvADR:last-child td.dxgvAIC {
    border-color: #4e4e4e !important;
}

    .dxgvTable_MaterialGreen caption, .dxgvInlineEditRow_MaterialGreen td.dxgv, .dxgvFooter_MaterialGreen td.dxgv {
        border-bottom: 1px #4e4e4e solid !important;
    }

.dxgvGroupRow_MaterialGreen {
    background-color: black;
}

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

        .dxgvGroupRow_MaterialGreen td.dxgv.dxgvPHEC, .dxgvPreviewRow_MaterialGreen td.dxgv.dxgvPHEC, .dxgvDetailRow_MaterialGreen td.dxgv.dxgvPHEC, .dxgvGroupFooter_MaterialGreen td.dxgv.dxgvPHEC, .dxgvDataRow_MaterialGreen td.dxgvPHEC {
            border-right: 1px solid #4e4e4e !important;
        }

.dxgvDataRow_MaterialGreen td.dxgvIndentCell, .dxgvDetailRow_MaterialGreen td.dxgvIndentCell, .dxgvPreviewRow_MaterialGreen td.dxgvIndentCell, .dxgvGroupFooter_MaterialGreen td.dxgvIndentCell {
    background-color: inherit;
}

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

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

.dxgvControl_MaterialGreen .dxgvTable_MaterialGreen .dxgvSelectedRow_MaterialGreen,
.dxgvControl_MaterialGreen .dxgvTable_MaterialGreen .dxgvSelectedRow_MaterialGreen.dxgvDataRowHover_MaterialGreen {
	background-color: #365634;
}

/*********************************************************************************
	DX-GV Filter Row
*********************************************************************************/
.dxgvFilterRow_MaterialGreen td.dxgv {
    background-color: inherit;
}
.dxeListBox_MaterialGreen .dxeListBoxFilter_MaterialGreen .dxeButtonEditSys {
    border: none;
}
.dxpcLite_MaterialGreen .dxpc-mainDiv, .dxpcLite_MaterialGreen.dxpc-mainDiv, .dxdpLite_MaterialGreen .dxpc-mainDiv, .dxdpLite_MaterialGreen.dxpc-mainDiv {
    border-color: #777;
}
.dxeNullText_MaterialGreen .dxeEditArea_MaterialGreen, .dxeNullText_MaterialGreen .dxeMemoEditArea_MaterialGreen, .dxFirefox .dxeNullText_MaterialGreen .dxeMemoEditArea_MaterialGreen {
    color: #8d8d8d;
}
.dxpcLite_MaterialGreen .dxpc-header, .dxdpLite_MaterialGreen .dxpc-header ,
.dxpcLite_MaterialGreen .dxpc-mainDiv, .dxpcLite_MaterialGreen.dxpc-mainDiv, .dxdpLite_MaterialGreen .dxpc-mainDiv, .dxdpLite_MaterialGreen.dxpc-mainDiv {
    background-color: #222;
    color: #DDDDDD;
}
.dxpcLite_MaterialGreen .dxpc-header, .dxdpLite_MaterialGreen .dxpc-header, .dxeListBoxFilter_MaterialGreen, .dxeListBox_MaterialGreen .dxeHD {
    border-bottom-color: #777;
    background-color: black;
}
.dxeListBox_MaterialGreen .dxeListBoxFilter_MaterialGreen .dxeButtonEditSys,
.dxeListBox_MaterialGreen .dxeListBoxFilter_MaterialGreen .dxeButtonEditSys .dxeEditAreaSys {
    background-color: #222 !important;
}
.dxeListBox_MaterialGreen .dxeHLC {
    border-right-color: transparent;
}
.dxeListBox_MaterialGreen .dxeHC, .dxeListBox_MaterialGreen .dxeHLC, .dxeListBox_MaterialGreen td.dxeHMIC {
    border-left-color: #777;
}
/*********************************************************************************
	DX-GV Focused Row
*********************************************************************************/
.dxgvControl_MaterialGreen .dxgvTable_MaterialGreen .dxgvFocusedRow_MaterialGreen,
.dxgvControl_MaterialGreen .dxgvTable_MaterialGreen .dxgvFocusedRow_MaterialGreen.dxgvDataRowHover_MaterialGreen {
    /*background-color: #35648a;*/
    background-color: #348131;
    color: inherit;
}

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

.dxlpLoadingPanel_MaterialGreen td.dx,
.dxlpLoadingPanelWithContent_MaterialGreen td.dx {
    background-color: black;
    color: white;
}

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

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

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

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

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

.themebackground {
    background-color: black;
}

.dxbButtonSys {
    background-color: #555;
    color: lightskyblue;
}
.dxbButtonHover_MaterialGreen {
    background-color: gray !important;
}
.dxgvControl_MaterialGreen td.dxgvBatchEditModifiedCell_MaterialGreen {
    color: gray;
}
.dxgvBatchEditDeletedItem_MaterialGreen, .dxgvBatchEditNewItem_MaterialGreen.dxgvBatchEditDeletedItem_MaterialGreen {
    background: #888;
}
.dxscDateHeader_MaterialGreen,
.dxscAlternateDateHeader_MaterialGreen,
.dxscDayHeader_MaterialGreen,
.dxscDateCellHeader_MaterialGreen,
.dxscTodayCellHeader_MaterialGreen,
.dxscTimelineDateHeader_MaterialGreen,
.dxscHorizontalResourceHeader_MaterialGreen,
.dxscVerticalResourceHeader_MaterialGreen{
    background-color:black;
    color:white;
}

/*File Manager*/
.dxfmControl_MaterialGreen .dxfm-toolbar{
    background-color:#111!important;
}
.dxfmControl_MaterialGreen, .dxtvControl_MaterialGreen {
    color: #DDDDDD;
}
.dxsplControl_MaterialGreen {
    background-color: #111;
}
.dxfmControl_MaterialGreen .dxsplPane_MaterialGreen,
.dxfmControl_MaterialGreen .dxpc-content {
    background-color: #222;
    color: #DDDDDD;
}
    .dxfmControl_MaterialGreen .dxpc-content .dxfm-mpButtonC {
        background-color: #111;
        border-top: 1px solid #777;
    }
.dxfmControl_MaterialGreen 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_MaterialGreen > .dxtc-stripContainer .dxtc-tab a {
    color: #757575 !important;
}

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