.side-slide {
  display: none;
  font-weight: 100;
  background: black;
  width: 250px;
  height: 100%;
  padding-top: 10px;
  padding-left: 10px;
  padding-right: 0px;
  position: absolute;
  z-index: 3;
  -webkit-box-shadow: -3px 0px 5px 0px rgba(0, 0, 0, 0.2);
  box-shadow: -3px 0px 5px 0px rgba(0, 0, 0, 0.2);
  /* right: -130px; */
   left:-220px;
  /* */
  transition: all 0.3s; 
  -webkit-transition: all 0.3s;
  color: white;
}

.side-slide.slide-out {
  /* transform: translate3d(-130px, 0, 0);  */ 
  transform: translate3d(220px, 0, 0); /**/
  animation-timing-function: 1s ease-in;
}

.side-slide .title {
  position: absolute;
  top: 0%;
  width: 400px;
  /*
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-100%);
  */
  transform-origin: bottom right;
  transform: rotate(270deg);
  /*left: -10px; */ 
  right: 0px;
  font-weight: 800;
  font-size: 15px;
}

.side-slide:not(.slide-out) .title .icon-left {
    display:none;
}

.side-slide:not(.slide-out) .title .icon-right {
    display:inline;
}

.side-slide.slide-out .title .icon-left {
    display:inline;
}

.side-slide.slide-out .title .icon-right {
    display:none;
}


.side-slide .nav {
  position: absolute;
  
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  font-weight: 100;
}
.side-slide .nav li {
  padding-bottom: 30px;
  list-style-type: none;
}
.side-slide .nav li a {
  display: block;
  text-decoration: none;
  color: inherit;
  transition: all 0.3s;
  -webkit-transition: all 0.3s;
}
.side-slide .nav li a:hover {
  color: #aaa;
}

  /* FileManager */

    .fileManager * {
        color: white;
    }

    table.fileManager {
        position: relative;
        width: 210px;
        left: 0px;
    }

    .fileManager tr {
        border: 0px;
    }

    .fileManager tr.directory {
        border-bottom: 1px;
    }

    .fileManager tr td:first-child {
        width: 100%;
    }

    .hiddenRow {
        padding: 0 !important;
    }

    .fileManager tr td:nth-child(2) {
      white-space: nowrap;
      padding: 0px
    }

    .fileManager tr td:nth-child(2) * {
        padding: 0px;
    }

    .fileManager div {
        padding:0px;
    }