.file-tree-wrap {
	border-top: 2px solid #eee;
	border-bottom: 2px solid #eee;

	white-space: nowrap;
	overflow-x: auto;
	overflow-y: hidden;
}

.file-tree-dragbar {
	background-color: #ccc;
	width: 3px;
	margin-left: -4px;
	margin-right: -4px;
	cursor: col-resize;
	
	height:100%;
	display:inline-block;
	white-space: normal;
    vertical-align: top;
	padding-bottom: 1000px;
	margin-bottom: -1000px;    
}

/* Tree nodes ------------------------- */

.file-tree-jstree {
    max-width: 28%; /* Adjust this for default width of tree */
	
	visibility: hidden;
	overflow-x: hidden;	
    display:inline-block;
    white-space: normal;
    vertical-align: top;
    padding-bottom: 1000px;
    margin-bottom: -1000px;    
}

.jstree a { 
	/* color: --- Text color of tree nodes here, probably need change for a dark theme --- !important; */
}

/* Color of a selected tree node, probably need change for a dark theme */
.file-tree-node-selected {
	border: 2px solid #B9C9FE;
	background-color:#E8EDFF;
}

/* Tree background color */
.jstree-default { background-color: transparent;  }
.jstree-default.jstree-focused { background-color: transparent !important;  }

/* Messages --------------------------- */

.file-tree-message {
	margin:5px;
	width:100%;
}

.file-tree-message ul {
	list-style:none;
	margin: 0;
}

.file-tree-message li {
	padding: 5px;
}

.file-tree-message-error {
	border:2px dashed red;
	/* background-color: --- Error message background color here --- ; */
}

.file-tree-message-ok {
	border:1px dashed green;
	/* background-color: --- Ok message background color here --- ; */
}

/* File list -------------------------- */

.file-tree-list {
    display:inline-block;
    white-space: normal;
    vertical-align: top;
    padding-bottom: 1000px;
    margin-bottom: -1000px;    
}

.file-tree-list table {
	width:100%;
	border-collapse:collapse;
	margin-bottom: 0;
}

.file-tree-list table thead {
	background-color: /* --- Table header background color here --- */;
}

.file-tree-list table th {
	padding:4px;
	text-align:left;
}

.file-tree-list table td {
	padding:4px;
}

.file-tree-list tbody tr:nth-child(even) {
	background-color: /* --- Alternating cell row background color here --- */;
}

/* Options ---------------------------- */

.file-tree-add {
	margin-top: 5px;
}