#tps-org-chart{
  background:#fff;
  padding:20px 20px 40px 20px;
  margin-bottom:2em;
}
figure ul,
figure ul li,
figure ul li a{
  position:relative;
}
figure ul{
  padding: 0;
  margin: 0;
  list-style: none;   
}
figure ul li{
  padding:10px 0;
  text-align: center;
}
figure ul li a{
  display: block;
  border: 4px solid;
  border-radius: 20px 20px 20px 0;
  text-align: center;
  color:#fff;
  font-weight:normal;
  font-size: 14px;
  /* height: 80px; */
  max-height: 80px;
  overflow: visible;
  padding: 10px 0px;
  line-height: 15px;
}
figure ul li a.full-rounded-when-full-width,
figure ul li a.full-rounded {
  border-radius: 20px;
}
figure ul li a:hover{
  color:#fff;
  text-decoration:none;
}
figure ul li a > img + span {
 // margin: 0 22px 0 48px;
}
figure ul li a > span{
  display:block;
  min-height:100%;
  margin: 0 20px;
  /* padding-top:20px; */
  /* padding: 28px; */
  overflow:hidden;
  transition:all ease .4s;
  /*text-shadow:rgba(0,0,0,0.5) 1px 1px 1px;*/
  color: #000;
}
figure ul > li a:hover {
  background: #333 !important;
}
figure small{
  display:block;
  font-weight:normal;
}


 

/* Level 1 */
figure > ul > li > div > a{
  width:30%;
  margin:0 auto 15px auto;
}
figure > ul > li > div:after{
  content:"";
  width:calc(50%);
  height:25px;
  margin:0 auto;
  position:absolute;
  border-left:4px solid;
  top:68px;
  left:calc(50% - 2px);
  display:block;
  z-index:0;
}

/* Level 2 */
figure > ul > li > ul:after{  
  content:"";
  width:calc(100% - 30px - 248px + 4px);
  height:20px;
  margin:0 auto;
  position:absolute;
  border:4px solid;
  border-bottom:none;
  top:6px;
  left:calc(15px + 124px - 2px);
  display:block;
  z-index:0;
}
figure > ul > li > ul > li{
  z-index:1;
}
figure > ul > li > ul > li:first-of-type:before,
figure > ul > li > ul > li:last-of-type:before{  
  border-left:transparent;
}
figure > ul > li > ul > li:before{ 
  content:"";
  border-left:4px solid;
  position:relative;
  display:block;
  min-height:20px;
  margin-left:calc(50% - 2px);
}

/* Level 3 */
figure > ul > li > ul > li > ul{  
  border-left: 4px solid;
}
figure > ul > li > ul > li > ul > li{ 
  border-top: 4px solid;
  top:50px;
}
figure ul > li > ul > li > ul > li > a{  
  right:-30px;
  top:-50px;
  width:calc(100% - 30px);
}

/* Level 4 */
figure > ul > li ul > li > ul > li > ul{  
  border-left: 4px solid;
  right:-30px;
  top:-50px;
  width:calc(100% - 30px);
  padding-top: 10px;
}
figure ul > li > ul > li > ul > li.tps-org-branch-end{  
  border-left: 4px solid #fff;
  right:4px;
  width:calc(100% + 4px);
}
figure ul > li > ul > li > ul > li > ul > li{ 
  border-top: 4px solid;
  top:50px;
}



 
@media all and (max-width: 800px){
  figure ul li a.full-rounded-when-full-width {
    border-radius: 20px 20px 20px 0;
  }
}
@media all and (max-width: 1200px){
  
  figure > ul > li > div > a{
    width:100%;
    margin:0 auto;
  }
  figure > ul > li > ul{  
    border-left: 4px solid;
  }
  figure > ul > li > ul > li{ 
    border-top: 4px solid;
    top:50px;
  }
  figure > ul > li > div:after,
  figure > ul > li > ul:after,
  figure > ul > li > ul > li:first-of-type:before,
  figure > ul > li > ul > li:last-of-type:before,
  figure > ul > li > ul > li:before{
    display: none;
  }
  figure > ul > li > ul > li.col-lg-4{
    padding-right:0;
    padding-left:30px;
  }
  figure > ul > li > ul > li > a,
  figure > ul > li > ul > li > ul{
    top:-50px;
  }
  figure ul > li > ul > li.tps-org-branch-end:last-of-type{  
    border-left: 4px solid #fff;
    right:4px;
    width:calc(100% + 4px);
  }

}

 

/* Line color  */
figure ul li a,
figure > ul > li > ul,
figure > ul > li > ul:after,
figure > ul > li > div:after,
figure > ul > li > ul > li,
figure > ul > li > ul > li:before,
figure > ul > li > ul > li > ul,              
figure > ul > li > ul > li > ul > li,         
figure > ul > li ul > li > ul > li > ul,      
figure ul > li > ul > li > ul > li > ul > li{ 
  border-color: #bbb;
}

/* Background color  */
#tps-org-chart,
figure ul > li > ul > li > ul > li.tps-org-branch-end{
  background: #fff;
}
/* Box colors by column  */
figure ul li a{ background:#bbbbbb;} 
figure > ul > li > ul > li:nth-of-type(1) a{  background:#00a6de; }
figure > ul > li > ul > li:nth-of-type(1) a:hover{ color:#00a6de; }
figure > ul > li > ul > li:nth-of-type(2) a{  background:#ffc628; }
figure > ul > li > ul > li:nth-of-type(2) a:hover{ color:#66d43d; }
figure > ul > li > ul > li:nth-of-type(3) a{  background:#00a6de; }
figure > ul > li > ul > li:nth-of-type(3) a:hover{ color:#f7a30a; }
figure > ul > li > ul > li:nth-of-type(4) a{  background:#8c42ad; }
figure > ul > li > ul > li:nth-of-type(4) a:hover{ color:#bf75df; } 
figure > ul > li > ul > li:nth-of-type(5) a{  background:#de5433; }
figure > ul > li > ul > li:nth-of-type(5) a:hover{ color:#ef6544; } 

/*figure > ul > li > ul > li:nth-of-type(6) a{  background:#00b0ab; }
figure > ul > li > ul > li:nth-of-type(6) a:hover{ color:#00b0ab; }*/

/* Darken each level */
figure > ul > li > ul > li > a {
  background:rgba(0,0,0,0);
}
figure > ul > li > ul > li > ul > li > a {
  background:rgba(0,0,0,0.2);
}
figure > ul > li > ul > li > ul > li > ul > li > a {
  background:rgba(0,0,0,0.4);
}
figure > ul > li > ul > li > ul > li > ul > li > ul > li > a {
  background:rgba(0,0,0,0.6);
}

#tps-org-chart figure img {
  position: absolute;
  left: .8em;
  top: 50%;
  transform: translate(0, -50%);
  height: 40px;
  width: 40px;
  border-radius: 50%;
}