input[type="checkbox"] , input[type="checkbox"].form-check-input{
    accent-color: var(--primary-color); /* Sets the checkmark color */
     
}

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

.menu-title:hover , .ki-user-square{
    color: var(--primary-color) !important;
}

.menu-link , .menu-title,
.menu-link:hover,
.menu-link.active,
.menu-link:hover .menu-title,
.menu-link.active .menu-title {
    color: var(--primary-color) !important;
}

.menu-link:hover .bullet-dot,
.menu-link.active .bullet-dot {
    background-color: var(--primary-color) !important;
}



.btn-light-primary, .ki-exit-up {
    color: var(--primary-color) !important;
}

.menu-section{
    color: #000 !important;
}

#exportExcel:hover, .ki-exit-up:hover, .app-sidebar-primary {
    background-color: var(--primary-color) !important;
    color: #fff !important;
}

#exportExcel:hover i {
    color: white !important;
    transition: color 0.3s ease;
}

#addButton, .badge-primary {
    background-color: var(--primary-color) !important;
}

#addButton:hover {
    background-color: var(--primary-color-hover) !important;
}

.text-primary, a, a i , .badge-light-primary , .btn-active-color-primary:hover{
    color: var(--primary-color) !important;
}

.badge-light-primary, .btn-light-primary ,button .btn-icon:hover   {
    background: var(--light-primary-color) !important;
}

.text-primary3{
     color: var(--light-primary-color) !important;
}
.dropdown-item:focus,
.text-primary2,
.link-primary,
.link-primary:hover {
    color: var(--primary-color) !important;
}
.nav-tabs .nav-link.active , .nav .nav-link.active {
    border-bottom-color: var(--primary-color) !important; /* Replace with your primary color variable */
    color: var(--primary-color) !important; /* White text */
    background: none !important;
}

.btn-primary2 , .btn-primary2 i ,.btn-primary , .btn-light-primary2{
    background-color: var(--primary-color) !important;
    color: #fff !important;
    transition: background-color 0.3s ease, color 0.3s ease;
}

.btn-light-primary2:hover ,
.btn-light-primary2:focus,
.btn-light-primary2:active
.btn-primary2:hover, 
.btn-primary2:focus, 
.btn-primary2:active,
.btn-primary2:disabled {
    background-color: var(--primary-color-hover) !important;
    color: var(--primary-text-hover-color) !important; 
}

i .ki-exit-up{
     color: var(--primary-text-hover-color) !important; 
     background: none !important;
}

.select2-results__option--highlighted,
.select2-selection:active,
.select2-selection:focus {
    color: var(--primary-color) !important;  
}

 .rotate {
            transform: rotate(180deg); /* Rotate icon */
        }


.btn-check:active+.btn.btn-active-color-primary,
.btn-check:checked+.btn.btn-active-color-primary,
.btn.btn-active-color-primary.active,
.btn.btn-active-color-primary.show,
.btn.btn-active-color-primary:active:not(.btn-active),
.btn.btn-active-color-primary:focus:not(.btn-active),
.btn.btn-active-color-primary:hover:not(.btn-active),
.show>.btn.btn-active-color-primary {
    color: var(--primary-color) !important;
}

.btn-check:active+.btn.btn-active-color-primary .svg-icon,
.btn-check:active+.btn.btn-active-color-primary i,
.btn-check:checked+.btn.btn-active-color-primary .svg-icon,
.btn-check:checked+.btn.btn-active-color-primary i,
.btn.btn-active-color-primary.active .svg-icon,
.btn.btn-active-color-primary.active i,
.btn.btn-active-color-primary.show .svg-icon,
.btn.btn-active-color-primary.show i,
.btn.btn-active-color-primary:active:not(.btn-active) .svg-icon,
.btn.btn-active-color-primary:active:not(.btn-active) i,
.btn.btn-active-color-primary:focus:not(.btn-active) .svg-icon,
.btn.btn-active-color-primary:focus:not(.btn-active) i,
.btn.btn-active-color-primary:hover:not(.btn-active) .svg-icon,
.btn.btn-active-color-primary:hover:not(.btn-active) i,
.show>.btn.btn-active-color-primary .svg-icon,
.show>.btn.btn-active-color-primary i {
    color: var(--primary-color) !important;
}

.btn-check:active+.btn.btn-active-color-primary.dropdown-toggle:after,
.btn-check:checked+.btn.btn-active-color-primary.dropdown-toggle:after,
.btn.btn-active-color-primary.active.dropdown-toggle:after,
.btn.btn-active-color-primary.show.dropdown-toggle:after,
.btn.btn-active-color-primary:active:not(.btn-active).dropdown-toggle:after,
.btn.btn-active-color-primary:focus:not(.btn-active).dropdown-toggle:after,
.btn.btn-active-color-primary:hover:not(.btn-active).dropdown-toggle:after,
.show>.btn.btn-active-color-primary.dropdown-toggle:after {
    color:  var(--primary-color) !important;
}



.menu-arrow-primary .menu-item .menu-link .menu-arrow:after {
    mask-repeat: no-repeat;
    mask-position: center;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center;
    background-color:  var(--primary-color) !important;
    -webkit-mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--bs-text-primary%29'%3e%3cpath d='M2.72011 2.76429L4.46358 1.02083C4.63618 0.848244 4.63617 0.568419 4.46358 0.395831C4.29099 0.223244 4.01118 0.223244 3.83861 0.395831L1.52904 2.70537C1.36629 2.86808 1.36629 3.13191 1.52904 3.29462L3.83861 5.60419C4.01117 5.77675 4.29099 5.77675 4.46358 5.60419C4.63617 5.43156 4.63617 5.15175 4.46358 4.97919L2.72011 3.23571C2.58994 3.10554 2.58994 2.89446 2.72011 2.76429Z'/%3e%3c/svg%3e");
    mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--bs-text-primary%29'%3e%3cpath d='M2.72011 2.76429L4.46358 1.02083C4.63618 0.848244 4.63617 0.568419 4.46358 0.395831C4.29099 0.223244 4.01118 0.223244 3.83861 0.395831L1.52904 2.70537C1.36629 2.86808 1.36629 3.13191 1.52904 3.29462L3.83861 5.60419C4.01117 5.77675 4.29099 5.77675 4.46358 5.60419C4.63617 5.43156 4.63617 5.15175 4.46358 4.97919L2.72011 3.23571C2.58994 3.10554 2.58994 2.89446 2.72011 2.76429Z'/%3e%3c/svg%3e");
    mask-repeat: no-repeat;
    mask-position: center;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center;
    background-color:  var(--primary-color) !important;
    -webkit-mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--bs-text-primary%29'%3e%3cpath d='M3.27989 3.23571L1.53642 4.97917C1.36382 5.15176 1.36383 5.43158 1.53642 5.60417C1.70901 5.77676 1.98882 5.77676 2.16139 5.60417L4.47096 3.29463C4.63371 3.13192 4.63371 2.86809 4.47096 2.70538L2.16139 0.395812C1.98883 0.22325 1.70901 0.22325 1.53642 0.395812C1.36383 0.568437 1.36383 0.84825 1.53642 1.02081L3.27989 2.76429C3.41006 2.89446 3.41006 3.10554 3.27989 3.23571Z'/%3e%3c/svg%3e");
    mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--bs-text-primary%29'%3e%3cpath d='M3.27989 3.23571L1.53642 4.97917C1.36382 5.15176 1.36383 5.43158 1.53642 5.60417C1.70901 5.77676 1.98882 5.77676 2.16139 5.60417L4.47096 3.29463C4.63371 3.13192 4.63371 2.86809 4.47096 2.70538L2.16139 0.395812C1.98883 0.22325 1.70901 0.22325 1.53642 0.395812C1.36383 0.568437 1.36383 0.84825 1.53642 1.02081L3.27989 2.76429C3.41006 2.89446 3.41006 3.10554 3.27989 3.23571Z'/%3e%3c/svg%3e")
}