.sidebar {
  z-index: 999999;
  position: fixed;
  top: -1px;
  bottom: -1px;
  padding: 0;
  width: auto;
  /*background-color: rgba(0, 0, 0, 0.8);*/
  background-color: #373737;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  border: 0px solid #373737;
  /*Native BootStrap Hack*/
}
.sidebar > .row {
  margin: 0;
}
.sidebar > .row > .col-xs-12,
.sidebar > .row > .col-sm-12,
.sidebar > .row > .col-md-12,
.sidebar > .row > .col-lg-12 {
  padding: 0;
  position: absolute;
  bottom: 0;
  top: 0;
  overflow: auto;
  z-index: 1;
}
.sidebar.opened > .row > .col-xs-12,
.sidebar.opened > .row > .col-sm-12,
.sidebar.opened > .row > .col-md-12,
.sidebar.opened > .row > .col-lg-12 {
  -webkit-box-shadow: 2px 0px 15px rgba(0, 0, 0, 0.75);
  box-shadow: 2px 0px 15px rgba(0, 0, 0, 0.75);
}
.sidebar.closed > .row > .col-xs-12,
.sidebar.closed > .row > .col-sm-12,
.sidebar.closed > .row > .col-md-12,
.sidebar.closed > .row > .col-lg-12 {
  -webkit-box-shadow: 2px 0px 15px rgba(0, 0, 0, 0);
  box-shadow: 2px 0px 15px rgba(0, 0, 0, 0);
}
.sidebar h4 {
  background-color: #373737;
  color: #FFFFFF;
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 10px;
  padding-bottom: 10px;
  padding-left: 8px;
}
.sidebar img.brand-logo {
  max-width: 100%;
  max-height: 53px;
  margin: 0 auto;
  padding: 14px;
}
.sidebar.sidebar-left {
  left: 0;
  /* THis was a real issue with making the sidebar hid away.*/
  /*right: 20px;*/
}
.sidebar.sidebar-left > .toggler {
  -webkit-border-top-right-radius: 4px;
  -webkit-border-bottom-right-radius: 4px;
  -moz-border-radius-topright: 4px;
  -moz-border-radius-bottomright: 4px;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
  border-left: 1px #373737;
  right: -51px;
  padding: 12px 12px;
}
.sidebar.sidebar-left > .toggler > span {
  margin: 15px 2px;
}
.sidebar.sidebar-left > .toggler > span.icon-bar {
  margin: 5px 2px;
  display: block;
  width: 22px;
  height: 2px;
  border-radius: 1px;
  background-color: #FFF;
}
.sidebar.sidebar-right {
  right: 0;
  left: 20px;
}
.sidebar.sidebar-right > .toggler {
  -webkit-border-top-left-radius: 4px;
  -webkit-border-bottom-left-radius: 4px;
  -moz-border-radius-topleft: 4px;
  -moz-border-radius-bottomleft: 4px;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
  border-right: 1px solid #fff;
  -webkit-box-shadow: -1px 0px 8px rgba(0, 0, 0, 0.175);
  box-shadow: -1px 0px 8px rgba(0, 0, 0, 0.175);
  left: -20px;
}
.sidebar.sidebar-right > .toggler > span {
  margin: 15px 2px;
}
.sidebar .list-group {
  margin-bottom: 0;
}
.sidebar .list-group .collapse a {
  padding-left: 25px;
}
.sidebar a.list-group-item {
  color: #FFFFFF;
  background-color: #373737;
  border-color: #373737;
  font-size: 1em;
  padding: 13px;
  border-left: 0;
  border-right: 0;
  margin-bottom: 0;
  text-transform: uppercase;
}
.sidebar a.list-group-item.active {
  background-color: #197278;
  border-color: #197278;
}
.sidebar a.list-group-item.active:focus,
.sidebar a.list-group-item.active:hover {
  color: #FFFFFF;
  text-decoration: none;
  background-color: #197278;
  border-color: #197278;
}
.sidebar a.list-group-item:last-child,
.sidebar a.list-group-item:first-child {
  border-radius: 0;
}
.sidebar a.list-group-item .glyphicon {
  margin-right: 5px;
}
.sidebar a.list-group-item:focus,
.sidebar a.list-group-item:hover {
  color: #FFFFFF;
  text-decoration: none;
  background-color: transparent;
  border-color: #909090;
}
.sidebar a.list-group-item span {
  vertical-align: middle;
}
.sidebar a.list-group-item span.count {
  color: #909090;
  font-size: 1.5em;
  padding-right: 10px;
}
.toggler {
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  border: 1px solid #373737;
  width: 50px;
  height: 51px;
  position: absolute;
  top: 0%;
  cursor: pointer;
  background-color: #373737;
}
@media (min-width: 400px) {
  .sidebar {
    width: 80%;
  }
  .sidebar.sidebar-left {
    left: 0;
    right: auto;
  }
  .sidebar.sidebar-right {
    right: 0;
    left: auto;
  }
}
@media (min-width: 528px) {
  .sidebar {
    width: 300px;
  }
  .sidebar.sidebar-left {
    left: 0;
    right: auto;
  }
  .sidebar.sidebar-right {
    right: 0;
    left: auto;
  }
}
@media (min-width: 768px) {
  .sidebar {
    width: 230px;
  }
  .sidebar.sidebar-left {
    left: 0;
    right: auto;
  }
  .sidebar.sidebar-right {
    right: 0;
    left: auto;
  }
}
