/*
nav.profile-header{
    height: 50px;
}
*/
.wrap-navbar {
    border-bottom: 1px solid #ddd;
}
.navbar{
    display: flex;
    justify-content: space-between;
    max-width: 1180px;
    margin: 0 auto;
}

.dropdown-item {
    padding: .1rem 1.5rem;
    font-size: .95rem;
}

.profile-header .navbar-collapse{
    flex-grow: unset;
}



.navbar-brand {
    width: 160px;
}
.navbar-brand img {
  width: 100%;
}

.navbar-light .navbar-toggler {
    border: none;
}



.mobile-substrate{
    display: none;
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 100;
    /*display: flex;*/
    justify-content: space-between;
}

.mobile-menu{
    background-color: #FFFFFF;
    height: 100%;
    width: 30%;
    min-width: 290px;
    padding-top: 10px;
}

.mobile-menu div.menu-item{
    margin: 18px 0;
    white-space: nowrap;
}

.mobile-menu i{
    margin: 0 15px 0 20px;
    color: #969696;
    font-size: 23px;
}

.mobile-menu a{
    color: #333333;
    margin-bottom: 3px;
}

.mobile-menu a:hover{
    text-decoration: none;
}

.substrate{
    opacity: .3;
    background-color: #333333;
    width: 70%;
    height: 100%;
}

div.legend{
    width: 100%;
    color: #808080;
    text-align: center;
    font-size: 14px;
    margin: 5px 0;
}

.navbar.profile-header{
    align-items: flex-end;
}

.user-description {
    font-size: 12px;
    color: #666;
    text-align: right;
}

@media all and (min-width: 992px) {
	.profile-header .navbar-collapse ul, .profile-header .navbar-collapse ul li{
        margin: 0 10px;
    }
    
    .mobile-substrate, .mobile-toggler{
        display: none;
    }
}

@media all and (max-width: 992px) {
    .navbar-brand {
        margin-left: 1rem;
    }
    /*
	.navbar-expand-lg{
	   justify-content: start;
	}
    */
    /*
    .comp-menu, .comp-toggler{
        display: none;
    }*/
    .comp-menu{
        display: none;
    }
    
}
@media all and (max-width: 767px){
    .navbar-brand {
    width: 140px;
}
}