.treeview
{
background-color: white;
border: 0;
/*color: #2b2d42;*/
direction: ltr;
font-size: 1rem;	/* (line-height/2) */
line-height: 2rem; /* default list item line-height */
overflow: auto;
white-space: nowrap;
}

.treeview ul
{
color: inherit;
display: block;
font-size: inherit;
line-height: inherit;
margin:0 0 0 1rem; /* indentation */
margin-left:12px;	/* (icon_width / 2) */
padding:0;
list-style:none;
position:relative;
}



.treeview ul:before
{
content:"";
display:block;
width:0;
position:absolute;
top:0;
bottom:0;
left:0;
border-left:1px dotted #808080;
z-index: 1;

margin-top:-1px;
}








.treeview li
{
color: inherit;
margin:0;
padding:0 0 0 1rem; /* indentation + .5rem */

/*font-weight:normal;*/

font-size: inherit;
line-height: inherit;
position:relative;
overflow: visible;
}








.treeview li:before
{
content:"";
display:block;
width: 1rem; /* indentation + .5rem */
height:0;
border-top:1px dotted #808080;
margin-top:-1px; /* border top width */
position:absolute;
top: 1rem; /* (line-height/2) */
left:0;
}

.treeview li:last-child:after
{
background-color: white !important;
content:"";
display:block;
margin-top:1px; /* border top width */
position:absolute;
background:white; /* same with body background */
height:auto;
top: 1rem; /* (line-height/2) */
bottom:0;
left:0;
width:1px;
z-index: 2;
}













.treeview.root-line-vertical > ul:first-child:before
{
top: 0;
}

.treeview > ul:first-child:before
{
top: 1rem;
}














.treeview li .node-expander ~ ul
{
display: none;
overflow: visible;
}

.treeview li .node-expander:checked ~ ul
{
display: block;
}






.treeview li .node-expander
{
background-color: transparent;
display: block;
/*float: left;*/
margin: 0;
padding: 0;
opacity: 0;
position: absolute;
margin-top: -5px;
margin-left: -4px;
top: 1rem; /* (line-height/2) */
left: 0;
height: 9px;
width: 9px;
z-Index: 4;
/*
opacity: 1;
*/
}








.treeview li label
{
background-color: transparent;
background-repeat: no-repeat;
background-position: 1px center;
background-size: 24px 24px;
/* font-size: 1rem; */	/* (line-height/2) */
height: 100%;
overflow: visible;
padding-left: 28px;

display: inline-block;

align-items: stretch;

}

.treeview li label:empty:after
{
content: "\200b";
}





.treeview li a,
.treeview li label
{
color: inherit;
/*display: table-cell;*/
font-size: inherit;
line-height: inherit;
/*padding-left: 2px;*/
text-decoration: none;
}

.treeview li a span
{
padding-bottom: 2px;
}

.treeview li a.selected span
{
/*
text-decoration: underline;
*/
box-shadow: inset #3a8be9 0 -2px 0;
}




.treeview li a:hover span
/*
,
.treeview li label:hover
*/
{
/*
text-decoration: underline;
*/
box-shadow: inset #3a8be9 0 -2px 0;
}







.treeview li .node-expander + label:before
{
background-color: white;
background-image: url('data:image/svg+xml;charset=utf8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" width="9" height="9" style="background-color: %23fff;"><path fill="%23808080" d="M 0,0 0,9 9,9 9,0 z M 1,1 8,1 8,8 1,8 z" /><path fill="%23000000" d="M 4,2 4,4 2,4 2,5 4,5 4,7 5,7 5,5 7,5 7,4 5,4 5,2 z" /></svg>');
background-position: center center;
background-repeat: no-repeat;
background-size: 100% 100%;

content: '';

display: block;
overflow: visible;
position: absolute;
top: 1rem; /* (line-height/2) */
margin-top: -5px;
margin-left: -4px;
left: 0px;
height: 9px;
width: 9px;
z-Index: 3;
}






.treeview li .node-expander:checked + label:before
{
background-image: url('data:image/svg+xml;charset=utf8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" width="9" height="9" style="background-color: %23fff;"><path fill="%23808080" d="M 0,0 0,9 9,9 9,0 z M 1,1 8,1 8,8 1,8 z" /><path fill="%23000000" d="M 2,4 7,4 7,5 2,5 z" /></svg>');
}



















.treeview li label.icon-directory-primary
{
background-image: url('data:image/svg+xml;charset=utf8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" width="48" height="48"><path fill="%23FFA000" d="M40,12H22l-4-4H8c-2.2,0-4,1.8-4,4v8h40v-4C44,13.8,42.2,12,40,12z"/><path fill="%23FFCA28" d="M40,12H8c-2.2,0-4,1.8-4,4v20c0,2.2,1.8,4,4,4h32c2.2,0,4-1.8,4-4V16C44,13.8,42.2,12,40,12z"/></svg>');
}



.treeview li .node-expander:checked + label.icon-directory-primary
{
background-image: url('data:image/svg+xml;charset=utf8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" width="48" height="48"><path fill="%23FFA000" d="M38,12H22l-4-4H8c-2.2,0-4,1.8-4,4v24c0,2.2,1.8,4,4,4h31c1.7,0,3-1.3,3-3V16C42,13.8,40.2,12,38,12z"/><path fill="%23FFCA28" d="M42.2,18H15.3c-1.9,0-3.6,1.4-3.9,3.3L8,40h31.7c1.9,0,3.6-1.4,3.9-3.3l2.5-14C46.6,20.3,44.7,18,42.2,18z"/></svg>');
}



.treeview li label.icon-directory-info
{
background-image: url('data:image/svg+xml;charset=utf8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" width="48" height="48"><path fill="%2300A0FF" d="M40,12H22l-4-4H8c-2.2,0-4,1.8-4,4v8h40v-4C44,13.8,42.2,12,40,12z"/><path fill="%2328CAFF" d="M40,12H8c-2.2,0-4,1.8-4,4v20c0,2.2,1.8,4,4,4h32c2.2,0,4-1.8,4-4V16C44,13.8,42.2,12,40,12z"/></svg>');
}

.treeview li .node-expander:checked + label.icon-directory-info
{
background-image: url('data:image/svg+xml;charset=utf8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" width="48" height="48"><path fill="%2300A0FF" d="M38,12H22l-4-4H8c-2.2,0-4,1.8-4,4v24c0,2.2,1.8,4,4,4h31c1.7,0,3-1.3,3-3V16C42,13.8,40.2,12,38,12z"/><path fill="%2328CAFF" d="M42.2,18H15.3c-1.9,0-3.6,1.4-3.9,3.3L8,40h31.7c1.9,0,3.6-1.4,3.9-3.3l2.5-14C46.6,20.3,44.7,18,42.2,18z"/></svg>');
}




.treeview li label.icon-file-primary
{
background-image: url('data:image/svg+xml;charset=utf8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 48 48" width="100%" height="100%"><path fill="%23d3d3d3" d="M 40,45 8,45 8,3 30,3 40,13 z" /><path fill="%23d3d3d3" d="M 38.5,14 29,14 29,4.5 z" /><path fill="%23f5f5f5" d="m 9.5,4.5 0,39 c 9.66667,0 19.33333,0 29,0 L 38.5,14 29,14 29,4.5 z" /></svg>');
}

.treeview li label.icon-file-code
{
background-image: url('data:image/svg+xml;charset=utf8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 48 48" width="100%" height="100%"><path fill="%23d3d3d3" d="M 40,45 8,45 8,3 30,3 40,13 z" /><path fill="%23d3d3d3" d="M 38.5,14 29,14 29,4.5 z" /><path fill="%23f5f5f5" d="m 9.5,4.5 0,39 c 9.66667,0 19.33333,0 29,0 L 38.5,14 29,14 29,4.5 z" /><path fill="%231976D2" d="M18.3,34.7L11.6,28l6.7-6.7l1.4,1.4L14.4,28l5.3,5.3L18.3,34.7z M36.4,28l-6.7-6.7l-1.4,1.4l5.3,5.3  l-5.3,5.3l1.4,1.4L36.4,28z M27.9,16.6L26,16l-5.9,23.4L22,40L27.9,16.6z" /></svg>');
}











.treeview.border-xs		{ border-radius: 18px; padding:  6px 12px; }
.treeview.border-sm		{ border-radius: 21px; padding:  9px 18px; }
.treeview.border-md		{ border-radius: 24px; padding: 12px 24px; }
.treeview.border-lg		{ border-radius: 27px; padding: 15px 30px; }
.treeview.border-xl		{ border-radius: 30px; padding: 18px 36px; }

.treeview.border-xs,
.treeview.border-sm,
.treeview.border-md,
.treeview.border-lg,
.treeview.border-xl
{
border: 1px solid #d3d3d3;

-webkit-transition: border-color 0.25s linear;
   -moz-transition: border-color 0.25s linear;
    -ms-transition: border-color 0.25s linear;
     -o-transition: border-color 0.25s linear;
        transition: border-color 0.25s linear;
}

.treeview.border-xs:hover,
.treeview.border-sm:hover,
.treeview.border-md:hover,
.treeview.border-lg:hover,
.treeview.border-xl:hover
{
border-color: #9e9e9e;
}

.treeview.indent-xxs li { padding-left: 0.625rem !important; }
.treeview.indent-xs  li { padding-left: 0.750rem !important; }
.treeview.indent-sm  li { padding-left: 0.875rem !important; }
.treeview.indent-md  li { padding-left: 1.000rem !important; }
.treeview.indent-lg  li { padding-left: 1.125rem !important; }
.treeview.indent-xl  li { padding-left: 1.250rem !important; }
.treeview.indent-xxl li { padding-left: 1.375rem !important; }

.treeview.indent-xxs li:before { width: 0.625rem !important; }
.treeview.indent-xs  li:before { width: 0.750rem !important; }
.treeview.indent-sm  li:before { width: 0.875rem !important; }
.treeview.indent-md  li:before { width: 1.000rem !important; }
.treeview.indent-lg  li:before { width: 1.125rem !important; }
.treeview.indent-xl  li:before { width: 1.250rem !important; }
.treeview.indent-xxl li:before { width: 1.375rem !important; }

.treeview.icon-xxs label {background-size: 18px 18px !important; padding-left: 22px !important;}
.treeview.icon-xs  label {background-size: 20px 20px !important; padding-left: 24px !important;}
.treeview.icon-sm  label {background-size: 22px 22px !important; padding-left: 26px !important;}
.treeview.icon-md  label {background-size: 24px 24px !important; padding-left: 28px !important;}
.treeview.icon-lg  label {background-size: 26px 26px !important; padding-left: 30px !important;}
.treeview.icon-xl  label {background-size: 28px 28px !important; padding-left: 32px !important;}
.treeview.icon-xxl label {background-size: 30px 30px !important; padding-left: 34px !important;}

.treeview.icon-xxs ul { margin-left: 9px !important; }
.treeview.icon-xs  ul { margin-left:10px !important; }
.treeview.icon-sm  ul { margin-left:11px !important; }
.treeview.icon-md  ul { margin-left:12px !important; }
.treeview.icon-lg  ul { margin-left:13px !important; }
.treeview.icon-xl  ul { margin-left:14px !important; }
.treeview.icon-xxl ul { margin-left:15px !important; }

.treeview.text-xxs {font-size: 0.625rem !important;}
.treeview.text-xs  {font-size: 0.750rem !important;}
.treeview.text-sm  {font-size: 0.875rem !important;}
.treeview.text-md  {font-size: 1.000rem !important;}
.treeview.text-lg  {font-size: 1.125rem !important;}
.treeview.text-xl  {font-size: 1.250rem !important;}
.treeview.text-xxl {font-size: 1.375rem !important;}

.treeview.line-height-xxs	{line-height: 1.25rem !important; }
.treeview.line-height-xs	{line-height: 1.50rem !important; }
.treeview.line-height-sm	{line-height: 1.75rem !important; }
.treeview.line-height-md	{line-height: 2.00rem !important; }
.treeview.line-height-lg	{line-height: 2.25rem !important; }
.treeview.line-height-xl	{line-height: 2.50rem !important; }
.treeview.line-height-xxl	{line-height: 2.75rem !important; }

.treeview.line-height-xxs > ul:first-child > li:first-child:after, .treeview.line-height-xxs > ul:first-child > li:only-child:after { height: 0.625rem !important; }
.treeview.line-height-xs  > ul:first-child > li:first-child:after, .treeview.line-height-xs  > ul:first-child > li:only-child:after { height: 0.750rem !important; }
.treeview.line-height-sm  > ul:first-child > li:first-child:after, .treeview.line-height-sm  > ul:first-child > li:only-child:after { height: 0.875rem !important; }
.treeview.line-height-md  > ul:first-child > li:first-child:after, .treeview.line-height-md  > ul:first-child > li:only-child:after { height: 1.000rem !important; }
.treeview.line-height-lg  > ul:first-child > li:first-child:after, .treeview.line-height-lg  > ul:first-child > li:only-child:after { height: 1.125rem !important; }
.treeview.line-height-xl  > ul:first-child > li:first-child:after, .treeview.line-height-xl  > ul:first-child > li:only-child:after { height: 1.250rem !important; }
.treeview.line-height-xxl > ul:first-child > li:first-child:after, .treeview.line-height-xxl > ul:first-child > li:only-child:after { height: 1.375rem !important; }

.treeview.line-height-xxs li:before, .treeview.line-height-xxs li:last-child:after, .treeview.line-height-xxs li .node-expander, .treeview.line-height-xxs li .node-expander + label:before { top: 0.625rem !important; }
.treeview.line-height-xs  li:before, .treeview.line-height-xs  li:last-child:after, .treeview.line-height-xs  li .node-expander, .treeview.line-height-xs  li .node-expander + label:before { top: 0.750rem !important; }
.treeview.line-height-sm  li:before, .treeview.line-height-sm  li:last-child:after, .treeview.line-height-sm  li .node-expander, .treeview.line-height-sm  li .node-expander + label:before { top: 0.875rem !important; }
.treeview.line-height-md  li:before, .treeview.line-height-md  li:last-child:after, .treeview.line-height-md  li .node-expander, .treeview.line-height-md  li .node-expander + label:before { top: 1.000rem !important; }
.treeview.line-height-lg  li:before, .treeview.line-height-lg  li:last-child:after, .treeview.line-height-lg  li .node-expander, .treeview.line-height-lg  li .node-expander + label:before { top: 1.125rem !important; }
.treeview.line-height-xl  li:before, .treeview.line-height-xl  li:last-child:after, .treeview.line-height-xl  li .node-expander, .treeview.line-height-xl  li .node-expander + label:before { top: 1.250rem !important; }
.treeview.line-height-xxl li:before, .treeview.line-height-xxl li:last-child:after, .treeview.line-height-xxl li .node-expander, .treeview.line-height-xxl li .node-expander + label:before { top: 1.375rem !important; }

.treeview.expander-xs li .node-expander + label:before { margin-top: -3px !important; margin-left: -3px !important; height:  7px !important; width:  7px !important; background-image: url('data:image/svg+xml;charset=utf8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" width="07" height="07"><path fill="%23808080" d="M 0,0 0,07 07,07 07,0 z M 1,1 06,1 06,06 1,06 z" /><path fill="%23000000" d="M 3,2 3,3 2,3 2,4 3,4 3,05 4,05 4,4 05,4 05,3 4,3 4,2 z" /></svg>') !important; }
.treeview.expander-sm li .node-expander + label:before { margin-top: -4px !important; margin-left: -4px !important; height:  9px !important; width:  9px !important; background-image: url('data:image/svg+xml;charset=utf8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" width="09" height="09"><path fill="%23808080" d="M 0,0 0,09 09,09 09,0 z M 1,1 08,1 08,08 1,08 z" /><path fill="%23000000" d="M 4,2 4,4 2,4 2,5 4,5 4,07 5,07 5,5 07,5 07,4 5,4 5,2 z" /></svg>') !important; }
.treeview.expander-md li .node-expander + label:before { margin-top: -5px !important; margin-left: -5px !important; height: 11px !important; width: 11px !important; background-image: url('data:image/svg+xml;charset=utf8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" width="11" height="11"><path fill="%23808080" d="M 0,0 0,11 11,11 11,0 z M 1,1 10,1 10,10 1,10 z" /><path fill="%23000000" d="M 5,2 5,5 2,5 2,6 5,6 5,09 6,09 6,6 09,6 09,5 6,5 6,2 z" /></svg>') !important; }
.treeview.expander-lg li .node-expander + label:before { margin-top: -6px !important; margin-left: -6px !important; height: 13px !important; width: 13px !important; background-image: url('data:image/svg+xml;charset=utf8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" width="13" height="13"><path fill="%23808080" d="M 0,0 0,13 13,13 13,0 z M 1,1 12,1 12,12 1,12 z" /><path fill="%23000000" d="M 6,2 6,6 2,6 2,7 6,7 6,11 7,11 7,7 11,7 11,6 7,6 7,2 z" /></svg>') !important; }
.treeview.expander-xl li .node-expander + label:before { margin-top: -7px !important; margin-left: -7px !important; height: 15px !important; width: 15px !important; background-image: url('data:image/svg+xml;charset=utf8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" width="15" height="15"><path fill="%23808080" d="M 0,0 0,15 15,15 15,0 z M 1,1 14,1 14,14 1,14 z" /><path fill="%23000000" d="M 7,2 7,7 2,7 2,8 7,8 7,13 8,13 8,8 13,8 13,7 8,7 8,2 z" /></svg>') !important; }

.treeview.expander-xs li .node-expander:checked + label:before { background-image: url('data:image/svg+xml;charset=utf8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" width="07" height="07"><path fill="%23808080" d="M 0,0 0,07 07,07 07,0 z M 1,1 06,1 06,06 1,06 z" /><path fill="%23000000" d="M 2,3 05,3 05,4 2,4 z" /></svg>') !important; }
.treeview.expander-sm li .node-expander:checked + label:before { background-image: url('data:image/svg+xml;charset=utf8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" width="09" height="09"><path fill="%23808080" d="M 0,0 0,09 09,09 09,0 z M 1,1 08,1 08,08 1,08 z" /><path fill="%23000000" d="M 2,4 07,4 07,5 2,5 z" /></svg>') !important; }
.treeview.expander-md li .node-expander:checked + label:before { background-image: url('data:image/svg+xml;charset=utf8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" width="11" height="11"><path fill="%23808080" d="M 0,0 0,11 11,11 11,0 z M 1,1 10,1 10,10 1,10 z" /><path fill="%23000000" d="M 2,5 09,5 09,6 2,6 z" /></svg>') !important; }
.treeview.expander-lg li .node-expander:checked + label:before { background-image: url('data:image/svg+xml;charset=utf8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" width="13" height="13"><path fill="%23808080" d="M 0,0 0,13 13,13 13,0 z M 1,1 12,1 12,12 1,12 z" /><path fill="%23000000" d="M 2,6 11,6 11,7 2,7 z" /></svg>') !important; }
.treeview.expander-xl li .node-expander:checked + label:before { background-image: url('data:image/svg+xml;charset=utf8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" width="15" height="15"><path fill="%23808080" d="M 0,0 0,15 15,15 15,0 z M 1,1 14,1 14,14 1,14 z" /><path fill="%23000000" d="M 2,7 13,7 13,8 2,8 z" /></svg>') !important; }

.treeview.no-treelines ul:before { border-left:1px solid transparent !important; }
.treeview.no-treelines li:before { border-top: 1px solid transparent !important; }

.treeview.expander-triangle li .node-expander		  + label:before { background-image: url('data:image/svg+xml;charset=utf8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 9 9" width="100%" height="100%"><path fill="%23808080" d="M 0,9 5,5 0,0 z" /></svg>') !important; }
.treeview.expander-triangle li .node-expander:checked + label:before { background-image: url('data:image/svg+xml;charset=utf8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 9 9" width="100%" height="100%"><path fill="%23808080" d="M 7,9 7,2 0,9 z" /></svg>') !important; }

.treeview.expander-triangle li .node-expander		  + label:before { background-image: url('data:image/svg+xml;charset=utf8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 9 9" width="100%" height="100%"><path fill="%23808080" d="M 2,9 7,5 2,0 z" /></svg>') !important; }
.treeview.expander-triangle li .node-expander:checked + label:before { background-image: url('data:image/svg+xml;charset=utf8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 9 9" width="100%" height="100%"><path fill="%23808080" d="M 5,7 9,2 0,2 z" /></svg>') !important; }











.treeview .node-checkbox,
.treeview .node-radio
{
/*background-color: red;*/
display: table-cell;
display: inline-block;
/*float: left;*/
/*margin: 8px 5px auto;*/
margin: -2px 4px;
padding: 0;
position: relative;
/*height: 16px;*/
height: 18px;
width: 18px;
}

.treeview .node-radio		input,
.treeview .node-checkbox	input
{
margin: auto;
top: auto;
right: auto;
bottom: auto;
left: auto;
position: absolute;
opacity: 0;
z-index: 2;
z-index: -1;
height: 18px;
width: 18px;
}

.treeview .node-radio		input + label,
.treeview .node-checkbox	input + label
{
/*background-color: blue;*/
display: inline-block;
margin: 0;
padding: 0;
line-height: 2rem;
position: absolute;
top: 0;
left: 0;
height: 18px;
width: 18px;
}

.treeview .node-radio		input + label:before,
.treeview .node-checkbox	input + label:before
{
margin: 0;
padding: 0;
position: absolute;
top: 0;
left: 0;
height: 16px;
width: 16px;
}






















html[dir="rtl"] .treeview:not(.code-treeview)
{
direction: rtl;
}

html[dir="rtl"] .treeview:not(.code-treeview) ul
{
margin:0 1rem 0 0; /* indentation */
margin-right:12px;	/* (icon_width / 2) */
}

html[dir="rtl"] .treeview:not(.code-treeview) ul:before
{
border-left:none;
border-right:1px dotted #808080;
left:auto;
right:0;
}

html[dir="rtl"] .treeview:not(.code-treeview) li
{
padding:0 1rem 0 0; /* indentation + .5rem */
text-align: right;
}

html[dir="rtl"] .treeview:not(.code-treeview) li:before
{
left:auto;
right:0;
}

html[dir="rtl"] .treeview:not(.code-treeview) li:last-child:after
{
left:auto;
right:0;
}

html[dir="rtl"] .treeview:not(.code-treeview) li .node-expander
{
left:auto;
right:0;
margin-left: 0;
margin-right: -4px;
}

html[dir="rtl"] .treeview:not(.code-treeview) li label
{
background-position: right 1px center;
padding-left: 0;
padding-right: 28px;
}

html[dir="rtl"] .treeview:not(.code-treeview) li .node-expander + label:before
{
left:auto;
right:0;
margin-left: 0;
margin-right: -4px;
}




/*
html[dir="rtl"] .treeview:not(.code-treeview).expander-triangle li .node-expander		  + label:before { background-image: url('data:image/svg+xml;charset=utf8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 9 9" width="100%" height="100%"><path fill="%23808080" d="M 7,9 2,5 7,0 z" /></svg>') !important; }
html[dir="rtl"] .treeview:not(.code-treeview).expander-triangle li .node-expander:checked + label:before { background-image: url('data:image/svg+xml;charset=utf8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 9 9" width="100%" height="100%"><path fill="%23808080" d="M 5,7 9,2 0,2 z" /></svg>') !important; }
*/

html[dir="rtl"] .treeview:not(.code-treeview).expander-triangle li .node-expander + label:before
{
-webkit-transform:scaleX(-1);
   -moz-transform:scaleX(-1);
	-ms-transform:scaleX(-1);
	 -o-transform:scaleX(-1);
		transform:scaleX(-1);
}

html[dir="rtl"] .treeview:not(.code-treeview).indent-xxs li { padding-right: 0.625rem !important; }
html[dir="rtl"] .treeview:not(.code-treeview).indent-xs  li { padding-right: 0.750rem !important; }
html[dir="rtl"] .treeview:not(.code-treeview).indent-sm  li { padding-right: 0.875rem !important; }
html[dir="rtl"] .treeview:not(.code-treeview).indent-md  li { padding-right: 1.000rem !important; }
html[dir="rtl"] .treeview:not(.code-treeview).indent-lg  li { padding-right: 1.125rem !important; }
html[dir="rtl"] .treeview:not(.code-treeview).indent-xl  li { padding-right: 1.250rem !important; }
html[dir="rtl"] .treeview:not(.code-treeview).indent-xxl li { padding-right: 1.375rem !important; }

html[dir="rtl"] .treeview:not(.code-treeview).icon-xxs label { padding-right: 22px !important; }
html[dir="rtl"] .treeview:not(.code-treeview).icon-xs  label { padding-right: 24px !important; }
html[dir="rtl"] .treeview:not(.code-treeview).icon-sm  label { padding-right: 26px !important; }
html[dir="rtl"] .treeview:not(.code-treeview).icon-md  label { padding-right: 28px !important; }
html[dir="rtl"] .treeview:not(.code-treeview).icon-lg  label { padding-right: 30px !important; }
html[dir="rtl"] .treeview:not(.code-treeview).icon-xl  label { padding-right: 32px !important; }
html[dir="rtl"] .treeview:not(.code-treeview).icon-xxl label { padding-right: 34px !important; }

html[dir="rtl"] .treeview:not(.code-treeview).icon-xxs ul { margin-right: 9px !important; }
html[dir="rtl"] .treeview:not(.code-treeview).icon-xs  ul { margin-right:10px !important; }
html[dir="rtl"] .treeview:not(.code-treeview).icon-sm  ul { margin-right:11px !important; }
html[dir="rtl"] .treeview:not(.code-treeview).icon-md  ul { margin-right:12px !important; }
html[dir="rtl"] .treeview:not(.code-treeview).icon-lg  ul { margin-right:13px !important; }
html[dir="rtl"] .treeview:not(.code-treeview).icon-xl  ul { margin-right:14px !important; }
html[dir="rtl"] .treeview:not(.code-treeview).icon-xxl ul { margin-right:15px !important; }

html[dir="rtl"] .treeview:not(.code-treeview).expander-xs li .node-expander + label:before { margin-right: -3px !important; }
html[dir="rtl"] .treeview:not(.code-treeview).expander-sm li .node-expander + label:before { margin-right: -4px !important; }
html[dir="rtl"] .treeview:not(.code-treeview).expander-md li .node-expander + label:before { margin-right: -5px !important; }
html[dir="rtl"] .treeview:not(.code-treeview).expander-lg li .node-expander + label:before { margin-right: -6px !important; }
html[dir="rtl"] .treeview:not(.code-treeview).expander-xl li .node-expander + label:before { margin-right: -7px !important; }

html[dir="rtl"] .treeview:not(.code-treeview).no-treelines ul:before { border-right:1px solid transparent !important; }





html[dir="rtl"] .treeview .node-radio		input + label,
html[dir="rtl"] .treeview .node-checkbox	input + label
{
margin: 0;
padding: 0;
}

























.treeview.code-treeview li .node-expander:not(:checked) ~ ul,
.treeview.code-treeview li .node-expander:not(:checked) ~ ul:before,
.treeview.code-treeview li .node-expander:not(:checked) ~ ul > li,
.treeview.code-treeview li .node-expander:not(:checked) ~ ul > li:before,
.treeview.code-treeview li .node-expander:not(:checked) ~ ul > li:last-child:after,

.treeview.code-treeview div,
.treeview.code-treeview div > ul,
.treeview.code-treeview div > ul:before,
.treeview.code-treeview div > ul > li,
.treeview.code-treeview div > ul > li:before,
.treeview.code-treeview div > ul > li:last-child:after
{
content: none;
display: inline !important;
margin: 0;
padding: 0;
}







.treeview.code-treeview li label,

.treeview.code-treeview li .node-expander:not(:checked) ~ label,
.treeview.code-treeview li .node-expander:not(:checked) ~ ul > li,
.treeview.code-treeview li .node-expander:not(:checked) ~ ul
{
display: inline !important;
line-height: 32px !important;
padding-top: 6px !important;
padding-bottom: 6px !important;
}

.treeview.code-treeview li .node-expander:not(:checked) ~ ul > li > .node-expander,
.treeview.code-treeview li .node-expander:not(:checked) ~ ul > li > .node-expander + label:before,

.treeview.code-treeview div > ul > li > .node-expander,
.treeview.code-treeview div > ul > li > .node-expander + label:before
{
/*
display: none !important;
*/
visibility: hidden;
height: 0;
width: 0;
z-index: -1;
}

/*
.treeview.code-treeview ul ul
{
margin-left: 0px !important;
}
*/







.treeview.code-treeview ul
{
margin: 0 0 0 .25rem !important;
}





.treeview.code-treeview ul ul
{
margin: 0 !important;
}







.treeview.code-treeview ul li .node-expander:checked ~ ul
{
padding: 0 0 0 .25rem !important;
}

.treeview.code-treeview ul li .node-expander:not(:checked) ~ ul
{
padding-left: 0 !important;
}

.treeview.code-treeview ul ul:before
{
left: .25rem;
}









.treeview.code-treeview li .node-expander:checked + label
{
white-space: pre;
}

.treeview.code-treeview label
{
padding-left: 0;
}

.treeview.code-treeview label:hover
{
text-decoration: none;
}





/**/

.treeview.code-treeview li .node-expander:hover ~ ul:before,
.treeview.code-treeview li .node-expander + label:hover ~ ul:before,
.treeview.code-treeview li .node-expander:hover ~ ul ul:before,
.treeview.code-treeview li .node-expander + label:hover ~ ul ul:before
{
border-left:1px dotted #32bc00 !important;
}

.treeview.code-treeview li .node-expander:hover ~ ul li:before,
.treeview.code-treeview li .node-expander + label:hover ~ ul li:before
{
border-top:1px dotted #32bc00 !important;
}

.treeview.code-treeview li .node-expander:hover ~ label
{
background-color: #fad2fa;
}

.treeview.code-treeview li .node-expander:hover ~ ul,
.treeview.code-treeview li .node-expander + label:hover ~ ul,
.treeview.code-treeview li .node-expander:hover ~ ul ul,
.treeview.code-treeview li .node-expander + label:hover ~ ul ul,
.treeview.code-treeview li .node-expander:hover ~ ul li,
.treeview.code-treeview li .node-expander + label:hover ~ ul li
{
background-color: #fafad2;
}

/*.treeview.code-treeview li .node-expander:hover ~ div,
.treeview.code-treeview li .node-expander + label:hover ~ div
{
background-color: #d2fafa;
}*/

.treeview.code-treeview li .node-expander:hover ~ ul li:last-child:after,
.treeview.code-treeview li .node-expander + label:hover ~ ul li:last-child:after
{
background-color: #fafad2;
}