@media (prefers-color-scheme: dark) {
    body {
        background: var(--bs-body-bg) !important;
        background: var(--bs-body-bg) !important;
    }

    nav.navbar {
        border-bottom: solid 3px var(--bs-primary-bg-subtle) !important;
    }

    div.form-signin > div.signin-container {
        background-color: unset !important;
    }

    .card-click {
        background-color: var(--bs-card-bg) !important;
        border: var(--bs-card-border-width) solid var(--bs-card-border-color) !important;
    }

        .card-click:hover {
            box-shadow: unset !important;
        }

        .card-click > .card-body > .text-end > span {
            color: unset !important;
            background-color: unset !important;
        }

    .submenu {
        color: unset !important;
    }

    .approval-button-container {
        background-color: var(--bs-body-bg) !important;
        border-color: var(--bs-body-bg) !important;
    }

    .dropdown-item > .fas {
        color: unset !important;
    }

    td[role="gridcell"].command > .k-button {
        border-radius: unset !important;
        min-width: unset !important;
    }

    /* Track */
    ::-webkit-scrollbar-track {
        background: var(--bs-secondary-bg) !important;
    }

    /* Handle */
    ::-webkit-scrollbar-thumb {
        background: var(--bs-tertiary-bg) !important;
    }

        /* Handle on hover */
        ::-webkit-scrollbar-thumb:hover {
            background: var(--bs-body-bg) !important;
        }


    .bg-old {
        background-color: unset !important;
    }

    .notif-card:hover {
        background-color: var(--bs-secondary-bg) !important;
    }
}

/*@media (prefers-color-scheme: light) {
    body {
        background: rgb(244,244,244);
        background: linear-gradient(180deg, rgba(244,244,244,1) 0%, rgba(248,248,248,1) 25%, rgba(255,255,255,1) 100%) no-repeat;
    }
}*/