/* NAV CSS */


.sideNav ::-webkit-scrollbar {
  width: 10px;
}
.sideNav ::scrollbar {
  width: 10px;
}

.sideNav ::-webkit-scrollbar-track {  background: #f6f6f6; }

.sideNav ::scrollbar-track {  background: #f6f6f6; }
 
.sideNav ::-webkit-scrollbar-thumb {  background: #f0f0f0; }
.sideNav ::scrollbar-thumb {  background: #f0f0f0; }

.sideNav ::-webkit-scrollbar-thumb:hover {  background: #a0a0a0; }
.sideNav ::scrollbar-thumb:hover {  background: #a0a0a0; }

.wffNav .navBox .navAction {
	display: none;
}

.wffNav .navBox:hover .navAction {
	display: block;
    background-color: #eaeaea;
    padding-left: 3px;
    padding-right: 3px;
}

.navMenu {
	position: fixed;
	z-index: 999999;
	background-color: white;
	border-radius: 5px;
	border: 1px solid #c2bebe;
	padding: 5px;
	box-shadow: 5px 4px 10px 0px #c2c2c2;
	transition: max-height 0.4s, opacity 0.15s;
	overflow-y: hidden;
	font-weight: normal;
	text-align: left;
}

.wffNav .dynNavCont {
	max-height: 100%;
}


.navMenuItem td {
	padding: 3px;
}

.navMenuItem {
	vertical-align: middle;
}

.navMenuItem:hover {
	background-color: silver;
	color: black;
}

.navMenuSelected {
	background-color: silver;
	border: 1px solid #918f8f;
	color: black;
}

.navMenuItem hr {
    line-height: 1px;
    margin: 0px;
}

.wffNav .dynNav .navItem {
		padding: 0px;
		margin-left: 15px;
/*		width: calc(100% - 25px); */
		position: relative;
	}
	
.wffNav .dynNav .navItem:hover {
	}
	
.wffNav .dynNav > .navAlert > .navBox {
		color: #e81919 !important;
	}
	
.wffNav .navSelected > .navBox {
		background-color: white;
		color: black;
		opacity: 1;
		border: 1px solid #e1e1e1;
	}
	
.wffNav {
		border: 0px solid gray;
    	position: fixed;
    	margin-left: 0px;
    	z-index: 9990;
    	background-color: #f6f6f6;		
		padding: 10px;
		width: 300px;
		box-shadow: 0px 0px 2px grey;
	}
	
.wffNav .dynNavCont {
		overflow-y: scroll;
		height: auto;
		scrollbar-width: thin;
		position: relative;
		padding-right: 5px;	
	}
	
.wffNav .dynNav {
		list-style: none;
		cursor: pointer;
		margin: 0px;
    	padding: 0px;
    	transition: height 0.25s;
    	overflow-y: hidden;
    	height: auto;
	}
	
.wffNav .navBox {
		width: 100%;
		padding: 4px;
		font-weight: normal;
		display: inline-block;		
	}
	
.wffNav .navBox:hover {
		background-color: #eaeaea;
		text-decoration: none;
		border-bottom: 1px solid transparent;
		border: none;
	}
	
.wffNav .navExpanded {
		font-weight: bold;
	}
	
.wffNav  .dynNav .hasChildren::before {
	    content: '>';
	    position: absolute;
	    margin-left: -1.1em;
	    margin-top: 4px;
	    color: silver;
	}

.wffNav .dynNav .hasDrilldown::before {
	    content: '\01C1';
	    font-weight: bold;
	    position: absolute;
	    margin-left: -1.1em;
	    margin-top: 4px;
	    color: gray;
	}