*, *:before, *:after {
	 -webkit-box-sizing: border-box;
	 -moz-box-sizing: border-box;
	 box-sizing: border-box;
}

 #wrapper {
	 position: relative;
}
 .branch {
	 position: relative;
	 margin-left: 250px;
}
 .branch:before {
	 content: "";
	 width: 50px;
	 border-top: 2px solid #000000;
	 position: absolute;
	 left: -100px;
	 top: 50%;
	 margin-top: 1px;
}
 .entry {
	 position: relative;
	 min-height: 60px;
}
 .entry:before {
	 content: "";
	 height: 100%;
	 border-left: 2px solid #000000;
	 position: absolute;
	 left: -50px;
}
 .entry:after {
	 content: "";
	 width: 50px;
	 border-top: 2px solid #000000;
	 position: absolute;
	 left: -50px;
	 top: 50%;
	 margin-top: 1px;
}
 .entry:first-child:before {
	 width: 10px;
	 height: 50%;
	 top: 50%;
	 margin-top: 2px;
	 border-radius: 10px 0 0 0;
}
 .entry:first-child:after {
	 height: 10px;
	 border-radius: 10px 0 0 0;
}
 .entry:last-child:before {
	 width: 10px;
	 height: 50%;
	 border-radius: 0 0 0 10px;
}
 .entry:last-child:after {
	 height: 10px;
	 border-top: none;
	 border-bottom: 2px solid #000000;
	 border-radius: 0 0 0 10px;
	 margin-top: -9px;
}
 .entry.sole:before {
	 display: none;
}
 .entry.sole:after {
	 width: 50px;
	 height: 0;
	 margin-top: 1px;
	 border-radius: 0;
}
 .label {
	 display: block;
	 min-width: 150px;
	 padding: 5px 10px;
	 line-height: 20px;
	 text-align: center;
	 border: 2px solid #000000;

	  font-family: 'Dosis';
	   font-weight: 700;
	  font-size: 12px;

	 border-radius: 5px;
	 position: absolute;
	 left: 0;
	 top: 50%;
	 margin-top: -15px;
}
 .back-black {
   background: #000000;
   color:#fff;
}
 .back-champagne {
   background: #ebe0d0;
   color:#000;
}
 .back-yellow {
   background: #ffff33;
   color:#000;
}
 .back-white {
   background: #ffffff;
   color:#000;
}
 .back-cyan {
   background: #D7FBFD;
   color:#000;
}
 .back-flurry {
   background: #E5F6C0;
   color:#000;
}
 .back-aliceBlue {
   background: #F0F8FF;
   color:#000;
}
 .back-antiqueWhite {
   background: #FAEBD7;
   color:#000;
}

 .back-aqua {
   background: #00FFFF;
   color:#000;
}
 .back-aquamarine {
   background: #7FFFD4;
   color:#000;
}
.back-azure {
	background: #F0FFFF;
	color:#000;
 }
  .back-beige {
	background: #FFE4C4;
	color:#000;
 }
 
  .back-bisque {
	background: #D7FBFD;
	color:#000;
 }
  .back-blanchedAlmond {
	background: #FFEBCD;
	color:#000;
 }
 .back-turquoise {
	background: #40E0D0;
	color:#000;
 }
  .back-violet {
	background: #EE82EE;
	color:#000;
 } 
  .back-whiteSmoke {
	background: #F5F5F5;
	color:#000;
 }
  .back-yellowGreen {
	background: #9ACD32;
	color:#000;
 }
 .back-wheat {
	background: #F5DEB3;
	color:#000;
 }
  .back-springGreen {
	background: #00FF7F;
	color:#000;
 }
 
  .back-tan {
	background: #D2B48C;
	color:#000;
 }
  .back-thistle {
	background: #D8BFD8;
	color:#000;
 }
 .back-ivory {
	background: #FFFFF0;
	color:#000;
 }
  .back-khaki {
	background: #F0E68C;
	color:#000;
 }
 
  .back-lavender {
	background: #E6E6FA;
	color:#000;
 }
  .back-lavenderBlush {
	background: #7CFC00;
	color:#000;
 }

 .back-lemonChiffon {
	background: #FFFACD;
	color:#000;
 }
 .back-lightCyan {
	background: #E0FFFF;
	color:#000;
 }
 .back-lightGoldenRodYellow {
	background: #FAFAD2;
	color:#000;
 }
 .back-lightGray {
	background: #D3D3D3;
	color:#000;
 }
  .back-lightBlue {
	background: #ADD8E6;
	color:#000;
 }
 .back-lightCoral {
	background: #F08080;
	color:#000;
 }
.back-lightGrey {
	background: #D3D3D3;
	color:#000;
 }
 .back-lightGreen {
	background: #90EE90;
	color:#000;
 }
 .back-lightPink {
	background: #FFA07A;
	color:#000;
 }
 .back-lightSalmon {
	background: #FFA07A;
	color:#000;
 }
 .back-lightSkyBlue {
	background: #87CEFA;
	color:#000;
 }
 .back-lightSteelBlue {
	background: #B0C4DE;
	color:#000;
 }
.back-lightYellow {
	background: #FFFFE0;
	color:#000;
 }
 .back-lime {
	background: #00FF00;
	color:#000;
 } .back-linen {
	background: #FAF0E6;
	color:#000;
 }
 .back-coral {
	background: #FF7F50;
	color:#000;
 } 

.back-fuchsia {
	background: #FF00FF;
	color:#000;
 }
 .back-hotPink {
	background: #FF69B4;
	color:#000;
 } .back-orchid {
	background: #DA70D6;
	color:#000;
 }
 .back-paleGoldenRod {
	background: #EEE8AA;
	color:#000;
 }
  .back-paleGreen {
	background: #98FB98;
	color:#000;
 }
  .back-paleTurquoise {
	background: #AFEEEE;
	color:#000;
 }
 
 .back-peachPuff {
	background: #FFDAB9;
	color:#000;
 }
 
  .back-papayaWhip {
	background: #FFEFD5;
	color:#000;
 }
  .back-paleVioletRed {
	background: #DB7093;
	color:#000;
 }

.back-Pink {
	background: #FFC0CB;
	color:#000;
 }
 
  .back-Plum {
	background: #DDA0DD;
	color:#000;
 }
  .back-powderBlue {
	background: #B0E0E6;
	color:#000;
 }

 .back-red {
   background: #EF4444;
   color:#fff;
}
 .back-pink {
   background: #ff0080;
   color:#fff;
}
 .back-green {
   background: #10B981;
   color:#fff;
}
.back-orange {
   background: #F59E0B;
   color:#fff;
}
 .back-blue {
   background: #3B82F6;
   color:#fff;
}

a.tree-black{
		text-decoration : none;
        font-family: 'Dosis';
	     font-weight: 700;
	    font-size: 12px;
	    color:#000;
}
a.tree-white{
		text-decoration : none;
        font-family: 'Dosis';
	     font-weight: 700;
	    font-size: 12px;
	    color:#fff;
}
a.tree-lili{
	text-decoration : underline;
	font-size: 14px;
	color:#4b0346;
}