.nav-bar {margin-top: 5px;}

#nav { float:left;width: 100%;}
#nav .collapsing{transition:height .1s}

/************** ALL LEVELS  *************/ /* Style consistent throughout all nav levels */
#nav li { position:relative; text-align:left; }
#nav li.over { z-index:99; }
#nav li.active { z-index:100; } /* to prevent the li separator from showing through on mouseover on li */
#nav a,
#nav a:hover { display:block; text-decoration:none; }
#nav span { display:block; /*cursor:pointer;*/ }
#nav a { line-height:1.3em; }

#nav li img.icon-item-menu{float: left;max-width: 18px;margin-right: 10px;}

/************ 1ST LEVEL  ***************/
#nav li { float:left; width: 100%;  }
#nav li.active {background: #f7f7f7;padding: 18px 0;box-shadow: inset 4px 0 0 #007bff;}
#nav li.active a.active{background-color: rgba(158,158,158,0.2);color: #0052CC;}
#nav li.active em { display:block; position:absolute; top:0; right:-1px; width:3px; height:27px; background:url(images/nav1_active.gif) no-repeat 100% 0; }
#nav a { float:left; width: 93%;margin: 0 3%;padding:10px; color:#000;border-radius: 3px;}
#nav a:hover {background-color: rgba(158,158,158,0.2);}
#nav li.over a { color:#d6e2e5; }


/************ 1ST LEVEL RESET ************/
#nav ul li,
#nav ul li.active {padding-left: 10px;margin-top: 3px;}
#nav ul a,
#nav ul a:hover { float:none; padding:0; line-height:1.3em; }
#nav ul li.over a,
#nav ul li.over a:hover,
#nav ul a,
#nav li.active li {}


/************ 2ND LEVEL ************/
#nav ul {}
#nav ul ul  {}

/* Show menu */
#nav li.over ul { }
#nav li.over ul ul {}
#nav li.over ul li.over ul {}

#nav ul li {}
#nav ul li a { }
#nav ul li a:hover { background-color: rgba(158,158,158,0.2); }
#nav li.over ul a,
#nav ul li.active a,
#nav ul li a,
#nav ul li a:hover { color:#2f2f2f; }
#nav ul span,
#nav ul li.last li span {}
#nav ul li.last span,
#nav ul li.last li.last span { background:none; }
#nav ul li.last { padding-bottom:3px; }

#nav > li.parent > a,
#nav ul li.parent a,
#nav ul li.parent li.parent a,
#nav ul li.parent li.parent li.parent a{ background-image:url(images/nav2_parent_arrow.gif); background-position:100% 100%; background-repeat:no-repeat; }
#nav ul li.parent li a,
#nav ul li.parent li.parent li a,
#nav ul li.parent li.parent li.parent li a { background-image:none; }

/************ 3RD+ LEVEL ************/
/* Cursors */
#nav li.parent a,
#nav li.parent li.parent a,
#nav li.parent li.parent li.parent a {}

#nav li.parent li a,
#nav li.parent li.parent li a,
#nav li.parent li.parent li.parent li a { padding: 10px;}

/* Show menu */
#nav ul ul ul {}
#nav li.over ul li.over ul ul {}
#nav li.over ul li.over ul li.over ul { }

.nav-bar:after { content:"."; display:block; clear:both; font-size:0; line-height:0; height:0; overflow:hidden;  }

/**************************************
    ICONS
**************************************/
#nav li a:before{float: left;width: 25px;}
#nav li a.fas:before,#nav li i.fas:before{font-family: 'Font Awesome 5 Free';}
#nav li a.fab:before,#nav li i.fab:before{font-family: 'Font Awesome 5 Brands';}


/**************************************
	SECOND LEVEL ICONS
***************************************/
#nav li .system i:before, #nav li .system + #system i:before {color: #509555;}
#nav #system #system_children_deep_tools i:before {color: #69737f;}