aside.side-menu
  background-color: #444
  position: fixed
  display: none
  left: -222px
  top: 0
  width: 222px
  height: 100%
  z-index: 157
  opacity: 0.9
  border-right: 2px solid black
  > ul
    list-style: none
    a
      color: white
    li
      margin-bottom: 11px
      font-size: 1.2em
      &.title
        border-bottom: 1px solid #aaa
  h3
    color: white
    margin-bottom: 3px
  .scan-qr-icon
    margin-right: 18px
    @extend .fa
    @extend .fa-qrcode
  .fa-glass
    margin-right: 5px
  .active-list-icon
    margin-right: 18px
    @extend .fa
    @extend .fa-list
  .settings-icon
    margin-right: 18px
    @extend .fa
    @extend .fa-gears
  .about-mozo-icon
    margin-right: 18px
    @extend .fa
    @extend .fa-info-circle
  a.active
    color: $current-color

.toggle-side-menu
  position: absolute
  width: 28px
  height: 28px
  color: white
  left: 0
  cursor: pointer
  z-index: 100
  font-size: 1.6em
  &.open
    color: white
  span
    @extend .fa
    @extend .fa-lg
    @extend .fa-bars
