.treeview { 
	padding: 0;
	margin: 0 0 0 -15px;
	list-style: none;
}

.treeview ul {

}

.treeview a { 
    padding: 8px 15px;
    text-decoration: none; 
    padding-left: 10px;
    margin-bottom: 2px;
    background-color: #f8f8f8;
    display: block;
    color: #000000;
    font-size: 15px;
}

.treeview a:hover { color: #1b2a43; background-color: #eeeeee; cursor: pointer; }

.treeview .hitarea {
	height: 37px;
	width: 38px;
	float: right;
	cursor: pointer;
    padding-top: 10px;
    text-align: center;
    color: #1b2a43;
    background: transparent;
    border-left: 1px #eeeeee solid;
}

.treeview .hitarea:hover {
    background: #eeeeee;
}

/* fix for IE6 */
* html .hitarea {
	display: inline;
	float:none;
}

.treeview li { 
	margin: 0;
	padding: 0 0 0 0;
}


.treeview a.selected {
	background-color: #2b7ab0;
    color: #ffffff;
    display: block;
    margin-bottom: 0px;
}

#treecontrol { margin: 1em 0; display: none; }

.treeview .hover { color: #1b2a43; background-color: #dddede; cursor: pointer; }

.treeview .expandable-hitarea::before {
	font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\f0da";
}

.treeview .collapsable-hitarea::before {
	font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\f0d7";
}

.treeview .placeholder {
	height: 16px;
	width: 16px;
	display: block;
}

.filetree li { padding: 0 0 0 16px; }
.filetree span.folder, .filetree span.file { padding: 1px 0 1px 16px; display: block; }
.filetree span.folder { background: url(folder.gif) 0 0 no-repeat; }
.filetree li.expandable span.folder { background-color: #000000 }
.filetree span.file { background: url(file.gif) 0 0 no-repeat; }

@media (max-width: 992px) {
    .treeview a { 
    background-color: transparent;
    color: #ffffff;
    }

    .treeview .hitarea {
    background: transparent;
    color: #ffffff;
    }

    .treeview .hitarea:hover {
    color: #1b2a43;
    }

    .treeview ul {
    margin-bottom: 0;
    }
}