:root {
    --bs-primary: #8cc540;
    --bs-primary-darker: color-mix(in srgb,var(--bs-primary),#000 15%);

    --bs-secondary: #27aae2;
    --bs-secondary-darker: color-mix(in srgb,var(--bs-secondary),#000 15%);
}

::-webkit-scrollbar-thumb {
    background-color: var(--bs-secondary) !important;
}


#main-navigation > ul > li a:hover i, #main-navigation > ul > li button:hover i, #main-navigation > ul > li.search-form:hover button i{
    color: var(--bs-primary) !important;
}
#main-navigation > ul > li .dropdown .dropdown-menu > ul{
    border-top: 1px solid var(--bs-primary) !important;
}

#main-navigation > ul > li .dropdown .dropdown-menu > ul a:hover{
    color: var(--bs-primary-darker) !important;
}

#header-slider .content .text strong{
    color: var(--bs-secondary);
}

#header-slider .content .text strong{
    color: var(--bs-secondary);
}


.knowledge-options .sort .form-select:hover{
    color: var(--bs-primary) !important;
}

.knowledge-overview .filters .filter-category:after{
    background: var(--bs-primary) !important;
}

.knowledge-overview .filters .filter-category > a:after{
    color: var(--bs-primary) !important;
}

.knowledge-overview .filters .filter-category .form-check input:checked{
    background: var(--bs-primary) !important;
    border-color: var(--bs-primary) !important;
}

.VuePagination > nav > ul > li.active .page-link{
    background-color: var(--bs-primary) !important;
    border-color: var(--bs-primary) !important;
}

.VuePagination > nav > ul > li .page-link:hover{
    background-color: var(--bs-primary) !important;
    border-color: var(--bs-primary) !important;
}

#portal-schoolgroup-admin-nav .nav-pills li a.active{
    background: var(--bs-primary) !important;
    color: #fff !important;
}

#portal-schoolgroup-admin-nav .nav-pills li a.active:hover{
    color: #fff !important;
}

#portal-schoolgroup-admin-nav .nav-pills li a.active i{
    color: #fff !important;
}

#portal-schoolgroup-admin-nav .nav-pills li a i{
    color: var(--bs-primary) !important;
}

#portal-schoolgroup-admin-nav .nav-pills li a:hover{
    color: var(--bs-primary) !important;
}

body.portal-login.has-schoolgroup .outer-wrapper,
body.portal-login.has-schoolgroup .main-wrapper {
    background-color: var(--bs-primary)
}

body.portal-login.has-schoolgroup .login-form .btn-secondary {
    background-color: var(--bs-secondary) !important;
    border-color: var(--bs-secondary) !important;
}