:root{
    color-scheme: light dark;
    --BLUE: #113f67
    --BLUE_GREEN: #66bfbf
    --BROWN: #402a23
    --GREEN: #004a2f
    --LIGHT_BLUE: #6892d5
    --LIGHT_GRAY: #e0e0e0
    --LIGHT_GREEN: #7dd87d
    --LIGHT_RED: #c9356c
    --ORANGE: #c24d2c
    --PEA_GREEN: #42b883
    --PINK: #f76b8a
    --PURPLE: #430f58
    --RED: #dc2f2f
    --TEAL: #66bfbf
    --WHITE:#ffffff
    --YELLOW:#ffc93c
}

body{
    background-color: light-dark(#ffffff,#000000)!important;
    color:light-dark(#000000,#ffffff)!important;
}

.offcanvas{
    background-color: light-dark(#ffffff,#000000)!important;
    color:light-dark(#000000,#ffffff)!important;
}

.offcanvas-header .btn-close{
        color:light-dark(#000000,#ffffff)!important;
}

.a9s-popup{
        background-color: light-dark(#ffffff,#ffffff)!important;
        color:light-dark(#000000,#000000)!important;
}

.atolHeader{
    background-color: light-dark(#ffffff,#000000);
    color:light-dark(#000000,#ffffff);
}

.atolFooter{
    background-color: light-dark(#ffffff,#000000);
    color:light-dark(#000000,#ffffff);
}

.k-appbar{
    background-color: light-dark(#ffffff,rgb(51,51,51))!important;
    color:light-dark(#000000,#ffffff)!important;
}

.atol-dlg-warn .k-dialog{
    background-color: var(--kendo-color-warning);
    color:#000000;
}

.atol-dlg-error .k-dialog{
    background-color: var(--kendo-color-error);
}


.BLUE{
    color:var(--BLUE);
}

.BLUE_GREEN{
    color:var(--BLUE_GREEN);
}
.BROWN{
    color:var(--BROWN);
}
.GREEN{
    color:var(--GREEN);
}
.LIGHT_BLUE{
    color:var(--LIGHT_BLUE);
}
.LIGHT_GRAY{
    color:var(--LIGHT_GRAY);
}
.LIGHT_GREEN{
    color:var(--LIGHT_GREEN);
}
.LIGHT_RED{
    color:var(--LIGHT_RED);
}
.ORANGE{
    color:var(--ORANGE);
}
.PEA_GREEN{
    color:var(--PEA_GREEN);
}
.PINK{
    color:var(--PINK);
}
.PURPLE{
    color:var(--PURPLE);
}
.RED{
    color:var(--RED);
}
.TEAL{
    color:var(--TEAL);
}
.WHITE{
    color:var(--WHITE);
}
.YELLOW{
    color:var(--YELLOW);
}

.danger{
    color:rgb(243,23,0);
}

.hidden{
    display: none!important;
}

.filteredColumn{
    color: red!important;
}