// SIDE NAV
// --------


.side-nav {
  padding: @baseLineHeight / 2 0;
}
.side-nav .nav-label,
.side-nav .nav-item {
  display: block;
  padding: 3px 15px;
  text-shadow: 0 1px 0 rgba(255,255,255,.5);
}
.side-nav .nav-label {
  font-size: 11px;
  line-height: @baseLineHeight;
  color: @grayLight;
  text-transform: uppercase;
}
.side-nav .nav-group {
  margin: 0; // clear default ul margins
  list-style: none;
}
.side-nav .nav-group + .nav-label {
  margin-top: 9px;
}

.side-nav .nav-item {
  font-weight: bold;
}
.side-nav .nav-item i {
  vertical-align: -2px;
}
.side-nav .nav-item:hover {
  text-decoration: none;
}
.side-nav .active .nav-item {
  color: #fff;
  text-shadow: 0 -1px 0 rgba(0,0,0,.3);
  #gradient > .vertical(#ccc, #999);
  @shadow: inset 0 1px 0 rgba(0,0,0,.05), inset 0 -1px 0 rgba(0,0,0,.05);
  .box-shadow(@shadow);
}