/* ===== Container do organograma ===== */
#chart-container {
    position: relative;
    display: inline-block;
    top: 10px;
    left: 10px;
    height: auto;
    width: calc(100% - 24px);
    border: 0px solid #000;
    border-radius: 5px;
    overflow: auto;
    text-align: center;
}

/* ===== Orgchart base ===== */
.orgchart {
    background: #fff;
    padding: 0px;
}

.orgchart td.left,
.orgchart td.right,
.orgchart td.top {
    border-color: var(--linha-conexao);
}

.orgchart td > .down {
    background-color: var(--linha-conexao);
}

/* ===== Níveis do organograma (legado) ===== */
.orgchart .nivel1 .title { background-color: #006699; }
.orgchart .nivel1 .content { border-color: #006699; }
.orgchart .nivel2 .title { background-color: #009933; }
.orgchart .nivel2 .content { border-color: #009933; }
.orgchart .nivel3 .title { background-color: #ef3737; }
.orgchart .nivel3 .content { border-color: #ef3737; }
.orgchart .nivel4 .title { background-color: #fa7800; }
.orgchart .nivel4 .content { border-color: #fa7800; }
.orgchart .nivel5 .title { background-color: #996633; }
.orgchart .nivel5 .content { border-color: #996633; }
.orgchart .nivel6 .title { background-color: #993366; }
.orgchart .nivel6 .content { border-color: #993366; }
.orgchart .nivel7 .title { background-color: #cc0066; }
.orgchart .nivel7 .content { border-color: #cc0066; }

/* ===== Abas do painel lateral ===== */
.nav-tabs .nav-item.show .nav-link,
.nav-tabs .nav-link.active {
    border-top: #FFFFFF;
    border-right: #FFFFFF;
    border-left: #FFFFFF;
    border-bottom: 3px solid #153e50;
}

.nav-tabs {
    padding: 1rem;
    border: 0;
}

.nav-tabs button {
    color: #495057;
}