.chart-active .the-chart {
  border-radius:50%;
  width:90px;
  height:90px;
  background-color: #3498db;
  color: #fff;
  border: 1px solid #3498db;
  -webkit-transition: all .5s ease-in-out;
  transition: all .5s ease-in-out;
}
.the-chart {
   border-radius:50%;
  width:90px;
  height:90px;
  padding: 5px;
  border: 1px solid #3498db;
 /* overflow:hidden;*/
 /*  border-radius: 5px;*/
}
.the-chart p{
  font-size:10px !important;
  margin:0px !important;
  width:78px;
}
.the-chart a{
  position:absolute;
  top:0px;
 }
.userInfoBtn .material-icons{
  font-size:21px !important;
  
}
.text-center {
  text-align: center;
  margin: 20px 0;
   }
.resp-img{
  height:35px;
/*  width:35px;*/
}
/*.resp-img:hover{height:40px;width:40px;}*/
.stiff-chart-inner li{max-width:100px;}
.chart-display{}

/*# sourceMappingURL=maps/custom.css.map */


#hierarchy-chart .hi-role-details p{

  margin:0px !important;
  text-align:left;
    padding:5px;
    clear:both;
    display:block;
    cursor:default;
}
#hierarchy-chart .hi-role-details{
    display:none;
    position: absolute;
    transform: translate3d(100px, 0px, 0px) !important;
    top: 0px;
   /* left:100px;*/
    will-change: transform;
    z-index:9998;
    padding: 5px !important;
    min-width: 360px;
    max-width: auto;
    min-height: 250px;
    background-color:#fff;
    box-shadow: 3px 1px 10px rgba(0,0,0,0.2);
}
.hi-role-details .material-icons {
    cursor: pointer;
}

.chart-vertical .stiff-chart-inner li {
  font-size:14px !important;
    display: inline-block;
    padding: 0 5px;
}

.chart-vertical .the-chart .total-child {
    bottom: -14px;
    color:#000;
}

.the-chart .total-child {
    position: absolute;
    display: inline;
    left: 0px;
    font-size: 10px;
    bottom: -14px;
}  

.userInfoBtn{
  color:#818181 !important;
  position:absolute;
  top:-2px;
  right:0px;
}
/*.chart-active .role-info{color:#fff !important;}*/

.view-bttn a{
     text-align:center;    
    width:100px !important;
    color: #fff !important;
    display: inline-block !important;
    padding:4px;
}

.inf-name{
  width:50%;
  float:left;
}
.inf-content{

    width:50%;
}
#hierarchy-chart{
  height:auto;
  }
.info-resp-img{

  height:35px;
  position:absolute;
  right:2px;
  top:10px;
}

/* .person-role{
  color: #fe573c;
 
} */
.person-name{
height:14px;

}
.icn-close{
  position:absolute;
  top:-10px;
  right:-2px;
  z-index:999999;
 
}
.icn-close .material-icons{
  font-size:15px;
   border:1px solid #000;
  border-radius:50%;
}
#hierarchy-chart .hi-role-details.show{z-index:99999999 !important;}