.nw-reward-content {
  margin-top: 40px;
  @media screen and (max-width: $screen-max-xs) {
    margin: 32px 0 0;
  }
}

.nw-reward-gridcol {
  padding: 0;

  &::after {
    content: " ";
    display: block;
    opacity: 0.32;
    margin: 10px auto;
    border-bottom: 1px solid $reward-separator;
    width: 90%;

    @media screen and (max-width: $screen-max-xs) {
      border: $border-none;
    }

  }

  @media screen and (min-width: $screen-min-sm) {
    margin-bottom: 20px;
    padding: 0 5px;

    &::after {
      margin: 0;
      border-bottom: 0;
    }
  }
}

.nw-reward-gridcollast {
  &::after {
    border-bottom: 0;
  }
}

.nw-reward-wrapper {
  margin-top: -32px;
}

.nw-reward-container {
  padding: 0 7.5px;

  @media screen and (max-width: $screen-max-xs) {
    padding: 0;

    .nwc-grid-row {
      margin: 0;
    }
  }
}

.nw-reward-paginationloader {
  text-align: center;
}

.nw-titlestrip-wrapper.nw-myreward-title {
  margin-bottom: 48px;
  background: linear-gradient(to bottom, #229de3, #249ee3, #27a0e4, #29a1e4, #2ba2e4);

  .nw-titlestrip-content {
    color: $titleblock-myordertxt;
  }
}

.nw-reward-norewardwrapper {
  margin-bottom: 48px;
}

.nw-order-noorder {
  font-size: $reward-noreward-font-size;
  text-align: center;
}

.nw-order-noordersmiley {
  margin-bottom: 24px;
  width: 100px;
}

.nw-order-noordertitle {
  margin-bottom: 16px;
  font-size: $reward-noreward-font-size-xl;
  font-weight: 600;
}

.nw-rewards-title {
  border-bottom: $reward-sub-block-border;
  height: 25px;
  padding: 35px 0;
  font-size: $rewards-title-font;
  font-weight: 600;
  line-height: 0;
  color: $rewards-black;
  letter-spacing: normal;
}

.nw-rewards-balance-container {
  display: flex;
  border-bottom: $reward-sub-block-border;
  width: 100%;
  padding-top: 25px;
  font-size: $reward-balance;
  color: $rewards-black;
  letter-spacing: 0.5px;

  @media screen and (max-width: $screen-max-xs) {
    padding-top: 20px;
  }
}

.nw-bal-label {
  display: inline-block;
}

.nw-bal-wrapper {
  padding-bottom: 25px;
}

.nw-bal {
  display: inline-block;
  font-weight: 600;
}

.nw-rewards-history {
  border-bottom: $reward-sub-block-border;
  height: 18px;
  padding: 35px 0;
  font-size: $reward-item-data-font;
  font-weight: 600;
  line-height: normal;
  color: $rewards-black;
  letter-spacing: normal;
}

.nw-reward-bal-cont2,
.nw-reward-bal-cont1 {
  flex-grow: 1;
}

.nw-reward-bal-cont2 {
  flex-direction: column;
  justify-content: flex-end;
  align-items: flex-end;
  display: flex;
  line-height: 0;
}

.nw-find-store {
  height: 15px;
  font-size: $reward-item-data-font;
  font-weight: 600;
  line-height: 0;
  letter-spacing: 1px;

  .nwc-anchortag {    
    color: $reward-find-store-color;
  }
}

.nw-reward-how-to-use {
  height: 15px;
  cursor: pointer;
  font-size: $reward-item-title-font;
  font-weight: normal;
  color: $reward-find-store-color;
  letter-spacing: 0.38px;
}

.nw-reward-modal {
  .nwc-modal {
    @media screen and (min-width: $screen-min-sm) {
      border-radius: 5px;
      max-width: 370px;
    } 
  }

  .nwc-modal-close {
    color: $dove-gray;
  }

  .nwc-modal-children {
    padding: 0;
  }
}

.nw-reward-shoppingbtn {
  border-radius: 5px;
  padding: 10px;
  background: $reward-shoppingbtn-background;
  font-size: $reward-noreward-btn-font;
  color: $reward-shoppingbtn-color;
}