MOON
Server: Apache
System: Linux e2e-78-16.ssdcloudindia.net 3.10.0-1160.45.1.el7.x86_64 #1 SMP Wed Oct 13 17:20:51 UTC 2021 x86_64
User: imensosw (1005)
PHP: 8.0.30
Disabled: exec,passthru,shell_exec,system
Upload Files
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;
}