table {
  background-color: $table-background-color;
  border-collapse: collapse;
  border-spacing: 0;

  &.cols-1-1 > thead > tr > th {
    width: 50%;
  }

}

th, td {
  text-align: left;
  padding: $table-cell-padding;
  line-height: $line-height-base;
  vertical-align: baseline;
  border-top: 1px solid $table-border-color;
}

thead > tr > th {
  vertical-align: bottom;
  border-bottom: 2px solid $table-border-color;
}

thead:first-child {
  & > tr:first-child {
    & > th,
    & > td {
      border-top: 0;
    }
  }
}

table.table-hover {
  & > tbody > tr:hover {
    background-color: $table-background-hover-color;
  }
}
