#chart-container {
    position: relative;    /* tetap di alur halaman */
    margin: 2rem auto;     /* top-bottom 2rem, horizontal center */
    height: 820px;
    width: 95%;
    overflow: auto;
    border: 1px solid #aaa;
    text-align: center;
}

.orgchart {
    background: white;
}

.orgchart .kepsek .title {
    background-color: #013a57;
}

.orgchart .kepsek .content {
    border-color: #013a57;
}

.orgchart .middle-level .title {
    background-color: #bfff00;
}

.orgchart .middle-level .content {
    border-color: #bfff00;
}

.orgchart .wakasek .title {
    background-color: #006699;
}

.orgchart .wakasek .content {
    border-color: #006699;
}

.orgchart .stafwakasek .title {
    background-color: #009933;
}

.orgchart .stafwakasek .content {
    border-color: #009933;
}

.orgchart .rd-dept .title {
    background-color: #2c2ad8;
}

.orgchart .rd-dept .content {
    border-color: #2c2ad8;
}

.orgchart .pipeline1 .title {
    background-color: #d37b23;
}

.orgchart .pipeline1 .content {
    border-color: #d37b23;
}

.orgchart .frontend1 .title {
    background-color: #cc0066;
}

.orgchart .frontend1 .content {
    border-color: #cc0066;
}

.orgchart .node .content {
    height: unset;
    width: auto;
    padding: 0 6px;
    text-align: left;
}

.orgchart .node .title {
    height: unset;
    text-align: left;
    width: auto;
    padding: 0 10px;
}