// Table Module Styles.

.table {
  width: 100%;
  background: $white;
  margin: 30px 0;

  &__message {
    font-size: 12px;
    padding: 0 15px;

    @include tablet() {
      padding: 0 30px;
    }
  }

  thead {
    background: $gallery;

    @include tablet-max() {
      display: none;
    }
  }

  th,
  td {
    text-align: left;
    padding: 10px 20px;
    border: 1px solid $silver;
  }

  th {
  }

  td {

    @include tablet-max() {
      display: flex;
      width: 100%;
      margin-bottom: -1px;
      flex-flow: row wrap;
      padding: 5px 15px;
    }
  }

  &__td-header {
    display:none;

    @include tablet-max() {
      display: block;
      opacity: 0.65;
      width: 100%;
      max-width: 25%;
      margin-right: 15px;
    }
  }
}
