.navbar {
    padding-top: 0 !important;
}

    .navbar .navMenuH2 {
        font-size: 2.75rem;
        padding: 1.5rem 0 0 1rem;
        margin: 0;
        color: #cecece;
        font-family: 'Vazirmatn';
        width: 100%;
        height: 100%;
        background: #f5f5f5;
    }

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

.sidebarlinks {
    list-style: none;
    margin-bottom: 0 !important;
    padding: 1rem 1rem 2rem .7rem;
    background: #f5f5f5;
    width: 100%;
    /* border-top-right-radius: 1rem; */
    border-bottom-right-radius: 3rem;
    border-bottom-right-radius: 2rem;
    overflow: hidden;
    /* border: 1px solid #314b6a; */
    box-shadow: 3px 4px 3px rgba(0, 0, 0, 0.15);
    z-index: 1;
}

    .sidebarlinks .active {
        border-left: .75rem solid #567e9a;
        background: #d8e0e5;
        font-weight: bold;
    }

    .sidebarlinks .accordion {
        border: none;
        margin: 0;
        padding: 0;
    }

    .sidebarlinks li, .navbar .accordion-content a.nav-link.subLevel {
        /* border-bottom: 1px solid rgb(48 75 106 / 48%); */
        /* margin: 0 .25rem 0 1.5rem; */
    }

        .sidebarlinks li.nav-item .nav-link {
            padding-left: 1em;
            width: 100%;
            border-bottom: 1px solid rgb(48 75 106 / 35%);
        }

        .sidebarlinks li.nav-item .accordion-content .nav-link {
            border-bottom: 1px solid rgb(48 75 106 / 35%) !important;
        }


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

    .sidebarlinks a, .sidebarlinks a:focus, .sidebarlinks span {
        display: block;
        padding: 1.7rem 1rem 1.3rem 0;
        /* line-height: 1; */
        /* font-size: 16px; */
        text-decoration: none;
        /* color: #fff; */
        color: #333;
        transition: all 0.3s ease;
        letter-spacing: .01rem;
    }

        .sidebarlinks a:hover, .sidebarlinks a.nav-link:hover {
            background: rgb(86 126 154 / 20%);
            color: #333;
            font-weight: bold;
            padding-left: 2rem;
            /* border-right: 1px solid #fff; */
        }

    .sidebarlinks li.nav-item:last-child .nav-link {
        border-top: 0;
        border-right: 0;
        border-bottom: 0;
    }

    .sidebarlinks li.nav-item .nav-link.current {
        border-left: .75rem solid #567e9a;
        background: #d8e0e5;
        font-weight: bold;
    }


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

.sub-menu {
    list-style: none;
    padding-left: 0;
    background: #ededed;
}

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

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

.sidebarlinks,
.sub-menu,
.sidebarlinks ul {
    margin: 0;
    padding: 0;
}

.mobileNavMenu {
    display: none;
}


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

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

   
    .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: 100%;*/
        align-self: stretch;
        flex-direction: column;
        border-bottom: 1px solid rgb(48 75 106 / 35%);
    }

    .navbar .accordion-header::after {
        height:auto;
        align-items: stretch;
    }

.navbar .sidebarlinks .accordion:last-child .accordion-header.active:after,
.navbar .sidebarlinks .accordion:last-child .accordion-header:not(.active):after {
    /* color: #fff !important; */
    border-bottom: unset;
}

.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;
    margin-top: 0 !important;
}

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

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




/* RESPONSIVE */

/* Extra large desktops */
@media (max-width: 1400px) {
}

/* Large desktops */
@media (max-width: 1200px) {
}

@media (max-width: 1080px) {
    .navbar {
        width: 15rem;
        font-size: .9rem;
        min-width: 15rem;
        padding-top: 0;
        flex: 0 0 15rem;
        margin-bottom: 0;
    }

    .sidebarlinks {
        list-style: none;
        margin-bottom: 0 !important;
        padding: 0 .7rem;
        margin-top: 0;
    }

        .sidebarlinks a, .sidebarlinks a:focus, .sidebarlinks span {
            padding: 1.2rem 1rem .9rem 0;
        }

    .contentBody {
        padding: 0;
    }

    /* .contentBody .menuInseam {
            display: none;
        }
}*/

    /* Small desktops / large tablets */
    @media (max-width: 992px) {
    }

    /* Tablets */
    @media (max-width: 768px) {
        .navbar .navMenuH2 {
            display: none;
        }

        .navbar {
            width: 100%;
            min-width: 100%;
            flex: 0 0 100%;
            position: relative;
            border-radius: 0;
        }


        .sub-menu {
            padding-left: 0;
        }

            .sub-menu a {
                padding-left: 2rem;
            }

        .navbar .mobileNavMenu {
            list-style: none;
            margin: 0;
            padding: 0;
            background: var(--cc-navBlue);
            cursor: pointer;
            justify-content: center;
            flex: 1 1 100%;
            align-items: center;
            display: flex;
            flex-direction: column;
        }

        .mobileNavMenu .mobile-level {
            padding: 1.5rem 1rem 1rem 1rem;
            border-top: 1px solid #7c8893;
            color: #fff;
            font-size: 1.1rem;
            display: flex;
            justify-content: space-between;
            align-items: center;
            width: 100%;
        }

        .mobileNavMenu.open .mobile-level::after {
            transition: transform .2s ease;
            transform: rotate(180deg);
        }

        .sidebarlinks {
            border-radius: 0;
        }
    }

    /* Large phones */
    @media (max-width: 576px) {
        /*.navbar {
    background:#fff;
    }
        .navbar .mobileNavMenu {
           background:#fff;
            margin: 0rem .5rem 0 0;*/

        /*border: 1px solid #567e9a;*/
        /*}*/
        /*  .mobileNavMenu .mobile-level {
        background: #f3f3f3;
        border: 0;
        color: #333;
        padding: 1.55rem 3rem 1.2rem 1rem;
        font-weight: bold;
        font-family: 'Vazirmatn';
        font-size: 1.35rem;
        letter-spacing: 1px;
        border: 1px solid #27415d;
        border-left: 1.1rem solid #567e9a;
        box-shadow: inset -2px -2px 4px rgba(0 0 0 / .25);
        border-bottom-right-radius: 4rem;
    }*/
        /* Small phones */
        @media (max-width: 480px) {
        }

        /* Very small devices */
        @media (max-width: 360px) {
        }