//
// Tables
// -----------------------------------------------------

caption {
  padding: $table-cell-padding 0;
  color: $gray;
  text-align: left;
}
th { text-align: left; }

// Baseline styles
table {
  width: 100%;
  max-width: 100%;
  border: $table-border-width solid $gray-light;
  // Cells
  > thead,
  > tbody,
  > tfoot {
    > tr > th,
    > tr > td {
      padding: $table-cell-padding;
      border-bottom: $table-border-width solid $gray-light;
      line-height: $line-height-base;
      vertical-align: top;
    }
  }
  > thead > tr {
    > th,
    > td {
      border-bottom-width: $table-border-width !important;
    }
  }

  // Bottom align for column headings
  > thead > tr > th {
    border-bottom: $table-border-width solid $gray-light;
    vertical-align: bottom;
  }
  // Remove top border from thead by default
  > caption + thead,
  > colgroup + thead,
  > thead:first-child {
    > tr:first-child {
      > th,
      > td { border-top: 0; }
    }
  }
  // Account for multiple tbody instances
  > tbody + tbody {
    border-top: $table-border-width solid $gray-light;
  }
}

// Responsive tables
//
.table-responsive {
  min-height: .01%; // Workaround for IE9 bug (see https://github.com/twbs/bootstrap/issues/14837)
  overflow-x: auto;

  @media screen and (max-width: $tablet-port) {
    width: 100%;
    margin-bottom: ($grid-vertical-step * .75);
    border: $table-border-width solid $gray-light;
    border-radius: $border-radius-default;
    overflow-y: hidden;
    -ms-overflow-style: -ms-autohiding-scrollbar;

    // Tighten up spacing
    > table {
      margin-bottom: 0;
      border: 0;

      > thead,
      > tbody,
      > tfoot {
        // Ensure the content doesn't wrap
        > tr > th,
        > tr > td { white-space: nowrap; }
        // Nuke the appropriate borders so that the parent can handle them
        > tr > th:first-child,
        > tr > td:first-child { border-left: 0; }
        > tr > th:last-child,
        > tr > td:last-child { border-right: 0; }
      }
      > tbody,
      > tfoot {
        > tr:last-child {
          > th,
          > td { border-bottom: 0; }
        }
      }
    }
  }
}

// Striped rows
.table-striped {
  > tbody > tr:nth-of-type(odd) {
    background-color: $gray-lighter;
  }
}