File: /home/imensosw/orgchart.imenso.co/src/style/my-node.css
.orgchart.myChart {
background-image: linear-gradient(
90deg,
rgba(33, 90, 136, 0.15) 10%,
rgba(0, 0, 0, 0) 10%
),
linear-gradient(rgba(33, 90, 136, 0.15) 10%, rgba(0, 0, 0, 0) 10%) !important;
}
.orgchart.myChart > ul > li > ul li::before {
border-top-color: #215a88;
}
.orgchart.myChart > ul > li > ul li .oc-node::before,
.orgchart.myChart ul li .oc-node:not(:only-child)::after {
background-color: #215a88;
}
.orgchart.myChart .oc-node .position {
box-sizing: border-box;
color: black;
background-color: #fff;
width: 130px;
height: 20px;
padding: 1px;
font-size: 12px;
font-weight: bold;
border: 1px solid #215a88;
}
.orgchart.myChart .oc-node .fullname {
position: relative;
box-sizing: border-box;
background-color: #215a88;
color: #fff;
width: 130px;
height: 20px;
padding: 2px;
font-size: 12px;
font-weight: bold;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
}
.orgchart.myChart .oc-node .id {
box-sizing: border-box;
color: #215a88;
background-color: #F3F0EF;
width: 130px;
height: 20px;
padding: 2px;
border: 1px solid #215a88;
font-size: 12px;
font-weight: bold;
border-bottom-right-radius: 5px;
border-bottom-left-radius: 5px;
}
.orgchart.myChart {
border-style: solid;
}
.Button :hover {
background-color: tomato;
}