/*--bs-card-bg:var(--bs-body-bg);*/
/*Remove this line from Theme CSS file*/

:root, [data-bs-theme=light] {
    --bs-card-bg: #ffffff !important;
    --bs-body-bg: #fbf9f6 !important;
    --bs-icon-bg: transparent;
    --bs-icon-color: #808080;
}

[data-bs-theme=dark] {
    --bs-card-bg: #2f3349 !important;
    --bs-body-bg: #1b1e35 !important;
    --bs-icon-bg: #4f50861a;
    --bs-icon-color: whitesmoke;
}

[data-bs-theme=dark] .bg-light/*, .bg-white*/  {
        background-color: #393a4b !important;
        color: whitesmoke !important;
}
[data-bs-theme=light] .dropdown-divider {
    border-top: 1px solid #dfdddd !important;
}

[data-bs-theme=dark] .dropdown-divider {
    border-top: 1px solid #444444 !important;
}
.rz-dropdown, .rz-dropdown-panel {
    border-color: var(--bs-gray-300) !important;
    background-color: var(--bs-body-bg) !important;
    color: var(--bs-gray-700) !important;
}

[data-bs-theme=dark] .btn.btn-active-bg-accent:hover:not(.btn-active), .show > .btn.btn-active-bg-accent {
    border-color: #f9f2e7;
    background-color: #252f4a !important
}

svg path{
    fill: var(--bs-icon-color) !important;
}

body {
    background-color: var(--bs-body-bg) !important;
}

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

.btn-icon {
    background-color: var(--bs-icon-bg) !important;
}

.svg-icon.dark {
    fill: var(--bs-icon-color) !important;
}

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

label {
    color: var(--bs-text-gray-700);
}