.organization-chart-node {
  border: 1px solid #dee2e6;
  padding: 1rem;
  display: inline-block;
  p {
    margin: 0;
    font-family: 'Segoe UI' sans-serif;
  }

  i {
    cursor: pointer;
  }
}

.organization-card {
  display: inline-block;

  i {
    cursor: pointer;
  }

  img {
    width: 3rem;
    border-radius: 50%;
    margin-bottom: 0.5rem;
  }
}

.organization-chart-icon-clicked {
  transform: rotate(180deg);
}

.organization-chart-table {
  td {
    text-align: center;
    vertical-align: top;
    padding: 0 0.3rem;
  }
}

.organization-chart-line {
  height: 20px;
  border-right: 1px solid #dee2e6;
  border-top: 1px solid #dee2e6;
}

.organization-chart-lines-top {
  div {
    background: #dee2e6;
    margin: 0 auto;
    height: 20px;
    width: 1px;
    text-align: center;
  }
}

.organization-chart-hide {
  visibility: hidden;
}

.organization-chart-hide .organization-chart-line {
  border-color: transparent;
}