#chart-container {
    position: relative;
    height: 420px;
    border: 1px solid #aaa;

    overflow: auto;
    text-align: center;
  }
.tree_header {
    background-color: #dddddd;
    padding: 10px 10px 10px 16px;
    font-size: 22px;
    font-weight: bold;
}
.action-balances {
    display:inline-block;
    float: right;
}
.action-balances .btn {
    margin-top: 0;
    margin-bottom: 0;
    font-size: 12px;
}

.orgchart { background: #fff; }
    #chart-container {
      height: 850px;
    }
    .orgchart .node {
      padding: 3px 8px;
    }
    .orgchart .node .avatar {
      border-radius: 60px;
      box-shadow: rgba(99, 99, 99, 0.8) 0px 2px 8px 0px;
    }
    .orgchart .couple:has(> .nodes) > .node:first-child::after {
      top: 148px;
    }
    .orgchart .couple::after  {
      top: 148px;
      width: 30px;
      left: calc(50% - 15px);
    }
    .orgchart .couple:first-child:not(:only-child)::before {
      width: calc(100% - 74px);
      left: 74px;
    }
    .orgchart .hierarchy.couple:only-child::before {
      width: 152px;
      left: calc(50% - 76px);
    }
    .orgchart .couple:last-child:not(:only-child)::before {
      width: calc(50% + 76px);
    }