.sidr {
  display:none;
  position:absolute;
  position:fixed;
  top:0;
  height:100%;
  z-index:999999;
  width:260px;
  overflow-x:none;
  overflow-y:auto;
  font-size:16px;
  background:#333;
  color:#fff;
  padding-top:30px;
  -webkit-box-shadow:inset 0 0 5px 5px #222;
  -moz-box-shadow:inset 0 0 5px 5px #222;
  box-shadow:inset 0 0 5px 5px #222
}

.sidr .sidr-inner { padding:0 0 15px; }
.sidr .sidr-inner > p{ margin-left:15px; margin-right:15px; }
.sidr.right { left:auto; right:-260px; }
.sidr.left { left:-260px; right:auto; }

.sidr ul {
  display:block;
  margin:0 0 15px;
  padding:0;
  border-top:1px solid #1a1a1a;
  border-bottom:1px solid #4d4d4d;
}
.sidr ul li {
  display:block;
  margin:0;
  border-top:1px solid #4d4d4d;
  border-bottom:1px solid #1a1a1a;
}

.sidr ul li:hover,
.sidr ul li.active,
.sidr ul li.sidr-class-active { 1px solid #333; }

.sidr ul li:hover > a,
.sidr ul li:hover > span,
.sidr ul li.active > a,
.sidr ul li.active > span,
.sidr ul li.sidr-class-active > a,
.sidr ul li.sidr-class-active > span {  }

.sidr ul li a,
.sidr ul li span { display:block; text-decoration:none; }
.sidr ul li ul{ border-bottom:none; margin:0; }
.sidr ul li ul li {  }
.sidr ul li ul li:last-child { border-bottom:none; }

.sidr ul li ul li:hover,
.sidr ul li ul li.active,
.sidr ul li ul li.sidr-class-active { border-top:none; }

.sidr ul li ul li:hover > a,
.sidr ul li ul li:hover > span,
.sidr ul li ul li.active > a,
.sidr ul li ul li.active > span,
.sidr ul li ul li.sidr-class-active > a,
.sidr ul li ul li.sidr-class-active > span {  }

.sidr ul li ul li a,
.sidr ul li ul li span { padding-left:30px; }
.sidr form { margin:0 15px; }
.sidr label {  }