/* CSS for a "NiceTree". Used by the CommandTree (TO&E tree) */

/* Root ul element of the NiceTree */
.ulNiceTreeRoot {
    list-style-type: none;  /* Don't show the list buttet */
    margin: 0px;
    padding: 0px;
}
/* Non Root ul element of the NiceTree */
.ulNiceTree {
    list-style-type: none;  /* Don't show the list buttet */
    display: none;
    padding-left: 26px;
}

/* Make all items blue. If this css is used for a tree besides
   the CommandTree this will probably have to change.
 */
.ulNiceTreeRoot li {
    font-size: 12px;
}

/* Use borders to make the tree line graphics */
.ulNiceTree li:before {
    border-left: 1px solid #999;
    margin-left: -14px;
}
.ulNiceTree li:last-child {
    border-left:none;
}
.ulNiceTree li:before {
    position: relative;
    top: -0.35em;
    height: 1em;
    width: 12px;
    border-bottom: 1px solid #999;
    display: inline-block;
    content: "";
    left: -7px;
}

/* A span element used to represent the open/close graphic */
.spanNiceTreeBranch {
    cursor: pointer;
    /* Do not allow selection of the text */
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

/* Add new graphic content (open/close symbol) before the span element */
.spanNiceTreeBranch::before {
    content: "\2192";  /* Right arrow */
    margin-right: 4px;
}
.spanNiceTreeBranch-open::before {
    content: "\2193";  /* Left arrow */
}

.ulNiceTreeOpen {
    display: block;
}