:root,
[data-bs-theme=light],
[data-bs-theme=dark] {
    --bs-primary: #00A651 !important;
    --bs-primary-rgb: 0, 166, 81 !important;
    --ct-primary: #00A651 !important;
    --ct-primary-rgb: 0, 166, 81 !important;
}

/* Primary Buttons */
.btn-primary,
.btn.btn-primary,
.bg-primary,
.badge-primary,
.nav-pills .nav-link.active {
    background-color: var(--bs-primary) !important;
    border-color: var(--bs-primary) !important;
}

/* Soft Primary Background */
.bg-soft-primary {
    background-color: rgba(var(--bs-primary-rgb), 0.1) !important;
    border: 1px solid rgba(var(--bs-primary-rgb), 0.1) !important;
    color: var(--bs-primary) !important;
}

/* Text Colors */
.text-primary,
.sidebar-wrapper .sidebar-menu .sidebar-item.active > .menu-link,
.sidebar-wrapper .sidebar-menu .sidebar-item .menu-link:hover,
.nav-link.active,
.nav-link:hover {
    color: var(--bs-primary) !important;
}

/* Hover States */
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn.btn-primary:hover,
.btn.btn-primary:focus,
.btn.btn-primary:active {
    background-color: rgba(var(--bs-primary-rgb), 0.9) !important;
    border-color: rgba(var(--bs-primary-rgb), 0.9) !important;
}

/* Border Colors */
.border-primary {
    border-color: var(--bs-primary) !important;
}

/* Links */
a {
    color: var(--bs-primary);
}

a:hover {
    color: rgba(var(--bs-primary-rgb), 0.8);
}

/* Form Elements */
.form-check-input:checked {
    background-color: var(--bs-primary) !important;
    border-color: var(--bs-primary) !important;
}

/* Loader */
#preloader #status .spinner .double-bounce1,
#preloader #status .spinner .double-bounce2 {
    background-color: var(--bs-primary) !important;
}

/* Dashboard specific overrides */
.features.feature-primary .icon {
    background-color: rgba(0, 166, 81, 0.1) !important;
    color: #00A651 !important;
}

.btn-soft-primary {
    background-color: rgba(0, 166, 81, 0.1) !important;
    border: 1px solid rgba(0, 166, 81, 0.1) !important;
    color: #00A651 !important;
}

/* ApexCharts color override */
.apexcharts-series path {
    stroke: #00A651 !important;
}

.apexcharts-area-series .apexcharts-series-markers path {
    fill: #00A651 !important;
}

/* Header specific overrides */
.btn-pills.btn-soft-primary {
    background-color: rgba(0, 166, 81, 0.1) !important;
    border: 1px solid rgba(0, 166, 81, 0.1) !important;
    color: #00A651 !important;
}

.header-bar .btn-soft-light:hover {
    color: #00A651 !important;
}

/* Landing page specific styles */
.landing-page .card {
    border-color: rgba(var(--bs-primary-rgb), 0.1) !important;
}

.landing-page .card:hover {
    border-color: rgba(var(--bs-primary-rgb), 0.2) !important;
}

.landing-page .features.feature-primary:hover {
    background-color: var(--bs-primary) !important;
}

.landing-page .features.feature-primary:hover .icon {
    background-color: rgba(255, 255, 255, 0.2) !important;
}

.landing-page .features.feature-primary:hover .icon i {
    color: #ffffff !important;
}

.landing-page .apexcharts-series path {
    stroke: var(--bs-primary) !important;
}

.landing-page .apexcharts-marker {
    fill: var(--bs-primary) !important;
}

/* Custom styles for ApexCharts toolbar */
.apexcharts-toolbar {
    background-color: transparent !important; /* Make the background transparent */
}

.apexcharts-toolbar .apexcharts-button {
    color: var(--bs-primary) !important; /* Change button color to the primary color */
}

.apexcharts-toolbar .apexcharts-button:hover {
    color: rgba(var(--bs-primary-rgb), 0.8) !important; /* Change hover color */
}
.pagination .page-link {
    font-size: 14px; /* Adjust the font size */
    padding: 0.5rem 0.75rem; /* Adjust padding */
}

.pagination .page-link i {
    font-size: 16px; /* Adjust icon size */
}