.theme-primary.light-skin .btn-primary,
.theme-primary.light-skin .btn-outline.btn-primary,
.theme-primary.light-skin .btn-primary-light,
.theme-primary.light-skin .badge-primary-light {
    background: var(--primary-color) !important;
    border-color: var(--primary-color) !important;
    color: white !important;
}

.theme-primary.light-skin .ribbon-box .ribbon-two-primary span {
    background: var(--primary-color) !important;
    border-color: var(--primary-color) !important;
    color: white !important;
}

.theme-primary.light-skin .btn-primary-light:hover,
.theme-primary.light-skin .btn-primary-light:active,
.theme-primary.light-skin .btn-primary-light:focus,
.theme-primary.light-skin .btn-primary:hover,
.theme-primary.light-skin .btn-primary:active,
.theme-primary.light-skin .btn-primary.active,
.theme-primary.light-skin .btn-primary:focus,
.theme-primary.light-skin .btn-primary.disabled,
.theme-primary.light-skin .badge-primary-light:hover {
    background: var(--primary-color) !important;
    border-color: var(--primary-color) !important;
    color: white !important;
}

.theme-primary.light-skin .text-primary,
.theme-primary.light-skin .sidebar-menu > li:hover,
.theme-primary.light-skin .box-controls .dropdown .dropdown-menu a:hover,
.theme-primary.light-skin .box-controls .dropdown .dropdown-menu a:active,
.theme-primary.light-skin .box-controls .dropdown .dropdown-menu a:focus,
.btn-outline.border-primary:active, .btn-outline.border-primary:focus {
    color: var(--primary-color) !important;
}

.theme-primary.light-skin .text-secondary-new {
    color: var(--primary-color) !important;
}

.theme-primary.light-skin .text-secondary-new:hover {
    color: var(--primary-color) !important;
}

.theme-primary.light-skin .form-control:focus {
    border-color: var(--primary-color) !important;
}

.theme-primary.light-skin .page-link.active,
.theme-primary.light-skin .active > .page-link {
    background: var(--primary-color) !important;
    border-color: var(--primary-color) !important;
}

.theme-primary.light-skin .bg-primary {
    background-color: var(--primary-color) !important;
}

.theme-primary.light-skin .bg-primary-light {
    background-color: #ebeaf6 !important;
}


.theme-primary.light-skin .breadcrumb-item + .breadcrumb-item::before,
.theme-primary.light-skin .text-primary,
.theme-primary.light-skin .content-header .breadcrumb .breadcrumb-item a,
.theme-primary.light-skin .content-header .breadcrumb,
.theme-primary.light-skin .text-primary {
    color: var(--primary-color) !important;
}

.theme-primary.light-skin [type="radio"]:checked + label:after,
.theme-primary.light-skin [type="radio"].with-gap:checked + label:before,
.theme-primary.light-skin [type="radio"].with-gap:checked + label:after {
    border: 2px solid var(--primary-color) !important;
}

.scroll_nav::-webkit-scrollbar-thumb {
    background-color: var(--primary-color) !important;
}

.theme-primary.light-skin .sidebar-menu li.active .treeview-menu li.active a,
.theme-primary.light-skin .sidebar-menu > li.active.treeview > a,
.theme-primary.light-skin .sidebar-menu li.active a:hover,
.theme-primary.light-skin .sidebar-menu li.active a > i,
.theme-primary.light-skin .sidebar-menu .link-sidebar.active a,
.theme-primary.light-skin.sidebar-mini.sidebar-collapse .sidebar-menu > li.active > a > span {
    color: var(--primary-color) !important;
}

.theme-primary.light-skin .sidebar-menu > li.active {
    color: var(--primary-color) !important;
}

.theme-primary.light-skin .sidebar-menu > li.active a,
.theme-primary.light-skin .sidebar-menu > li:hover a {
    color: var(--primary-color) !important;
}

.theme-primary.light-skin.sidebar-mini.sidebar-collapse .sidebar-menu > li.active > a > span {
    background-color: rgba(81, 86, 190, 0) !important;
}

.theme-primary.light-skin .hover-primary:hover,
.theme-primary.light-skin .sidebar-menu > li > a > i:hover,
.theme-primary.light-skin .sidebar-menu li a:hover,
.user-body .dropdown-item:hover,
.text-blue,
.nav-item a:hover,
.theme-primary.light-skin .sidebar-menu > li.treeview.menu-open:hover,
.theme-primary.light-skin .sidebar-menu .treeview.menu-open .treeview-menu li:hover,
.theme-primary.light-skin .sidebar-menu .link-sidebar:hover,
.theme-primary.light-skin .sidebar-menu > li.treeview .treeview-menu li a:hover {
    color: var(--primary-color) !important;
}

.theme-primary.light-skin .sidebar-menu .link-sidebar:hover a {
    color: var(--primary-color) !important;
}

/*.box-body a:hover {*/
/*    color: var(--primary-color) !important;*/
/*}*/

.theme-primary.light-skin .border-primary {
    border-color: var(--primary-color) !important;
}

.theme-primary.light-skin .nav-pills > li > a.active {
    border-top-color: var(--primary-color) !important;
    background-color: var(--primary-color) !important;
}

.nav-tabs-custom .nav li a.active {
    border-top-color: var(--primary-color) !important;
}

.theme-primary.light-skin .nav-pills > li > a.active:hover,
.theme-primary.light-skin .nav-pills > li > a.active:focus,
.theme-primary.light-skin .pagination li a:hover,
.page-link.active, .active > .page-link:hover {
    background-color: var(--primary-color) !important;
    border-color: var(--primary-color) !important;
    color: #ffff !important;
}

.theme-primary.light-skin [type=radio]:checked + label:after {
    background-color: var(--primary-color) !important;
    border-color: var(--primary-color) !important;
}

@media (max-width: 767px) {
    .sidebar-menu,
    .theme-primary.light-skin .sidebar-menu li.treeview .treeview-menu li a,
    .theme-primary.light-skin.sidebar-mini.sidebar-collapse .sidebar-menu li.menu-open > a,
    .theme-primary.light-skin .treeview .treeview-menu,
    .theme-primary.light-skin .treeview .treeview-menu li.active {
        background: rgba(81, 86, 190, 0) !important;
        box-shadow: none !important;
    }

    .theme-primary.light-skin.sidebar-mini.sidebar-collapse .sidebar-menu > li.active > a,
    .theme-primary.light-skin.sidebar-mini.sidebar-collapse .sidebar-menu > li > a > span,
    .theme-primary.light-skin .sidebar-menu li.active .treeview-menu li.active a,
    .theme-primary.light-skin.sidebar-mini.sidebar-collapse .sidebar-menu > li.active > a > span {
        background: transparent !important;
        box-shadow: none !important;
    }

    .theme-primary.light-skin.sidebar-mini.sidebar-collapse .sidebar-menu > li.active > a > span {
        color: #ffff !important;
    }
}

.theme-primary.light-skin .nav-tabs .nav-link.active,
.theme-primary.light-skin .nav-tabs .nav-link.active:focus,
.theme-primary.light-skin .nav-tabs .nav-link.active:hover {
    border-bottom-color: var(--primary-color);
    background-color: var(--primary-color);
}

.theme-primary.light-skin .badge-primary {
    background-color: var(--primary-color);
}

.bt-10-primary {
    border-top: 10px solid var(--primary-color);
}

.bt-9-primary {
    border-top: 9px solid var(--primary-color);
}

.bt-8-primary {
    border-top: 8px solid var(--primary-color);
}

.bt-7-primary {
    border-top: 7px solid var(--primary-color);
}

.bt-6-primary {
    border-top: 6px solid var(--primary-color);
}

.bt-5-primary {
    border-top: 5px solid var(--primary-color);
}

.bt-4-primary {
    border-top: 4px solid var(--primary-color);
}

.bt-3-primary {
    border-top: 3px solid var(--primary-color);
}

.bb-10-primary {
    border-bottom: 10px solid var(--primary-color);
}

.bb-9-primary {
    border-bottom: 9px solid var(--primary-color);
}

.bb-8-primary {
    border-bottom: 8px solid var(--primary-color);
}

.bb-7-primary {
    border-bottom: 7px solid var(--primary-color);
}

.bb-6-primary {
    border-bottom: 6px solid var(--primary-color);
}

.bb-5-primary {
    border-bottom: 5px solid var(--primary-color);
}