.pi-sidenav {
  list-style: none;
  margin: 0 0 20px;
  padding: 0;
}

.pi-sidenav a {
  border: 1px solid #ddd;
  margin-bottom: -1px;
  display: block;
  padding: 8px 15px;
  color: #4c4c4c;
  position: relative;
  cursor: pointer;
}

.pi-sidenav ul {
  list-style: none;
  margin: 0;
  padding: 0;
  display: none;
}

.pi-sidenav ul ul a {
  padding-left: 30px;
}

.pi-sidenav ul ul ul a {
  padding-left: 45px;
}

.pi-sidenav ul ul ul ul a {
  padding-left: 60px;
}

.pi-sidenav .active >ul {
  display: block;
}

.pi-sidenav .caret {
  position: absolute;
  right: 10px;
  top: 14px;
  border-top-color: #999;
}

.pi-sidenav a:hover {
  text-decoration: none;
  color: #428BCA;
}

.pi-sidenav a:focus {
  text-decoration: none;
}

.pi-sidenav >.active {
  background: #f5f5f5;
}

.pi-sidenav >.active >a {
  background: #eee;
}

.pi-sidenav .active-last a {
  color: #428BCA;
}

.pi-sidenav .disabled {
  cursor: default;
  color: #999 !important; 
}