@media (prefers-color-scheme: light) {
    :root {
        --ra-indigo:        #002856;
        --ra-amber:         #F5A800;

        --de-bgr-footer:    #ffffff;
        --de-bgr-container: #F7F7F7;
        --de-bgr-disabled:  #e9ecef;
        --de-bgr-disabled-l:#D9DEE4;
        --de-bgr-body:      #2A3F54;
        --de-bgr-menu:      #2A3F54;
        --de-bgr-nav-menu:  #EDEDED;
        --de-bgr-nav-title: #2A3F54;
        --de-bgr-nav-hover: #D9DEE4;
        --de-line:          #D9DEE4;
        --de-input-focus:   #ffffff;
        --de-input:         #F7F7F7;

        --de-bgr-panel:     #ffffff;
        --de-sep-panel:     #E6E9ED;

        --de-menu-font:     #172D44;
        --de-link:          #5A738E;
        --de-link-hover:    #172D44;
        --de-font-light:    #2A3F54;
        --de-font-dark:     #73879C;

        --de-red:           #ba0000;
        --de-green:         #00b500;
        --de-blue:          #0000ae;
        --de-yellow:        #ffffcb;

        --de-table-border:    #73879C;
        --de-table-select:    #91aac5;
        --de-table-bgr-head:  #5A738E;
        --de-table-bgr-search:#EDEDED;
        --de-tbl-head-font:   #E6E9ED;
        --de-area-background: #ffffff;
    }
}
@media (prefers-color-scheme: dark) {
    :root {
        --ra-indigo:        #002856;
        --ra-amber:         #F5A800;

        --de-bgr-footer:    #0c1824;
        
        --de-bgr-disabled:  #172D44;
        --de-bgr-disabled-l:#D9DEE4;

        --de-bgr-body:      #172D44;
        --de-bgr-menu:      #2A3F54;
        --de-bgr-nav-menu:  #2A3F54;
        --de-bgr-nav-title: #2A3F54;
        --de-bgr-nav-hover: #172D44;
        --de-line:          #0c1824;
        --de-input-focus:   #E7E7E7;
        --de-input:         #D9DEE4;

        --de-bgr-panel:     #2A3F54;
        --de-sep-panel:     #73879C;

        --de-menu-font:     #E7E7E7;
        --de-link:          #73879C;
        --de-link-hover:    #E7E7E7;

        --de-font-light:    #E7E7E7;
        --de-font-dark:     #73879C;

        --de-red:           #ff8f8f;
        --de-green:         #8fff8f;
        --de-blue:          #8f8fff;
        --de-yellow:        #ffff9a;

        --de-table-border:    #73879C;
        --de-table-select:    #91aac5;
        --de-table-bgr-head:  #172D44;
        --de-table-bgr-search:#EDEDED;
        --de-tbl-head-font: var(--ra-amber);

        --bs-body-bg:       #E7E7E7;
        --de-area-background: #93A2B2;
    }
}

/**  ------------------------------------------  **/
.blue { color: #3498DB; }
.purple { color: #9B59B6; }
.green { color: #1ABB9C; }
.aero { color: #9CC2CB; }
.red { color: #E74C3C; }
.dark { color: #34495E; }
.border-blue { border-color: #3498DB !important; }
.border-purple { border-color: #9B59B6 !important; }
.border-green { border-color: #1ABB9C !important; }
.border-aero { border-color: #9CC2CB !important; }
.border-red { border-color: #E74C3C !important; }
.border-dark { border-color: #34495E !important; }
.bg-hide {
    background: none;
    opacity: 0;
}
.bg-white {
    background: #fff !important;
    border: 1px solid #fff !important;
    color: #73879C; }
.bg-green {
    background: #00995c !important;
    border: 1px solid #05caa3 !important;
    color: #fff; }
.bg-red {
    background: #E74C3C !important;
    border: 1px solid #E74C3C !important;
    color: #fff; }
.bg-blue {
    background: #3498DB !important;
    border: 1px solid #3498DB !important;
    color: #fff; }
.bg-orange {
    background: #d88600 !important;
    border: 1px solid #ff9d00 !important;
    color: #fff; }
.bg-purple {
    background: #9B59B6 !important;
    border: 1px solid #9B59B6 !important;
    color: #fff; }
.bg-blue-sky {
    background: #50C1CF !important;
    border: 1px solid #50C1CF !important;
    color: #fff; }