framework/less/common/Table.less

.Table {
  background: @control-bg;
  border-radius: @border-radius;
  border-collapse: collapse;
  border-spacing: 0;

  caption {
    text-align: start;
  }

  td, th {
    border-bottom: 1px solid @body-bg;
    color: @control-color;
  }

  td, th, .Checkbox, &-controls-item {
    padding: 10px 15px;
  }

  & &-checkbox, & &-controls {
    padding: 0;
  }

  thead {
    th {
      text-align: center;
      padding: 15px 25px;
    }

    .icon {
      display: block;
      font-size: 14px;
      width: auto;
      margin-bottom: 5px;
    }
  }

  &-groupToggle {
    cursor: pointer;

    .icon {
      font-size: 14px;
      margin-right: 2px;
      .fa-fw();
    }
  }

  &-checkbox {
    .Checkbox {
      display: block;
    }

    .Checkbox-display {
      text-align: center;
      cursor: pointer;
    }

    &.highlighted .Checkbox, .Checkbox:hover {
      &:not(.disabled) {
        background: darken(@control-bg, 4%);
      }
    }
  }

  &-controls-item {
    width: 100%;
    border-radius: 0;
  }
}