.table {
  table-layout: fixed;

  td, th {

    &:first-child {
      padding-left: 0;
    }

    &:last-child {
      padding-right: 0;
    }
  }
}


.table-condensed {
  @extend .table-sm;
}


// "Pseudo" styled table

div.table {
  margin-bottom: $spacer;
  color: $table-color;
  background-color: $table-bg; // Reset for nesting within parents with `background-color`.
  display: table;
  border-collapse: collapse;


  .table-row {
    display: table-row;
    border-top: $table-border-width solid $table-border-color;
  }

  .table-cell {
    display: table-cell;
    padding: $table-cell-padding;
    vertical-align: top;
    &:first-child {
      padding-left: 0;
    }

    &:last-child {
      padding-right: 0;
    }
  }

  thead th {
    vertical-align: bottom;
    border-bottom: (2 * $table-border-width) solid $table-border-color;
  }

  & {
    border-top: (2 * $table-border-width) solid $table-border-color;
  }
}


div.table-sm {
  .table-cell {
    padding: $table-cell-padding-sm;
  }
}
