.file-tree {
    color: inherit
}

.file-tree a {
    color: inherit;
    text-decoration: none
}

.file-tree a:hover {
    color: inherit
}

.file-tree .placeholder {
    margin-left: 10px !important;
    border: 1px solid #428bca
}

.file-tree ol.tree {
    padding: 0;
    margin: 0;
    list-style-type: none;
    border-left: none
}

.file-tree ol.tree ol {
    padding: 0;
    margin: 0 0 0 30px;
    list-style-type: none
}

.file-tree ol.tree li {
    position: relative;
    padding: 0;
    margin: 0
}

.file-tree ol.tree li div {
    margin: 0;
    line-height: 26px;
    cursor: pointer
}

.file-tree ol.tree li.folder>div>span {
    padding-right: 8px;
    padding-left: 15px;
    cursor: pointer
}

.file-tree ol.tree li.folder>div>span:before {
    font-family: 'Font Awesome 5 Free';
    content: "\f07b"
}

.file-tree ol.tree li.folder.mjs-nestedSortable-expanded>div>span:before {
    font-family: 'Font Awesome 5 Free';
    content: "\f07b"
}

.file-tree ol.tree li.folder.selected>div {
    color: #fff;
    background: #428bca
}

.file-tree ol.tree li.file>div>a>span,
.file-tree ol.tree li.file>div>span {
    padding-right: 8px
}

.file-tree ol.tree li.file>div>a>span:before,
.file-tree ol.tree li.file>div>span:before {
    padding-left: 15px;
    font-family: 'Font Awesome 5 Free';
    content: "\f15b"

}

.file-tree ol.tree li.file.selected>div {
    color: #fff;
    background: #428bca
}

.file-tree ol.tree li.mjs-nestedSortable-collapsed>ol {
    display: none
}

.file-tree.sortable ol.tree li.file>div>a>span,
.file-tree.sortable ol.tree li.file>div>span,
.file-tree.sortable ol.tree li.folder>div>span {
    cursor: move
}