.sidebar.sidebar-with-footer {
    background-color: #F2F3F4;
}

.app-brand .logo {
    width: 39px;
    height: 39px;
    background-color: #ffffff;
    border-radius: 50%;
    padding: 1px;
}

.app-brand a {
    background-color: #F2F3F4;
    width: 263px;
}

.app-brand .brand-name {
    color: #000000;
    font-size: 0.875rem;
}

.no-sub {
    cursor: pointer;
}

header.mobile-header {
    display: none;
}

.sidebar .sidebar-inner > li > a {
    color: #343434;
    display: flex;
    justify-content: start;
    align-items: center;
    height: 48px;
    font-size: 1rem;
}

.sidebar-footer {
    width: 100%;
}

.sidebar .sidebar-inner > li > a svg {
    margin-right: 10px;
}

.sidebar .sidebar-inner > li > a svg path {
    stroke: #343434;
}

.sidebar .sidebar-inner > li.active > a svg path {
    stroke: #ffffff;
}

.sidebar .sidebar-inner > li.active > a {
    background-color: #0832DE;
    border-radius: 15px;
}

@media only screen and (max-width: 768px) {
    header.mobile-header {
        display: block;
    }
}

.active-svg svg path,
.active-svg svg circle {
    stroke: white !important;
}

.active-svg svg text {
    fill: white !important;
}

.active-svg svg g path {
    fill: white !important;
}

.active-svg svg path {
    filter: invert(1) !important;
}

.sub-link-active{
    background-color: #0832DE;
    border-radius: 15px;
}

.sub-link-active .nav-text{
    color: #ffffff !important;
}

.cursor-pointer{
    cursor: pointer;
}


.page-item.active .page-link {
    z-index: 3;
    color: #ffffff;
    background-color: #0832DE;
    border-color: #0627b0;
}

.bg-light-blue{
    background-color:#CDD7F8 !important;
}