.sidebar {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 9990;
  max-width: 200px;
  background: #000000;
  color:#fff;
  box-sizing: border-box;
  box-shadow: 10px 0 30px rgba(0,0,0,0.15);
  transform: translateX(-120%);
  transition: all 0.3s cubic-bezier(0.35, 0.38, 0.07, 0.83);
  overflow: auto
}

.sidebar .close .btn-close {
  font-size: 24px;
    position: relative;
    right: 15px;
  float: right;
  box-shadow: none
}
.sidebar .close .btn-close i {
	color:#fff}
.sidebar .close::after {
  content: "";
  display: block;
  clear: both;
  visibility: hidden
}

.sidebar.right {
  left: initial;
  right: 0;
  box-shadow: -10px 0 30px rgba(0,0,0,0.15);
  transform: translateX(120%)
}

.sidebar.right .close .btn-close { float: left }

.sidebar.active { transform: translateX(0) }

.sidebar .content { }

.sidebar .content {
  line-height: 1.5;
  font-size: 0.875em
}

.sidebar .content ul, .sidebar .content ol { }/*# sourceMappingURL=sidebar.css.map */