:root {
    --color: #022551;
    --white-color: #ffffff;
    --shade-color: #E5EBF6;
    --gradient-color: #022551 100% !important;
    --gradient-back-color: #022551 !important;
    --unselected-color: #ffffff;
    --text-color: #575757;
    --border-radius: 0.85rem !important;
    --transparent-color: transparent !important;
    --tree-items-bg: #022551;
    --tree-items-text-color: #ffffff;
    --mobile-back-color: #ffffff;
    --notification-color: #ffffff;
    --pagination-text-color: #022551;
}

.spj-tabs {
    gap: 0;
}

.spj-tab {
    background: transparent !important;
    border: none !important;
    border-radius: 0 !important;
    border-bottom: 2px solid transparent !important;
    color: #6b7280 !important;
    box-shadow: none !important;
}

.spj-tab:hover {
    background: transparent !important;
    color: #374151 !important;
    border-bottom-color: var(--color) !important;
}

.spj-tab.spj-tab--active,
.spj-tab.spj-tab--active:hover,
.spj-tab.spj-tab--active:focus {
    background: transparent !important;
    color: var(--color) !important;
    border: none !important;
    border-radius: 0 !important;
    border-bottom: 2px solid var(--color) !important;
}

.jstree-default .jstree-anchor.rootActive > .jstree-icon,
.jstree-default .jstree-anchor.rootActive > .jstree-themeicon-custom,
.jstree-default .jstree-clicked > .jstree-icon,
.jstree-default .jstree-clicked > .jstree-themeicon-custom {
    color: var(--tree-items-text-color) !important;
}

.rootActive-library.rootActive .rootActive-library__icon {
    color: var(--white-color) !important;
}

.datepicker table tr td.active.active {
    background-color: var(--color) !important;
    border-color: var(--color) !important;
    color: var(--white-color) !important;
}

.datepicker table tr td span.active.active {
    background-color: var(--color) !important;
    border-color: var(--color) !important;
    color: var(--white-color) !important;
}

.datepicker tbody tr > td.day.today {
    background-color: #aac1eb !important;
    border-color: #aac1eb !important;
    color: var(--color) !important;
}

.datepicker tbody tr > td.day.today.active,
.datepicker tbody tr > td.day.today.active:hover {
    background-color: var(--color) !important;
    border-color: var(--color) !important;
    color: var(--white-color) !important;
}

.datepicker tbody tr > td.day.active,
.datepicker tbody tr > td.day.active:hover,
.datepicker tbody tr > td.day.selected,
.datepicker tbody tr > td.day.selected:hover {
    background-color: var(--color) !important;
    border-color: var(--color) !important;
    color: var(--white-color) !important;
}

.kt-badge.kt-badge--unified-brand {
    color: var(--white-color) !important;
    background-color: var(--color) !important;
}