primereact

1
.organizationchart-demo {
2
    .p-organizationchart {
3
        .p-person {
4
            padding: 0;
5
            border: 0 none;
6
        }
7

8
        .node-header, .node-content {
9
            padding: .5em .7rem;
10
        }
11

12
        .node-header {
13
            background-color: #495ebb;
14
            color: #ffffff;
15
        }
16

17
        .node-content {
18
            text-align: center;
19
            border: 1px solid #495ebb;
20
        }
21

22
        .node-content img {
23
            border-radius: 50%;
24
        }
25

26
        .department-cfo {
27
            background-color: #7247bc;
28
            color: #ffffff;
29
        }
30

31
        .department-coo {
32
            background-color: #a534b6;
33
            color: #ffffff;
34
        }
35

36
        .department-cto {
37
            background-color: #e9286f;
38
            color: #ffffff;
39
        }
40
    }
41
}
42