@charset "utf-8";
/* CSS Document */


.sidebar-toggle {
  margin-left: -240px;
}
.sidebar {
  width: 240px;
  height: 100vh;
  background: #a09f7b;
  position: absolute;
  -webkit-transition: all .3s ease-in-out;
  -moz-transition: all .3s ease-in-out;
  -o-transition: all .3s ease-in-out;
  -ms-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
  z-index: 100;
  top:0px;
  #leftside-navigation {
    ul, ul ul {
      margin: -2px 0 0;
      padding: 0;
    }
    ul {
      li {
        list-style-type: none;
        border-bottom: 1px solid #c0c09c;
        &.active {
          & > a {
            color: #000;
          }
          ul {
            display: block;
          }
        }
        a {
          color: #eef5d8;
          text-decoration: none;
          display: block;
          padding: 18px 0 18px 25px;
          font-size: 12px;
          outline: 0;
          -webkit-transition: all 200ms ease-in;
          -moz-transition: all 200ms ease-in;
          -o-transition: all 200ms ease-in;
          -ms-transition: all 200ms ease-in;
          transition: all 200ms ease-in;
          &:hover {
            color: #c0c09c;
          }
          span {
            display: inline-block;
          }
          i {
            width: 20px;
            .fa-angle-left, .fa-angle-right {
              padding-top: 3px;
            }
          }
        }
      }
    }
    ul ul {
      display: none;
      li {
        background: #a09f7b;
        margin-bottom: 0;
        margin-left: 0;
        margin-right: 0;
        border-bottom: solid 1px #c0c09c;
        a {
          font-size: 12px;
          padding-top: 13px;
          padding-bottom: 13px;
          color: #eef5d8;
        }
      }
    }
  }
}