:root {
    --bs-primary: #04816B;
    --bs-primary-rgb: #04816B;
    --bs-link-color: #04816B;
    --bs-link-color-rgb: #04816B;
    --bs-text-primary: #04816B;
    --bs-primary-active: #006150;
    --bs-link-hover-color-rgb: #006150;
    --bs-primary-light: #effbfa;
}

[data-bs-theme=light] {
    --bs-menu-link-color-show: var(--bs-primary);
    --bs-menu-link-color-here: var(--bs-primary);
    --bs-menu-link-color-hover: var(--bs-primary-active);
    --bs-menu-link-color-active: var(--bs-primary-active);
    --bs-component-active-bg: var(--bs-primary);
    --bs-component-hover-color: var(--bs-primary-active);
    --bs-component-checked-bg: var(--bs-primary);
}

[data-kt-app-layout=dark-sidebar] .app-sidebar {
    background-color: var(--bs-primary);
}

[data-kt-app-layout=dark-sidebar] .app-sidebar .menu .menu-item .menu-link.active {
    background-color: var(--bs-primary-active);
}

[data-kt-app-layout=dark-sidebar] .app-sidebar .menu .menu-item .menu-heading {
    color: #ffffff !important;
}

[data-kt-app-layout=dark-sidebar] .app-sidebar .menu .menu-item .menu-link .menu-title {
    color: #e8e8e8;
}

.link-primary:focus,
.link-primary:hover {
    color: var(--bs-primary-active) !important;
    text-decoration-color: var(--bs-primary-active) !important;
}