.file-list, .file-list ul{
    list-style-type: none;
    font-size:1em;
    line-height:1.8em;
    margin-right:20px;
    padding-right:18px;
    border-right:2px solid #6770aa;
}

.file-list li{
    position: relative;
    padding-right:25px;
}
.file-list li a{
    text-decoration: none;
    color:#444;
}



.file-list li a:before{
    display:block;
    content: " ";
    width:10px;
    height:1px;
    position:absolute;
    border-bottom:2px dotted #273caa;
    top: 13px;
    right:-14px;
}


.file-list li:before{
    list-style-type: none;
    font-family: FontAwesome;
    display:block;
    content:'\f100';
    position:absolute;
    top: -2px;
    right:0px;
    width:20px;
    height:20px;
    font-size:1.3em;
    color:#555;
}
.file-list .folder-root{
    list-style-type: none;
}
.file-list .folder-root a{
    text-decoration:none;
    padding-right: 0px;
}

.file-list .folder-root span{
    text-decoration:none;
    padding-right: 0;
}


/*site_tabs*/
.file-list .site_tabs.folder-root:before{
    color:#FFD04E;
    content: "\f07b";
}

.file-list .site_tabs.folder-root.open:before{
    content: "\f07c";
}

.file-list .close_this.folder-root:before{
    color:#FFD04E;
    content: "\f07b";
}

.file-list .close_this.folder-root.open:before{
    content: "\f07c";
}


.file-list  .site_tabs li:before{
    content:'\f1ea';
    color: #2196F3;
}

/*end site_tabs*/



li.folder-root ul{
    transition: all .3s ease-in-out;
    overflow:hidden;
}
li.folder-root.closed>ul{
   opacity:0;
   max-height:0px;
}
li.folder-root.open>ul{
   opacity:1;
   display:block;
   max-height:1000px;
}


li.folder-root.open>ul {
    /*padding-top: 9px;*/
    /*padding-bottom: 9px;*/
}

.file-list li {
    margin: 10px 0;
}