@import '../helpers/helpers';

.page_tradePro-order-history {
  .rewards-counter {
    position: relative;
    margin-left: 10px;
    top: 0;
    left: 0;
  }

  .order-history-table {
    &__content {
      @include media-breakpoint-up(md) {
        max-width: 70%;
      }
    }

    &__actions {
      @include media-breakpoint-up(md) {
        width: 30%;
        display: flex;
        align-items: center;
        justify-content: center;
        padding-left: 20px;
        border-left: 1px solid $gray;
        margin: 15px 0;
      }

      .btn {
        width: 100%;
      }
    }

    &__footer {
      border: 0;
    }

    &__total {
      padding: 0;
      background-color: $white;

      .table__content-heading {
        margin-right: 70px;
      }
    }
  }

  @include media-breakpoint-down(sm) {
    .form-row {
      &__label,
      &__field {
        padding-left: 0;
      }
    }

    .order-history-table {
      &__content {
        .row {
          &:nth-of-type(2) {
            .col {
              margin-bottom: 0;
            }
          }
        }
      }

      &__actions {
        padding: 20px;
      }
    }
  }
}