/* 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: 8px;
    padding-right: 8px;
}

.navMenu {
	animation: dropdownpopup 0.2s forwards;
    position: fixed;
    z-index: 999999;
    background-color: white;
    border-radius: 5px;
    /* border: 1px solid #c2bebe; */
    box-shadow: 0px 0px 10px 0px #c2c2c2;
    transition: max-height 0.4s, opacity 0.15s;
    overflow-y: hidden;
    font-weight: normal;
    transform-origin: top;
    text-align: left;
    font-size: 12pt;
}

.navMenu table {
	margin: 8px;
}

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


.navMenuItem td {
	padding: 3px;
	padding-top: 6px;
	padding-bottom: 6px;
}

.navMenuItem {
	vertical-align: middle;
}

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

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

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

.navMenuRow {
	font-weight: normal;
	cursor: pointer;
}

.navMenuRow:hover {
	font-weight: normal !important;
}

.wffNav .dynNav .navItem {
		padding: 0px;
		margin-left: 15px;
/*		width: calc(100% - 25px); */
		position: relative;
		/* overflow: hidden; */
	}
	
.wffNav .dynNav .navItem:hover {
	}
	
.wffNav .dynNav > .navAlert > .navBox {
		color: #e11010 !important;
	}
	
.wffNav .navSelected > .navBox {
		background-color: white;
		color: black;
		opacity: 1;
	/*	border: 1px solid #e1e1e1; */
	}
	
.wffNav {
    	position: fixed;
    	margin-left: 0px;
    	z-index: 9990;
    	background-color: #f6f6f6;		
		padding: 10px;
		width: 300px;
		border-radius: 15px;
	/*	border-right: 1px solid #dfdfdf; */
	}
	
.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: calc(100% - 10px);
		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;
	}