/*

    Styling for the tree. See include/InitializeTree.js for the control, xslt/Tree.xslt for the generated HTML.

*/

.eConTree {
    position: relative;
    height: 100%; /*fix before resize*/
}
.eConTreeTree {
    overflow: auto;
    padding-right: 20px; /*for the vertical scroll bar*/
}
.eConTree .eConTreeNodeLink {
    text-decoration: none;
    display: inline-block;
    padding: 5px 0px 5px 5px;
    border: 0;
    background: transparent none;
    width: 100% !important;
	box-sizing: border-box;
}
.eConTree a {
    
}
.eConTree .selected {
    
}
.eConTree .eConTreeNodeLine:not(.ui-state-active):not(.ui-state-hover):not(.ui-state-focus) {
    background: transparent none;
}
.eConTree .eConTreeNodeLine {
    border: 0;
    /*background: transparent none;*/
    color: black;
}
.eConTreeNodeLine button.ui-button {
    border: 0px; 
    background: none;
}

/*.eConTree .eConTreeNodeLine.ui-state-default span {
    color: gray;
}
.eConTree .eConTreeNodeLine.ui-state-active span {
    color: black;
}
.eConTree .eConTreeNodeLine.ui-state-hover span {
    color: black;
}
.eConTree .eConTreeNodeLine.ui-state-focus span {
    color: navy;
}*/
.eConTree ul .eConTreeNodeLine .eConTreeNodeLink {
    padding-left: 5px;
}
.eConTree ul ul .eConTreeNodeLine .eConTreeNodeLink {
    padding-left: 25px;
}
.eConTree ul ul ul .eConTreeNodeLine .eConTreeNodeLink {
    padding-left: 45px;
}
.eConTree ul ul ul ul .eConTreeNodeLine .eConTreeNodeLink {
    padding-left: 65px;
}
.eConTree ul ul ul ul ul .eConTreeNodeLine .eConTreeNodeLink {
    padding-left: 85px;
}
.eConTree ul ul ul ul ul ul .eConTreeNodeLine .eConTreeNodeLink {
    padding-left: 105px;
}
.eConTree ul li {
    white-space: nowrap;
}
.eConTree ul {
    list-style-type: none;
    margin: 0;
    padding-left: 5px;
    /*float: left;
    clear: both;*/
}
.eConTree .closed ul {
    display: none;
}

.eConTree div.eConTreeButtons {
    /*position: absolute;
    bottom: 0;*/
}

.eConTree .eConTreeButtonDisabled {
    display: none;
}

.eConTree .eConTreeHitArea {
    /*float: left;*/
    display: inline-block;
    width: 1.2em;
    height: 2em;
    background: transparent none;
    border: 0;
}

.eConTreeNodeLabel {
	padding: 5px;
}

/* responsive tree */
#showTree {
	display: none;
	width: 40px;
}