#chart-container>svg {
    background-color: #f3f6f9!important;
}

#chart-container{
    height: 80vh!important;
}
[node-id] rect {
    fill: #ffffff;
    max-width: 180px!important;
}

.field_0 {
    text-transform: uppercase;
    fill: #aeafb3;
}

.field_1 {
    fill: #aeafb3;
}

.field_2 {
    fill: #aeafb3;
}

.orgchart {
    background: #f3f6f9;
    width: 100%;
    height: 80vh;
}

.nodeCard{
    box-shadow: 1px 2px 6px rgba(0, 0, 0, 0.25); width: 310px;
}
.nodeCard.Unactivated{
    background-color: #eaeaea;
    border: solid 1px #ccc;
}

.orgchart .node {
    box-sizing: border-box;
    display: inline-block;
    position: relative;
    margin: 0;
    padding: 3px;
    border: 2px dashed transparent;
    text-align: center;
    width: auto;
    
}

.orgchart .node.focused {
    background-color: rgb(255 148 148);
    border-radius: 5px;
}
.orgchart .node.nodeStyle {
    background-color: #ececec;
    border-radius: 5px;
}

.orgchart .node:hover{
    background-color: rgb(255 228 228);
    border-radius: 5px;
}