.file-list, .file-list ul{
    list-style-type: none;
    font-size:1.1em;
    line-height:1.8em;
    margin-left:11px;
    padding-left:11px;
    border-left:1px dotted #aaa;
}
.file-list li{
    position: relative;
    padding-left:29px;
    font-size: 15px;
    
    margin-top: 10px;

}
.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:1px dotted #aaa;
    top:.6em;
    left:-14px;
}
.file-list li ul li:before{
    list-style-type: none;
    font-family: FontAwesome;
    display:block;
    /* content:'\f1c1'; */
    position:absolute;
    top:0px;
    left:0px;
    /* width:20px; */
    height:20px;
    font-size:1.3em;
    color:#555;
    cursor: pointer;
    
}
.file-list .folder-root{
    list-style-type: none;
}
.file-list .folder-root a{
    text-decoration:none;
}
  /* .file-list .folder-root:before{
    color:#010101;
    content: "\f055";
    
    
}
.file-list .folder-root.open:before{
    content: "\f056";
}   */

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 a i{
    width:20px;
    height:1px;
    position:absolute;
    /* border-bottom:1px dotted #aaa; */
    top:5px;
    left:0px;
    color:black;
}
i.fa.fa-plus-circle.icon22 {
    /* margin-top: -6px; */
    display:inline-block;
    vertical-align: top;
    top:5px;
    left:0px;
    height:20px;

}
i.fa.fa-minus-circle.icon22 {
    /* margin-top: -6px; */
    display:inline-block;
    vertical-align: top;
    top:5px;
    left:0px;
    height:20px;
}


/* .file-list .folder-root a{
margin-left: -9px;
}
.file-list .folder-root li ul li a{
    margin-left: -9px;
} */
i.fa.fa-file-pdf.icon22 {
    margin-left: -29px;
    padding-right: 7px;
    
}
@media only screen and (max-width: 479px) {
/*tree view*/
.file-list li {
    position: relative;
    padding-left: 29px;
    padding-top: 5px;
    font-size: 13px;
}
li.folder-root.open {
	padding-top: 0px !important;
	margin-top: 5px;
}
li.folder-root.closed {
	padding-top: 0px !important;
	margin-top: 5px;
}
li.folder-root a i{
    top:0px !important;
}
i.fa.fa-minus-circle.icon22 {
    top:0px !important;
}
i.fa.fa-plus-circle.icon22 {
    top:0px !important;
}
}
@media only screen and (max-width: 650px) and (min-width: 299px) {
    /*tree-view */
    .file-list li {
        position: relative;
        padding-left: 29px;
        padding-top: 5px;
        font-size: 13px;
    }
    li.folder-root.open {
        padding-top: 0px !important;
        margin-top: 5px;
    }
    li.folder-root.closed {
        padding-top: 0px !important;
        margin-top: 5px;
    }
    li.folder-root a i{
        top:0px !important;
    }
    i.fa.fa-minus-circle.icon22 {
        top:0px !important;
    }
    i.fa.fa-plus-circle.icon22 {
        top:0px !important;
    }
}