@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 #6
	Description:	Customize dark theme of bootstap for application.
*/

.form-detail, .form-prereport {
    background-color: #222;
}
/************************************************************************************************************************************************************
	###  Fix Value  ###
************************************************************************************************************************************************************/
.fieldSystem {
    color: royalblue;
}

/************************************************************************************************************************************************************
	###  Master Header's Navigator bar  ###
************************************************************************************************************************************************************/

nav.masterPage-navbar-main {
	background-color: #003050 !important;
}


/************************************************************************************************************************************************************
	###  Message bars  ###
************************************************************************************************************************************************************/

div.bar-search-auto {
	background-color: #223;
}

div.bar-search-manual {
	background-color: #232;
	border-color: #0C5;
}

	div.bar-search-manual::before {
		border-color: #0C5;
		background-color: #0C5;
	}

	div.bar-search-manual span.separtor::before {
		color: #0C5;
	}

div.bar-toolbar,
div.bar-toolbar-item {
	background-color: #333;
	border-color: #AAA;
}

	div.bar-toolbar .bar-header-text {
		color: #AAA;
	}

	div.bar-toolbar::before {
		border-color: #AAA;
		background-color: #AAA;
	}

	div.bar-toolbar span.separtor::before {
		color: #AAA;
	}

div.bar-navigator {
	background-color: #232;
	border-color: #0C5;
}

/************************************************************************************************************************************************************
	###  Form Section  ###
************************************************************************************************************************************************************/

.form-header-title {
    color: #777;
    background-color: #121212;
}
.form-header-title-desc {
	color: lightblue;
	background-color: #121212;
}

.form-header-subtitle {
    color: #777;
    background-color: #393939;
    padding-left: 20px;
}

.form-prereport {
    border: solid 1px #FFCC99;
    /*background-color: #FFFFCC;*/
}

.form-detail {
	border: 1px solid #AAA;
}

.form-footer {
    background-color: #333;
    border: 1px solid #AAA;
}

.form-header {
	border-color: steelblue;
}

/*********************************************************************************
	###  Form Input  ###
*********************************************************************************/

span.autogen {
	background-color: #444 !important;
	border: 1px #CCC solid;
}

/*********************************************************************************
	###  Process Status  ###
*********************************************************************************/

.bar-process-status {
	background-color: #223;
}

	.bar-process-status .status-icon-current {
		color: forestgreen;
	}

	.bar-process-status .status-icon-next {
		color: gray;
	}

	.bar-process-status .status-icon-finished {
		color: green;
	}

	.bar-process-status .status-icon-void {
		color: red;
	}

/*********************************************************************************
	###  Bootstrap : List Group  ###
*********************************************************************************/

.list-group .list-group-item.li-divider {
    color: #888;
    background-color: #333;
}

.list-group .list-group-item-action.focus-permanent,
.list-group .list-group-item-action:focus {
    background-color: #0069d9;
}
.change-transaction-status-buttons {
    border: 1px solid #444;
    padding: 0.25em 0em .25em 0em;
    display: inline-table;
}
}