.topbar-nav {
    background: #31105a;
	/*position:fixed;*/
	width:100%;
	top: 0;
/*	left: 0;
	z-index: 100;*/	
}
.topbar-nav ul {
    padding: 0;
    margin: 0;
    list-style: none;
    background: #1f1729;
}
.topbar-nav .metismenu {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;

    /*max-height: var(--jbcore-top-menu-height);*/
    min-height: var(--jbcore-top-menu-height);
}
.topbar-nav .metismenu > li {
    -webkit-box-flex: 1;
        -ms-flex: 1 1 0%;
            flex: 1 1 0%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    position: relative;
}

.topbar-nav .metismenu a {
    position: relative;
    display: block;
    padding: 1rem;
    color: #adb5bd;
    outline-width: 0;
    transition: all .3s ease-out;
}

.topbar-nav .metismenu a i.fa {
	margin-right:0.3rem;
}


.topbar-nav .metismenu a:hover,
.topbar-nav .metismenu a:focus,
.topbar-nav .metismenu a:active {
    color: #f8f9fa;
    text-decoration: none;
    background: #0b7285;
}

@media (max-width: 1100px){
    div.navbar-collapse {
        overflow: auto;
        max-height: 100vh;
        height: calc(100vh - (var(--jbcore-top-menu-height) + 5rem));
    }
}

#bottom_status{
    display: none;
}
@media (min-width: 1100px){
    .topbar-nav .metismenu {
        flex-direction: row;
    }
    .topbar-nav .metismenu > li {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
    }
    .topbar-nav .metismenu > li > ul {
        position: absolute;
        top: 100%;
        min-width: 15rem;
        z-index: 1001;
        max-height: calc(100vh - (var(--jbcore-top-menu-height) + 5rem));
        overflow: auto;
    }
    #bottom_status{
        display: inherit;
    }    
}

#menu li span{
	max-height: 55px;
	overflow: hidden;
}

nav>div>ul>li>ul>li ul{
    margin-left:2rem !important;
    border-left: 1px solid #38389d;
}