ul.list-tree {margin-top: -1px;
    margin-left: 10px;
    margin-right: 10px;
  max-width: 500px;
padding-left: 0px;}

ul.list-tree li {
  cursor: pointer;
  display: block;
  position: relative;
  vertical-align: top;
  /*font-size: 14px;
  line-height: 2em;*/
  padding: 0 1.3em;
  border-left: 1px solid #967f69;
  background: transparent;
  list-style-type: square;
  list-style-position: inside;
  overflow: visible;
  -moz-box-sizing: border-box;
       box-sizing: border-box;
  -webkit-transition: all 0.2s;
          transition: all 0.2s;}

ul.list-tree li.tree-directory:after {
  content: "";
  position: absolute;
  top: 0.6em;
  left: 0;
  height: 0.7em;
  width: 0.6em;
  border-right: 1px solid #967f69;
  opacity: 1;
  -webkit-transition: all 0.2s;
          transition: all 0.2s;}

ul.list-tree li.tree-directory.open:after {
  -webkit-transform: rotate(270deg) translateX(-0.25em);
  -ms-transform: rotate(270deg) translateX(-0.25em);
  transform: rotate(270deg) translateX(-0.25em);
  opacity: 0;
}
ul.list-tree li.tree-directory:not(.open):hover {
  background: #967f69;
}
ul.list-tree li:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  height: 1em;
  width: 1em;
  border-bottom: 1px solid #967f69;
  -webkit-transition: all 0.2s;
          transition: all 0.2s;
}
ul.list-tree li:last-child {
  border-left: 0;
    
}
ul.list-tree li:last-child:before {
  border-left: 1px solid #967f69;
  background: transparent;
}
ul.list-tree li:hover > ul > li {
  color: #967f69;
}
ul.list-tree li:hover {
  color: #bacaac !important;
}
ul.list-tree li.new-directory {
  color: #967f69;
  font-style: italic;
}


@media screen and (max-width:560px) {

ul.list-tree {margin-top: -1px;
    margin-left: 0px;
    margin-right: 0px;
  max-width: 500px;
    padding-left: 10px;}