div.sidebar {
  height: calc(100vh - 45px);
  display: table-cell;

  min-width: 170px;
  background-color: #343841;

  vertical-align: top;

  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  z-index: 0;
  overflow-y: auto; 

}

div.sidebar span.title {
  color: #747a87;
  padding: 10px 13px;

   -webkit-text-shadow: 1px 1px rgba(0, 0, 0, 0.3);
  -moz-text-shadow: 1px 1px rgba(0, 0, 0, 0.3);
  -o-text-shadow: 1px 1px rgba(0, 0, 0, 0.3);
  text-shadow: 1px 1px rgba(0, 0, 0, 0.3);
  display: block;

  font-size: 70%;
  font-weight: bold;
  letter-spacing: 1px;

  text-transform: uppercase;

  background-color: rgba(0,0,0, 0.2);
  border-bottom: 1px solid #454a53;
}

.sidebar ul li > ul li a{
  display: block;
  padding: 13px;
  text-decoration: none;
  color: #c5c6c9;

  font-size: 75%;
  border-bottom: 1px solid #454a53;
  
  font-weight: 400;
}



.sidebar ul li > ul li a span[class*='icon-']{
    font-size: 14px;
    margin-right: 8px;
    margin-top: -2px;
    vertical-align: middle;
  }

.sidebar ul li > ul li.active a{
  background-color: rgba(0,0,0,0.35);
  color: #fff;
}