.bg-white{
    background-color: #ffffff !important;
}

.sidebar-size{
    position: fixed;
    width: 8.3%;
    font-size: 14px;
    z-index: 1;
    min-width: fit-content;
    box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.12);
}

.nav-pills{
    padding-top: 17px;
    background-color: #FFFFFF;
    color:#050505 !important;
    padding-top: 14px;
}

.nav-pills:hover{
    background-color: #C5DCFA !important;
    color:#0362DD !important;
}

.nav-pills.active{
    background-color: #1A4278 !important;
    color:white !important;
}

.round-right {
    border-top-right-radius: 0.75rem !important;
    border-bottom-right-radius: 0.75rem !important;
}

#pill-home:hover #home{
    content: url('/images/home-hover.png');
}

#home{
    content: url('/images/home-normal.png');
}

#pill-home.active #home{
    content: url('/images/home-focus.png');
}

#pill-courses:hover #courses{
    content: url('/images/courses-hover.png');
}

#courses{
    content: url('/images/courses-normal.png');
}

#pill-courses.active #courses{
    content: url('/images/courses-focus.png');
}

#pill-games:hover #games{
    content: url('/images/games-hover.png');
}

#games{
    content: url('/images/games-normal.png');
}

#pill-games.active #games{
    content: url('/images/games-focus.png');
}

#pill-tests:hover #tests{
    content: url('/images/tests-hover.png');
}

#tests{
    content: url('/images/tests-normal.png');
}

#pill-tests.active #tests{
    content: url('/images/tests-focus.png');
}

#pill-livesession:hover #livesession{
    content: url('/images/livesession-hover.png');
}

#livesession{
    content: url('/images/livesession-normal.png');
}

#pill-livesession.active #livesession{
    content: url('/images/livesession-focus.png');
}

#pill-stage:hover #stage{
    content: url('/images/stage-hover.png');
}

#stage{
    content: url('/images/stage-normal.png');
}

#pill-stage.active #stage{
    content: url('/images/stage-focus.png');
}

#pill-info:hover #info{
    content: url('/images/info-hover.png');
}

#info{
    content: url('/images/info-normal.png');
}

#pill-info.active #info{
    content: url('/images/info-focus.png');
}