:root {
    --bs-primary: #009688;
    --bs-primary-rgb: 0, 150, 136;
    --vz-link-color: #009688;
    --vz-vertical-menu-item-active-color: #009688;
    --vz-vertical-menu-sub-item-hover-color: #009688;
    --vz-vertical-menu-sub-item-active-color: #009688;
    
}

.btn-primary {
    background-color: #009688;
    border-color: #009688;
}

    .btn-primary:hover, .btn-primary:focus, .btn-primary:active {
        background-color: #00877a !important;
        border-color: #00877a !important;
    }

.text-primary {
    color: #009688 !important;
}

/* Add other components as needed */
.bg-primary {
    background-color: #009688 !important;
}

.border-primary {
    border-color: #009688 !important;
}

/* Links, focus states, etc. */
a {
    color: #009688;
}

    a:hover {
        color: #00796b;
    }
.btn-outline-primary {
    color: #009688;
    border-color: #009688 !important;
}

.btn-secondary {
    background-color: #009688 !important;
    border-color: #009688 !important;
}

.paginate_button.current {
    background-color: #009688 !important;
    border-color: #009688 !important;
}

.nav-link.active {
    color: #009688 !important;

}

.nav-link.active {
    color: #009688 !important;
}

.navbar-menu {
    color: #009688 !important;
}

.navbar-nav {
    color: #009688 !important;
}
.nav-link:hover {
    color: #009688 !important;
}

.style attribute {
    color: #009688;
}

.btn-outline-primary {
    color: #009688;
    border-color: #009688;
}



.btn-outline-primary:active {
        background-color: #009688;
        border-color: #009688;
}

.btn-outline-primary {
    color: #009688;
    border-color: #009688;
}
.btn-check:checked + .btn-outline-primary {
    background-color: #009688;
    border-color: #009688;
}



.btn-outline-primary:hover {
    background-color: #009688;
    border-color: #009688;
}

.btn-check {
    background-color: #009688;
    border-color: #009688;
}
.btn-check:checked {
        background-color: #009688;
        border-color: #009688;
}
.text-primary {
    color: #009688;
}

.btn-primary {
    background-color: #009688;
    border-color: #009688;
}

.btn-ghost-secondary {
    color: #009688;
}

.form-check-input:checked {
    background-color: #009688;
    border-color: #009688;
}

.auth-one-bg .bg-overlay {
    background: linear-gradient(to right, #009688, #009688);
}


.table-primary {
    --vz-table-bg: #009688;
    --vz-table-striped-bg: #009688;
    color:#fff
}

input[type="checkbox"]:checked {
    background-color: #009688 !important;
    accent-color: #009688 !important;
    border-color: #009688 !important;
}
.nav-tabs-custom .nav-item .nav-link::after {
    background-color: #009688;
}