#chart-container { height:  540px; }
    .orgchart { padding-bottom: 20px; }

    .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;
    }
	#chart-container  .content {
  white-space: normal;
      height: auto;
}
 .orgchart { background: #fff; }
    .orgchart td.left, .orgchart td.right, .orgchart td.top { border-color: #aaa; }
    .orgchart td>.down { background-color: #aaa; }
	
	
    .orgchart .dg .title { background-color: #d7a203;font-size: 18px;
    width: 200px;padding: 5px;height: 30px; }
    .orgchart .dg .content { border-color: #d7a203;  width: 200px; font-size: 15px;}
	
	  .orgchart .da .title { background-color: #ebcc6f;font-size: 16px;
    width: 100px;padding: 5px;height: 30px;     margin-top: -10px;}
    .orgchart .da .content { border-color: #ebcc6f;  width: 100px; font-size: 14px;}
	
		  .orgchart .ct .title { background-color: #5fe38b;font-size: 14px;
    width: 100px;padding: 5px;height: 30px; }
    .orgchart .ct .content { border-color: #5fe38b;  width: 100px; font-size: 12px;}
	

	
	
			  .orgchart .direction .title { background-color: #009933;font-size: 14px;
    width: 100px;padding: 5px;height: 30px; }
    .orgchart .direction .content { border-color: #009933;  width: 100px; font-size: 12px;    min-height: 100px;}
	
			  .orgchart .service .title { background-color: #993366;font-size: 14px;
    width: 100px;padding: 5px;height: 30px; }
    .orgchart .service .content { border-color: #993366;  width: 100px; font-size: 12px;    min-height: 100px;}
	
	.orgchart .servicedg .title { background-color: #993366;;font-size: 14px;
    width: 100px;padding: 5px;height: 30px; }
    .orgchart .servicedg .content { border-color: #993366;  width: 100px; font-size: 12px;    min-height: 100px;}
	  .orgchart .division .title { background-color: #996633;;font-size: 14px;
    width: 100px;padding: 5px;height: 30px; }
    .orgchart .division .content { border-color: #996633;  width: 100px; font-size: 12px;    min-height: 100px;}

 
    .orgchart .node.highlight-parent .title, .chart-legend__item__color.highlight-parent {
       background-color: blue;
   }
   .orgchart .node.highlight-parent .content {
       border: 1px solid blue;
   }
   .orgchart .node.highlight-siblings .title, .chart-legend__item__color.highlight-siblings {
       background-color: grey;
   }
   .orgchart .node.highlight-siblings .content {
       border: 1px solid grey;
   }
   .orgchart .node.highlight-children .title, .chart-legend__item__color.highlight-children {
       background-color: #aeaeae;
   }
   .orgchart .node.highlight-children .content {
       border: 1px solid #aeaeae;
   }
   #chart-legend {
       padding: 10px;
       width: 300px;
       margin: 0 auto;
       margin-top: 10px;
       border: 2px dashed #aaa;
   }
   #chart-legend__title {
       margin-bottom: 10px;
       font-weight: bold;
   }
   .chart-legend__item {
       margin-bottom: 5px;
       padding: 5px 10px;
   }
   .chart-legend__item__color,
   .chart-legend__item__title {
       vertical-align: middle;
       line-height: 20px;
   }
   .chart-legend__item__color {
       width: 20px;
       height: 20px;
       border-radius: 20px;
   }
   .chart-legend__item div {
       display: inline-block;
   }