.back-wrapper {
    display: inline-block;
    //margin-bottom: 10px;
}

.staff .back-wrapper.well.staff {
    background: none repeat scroll 0 0 #fff;
}

.wrapper-element .name {
    font-weight: bold;
}

.wrapper-element .puesto {
    color: #444;
}

.wrapper-children.staff:after {
    width: calc(25px + 8.333%) !important;
}

.back-wrapper {
 //   background-color: #eee;
 //   box-shadow: 1px 1px 3px #CCCCCC;
 //   padding: 4px;
}

.back-wrapper.well{
 	margin-bottom: 0px;
}

.wrapper-element.staff .back-wrapper {
 //   background: none repeat scroll 0 0 #fefefe;
 //   border: 1px dotted #ccc;
 //   padding: 4px;
}


.wrapper-element {
    display: inline-block;
}

.depth-0 .back-wrapper {
//	background-color: #DDDDDD;
}
.depth-1 .back-wrapper {
//	background-color: #E6E6E6;
}
.depth-2 .back-wrapper {
//	background-color: #EEEEEE;
}
.depth-3 .back-wrapper {
//	background-color: #F5F5F5;
}

 //----
 
 
 .wrapper-general{
    min-height:20px;
    padding:19px;
    margin-bottom:20px;
    background-color:#fbfbfb;
    border:1px solid #999;
    -webkit-border-radius:4px;
    -moz-border-radius:4px;
    border-radius:4px;
    -webkit-box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.05);
    -moz-box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.05);
    box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.05);
}
 .wrapper-general .wrapper-children {
    list-style-type:none;
    margin:0;
    padding:10px 5px 0 5px;
    position:relative;
}
 .wrapper-general .wrapper-children::before, 
 .wrapper-general .wrapper-children::after {
    content:'';
    left:-20px;
    position:absolute;
    right:auto;
}

.wrapper-general .wrapper-children.depth-0::after {
	border-top: none !important;
}

.wrapper-general .wrapper-children.depth-0::before, 
.wrapper-general .wrapper-children.depth-0::after {
	left:0px;
	position: unset; 
}

 .wrapper-general .wrapper-children.depth-0::before {
	 border: none;
 }

 .wrapper-general .wrapper-children::before {
    border-left:1px solid #999;
    bottom:50px;
    height:100%;
    top:0;
    width:1px;
}
 .wrapper-general .wrapper-children::after {
    border-top:1px solid #999;
    height:20px;
    top:33px;
    width:25px;
}
 .wrapper-general .wrapper-children  .back-wrapper {
   // -moz-border-radius:5px;
    //-webkit-border-radius:5px;
    //border:1px solid #999;
    //border-radius:5px;
    display:inline-block;
 //   padding:3px 8px;
    text-decoration:none;
}
 .wrapper-general .wrapper-children .wrapper-element.first> .back-wrapper {
    cursor:pointer;
}
 .wrapper-general>.level>.wrapper-children::before, 
 .wrapper-general>.level>.wrapper-children::after {
    border:0;
}
 .wrapper-general .wrapper-children:last-child::before {
    height:33px;
}
 .wrapper-general .wrapper-element.first> .back-wrapper:hover, 
 .wrapper-general .wrapper-element.first> .back-wrapper:hover+.level .wrapper-children .back-wrapper {
    background:#eee;
    border:1px solid #94a0b4;
    color:#000;
}