.transaction-history-table-container {
  margin-top: 3px;

  .table-header-row {
    background-color: $charcoal;

    th {
      color: $white;
      font-size: (14em / 16);
      font-weight: bold;
      line-height: (17em / 14);
      padding: (21em / 14) (24em / 14);
      text-transform: uppercase;
      box-shadow: 0 2px 0 0 rgba(0, 0, 0, 0.06);

      &:first-child {
        border-top-left-radius: 4px;
        border-bottom-left-radius: 4px;
      }

      &:last-child {
        border-top-right-radius: 4px;
        border-bottom-right-radius: 4px;
      }
    }
  }

  .table-body-row {
    &:nth-child(2n+1) {
      background-color: $light-mint;
    }
  }
}

.mobile-transaction-container {
  display: block;
  @include breakpoint(medium up) {
    display: none;
  }
}