// Tables

// Borderless

table {
  max-width: 100%;
  width: 100%;
  border-spacing: 0;         /* 1 */
  border-collapse: collapse; /* 1 */
  empty-cells: show;
  font-size: 0.9rem;
  word-break: break-word;
  th,
  tfoot td {
    color: $black;
    text-align: left;
    font-weight: bold;
  }
  thead th,
  tfoot td  {
    background-color: $lighterGray;
  }
  thead th {
    color: $darkestGray;
    font-size: 0.9rem;
    font-weight: 600;
    word-break: normal;
  }
  th,
  td {
    overflow: visible;
    padding: 1rem;
    vertical-align: top;
  }
  &.condensed {
    th, td {
      padding: 0.5rem;
    }
  }

  &.vertical_middle {
    th, td {
      vertical-align: middle;
    }
  }
  th.sortable a {
    color: $darkestGray;
    i {
      color: $darkerGray;
      margin-left: 0.25rem;
      font-size: 1rem;
    }
      &:hover {
      text-decoration: none;
    }
  }

  /* Outer border only */
  &.border {
    border: 1px solid $lightGray;
  }

  /* Borders for rows & columns */
  &.border_all {
    th, td {
      border-top: 1px solid $lightGray;
      border-left: 1px solid $lightGray;
    }
  }

  /* Border for rows only */
  &.border_rows {
    th, td {
      border-top: 1px solid $lightGray;
    }
    /* Add bottom border to last row in the table */
    tr:last-child td {
      border-bottom: 1px solid $lightGray;
    }
  }

  /* Border for columns only */
  &.border_cols {
    th, td {
      border-left: 1px solid $lightGray;
    }
    tr th,
    tr td {
      &:first-child {
        border-left: 0;
      }
    }
  }
  /* Remove top border to avoid double border on .border tables */
  &.border {
    &.border-all,
    &.border-rows {
      thead:first-child tr:first-child {
        th, td {
          border-top: 0;
        }
      }
    }
  }
  &.border-all {
    tr th,
    tr td {
      &:first-child {
        border-left: 0;
      }
    }
    tr:first-child,
    thead:first-child tr:first-child {
      th {
        border-left: 0;
      }
    }
  }
}