/* HERE WE HAVE THE BACKGROUND TO CHAGE THE COLORS WITH JS */

/* BLACK */
.bg-black {
    background: black !important;
}

.bg-black>a, .cool-link>a {
    color: white !important;
}

.bg-black .cbp-hrmenu>ul>li>a, #pseudo-li {
    color: white !important;
}

.bg-black .cool-link::after, .cool-sidemenu-selected-black::after, .cool-link-selected-black::after {
    background: #f7b81f;
    /* width: 100%; */

}




/*END BLACK */

/* GRAY */
.bg-gray {
    background: #eee !important;

}

.bg-gray img {
    filter: brightness(1) invert(1);
}

.bg-gray>a, .cool-link>a {
    color: #6c6c6c !important;
}

.bg-gray .cbp-hrmenu>ul>li>a, #pseudo-li {
    color: #6c6c6c !important;
}

.bg-gray .cool-link::after, .cool-sidemenu-selected-gray::after, .cool-link-selected-gray::after {
    background: #213665;
}

.bg-gray {
    color: #6c6c6c !important;
}

/* END GRAY  */

/* DARKBLUE */
.bg-darkblue {
    background: #213665 !important;

}

.bg-darkblue>a, .cool-link>a {
    color: white !important;
}

.bg-darkblue .cbp-hrmenu>ul>li>a, #pseudo-li {
    color: white !important;
}

.bg-darkblue .cool-link::after, .cool-sidemenu-selected-darkblue::after, .cool-link-selected-darkblue::after {
    background: #6c6c6c;
}

/* DARKBLUE */


/*SELECTED*/

.cool-link-selected::after{
    width: 100%;    
}

.cool-sidemenu-selected::after {
    width: 100%;
}


.cool-divsidemenu {
    width: 100%;
    background: #233546;
}