.nw-loyalty-container {
  padding: 0 0 0 20px;
  @media screen and (min-width: $screen-min-sm) {
    padding-left: 40px;
  }
}

.nw-loyalty-totalpayable {
  font-size: $font-size-sm;
  font-weight: 600;
}

.nw-loyalty-checkrow {
  margin-bottom: 20px;
  font-size: $font-size-xs;
  @media screen and (min-width: $screen-min-sm) {
    font-size: $font-size-normal;
  }
}

.nw-loyalty-checkcol {
  padding-left: 15px;
  @media screen and (min-width: $screen-min-sm) {
    padding-left: 30px;
  }
}

.nw-loyalty-checkbox {
  margin-right: 10px;
  min-width: 14px;
  min-height: 14px;
  @media screen and (min-width: $screen-min-sm) {
    margin-right: 15px;
    min-width: 16px;
    min-height: 16px;
  }
}

.nw-loyalty-colvalue {
  padding-top: 2px;
}

.nw-loyalty-otpcol {
  @media screen and (max-width: $screen-max-xs) {
    padding-left: 45px;
  }
}

.nw-loyalty-value {
  margin-right: 10px;
  @media screen and (max-width: $screen-max-xs) {
    float: right;
    margin: 0;
    margin-right: -15px;
  }

  &:hover + .nw-loyaltytooltip-parent {
    @media screen and (max-width: $screen-max-xs) {
      .nw-loyaltytooltip-info {
        display: block;
      }
    }
  }
}