@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;
    }

    table.form-detail {
        background-color: #222;
    }

        table.form-detail td.cellDetailHeader,
        table.form-detail td.cellDetailNormal {
            border: solid 1px rgb(68,68,68);
        }

        table.form-detail td.cellDetailHeader {
            background-color: #333;
        }

}