$table-background:      #fff !default;
$table-border-color:    $border-color !default;
$table-head-background: $background-color !default;

.table {
  width: 100%;
  font-size: 1em;
  margin-bottom: 0;
  background-color: $table-background;
  border-radius: 1em;

  th,
  td {
    line-height: 1.25;
    vertical-align: top;
    padding: 0.85em 1em;
    border-top: 1px solid #edf0f3;
  }

  thead th {
    font-weight: 600;
    font-size: 0.875em; // 14px of 16px base.
    text-transform: uppercase;

    vertical-align: bottom;
    background-color: $table-head-background;
    border-bottom: solid 1px $table-border-color;
  }

  tbody td,
  tbody th {
    background-color: $table-background;
  }
}

.table-container {
  overflow: hidden;
  border-radius: 7px;
  box-shadow: 0 1px 2px rgba(0,0,0,.1);
}