.sidebar {
    min-width: 240px;
    border-right: 3px solid var(--cc-lightGrey);
    font-family: 'Roboto Flex', sans-serif;
    color: white;
}

.sidebarlinks {
    list-style: none;
    margin: 0;
    padding: 0;
    background: var(--cc-navBlue);
    width: 100%;
}

    .sidebarlinks li, .navbar .accordion-content a.nav-link.subLevel {
        border-bottom: 1px solid rgba(255, 255, 255, 0.5);
    }

        .sidebarlinks li.nav-item .nav-link {
            padding-left: 1em;
            width: 100%;
        }

            .sidebarlinks li.nav-item .nav-link.child {
                padding-left: .25em;
            }

    .sidebarlinks a, .sidebarlinks a:focus, .sidebarlinks span {
        display: block;
        padding: 12px 10px;
        font-size: 16px;
        text-decoration: none;
        color: #fff;
        transition: all 0.3s ease;
    }

        .sidebarlinks a:hover, .sidebarlinks a.nav-link:hover {
            background: rgba(255, 255, 255, 0.1);
            color: #fff;
            padding-left: 1.75em;
            border-right: 1px solid #fff;
        }

        .sidebarlinks span.current {
            /*background-color: rgba(124 175 255 / 15%);*/
            border-left: .8em solid var(--cc-yellowAccent);
            /* background: #172d4d; */
        }

        .sidebarlinks a.nav-link.subLevel {
            background-color: var(--cc-blueAccent01);
            margin-left: .5em;
        }

.sub-menu {
    list-style: none;
    padding-left: 20px;
    background: rgba(255, 255, 255, 0.05);
}

    .sub-menu a {
        display: block;
        padding: 10px 20px;
        font-size: 14px;
        color: #f0f0f0;
    }

        .sub-menu a:hover {
            padding-left: 25px;
        }


.navbar .accordion-section {
    border-bottom: 0;
}

.navbar .accordion-header {
    background: unset !important;
    padding: 0em !important;
    /* padding-right: 1em !important; */
    border-bottom: 0 !important;
    align-items: center;
}

    .navbar .accordion-header.active:after, 
    .navbar .accordion-header:not(.active):after {
        color: #fff !important;
        display: flex;
        flex: 0 0 2rem;
        justify-content: center;
        align-items: center;
        height: -webkit-fill-available;
        flex-direction: column;
    }

    .navbar .accordion-header:not(.active):hover::after,
    .navbar .accordion-header:not(.active):focus::after {
        background: rgba(255, 255, 255, 0.15);
    }


        .navbar .accordion-content {
            border-bottom: 0;
        }

.navGroup {
    display: flex !important;
    flex-direction: row;
}

.navbar .accordion-header .nav-link {
    color: #fff;
}