#container-nav{
	min-width: 250px;
	font-size:14px;
	font-weight:300;
	background-color: #364150;
	position:relative;
	z-index:4;
}

#nav h3{
	color:#B4BCC8;
	padding:15px 20px 5px 20px;
}

#nav ul {
	list-style-type:none;
	padding:0;
	margin:0;
}

#nav ul ul{
}

#nav > ul > li > a span:first-of-type{
	font-size:16px;
	margin-right:6px;
}

#nav > ul > li > a span.ls{
	text-align: right;
	flex-grow: 1;
}

#nav > ul > li > a span.ls:not(.visible){
	display:none;
}


#nav > ul ul > li > a span:first-of-type{
	font-size:14px;
	margin-right:3px;
}

#nav > ul > li > a{
	border-top:1px solid #3D4957;
}

#nav > ul > li:last-child > a{
	border-bottom:1px solid #3D4957;
}

#nav a{
	color: #B4BCC8;
	display:block;
	cursor:pointer;
	padding:10px 20px;
	display:flex;
}

#nav > ul ul a{
	background: transparent;
	margin-top:1px;
	padding:7px 10px 7px 35px;
	height:33px;
}

#nav > ul ul > li:first-child a{
	margin-top:11px;
}

#nav > ul ul > li:last-child a{
	margin-bottom:10px;
}

#nav > ul ul a:hover{
	background: #3E4B5C;
}

#nav > ul ul li.act > a{
	background: #3E4B5C;
}

#nav a > *{
	line-height:20px;   
}

#nav > ul > li[data-menu-actual] > a{
	background: #2C3542;
}

#nav a:hover{
	background: #2C3542;
}

#nav a:active,#nav a:hover,#nav a:link{
	text-decoration:none;
}

#nav .fa{
	width: 18px;
}

#nav li.active > a{ 
	background: #1CAF9A !important;
	color:white;
}

#nav > ul ul {
	height: 0;
	overflow: hidden;
	transition: all .2s ease-in-out;
}

#nav > ul > li.pre-active > ul {
	transition: none;
}


#nav > ul ul[data-menu-actual]{
	display:block;
}

#nav > ul > li[data-n='0']{
	display:none;
}

#nav > ul > li[data-menu-actual][data-n='1'] > ul{
	height:54px;
}

#nav > ul > li[data-menu-actual][data-n='2'] > ul{
	 height:88px;
}

#nav > ul > li[data-menu-actual][data-n='3'] > ul{
	height:122px;
}

#nav > ul > li[data-menu-actual][data-n='4'] > ul{
	height:156px;
}

#nav > ul > li[data-menu-actual][data-n='5'] > ul{
	height:190px;
}

#nav > ul > li[data-menu-actual][data-n='6'] > ul{
	height:224px;
}

#nav > ul > li[data-menu-actual][data-n='7'] > ul{
	height:258px;
}

#nav > ul > li[data-menu-actual][data-n='8'] > ul{
	height:292px;
}

#nav > ul > li[data-menu-actual][data-n='9'] > ul{
	height:326px;
}

#nav > ul > li[data-menu-actual] > ul[data-n='10']{
	height:360px;
}

#status{
	padding:20px;
	text-align:right;
}


#container-nav.compact #status{
	text-align:center;
	padding:20px 0;
}

#container-nav.compact h3{
	display:none;
}

#container-nav.compact{
	min-width:45px;
	width:45px;
}

#container-nav.compact #nav > ul > li > a{
	position:relative;
	padding:10px 15px;

}

#container-nav.compact #nav > ul > li > a > span:not(.icon){
	display:none;
}

#container-nav.compact #nav > ul ul{
	margin-left:46px;
	background-color: #364150;
	box-shadow: 5px 5px rgba(44, 53, 66, 0.2)
}

#container-nav.compact #nav > ul > li:hover > a > span:nth-of-type(2){
	display:inline-block;
}

#container-nav.compact #nav > ul > li:hover{
	width:250px;
	position:relative;

}

#container-nav.compact #nav > ul > li ul{
	height:0;
}

#container-nav.compact #nav > ul > li:hover ul{
	position: absolute;
	height: auto;
}

#container-nav.compact #nav > ul > li:hover >a{
	background: #2C3542;
	box-shadow: 5px 5px rgba(44, 53, 66, 0.2)
}

#container-nav.compact #nav > ul ul > li > a{
	padding:5px 10px 5px 10px;
}

#container-nav.compact #nav > ul ul > li a{
	margin:1px 0 0 0;
	width:204px;
}

#container-nav.compact #nav > ul > li.active > a{
	border-top:1px solid transparent;
}

#nav > ul > li[data-menu-actual] > a .menu-notification{
	visibility:hidden;
}


#container-nav.compact #nav > ul > li > a > .menu-notification{
	margin-left: -17px;
    margin-top: -6px;
}
#container-nav.compact #nav > ul > li:hover > a > .menu-notification{
	visibility:hidden;
}

#container-nav.compact #nav > ul > li > a > .menu-notification{

}