/* ===============================================
Sidenav
================================================== */
/* .sidenav - all levels of nav */
.sidenav > .nav {background:#eee}
.sidenav > .nav > li {border-bottom:1px solid #fff}
.sidenav .nav > li > a {
  display: block;
  color: #716b7a;
  padding: 8px 20px;
  text-decoration: none;
}
.sidenav .nav li a i {
	opacity: 0.5;
}
.sidenav .nav li a:hover i {
	opacity: 1;
}
.sidenav .nav li ul {
	display: none;
}
.sidenav .nav li.open > ul {
	display: block;
	background: #f5f5f5;
}
.sidenav .nav > li.active.open > a {
	background-color: #e5e3e9;
}
.sidenav .nav > li > a:hover,
.sidenav .nav > li > a:focus {
  text-decoration: none;
  background-color: #e5e3e9;
}
.sidenav .nav > .active > a,
.sidenav .nav > .active:hover > a,
.sidenav .nav > .active:focus > a {
  font-weight: bold;
  /*color: #563d7c;*/
  background-color: transparent;
}

/* sidenav: second level */
.sidenav .nav .nav {
  /*display: none;  Hide by default, but at >768px, show it */
  margin-bottom: 0;
}
.sidenav .nav .nav > li > a {
  padding-top:    6px;
  padding-bottom: 6x;
  padding-left: 30px;
  font-size: 90%;
}

/* sidenav: third level */
.sidenav .nav .nav .nav {
  /*display: none;  Hide by default, but at >768px, show it */
  margin-bottom: 0;
}
.sidenav .nav .nav .nav > li > a {
  padding-top:    0;
  padding-bottom: 6x;
  padding-left: 40px;
}