: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);
}

/** switch **/
.form-check-input:focus {
    border-color: var(--bs-primary);
    outline: 0;
    box-shadow: 0 0 0 0.25rem rgb(31 126 158 / 25%);
}

.form-switch .form-check-input:focus {
    --bs-form-switch-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%231f7e9e'/%3e%3c/svg%3e");
}

.form-switch .form-check-input:checked {
    background-position: right center;
    --bs-form-switch-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e");
}

.form-check-input:checked {
    background-color: var(--bs-primary);
    border-color: var(--bs-primary);
}