:root {
    --bs-primary: #1f7e9e;
    --bs-primary-rgb: 31, 126, 158;
    --dt-row-selected: 31, 126, 158;
    --cms-custom-main-color: var(--bs-primary);
    --cms-custom-hover-bg-color: #18627c;
    --cms-custom-hover-border-color: #18576e;
    --cms-custom-active-bg-color: var(--cms-custom-hover-border-color);
    --cms-custom-active-border-color: #53afbf;
    --bs-dropdown-link-active-bg: var(--bs-primary);
    --bs-primary-bg-subtle: #d6edf5;
    --bs-link-hover-color: #1699d1;

    --login-main-color: var(--bs-primary);
    --login-bg-cover-color: rgba(55, 98, 110, 0.85);

    --copy-bs-primary-btn-bg: var(--cms-custom-main-color);
    --copy-bs-primary-btn-border-color: var(--cms-custom-main-color);
    --copy-bs-primary-btn-hover-bg: var(--cms-custom-hover-bg-color);
    --copy-bs-primary-btn-hover-border-color: var(--cms-custom-hover-border-color);
    --copy-bs-primary-btn-active-bg: var(--cms-custom-hover-border-color);
    --copy-bs-primary-btn-active-border-color: var(--cms-custom-active-border-color);
    --copy-bs-primary-btn-disabled-bg: var(--cms-custom-main-color);
    --copy-bs-primary-btn-disabled-border-color: var(--cms-custom-main-color);
}

[data-bs-theme=light] .app-sidebar {
    --lte-sidebar-menu-active-color: #fff;
}

.btn-primary {
    --bs-btn-bg: var(--cms-custom-main-color);
    --bs-btn-border-color: var(--cms-custom-main-color);
    --bs-btn-hover-bg: var(--cms-custom-hover-bg-color);
    --bs-btn-hover-border-color: var(--cms-custom-hover-border-color);
    --bs-btn-active-bg: var(--cms-custom-hover-border-color);
    --bs-btn-active-border-color: var(--cms-custom-active-border-color);
    --bs-btn-disabled-bg: var(--cms-custom-main-color);
    --bs-btn-disabled-border-color: var(--cms-custom-main-color);
}

.btn-outline-primary {
    --bs-btn-color: var(--cms-custom-main-color);
    --bs-btn-border-color: var(--cms-custom-main-color);
    --bs-btn-hover-bg: var(--cms-custom-main-color);
    --bs-btn-hover-border-color: var(--cms-custom-main-color);
    --bs-btn-active-bg: var(--cms-custom-main-color);
    --bs-btn-active-border-color: var(--cms-custom-main-color);
    --bs-btn-disabled-color: var(--cms-custom-main-color);
    --bs-btn-disabled-border-color: var(--cms-custom-main-color);
}

.sidebar-wrapper .sidebar-menu > .nav-item.menu-open .nav-link.active:not(:hover) {
    --lte-sidebar-menu-active-bg: var(--cms-custom-main-color);
}

.bg-primary, .card-primary, .text-bg-primary {
    --lte-card-variant-bg: var(--cms-custom-main-color);
}

[data-bs-theme=dark]:root {
    --copy-bs-primary-btn-bg: var(--cms-custom-main-color);
    --copy-bs-primary-btn-border-color: var(--cms-custom-main-color);
    --copy-bs-primary-btn-hover-bg: var(--cms-custom-hover-bg-color);
    --copy-bs-primary-btn-hover-border-color: var(--cms-custom-hover-border-color);
    --copy-bs-primary-btn-active-bg: var(--cms-custom-hover-border-color);
    --copy-bs-primary-btn-active-border-color: var(--cms-custom-active-border-color);
    --copy-bs-primary-btn-disabled-bg: var(--cms-custom-main-color);
    --copy-bs-primary-btn-disabled-border-color: var(--cms-custom-main-color);
    --bs-primary-bg-subtle: #042b30
}

input[type=checkbox] {
    accent-color: var(--cms-custom-hover-bg-color);
}

.active > .page-link, .page-link.active {
    color: var(--bs-pagination-active-color);
    background-color: var(--cms-custom-main-color);
    border-color: var(--cms-custom-main-color);
}

.page-link, .nav-tabs .nav-item .nav-link {
    color: var(--cms-custom-main-color);
}

.nav-tabs .nav-item .nav-link:hover {
    color: var(--cms-custom-hover-bg-color);
}

.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
    color: var(--bs-nav-tabs-link-active-color);
    background-color: var(--bs-nav-tabs-link-active-bg);
    border-color: var(--bs-nav-tabs-link-active-border-color);
}

.dropdown-item.active, .dropdown-item:active {
    background-color: var(--cms-custom-main-color);
}