/* CSS Tree menu styles */
/* Example Site
https://www.thecssninja.com/demo/css_tree/
*/
.tree ol /*List Box*/
{
	padding: 0 0 0 0px;
	width: 120%; /*border:solid 1px red;*/
}

	.tree li /*All List Elements*/ 
	{ 
		position: relative; 
		margin-left: 0px;
		list-style: none;
		color:white;
		
	}
	.file li
	{
		margin-left: 5px !important;  padding:0;
	}
		.file li a
		{
			background: 0 0 no-repeat;
			color: white;
			padding-left: 1px;
			text-decoration: none;
			display: block;
		}
		
		.file li a:hover{color: rgba(237, 125, 49, 1.0);}
		/*li.file a[href *= '.pdf']	{ background:  0 0 no-repeat; }
		li.file a[href *= '.html']	{ background:  0 0 no-repeat; }
		li.file a[href $= '.css']	{ background:  0 0 no-repeat; }
		li.file a[href $= '.js']		{ background:  0 0 no-repeat; }*/
	.file li input
	{
		position: absolute;
		left: 0;
		margin-left: 0;
		opacity: 0;
		z-index: 2;
		cursor: pointer;
		height: 1em;
		width: 1em;
		top: 0; 
	}
		.file li input + ol
		{
			background: url(toggle-small-expand.png) 40px 0 no-repeat;
			margin: -1.0em 0 0 -30px; /* 15px */
			height: 1em; 
		}
		.file li input + ol > li { display: none; margin-left: 0px !important; padding-left: 1px; }
		
		
	.file li label
	{
		background: 15px 1px no-repeat;
		cursor: pointer;
		display: block;
		padding-left: 5px;
		color:white; 
	}
	.file li label a:hover{color: rgba(237, 125, 49, 1.0);}
	.file li label:hover{color: rgba(237, 125, 49, 1.0);}

	.file li input:checked + ol
	{
		background: url(toggle-small.png) 40px 5px no-repeat;
		margin: 0px 0 0 40; /* 20px */
		padding: .75em 0 0 40px;
		height: auto;
	}
		.file li input:checked + ol > li { display: block; margin: 0 0 0.125em;  /* 2px */}
		.file li input:checked + ol > li:last-child { margin: 0 0 0.063em; /* 1px */ }
		
		
		
	@media screen and (max-width: 400px) {
		.file li {margin-left: 3px;}
		.file li label{margin-left: 10px;}
	}