.org-chart {
  ul {
    @include list-unstyled();
  }

  &-tree {
    &-item {
      padding-left: $grid-unit-x * 3;
      padding-top: $grid-unit-y * 3;
      margin-left: $grid-unit-x * 3;
      position: relative;

      @include themes-border-left(org-chart-border);

      &:before {
        width: $grid-unit-x * 3;
        height: ceil($grid-unit-y * 2.5);
        margin-right: 2px;
        vertical-align: top;
        content: '';
        display: inline-block;
        position: absolute;
        left: 0;

        @include border-radiuses(0, 0, $border-radius-large, 0);

        @include themes-border-bottom(org-chart-border);
      }

      &:last-child {
        border-left: none;

        &:before {
          height: $grid-unit-y * 6;
          top: 0;

          @include themes-border-left(org-chart-border);
        }
      }
    }
  }

  &-card {
    width: $grid-unit-x * 40;
  }
}