.structure-chart {
  height: 420px;
}
.structure-chart #chart-container {
  border: none;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  text-align: center;
}
.structure-chart .orgchart {
  position: relative;
  padding: 0;
}
.structure-chart .orgchart::before {
  content: "";
  display: block;
  opacity: 0.5;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: 1;
}
.structure-chart .orgchart .hierarchy::before {
  border-top-color: #8c7837;
}
.structure-chart .orgchart > ul > li > ul li > .node::before {
  background-color: #8c7837;
}
.structure-chart .orgchart .node:not(:only-child)::after {
  background-color: #8c7837;
}
.structure-chart .orgchart > .nodes > .hierarchy > .node .chart {
  background-color: #8c7837;
  color: white;
}
.structure-chart .chart {
  border: 1px solid #e0e0e0;
  padding: 12px 18px;
  border-radius: 8px;
  background-color: #977b2126;
  color: #8c7837;
  font-size: 18px;
  line-height: 22px;
  font-weight: 500;
  width: 200px;
  word-break: break-word;
}
.structure-chart .node {
  background-color: unset !important;
}
.structure-chart .node i.edge {
  display: none;
}
.structure-chart .orgchart {
  background-image: none;
}