ul.tree, ul.tree ul {
    list-style: none;
     margin-left: 20px;
     padding: 0;
   } 
   
   ul.tree ul {
     margin-left: 10px;
   }
   ul.tree li {
     margin: 0;
     padding: 0 7px;
     line-height: 20px;
     color: #8b8b8b;
     border-left:2px solid  #8b8b8b;

   }
   ul.tree li:last-child {
       border-left:none;
   }
   ul.tree li:before {
      position:relative;
      top:-0.3em;
      height:1em;
      width:12px;
      color:white;
      border-bottom:2px solid #8b8b8b;
      content:"";
      display:inline-block;
      left:-7px;
   }
   ul.tree li:last-child:before {
      border-left:2px solid #8b8b8b;   
   }

   ul.tree .tree__label{
	padding: 2px;
   	border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
   }

	   ul.tree .tree__label-type--blue{
	   	background-color: #8CC6D7;
	   	border: 1px solid #8CC6D7;
	   	color: white;
	   }
	   
	   ul.tree .tree__label-type--red{
	   	background-color: #DB1B32;
	   	border: 1px solid #DB1B32;
	   	color: white;
	   }
	   
	   ul.tree .tree__label-value{
		padding: 2px;
	    border-top-right-radius: 4px;
	    border-bottom-right-radius: 4px;
	
	   }
	   
		   ul.tree .tree__label-value--red{
			background: #fff;
		   	color:#db1b32;
		   	border-bottom: 1px solid #db1b32;
		    border-right: 1px solid #db1b32;
		   	border-top: 1px solid #db1b32;
		   }
	   
		   ul.tree .tree__label-value--blue{
			background: #fff;
		   	color:#8CC6D7;
		   	border-bottom: 1px solid #8CC6D7;
		    border-right: 1px solid #8CC6D7;
		   	border-top: 1px solid #8CC6D7;
		   }

ul.tree__files-loaded li{
	font-size:13px;
}