Vuetify table styling

.v-data-table {
  @extend .elevation-0;

  &.v-data-table--clickable-row {
    td {
      cursor: pointer;
    }
  }

  &.v-data-table--transparent {
    .v-data-table__wrapper {
      background-color: #eeeeee !important;

      th {
        background-color: #eeeeee !important;
      }
    }
  }

  .v-data-table__wrapper {
    background-color: map-get($grey, 'lighten-5');

    table {
      border-collapse: separate;
      border-spacing: 0 10px;
      margin-top: -10px; /* correct offset on first border spacing if desired */
    }

    th {
      background-color: map-get($grey, 'lighten-5') !important;
      border: none !important;
      box-shadow: none !important;
    }

    td {
      border: solid 1px transparent;
      border-style: solid none;
      padding: 20px;
      background-color: map-get($shades, 'white');
      height: 60px !important;
    }

    td:first-child {
      border-left-style: solid;
      border-top-left-radius: 10px;
      border-bottom-left-radius: 10px;
    }

    td:last-child {
      border-right-style: solid;
      border-bottom-right-radius: 10px;
      border-top-right-radius: 10px;
    }
  }
}