/*side panel*/
.th-bg-nma {
    background: #0150AD;
}

.sidebar .nav-item .nav-link {
    color: #ffffff;
    font-family: 'Source Sans Pro', serif;
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
}

.sidebar .nav-item .nav-link i {
    color: #ffffff;
    font-size: 16px;
    line-height: 24px;
}

/*.sidebar .nav-item .nav-link:focus,*/
.sidebar .nav-item .nav-link:active, .sidebar .nav-item .nav-link:hover {
    color: #ffffff;
    font-weight: 700;
    background: #1B6ED0;
    border-radius: 4px 0 0 4px;
}

.sidebar .nav-item a[aria-expanded="true"] {
    font-weight: 700;
    background: #1B6ED0;
    border-radius: 4px 0 0 0;
}

.sidebar .nav-item div{
    background: #1563BE;
}

.sidebar .nav-item .collapse .collapse-inner .collapse-item, .sidebar .nav-item .collapsing .collapse-inner .collapse-item {
    padding: 0.5rem 1rem;
    margin: 0 0;
    display: block;
    color: #ffffff;
    text-decoration: none;
    border-radius: 0.35rem;
    white-space: nowrap;
}

.sidebar .nav-item .collapse .collapse-inner .collapse-item:hover, .sidebar .nav-item .collapsing .collapse-inner .collapse-item:hover {
    background-color: #1563BE;
    font-weight: 700;
}

.sidebar .nav-item .collapse .collapse-inner .collapse-item.active, .sidebar .nav-item .collapsing .collapse-inner .collapse-item.active {
    color: #ffffff !important;
}

.sidebar .th-sidebar-brand{
    margin: 27px 38px 4px;
}

.sidebar .th-sidebar-caption{
    margin-bottom: 30px;
}

.sidebar-divider{
    color: #ffffff;
    opacity: 0.23;
    border: 0.5px solid #FFFFFF;
    margin: 0 0 18px 0 !important;
}

.th-sidebar-brand-container {
    height: auto !important;
}

.th-navbar-ul{
    padding-left: 0;
    margin-bottom: 0;
    list-style: none;
}

.th-navbar-footer{
    position: absolute;
    bottom: 0;
    width: 104px;
    background-color: #1d50ad;
}

.th-profile-bottom-avatar{
    width: 48px;
    border-radius: 24px;
    border: 3px solid #FFFFFF;
    margin-right: 12px;
}

.th-navbar-footer .th-section{
    margin-left: 21px;
}

.th-mr21{
    margin-right: 21px;
}

.th-fs12{
    font-size: 12px;
}

.sidebar .nav-item .nav-link span{
    display: none;
}

.sidebar .th-info{
    display: none;
}

.sidebar .th-header-text {
    padding: 10px;
    color: #ffffff;
}

.sidebar .th-header-text h2{
    font-size: 40px;
    font-weight: bold;
    line-height: 0.8;
    margin-bottom: -6px;
    margin-top: 2px;
    transform: scale(1,0.7);
}

.sidebar .th-header-text h4{
    font-size: 24px;
    margin-bottom: 0px;
    text-transform: initial;
}

.sidebar .th-footer-text h2{
    font-weight: bold;
    line-height: 0.8;
    margin-bottom: -6px;
    margin-top: 2px;
    transform: scale(1,0.7);
}

.sidebar .th-footer-text h4{
    font-size: 17px;
    margin-bottom: 0px;
}

.sidebar .th-menu-wrapper{
    height: calc(100vh - 113px - 196px);
    overflow-y: scroll;
    -ms-overflow-style: none;  /* IE and Edge */
    scrollbar-width: none;  /* Firefox */
}

/* Hide scrollbar for Chrome, Safari and Opera */
.th-menu-wrapper::-webkit-scrollbar {
    display: none;
}

.th-dropdown-menu-sidebar{
    top: -13px !important;
    left: 17px !important;
}

.sidebar .nav-item .collapse{
    position: unset
}

.sidebar .dropdown-item {
    color: white;
    background-color: #0050a9;
    border: solid 1px #3d78bdf0;
}

.th-dropdown-menu-sidebar a:hover, .th-dropdown-menu-sidebar a:hover i {
    color: #0050a9 !important;
}

@media (min-width: 768px) {
    .sidebar, .th-navbar-footer {
        width: 300px !important;
    }

    .nav-item .nav-link{
        padding-bottom: 8px;
    }

    .sidebar .nav-item .nav-link span {
        font-size: 16px !important;
    }

    .sidebar .nav-item .nav-link {
        width: 279px;
        height: 45px;
        padding-top: 8px;
        padding-bottom: 8px;
    }

    .sidebar .nav-item .active:after {
        content:"\A";
        width:9px;
        height:9px;
        border-radius:50%;
        background: #ffffff;
        display:inline-block;
        float: right;
    }



    .sidebar .nav-item .collapse, .sidebar .nav-item .collapsing {
        margin-left: 21px;
        margin-right: 0;
        border-radius: 0 0 0 4px;
    }

    .sidebar .nav-item .collapse .collapse-inner {
        border-radius: 0 0 0 4px !important;
        box-shadow: none;
    }

    .sidebar .nav-item .nav-link, .sidebar .nav-item div:first-child {
        margin-left: 21px;
    }

    .sidebar .nav-item .nav-link span{
        display: inline;
    }

    .sidebar .th-info{
        display: inherit;
    }
}