#configContainer {
    margin-top: 20px;
}

/*
#editor {
    margin: 0;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}
*/

.tree .indicator {
    cursor: pointer;
}
.tree li .title { display: inline; cursor: pointer; vertical-align:top; }
.tree li .title:hover { background-color: var(--pnc-tree-hover-bg-color) !important; }
.tree li.selected > .title:not(:hover) { background-color: #007bff !important; color: white !important; }

.tree span.value { font-family: 'Courier New'; font-weight: bold; }

.tree .indicator.fa-question { cursor: default; }
.tree div.title.Option { cursor: default; }

.tree li.GroupPriv, .GroupPriv { color: var(--pnc-grouppriv-color); }
.tree li.obsolete, .obsolete { color: var(--pnc-obsolete-color); }
.tree div.description {
    margin: 0 0 0 20px;
    font-size: 0.9em;
    line-height: 1.5em;
    white-space: pre-wrap;
}

.tree .param-modHistory {
    position: absolute;
    left: -15px;
    top: 7px;
    cursor: pointer;
}

/* http://bootsnipp.com/snippets/featured/bootstrap-30-treeview */

.tree,
.tree .branch>ul {
    margin:0;
    padding:0;
    position:relative;
    list-style:none;
}
.tree .branch>ul {
    margin-left:.5em;
    min-height: 2em;
}
.tree .branch>ul:before {
    content:"";
    display:block;
    position:absolute;
    left:0;
    top:0;
    width:0;
    bottom:0;
    border-left:1px solid;
}
.tree .branch>ul:empty:before {
    width:10px;
    height:1em;
    border-bottom:1px solid;
}
.tree .branch>ul:empty:after {
    content:"<no item>";
    display:block;
    position:absolute;
    left: 14px;
    top: -2px;
    font-style: italic;
    color: #aaa;
}
.tree>li,
.tree .branch>ul>li {
    margin:0;
    padding:0 0 0 1em;
    line-height:2em;
    position:relative
}
.tree .branch>ul>li:before {
    content:"";
    display:block;
    width:10px;
    height:0;
    border-top:1px solid;
    margin-top:-1px;
    position:absolute;
    top:1em;
    left:0
}
.tree .branch>ul>li:last-child:before,
.tree .branch>ul>li.last-visible-child:before {
    background-color: var(--pnc-bg-color);
    height:auto;
    top:1em;
    bottom:0
}
.tree .branch>ul>li.node.report-node {
    border: 1px solid #ced4da;
    margin: 5px 5px 5px 11px;
    border-radius: 5px;
    background-color: #e5ffe6;
}
.tree .branch>ul>li.report-node:before {
    left: -12px;
    width: 11px;
}
.tree li.ui-sortable-helper {
    background-color: var(--pnc-bg-color);
}
.indicator {
    margin-right:5px;
    top: 2px;
}
/*
.tree li a {
    text-decoration: none;
}
.tree li button, .tree li button:active, .tree li button:focus {
    text-decoration: none;
    border:none;
    background:transparent;
    margin: 0;
    padding:0;
    outline: 0;
}
*/

/*-----------------------------*/
/* Alternate styling, particularly with the indentations and indicators. Should possibly merge back to main tree style */
.tree.treefolders .indicator {
    width:0;
    margin:0 -4px 0 0;
    position:relative;
    top:-.1em;
    left:-1.4em;
}
.tree.treefolders .indicator:before {
    background:white;
}
.treefolders .indicator.fas {
    color: #888;
}
.treefolders .fas.fa-folder {
    color: #deaf23;
}
.treefolders .fas.fa-folder.folder-locked {
    color: #3db9dc;
}
.treefolders .fas.fa-folder.folder-content-locked {
    color: #ff5d48;
}
.treefolders .fas.fa-folder.myfolder {
    color: #1bb99a;
}


.tree.treefolders ul {
margin-left: 0.5em;
}

.tree.treefolders ul:before {
    border-left-color: #bbb;
}

.tree.treefolders ul li {
    white-space: nowrap;
}

.tree.treefolders ul li:before {
    border-top-color: #bbb;
}

.tree.treefolders .title {
    padding:0 3px;
}
.tree.treefolders li.selected > .title {
    background-color:#007bff;
    color:white;
}

.tree.treefolders input[type=checkbox] {
    position: relative;
    top: -1px;
    left: 3px;
}
/*-----------------------------*/

input.filter-input {
    width: auto;
    opacity: 1;
    position: relative;
    left: 0;
    top: 1px;
    padding: 1px 0.5em 2px;
    border: 1px solid #ced4da;
    border-radius: 0.2rem;
}