.sidr {
  display: none;
  position: absolute;
  top: 0;
  height: 100%;
  z-index: 999999;
  width: 260px;
  overflow-x: none;
  overflow-y: auto;
  font-size: 15px;
  background: #333333;
  color: white;
  -webkit-box-shadow: inset 0 0 5px 5px #262626;
  -moz-box-shadow: inset 0 0 5px 5px #262626;
  box-shadow: inset 0 0 5px 5px #262626; }
  .sidr h1, .sidr h2, .sidr h3, .sidr h4, .sidr h5, .sidr h6 {
    font-size: 11px;
    font-weight: normal;
    padding: 0 15px;
    margin: 0 0 5px;
    color: #ffffff;
    line-height: 24px;
    -webkit-box-shadow: 0 5px 5px 3px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 5px 5px 3px rgba(0, 0, 0, 0.2);
    box-shadow: 0 5px 5px 3px rgba(0, 0, 0, 0.2); }
  .sidr .container {
    padding: 0; }
  .sidr .input-group-btn {
    vertical-align: top; }
  .sidr input[type="text"], .sidr input[type="password"], .sidr input[type="date"], .sidr input[type="datetime"], .sidr input[type="email"], .sidr input[type="number"], .sidr input[type="search"], .sidr input[type="tel"], .sidr input[type="time"], .sidr input[type="url"], .sidr textarea, .sidr select {
    width: 100%;
    font-size: 13px;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    border-radius: 0;
    border: none;
    display: block;
    clear: both;
    height: 48px; }
  .sidr input[type=button], .sidr input[type=submit] {
    color: white;
    background: #ffffff; }
  .sidr input[type=button] :hover, .sidr input[type=submit] :hover {
    background: rgba(255, 255, 255, 0.9); }
  .sidr #search .btn-lg {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    border-radius: 0; }
  .sidr .sidr-inner {
    padding: 0 0 15px;
    border-top: 1px solid #1a1a1a;
    -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1) inset;
    -moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1) inset;
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1) inset; }
    .sidr .sidr-inner > p {
      margin-left: 15px;
      margin-right: 15px; }
    .sidr .sidr-inner a, .sidr .sidr-inner button {
      border-bottom: 1px solid #1a1a1a;
      -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1);
      -moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1);
      box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1); }
      .sidr .sidr-inner a:hover, .sidr .sidr-inner button:hover {
        color: rgba(255, 255, 255, 0.8);
        -webkit-box-shadow: inset 0 0 15px 3px #262626;
        -moz-box-shadow: inset 0 0 15px 3px #262626;
        box-shadow: inset 0 0 15px 3px #262626; }
    .sidr .sidr-inner #search {
      margin-bottom: 0; }
    .sidr .sidr-inner .input-group-btn:last-child > .btn, .sidr .sidr-inner .input-group-btn:last-child > .btn-group {
      -webkit-border-radius: 0;
      -moz-border-radius: 0;
      -ms-border-radius: 0;
      -o-border-radius: 0;
      border-radius: 0;
      border-bottom: none;
      width: 50px;
      height: 48px;
      border-color: #2f2f2f;
      background-color: #2f2f2f; }
  .sidr p {
    font-size: 13px;
    margin: 0 0 12px; }
  .sidr > p {
    margin-left: 15px;
    margin-right: 15px; }
  .sidr .btn.dropdown-toggle, .sidr .btn-link {
    width: 100%;
    text-align: left;
    padding: 0;
    padding: 0 0 0 15px;
    line-height: 48px;
    color: white;
    font-size: 15px;
    text-decoration: none;
    display: block; }
  .sidr .dropdown {
    margin: 0;
    padding: 0; }
    .sidr .dropdown .btn-group {
      width: 100%; }
    .sidr .dropdown .dropdown-menu {
      position: inherit;
      background-color: #333333;
      width: 100%;
      margin: 0;
      -webkit-border-radius: 0;
      -moz-border-radius: 0;
      -ms-border-radius: 0;
      -o-border-radius: 0;
      border-radius: 0; }
      .sidr .dropdown .dropdown-menu li {
        font-size: 13px; }
        .sidr .dropdown .dropdown-menu li .btn-block {
          color: rgba(255, 255, 255, 0.8);
          padding: 0 0 0 30px;
          text-align: left;
          line-height: 40px; }
        .sidr .dropdown .dropdown-menu li:hover > .btn-block {
          -webkit-box-shadow: inset 0 0 15px 3px #262626;
          -moz-box-shadow: inset 0 0 15px 3px #262626;
          box-shadow: inset 0 0 15px 3px #262626;
          background-image: none;
          background-color: transparent; }
  .sidr ul {
    margin: 0;
    padding: 0; }
    .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 {
      -webkit-box-shadow: inset 0 0 15px 3px #262626;
      -moz-box-shadow: inset 0 0 15px 3px #262626;
      box-shadow: inset 0 0 15px 3px #262626; }
    .sidr ul li {
      display: block;
      margin: 0;
      line-height: 48px;
      overflow: visible; }
      .sidr ul li a {
        padding: 0 15px;
        display: block;
        text-decoration: none;
        color: white; }
      .sidr ul li ul {
        border-bottom: none;
        margin: 0; }
        .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 {
          -webkit-box-shadow: inset 0 0 15px 3px #262626;
          -moz-box-shadow: inset 0 0 15px 3px #262626;
          box-shadow: inset 0 0 15px 3px #262626; }
        .sidr ul li ul li {
          line-height: 40px;
          font-size: 13px; }
          .sidr ul li ul li a, .sidr ul li ul li span {
            color: rgba(255, 255, 255, 0.8);
            padding-left: 30px; }
        .sidr ul li ul li:last-child {
          border-bottom: none; }
  .sidr label {
    font-size: 13px; }
  .sidr input[type=checkbox] {
    width: auto;
    display: inline;
    clear: none; }

.sidr.right {
  left: auto;
  right: -260px; }

.sidr.left {
  left: -260px;
  right: auto; }