@import '../helpers/helpers';

.page_my-account_tradePro {
  .aside-nav2 {
    &__list {
      .aside-nav2__item {
        svg {
          margin-right: 10px;
        }

        &:last-of-type {
          a {
            display: inline-block;
            position: relative;
          }
        }

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

  .my-account-section_details {
    @include media-breakpoint-down(sm) {
      .acc-icon {
        padding-top: 10px;
      }
    }

    &-new {
      @include media-breakpoint-down(sm) {
        .acc-icon {
          padding-top: 0;
        }
      }
    }

    .row + .row {
      @include media-breakpoint-down(sm) {
        margin-top: 0;
      }
    }

    .table__content {
      @include media-breakpoint-down(sm) {
        line-height: inherit;
      }
    }
  }

  .my-tradePro-acc_tradepro {
    .table__actions {
      .btn-secondary+.btn-secondary {
        margin-top: 10px;
      }
    }
  }

  .my-account_new_tradepro {
    @include media-breakpoint-down(sm) {
      position: relative;

      .table__content {
        .row {
          &:first-child {
            padding-bottom: 60px;
          }
        }
      }

      .table__actions {
        .btn {
          &:first-of-type {
            position: absolute;
            top: 100px;
          }

          &:last-of-type {
            margin-top: 0;
          }
        }
      }
    }
  }

  .notification {
    margin: 0 0 1.5rem;
  }
}