@media screen and (prefers-color-scheme: dark) {
    .body-light {
        background-color: #35363a;
        color: white;
    }
    .body-white {
        background-color: #35363a;
        color: white;
    }
    .bar-clear{
        background-color: rgba(53, 54, 58, 0.72);
        color: #fff;
        backdrop-filter: saturate(180%) blur(20px);
        -webkit-backdrop-filter: saturate(180%) blur(20px);
        -moz-backdrop-filter: saturate(180%) blur(20px);
        -ms-backdrop-filter: saturate(180%) blur(20px);
        -o-backdrop-filter: saturate(180%) blur(20px);
    }
    .bg-clear{
        background-color: rgba(52, 58, 64, 0.72);
        color: #fff;
        backdrop-filter: saturate(180%) blur(20px);
        -webkit-backdrop-filter: saturate(180%) blur(20px);
        -moz-backdrop-filter: saturate(180%) blur(20px);
        -ms-backdrop-filter: saturate(180%) blur(20px);
        -o-backdrop-filter: saturate(180%) blur(20px);
    }
    .table-blue1{
    	background-color: #0061f2;
    }
    .table-blue1:hover{
    	background-color: #0069d9 !important;
    }
    .card-white{
        background-color: #6c757d;
        color: white;
    }
    .card-light{
        background-color: #6c757d;
        color: white;
    }
    .sidebar-light{
        background-color: #6c757d;
    }
    .header-light{
        background-color: #6c757d;
        
    }
    .dropdown-white{
        background-color: #6c757d;
        color: #FFF;
    }
    .link-primary, .link-success, .link-warning, .link-danger, .link-dark {
        color:white;
    }
    .form-control, .sr-only{
        background-color:#ced4da;
    }
    .select2-container--bootstrap .select2-selection{
        background-color:#ced4da !important;
    }
    #sidebar ul li a:hover{
        color: #ffc107;
    }
    .nav-link{
        color:white;
    }
    .text-ry{
        color:#ffc107;
    }
    .invalid-feedback{
        color: #ffc107;
    }
    #sidebar ul li.active a{
        color: #ffc107;
    }
}