/* 
   -----------------------------------------------------------------------------------------
   CUSTOM THEME OVERRIDES
   -----------------------------------------------------------------------------------------
   This file overrides default styles (style.css, app.css) based on the [data-color] attribute.
   Updated to match React application structure and Sidebar components.
*/

/* =========================================================================================
   CYAN THEME (#17a2b8)
   ========================================================================================= */
/* Auth */
[data-color=cyan] .auth-btn { background-color: #17a2b8 !important; }
[data-color=cyan] .auth-btn:hover { background-color: #138496 !important; }
[data-color=cyan] .auth-btn-loading { background-color: rgba(23, 162, 184, 0.7) !important; }
[data-color=cyan] .auth-btn-ring { --tw-ring-color: rgba(23, 162, 184, 0.5) !important; }
[data-color=cyan] .auth-input:focus { border-color: #17a2b8 !important; --tw-ring-color: #17a2b8 !important; }
[data-color=cyan] .auth-checkbox { color: #17a2b8 !important; }
[data-color=cyan] .auth-link { color: #17a2b8 !important; }
[data-color=cyan] .auth-link:hover { color: #138496 !important; }

/* Sidebar & Header */
[data-color=cyan] .header .header-left #toggle_btn { 
    background-color: #17a2b8 !important; 
    color: #ffffff !important;
    border-color: #17a2b8 !important;
}
[data-color=cyan] .header .header-left #toggle_btn:hover { 
    background-color: #138496 !important; 
    color: #ffffff !important;
}
[data-color=cyan] .header .mobile_btn { color: #17a2b8 !important; }

[data-color=cyan] .sidebar .sidebar-logo #toggle_btn {
    background-color: #17a2b8 !important;
    color: #ffffff !important;
    border-color: #17a2b8 !important;
}
[data-color=cyan] .sidebar .sidebar-logo #toggle_btn:hover {
    background-color: #138496 !important;
    color: #ffffff !important;
}

/* Sidebar Active State - Comprehensive Overrides */
[data-color=cyan] .sidebar .sidebar-menu ul li a.active,
[data-color=cyan] .sidebar .sidebar-menu ul li.submenu-open > a.active,
[data-color=cyan] .sidebar .sidebar-menu > ul > li > a.active,
[data-color=cyan] .sidebar .sidebar-menu ul li.submenu ul li a.active {
    background-color: rgba(23, 162, 184, 0.1) !important;
    color: #17a2b8 !important;
}

[data-color=cyan] .sidebar .sidebar-menu ul li a.active span,
[data-color=cyan] .sidebar .sidebar-menu ul li a.active i,
[data-color=cyan] .sidebar .sidebar-menu ul li a.active svg {
    color: #17a2b8 !important;
}

[data-color=cyan] .sidebar .sidebar-menu ul li a.active .menu-arrow {
    background: rgba(23, 162, 184, 0.1) !important;
}
[data-color=cyan] .sidebar .sidebar-menu ul li a.active .menu-arrow::before {
    border-color: #17a2b8 !important;
}

/* Sidebar Submenu Specifics */
[data-color=cyan] .sidebar .sidebar-menu ul li.submenu ul li a.active {
    background: transparent !important; /* Submenu items usually don't have bg */
    color: #17a2b8 !important;
}
[data-color=cyan] .sidebar .sidebar-menu ul li.submenu ul li a.active:after {
    background: #17a2b8 !important;
    border-color: #dbecef !important;
}
[data-color=cyan] .sidebar .sidebar-menu ul li.submenu ul li a:hover {
    color: #17a2b8 !important;
}
[data-color=cyan] .sidebar .sidebar-menu ul li.submenu ul li a:hover:after {
    background: #17a2b8 !important;
    border-color: #dbecef !important;
}

/* Sidebar Subdrop (Open Menu) */
[data-color=cyan] .sidebar .sidebar-menu > ul > li > ul > li.submenu > a.subdrop, 
[data-color=cyan] .settings-sidebar .sidebar-menu > ul > li > ul > li.submenu > a.subdrop {
    background-color: rgba(23, 162, 184, 0.1) !important;
    color: #17a2b8 !important;
}
[data-color=cyan] .sidebar .sidebar-menu > ul > li > ul > li.submenu > a.subdrop span,
[data-color=cyan] .sidebar .sidebar-menu > ul > li > ul > li.submenu > a.subdrop i,
[data-color=cyan] .settings-sidebar .sidebar-menu > ul > li > ul > li.submenu > a.subdrop span,
[data-color=cyan] .settings-sidebar .sidebar-menu > ul > li > ul > li.submenu > a.subdrop i {
    color: #17a2b8 !important;
}
[data-color=cyan] .sidebar .sidebar-menu > ul > li > ul > li.submenu > a.subdrop .menu-arrow,
[data-color=cyan] .settings-sidebar .sidebar-menu > ul > li > ul > li.submenu > a.subdrop .menu-arrow {
    background-color: rgba(23, 162, 184, 0.15) !important;
}
[data-color=cyan] .sidebar .sidebar-menu > ul > li > ul > li.submenu > a.subdrop .menu-arrow::before,
[data-color=cyan] .settings-sidebar .sidebar-menu > ul > li > ul > li.submenu > a.subdrop .menu-arrow::before {
    border-color: #17a2b8 !important;
}
[data-color=cyan] .sidebar .sidebar-menu > ul li .submenu .submenu-two > a.subdrop,
[data-color=cyan] .settings-sidebar .sidebar-menu > ul li .submenu .submenu-two > a.subdrop {
    color: #17a2b8 !important;
}
[data-color=cyan] .sidebar .sidebar-menu > ul li .submenu .submenu-two > a.subdrop::after,
[data-color=cyan] .settings-sidebar .sidebar-menu > ul li .submenu .submenu-two > a.subdrop::after {
    background-color: #17a2b8 !important;
}

/* Image Upload & Loader */
[data-color=cyan] .image-upload,
[data-color=cyan] .image-upload:hover {
    background-color: #17a2b8 !important;
    border-color: #17a2b8 !important;
    color: #ffffff !important;
}
[data-color=cyan] .image-upload .image-uploads h4,
[data-color=cyan] .image-upload .image-uploads i {
    color: #ffffff !important;
}
[data-color=cyan] div#global-loader .whirly-loader:not(:required) {
    box-shadow: 0 26px 0 6px #17a2b8, 0.90971px 26.05079px 0 5.93333px #17a2b8, 1.82297px 26.06967px 0 5.86667px #17a2b8, 2.73865px 26.05647px 0 5.8px #17a2b8, 3.65561px 26.01104px 0 5.73333px #17a2b8, 4.57274px 25.93327px 0 5.66667px #17a2b8, 5.48887px 25.8231px 0 5.6px #17a2b8, 6.40287px 25.68049px 0 5.53333px #17a2b8, 7.31358px 25.50548px 0 5.46667px #17a2b8, 8.21985px 25.2981px 0 5.4px #17a2b8, 9.12054px 25.05847px 0 5.33333px #17a2b8, 10.01448px 24.78672px 0 5.26667px #17a2b8, 10.90054px 24.48302px 0 5.2px #17a2b8, 11.77757px 24.1476px 0 5.13333px #17a2b8, 12.64443px 23.78072px 0 5.06667px #17a2b8, 13.5px 23.38269px 0 5px #17a2b8, 14.34315px 22.95384px 0 4.93333px #17a2b8, 15.17277px 22.49455px 0 4.86667px #17a2b8, 15.98776px 22.00526px 0 4.8px #17a2b8, 16.78704px 21.48643px 0 4.73333px #17a2b8, 17.56953px 20.93855px 0 4.66667px #17a2b8, 18.33418px 20.36217px 0 4.6px #17a2b8, 19.07995px 19.75787px 0 4.53333px #17a2b8, 19.80582px 19.12626px 0 4.46667px #17a2b8, 20.5108px 18.468px 0 4.4px #17a2b8, 21.1939px 17.78379px 0 4.33333px #17a2b8, 21.85416px 17.07434px 0 4.26667px #17a2b8, 22.49067px 16.34043px 0 4.2px #17a2b8, 23.10251px 15.58284px 0 4.13333px #17a2b8, 23.68881px 14.80241px 0 4.06667px #17a2b8, 24.24871px 14px 0 4px #17a2b8, 24.7814px 13.1765px 0 3.93333px #17a2b8, 25.28607px 12.33284px 0 3.86667px #17a2b8, 25.76198px 11.46997px 0 3.8px #17a2b8, 26.2084px 10.58888px 0 3.73333px #17a2b8, 26.62462px 9.69057px 0 3.66667px #17a2b8, 27.01001px 8.77608px 0 3.6px #17a2b8, 27.36392px 7.84648px 0 3.53333px #17a2b8, 27.68577px 6.90284px 0 3.46667px #17a2b8, 27.97502px 5.94627px 0 3.4px #17a2b8, 28.23116px 4.97791px 0 3.33333px #17a2b8, 28.4537px 3.99891px 0 3.26667px #17a2b8, 28.64223px 3.01042px 0 3.2px #17a2b8, 28.79635px 2.01364px 0 3.13333px #17a2b8, 28.91571px 1.00976px 0 3.06667px #17a2b8, 29px 0 0 3px #17a2b8, 29.04896px -1.01441px 0 2.93333px #17a2b8, 29.06237px -2.03224px 0 2.86667px #17a2b8, 29.04004px -3.05223px 0 2.8px #17a2b8, 28.98185px -4.07313px 0 2.73333px #17a2b8, 28.88796px -5.0838px 0 2.66667px #17a2b8, 28.75865px -6.08272px 0 2.6px #17a2b8, 28.59424px -7.06841px 0 2.53333px #17a2b8, 28.39511px -8.03943px 0 2.46667px #17a2b8, 28.16171px -8.99435px 0 2.4px #17a2b8, 27.89456px -9.93179px 0 2.33333px #17a2b8, 27.59423px -10.85038px 0 2.26667px #17a2b8, 27.2613px -11.74878px 0 2.2px #17a2b8, 26.89647px -12.62568px 0 2.13333px #17a2b8, 26.50047px -13.47983px 0 2.06667px #17a2b8, 26.07406px -14.31002px 0 2px #17a2b8 !important;
}

/* Forms & Inputs */
[data-color=cyan] .form-control:focus,
[data-color=cyan] .form-select:focus {
    border-color: #17a2b8 !important;
    box-shadow: 0 0 0 0.2rem rgba(23, 162, 184, 0.25) !important;
}
[data-color=cyan] .form-check-input:checked {
    background-color: #17a2b8 !important;
    border-color: #17a2b8 !important;
}

/* Buttons */
[data-color=cyan] .btn-primary,
[data-color=cyan] .btn-submit,
[data-color=cyan] .btn-added,
[data-color=cyan] .btn.btn-submit,
[data-color=cyan] .btn.btn-added {
    background-color: #17a2b8 !important;
    border-color: #17a2b8 !important;
    color: #ffffff !important;
}
[data-color=cyan] .btn-primary:hover,
[data-color=cyan] .btn-submit:hover,
[data-color=cyan] .btn-added:hover,
[data-color=cyan] .btn.btn-submit:hover,
[data-color=cyan] .btn.btn-added:hover {
    background-color: #138496 !important;
    border-color: #138496 !important;
}
[data-color=cyan] .btn-outline-primary {
    color: #17a2b8 !important;
    border-color: #17a2b8 !important;
}
[data-color=cyan] .btn-outline-primary:hover {
    background-color: #17a2b8 !important;
    color: #fff !important;
}

/* Global Elements */
[data-color=cyan] a:not(.auth-link):not(.sidebar-menu a):not(.btn) { color: #17a2b8; }
[data-color=cyan] a:not(.auth-link):not(.sidebar-menu a):not(.btn):hover { color: #138496; }
[data-color=cyan] ::selection { background: #17a2b8 !important; color: #fff !important; }
[data-color=cyan] .text-primary { color: #17a2b8 !important; }
[data-color=cyan] .bg-primary { background-color: #17a2b8 !important; }
[data-color=cyan] .page-item.active .page-link { background-color: #17a2b8 !important; border-color: #17a2b8 !important; }
[data-color=cyan] .progress-bar { background-color: #17a2b8 !important; }
[data-color=cyan] .bootstrap-datetimepicker-widget table td.active,
[data-color=cyan] .bootstrap-datetimepicker-widget table td.active:hover { background-color: #17a2b8 !important; }
[data-color=cyan] .bootstrap-datetimepicker-widget table td.today:before { border-bottom-color: #17a2b8 !important; }
[data-color=cyan] .border-primary { border-color: #17a2b8 !important; }

/* Global Backgrounds & Components */
[data-color=cyan] .bg-primary.bg-opacity-10 { background-color: rgba(23, 162, 184, 0.1) !important; }
[data-color=cyan] .bg-primary.bg-opacity-25 { background-color: rgba(23, 162, 184, 0.25) !important; }
[data-color=cyan] .bg-primary.bg-opacity-50 { background-color: rgba(23, 162, 184, 0.5) !important; }
[data-color=cyan] .bg-primary.bg-opacity-75 { background-color: rgba(23, 162, 184, 0.75) !important; }
[data-color=cyan] .btn-soft-primary { background-color: rgba(23, 162, 184, 0.15) !important; color: #17a2b8 !important; }
[data-color=cyan] .btn-soft-primary:hover { background-color: #17a2b8 !important; color: #ffffff !important; border-color: #17a2b8 !important; }
[data-color=cyan] .badge.badge-primary { background-color: #17a2b8 !important; }
[data-color=cyan] .badge.badge-soft-primary { background-color: rgba(23, 162, 184, 0.1) !important; color: #17a2b8 !important; }
[data-color=cyan] .popover-primary .popover-header { background-color: #17a2b8 !important; border-color: #17a2b8 !important; }
[data-color=cyan] .popover-primary .popover-body { background-color: #17a2b8 !important; color: #fff !important; }
[data-color=cyan] .popover-primary { border-color: #17a2b8 !important; }

/* Additional Overrides for Theme Completeness */
[data-color=cyan] ::selection { background: #17a2b8 !important; color: #ffffff !important; }
[data-color=cyan] a:not(.auth-link):not(.sidebar-menu a):not(.btn):not(.subdrop) { color: #17a2b8; }
[data-color=cyan] a:not(.auth-link):not(.sidebar-menu a):not(.btn):not(.subdrop):hover { color: #138496; }

/* Buttons & Components */
[data-color=cyan] .btn-primary, 
[data-color=cyan] .btn-submit, 
[data-color=cyan] .btn-save, 
[data-color=cyan] .btn-send,
[data-color=cyan] .btn-check:checked + .btn, 
[data-color=cyan] .btn.active, 
[data-color=cyan] .swal2-actions .swal2-confirm.btn:active {
    background-color: #17a2b8 !important;
    border-color: #17a2b8 !important;
    color: #ffffff !important;
}
[data-color=cyan] .btn-primary:hover, 
[data-color=cyan] .btn-submit:hover, 
[data-color=cyan] .btn-save:hover, 
[data-color=cyan] .btn-send:hover {
    background-color: #138496 !important;
    border-color: #138496 !important;
}
[data-color=cyan] .btn-primary {
    box-shadow: 0 4px 20px rgba(23, 162, 184, 0.15) !important;
}
[data-color=cyan] .bg-outline-primary {
    border: 1px solid #17a2b8 !important;
    color: #17a2b8 !important;
}
[data-color=cyan] .bg-primary-transparent {
    background-color: rgba(23, 162, 184, 0.1) !important;
    color: #17a2b8 !important;
}
[data-color=cyan] .shadow-primary {
    box-shadow: 0px 4px 10px 0px rgba(23, 162, 184, 0.3) !important;
}
[data-color=cyan] .btn.btn-primary-light {
    background-color: rgba(23, 162, 184, 0.1) !important;
    color: #17a2b8 !important;
}

/* Extended Overrides */
[data-color=cyan] .bg-primary-gradient {
    background: linear-gradient(to right, #17a2b8 0%, #138496 100%) !important;
}
[data-color=cyan] .svg-primary {
    fill: #17a2b8 !important;
}
[data-color=cyan] .btn.btn-primary:hover, 
[data-color=cyan] .btn.btn-primary:focus, 
[data-color=cyan] .btn.btn-primary.focus, 
[data-color=cyan] .btn.btn-primary:active, 
[data-color=cyan] .btn.btn-primary.active {
    background-color: #138496 !important;
    border: 1px solid #138496 !important;
    box-shadow: 0 3px 10px rgba(23, 162, 184, 0.5) !important;
    color: #ffffff !important;
}
[data-color=cyan] .btn.btn-primary-light:hover, 
[data-color=cyan] .btn.btn-primary-light:focus, 
[data-color=cyan] .btn.btn-primary-light:active {
    background-color: #17a2b8 !important;
    color: #ffffff !important;
    border-color: #17a2b8 !important;
}
[data-color=cyan] .btn.btn-primary-ghost {
    color: #17a2b8 !important;
    border: 1px solid #17a2b8 !important;
    background-color: transparent !important;
}
[data-color=cyan] .btn.btn-primary-ghost:active {
    color: #17a2b8 !important;
    border: 1px solid #17a2b8 !important;
    background-color: transparent !important;
}
[data-color=cyan] .btn-outline-primary {
    border: 1px solid #17a2b8 !important;
    color: #17a2b8 !important;
}
[data-color=cyan] .btn-outline-primary:hover, 
[data-color=cyan] .btn-outline-primary:focus, 
[data-color=cyan] .btn-outline-primary.focus, 
[data-color=cyan] .btn-outline-primary:active, 
[data-color=cyan] .btn-outline-primary.active {
    background-color: #17a2b8 !important;
    border: 1px solid #17a2b8 !important;
    box-shadow: 0 3px 10px rgba(23, 162, 184, 0.5) !important;
    color: #ffffff !important;
}
[data-color=cyan] .btn-soft-primary:hover, 
[data-color=cyan] .btn-soft-primary:focus, 
[data-color=cyan] .btn-soft-primary.focus, 
[data-color=cyan] .btn-soft-primary:active, 
[data-color=cyan] .btn-soft-primary.active {
    box-shadow: 0 3px 12px rgba(23, 162, 184, 0.2) !important;
}

/* Cyan - Additional Components (Progress, Pagination, Alerts, Text, Links) */
[data-color=cyan] .progress-custom .progress-bar:after {
    box-shadow: 0 0.313rem 0.313rem rgba(23, 162, 184, 0.5) !important;
    border: 0.25rem solid #17a2b8 !important;
}
[data-color=cyan] .progress-custom .progress-bar-value {
    background: #17a2b8 !important;
}
[data-color=cyan] .progress-custom .progress-bar-value:after {
    border-block-start: 0.438rem solid #17a2b8 !important;
}
[data-color=cyan] .custom-progress-3 .progress-bar .progress-bar-value {
    border: 0.125rem solid #17a2b8 !important;
    color: #17a2b8 !important;
}
[data-color=cyan] .custom-progress-4.progress {
    background-color: rgba(23, 162, 184, 0.1) !important;
}
[data-color=cyan] .custom-progress-4.progress .progress-bar-label {
    color: #17a2b8 !important;
}
[data-color=cyan] .page-link:hover {
    color: #17a2b8 !important;
}
[data-color=cyan] .page-item.active .page-link {
    background-color: #17a2b8 !important;
    border-color: #17a2b8 !important;
}
[data-color=cyan] .pagination-style-1 .pagination .page-item.active .page-link,
[data-color=cyan] .pagination-style-1 .pagination .page-item.active:hover .page-link {
    background-color: #17a2b8 !important;
}
[data-color=cyan] .pagination-style-1 .pagination .page-item:hover .page-link {
    color: #17a2b8 !important;
}
[data-color=cyan] .pagination-style-2 .pagination .page-item.active .page-link {
    color: #17a2b8 !important;
}
[data-color=cyan] .pagination-style-2 .pagination .page-item.active .page-link:before {
    background-color: #17a2b8 !important;
}
[data-color=cyan] .pagination-style-3 .pagination .page-item.active .page-link,
[data-color=cyan] .pagination-style-3 .pagination .page-item.active:hover .page-link {
    background-color: #17a2b8 !important;
}
[data-color=cyan] .pagination-style-4 .pagination .page-item.active .page-link,
[data-color=cyan] .pagination-style-4 .pagination .page-item.active:hover .page-link {
    background-color: #17a2b8 !important;
}
[data-color=cyan] a:hover,
[data-color=cyan] .link-default:hover, 
[data-color=cyan] .link-default:focus, 
[data-color=cyan] .link-default:active,
[data-color=cyan] .link-primary,
[data-color=cyan] .link-primary:hover, 
[data-color=cyan] .link-primary:focus, 
[data-color=cyan] .link-primary:active {
    color: #17a2b8 !important;
}
[data-color=cyan] .text-primary {
    color: #17a2b8 !important;
}
[data-color=cyan] .text-primary.text-opacity-75 {
    color: rgba(23, 162, 184, 0.75) !important;
}
[data-color=cyan] .text-primary.text-opacity-25 {
    color: rgba(23, 162, 184, 0.25) !important;
}
[data-color=cyan] .text-primary.text-opacity-50 {
    color: rgba(23, 162, 184, 0.5) !important;
}
[data-color=cyan] .blockquote.custom-blockquote.primary {
    background-color: rgba(23, 162, 184, 0.1) !important;
    border-inline-start: 2px solid #17a2b8 !important;
}
[data-color=cyan] .blockquote.custom-blockquote.primary:before {
    color: rgba(23, 162, 184, 0.1) !important;
}
[data-color=cyan] .alert-primary {
    background-color: rgba(23, 162, 184, 0.1) !important;
    color: #17a2b8 !important;
    border-color: rgba(23, 162, 184, 0.1) !important;
}


/* =========================================================================================
   LIGHTBLUE THEME (#3d8ef8)
   ========================================================================================= */
/* Auth */
[data-color=lightblue] .auth-btn { background-color: #3d8ef8 !important; }
[data-color=lightblue] .auth-btn:hover { background-color: #3173c9 !important; }
[data-color=lightblue] .auth-btn-loading { background-color: rgba(61, 142, 248, 0.7) !important; }
[data-color=lightblue] .auth-btn-ring { --tw-ring-color: rgba(61, 142, 248, 0.5) !important; }
[data-color=lightblue] .auth-input:focus { border-color: #3d8ef8 !important; --tw-ring-color: #3d8ef8 !important; }
[data-color=lightblue] .auth-checkbox { color: #3d8ef8 !important; }
[data-color=lightblue] .auth-link { color: #3d8ef8 !important; }
[data-color=lightblue] .auth-link:hover { color: #3173c9 !important; }

/* Sidebar & Header */
[data-color=lightblue] .header .header-left #toggle_btn { 
    background-color: #3d8ef8 !important; 
    color: #ffffff !important;
    border-color: #3d8ef8 !important;
}
[data-color=lightblue] .header .header-left #toggle_btn:hover { 
    background-color: #3173c9 !important; 
    color: #ffffff !important;
}
[data-color=lightblue] .header .mobile_btn { color: #3d8ef8 !important; }

[data-color=lightblue] .sidebar .sidebar-logo #toggle_btn {
    background-color: #3d8ef8 !important;
    color: #ffffff !important;
    border-color: #3d8ef8 !important;
}
[data-color=lightblue] .sidebar .sidebar-logo #toggle_btn:hover {
    background-color: #3173c9 !important;
    color: #ffffff !important;
}

/* Sidebar Active State */
[data-color=lightblue] .sidebar .sidebar-menu ul li a.active,
[data-color=lightblue] .sidebar .sidebar-menu ul li.submenu-open > a.active,
[data-color=lightblue] .sidebar .sidebar-menu > ul > li > a.active,
[data-color=lightblue] .sidebar .sidebar-menu ul li.submenu ul li a.active {
    background-color: rgba(61, 142, 248, 0.1) !important;
    color: #3d8ef8 !important;
}

[data-color=lightblue] .sidebar .sidebar-menu ul li a.active span,
[data-color=lightblue] .sidebar .sidebar-menu ul li a.active i,
[data-color=lightblue] .sidebar .sidebar-menu ul li a.active svg {
    color: #3d8ef8 !important;
}

[data-color=lightblue] .sidebar .sidebar-menu ul li a.active .menu-arrow {
    background: rgba(61, 142, 248, 0.1) !important;
}
[data-color=lightblue] .sidebar .sidebar-menu ul li a.active .menu-arrow::before {
    border-color: #3d8ef8 !important;
}

/* Sidebar Submenu Specifics */
[data-color=lightblue] .sidebar .sidebar-menu ul li.submenu ul li a.active {
    background: transparent !important;
    color: #3d8ef8 !important;
}
[data-color=lightblue] .sidebar .sidebar-menu ul li.submenu ul li a.active:after {
    background: #3d8ef8 !important;
    border-color: #dae8fc !important;
}
[data-color=lightblue] .sidebar .sidebar-menu ul li.submenu ul li a:hover {
    color: #3d8ef8 !important;
}
[data-color=lightblue] .sidebar .sidebar-menu ul li.submenu ul li a:hover:after {
    background: #3d8ef8 !important;
    border-color: #dae8fc !important;
}

/* Sidebar Subdrop (Open Menu) */
[data-color=lightblue] .sidebar .sidebar-menu > ul > li > ul > li.submenu > a.subdrop, 
[data-color=lightblue] .settings-sidebar .sidebar-menu > ul > li > ul > li.submenu > a.subdrop {
    background-color: rgba(61, 142, 248, 0.1) !important;
    color: #3d8ef8 !important;
}
[data-color=lightblue] .sidebar .sidebar-menu > ul > li > ul > li.submenu > a.subdrop span,
[data-color=lightblue] .sidebar .sidebar-menu > ul > li > ul > li.submenu > a.subdrop i,
[data-color=lightblue] .settings-sidebar .sidebar-menu > ul > li > ul > li.submenu > a.subdrop span,
[data-color=lightblue] .settings-sidebar .sidebar-menu > ul > li > ul > li.submenu > a.subdrop i {
    color: #3d8ef8 !important;
}
[data-color=lightblue] .sidebar .sidebar-menu > ul > li > ul > li.submenu > a.subdrop .menu-arrow,
[data-color=lightblue] .settings-sidebar .sidebar-menu > ul > li > ul > li.submenu > a.subdrop .menu-arrow {
    background-color: rgba(61, 142, 248, 0.15) !important;
}
[data-color=lightblue] .sidebar .sidebar-menu > ul > li > ul > li.submenu > a.subdrop .menu-arrow::before,
[data-color=lightblue] .settings-sidebar .sidebar-menu > ul > li > ul > li.submenu > a.subdrop .menu-arrow::before {
    border-color: #3d8ef8 !important;
}
[data-color=lightblue] .sidebar .sidebar-menu > ul li .submenu .submenu-two > a.subdrop,
[data-color=lightblue] .settings-sidebar .sidebar-menu > ul li .submenu .submenu-two > a.subdrop {
    color: #3d8ef8 !important;
}
[data-color=lightblue] .sidebar .sidebar-menu > ul li .submenu .submenu-two > a.subdrop::after,
[data-color=lightblue] .settings-sidebar .sidebar-menu > ul li .submenu .submenu-two > a.subdrop::after {
    background-color: #3d8ef8 !important;
}

/* Image Upload & Loader */
[data-color=lightblue] .image-upload,
[data-color=lightblue] .image-upload:hover {
    background-color: #3d8ef8 !important;
    border-color: #3d8ef8 !important;
    color: #ffffff !important;
}
[data-color=lightblue] .image-upload .image-uploads h4,
[data-color=lightblue] .image-upload .image-uploads i {
    color: #ffffff !important;
}
[data-color=lightblue] div#global-loader .whirly-loader:not(:required) {
    box-shadow: 0 26px 0 6px #3d8ef8, 0.90971px 26.05079px 0 5.93333px #3d8ef8, 1.82297px 26.06967px 0 5.86667px #3d8ef8, 2.73865px 26.05647px 0 5.8px #3d8ef8, 3.65561px 26.01104px 0 5.73333px #3d8ef8, 4.57274px 25.93327px 0 5.66667px #3d8ef8, 5.48887px 25.8231px 0 5.6px #3d8ef8, 6.40287px 25.68049px 0 5.53333px #3d8ef8, 7.31358px 25.50548px 0 5.46667px #3d8ef8, 8.21985px 25.2981px 0 5.4px #3d8ef8, 9.12054px 25.05847px 0 5.33333px #3d8ef8, 10.01448px 24.78672px 0 5.26667px #3d8ef8, 10.90054px 24.48302px 0 5.2px #3d8ef8, 11.77757px 24.1476px 0 5.13333px #3d8ef8, 12.64443px 23.78072px 0 5.06667px #3d8ef8, 13.5px 23.38269px 0 5px #3d8ef8, 14.34315px 22.95384px 0 4.93333px #3d8ef8, 15.17277px 22.49455px 0 4.86667px #3d8ef8, 15.98776px 22.00526px 0 4.8px #3d8ef8, 16.78704px 21.48643px 0 4.73333px #3d8ef8, 17.56953px 20.93855px 0 4.66667px #3d8ef8, 18.33418px 20.36217px 0 4.6px #3d8ef8, 19.07995px 19.75787px 0 4.53333px #3d8ef8, 19.80582px 19.12626px 0 4.46667px #3d8ef8, 20.5108px 18.468px 0 4.4px #3d8ef8, 21.1939px 17.78379px 0 4.33333px #3d8ef8, 21.85416px 17.07434px 0 4.26667px #3d8ef8, 22.49067px 16.34043px 0 4.2px #3d8ef8, 23.10251px 15.58284px 0 4.13333px #3d8ef8, 23.68881px 14.80241px 0 4.06667px #3d8ef8, 24.24871px 14px 0 4px #3d8ef8, 24.7814px 13.1765px 0 3.93333px #3d8ef8, 25.28607px 12.33284px 0 3.86667px #3d8ef8, 25.76198px 11.46997px 0 3.8px #3d8ef8, 26.2084px 10.58888px 0 3.73333px #3d8ef8, 26.62462px 9.69057px 0 3.66667px #3d8ef8, 27.01001px 8.77608px 0 3.6px #3d8ef8, 27.36392px 7.84648px 0 3.53333px #3d8ef8, 27.68577px 6.90284px 0 3.46667px #3d8ef8, 27.97502px 5.94627px 0 3.4px #3d8ef8, 28.23116px 4.97791px 0 3.33333px #3d8ef8, 28.4537px 3.99891px 0 3.26667px #3d8ef8, 28.64223px 3.01042px 0 3.2px #3d8ef8, 28.79635px 2.01364px 0 3.13333px #3d8ef8, 28.91571px 1.00976px 0 3.06667px #3d8ef8, 29px 0 0 3px #3d8ef8, 29.04896px -1.01441px 0 2.93333px #3d8ef8, 29.06237px -2.03224px 0 2.86667px #3d8ef8, 29.04004px -3.05223px 0 2.8px #3d8ef8, 28.98185px -4.07313px 0 2.73333px #3d8ef8, 28.88796px -5.0838px 0 2.66667px #3d8ef8, 28.75865px -6.08272px 0 2.6px #3d8ef8, 28.59424px -7.06841px 0 2.53333px #3d8ef8, 28.39511px -8.03943px 0 2.46667px #3d8ef8, 28.16171px -8.99435px 0 2.4px #3d8ef8, 27.89456px -9.93179px 0 2.33333px #3d8ef8, 27.59423px -10.85038px 0 2.26667px #3d8ef8, 27.2613px -11.74878px 0 2.2px #3d8ef8, 26.89647px -12.62568px 0 2.13333px #3d8ef8, 26.50047px -13.47983px 0 2.06667px #3d8ef8, 26.07406px -14.31002px 0 2px #3d8ef8 !important;
}

/* Forms & Inputs */
[data-color=lightblue] .form-control:focus,
[data-color=lightblue] .form-select:focus {
    border-color: #3d8ef8 !important;
    box-shadow: 0 0 0 0.2rem rgba(61, 142, 248, 0.25) !important;
}
[data-color=lightblue] .form-check-input:checked {
    background-color: #3d8ef8 !important;
    border-color: #3d8ef8 !important;
}

/* Buttons */
[data-color=lightblue] .btn-primary,
[data-color=lightblue] .btn-submit,
[data-color=lightblue] .btn-added,
[data-color=lightblue] .btn.btn-submit,
[data-color=lightblue] .btn.btn-added {
    background-color: #3d8ef8 !important;
    border-color: #3d8ef8 !important;
    color: #ffffff !important;
}
[data-color=lightblue] .btn-primary:hover,
[data-color=lightblue] .btn-submit:hover,
[data-color=lightblue] .btn-added:hover,
[data-color=lightblue] .btn.btn-submit:hover,
[data-color=lightblue] .btn.btn-added:hover {
    background-color: #3173c9 !important;
    border-color: #3173c9 !important;
}
[data-color=lightblue] .btn-outline-primary {
    color: #3d8ef8 !important;
    border-color: #3d8ef8 !important;
}
[data-color=lightblue] .btn-outline-primary:hover {
    background-color: #3d8ef8 !important;
    color: #fff !important;
}

/* Global Elements */
[data-color=lightblue] a:not(.auth-link):not(.sidebar-menu a):not(.btn) { color: #3d8ef8; }
[data-color=lightblue] a:not(.auth-link):not(.sidebar-menu a):not(.btn):hover { color: #3173c9; }
[data-color=lightblue] ::selection { background: #3d8ef8 !important; color: #fff !important; }
[data-color=lightblue] .text-primary { color: #3d8ef8 !important; }
[data-color=lightblue] .bg-primary { background-color: #3d8ef8 !important; }
[data-color=lightblue] .page-item.active .page-link { background-color: #3d8ef8 !important; border-color: #3d8ef8 !important; }
[data-color=lightblue] .progress-bar { background-color: #3d8ef8 !important; }
[data-color=lightblue] .bootstrap-datetimepicker-widget table td.active,
[data-color=lightblue] .bootstrap-datetimepicker-widget table td.active:hover { background-color: #3d8ef8 !important; }
[data-color=lightblue] .bootstrap-datetimepicker-widget table td.today:before { border-bottom-color: #3d8ef8 !important; }
[data-color=lightblue] .border-primary { border-color: #3d8ef8 !important; }

/* Global Backgrounds & Components */
[data-color=lightblue] .bg-primary.bg-opacity-10 { background-color: rgba(61, 142, 248, 0.1) !important; }
[data-color=lightblue] .bg-primary.bg-opacity-25 { background-color: rgba(61, 142, 248, 0.25) !important; }
[data-color=lightblue] .bg-primary.bg-opacity-50 { background-color: rgba(61, 142, 248, 0.5) !important; }
[data-color=lightblue] .bg-primary.bg-opacity-75 { background-color: rgba(61, 142, 248, 0.75) !important; }
[data-color=lightblue] .btn-soft-primary { background-color: rgba(61, 142, 248, 0.15) !important; color: #3d8ef8 !important; }
[data-color=lightblue] .btn-soft-primary:hover { background-color: #3d8ef8 !important; color: #ffffff !important; border-color: #3d8ef8 !important; }
[data-color=lightblue] .badge.badge-primary { background-color: #3d8ef8 !important; }
[data-color=lightblue] .badge.badge-soft-primary { background-color: rgba(61, 142, 248, 0.1) !important; color: #3d8ef8 !important; }
[data-color=lightblue] .popover-primary .popover-header { background-color: #3d8ef8 !important; border-color: #3d8ef8 !important; }
[data-color=lightblue] .popover-primary .popover-body { background-color: #3d8ef8 !important; color: #fff !important; }
[data-color=lightblue] .popover-primary { border-color: #3d8ef8 !important; }

/* Additional Overrides for Theme Completeness */
[data-color=lightblue] ::selection { background: #3d8ef8 !important; color: #ffffff !important; }
[data-color=lightblue] a:not(.auth-link):not(.sidebar-menu a):not(.btn):not(.subdrop) { color: #3d8ef8; }
[data-color=lightblue] a:not(.auth-link):not(.sidebar-menu a):not(.btn):not(.subdrop):hover { color: #3173c9; }

/* Buttons & Components */
[data-color=lightblue] .btn-primary, 
[data-color=lightblue] .btn-submit, 
[data-color=lightblue] .btn-save, 
[data-color=lightblue] .btn-send,
[data-color=lightblue] .btn-check:checked + .btn, 
[data-color=lightblue] .btn.active, 
[data-color=lightblue] .swal2-actions .swal2-confirm.btn:active {
    background-color: #3d8ef8 !important;
    border-color: #3d8ef8 !important;
    color: #ffffff !important;
}
[data-color=lightblue] .btn-primary:hover, 
[data-color=lightblue] .btn-submit:hover, 
[data-color=lightblue] .btn-save:hover, 
[data-color=lightblue] .btn-send:hover {
    background-color: #3173c9 !important;
    border-color: #3173c9 !important;
}
[data-color=lightblue] .btn-primary {
    box-shadow: 0 4px 20px rgba(61, 142, 248, 0.15) !important;
}
[data-color=lightblue] .bg-outline-primary {
    border: 1px solid #3d8ef8 !important;
    color: #3d8ef8 !important;
}
[data-color=lightblue] .bg-primary-transparent {
    background-color: rgba(61, 142, 248, 0.1) !important;
    color: #3d8ef8 !important;
}
[data-color=lightblue] .shadow-primary {
    box-shadow: 0px 4px 10px 0px rgba(61, 142, 248, 0.3) !important;
}
[data-color=lightblue] .btn.btn-primary-light {
    background-color: rgba(61, 142, 248, 0.1) !important;
    color: #3d8ef8 !important;
}

/* Extended Overrides */
[data-color=lightblue] .bg-primary-gradient {
    background: linear-gradient(to right, #3d8ef8 0%, #3173c9 100%) !important;
}
[data-color=lightblue] .svg-primary {
    fill: #3d8ef8 !important;
}
[data-color=lightblue] .btn.btn-primary:hover, 
[data-color=lightblue] .btn.btn-primary:focus, 
[data-color=lightblue] .btn.btn-primary.focus, 
[data-color=lightblue] .btn.btn-primary:active, 
[data-color=lightblue] .btn.btn-primary.active {
    background-color: #3173c9 !important;
    border: 1px solid #3173c9 !important;
    box-shadow: 0 3px 10px rgba(61, 142, 248, 0.5) !important;
    color: #ffffff !important;
}
[data-color=lightblue] .btn.btn-primary-light:hover, 
[data-color=lightblue] .btn.btn-primary-light:focus, 
[data-color=lightblue] .btn.btn-primary-light:active {
    background-color: #3d8ef8 !important;
    color: #ffffff !important;
    border-color: #3d8ef8 !important;
}
[data-color=lightblue] .btn.btn-primary-ghost {
    color: #3d8ef8 !important;
    border: 1px solid #3d8ef8 !important;
    background-color: transparent !important;
}
[data-color=lightblue] .btn.btn-primary-ghost:active {
    color: #3d8ef8 !important;
    border: 1px solid #3d8ef8 !important;
    background-color: transparent !important;
}
[data-color=lightblue] .btn-outline-primary {
    border: 1px solid #3d8ef8 !important;
    color: #3d8ef8 !important;
}
[data-color=lightblue] .btn-outline-primary:hover, 
[data-color=lightblue] .btn-outline-primary:focus, 
[data-color=lightblue] .btn-outline-primary.focus, 
[data-color=lightblue] .btn-outline-primary:active, 
[data-color=lightblue] .btn-outline-primary.active {
    background-color: #3d8ef8 !important;
    border: 1px solid #3d8ef8 !important;
    box-shadow: 0 3px 10px rgba(61, 142, 248, 0.5) !important;
    color: #ffffff !important;
}
[data-color=lightblue] .btn-soft-primary:hover, 
[data-color=lightblue] .btn-soft-primary:focus, 
[data-color=lightblue] .btn-soft-primary.focus, 
[data-color=lightblue] .btn-soft-primary:active, 
[data-color=lightblue] .btn-soft-primary.active {
    box-shadow: 0 3px 12px rgba(61, 142, 248, 0.2) !important;
}

/* Light Blue - Additional Components */
[data-color=lightblue] .progress-custom .progress-bar:after {
    box-shadow: 0 0.313rem 0.313rem rgba(61, 142, 248, 0.5) !important;
    border: 0.25rem solid #3d8ef8 !important;
}
[data-color=lightblue] .progress-custom .progress-bar-value {
    background: #3d8ef8 !important;
}
[data-color=lightblue] .progress-custom .progress-bar-value:after {
    border-block-start: 0.438rem solid #3d8ef8 !important;
}
[data-color=lightblue] .custom-progress-3 .progress-bar .progress-bar-value {
    border: 0.125rem solid #3d8ef8 !important;
    color: #3d8ef8 !important;
}
[data-color=lightblue] .custom-progress-4.progress {
    background-color: rgba(61, 142, 248, 0.1) !important;
}
[data-color=lightblue] .custom-progress-4.progress .progress-bar-label {
    color: #3d8ef8 !important;
}
[data-color=lightblue] .page-link:hover {
    color: #3d8ef8 !important;
}
[data-color=lightblue] .page-item.active .page-link {
    background-color: #3d8ef8 !important;
    border-color: #3d8ef8 !important;
}
[data-color=lightblue] .pagination-style-1 .pagination .page-item.active .page-link,
[data-color=lightblue] .pagination-style-1 .pagination .page-item.active:hover .page-link {
    background-color: #3d8ef8 !important;
}
[data-color=lightblue] .pagination-style-1 .pagination .page-item:hover .page-link {
    color: #3d8ef8 !important;
}
[data-color=lightblue] .pagination-style-2 .pagination .page-item.active .page-link {
    color: #3d8ef8 !important;
}
[data-color=lightblue] .pagination-style-2 .pagination .page-item.active .page-link:before {
    background-color: #3d8ef8 !important;
}
[data-color=lightblue] .pagination-style-3 .pagination .page-item.active .page-link,
[data-color=lightblue] .pagination-style-3 .pagination .page-item.active:hover .page-link {
    background-color: #3d8ef8 !important;
}
[data-color=lightblue] .pagination-style-4 .pagination .page-item.active .page-link,
[data-color=lightblue] .pagination-style-4 .pagination .page-item.active:hover .page-link {
    background-color: #3d8ef8 !important;
}
[data-color=lightblue] a:hover,
[data-color=lightblue] .link-default:hover, 
[data-color=lightblue] .link-default:focus, 
[data-color=lightblue] .link-default:active,
[data-color=lightblue] .link-primary,
[data-color=lightblue] .link-primary:hover, 
[data-color=lightblue] .link-primary:focus, 
[data-color=lightblue] .link-primary:active {
    color: #3d8ef8 !important;
}
[data-color=lightblue] .text-primary {
    color: #3d8ef8 !important;
}
[data-color=lightblue] .text-primary.text-opacity-75 {
    color: rgba(61, 142, 248, 0.75) !important;
}
[data-color=lightblue] .text-primary.text-opacity-25 {
    color: rgba(61, 142, 248, 0.25) !important;
}
[data-color=lightblue] .text-primary.text-opacity-50 {
    color: rgba(61, 142, 248, 0.5) !important;
}
[data-color=lightblue] .blockquote.custom-blockquote.primary {
    background-color: rgba(61, 142, 248, 0.1) !important;
    border-inline-start: 2px solid #3d8ef8 !important;
}
[data-color=lightblue] .blockquote.custom-blockquote.primary:before {
    color: rgba(61, 142, 248, 0.1) !important;
}
[data-color=lightblue] .alert-primary {
    background-color: rgba(61, 142, 248, 0.1) !important;
    color: #3d8ef8 !important;
    border-color: rgba(61, 142, 248, 0.1) !important;
}


/* =========================================================================================
   SECONDARY THEME (#6c757d)
   ========================================================================================= */
/* Auth */
[data-color=secondary] .auth-btn { background-color: #6c757d !important; }
[data-color=secondary] .auth-btn:hover { background-color: #5a6268 !important; }
[data-color=secondary] .auth-btn-loading { background-color: rgba(108, 117, 125, 0.7) !important; }
[data-color=secondary] .auth-btn-ring { --tw-ring-color: rgba(108, 117, 125, 0.5) !important; }
[data-color=secondary] .auth-input:focus { border-color: #6c757d !important; --tw-ring-color: #6c757d !important; }
[data-color=secondary] .auth-checkbox { color: #6c757d !important; }
[data-color=secondary] .auth-link { color: #6c757d !important; }
[data-color=secondary] .auth-link:hover { color: #5a6268 !important; }

/* Sidebar & Header */
[data-color=secondary] .header .header-left #toggle_btn { 
    background-color: #6c757d !important; 
    color: #ffffff !important;
    border-color: #6c757d !important;
}
[data-color=secondary] .header .header-left #toggle_btn:hover { 
    background-color: #5a6268 !important; 
    color: #ffffff !important;
}
[data-color=secondary] .header .mobile_btn { color: #6c757d !important; }

[data-color=secondary] .sidebar .sidebar-logo #toggle_btn {
    background-color: #6c757d !important;
    color: #ffffff !important;
    border-color: #6c757d !important;
}
[data-color=secondary] .sidebar .sidebar-logo #toggle_btn:hover {
    background-color: #5a6268 !important;
    color: #ffffff !important;
}

/* Sidebar Active State */
[data-color=secondary] .sidebar .sidebar-menu ul li a.active,
[data-color=secondary] .sidebar .sidebar-menu ul li.submenu-open > a.active,
[data-color=secondary] .sidebar .sidebar-menu > ul > li > a.active,
[data-color=secondary] .sidebar .sidebar-menu ul li.submenu ul li a.active {
    background-color: rgba(108, 117, 125, 0.1) !important;
    color: #6c757d !important;
}

[data-color=secondary] .sidebar .sidebar-menu ul li a.active span,
[data-color=secondary] .sidebar .sidebar-menu ul li a.active i,
[data-color=secondary] .sidebar .sidebar-menu ul li a.active svg {
    color: #6c757d !important;
}

[data-color=secondary] .sidebar .sidebar-menu ul li a.active .menu-arrow {
    background: rgba(108, 117, 125, 0.1) !important;
}
[data-color=secondary] .sidebar .sidebar-menu ul li a.active .menu-arrow::before {
    border-color: #6c757d !important;
}

/* Sidebar Submenu Specifics */
[data-color=secondary] .sidebar .sidebar-menu ul li.submenu ul li a.active {
    background: transparent !important;
    color: #6c757d !important;
}
[data-color=secondary] .sidebar .sidebar-menu ul li.submenu ul li a.active:after {
    background: #6c757d !important;
    border-color: #e2e6ea !important;
}
[data-color=secondary] .sidebar .sidebar-menu ul li.submenu ul li a:hover {
    color: #6c757d !important;
}
[data-color=secondary] .sidebar .sidebar-menu ul li.submenu ul li a:hover:after {
    background: #6c757d !important;
    border-color: #e2e6ea !important;
}

/* Sidebar Subdrop (Open Menu) */
[data-color=secondary] .sidebar .sidebar-menu > ul > li > ul > li.submenu > a.subdrop, 
[data-color=secondary] .settings-sidebar .sidebar-menu > ul > li > ul > li.submenu > a.subdrop {
    background-color: rgba(108, 117, 125, 0.1) !important;
    color: #6c757d !important;
}
[data-color=secondary] .sidebar .sidebar-menu > ul > li > ul > li.submenu > a.subdrop span,
[data-color=secondary] .sidebar .sidebar-menu > ul > li > ul > li.submenu > a.subdrop i,
[data-color=secondary] .settings-sidebar .sidebar-menu > ul > li > ul > li.submenu > a.subdrop span,
[data-color=secondary] .settings-sidebar .sidebar-menu > ul > li > ul > li.submenu > a.subdrop i {
    color: #6c757d !important;
}
[data-color=secondary] .sidebar .sidebar-menu > ul > li > ul > li.submenu > a.subdrop .menu-arrow,
[data-color=secondary] .settings-sidebar .sidebar-menu > ul > li > ul > li.submenu > a.subdrop .menu-arrow {
    background-color: rgba(108, 117, 125, 0.15) !important;
}
[data-color=secondary] .sidebar .sidebar-menu > ul > li > ul > li.submenu > a.subdrop .menu-arrow::before,
[data-color=secondary] .settings-sidebar .sidebar-menu > ul > li > ul > li.submenu > a.subdrop .menu-arrow::before {
    border-color: #6c757d !important;
}
[data-color=secondary] .sidebar .sidebar-menu > ul li .submenu .submenu-two > a.subdrop,
[data-color=secondary] .settings-sidebar .sidebar-menu > ul li .submenu .submenu-two > a.subdrop {
    color: #6c757d !important;
}
[data-color=secondary] .sidebar .sidebar-menu > ul li .submenu .submenu-two > a.subdrop::after,
[data-color=secondary] .settings-sidebar .sidebar-menu > ul li .submenu .submenu-two > a.subdrop::after {
    background-color: #6c757d !important;
}

/* Image Upload & Loader */
[data-color=secondary] .image-upload,
[data-color=secondary] .image-upload:hover {
    background-color: #6c757d !important;
    border-color: #6c757d !important;
    color: #ffffff !important;
}
[data-color=secondary] .image-upload .image-uploads h4,
[data-color=secondary] .image-upload .image-uploads i {
    color: #ffffff !important;
}
[data-color=secondary] div#global-loader .whirly-loader:not(:required) {
    box-shadow: 0 26px 0 6px #6c757d, 0.90971px 26.05079px 0 5.93333px #6c757d, 1.82297px 26.06967px 0 5.86667px #6c757d, 2.73865px 26.05647px 0 5.8px #6c757d, 3.65561px 26.01104px 0 5.73333px #6c757d, 4.57274px 25.93327px 0 5.66667px #6c757d, 5.48887px 25.8231px 0 5.6px #6c757d, 6.40287px 25.68049px 0 5.53333px #6c757d, 7.31358px 25.50548px 0 5.46667px #6c757d, 8.21985px 25.2981px 0 5.4px #6c757d, 9.12054px 25.05847px 0 5.33333px #6c757d, 10.01448px 24.78672px 0 5.26667px #6c757d, 10.90054px 24.48302px 0 5.2px #6c757d, 11.77757px 24.1476px 0 5.13333px #6c757d, 12.64443px 23.78072px 0 5.06667px #6c757d, 13.5px 23.38269px 0 5px #6c757d, 14.34315px 22.95384px 0 4.93333px #6c757d, 15.17277px 22.49455px 0 4.86667px #6c757d, 15.98776px 22.00526px 0 4.8px #6c757d, 16.78704px 21.48643px 0 4.73333px #6c757d, 17.56953px 20.93855px 0 4.66667px #6c757d, 18.33418px 20.36217px 0 4.6px #6c757d, 19.07995px 19.75787px 0 4.53333px #6c757d, 19.80582px 19.12626px 0 4.46667px #6c757d, 20.5108px 18.468px 0 4.4px #6c757d, 21.1939px 17.78379px 0 4.33333px #6c757d, 21.85416px 17.07434px 0 4.26667px #6c757d, 22.49067px 16.34043px 0 4.2px #6c757d, 23.10251px 15.58284px 0 4.13333px #6c757d, 23.68881px 14.80241px 0 4.06667px #6c757d, 24.24871px 14px 0 4px #6c757d, 24.7814px 13.1765px 0 3.93333px #6c757d, 25.28607px 12.33284px 0 3.86667px #6c757d, 25.76198px 11.46997px 0 3.8px #6c757d, 26.2084px 10.58888px 0 3.73333px #6c757d, 26.62462px 9.69057px 0 3.66667px #6c757d, 27.01001px 8.77608px 0 3.6px #6c757d, 27.36392px 7.84648px 0 3.53333px #6c757d, 27.68577px 6.90284px 0 3.46667px #6c757d, 27.97502px 5.94627px 0 3.4px #6c757d, 28.23116px 4.97791px 0 3.33333px #6c757d, 28.4537px 3.99891px 0 3.26667px #6c757d, 28.64223px 3.01042px 0 3.2px #6c757d, 28.79635px 2.01364px 0 3.13333px #6c757d, 28.91571px 1.00976px 0 3.06667px #6c757d, 29px 0 0 3px #6c757d, 29.04896px -1.01441px 0 2.93333px #6c757d, 29.06237px -2.03224px 0 2.86667px #6c757d, 29.04004px -3.05223px 0 2.8px #6c757d, 28.98185px -4.07313px 0 2.73333px #6c757d, 28.88796px -5.0838px 0 2.66667px #6c757d, 28.75865px -6.08272px 0 2.6px #6c757d, 28.59424px -7.06841px 0 2.53333px #6c757d, 28.39511px -8.03943px 0 2.46667px #6c757d, 28.16171px -8.99435px 0 2.4px #6c757d, 27.89456px -9.93179px 0 2.33333px #6c757d, 27.59423px -10.85038px 0 2.26667px #6c757d, 27.2613px -11.74878px 0 2.2px #6c757d, 26.89647px -12.62568px 0 2.13333px #6c757d, 26.50047px -13.47983px 0 2.06667px #6c757d, 26.07406px -14.31002px 0 2px #6c757d !important;
}

/* Forms & Inputs */
[data-color=secondary] .form-control:focus,
[data-color=secondary] .form-select:focus {
    border-color: #6c757d !important;
    box-shadow: 0 0 0 0.2rem rgba(108, 117, 125, 0.25) !important;
}
[data-color=secondary] .form-check-input:checked {
    background-color: #6c757d !important;
    border-color: #6c757d !important;
}

/* Buttons */
[data-color=secondary] .btn-primary,
[data-color=secondary] .btn-submit,
[data-color=secondary] .btn-added,
[data-color=secondary] .btn.btn-submit,
[data-color=secondary] .btn.btn-added {
    background-color: #6c757d !important;
    border-color: #6c757d !important;
    color: #ffffff !important;
}
[data-color=secondary] .btn-primary:hover,
[data-color=secondary] .btn-submit:hover,
[data-color=secondary] .btn-added:hover,
[data-color=secondary] .btn.btn-submit:hover,
[data-color=secondary] .btn.btn-added:hover {
    background-color: #5a6268 !important;
    border-color: #5a6268 !important;
}
[data-color=secondary] .btn-outline-primary {
    color: #6c757d !important;
    border-color: #6c757d !important;
}
[data-color=secondary] .btn-outline-primary:hover {
    background-color: #6c757d !important;
    color: #fff !important;
}

/* Global Elements */
[data-color=secondary] a:not(.auth-link):not(.sidebar-menu a):not(.btn) { color: #6c757d; }
[data-color=secondary] a:not(.auth-link):not(.sidebar-menu a):not(.btn):hover { color: #5a6268; }
[data-color=secondary] ::selection { background: #6c757d !important; color: #fff !important; }
[data-color=secondary] .text-primary { color: #6c757d !important; }
[data-color=secondary] .bg-primary { background-color: #6c757d !important; }
[data-color=secondary] .page-item.active .page-link { background-color: #6c757d !important; border-color: #6c757d !important; }
[data-color=secondary] .progress-bar { background-color: #6c757d !important; }
[data-color=secondary] .bootstrap-datetimepicker-widget table td.active,
[data-color=secondary] .bootstrap-datetimepicker-widget table td.active:hover { background-color: #6c757d !important; }
[data-color=secondary] .bootstrap-datetimepicker-widget table td.today:before { border-bottom-color: #6c757d !important; }
[data-color=secondary] .border-primary { border-color: #6c757d !important; }

/* Global Backgrounds & Components */
[data-color=secondary] .bg-primary.bg-opacity-10 { background-color: rgba(108, 117, 125, 0.1) !important; }
[data-color=secondary] .bg-primary.bg-opacity-25 { background-color: rgba(108, 117, 125, 0.25) !important; }
[data-color=secondary] .bg-primary.bg-opacity-50 { background-color: rgba(108, 117, 125, 0.5) !important; }
[data-color=secondary] .bg-primary.bg-opacity-75 { background-color: rgba(108, 117, 125, 0.75) !important; }
[data-color=secondary] .btn-soft-primary { background-color: rgba(108, 117, 125, 0.15) !important; color: #6c757d !important; }
[data-color=secondary] .btn-soft-primary:hover { background-color: #6c757d !important; color: #ffffff !important; border-color: #6c757d !important; }
[data-color=secondary] .badge.badge-primary { background-color: #6c757d !important; }
[data-color=secondary] .badge.badge-soft-primary { background-color: rgba(108, 117, 125, 0.1) !important; color: #6c757d !important; }
[data-color=secondary] .popover-primary .popover-header { background-color: #6c757d !important; border-color: #6c757d !important; }
[data-color=secondary] .popover-primary .popover-body { background-color: #6c757d !important; color: #fff !important; }
[data-color=secondary] .popover-primary { border-color: #6c757d !important; }


/* =========================================================================================
   BRIGHTBLUE THEME (#007bff)
   ========================================================================================= */
/* Auth */
[data-color=brightblue] .auth-btn { background-color: #007bff !important; }
[data-color=brightblue] .auth-btn:hover { background-color: #0056b3 !important; }
[data-color=brightblue] .auth-btn-loading { background-color: rgba(0, 123, 255, 0.7) !important; }
[data-color=brightblue] .auth-btn-ring { --tw-ring-color: rgba(0, 123, 255, 0.5) !important; }
[data-color=brightblue] .auth-input:focus { border-color: #007bff !important; --tw-ring-color: #007bff !important; }
[data-color=brightblue] .auth-checkbox { color: #007bff !important; }
[data-color=brightblue] .auth-link { color: #007bff !important; }
[data-color=brightblue] .auth-link:hover { color: #0056b3 !important; }

/* Sidebar & Header */
[data-color=brightblue] .header .header-left #toggle_btn { 
    background-color: #007bff !important; 
    color: #ffffff !important;
    border-color: #007bff !important;
}
[data-color=brightblue] .header .header-left #toggle_btn:hover { 
    background-color: #0056b3 !important; 
    color: #ffffff !important;
}
[data-color=brightblue] .header .mobile_btn { color: #007bff !important; }

[data-color=brightblue] .sidebar .sidebar-logo #toggle_btn {
    background-color: #007bff !important;
    color: #ffffff !important;
    border-color: #007bff !important;
}
[data-color=brightblue] .sidebar .sidebar-logo #toggle_btn:hover {
    background-color: #0056b3 !important;
    color: #ffffff !important;
}

/* Sidebar Active State */
[data-color=brightblue] .sidebar .sidebar-menu ul li a.active,
[data-color=brightblue] .sidebar .sidebar-menu ul li.submenu-open > a.active,
[data-color=brightblue] .sidebar .sidebar-menu > ul > li > a.active,
[data-color=brightblue] .sidebar .sidebar-menu ul li.submenu ul li a.active {
    background-color: rgba(0, 123, 255, 0.1) !important;
    color: #007bff !important;
}

[data-color=brightblue] .sidebar .sidebar-menu ul li a.active span,
[data-color=brightblue] .sidebar .sidebar-menu ul li a.active i,
[data-color=brightblue] .sidebar .sidebar-menu ul li a.active svg {
    color: #007bff !important;
}

[data-color=brightblue] .sidebar .sidebar-menu ul li a.active .menu-arrow {
    background: rgba(0, 123, 255, 0.1) !important;
}
[data-color=brightblue] .sidebar .sidebar-menu ul li a.active .menu-arrow::before {
    border-color: #007bff !important;
}

/* Sidebar Submenu Specifics */
[data-color=brightblue] .sidebar .sidebar-menu ul li.submenu ul li a.active {
    background: transparent !important;
    color: #007bff !important;
}
[data-color=brightblue] .sidebar .sidebar-menu ul li.submenu ul li a.active:after {
    background: #007bff !important;
    border-color: #cce5ff !important;
}
[data-color=brightblue] .sidebar .sidebar-menu ul li.submenu ul li a:hover {
    color: #007bff !important;
}
[data-color=brightblue] .sidebar .sidebar-menu ul li.submenu ul li a:hover:after {
    background: #007bff !important;
    border-color: #cce5ff !important;
}

/* Sidebar Subdrop (Open Menu) */
[data-color=brightblue] .sidebar .sidebar-menu > ul > li > ul > li.submenu > a.subdrop, 
[data-color=brightblue] .settings-sidebar .sidebar-menu > ul > li > ul > li.submenu > a.subdrop {
    background-color: rgba(0, 123, 255, 0.1) !important;
    color: #007bff !important;
}
[data-color=brightblue] .sidebar .sidebar-menu > ul > li > ul > li.submenu > a.subdrop span,
[data-color=brightblue] .sidebar .sidebar-menu > ul > li > ul > li.submenu > a.subdrop i,
[data-color=brightblue] .settings-sidebar .sidebar-menu > ul > li > ul > li.submenu > a.subdrop span,
[data-color=brightblue] .settings-sidebar .sidebar-menu > ul > li > ul > li.submenu > a.subdrop i {
    color: #007bff !important;
}
[data-color=brightblue] .sidebar .sidebar-menu > ul > li > ul > li.submenu > a.subdrop .menu-arrow,
[data-color=brightblue] .settings-sidebar .sidebar-menu > ul > li > ul > li.submenu > a.subdrop .menu-arrow {
    background-color: rgba(0, 123, 255, 0.15) !important;
}
[data-color=brightblue] .sidebar .sidebar-menu > ul > li > ul > li.submenu > a.subdrop .menu-arrow::before,
[data-color=brightblue] .settings-sidebar .sidebar-menu > ul > li > ul > li.submenu > a.subdrop .menu-arrow::before {
    border-color: #007bff !important;
}
[data-color=brightblue] .sidebar .sidebar-menu > ul li .submenu .submenu-two > a.subdrop,
[data-color=brightblue] .settings-sidebar .sidebar-menu > ul li .submenu .submenu-two > a.subdrop {
    color: #007bff !important;
}
[data-color=brightblue] .sidebar .sidebar-menu > ul li .submenu .submenu-two > a.subdrop::after,
[data-color=brightblue] .settings-sidebar .sidebar-menu > ul li .submenu .submenu-two > a.subdrop::after {
    background-color: #007bff !important;
}

/* Image Upload & Loader */
[data-color=brightblue] .image-upload,
[data-color=brightblue] .image-upload:hover {
    background-color: #007bff !important;
    border-color: #007bff !important;
    color: #ffffff !important;
}
[data-color=brightblue] .image-upload .image-uploads h4,
[data-color=brightblue] .image-upload .image-uploads i {
    color: #ffffff !important;
}
[data-color=brightblue] div#global-loader .whirly-loader:not(:required) {
    box-shadow: 0 26px 0 6px #007bff, 0.90971px 26.05079px 0 5.93333px #007bff, 1.82297px 26.06967px 0 5.86667px #007bff, 2.73865px 26.05647px 0 5.8px #007bff, 3.65561px 26.01104px 0 5.73333px #007bff, 4.57274px 25.93327px 0 5.66667px #007bff, 5.48887px 25.8231px 0 5.6px #007bff, 6.40287px 25.68049px 0 5.53333px #007bff, 7.31358px 25.50548px 0 5.46667px #007bff, 8.21985px 25.2981px 0 5.4px #007bff, 9.12054px 25.05847px 0 5.33333px #007bff, 10.01448px 24.78672px 0 5.26667px #007bff, 10.90054px 24.48302px 0 5.2px #007bff, 11.77757px 24.1476px 0 5.13333px #007bff, 12.64443px 23.78072px 0 5.06667px #007bff, 13.5px 23.38269px 0 5px #007bff, 14.34315px 22.95384px 0 4.93333px #007bff, 15.17277px 22.49455px 0 4.86667px #007bff, 15.98776px 22.00526px 0 4.8px #007bff, 16.78704px 21.48643px 0 4.73333px #007bff, 17.56953px 20.93855px 0 4.66667px #007bff, 18.33418px 20.36217px 0 4.6px #007bff, 19.07995px 19.75787px 0 4.53333px #007bff, 19.80582px 19.12626px 0 4.46667px #007bff, 20.5108px 18.468px 0 4.4px #007bff, 21.1939px 17.78379px 0 4.33333px #007bff, 21.85416px 17.07434px 0 4.26667px #007bff, 22.49067px 16.34043px 0 4.2px #007bff, 23.10251px 15.58284px 0 4.13333px #007bff, 23.68881px 14.80241px 0 4.06667px #007bff, 24.24871px 14px 0 4px #007bff, 24.7814px 13.1765px 0 3.93333px #007bff, 25.28607px 12.33284px 0 3.86667px #007bff, 25.76198px 11.46997px 0 3.8px #007bff, 26.2084px 10.58888px 0 3.73333px #007bff, 26.62462px 9.69057px 0 3.66667px #007bff, 27.01001px 8.77608px 0 3.6px #007bff, 27.36392px 7.84648px 0 3.53333px #007bff, 27.68577px 6.90284px 0 3.46667px #007bff, 27.97502px 5.94627px 0 3.4px #007bff, 28.23116px 4.97791px 0 3.33333px #007bff, 28.4537px 3.99891px 0 3.26667px #007bff, 28.64223px 3.01042px 0 3.2px #007bff, 28.79635px 2.01364px 0 3.13333px #007bff, 28.91571px 1.00976px 0 3.06667px #007bff, 29px 0 0 3px #007bff, 29.04896px -1.01441px 0 2.93333px #007bff, 29.06237px -2.03224px 0 2.86667px #007bff, 29.04004px -3.05223px 0 2.8px #007bff, 28.98185px -4.07313px 0 2.73333px #007bff, 28.88796px -5.0838px 0 2.66667px #007bff, 28.75865px -6.08272px 0 2.6px #007bff, 28.59424px -7.06841px 0 2.53333px #007bff, 28.39511px -8.03943px 0 2.46667px #007bff, 28.16171px -8.99435px 0 2.4px #007bff, 27.89456px -9.93179px 0 2.33333px #007bff, 27.59423px -10.85038px 0 2.26667px #007bff, 27.2613px -11.74878px 0 2.2px #007bff, 26.89647px -12.62568px 0 2.13333px #007bff, 26.50047px -13.47983px 0 2.06667px #007bff, 26.07406px -14.31002px 0 2px #007bff !important;
}

/* Forms & Inputs */
[data-color=brightblue] .form-control:focus,
[data-color=brightblue] .form-select:focus {
    border-color: #007bff !important;
    box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25) !important;
}
[data-color=brightblue] .form-check-input:checked {
    background-color: #007bff !important;
    border-color: #007bff !important;
}

/* Buttons */
[data-color=brightblue] .btn-primary,
[data-color=brightblue] .btn-submit,
[data-color=brightblue] .btn-added,
[data-color=brightblue] .btn.btn-submit,
[data-color=brightblue] .btn.btn-added {
    background-color: #007bff !important;
    border-color: #007bff !important;
    color: #ffffff !important;
}
[data-color=brightblue] .btn-primary:hover,
[data-color=brightblue] .btn-submit:hover,
[data-color=brightblue] .btn-added:hover,
[data-color=brightblue] .btn.btn-submit:hover,
[data-color=brightblue] .btn.btn-added:hover {
    background-color: #0056b3 !important;
    border-color: #0056b3 !important;
}
[data-color=brightblue] .btn-outline-primary {
    color: #007bff !important;
    border-color: #007bff !important;
}
[data-color=brightblue] .btn-outline-primary:hover {
    background-color: #007bff !important;
    color: #fff !important;
}

/* Global Elements */
[data-color=brightblue] a:not(.auth-link):not(.sidebar-menu a):not(.btn) { color: #007bff; }
[data-color=brightblue] a:not(.auth-link):not(.sidebar-menu a):not(.btn):hover { color: #0056b3; }
[data-color=brightblue] ::selection { background: #007bff !important; color: #fff !important; }
[data-color=brightblue] .text-primary { color: #007bff !important; }
[data-color=brightblue] .bg-primary { background-color: #007bff !important; }
[data-color=brightblue] .page-item.active .page-link { background-color: #007bff !important; border-color: #007bff !important; }
[data-color=brightblue] .progress-bar { background-color: #007bff !important; }
[data-color=brightblue] .bootstrap-datetimepicker-widget table td.active,
[data-color=brightblue] .bootstrap-datetimepicker-widget table td.active:hover { background-color: #007bff !important; }
[data-color=brightblue] .bootstrap-datetimepicker-widget table td.today:before { border-bottom-color: #007bff !important; }
[data-color=brightblue] .border-primary { border-color: #007bff !important; }

/* Global Backgrounds & Components */
[data-color=brightblue] .bg-primary.bg-opacity-10 { background-color: rgba(0, 123, 255, 0.1) !important; }
[data-color=brightblue] .bg-primary.bg-opacity-25 { background-color: rgba(0, 123, 255, 0.25) !important; }
[data-color=brightblue] .bg-primary.bg-opacity-50 { background-color: rgba(0, 123, 255, 0.5) !important; }
[data-color=brightblue] .bg-primary.bg-opacity-75 { background-color: rgba(0, 123, 255, 0.75) !important; }
[data-color=brightblue] .btn-soft-primary { background-color: rgba(0, 123, 255, 0.15) !important; color: #007bff !important; }
[data-color=brightblue] .btn-soft-primary:hover { background-color: #007bff !important; color: #ffffff !important; border-color: #007bff !important; }
[data-color=brightblue] .badge.badge-primary { background-color: #007bff !important; }
[data-color=brightblue] .badge.badge-soft-primary { background-color: rgba(0, 123, 255, 0.1) !important; color: #007bff !important; }
[data-color=brightblue] .popover-primary .popover-header { background-color: #007bff !important; border-color: #007bff !important; }
[data-color=brightblue] .popover-primary .popover-body { background-color: #007bff !important; color: #fff !important; }
[data-color=brightblue] .popover-primary { border-color: #007bff !important; }


/* =========================================================================================
   LAVENDER THEME (#6C5CE7)
   ========================================================================================= */
/* Auth */
[data-color=lavendar] .auth-btn { background-color: #6C5CE7 !important; }
[data-color=lavendar] .auth-btn:hover { background-color: #5b4cc4 !important; }
[data-color=lavendar] .auth-btn-loading { background-color: rgba(108, 92, 231, 0.7) !important; }
[data-color=lavendar] .auth-btn-ring { --tw-ring-color: rgba(108, 92, 231, 0.5) !important; }
[data-color=lavendar] .auth-input:focus { border-color: #6C5CE7 !important; --tw-ring-color: #6C5CE7 !important; }
[data-color=lavendar] .auth-checkbox { color: #6C5CE7 !important; }
[data-color=lavendar] .auth-link { color: #6C5CE7 !important; }
[data-color=lavendar] .auth-link:hover { color: #5b4cc4 !important; }

/* Sidebar & Header */
[data-color=lavendar] .header .header-left #toggle_btn { 
    background-color: #6C5CE7 !important; 
    color: #ffffff !important;
    border-color: #6C5CE7 !important;
}
[data-color=lavendar] .header .header-left #toggle_btn:hover { 
    background-color: #5b4cc4 !important; 
    color: #ffffff !important;
}
[data-color=lavendar] .header .mobile_btn { color: #6C5CE7 !important; }

[data-color=lavendar] .sidebar .sidebar-logo #toggle_btn {
    background-color: #6C5CE7 !important;
    color: #ffffff !important;
    border-color: #6C5CE7 !important;
}
[data-color=lavendar] .sidebar .sidebar-logo #toggle_btn:hover {
    background-color: #5b4cc4 !important;
    color: #ffffff !important;
}

/* Sidebar Active State */
[data-color=lavendar] .sidebar .sidebar-menu ul li a.active,
[data-color=lavendar] .sidebar .sidebar-menu ul li.submenu-open > a.active,
[data-color=lavendar] .sidebar .sidebar-menu > ul > li > a.active,
[data-color=lavendar] .sidebar .sidebar-menu ul li.submenu ul li a.active {
    background-color: rgba(108, 92, 231, 0.1) !important;
    color: #6C5CE7 !important;
}

[data-color=lavendar] .sidebar .sidebar-menu ul li a.active span,
[data-color=lavendar] .sidebar .sidebar-menu ul li a.active i,
[data-color=lavendar] .sidebar .sidebar-menu ul li a.active svg {
    color: #6C5CE7 !important;
}

[data-color=lavendar] .sidebar .sidebar-menu ul li a.active .menu-arrow {
    background: rgba(108, 92, 231, 0.1) !important;
}
[data-color=lavendar] .sidebar .sidebar-menu ul li a.active .menu-arrow::before {
    border-color: #6C5CE7 !important;
}

/* Sidebar Submenu Specifics */
[data-color=lavendar] .sidebar .sidebar-menu ul li.submenu ul li a.active {
    background: transparent !important;
    color: #6C5CE7 !important;
}
[data-color=lavendar] .sidebar .sidebar-menu ul li.submenu ul li a.active:after {
    background: #6C5CE7 !important;
    border-color: #e2dffa !important;
}
[data-color=lavendar] .sidebar .sidebar-menu ul li.submenu ul li a:hover {
    color: #6C5CE7 !important;
}
[data-color=lavendar] .sidebar .sidebar-menu ul li.submenu ul li a:hover:after {
    background: #6C5CE7 !important;
    border-color: #e2dffa !important;
}

/* Sidebar Subdrop (Open Menu) */
[data-color=lavendar] .sidebar .sidebar-menu > ul > li > ul > li.submenu > a.subdrop, 
[data-color=lavendar] .settings-sidebar .sidebar-menu > ul > li > ul > li.submenu > a.subdrop {
    background-color: rgba(108, 92, 231, 0.1) !important;
    color: #6C5CE7 !important;
}
[data-color=lavendar] .sidebar .sidebar-menu > ul > li > ul > li.submenu > a.subdrop span,
[data-color=lavendar] .sidebar .sidebar-menu > ul > li > ul > li.submenu > a.subdrop i,
[data-color=lavendar] .settings-sidebar .sidebar-menu > ul > li > ul > li.submenu > a.subdrop span,
[data-color=lavendar] .settings-sidebar .sidebar-menu > ul > li > ul > li.submenu > a.subdrop i {
    color: #6C5CE7 !important;
}
[data-color=lavendar] .sidebar .sidebar-menu > ul > li > ul > li.submenu > a.subdrop .menu-arrow,
[data-color=lavendar] .settings-sidebar .sidebar-menu > ul > li > ul > li.submenu > a.subdrop .menu-arrow {
    background-color: rgba(108, 92, 231, 0.15) !important;
}
[data-color=lavendar] .sidebar .sidebar-menu > ul > li > ul > li.submenu > a.subdrop .menu-arrow::before,
[data-color=lavendar] .settings-sidebar .sidebar-menu > ul > li > ul > li.submenu > a.subdrop .menu-arrow::before {
    border-color: #6C5CE7 !important;
}
[data-color=lavendar] .sidebar .sidebar-menu > ul li .submenu .submenu-two > a.subdrop,
[data-color=lavendar] .settings-sidebar .sidebar-menu > ul li .submenu .submenu-two > a.subdrop {
    color: #6C5CE7 !important;
}
[data-color=lavendar] .sidebar .sidebar-menu > ul li .submenu .submenu-two > a.subdrop::after,
[data-color=lavendar] .settings-sidebar .sidebar-menu > ul li .submenu .submenu-two > a.subdrop::after {
    background-color: #6C5CE7 !important;
}

/* Forms & Inputs */
[data-color=lavendar] .form-control:focus,
[data-color=lavendar] .form-select:focus {
    border-color: #6C5CE7 !important;
    box-shadow: 0 0 0 0.2rem rgba(108, 92, 231, 0.25) !important;
}
[data-color=lavendar] .form-check-input:checked {
    background-color: #6C5CE7 !important;
    border-color: #6C5CE7 !important;
}

/* Buttons */
[data-color=lavendar] .btn-primary,
[data-color=lavendar] .btn-submit,
[data-color=lavendar] .btn-added,
[data-color=lavendar] .btn.btn-submit,
[data-color=lavendar] .btn.btn-added {
    background-color: #6C5CE7 !important;
    border-color: #6C5CE7 !important;
    color: #ffffff !important;
}
[data-color=lavendar] .btn-primary:hover,
[data-color=lavendar] .btn-submit:hover,
[data-color=lavendar] .btn-added:hover,
[data-color=lavendar] .btn.btn-submit:hover,
[data-color=lavendar] .btn.btn-added:hover {
    background-color: #5b4cc4 !important;
    border-color: #5b4cc4 !important;
}
[data-color=lavendar] .btn-outline-primary {
    color: #6C5CE7 !important;
    border-color: #6C5CE7 !important;
}
[data-color=lavendar] .btn-outline-primary:hover {
    background-color: #6C5CE7 !important;
    color: #fff !important;
}

/* Global Elements */
[data-color=lavendar] a:not(.auth-link):not(.sidebar-menu a):not(.btn) { color: #6C5CE7; }
[data-color=lavendar] a:not(.auth-link):not(.sidebar-menu a):not(.btn):hover { color: #5b4cc4; }
[data-color=lavendar] ::selection { background: #6C5CE7 !important; color: #fff !important; }
[data-color=lavendar] .text-primary { color: #6C5CE7 !important; }
[data-color=lavendar] .bg-primary { background-color: #6C5CE7 !important; }
[data-color=lavendar] .page-item.active .page-link { background-color: #6C5CE7 !important; border-color: #6C5CE7 !important; }
[data-color=lavendar] .progress-bar { background-color: #6C5CE7 !important; }
[data-color=lavendar] .bootstrap-datetimepicker-widget table td.active,
[data-color=lavendar] .bootstrap-datetimepicker-widget table td.active:hover { background-color: #6C5CE7 !important; }
[data-color=lavendar] .bootstrap-datetimepicker-widget table td.today:before { border-bottom-color: #6C5CE7 !important; }
[data-color=lavendar] .border-primary { border-color: #6C5CE7 !important; }

/* Global Backgrounds & Components */
[data-color=lavendar] .bg-primary.bg-opacity-10 { background-color: rgba(108, 92, 231, 0.1) !important; }
[data-color=lavendar] .bg-primary.bg-opacity-25 { background-color: rgba(108, 92, 231, 0.25) !important; }
[data-color=lavendar] .bg-primary.bg-opacity-50 { background-color: rgba(108, 92, 231, 0.5) !important; }
[data-color=lavendar] .bg-primary.bg-opacity-75 { background-color: rgba(108, 92, 231, 0.75) !important; }
[data-color=lavendar] .btn-soft-primary { background-color: rgba(108, 92, 231, 0.15) !important; color: #6C5CE7 !important; }
[data-color=lavendar] .btn-soft-primary:hover { background-color: #6C5CE7 !important; color: #ffffff !important; border-color: #6C5CE7 !important; }
[data-color=lavendar] .badge.badge-primary { background-color: #6C5CE7 !important; }
[data-color=lavendar] .badge.badge-soft-primary { background-color: rgba(108, 92, 231, 0.1) !important; color: #6C5CE7 !important; }
[data-color=lavendar] .popover-primary .popover-header { background-color: #6C5CE7 !important; border-color: #6C5CE7 !important; }
[data-color=lavendar] .popover-primary .popover-body { background-color: #6C5CE7 !important; color: #fff !important; }
[data-color=lavendar] .popover-primary { border-color: #6C5CE7 !important; }

/* Additional Overrides for Theme Completeness */
[data-color=lavendar] ::selection { background: #6C5CE7 !important; color: #ffffff !important; }
[data-color=lavendar] a:not(.auth-link):not(.sidebar-menu a):not(.btn):not(.subdrop) { color: #6C5CE7; }
[data-color=lavendar] a:not(.auth-link):not(.sidebar-menu a):not(.btn):not(.subdrop):hover { color: #5b4cc4; }

/* Buttons & Components */
[data-color=lavendar] .btn-primary, 
[data-color=lavendar] .btn-submit, 
[data-color=lavendar] .btn-save, 
[data-color=lavendar] .btn-send,
[data-color=lavendar] .btn-check:checked + .btn, 
[data-color=lavendar] .btn.active, 
[data-color=lavendar] .swal2-actions .swal2-confirm.btn:active {
    background-color: #6C5CE7 !important;
    border-color: #6C5CE7 !important;
    color: #ffffff !important;
}
[data-color=lavendar] .btn-primary:hover, 
[data-color=lavendar] .btn-submit:hover, 
[data-color=lavendar] .btn-save:hover, 
[data-color=lavendar] .btn-send:hover {
    background-color: #5b4cc4 !important;
    border-color: #5b4cc4 !important;
}
[data-color=lavendar] .btn-primary {
    box-shadow: 0 4px 20px rgba(108, 92, 231, 0.15) !important;
}
[data-color=lavendar] .bg-outline-primary {
    border: 1px solid #6C5CE7 !important;
    color: #6C5CE7 !important;
}
[data-color=lavendar] .bg-primary-transparent {
    background-color: rgba(108, 92, 231, 0.1) !important;
    color: #6C5CE7 !important;
}
[data-color=lavendar] .shadow-primary {
    box-shadow: 0px 4px 10px 0px rgba(108, 92, 231, 0.3) !important;
}
[data-color=lavendar] .btn.btn-primary-light {
    background-color: rgba(108, 92, 231, 0.1) !important;
    color: #6C5CE7 !important;
}

/* Extended Overrides */
[data-color=lavendar] .bg-primary-gradient {
    background: linear-gradient(to right, #6C5CE7 0%, #5b4cc4 100%) !important;
}
[data-color=lavendar] .svg-primary {
    fill: #6C5CE7 !important;
}
[data-color=lavendar] .btn.btn-primary:hover, 
[data-color=lavendar] .btn.btn-primary:focus, 
[data-color=lavendar] .btn.btn-primary.focus, 
[data-color=lavendar] .btn.btn-primary:active, 
[data-color=lavendar] .btn.btn-primary.active {
    background-color: #5b4cc4 !important;
    border: 1px solid #5b4cc4 !important;
    box-shadow: 0 3px 10px rgba(108, 92, 231, 0.5) !important;
    color: #ffffff !important;
}
[data-color=lavendar] .btn.btn-primary-light:hover, 
[data-color=lavendar] .btn.btn-primary-light:focus, 
[data-color=lavendar] .btn.btn-primary-light:active {
    background-color: #6C5CE7 !important;
    color: #ffffff !important;
    border-color: #6C5CE7 !important;
}
[data-color=lavendar] .btn.btn-primary-ghost {
    color: #6C5CE7 !important;
    border: 1px solid #6C5CE7 !important;
    background-color: transparent !important;
}
[data-color=lavendar] .btn.btn-primary-ghost:active {
    color: #6C5CE7 !important;
    border: 1px solid #6C5CE7 !important;
    background-color: transparent !important;
}
[data-color=lavendar] .btn-outline-primary {
    border: 1px solid #6C5CE7 !important;
    color: #6C5CE7 !important;
}
[data-color=lavendar] .btn-outline-primary:hover, 
[data-color=lavendar] .btn-outline-primary:focus, 
[data-color=lavendar] .btn-outline-primary.focus, 
[data-color=lavendar] .btn-outline-primary:active, 
[data-color=lavendar] .btn-outline-primary.active {
    background-color: #6C5CE7 !important;
    border: 1px solid #6C5CE7 !important;
    box-shadow: 0 3px 10px rgba(108, 92, 231, 0.5) !important;
    color: #ffffff !important;
}
[data-color=lavendar] .btn-soft-primary:hover, 
[data-color=lavendar] .btn-soft-primary:focus, 
[data-color=lavendar] .btn-soft-primary.focus, 
[data-color=lavendar] .btn-soft-primary:active, 
[data-color=lavendar] .btn-soft-primary.active {
    box-shadow: 0 3px 12px rgba(108, 92, 231, 0.2) !important;
}

/* Lavender - Additional Components */
[data-color=lavendar] .progress-custom .progress-bar:after {
    box-shadow: 0 0.313rem 0.313rem rgba(108, 92, 231, 0.5) !important;
    border: 0.25rem solid #6C5CE7 !important;
}
[data-color=lavendar] .progress-custom .progress-bar-value {
    background: #6C5CE7 !important;
}
[data-color=lavendar] .progress-custom .progress-bar-value:after {
    border-block-start: 0.438rem solid #6C5CE7 !important;
}
[data-color=lavendar] .custom-progress-3 .progress-bar .progress-bar-value {
    border: 0.125rem solid #6C5CE7 !important;
    color: #6C5CE7 !important;
}
[data-color=lavendar] .custom-progress-4.progress {
    background-color: rgba(108, 92, 231, 0.1) !important;
}
[data-color=lavendar] .custom-progress-4.progress .progress-bar-label {
    color: #6C5CE7 !important;
}
[data-color=lavendar] .page-link:hover {
    color: #6C5CE7 !important;
}
[data-color=lavendar] .page-item.active .page-link {
    background-color: #6C5CE7 !important;
    border-color: #6C5CE7 !important;
}
[data-color=lavendar] .pagination-style-1 .pagination .page-item.active .page-link,
[data-color=lavendar] .pagination-style-1 .pagination .page-item.active:hover .page-link {
    background-color: #6C5CE7 !important;
}
[data-color=lavendar] .pagination-style-1 .pagination .page-item:hover .page-link {
    color: #6C5CE7 !important;
}
[data-color=lavendar] .pagination-style-2 .pagination .page-item.active .page-link {
    color: #6C5CE7 !important;
}
[data-color=lavendar] .pagination-style-2 .pagination .page-item.active .page-link:before {
    background-color: #6C5CE7 !important;
}
[data-color=lavendar] .pagination-style-3 .pagination .page-item.active .page-link,
[data-color=lavendar] .pagination-style-3 .pagination .page-item.active:hover .page-link {
    background-color: #6C5CE7 !important;
}
[data-color=lavendar] .pagination-style-4 .pagination .page-item.active .page-link,
[data-color=lavendar] .pagination-style-4 .pagination .page-item.active:hover .page-link {
    background-color: #6C5CE7 !important;
}
[data-color=lavendar] a:hover,
[data-color=lavendar] .link-default:hover, 
[data-color=lavendar] .link-default:focus, 
[data-color=lavendar] .link-default:active,
[data-color=lavendar] .link-primary,
[data-color=lavendar] .link-primary:hover, 
[data-color=lavendar] .link-primary:focus, 
[data-color=lavendar] .link-primary:active {
    color: #6C5CE7 !important;
}
[data-color=lavendar] .text-primary {
    color: #6C5CE7 !important;
}
[data-color=lavendar] .text-primary.text-opacity-75 {
    color: rgba(108, 92, 231, 0.75) !important;
}
[data-color=lavendar] .text-primary.text-opacity-25 {
    color: rgba(108, 92, 231, 0.25) !important;
}
[data-color=lavendar] .text-primary.text-opacity-50 {
    color: rgba(108, 92, 231, 0.5) !important;
}
[data-color=lavendar] .blockquote.custom-blockquote.primary {
    background-color: rgba(108, 92, 231, 0.1) !important;
    border-inline-start: 2px solid #6C5CE7 !important;
}
[data-color=lavendar] .blockquote.custom-blockquote.primary:before {
    color: rgba(108, 92, 231, 0.1) !important;
}
[data-color=lavendar] .alert-primary {
    background-color: rgba(108, 92, 231, 0.1) !important;
    color: #6C5CE7 !important;
    border-color: rgba(108, 92, 231, 0.1) !important;
}

/* =========================================================================================
   ADDITIONAL COMPONENT OVERRIDES (Buttons, Gradients, Soft Backgrounds)
   ========================================================================================= */

/* Cyan */
[data-color=cyan] .btn-save,
[data-color=cyan] .btn-send {
    background-color: #17a2b8 !important;
    border-color: #17a2b8 !important;
    color: #fff !important;
}
[data-color=cyan] .btn-save:hover,
[data-color=cyan] .btn-send:hover {
    background-color: #138496 !important;
    border-color: #138496 !important;
}
[data-color=cyan] .bg-primary-gradient {
    background: linear-gradient(to right, #17a2b8 0%, #138496 100%) !important;
}
[data-color=cyan] .bg-soft-primary {
    background-color: rgba(23, 162, 184, 0.1) !important;
    color: #17a2b8 !important;
}

/* Lightblue */
[data-color=lightblue] .btn-save,
[data-color=lightblue] .btn-send {
    background-color: #3d8ef8 !important;
    border-color: #3d8ef8 !important;
    color: #fff !important;
}
[data-color=lightblue] .btn-save:hover,
[data-color=lightblue] .btn-send:hover {
    background-color: #3173c9 !important;
    border-color: #3173c9 !important;
}
[data-color=lightblue] .bg-primary-gradient {
    background: linear-gradient(to right, #3d8ef8 0%, #3173c9 100%) !important;
}
[data-color=lightblue] .bg-soft-primary {
    background-color: rgba(61, 142, 248, 0.1) !important;
    color: #3d8ef8 !important;
}

/* Secondary */
[data-color=secondary] .btn-save,
[data-color=secondary] .btn-send {
    background-color: #6c757d !important;
    border-color: #6c757d !important;
    color: #fff !important;
}
[data-color=secondary] .btn-save:hover,
[data-color=secondary] .btn-send:hover {
    background-color: #5a6268 !important;
    border-color: #5a6268 !important;
}
[data-color=secondary] .bg-primary-gradient {
    background: linear-gradient(to right, #6c757d 0%, #5a6268 100%) !important;
}
[data-color=secondary] .btn.btn-primary-light {
    background-color: rgba(108, 117, 125, 0.1) !important;
    color: #6c757d !important;
}

/* Extended Overrides */
[data-color=secondary] .bg-primary-gradient {
    background: linear-gradient(to right, #6c757d 0%, #5a6268 100%) !important;
}
[data-color=secondary] .svg-primary {
    fill: #6c757d !important;
}
[data-color=secondary] .btn.btn-primary:hover, 
[data-color=secondary] .btn.btn-primary:focus, 
[data-color=secondary] .btn.btn-primary.focus, 
[data-color=secondary] .btn.btn-primary:active, 
[data-color=secondary] .btn.btn-primary.active {
    background-color: #5a6268 !important;
    border: 1px solid #5a6268 !important;
    box-shadow: 0 3px 10px rgba(108, 117, 125, 0.5) !important;
    color: #ffffff !important;
}
[data-color=secondary] .btn.btn-primary-light:hover, 
[data-color=secondary] .btn.btn-primary-light:focus, 
[data-color=secondary] .btn.btn-primary-light:active {
    background-color: #6c757d !important;
    color: #ffffff !important;
    border-color: #6c757d !important;
}
[data-color=secondary] .btn.btn-primary-ghost {
    color: #6c757d !important;
    border: 1px solid #6c757d !important;
    background-color: transparent !important;
}
[data-color=secondary] .btn.btn-primary-ghost:active {
    color: #6c757d !important;
    border: 1px solid #6c757d !important;
    background-color: transparent !important;
}
[data-color=secondary] .btn-outline-primary {
    border: 1px solid #6c757d !important;
    color: #6c757d !important;
}
[data-color=secondary] .btn-outline-primary:hover, 
[data-color=secondary] .btn-outline-primary:focus, 
[data-color=secondary] .btn-outline-primary.focus, 
[data-color=secondary] .btn-outline-primary:active, 
[data-color=secondary] .btn-outline-primary.active {
    background-color: #6c757d !important;
    border: 1px solid #6c757d !important;
    box-shadow: 0 3px 10px rgba(108, 117, 125, 0.5) !important;
    color: #ffffff !important;
}
[data-color=secondary] .btn-soft-primary:hover, 
[data-color=secondary] .btn-soft-primary:focus, 
[data-color=secondary] .btn-soft-primary.focus, 
[data-color=secondary] .btn-soft-primary:active, 
[data-color=secondary] .btn-soft-primary.active {
    box-shadow: 0 3px 12px rgba(108, 117, 125, 0.2) !important;
}

/* Secondary - Additional Components */
[data-color=secondary] .progress-custom .progress-bar:after {
    box-shadow: 0 0.313rem 0.313rem rgba(108, 117, 125, 0.5) !important;
    border: 0.25rem solid #6c757d !important;
}
[data-color=secondary] .progress-custom .progress-bar-value {
    background: #6c757d !important;
}
[data-color=secondary] .progress-custom .progress-bar-value:after {
    border-block-start: 0.438rem solid #6c757d !important;
}
[data-color=secondary] .custom-progress-3 .progress-bar .progress-bar-value {
    border: 0.125rem solid #6c757d !important;
    color: #6c757d !important;
}
[data-color=secondary] .custom-progress-4.progress {
    background-color: rgba(108, 117, 125, 0.1) !important;
}
[data-color=secondary] .custom-progress-4.progress .progress-bar-label {
    color: #6c757d !important;
}
[data-color=secondary] .page-link:hover {
    color: #6c757d !important;
}
[data-color=secondary] .page-item.active .page-link {
    background-color: #6c757d !important;
    border-color: #6c757d !important;
}
[data-color=secondary] .pagination-style-1 .pagination .page-item.active .page-link,
[data-color=secondary] .pagination-style-1 .pagination .page-item.active:hover .page-link {
    background-color: #6c757d !important;
}
[data-color=secondary] .pagination-style-1 .pagination .page-item:hover .page-link {
    color: #6c757d !important;
}
[data-color=secondary] .pagination-style-2 .pagination .page-item.active .page-link {
    color: #6c757d !important;
}
[data-color=secondary] .pagination-style-2 .pagination .page-item.active .page-link:before {
    background-color: #6c757d !important;
}
[data-color=secondary] .pagination-style-3 .pagination .page-item.active .page-link,
[data-color=secondary] .pagination-style-3 .pagination .page-item.active:hover .page-link {
    background-color: #6c757d !important;
}
[data-color=secondary] .pagination-style-4 .pagination .page-item.active .page-link,
[data-color=secondary] .pagination-style-4 .pagination .page-item.active:hover .page-link {
    background-color: #6c757d !important;
}
[data-color=secondary] a:hover,
[data-color=secondary] .link-default:hover, 
[data-color=secondary] .link-default:focus, 
[data-color=secondary] .link-default:active,
[data-color=secondary] .link-primary,
[data-color=secondary] .link-primary:hover, 
[data-color=secondary] .link-primary:focus, 
[data-color=secondary] .link-primary:active {
    color: #6c757d !important;
}
[data-color=secondary] .text-primary {
    color: #6c757d !important;
}
[data-color=secondary] .text-primary.text-opacity-75 {
    color: rgba(108, 117, 125, 0.75) !important;
}
[data-color=secondary] .text-primary.text-opacity-25 {
    color: rgba(108, 117, 125, 0.25) !important;
}
[data-color=secondary] .text-primary.text-opacity-50 {
    color: rgba(108, 117, 125, 0.5) !important;
}
[data-color=secondary] .blockquote.custom-blockquote.primary {
    background-color: rgba(108, 117, 125, 0.1) !important;
    border-inline-start: 2px solid #6c757d !important;
}
[data-color=secondary] .blockquote.custom-blockquote.primary:before {
    color: rgba(108, 117, 125, 0.1) !important;
}
[data-color=secondary] .alert-primary {
    background-color: rgba(108, 117, 125, 0.1) !important;
    color: #6c757d !important;
    border-color: rgba(108, 117, 125, 0.1) !important;
}

/* Brightblue */
[data-color=brightblue] .btn-save,
[data-color=brightblue] .btn-send {
    background-color: #007bff !important;
    border-color: #007bff !important;
    color: #fff !important;
}
[data-color=brightblue] .btn-save:hover,
[data-color=brightblue] .btn-send:hover {
    background-color: #0056b3 !important;
    border-color: #0056b3 !important;
}
[data-color=brightblue] .bg-primary-gradient {
    background: linear-gradient(to right, #007bff 0%, #0056b3 100%) !important;
}
[data-color=brightblue] .btn.btn-primary-light {
    background-color: rgba(0, 123, 255, 0.1) !important;
    color: #007bff !important;
}

/* Extended Overrides */
[data-color=brightblue] .bg-primary-gradient {
    background: linear-gradient(to right, #007bff 0%, #0069d9 100%) !important;
}
[data-color=brightblue] .svg-primary {
    fill: #007bff !important;
}
[data-color=brightblue] .btn.btn-primary:hover, 
[data-color=brightblue] .btn.btn-primary:focus, 
[data-color=brightblue] .btn.btn-primary.focus, 
[data-color=brightblue] .btn.btn-primary:active, 
[data-color=brightblue] .btn.btn-primary.active {
    background-color: #0069d9 !important;
    border: 1px solid #0069d9 !important;
    box-shadow: 0 3px 10px rgba(0, 123, 255, 0.5) !important;
    color: #ffffff !important;
}
[data-color=brightblue] .btn.btn-primary-light:hover, 
[data-color=brightblue] .btn.btn-primary-light:focus, 
[data-color=brightblue] .btn.btn-primary-light:active {
    background-color: #007bff !important;
    color: #ffffff !important;
    border-color: #007bff !important;
}
[data-color=brightblue] .btn.btn-primary-ghost {
    color: #007bff !important;
    border: 1px solid #007bff !important;
    background-color: transparent !important;
}
[data-color=brightblue] .btn.btn-primary-ghost:active {
    color: #007bff !important;
    border: 1px solid #007bff !important;
    background-color: transparent !important;
}
[data-color=brightblue] .btn-outline-primary {
    border: 1px solid #007bff !important;
    color: #007bff !important;
}
[data-color=brightblue] .btn-outline-primary:hover, 
[data-color=brightblue] .btn-outline-primary:focus, 
[data-color=brightblue] .btn-outline-primary.focus, 
[data-color=brightblue] .btn-outline-primary:active, 
[data-color=brightblue] .btn-outline-primary.active {
    background-color: #007bff !important;
    border: 1px solid #007bff !important;
    box-shadow: 0 3px 10px rgba(0, 123, 255, 0.5) !important;
    color: #ffffff !important;
}
[data-color=brightblue] .btn-soft-primary:hover, 
[data-color=brightblue] .btn-soft-primary:focus, 
[data-color=brightblue] .btn-soft-primary.focus, 
[data-color=brightblue] .btn-soft-primary:active, 
[data-color=brightblue] .btn-soft-primary.active {
    box-shadow: 0 3px 12px rgba(0, 123, 255, 0.2) !important;
}

/* Bright Blue - Additional Components */
[data-color=brightblue] .progress-custom .progress-bar:after {
    box-shadow: 0 0.313rem 0.313rem rgba(0, 123, 255, 0.5) !important;
    border: 0.25rem solid #007bff !important;
}
[data-color=brightblue] .progress-custom .progress-bar-value {
    background: #007bff !important;
}
[data-color=brightblue] .progress-custom .progress-bar-value:after {
    border-block-start: 0.438rem solid #007bff !important;
}
[data-color=brightblue] .custom-progress-3 .progress-bar .progress-bar-value {
    border: 0.125rem solid #007bff !important;
    color: #007bff !important;
}
[data-color=brightblue] .custom-progress-4.progress {
    background-color: rgba(0, 123, 255, 0.1) !important;
}
[data-color=brightblue] .custom-progress-4.progress .progress-bar-label {
    color: #007bff !important;
}
[data-color=brightblue] .page-link:hover {
    color: #007bff !important;
}
[data-color=brightblue] .page-item.active .page-link {
    background-color: #007bff !important;
    border-color: #007bff !important;
}
[data-color=brightblue] .pagination-style-1 .pagination .page-item.active .page-link,
[data-color=brightblue] .pagination-style-1 .pagination .page-item.active:hover .page-link {
    background-color: #007bff !important;
}
[data-color=brightblue] .pagination-style-1 .pagination .page-item:hover .page-link {
    color: #007bff !important;
}
[data-color=brightblue] .pagination-style-2 .pagination .page-item.active .page-link {
    color: #007bff !important;
}
[data-color=brightblue] .pagination-style-2 .pagination .page-item.active .page-link:before {
    background-color: #007bff !important;
}
[data-color=brightblue] .pagination-style-3 .pagination .page-item.active .page-link,
[data-color=brightblue] .pagination-style-3 .pagination .page-item.active:hover .page-link {
    background-color: #007bff !important;
}
[data-color=brightblue] .pagination-style-4 .pagination .page-item.active .page-link,
[data-color=brightblue] .pagination-style-4 .pagination .page-item.active:hover .page-link {
    background-color: #007bff !important;
}
[data-color=brightblue] a:hover,
[data-color=brightblue] .link-default:hover, 
[data-color=brightblue] .link-default:focus, 
[data-color=brightblue] .link-default:active,
[data-color=brightblue] .link-primary,
[data-color=brightblue] .link-primary:hover, 
[data-color=brightblue] .link-primary:focus, 
[data-color=brightblue] .link-primary:active {
    color: #007bff !important;
}
[data-color=brightblue] .text-primary {
    color: #007bff !important;
}
[data-color=brightblue] .text-primary.text-opacity-75 {
    color: rgba(0, 123, 255, 0.75) !important;
}
[data-color=brightblue] .text-primary.text-opacity-25 {
    color: rgba(0, 123, 255, 0.25) !important;
}
[data-color=brightblue] .text-primary.text-opacity-50 {
    color: rgba(0, 123, 255, 0.5) !important;
}
[data-color=brightblue] .blockquote.custom-blockquote.primary {
    background-color: rgba(0, 123, 255, 0.1) !important;
    border-inline-start: 2px solid #007bff !important;
}
[data-color=brightblue] .blockquote.custom-blockquote.primary:before {
    color: rgba(0, 123, 255, 0.1) !important;
}
[data-color=brightblue] .alert-primary {
    background-color: rgba(0, 123, 255, 0.1) !important;
    color: #007bff !important;
    border-color: rgba(0, 123, 255, 0.1) !important;
}

/* Lavender */
[data-color=lavendar] .btn-save,
[data-color=lavendar] .btn-send {
    background-color: #6C5CE7 !important;
    border-color: #6C5CE7 !important;
    color: #fff !important;
}
[data-color=lavendar] .btn-save:hover,
[data-color=lavendar] .btn-send:hover {
    background-color: #5b4cc4 !important;
    border-color: #5b4cc4 !important;
}
[data-color=lavendar] .bg-primary-gradient {
    background: linear-gradient(to right, #6C5CE7 0%, #5b4cc4 100%) !important;
}
[data-color=lavendar] .bg-soft-primary {
    background-color: rgba(108, 92, 231, 0.1) !important;
    color: #6C5CE7 !important;
}

/* =========================================================================================
   SIDEBAR SUBDROP (OPEN SUBMENU) OVERRIDES
   ========================================================================================= */

/* Cyan */
[data-color=cyan] .sidebar .sidebar-menu > ul > li > ul > li.submenu > a.subdrop {
    background: rgba(23, 162, 184, 0.1) !important;
    color: #17a2b8 !important;
}
[data-color=cyan] .sidebar .sidebar-menu > ul > li > ul > li.submenu > a.subdrop span,
[data-color=cyan] .sidebar .sidebar-menu > ul > li > ul > li.submenu > a.subdrop i {
    color: #17a2b8 !important;
}
[data-color=cyan] .sidebar .sidebar-menu > ul > li > ul > li.submenu > a.subdrop .menu-arrow {
    background: rgba(23, 162, 184, 0.1) !important;
}
[data-color=cyan] .sidebar .sidebar-menu > ul > li > ul > li.submenu > a.subdrop .menu-arrow::before {
    border-color: #17a2b8 !important;
}

/* Lightblue */
[data-color=lightblue] .sidebar .sidebar-menu > ul > li > ul > li.submenu > a.subdrop {
    background: rgba(61, 142, 248, 0.1) !important;
    color: #3d8ef8 !important;
}
[data-color=lightblue] .sidebar .sidebar-menu > ul > li > ul > li.submenu > a.subdrop span,
[data-color=lightblue] .sidebar .sidebar-menu > ul > li > ul > li.submenu > a.subdrop i {
    color: #3d8ef8 !important;
}
[data-color=lightblue] .sidebar .sidebar-menu > ul > li > ul > li.submenu > a.subdrop .menu-arrow {
    background: rgba(61, 142, 248, 0.1) !important;
}
[data-color=lightblue] .sidebar .sidebar-menu > ul > li > ul > li.submenu > a.subdrop .menu-arrow::before {
    border-color: #3d8ef8 !important;
}

/* Secondary */
[data-color=secondary] .sidebar .sidebar-menu > ul > li > ul > li.submenu > a.subdrop {
    background: rgba(108, 117, 125, 0.1) !important;
    color: #6c757d !important;
}
[data-color=secondary] .sidebar .sidebar-menu > ul > li > ul > li.submenu > a.subdrop span,
[data-color=secondary] .sidebar .sidebar-menu > ul > li > ul > li.submenu > a.subdrop i {
    color: #6c757d !important;
}
[data-color=secondary] .sidebar .sidebar-menu > ul > li > ul > li.submenu > a.subdrop .menu-arrow {
    background: rgba(108, 117, 125, 0.1) !important;
}
[data-color=secondary] .sidebar .sidebar-menu > ul > li > ul > li.submenu > a.subdrop .menu-arrow::before {
    border-color: #6c757d !important;
}

/* Brightblue */
[data-color=brightblue] .sidebar .sidebar-menu > ul > li > ul > li.submenu > a.subdrop {
    background: rgba(0, 123, 255, 0.1) !important;
    color: #007bff !important;
}
[data-color=brightblue] .sidebar .sidebar-menu > ul > li > ul > li.submenu > a.subdrop span,
[data-color=brightblue] .sidebar .sidebar-menu > ul > li > ul > li.submenu > a.subdrop i {
    color: #007bff !important;
}
[data-color=brightblue] .sidebar .sidebar-menu > ul > li > ul > li.submenu > a.subdrop .menu-arrow {
    background: rgba(0, 123, 255, 0.1) !important;
}
[data-color=brightblue] .sidebar .sidebar-menu > ul > li > ul > li.submenu > a.subdrop .menu-arrow::before {
    border-color: #007bff !important;
}

/* Lavender */
[data-color=lavendar] .sidebar .sidebar-menu > ul > li > ul > li.submenu > a.subdrop {
    background: rgba(108, 92, 231, 0.1) !important;
    color: #6C5CE7 !important;
}
[data-color=lavendar] .sidebar .sidebar-menu > ul > li > ul > li.submenu > a.subdrop span,
[data-color=lavendar] .sidebar .sidebar-menu > ul > li > ul > li.submenu > a.subdrop i {
    color: #6C5CE7 !important;
}
[data-color=lavendar] .sidebar .sidebar-menu > ul > li > ul > li.submenu > a.subdrop .menu-arrow {
    background: rgba(108, 92, 231, 0.1) !important;
}
[data-color=lavendar] .sidebar .sidebar-menu > ul > li > ul > li.submenu > a.subdrop .menu-arrow::before {
    border-color: #6C5CE7 !important;
}

/* CYAN THEME - Extended Overrides */
[data-color=cyan] ::selection { background: #17a2b8; color: #fff; }
[data-color=cyan] .bg-primary-gradient { background: linear-gradient(to right, #17a2b8 0%, #117a8b 100%) !important; }
[data-color=cyan] .bg-outline-primary { border: 1px solid #17a2b8; color: #17a2b8; }
[data-color=cyan] .svg-primary { fill: #17a2b8; }
[data-color=cyan] .page-header .btn-added.dark:hover, [data-color=cyan] .page-header .btn-added.dark:focus, [data-color=cyan] .page-header .btn-added.dark:active { background-color: #17a2b8 !important; border: 1px solid #17a2b8 !important; }
[data-color=cyan] .btn-primaryadd:hover { border: 1px solid #17a2b8; color: #17a2b8; }
[data-color=cyan] .badge.badge-primary { background: #17a2b8; }
[data-color=cyan] .border.border-primary { border: 1px solid #17a2b8 !important; }
[data-color=cyan] .border-top.border-primary, [data-color=cyan] .border-bottom.border-primary, [data-color=cyan] .border-end.border-primary, [data-color=cyan] .border-start.border-primary { border-color: #17a2b8 !important; }
[data-color=cyan] .fc-state-active, [data-color=cyan] .fc-state-disabled { background-color: #17a2b8 !important; }
[data-color=cyan] .fc .fc-button-primary.fc-custombtn-button { background-color: #17a2b8; border-color: #17a2b8; }
[data-color=cyan] .bootstrap-datetimepicker-widget table td.day.active { background: #17a2b8; }
[data-color=cyan] .dropdown-item:not(.active):hover, [data-color=cyan] .dropdown-item:not(.active):focus, [data-color=cyan] .dropdown-item:not(.active):active { color: #17a2b8; }
[data-color=cyan] .dropdown-menu.dropdown-menu-primary { background-color: #17a2b8; }
[data-color=cyan] .dropdown-menu.dropmenu-item-primary .dropdown-item:hover, [data-color=cyan] .dropdown-menu.dropmenu-item-primary .dropdown-item:focus, [data-color=cyan] .dropdown-menu.dropmenu-item-primary .dropdown-item:active, [data-color=cyan] .dropdown-menu.dropmenu-item-primary .dropdown-item.active { background-color: rgba(23, 162, 184, 0.1) !important; color: #17a2b8; }
[data-color=cyan] .dropdown-menu.dropmenu-light-primary .dropdown-item:hover, [data-color=cyan] .dropdown-menu.dropmenu-light-primary .dropdown-item:focus, [data-color=cyan] .dropdown-menu.dropmenu-light-primary .dropdown-item:active, [data-color=cyan] .dropdown-menu.dropmenu-light-primary .dropdown-item.active { background-color: #17a2b8 !important; color: #ffffff; }
[data-color=cyan] .popover { --bs-popover-border-color: #17a2b8; --bs-popover-header-bg: #17a2b8; }

/* LIGHTBLUE THEME - Extended Overrides */
[data-color=lightblue] ::selection { background: #3d8ef8; color: #fff; }
[data-color=lightblue] .bg-primary-gradient { background: linear-gradient(to right, #3d8ef8 0%, #0b5ed7 100%) !important; }
[data-color=lightblue] .bg-outline-primary { border: 1px solid #3d8ef8; color: #3d8ef8; }
[data-color=lightblue] .svg-primary { fill: #3d8ef8; }
[data-color=lightblue] .page-header .btn-added.dark:hover, [data-color=lightblue] .page-header .btn-added.dark:focus, [data-color=lightblue] .page-header .btn-added.dark:active { background-color: #3d8ef8 !important; border: 1px solid #3d8ef8 !important; }
[data-color=lightblue] .btn-primaryadd:hover { border: 1px solid #3d8ef8; color: #3d8ef8; }
[data-color=lightblue] .badge.badge-primary { background: #3d8ef8; }
[data-color=lightblue] .border.border-primary { border: 1px solid #3d8ef8 !important; }
[data-color=lightblue] .border-top.border-primary, [data-color=lightblue] .border-bottom.border-primary, [data-color=lightblue] .border-end.border-primary, [data-color=lightblue] .border-start.border-primary { border-color: #3d8ef8 !important; }
[data-color=lightblue] .fc-state-active, [data-color=lightblue] .fc-state-disabled { background-color: #3d8ef8 !important; }
[data-color=lightblue] .fc .fc-button-primary.fc-custombtn-button { background-color: #3d8ef8; border-color: #3d8ef8; }
[data-color=lightblue] .bootstrap-datetimepicker-widget table td.day.active { background: #3d8ef8; }
[data-color=lightblue] .dropdown-item:not(.active):hover, [data-color=lightblue] .dropdown-item:not(.active):focus, [data-color=lightblue] .dropdown-item:not(.active):active { color: #3d8ef8; }
[data-color=lightblue] .dropdown-menu.dropdown-menu-primary { background-color: #3d8ef8; }
[data-color=lightblue] .dropdown-menu.dropmenu-item-primary .dropdown-item:hover, [data-color=lightblue] .dropdown-menu.dropmenu-item-primary .dropdown-item:focus, [data-color=lightblue] .dropdown-menu.dropmenu-item-primary .dropdown-item:active, [data-color=lightblue] .dropdown-menu.dropmenu-item-primary .dropdown-item.active { background-color: rgba(61, 142, 248, 0.1) !important; color: #3d8ef8; }
[data-color=lightblue] .dropdown-menu.dropmenu-light-primary .dropdown-item:hover, [data-color=lightblue] .dropdown-menu.dropmenu-light-primary .dropdown-item:focus, [data-color=lightblue] .dropdown-menu.dropmenu-light-primary .dropdown-item:active, [data-color=lightblue] .dropdown-menu.dropmenu-light-primary .dropdown-item.active { background-color: #3d8ef8 !important; color: #ffffff; }
[data-color=lightblue] .popover { --bs-popover-border-color: #3d8ef8; --bs-popover-header-bg: #3d8ef8; }

/* SECONDARY THEME - Extended Overrides */
[data-color=secondary] ::selection { background: #6c757d; color: #fff; }
[data-color=secondary] .bg-primary-gradient { background: linear-gradient(to right, #6c757d 0%, #545b62 100%) !important; }
[data-color=secondary] .bg-outline-primary { border: 1px solid #6c757d; color: #6c757d; }
[data-color=secondary] .svg-primary { fill: #6c757d; }
[data-color=secondary] .page-header .btn-added.dark:hover, [data-color=secondary] .page-header .btn-added.dark:focus, [data-color=secondary] .page-header .btn-added.dark:active { background-color: #6c757d !important; border: 1px solid #6c757d !important; }
[data-color=secondary] .btn-primaryadd:hover { border: 1px solid #6c757d; color: #6c757d; }
[data-color=secondary] .badge.badge-primary { background: #6c757d; }
[data-color=secondary] .border.border-primary { border: 1px solid #6c757d !important; }
[data-color=secondary] .border-top.border-primary, [data-color=secondary] .border-bottom.border-primary, [data-color=secondary] .border-end.border-primary, [data-color=secondary] .border-start.border-primary { border-color: #6c757d !important; }
[data-color=secondary] .fc-state-active, [data-color=secondary] .fc-state-disabled { background-color: #6c757d !important; }
[data-color=secondary] .fc .fc-button-primary.fc-custombtn-button { background-color: #6c757d; border-color: #6c757d; }
[data-color=secondary] .bootstrap-datetimepicker-widget table td.day.active { background: #6c757d; }
[data-color=secondary] .dropdown-item:not(.active):hover, [data-color=secondary] .dropdown-item:not(.active):focus, [data-color=secondary] .dropdown-item:not(.active):active { color: #6c757d; }
[data-color=secondary] .dropdown-menu.dropdown-menu-primary { background-color: #6c757d; }
[data-color=secondary] .dropdown-menu.dropmenu-item-primary .dropdown-item:hover, [data-color=secondary] .dropdown-menu.dropmenu-item-primary .dropdown-item:focus, [data-color=secondary] .dropdown-menu.dropmenu-item-primary .dropdown-item:active, [data-color=secondary] .dropdown-menu.dropmenu-item-primary .dropdown-item.active { background-color: rgba(108, 117, 125, 0.1) !important; color: #6c757d; }
[data-color=secondary] .dropdown-menu.dropmenu-light-primary .dropdown-item:hover, [data-color=secondary] .dropdown-menu.dropmenu-light-primary .dropdown-item:focus, [data-color=secondary] .dropdown-menu.dropmenu-light-primary .dropdown-item:active, [data-color=secondary] .dropdown-menu.dropmenu-light-primary .dropdown-item.active { background-color: #6c757d !important; color: #ffffff; }
[data-color=secondary] .popover { --bs-popover-border-color: #6c757d; --bs-popover-header-bg: #6c757d; }
[data-color=secondary] .btn-check:checked + .btn, [data-color=secondary] .swal2-actions .swal2-confirm.btn:active { background-color: #6c757d !important; border-color: #6c757d !important; color: #ffffff !important; }

/* BRIGHTBLUE THEME - Extended Overrides */
[data-color=brightblue] ::selection { background: #007bff; color: #fff; }
[data-color=brightblue] .bg-primary-gradient { background: linear-gradient(to right, #007bff 0%, #0056b3 100%) !important; }
[data-color=brightblue] .bg-outline-primary { border: 1px solid #007bff; color: #007bff; }
[data-color=brightblue] .svg-primary { fill: #007bff; }
[data-color=brightblue] .page-header .btn-added.dark:hover, [data-color=brightblue] .page-header .btn-added.dark:focus, [data-color=brightblue] .page-header .btn-added.dark:active { background-color: #007bff !important; border: 1px solid #007bff !important; }
[data-color=brightblue] .btn-primaryadd:hover { border: 1px solid #007bff; color: #007bff; }
[data-color=brightblue] .badge.badge-primary { background: #007bff; }
[data-color=brightblue] .border.border-primary { border: 1px solid #007bff !important; }
[data-color=brightblue] .border-top.border-primary, [data-color=brightblue] .border-bottom.border-primary, [data-color=brightblue] .border-end.border-primary, [data-color=brightblue] .border-start.border-primary { border-color: #007bff !important; }
[data-color=brightblue] .fc-state-active, [data-color=brightblue] .fc-state-disabled { background-color: #007bff !important; }
[data-color=brightblue] .fc .fc-button-primary.fc-custombtn-button { background-color: #007bff; border-color: #007bff; }
[data-color=brightblue] .bootstrap-datetimepicker-widget table td.day.active { background: #007bff; }
[data-color=brightblue] .dropdown-item:not(.active):hover, [data-color=brightblue] .dropdown-item:not(.active):focus, [data-color=brightblue] .dropdown-item:not(.active):active { color: #007bff; }
[data-color=brightblue] .dropdown-menu.dropdown-menu-primary { background-color: #007bff; }
[data-color=brightblue] .dropdown-menu.dropmenu-item-primary .dropdown-item:hover, [data-color=brightblue] .dropdown-menu.dropmenu-item-primary .dropdown-item:focus, [data-color=brightblue] .dropdown-menu.dropmenu-item-primary .dropdown-item:active, [data-color=brightblue] .dropdown-menu.dropmenu-item-primary .dropdown-item.active { background-color: rgba(0, 123, 255, 0.1) !important; color: #007bff; }
[data-color=brightblue] .dropdown-menu.dropmenu-light-primary .dropdown-item:hover, [data-color=brightblue] .dropdown-menu.dropmenu-light-primary .dropdown-item:focus, [data-color=brightblue] .dropdown-menu.dropmenu-light-primary .dropdown-item:active, [data-color=brightblue] .dropdown-menu.dropmenu-light-primary .dropdown-item.active { background-color: #007bff !important; color: #ffffff; }
[data-color=brightblue] .popover { --bs-popover-border-color: #007bff; --bs-popover-header-bg: #007bff; }
[data-color=brightblue] .btn-check:checked + .btn, [data-color=brightblue] .swal2-actions .swal2-confirm.btn:active { background-color: #007bff !important; border-color: #007bff !important; color: #ffffff !important; }

/* LAVENDER THEME - Extended Overrides */
[data-color=lavendar] ::selection { background: #6C5CE7; color: #fff; }
[data-color=lavendar] .bg-primary-gradient { background: linear-gradient(to right, #6C5CE7 0%, #5649b9 100%) !important; }
[data-color=lavendar] .bg-outline-primary { border: 1px solid #6C5CE7; color: #6C5CE7; }
[data-color=lavendar] .svg-primary { fill: #6C5CE7; }
[data-color=lavendar] .page-header .btn-added.dark:hover, [data-color=lavendar] .page-header .btn-added.dark:focus, [data-color=lavendar] .page-header .btn-added.dark:active { background-color: #6C5CE7 !important; border: 1px solid #6C5CE7 !important; }
[data-color=lavendar] .btn-primaryadd:hover { border: 1px solid #6C5CE7; color: #6C5CE7; }
[data-color=lavendar] .badge.badge-primary { background: #6C5CE7; }
[data-color=lavendar] .border.border-primary { border: 1px solid #6C5CE7 !important; }
[data-color=lavendar] .border-top.border-primary, [data-color=lavendar] .border-bottom.border-primary, [data-color=lavendar] .border-end.border-primary, [data-color=lavendar] .border-start.border-primary { border-color: #6C5CE7 !important; }
[data-color=lavendar] .fc-state-active, [data-color=lavendar] .fc-state-disabled { background-color: #6C5CE7 !important; }
[data-color=lavendar] .fc .fc-button-primary.fc-custombtn-button { background-color: #6C5CE7; border-color: #6C5CE7; }
[data-color=lavendar] .bootstrap-datetimepicker-widget table td.day.active { background: #6C5CE7; }
[data-color=lavendar] .dropdown-item:not(.active):hover, [data-color=lavendar] .dropdown-item:not(.active):focus, [data-color=lavendar] .dropdown-item:not(.active):active { color: #6C5CE7; }
[data-color=lavendar] .dropdown-menu.dropdown-menu-primary { background-color: #6C5CE7; }
[data-color=lavendar] .dropdown-menu.dropmenu-item-primary .dropdown-item:hover, [data-color=lavendar] .dropdown-menu.dropmenu-item-primary .dropdown-item:focus, [data-color=lavendar] .dropdown-menu.dropmenu-item-primary .dropdown-item:active, [data-color=lavendar] .dropdown-menu.dropmenu-item-primary .dropdown-item.active { background-color: rgba(108, 92, 231, 0.1) !important; color: #6C5CE7; }
[data-color=lavendar] .dropdown-menu.dropmenu-light-primary .dropdown-item:hover, [data-color=lavendar] .dropdown-menu.dropmenu-light-primary .dropdown-item:focus, [data-color=lavendar] .dropdown-menu.dropmenu-light-primary .dropdown-item:active, [data-color=lavendar] .dropdown-menu.dropmenu-light-primary .dropdown-item.active { background-color: #6C5CE7 !important; color: #ffffff; }
[data-color=lavendar] .popover { --bs-popover-border-color: #6C5CE7; --bs-popover-header-bg: #6C5CE7; }

/* FINAL MISSING OVERRIDES */

/* Cyan */
[data-color=cyan] a { color: #000000 !important; }
[data-color=cyan] a:hover { color: #17a2b8 !important; }
[data-color=cyan] .custom-alert1.alert-primary { border-block-start: 0.313rem solid #17a2b8; }
[data-color=cyan] .custom-alert1.alert-primary .custom-alert-icon { color: #17a2b8; }
[data-color=cyan] .custom-popover { --bs-popover-border-color: #17a2b8; --bs-popover-header-bg: #17a2b8; }
[data-color=cyan] .pagination-style-1 .pagination .page-item.active .page-link, [data-color=cyan] .pagination-style-1 .pagination .page-item.active:hover .page-link { background-color: #17a2b8; color: #ffffff; }
[data-color=cyan] .pagination-style-1 .pagination .page-item:hover .page-link { color: #17a2b8; }
[data-color=cyan] .pagination-style-2 .pagination .page-item.active .page-link { color: #17a2b8; }
[data-color=cyan] .pagination-style-2 .pagination .page-item.active .page-link:before { background-color: #17a2b8; }

/* Lightblue */
[data-color=lightblue] a { color: #000000 !important; }
[data-color=lightblue] a:hover { color: #3d8ef8 !important; }
[data-color=lightblue] .custom-alert1.alert-primary { border-block-start: 0.313rem solid #3d8ef8; }
[data-color=lightblue] .custom-alert1.alert-primary .custom-alert-icon { color: #3d8ef8; }
[data-color=lightblue] .custom-popover { --bs-popover-border-color: #3d8ef8; --bs-popover-header-bg: #3d8ef8; }
[data-color=lightblue] .pagination-style-1 .pagination .page-item.active .page-link, [data-color=lightblue] .pagination-style-1 .pagination .page-item.active:hover .page-link { background-color: #3d8ef8; color: #ffffff; }
[data-color=lightblue] .pagination-style-1 .pagination .page-item:hover .page-link { color: #3d8ef8; }
[data-color=lightblue] .pagination-style-2 .pagination .page-item.active .page-link { color: #3d8ef8; }
[data-color=lightblue] .pagination-style-2 .pagination .page-item.active .page-link:before { background-color: #3d8ef8; }

/* Secondary */
[data-color=secondary] a { color: #000000 !important; }
[data-color=secondary] a:hover { color: #6c757d !important; }
[data-color=secondary] .custom-alert1.alert-primary { border-block-start: 0.313rem solid #6c757d; }
[data-color=secondary] .custom-alert1.alert-primary .custom-alert-icon { color: #6c757d; }
[data-color=secondary] .custom-popover { --bs-popover-border-color: #6c757d; --bs-popover-header-bg: #6c757d; }
[data-color=secondary] .pagination-style-1 .pagination .page-item.active .page-link, [data-color=secondary] .pagination-style-1 .pagination .page-item.active:hover .page-link { background-color: #6c757d; color: #ffffff; }
[data-color=secondary] .pagination-style-1 .pagination .page-item:hover .page-link { color: #6c757d; }
[data-color=secondary] .pagination-style-2 .pagination .page-item.active .page-link { color: #6c757d; }
[data-color=secondary] .pagination-style-2 .pagination .page-item.active .page-link:before { background-color: #6c757d; }

/* Brightblue */
[data-color=brightblue] a { color: #000000 !important; }
[data-color=brightblue] a:hover { color: #007bff !important; }
[data-color=brightblue] .custom-alert1.alert-primary { border-block-start: 0.313rem solid #007bff; }
[data-color=brightblue] .custom-alert1.alert-primary .custom-alert-icon { color: #007bff; }
[data-color=brightblue] .custom-popover { --bs-popover-border-color: #007bff; --bs-popover-header-bg: #007bff; }
[data-color=brightblue] .pagination-style-1 .pagination .page-item.active .page-link, [data-color=brightblue] .pagination-style-1 .pagination .page-item.active:hover .page-link { background-color: #007bff; color: #ffffff; }
[data-color=brightblue] .pagination-style-1 .pagination .page-item:hover .page-link { color: #007bff; }
[data-color=brightblue] .pagination-style-2 .pagination .page-item.active .page-link { color: #007bff; }
[data-color=brightblue] .pagination-style-2 .pagination .page-item.active .page-link:before { background-color: #007bff; }

/* Lavender */
[data-color=lavendar] a { color: #000000 !important; }
[data-color=lavendar] a:hover { color: #6C5CE7 !important; }
[data-color=lavendar] .custom-alert1.alert-primary { border-block-start: 0.313rem solid #6C5CE7; }
[data-color=lavendar] .custom-alert1.alert-primary .custom-alert-icon { color: #6C5CE7; }
[data-color=lavendar] .custom-popover { --bs-popover-border-color: #6C5CE7; --bs-popover-header-bg: #6C5CE7; }
[data-color=lavendar] .pagination-style-1 .pagination .page-item.active .page-link, [data-color=lavendar] .pagination-style-1 .pagination .page-item.active:hover .page-link { background-color: #6C5CE7; color: #ffffff; }
[data-color=lavendar] .pagination-style-1 .pagination .page-item:hover .page-link { color: #6C5CE7; }
[data-color=lavendar] .pagination-style-2 .pagination .page-item.active .page-link { color: #6C5CE7; }
[data-color=lavendar] .pagination-style-2 .pagination .page-item.active .page-link:before { background-color: #6C5CE7; }



/* Lavender Image Upload */
[data-color=lavendar] .image-upload,
[data-color=lavendar] .image-upload:hover {
    background-color: #6C5CE7 !important;
    border-color: #6C5CE7 !important;
    color: #ffffff !important;
}
[data-color=lavendar] .image-upload .image-uploads h4,
[data-color=lavendar] .image-upload .image-uploads i {
    color: #ffffff !important;
}