#chart-parent {
  position: relative;
  display: inline-block;
  top: 10px;
  left: 10px;
  height: 1200px;
  width: calc(100% - 24px);
  border: 2px dashed #aaa;
  border-radius: 5px;
  overflow: auto;
  text-align: center;
}

#chart-parent .l2r {
  left: 0;
}

#chart-parent .orgchart.l2r {
  background: none;
}

#chart-parent .orgchart.l2r .node {
  width: 100px !important;
}

#chart-parent .node .content {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  height: 70px;
  word-wrap: break-word;
  word-break: normal;
  white-space: normal;
}

#chart-parent .content .subtitle {
  display: block;
  border-top: 2px solid;
  padding-top: 5px;
  margin-top: 5px;
}

/*Chart colors*/
#chart-parent .node--politic .title {
  background-color: #4ca3dd;
}

#chart-parent .node--politic .content {
  border-color: #4ca3dd;
}

#chart-parent .node--operative .title {
  background-color: #f6546a;
}

#chart-parent .node--operative .content {
  border-color: #f6546a;
}

#chart-parent .node--auxiliary .title {
  background-color: #ffd700;
}

#chart-parent .node--auxiliary .content {
  border-color: #ffd700;
}

#chart-parent .node--technician .title {
  background-color: #407294;
}

#chart-parent .node--technician .content {
  border-color: #407294;
}

#chart-parent .node--coordinator .title {
  background-color: #5ac18e;
}

#chart-parent .node--coordinator .content {
  border-color: #5ac18e;
}

#chart-parent .node--consultant .title {
  background-color: #7fe5f0;
}

#chart-parent .node--consultant .content {
  border-color: #7fe5f0;
}

#chart-parent .node--inspector .title {
  background-color: #ff7f50;
}

#chart-parent .node--inspector .content {
  border-color: #ff7f50;
}