#chart-container {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  position: relative;
  display: inline-block;
  top: 10px;
  left: 10px;
  height: 420px;
  width: calc(100% - 24px);
  border: 2px dashed #aaa;
  border-radius: 5px;
  overflow: hidden;
  text-align: center;
}

.home-link {
  margin-top: 20px;
  margin-right: 20px;
  float: right;
}

.home-link a {
  font-size: 36px;
  color: #d43f3a;
  text-decoration: none;
}

.home-link a:hover {
  text-shadow: 0 0 6px #d43f3a;
}

.home-link a:hover+i {
  animation: jump 0.6s ease infinite;
  -webkit-animation: jump 0.6s ease infinite;
}

@keyframes jump {
    0% {top: 0px;}
    50% {top: -6px;}
    100% {top: 6px;}
}

@-webkit-keyframes jump {
    0% {top: 0px;}
    50% {top: -6px;}
    100% {top: 6px;}
}

.home-link i {
  position: relative;
    font-size: 48px;
    color: #fff;
    text-shadow: 0 1px 0 #ccc,
      0 2px 0 #c9c9c9,
      0 3px 0 #bbb,
      0 4px 0 #b9b9b9,
      0 5px 0 #aaa,
      0 6px 1px rgba(0,0,0,.1),
      0 0 5px rgba(0,0,0,.1),
      0 1px 3px rgba(0,0,0,.3),
      0 3px 5px rgba(0,0,0,.2),
      0 5px 10px rgba(0,0,0,.25),
      0 10px 10px rgba(0,0,0,.2),
      0 20px 20px rgba(0,0,0,.15);
}

.orgchart {
  background: #fff; 
  padding: 0px;
  
}
.orgchart td.left, .orgchart td.right, .orgchart td.top {
  border-color: #aaa;
}
.orgchart td>.down {
  background-color: #aaa;
}
.orgchart .nivel1 .title {
  background-color: #006699;
}
.orgchart .nivel1 .content {
  border-color: #006699;
}
.orgchart .nivel2 .title {
  background-color: #009933;
}
.orgchart .nivel2 .content {
  border-color: #009933;
}
.orgchart .nivel6 .title {
  background-color: #993366;
}
.orgchart .nivel6 .content {
  border-color: #993366;
}
.orgchart .nivel5 .title {
  background-color: #996633;
}
.orgchart .nivel5 .content {
  border-color: #996633;
}
.orgchart .nivel3 .title {
  background-color: #ef3737;
}
.orgchart .nivel3 .content {
  border-color: #ef3737;
}
.orgchart .nivel4 .title {
  background-color: #fa7800;
}
.orgchart .nivel4 .content {
  border-color: #fa7800;
}
.orgchart .nivel7 .title {
  background-color: #cc0066;
}
.orgchart .nivel7 .content {
  border-color: #cc0066;
}
#chart-container{
  height: auto;
  border: 0px solid #000;
}
.second-menu-icon{
	position:absolute;
	top:0px;
	right:0px;
}
.second-menu{
	display: none;
    position: absolute;
    left: 95px;
    top: 13px;
    font-size: 11px;
    background: rgba(0,0,0,0.7);
    color: #fff;
    padding: 0px 6px;
    border-radius: 4px;
    z-index: 999;
}
.second-menu.active{
	display: block;
}

.orgchart .node {
  display: inline-block;
  position: relative;
  margin: 0;
  padding: 3px;
  border: 2px dashed transparent;
  text-align: center;
  width: 100%;
}

.orgchart .node .title {
    text-align: center;
    font-size: 12px;
    font-weight: bold;
    padding: 5px;
    height: auto !important;
    width: auto !important;
    box-sizing: border-box !important;
    overflow: auto !important;
    text-overflow: inherit !important;
    white-space: normal !important;
}

.orgchart .node .content {
    text-align: center;
    font-size: 12px;
    font-weight: bold;
    padding: 5px;
    height: auto !important;
    width: auto !important;
    box-sizing: border-box !important;
    overflow: auto !important;
    text-overflow: inherit !important;
    white-space: normal !important;
}

.orgchart .node .toggleBtn {
	font-weight: bold;
}
/* para uso de icones do font-awesome */
   .orgchart .node .title .parentNodeSymbol {
      margin-top: 7px;
      margin-left: 2px;
    }

    .orgchart .node .edge::before {
      color: rgba(68, 157, 68, 0.75);
    }
    
    .orgchart .edge:hover::before {
      color: #449d44;
    }
    
    .orgchart .node .verticalEdge::before {
      left: calc(50% - 6px);
    }
    
    .orgchart .node .horizontalEdge::before {
      top: calc(50% - 0.5px);
    }
    
    .orgchart .node .topEdge.fa-angles-up::before {
      top: 2px;
    }
    
    .orgchart .node .topEdge.fa-angles-down::before {
      bottom: 4px;
    }
    
    .orgchart .node .bottomEdge.fa-angles-up::before {
      bottom: 4px;
    }
    
    .orgchart .node .bottomEdge.fa-angles-down::before {
      bottom: 1px;
    }
    
    .orgchart .node .leftEdge.fa-angles-right::before {
      left: -3px;
    }
    
    .orgchart .node .leftEdge.fa-angles-left::before {
      left: 1px;
    }
    
    .orgchart .node .rightEdge.fa-angles-left::before {
      right: -3px;
    }
    
    .orgchart .node .rightEdge.fa-angles-right::before {
      right: 1px;
    }
    
    .orgchart .node .toggleBtn::before {
      bottom: 7px;
      font-size: 16px;
      background-color: white;
      color: rgb(96, 188, 96);
    }
    .orgchart .node .toggleBtn:hover::before {
      background-color: white;
      color: #1d8a1d;
    }