.TransversalTree {
	display: flex;
	justify-content:flex-start;
	align-items: center;
	height: 100%;
}
.TransversalTree-box{
	border: 2px solid #ddd;
	width: 120px;
	height: 40px;
	line-height: 40px;
	text-align: center;
	border-radius: 5%;
	position: relative;
	margin: 7px;
}
.TransversalTree-item {
	display: flex;
	flex-direction: column;
    justify-content: center;
	margin-left: 20px;
}
.TransversalTree-btn{
	width: 14%;
    height: 43%;
	background:#fff;
	border:1px solid #ddd;
	border-radius:50%;
	display: flex;
	align-items: center;
	justify-content: center;
	position: absolute;
	left: 93%;
    top: 33%;
}
.TransversalTree-btn i{
	color:#2d8cf0;
	font-size: 12px;
}
.ng-star-0.ng-star-inserted{	
	position:relative;
}
.ng-star-0.ng-star-inserted:after{
	content: '';                
	position: absolute;       
	top: 0px;
	left: -10px;
	background: #ddd;      
	height: 100%;
	width: 2px;
}
.ng-star-0.ng-star-inserted:first-child:after{
	height: 50%;
	top:50%;
}

.ng-star-0.ng-star-inserted:last-child:after{
	height: 50%;
}
.only.ng-star-0.ng-star-inserted:last-child:after{
	height: 0;
}
.ng-star-0.ng-star-inserted:before{
	content: '';                
	position: absolute;        
	left: -10px;
	top: 50%;
	background: #ddd;      
	height: 2px;
	width: 17px;
}
.TransversalTreeBox::before{
	content: '';                
	position: absolute;        
	left: 103%;
	top: 50%;
	background:#ddd;      
	height: 2px;
	width: 17px;
}