table {
  width: 100%;
  font-size: 1em;
  border-left: 2px solid $gray-light;
  border-top: 2px solid $gray-light;
  border-right: 2px solid $gray-light;
}

th,
td {
  background: $white;
  padding: 0.5em;
  text-align: left;
  border-bottom: 2px solid $gray-light;

  &:not(:last-child) {
    border-right: 2px solid $gray-light;
  }
}

th {
  font-weight: $font-weight-bold;
}

td {
  vertical-align: top;
}

thead th {
  vertical-align: bottom;
}

tbody {
  tr:nth-child(2n) {
    th,
    td {
      background: $gray-lightest;
    }
  }
}