#sidenav { margin-bottom:10px; }
#sidenav ul { position:relative; font-size: 12px; margin:0px; padding:0px; list-style: none; }
#sidenav ul li { display: block; position: relative; border-top:1px solid #f7f7f7; background:#eeeeee; transition:background 0.4s linear;}
#sidenav li ul { display: none; }
#sidenav ul li a { display: block; text-decoration: none; color: #383838; border-bottom:1px solid #d3d3d3; padding:12px 15px 12px 15px; margin-left: 1px; white-space: nowrap; }
#sidenav ul li a:hover,#sidenav .active { background: #5f97bc; color:white; transition:background 0.4s linear;}
#sidenav .active a { color:white; }
#sidenav li:hover ul { display: block; position:absolute; left:160px; top:0px; z-index:900;}
#sidenav li:hover li 
{ 
	float: none; font-size: 12px; 
	border-left:0px; border-right:0px; 
	width:200px; 
	-webkit-box-shadow: 0 1px 3px rgba(0,0,0,.3);
	-moz-box-shadow: 0 1px 3px rgba(0,0,0,.3);
	box-shadow: 0 1px 3px rgba(0,0,0,.3);	
}
#sidenav li:hover a 
{ 
	background: #eeeeee;
	-webkit-box-shadow: 0 1px 3px rgba(0,0,0,.3);
	-moz-box-shadow: 0 1px 3px rgba(0,0,0,.3);
	box-shadow: 0 1px 3px rgba(0,0,0,.3);
}
#sidenav li:hover li a:hover { background: #1c1a1a; }