.file-list, .file-list ul{
    list-style-type: none;
    font-size:1em;
    line-height:1.8em;
    padding-left:18px;
    border-left:1px dotted #062e3c;
}
.file-list li{
    position: relative;
    padding-left:25px;
}
.file-list li a {
    text-decoration: none;
    color:#444;  
}
.file-list li a.active {
    font-weight: bold;  
}
.file-list li a button {
    float: right;
    color: #a3c56c;
    font-size: 16px;
    padding: 5px 0;
    outline: none;
    right: 0;
    position: absolute;
    background: transparent;
    border: 0;
    z-index: 9999;
}
.file-list li a:before{
    display:block;
    content: " ";
    width:10px;
    height:1px;
    position:absolute;
    border-bottom:1px dotted #062e3c;
    top:.6em;
    left:-14px;
}
.file-list li:before{
    list-style-type: none;
    font-family: "Font Awesome 5 Pro";
    display:block;
    content:'\f15c';
    position:absolute;
    top:0px;
    left:0px;
    width:20px;
    height:20px;
    font-size:1.3em;
    color:#555;
}
.file-list .folder-root{
    list-style-type: none;
}
.file-list .folder-root a{
    color: #062e3c;
    font-size: 14px;
    font-weight: 500;
    letter-spacing: 0.6px;
    line-height: 2;
    text-decoration: none;
}
.file-list .folder-root a.active {
    font-weight: bold;  
}
.file-list .folder-root:before{
    color:#FFD04E;
    content: "\f07b";
}
.file-list .folder-root.open:before{
    content: "\f07c";
}
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;
}