#company-structure .treeview {
    position: relative;
    padding-left: 3rem;
}

#company-structure .treeview-home {
    padding-left: 0;
}

#company-structure .treeview::before {
    content: "";
    position: absolute;
    border-left: 1px solid #ffc107;
    left: 1.5rem;
    top: 0;
    height: 100%;
}

#company-structure .treeview:last-child::before {
    height: 2.5rem;
}

#company-structure .treeview::after {
    content: "";
    position: absolute;
    border-top: 1px solid #ffc107;
    left: 1.5rem;
    top: 2.5rem;
    width: 1.5rem;
}

#company-structure .treeview-home::before,
#company-structure .treeview-home::after {
    display: none;
}

.toggle-button {
  width:40px;
  height:20px;
  background-color: lightgray;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border: 0;
  box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05);
  border-radius: 10px;
  position: relative;
  display: inline-block;
  outline:none;
  -webkit-transition: .4s;
  -moz-transition: .4s;
  -o-transition: .4s;
  transition: .4s;
  cursor: pointer;
}

.toggle-button.checked {
  background-color: green;
}

.toggle-button:after {
  width: 16px;
  height: 16px;
  border-radius: 50%;
  content: '';
  position: absolute;
  top: 2px;
  left: 2px;
  background-color: white;
  -webkit-transition: .4s;
  -moz-transition: .4s;
  -o-transition: .4s;
  transition: .4s;
}

.toggle-button.checked:after {
  left: 22px;
}