[data-role="sidemenu"] {
  overflow: scroll;
  position: fixed;
  top: 0;
  width: 280px;
  height: 100%;
  background-color: #111;
  font-size: 14px;
  z-index:99999;
}

[data-role="sidemenu"] ul {
  list-style: none;
  margin: 0 0 20px;
  padding: 0;
	
}

[data-role="sidemenu"] ul ul{
  list-style: none;
  margin: 0 0 5px;
  padding: 0;
	
}

[data-role="sidemenu"] li {

	  border-bottom: 1px solid #222;

}
[data-role="sidemenu"] ul ul li {

	  border-bottom: none;

}

[data-role="sidemenu"] li a {
  display: block;
  padding: 12px 20px;
  color: #eee;
  text-decoration: none;
	font-size: 12pt;
	
}

[data-role="sidemenu"] a:hover {
  color: #ccc;
}

[data-role="sidemenu"] .divider {
  height: 20px;
}




/*
[data-role="sidemenu"] li.active{
  	border-bottom: 1px solid #222;
	background-color: rgba(2, 67, 95, 1);
	width: 100%;
	color: #fff;
}
[data-role="sidemenu"] li.active a, [data-role="sidemenu"] li:hover a{
	text-decoration: none !important;
}


[data-role="sidemenu"] .divider {
	height: 20px;
}
*/

[data-role="sidemenu"] ul li ul li a{
	padding: 5px 10px 5px 40px;
		font-size: 10pt;
		font-weight: 300;


}