// Include the variables. @import “../../../partials/utility/variables/*”;

/* Special Tree Navigation —————————— */ /* CSS Tree menu styles */ ol.tree {

padding: 0 0 0 0px;
width: 250px;
height: 100%;
margin-left:  2px !important;

}

ol.tree img { border: none; }

ol.tree p {

margin: 0 0 1em 0;

}

.tree li {

position: relative; 
margin-left: -15px;
list-style: none;

}

.tree li.tree-nav-is-leaf, .tree li.file {

margin-left: -1px !important;

} .tree-nav-is-leaf a, .tree li.file a {

/*background: url(images/document.png) 0 0 no-repeat;*/
color: #333;
/*padding-left: 21px;*/
text-decoration: none;
display: block;

}

.tree-nav-is-leaf:selected, .tree li.file a:selected {

/*background: url(images/document.png) 0 0 no-repeat;*/
background-color: #edd;

}

/*li.file a[href *= '.pdf'] { background: url(images/document.png) 0 0 no-repeat; } li.file a[href *= '.html'] { background: url(images/document.png) 0 0 no-repeat; } li.file a[href $= '.css'] { background: url(images/document.png) 0 0 no-repeat; } li.file a[href $= '.js'] { background: url(images/document.png) 0 0 no-repeat; }*/

li input {
       position: absolute;
       left: -20px;
       margin-left: 0;
       opacity: 0;
       z-index: 2;
       cursor: pointer;
       height: 1em;
       width: 1em;
       top: 7px; /*MOVES THE HOT SPOT OF THE CHECKMARK*/

} .tree .tree-nav-is-leaf:hover{

background:  #03F;

} .tree li input + ol {

background: url(../images/tree-images/toggle-small-expand.png) 0px 0 no-repeat;
margin: -13px 0 0 -4px; /* 15px */
height: 1em;

}

.tree li input + ol > li { display: none; margin-left: -14px !important; padding-left: 1px; }

.tree li label {

/*background: url(images/folder-horizontal.png) 15px 1px no-repeat;*/
cursor: pointer;
display: block;
text-indent:  1em;
/*  padding-left: 15px;  */
padding-top: 5px;
width: 180px;

}

.tree li input:checked + ol {

background: url(../images/tree-images/toggle-small.png) 0px 5px no-repeat;
margin: -1.25em 0 0 -4px; /* 20px */
padding: 1.563em 0 0 18px;
height: auto;

}

.tree li input:checked + ol > li {

display: block; 
margin: 0 0 0.125em;  /* 2px */

} .tree li input:checked + ol > li:last-child {

margin: 0 0 0.063em; /* 1px */

}