table.table {
  width: 100%;
  max-width: 100%;
  border-collapse: collapse;

  th {
    border-top: 1px solid $table-line-color;
    border-bottom: 1px solid $table-line-color;
    padding: $table-th-padding;
    font-size: $font-size-xs;
    font-weight: normal;
    line-height: 1.125;
    color: $lighter-grey-color;
    text-align: left;
  }

  td {
    border-bottom: 1px solid $table-line-color;
    padding: $table-td-padding;
    line-height: 1.125;
    text-align: left;
  }

  th.align-left,
  td.align-left {
    text-align: left;
  }

  th.align-right,
  td.align-right {
    text-align: right;
  }

  th.align-center,
  td.align-center {
    text-align: center;
  }
}