table {
  // border-collapse: collapse;
  border-spacing: 0;
  width: 100%;
}

th,
td {
  text-align: left;
  padding: 10px;
}

thead {
  th {
    background-color: #888;
    border: 1px solid #888;
    color: #f5f5f5;
  }

  th:first-of-type { border-radius: 5px 0 0 0; }
  th:last-of-type { border-radius: 0 5px 0 0; }
}

tbody {
  tr:nth-of-type(odd) {
    td {
      background-color: #f5f5f5;
    }
  }

  td:first-of-type { border-left: 1px solid #888;}
  td:last-of-type { border-right: 1px solid #888;}
  tr:last-of-type {
    td {
      border-bottom: 1px solid #888;

      &:first-of-type {
        border-radius: 0 0 0 5px;
      }

      &:last-of-type {
        border-radius: 0 0 5px 0;
      }
    }
  }
}