.fq-card {
  border: solid 1px #ebebeb;
  border-radius: 15px;
}

.fq-store-card {
  border-radius: 8px;
  border: solid 1px #ebebeb;
  border-width: 1px;
  border-color: #ebebeb;
}

.fq-program-card, .fq-item-card {
  border-radius: 6px;
  border: solid 1px #ebebeb;
  border-width: 1px;
  border-color: #ebebeb;
  background: white;
}

.fq-program-card {
  margin: 0 15px;
}
@media all and (min-width: 960px) {
  .fq-program-card .programPic {
    max-height: 230px;
  }
}
@media all and (min-width: 760px) and (max-width: 959px) {
  .fq-program-card .programPic {
    max-height: 230px;
  }
}
@media all and (min-width: 480px) and (max-width: 759px) {
  .fq-program-card .programPic {
    max-height: 230px;
  }
}
@media all and (max-width: 480px) {
  .fq-program-card .programPic {
    max-height: 180px;
  }
}

.fq-program-list {
  border: solid 0.5px #ebebeb;
  border-width: 0.5px;
  background: white;
  border-color: #ebebeb;
  background: white;
  margin: 0 15px;
}

.gallery {
  display: flex;
  flex-wrap: wrap;
  display: grid;
  grid-gap: 10px;
  grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));
  grid-auto-rows: minmax(20vh, 240px);
}
.gallery li {
  flex: 0 0 auto;
  flex-wrap: wrap;
  height: 400px;
  margin: 0.12rem;
  min-width: 15rem;
  width: 20rem;
}
@supports (display: grid) {
  .gallery li {
    height: initial;
    margin: unset;
    width: initial;
    min-width: initial;
    grid-row: 5 somegridarea span;
  }
}

.braintree-sheet__content--form .braintree-form__field-group .braintree-form__field.braintree-form__checkbox input {
  -webkit-appearance: checkbox;
  -moz-appearance: checkbox;
  appearance: checkbox;
}

.mobilecheckoutlist {
  height: calc(100%);
  height: calc( 100% - constant(safe-area-inset-bottom) - constant(safe-area-inset-top) );
  height: calc(100% - env(safe-area-inset-bottom) - env(safe-area-inset-top));
}

.has-subheader {
  top: 104px;
}

.custom-keyboard {
  position: absolute;
  font-weight: bold;
  z-index: 2;
  padding: 0 20px;
  width: 100%;
  bottom: 0px;
  bottom: calc(0px + constant(safe-area-inset-bottom));
  bottom: calc(0px + env(safe-area-inset-bottom));
}

.no-header-content {
  margin-top: 56px;
  margin-top: calc(56px + constant(safe-area-inset-top));
  margin-top: calc(56px + env(safe-area-inset-top));
}

.button.button-light.active,
.button.button-light.activated {
  border-color: #a2a2a2;
  background-color: #a2a2a2;
}

.blink-text {
  width: 100%;
  height: 100%;
  z-index: 0;
  font-size: 50px;
  color: black;
  animation: scalexx 1s infinite;
  -webkit-animation: scalexx 1s infinite;
}

@keyframes scalexx {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 1;
  }
  81% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
.middle-modal .modal {
  width: 80%;
  min-height: 120px;
  height: 400px;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  border-radius: 6px;
}

.coupon-card {
  background-size: contain;
  background-repeat: no-repeat;
  background-image: url(../img/coupon/section/banner.svg);
}

.coupon-card-gray {
  background-size: contain;
  background-repeat: no-repeat;
  background-image: url(../img/coupon/section/banner_gray.svg);
}

.home-content {
  position: absolute;
  z-index: 9;
}

.point-section-bg {
  position: absolute;
  top: 20px;
  background-image: url(../img/home/line_with_bluenyellow_c.svg);
  height: 90px;
  width: 100%;
  z-index: 11;
}

.ion-ios-search:before {
  content: url("../img/header/icon/search.svg");
}

.footer-button-background {
  background: transparent;
  z-index: 100;
}

.pane, .view {
  position: fixed;
}

.background-gray {
  background: #f8f6f6;
}

/*Tabber*/
.tp-icon-tab-home-on {
  height: 30px !important;
  width: 45px !important;
  content: url(../img/tab_bar/stores_selected_1.svg);
}

.tp-icon-tab-home-off {
  height: 30px !important;
  width: 45px !important;
  content: url(../img/tab_bar/stores_1.svg);
}

.tp-icon-tab-search-on {
  height: 30px !important;
  width: 45px !important;
  content: url(../img/tab_bar/search_selected_1.svg);
}

.tp-icon-tab-search-off {
  height: 30px !important;
  width: 45px !important;
  content: url(../img/tab_bar/search_1.svg);
}

.tp-icon-tab-orders-on {
  height: 30px !important;
  width: 45px !important;
  content: url(../img/tab_bar/orders_selected_1.svg);
}

.tp-icon-tab-mobilecheckout-on {
  height: 30px !important;
  width: 45px !important;
  content: url(../img/tab_bar/mobile_checkout_selected_1.svg);
}

.tp-icon-tab-mobilecheckout-off {
  height: 30px !important;
  width: 45px !important;
  content: url(../img/tab_bar/mobile_checkout_1.svg);
}

.tp-icon-tab-orders-off {
  height: 30px !important;
  width: 45px !important;
  content: url(../img/tab_bar/orders_1.svg);
}

.tp-icon-tab-store-on {
  height: 30px !important;
  width: 45px !important;
  content: url(../img/tab_bar/stores_selected_1.svg);
}

.tp-icon-tab-store-off {
  height: 30px !important;
  width: 45px !important;
  content: url(../img/tab_bar/stores_1.svg);
}

.tp-icon-tab-pn-on {
  height: 30px !important;
  width: 45px !important;
  content: url(../img/tab_bar/home_pn_selected.svg);
}

.tp-icon-tab-pn-off {
  height: 30px !important;
  width: 45px !important;
  content: url(../img/tab_bar/home_pn_selected_2.svg);
}

.tp-icon-tab-account-on {
  height: 30px !important;
  width: 45px !important;
  content: url(../img/tab_bar/account_selected_1.svg);
}

.tp-icon-tab-account-off {
  height: 30px !important;
  width: 45px !important;
  content: url(../img/tab_bar/account_1.svg);
}

.tp-icon-tab-account-crown-on {
  height: 30px !important;
  width: 45px !important;
  content: url(../img/tab_bar/account_selected_crown_1.svg);
}

.tp-icon-tab-account-crown-off {
  height: 30px !important;
  width: 45px !important;
  content: url(../img/tab_bar/account_crown_1.svg);
}

/*Header*/
.tp-icon-header-profile {
  height: 30px !important;
  width: 25px !important;
  content: url(../img/header/icon/my_account.svg);
}

.tp-icon-header-support {
  height: 30px !important;
  width: 25px !important;
  content: url(../img/header/icon/support_icon.svg);
}

.tp-icon-header-shop {
  height: 30px !important;
  width: 25px !important;
  content: url(../img/header/icon/shop.svg);
}

.tp-icon-header-shop-selected {
  margin-top: -7px;
  margin-right: -12px;
  content: url(../img/header/icon/shop_selected_orange.svg);
}

/*FreshQ*/
.fq-icon-business-hours {
  height: 21px !important;
  width: 18px !important;
  content: url(../img/store_details/icon_business_hours.svg);
}

.fq-icon-available {
  height: 13px !important;
  width: 13px !important;
  content: url(../img/store_details/icon_available_blue_2.svg);
}

.fq-icon-distance {
  height: 20px !important;
  width: 19px !important;
  content: url(../img/store_details/icon_distance.svg);
}

.fq-icon-location {
  height: 23px !important;
  width: 14px !important;
  content: url(../img/store_details/icon_location.svg);
}

.fq-icon-phone {
  height: 22px !important;
  width: 13px !important;
  content: url(../img/store_details/icon_phone.svg);
}

.fq-icon-store-save {
  height: 30px !important;
  width: 25px !important;
  content: url(../img/stores/save.svg);
}

.fq-icon-store-pointindown {
  height: 8px !important;
  width: 25px !important;
  content: url(../img/stores/arrow_pointingdown.svg);
}

.fq-icon-store-pointinup {
  height: 8px !important;
  width: 25px !important;
  content: url(../img/stores/arrow_pointingup.svg);
}

.fq-icon-store-save-selected-white {
  height: 30px !important;
  width: 25px !important;
  content: url(../img/stores/save_selected_white.svg);
}

.fq-icon-delete {
  height: 18px !important;
  width: 25px !important;
  content: url(../img/cart/icon_delete.svg);
}

.fq-icon-back {
  height: 20px !important;
  width: 25px !important;
  content: url(../img/header/icon/Arrow_back.svg);
}

.fq-icon-close {
  height: 35px !important;
  width: 33px !important;
  content: url(../img/icon/cancel.svg);
}

.fq-icon-store-black {
  height: 25px !important;
  width: 23px !important;
  content: url(../img/store_details/icon_storeinfo.svg);
}

.fq-icon-upc-code {
  height: 40px !important;
  width: 40px !important;
  content: url(../img/store_details/icon_upc_code.svg);
}

.fq-icon-cantscan {
  height: 20px !important;
  width: 29px !important;
  content: url(../img/store_details/icon_cantscan.svg);
}

.fq-icon-search {
  height: 40px !important;
  width: 40px !important;
  content: url(../img/store_details/icon_search.svg);
}

.fq-icon-plu-code {
  height: 28px !important;
  width: 24px !important;
  content: url(../img/store_details/icon_plu_code.svg);
}

.fq-badge {
  position: absolute !important;
  right: -2px !important;
  color: white !important;
  font-size: 9px !important;
  border: 1px solid white !important;
  border-radius: 30px !important;
  padding: 1px 7px !important;
  top: -5px !important;
  background: #d82619 !important;
}

.fq-icon-cart-edit {
  height: 15px !important;
  width: 15px !important;
  content: url(../img/cart/icon_edit_s.svg);
}

.fq-icon-business-cld {
  height: 20px;
  width: 20px;
  content: url("../img/store_details/icon_business_cld.svg");
}

.fq-icon-notification-arrow {
  height: 10px;
  width: 10px;
  content: url("../img/home/discountbanner_arrow.svg");
}

.fq-icon-invitation-label {
  content: url("../img/stores/label_invitation_bg.svg");
}

.fq-icon-invitation {
  height: 73px;
  width: 70px;
  content: url("../img/stores/invitation.svg");
}

.fq-icon-on-sale-label {
  background: url("../img/store/red_tag.svg");
  background-repeat: no-repeat;
  display: block;
  color: #fff;
}

.fq-icon-preorder-label {
  background: url("../img/store/blue_tag.svg");
  background-repeat: no-repeat;
  display: block;
  color: #fff;
}

.fq-icon-kiosk-eat-in {
  height: 144px;
  width: 144px;
  content: url("../img/kiosk/eat-in-icon.svg");
}

.fq-icon-kiosk-take-away {
  height: 144px;
  width: 144px;
  content: url("../img/kiosk/take-away-icon.svg");
}

.fq-icon-kiosk-storeA {
  height: 80px;
  width: 80px;
  content: url("../img/kiosk/store-icon-a.svg");
}

.fq-icon-kiosk-storeB {
  height: 80px;
  width: 80px;
  content: url("../img/kiosk/store-icon-b.svg");
}

.fq-icon-kiosk-storeC {
  height: 80px;
  width: 80px;
  content: url("../img/kiosk/store-icon-c.svg");
}

.fq-icon-kiosk-plus {
  height: 60px;
  width: 60px;
  content: url("../img/kiosk/Plus-button.svg");
}

.fq-icon-kiosk-minus {
  height: 60px;
  width: 60px;
  content: url("../img/kiosk/Minus-button.svg");
}

.fq-icon-kiosk-close {
  height: 100px;
  width: 100px;
  content: url("../img/kiosk/Close-button.svg");
}

.fq-icon-kiosk-trashcan {
  height: 60px;
  width: 60px;
  content: url("../img/kiosk/trashcan-icon.svg");
}

.fq-icon-kiosk-paymentSuccess {
  height: 360px;
  width: 360px;
  content: url("../img/kiosk/Chef-icon.svg");
}

.fq-icon-kiosk-cancel-btn {
  height: 460px;
  width: 360px;
  content: url("../img/kiosk/cancel_button.svg");
}

.fq-icon-kiosk-complete-icon {
  height: 360px;
  width: 360px;
  content: url("../img/kiosk/complete-icon.svg");
}

.fq-icon-kiosk-email-icon {
  height: 360px;
  width: 360px;
  content: url("../img/kiosk/email_icon.svg");
}

.fq-icon-kiosk-invailed-number-icon {
  height: 286px;
  width: 204px;
  content: url("../img/kiosk/invailed_number.svg");
}

.fq-icon-kiosk-ok-icon {
  height: 360px;
  width: 360px;
  content: url("../img/kiosk/ok-icon.svg");
}

.fq-icon-kiosk-phone-icon {
  height: 360px;
  width: 360px;
  content: url("../img/kiosk/phone_icon.svg");
}

.fq-icon-kiosk-processing-icon {
  height: 360px;
  width: 360px;
  content: url("../img/kiosk/processing-icon.svg");
}

.fq-icon-kiosk-receipt-icon {
  height: 360px;
  width: 360px;
  content: url("../img/kiosk/receipt_icon.svg");
}

.fq-icon-kiosk-transaction-fail-icon {
  height: 360px;
  width: 360px;
  content: url("../img/kiosk/transaction_fail-icon.svg");
}

.fq-icon-kiosk-try-again-icon {
  height: 460px;
  width: 360px;
  content: url("../img/kiosk/try_again_button.svg");
}

.fq-icon-market-plus-btn {
  height: 30px;
  width: 30px;
  content: url("../img/market/Plus-button.svg");
}

.fq-icon-market-delete-btn {
  height: 30px;
  width: 30px;
  content: url("../img/market/Delete-button.svg");
}

.fq-icon-market-minus-btn {
  height: 30px;
  width: 30px;
  content: url("../img/market/Minus-button.svg");
}

.fq-discount-solid {
  height: 18px;
  width: 6px;
  vertical-align: text-bottom;
  content: url("../img/market/discountsolid.svg");
}

.fq-kiosk-icon-showQrCode {
  height: 200px;
  width: 167px;
  content: url("../img/kiosk/ShowQrCode.svg");
}

.fq-kiosk-icon-VerifyDone {
  height: 125px;
  width: 125px;
  content: url("../img/kiosk/VerifiyDone.svg");
}

.fq-kiosk-icon-VerifiyPurchase {
  height: 175px;
  width: 114px;
  content: url("../img/kiosk/VerifiyPurchase.svg");
}

.fq-kiosk-icon-vector {
  height: 47px;
  width: 55px;
  content: url("../img/kiosk/Vector.svg");
}

.fq-kiosk-bg-verification {
  height: 100%;
  width: 100%;
  content: url("../img/kiosk/verificationBg.svg");
}

.fq-kiosk-check-circle {
  height: 64px;
  width: 64px;
  content: url("../img/kiosk/check_circle.svg");
}

.fq-storeDetails-icon_available_blue_2 {
  height: 21px;
  width: 21px;
  content: url("../img/store_details/icon_available_blue_2.svg");
}

.fq-cart-delivery-black {
  height: 17px;
  width: 36px;
  content: url("../img/cart/icon_delivery_black.svg");
}

.fq-cart-delivery-red {
  height: 17px;
  width: 36px;
  content: url("../img/cart/icon_delivery_red.svg");
}

.fq-cart-dinein-black {
  height: 17px;
  width: 25px;
  content: url("../img/cart/icon_dinein_black.svg");
}

.fq-cart-dinein-red {
  height: 17px;
  width: 25px;
  content: url("../img/cart/icon_dinein_red.svg");
}

.fq-cart-pickup-black {
  height: 17px;
  width: 25px;
  content: url("../img/cart/icon_pickup_black.svg");
}

.fq-cart-pickup-red {
  height: 17px;
  width: 25px;
  content: url("../img/cart/icon_pickup_red.svg");
}

.fq-cart-red-line {
  height: 6px;
  width: 33px;
  content: url("../img/cart/red_line.svg");
}

.fq-cart-your-order {
  height: 20px;
  width: 17px;
  content: url("../img/cart/your_detail.svg");
}

.fq-plus {
  width: 30px;
  height: 30px;
  content: url("../img/market/Plus-button.svg");
}

.fq-minus {
  width: 30px;
  height: 30px;
  content: url("../img/market/Minus-button.svg");
}

.fq-mobile-checkout-oops {
  width: 119px;
  height: 97px;
  content: url("../img/mobile_checkout/icon/ooops.svg");
}

.fq-mobile-delete-item {
  width: 132px;
  height: 30px;
  content: url("../img/mobile_checkout/icon/delete_item.svg");
}

.fq-mobile-fresh-food {
  width: 180px;
  height: 140px;
  content: url("../img/mobile_checkout/picture/fresh_food.svg");
}

.fq-mobile-checkout-error {
  width: 71px;
  height: 100px;
  content: url("../img/mobile_checkout/icon/error.svg");
}

.fq-mobile-checkout-counter {
  width: 119px;
  height: 97px;
  content: url("../img/mobile_checkout/icon/counter.svg");
}

.fq-mobile-checkout-barcode {
  width: 155px;
  height: 85px;
  content: url("../img/mobile_checkout/picture/barcode.svg");
}

.fq-mobile-checkout-barcode-white {
  width: 155px;
  height: 85px;
  content: url("../img/store_details/icon_barcodescanner.svg");
}

.fq-mobile-invitation {
  width: 56px;
  height: 90px;
  content: url("../img/mobile_checkout/icon/registered.svg");
}

.fq-mobile-invite-success {
  width: 110px;
  height: 100px;
  content: url("../img/mobile_checkout/icon/crown.gif");
}

.fq-loading {
  width: 70px;
  height: 70px;
  content: url("../img/loading-gif.gif");
}

.fq-locating {
  width: 70px;
  height: 130px;
  content: url("../img/loading_location.gif");
}

.cancelling svg {
  width: 250px;
  height: 250px;
}

.fq-icon-membership-cancel1 {
  width: 42px;
  height: 39px;
  content: url("../img/icon/membership/1_cancel.svg");
}

.fq-icon-membership-exclusives1 {
  width: 43px;
  height: 45px;
  content: url("../img/icon/membership/1_exclusives.svg");
}

.fq-icon-membership-osaka-simple {
  width: 40px;
  height: 48px;
  content: url("../img/logo/osaka/membership_simple.svg");
}

.fq-icon-mobilecheckout-hiw-alc-and-tobacco {
  width: 70px;
  height: 56px;
  content: url("../img/mobile_checkout/icon/hiw_alc_and_tobacco.svg");
}

.fq-icon-mobilecheckout-hiw-pay {
  width: 67px;
  height: 100px;
  content: url("../img/mobile_checkout/icon/hiw_1pay.svg");
}

.fq-icon-mobilecheckout-hiw-scan {
  width: 106px;
  height: 97px;
  content: url("../img/mobile_checkout/icon/hiw_1scan.svg");
}

.fq-icon-mobilecheckout-hiw-confirm {
  width: 109px;
  height: 117px;
  content: url("../img/mobile_checkout/icon/hiw_3confirm.svg");
}

.fq-icon-mobilecheckout-bag {
  width: 60px;
  height: 78px;
  content: url("../img/mobile_checkout/icon/bag.svg");
}

.fq-icon-sectionicon-coupon {
  width: 32px;
  height: 21px;
  content: url("../img/home/icon/sectionicon_coupon.svg");
}

.fq-icon-sectionicon-news {
  width: 36px;
  height: 27px;
  content: url("../img/home/icon/sectionicon_news.svg");
}

.fq-icon-stores-section-credit-coin-g {
  width: 15px;
  height: 15px;
  content: url("../img/stores-section-credit-coin-g.svg");
}

.fq-icon-choose-reward {
  width: 36px;
  height: 27px;
  content: url("../img/home/icon/choose_reward.svg");
}

.fq-icon-sectionicon-purchasehistory {
  width: 39px;
  height: 30px;
  content: url("../img/home/icon/sectionicon_purchasehistory.svg");
}

.fq-icon-sectionicon-wallet {
  width: 39px;
  height: 26px;
  content: url("../img/home/icon/sectionicon_wallet.svg");
}

.fq-icon-mobilecheckout-location {
  width: 60px;
  height: 78px;
  content: url("../img/mobile_checkout/icon/enable_location.svg");
}

.fq-icon-mobilecheckout-nolocation {
  width: 60px;
  height: 78px;
  content: url("../img/mobile_checkout/icon/on_location.svg");
}

.fq-icon-mobilecheckout-toofar {
  width: 120px;
  height: 70px;
  content: url("../img/mobile_checkout/icon/too_far.svg");
}

.fq-icon-membership-arrow-right {
  width: 60px;
  height: 78px;
  content: url("../img/account/arrow_right.svg");
}

.fq-icon-membership-arrow-up {
  width: 13px;
  height: 8px;
  content: url("../img/account/arrow_up.svg");
}

.fq-icon-membership-arrow-down {
  width: 13px;
  height: 8px;
  content: url("../img/account/arrow_down.svg");
}

.fq-icon-membership-arrow-left {
  width: 13px;
  height: 8px;
  content: url("../img/account/arrow_left.svg");
}

.fq-icon-membership-cancel {
  width: 20px;
  height: 20px;
  content: url("../img/icon/cancel.svg");
}

.fq-icon-membership_horizontal {
  width: 84px;
  height: 29px;
  content: url("../img/logo/osaka/membership_horizontal.svg");
}

.fq-icon-credit_s {
  width: 16px;
  height: 16px;
  content: url("../img/stores/section_credit/credit_s.svg");
}

.fq-icon-credit_s_blue {
  width: 28px;
  height: 28px;
  content: url("../img/stores/section_credit/credit_s_blue.svg");
}

.fq-icon-credit {
  width: 115px;
  height: 104px;
  content: url("../img/stores/section_credit/credit.svg");
}

.fq-icon-coin_s2 {
  width: 28px;
  height: 25px;
  content: url("../img/stores/section_credit/coin_s2.svg");
}

.fq-bg-rd-from-customer {
  width: 236px;
  height: 213px;
  content: url("../img/home/redeem_rd_from_coumter.svg");
}

.fq-pay-success-osaka-2 {
  width: 90px;
  height: 105px;
  content: url("../img/cart/pay_sucess_osaka_2.svg");
}

.fq-list-scannbags {
  width: 545px;
  height: 545px;
  content: url("../img/selfcheckout/picture/list_scannbags.svg");
}

.fq-slef-icon-lookup {
  width: 50px;
  height: 65px;
  content: url("../img/selfcheckout/icon/list_main_icon_lookup.svg");
}

.fq-slef-icon-phonenumber {
  width: 72px;
  height: 65px;
  content: url("../img/selfcheckout/icon/list_main_icon_phonenumber.svg");
}

.fq-slef-icon-plu {
  width: 60px;
  height: 70pxpx;
  content: url("../img/selfcheckout/icon/list_main_icon_plu.svg");
}

.fq-slef-icon-startover {
  width: 63px;
  height: 52px;
  content: url("../img/selfcheckout/icon/list_main_startover.svg");
}

.market-place .title {
  margin-top: 60%;
  margin-top: calc(60% + constant(safe-area-inset-top));
  margin-top: calc(60% + env(safe-area-inset-top));
}
.market-place .content {
  text-align: center;
  background-image: url(../img/osaka.jpg);
  background-position: center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -ms-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
.market-place .logo {
  position: absolute;
  bottom: 10%;
  bottom: calc(10% + constant(safe-area-inset-bottom));
  bottom: calc(10% + env(safe-area-inset-bottom));
  width: 100%;
}

.mobile-checkout .checkout {
  position: absolute;
  top: 14px;
  right: 20px;
  color: #f89940;
  font-weight: bold;
}
.mobile-checkout .orders .empty-orders {
  text-align: center;
  margin-top: 60px;
}
.mobile-checkout .orders .empty-orders .phone-barcode img {
  width: 130px;
  height: 170px;
}
.mobile-checkout .orders .empty-orders .message {
  width: 75%;
  font-size: 30px;
  margin: 0 auto;
  margin-top: 5px;
  line-height: 35px;
}
.mobile-checkout .orders .orders-items .item-list {
  overflow: hidden;
  margin: 0 auto;
  border: none;
  border-bottom: 1px solid #ccc;
}
.mobile-checkout .orders .orders-items .item-list .item-content {
  padding: 27px 15px;
}
.mobile-checkout .orders .orders-items .item-list .order {
  font-weight: bold;
  margin-right: 2%;
  line-height: 24px;
}
.mobile-checkout .orders .orders-items .item-list .order a {
  color: black;
  text-transform: capitalize;
  font-size: 18px;
}
.mobile-checkout .orders .orders-items .item-list .count {
  font-weight: bold;
  max-width: 100px;
  vertical-align: middle;
  margin-top: 1px;
}
.mobile-checkout .orders .orders-items .item-list .count label {
  font-size: 18px;
  font-weight: bold;
  text-align: center;
  padding: 0 7px;
}
.mobile-checkout .orders .orders-items .item-list .count .count-plus,
.mobile-checkout .orders .orders-items .item-list .count .count-minus {
  margin-top: -1px;
  background-color: white;
  padding: 4px 6px;
  border: unset;
  color: #61aed3;
}
.mobile-checkout .orders .orders-items .item-list .count .fa-trash {
  color: #61aed3;
  margin-top: -1px;
  padding: 4px 6px;
  border: unset;
  background-color: white;
}
.mobile-checkout .orders .orders-items .item-list .amount a {
  color: black;
  margin-top: 1px;
  font-size: 18px;
  text-align: right;
}
.mobile-checkout .checkout-button {
  font-size: 14px;
  height: 40px;
  width: 98px;
  background-color: #cb333b;
}
.mobile-checkout .thank-you {
  text-align: center;
}
.mobile-checkout .thank-you .pay-success img {
  margin-top: 60px;
}
.mobile-checkout .thank-you h1 {
  font-weight: bold;
  margin-top: 30px;
}
.mobile-checkout .thank-you .message {
  width: 85%;
  line-height: 25px;
  margin: 0 auto;
  margin-top: 20px;
  text-align: center;
}
.mobile-checkout .thank-you .qr-code {
  margin-top: 35px;
}
.mobile-checkout .thank-you .qr-code img {
  width: 250px;
  height: 250px;
}
.mobile-checkout .scanned-item {
  text-align: center;
}
.mobile-checkout .scanned-item h1 {
  margin-bottom: 25px;
}
.mobile-checkout .scanned-item .description {
  margin-bottom: 20px;
}
.mobile-checkout .scanned-item .amount {
  font-weight: bold;
  margin-bottom: 25px;
}
.mobile-checkout .scanned-item .count {
  display: flex;
  justify-content: space-around;
  width: 45%;
  font-weight: bold;
  padding: 15px 0;
  margin: 0 auto;
  border: 1px solid;
  border-radius: 40px;
}
.mobile-checkout .scanned-item .count .current-count {
  font-size: 16px;
}
.mobile-checkout .scanned-item .count .fa {
  color: #5cabd2;
  font-size: 20px;
}
.mobile-checkout .fix-ios-footer-height.two-btns {
  height: 115px;
}

.self-checkout .checkout {
  position: absolute;
  top: 14px;
  right: 20px;
  color: #f89940;
  font-weight: bold;
}
.self-checkout .orders .empty-orders {
  text-align: center;
  margin-top: 60px;
}
.self-checkout .orders .empty-orders .phone-barcode img {
  width: 130px;
  height: 170px;
}
.self-checkout .orders .empty-orders .message {
  width: 75%;
  font-size: 30px;
  margin: 0 auto;
  margin-top: 5px;
  line-height: 35px;
}
.self-checkout .orders .orders-items .item-list {
  overflow: hidden;
  margin: 0 auto;
  border: none;
  border-bottom: 1px solid #ccc;
}
.self-checkout .orders .orders-items .item-list .item-content {
  padding: 27px 15px;
}
.self-checkout .orders .orders-items .item-list .order {
  font-weight: bold;
  margin-right: 2%;
  line-height: 24px;
}
.self-checkout .orders .orders-items .item-list .order a {
  color: black;
  text-transform: capitalize;
  font-size: 18px;
}
.self-checkout .orders .orders-items .item-list .count {
  font-weight: bold;
  vertical-align: middle;
  margin-top: 1px;
}
.self-checkout .orders .orders-items .item-list .count label {
  width: 100px;
  font-size: 30px;
  font-weight: bold;
  text-align: center;
  padding: 0 7px;
}
.self-checkout .orders .orders-items .item-list .count .count-plus,
.self-checkout .orders .orders-items .item-list .count .count-minus {
  margin-top: -1px;
  background-color: white;
  padding: 4px 6px;
  border: unset;
  color: #61aed3;
  font-size: 36px;
}
.self-checkout .orders .orders-items .item-list .count .fa-trash {
  color: #61aed3;
  margin-top: -1px;
  padding: 4px 6px;
  border: unset;
  background-color: white;
  font-size: 36px;
}
.self-checkout .orders .orders-items .item-list .amount a {
  color: black;
  margin-top: 1px;
  font-size: 18px;
  text-align: right;
}
.self-checkout .checkout-button {
  font-size: 14px;
  height: 40px;
  width: 98px;
  background-color: #cb333b;
}
.self-checkout .thank-you {
  text-align: center;
}
.self-checkout .thank-you .pay-success img {
  margin-top: 60px;
}
.self-checkout .thank-you h1 {
  font-weight: bold;
  margin-top: 30px;
}
.self-checkout .thank-you .message {
  width: 85%;
  line-height: 25px;
  margin: 0 auto;
  margin-top: 20px;
  text-align: center;
}
.self-checkout .thank-you .qr-code {
  margin-top: 35px;
}
.self-checkout .thank-you .qr-code img {
  width: 250px;
  height: 250px;
}
.self-checkout .scanned-item {
  text-align: center;
}
.self-checkout .scanned-item h1 {
  margin-bottom: 25px;
}
.self-checkout .scanned-item .description {
  margin-bottom: 20px;
}
.self-checkout .scanned-item .amount {
  font-weight: bold;
  margin-bottom: 25px;
}
.self-checkout .scanned-item .count {
  display: flex;
  justify-content: space-around;
  width: 45%;
  font-weight: bold;
  padding: 15px 0;
  margin: 0 auto;
  border: 1px solid;
  border-radius: 40px;
}
.self-checkout .scanned-item .count .current-count {
  font-size: 16px;
}
.self-checkout .scanned-item .count .fa {
  color: #5cabd2;
  font-size: 20px;
}
.self-checkout .fix-ios-footer-height.two-btns {
  height: 115px;
}
.self-checkout .kiosk-footer {
  background: #EBEBEB;
  box-shadow: unset;
  border-radius: 0;
}
.self-checkout .kiosk-footer .enterPluCode,
.self-checkout .kiosk-footer .lookupByName,
.self-checkout .kiosk-footer .enterMembership {
  height: 125px;
  width: 100%;
  color: white;
  border-radius: 30px;
  background-color: #5cabd2;
  font-family: Open Sans !important;
  font-size: 36px;
  font-weight: bold;
  text-align: left;
  font-style: normal;
  line-height: normal;
  color: #fff;
}

.order-confirmation .mobile-checkout {
  font-size: 18px;
  font-weight: bold;
  margin-bottom: 15px;
}

.order-details .show-receipt {
  text-align: center;
}
.order-details .show-receipt .qr-code {
  margin-top: 200px;
}
.order-details .show-receipt .qr-code img {
  width: 160px;
  height: 160px;
}

/* css */
.container {
  overflow-y: auto;
  overflow-x: hidden;
  height: 100%;
}
@media all and (min-width: 960px) {
  .container .storeCover {
    margin-top: 20px;
    max-height: 230px;
  }
}
@media all and (min-width: 760px) and (max-width: 959px) {
  .container .storeCover {
    margin-top: 20px;
    max-height: 230px;
  }
}
@media all and (min-width: 480px) and (max-width: 759px) {
  .container .storeCover {
    margin-top: 20px;
    max-height: 230px;
  }
}
@media all and (max-width: 480px) {
  .container .storeCover {
    max-height: 180px;
  }
}
@media all and (min-width: 960px) {
  .container .productCover {
    margin-top: 20px;
    max-height: 400px;
    max-width: 400px;
    margin: 0 auto;
  }
}
@media all and (min-width: 760px) and (max-width: 959px) {
  .container .productCover {
    margin-top: 20px;
    max-height: 400px;
    max-width: 400px;
    margin: 0 auto;
  }
}
@media all and (min-width: 480px) and (max-width: 759px) {
  .container .productCover {
    margin-top: 20px;
    max-height: 400px;
    max-width: 400px;
    margin: 0 auto;
  }
}
@media all and (min-width: 960px) {
  .container .content {
    max-width: 500px;
    margin: 0 auto;
  }
}
@media all and (min-width: 760px) and (max-width: 959px) {
  .container .content {
    max-width: 500px;
    margin: 0 auto;
  }
}
@media all and (min-width: 480px) and (max-width: 759px) {
  .container .content {
    max-width: 500px;
    margin: 0 auto;
  }
}
@media all and (max-width: 480px) {
  .container .content {
    width: 100%;
  }
}
.container .products_content .fq-item-card {
  height: 260px;
}
.container .products_content .fq-item-card .product-name {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
@media all and (min-width: 960px) {
  .container .products_content {
    max-width: 620px;
    margin: 0 auto;
  }
}
@media all and (min-width: 760px) and (max-width: 959px) {
  .container .products_content {
    max-width: 620px;
    margin: 0 auto;
  }
}
@media all and (min-width: 480px) and (max-width: 759px) {
  .container .products_content {
    max-width: 400px;
    margin: 0 auto;
  }
}
@media all and (max-width: 480px) {
  .container .products_content {
    width: 100%;
  }
}
@media all and (min-width: 960px) {
  .container .promotion {
    max-height: 213px;
    max-width: 485px;
  }
}
@media all and (min-width: 760px) and (max-width: 959px) {
  .container .promotion {
    max-height: 213px;
    max-width: 485px;
  }
}
@media all and (min-width: 480px) and (max-width: 759px) {
  .container .promotion {
    max-height: 213px;
    max-width: 485px;
  }
}
@media all and (max-width: 480px) {
  .container .promotion {
    max-height: 147px;
  }
}
@media all and (min-width: 960px) {
  .container .promotion .banner {
    max-height: 213px;
    max-width: 485px;
  }
}
@media all and (min-width: 760px) and (max-width: 959px) {
  .container .promotion .banner {
    max-height: 213px;
    max-width: 485px;
  }
}
@media all and (min-width: 480px) and (max-width: 759px) {
  .container .promotion .banner {
    max-height: 213px;
    max-width: 485px;
  }
}
@media all and (max-width: 480px) {
  .container .promotion .banner {
    max-height: 147px;
  }
}
.container .box {
  margin: 0 auto;
  width: 100%;
  height: auto;
}
.container .box.category-bar {
  background-color: white;
  position: sticky;
  top: 0;
  height: 100px;
  left: 0;
  padding-bottom: 0px;
  margin-bottom: 0px;
  background: white;
  z-index: 10;
}
.container .box.category-bar .category {
  height: 96px;
  min-width: 68px !important;
}
.container .box.category-bar .category .cover {
  width: 70px;
  height: 70px;
  background-size: cover;
  -webkit-background-size: cover;
  background-position: center;
}
.container .box.category-bar .category .category-name {
  white-space: nowrap;
  max-width: 174px;
  margin-top: 5px;
}
.container .box.category-bar .category .category-name p {
  font-size: 12px;
  line-height: 16px;
  color: black;
  white-space: nowrap;
  margin: 0 0 3px;
  font-family: Open Sans !important;
}
.container .product-list-container {
  list-style: none;
  padding: 10px;
  min-height: 100%;
}
.container .product-list-container .product-card {
  width: 100%;
  height: 100%;
  position: relative;
  padding: 0;
  margin: 0;
  break-inside: avoid;
  background: #ffffff;
  border: 1px solid #ebebeb;
  box-sizing: border-box;
  border-radius: 8px;
}
.container .product-list-container .product-card .product-name {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  /* number of lines to show */
  line-clamp: 3;
  -webkit-box-orient: vertical;
  font-size: 13px;
  line-height: 16px;
  color: black;
}
.container .product-list-container .product-card .quantity {
  padding: 0 8px;
  text-align: center;
  bottom: 8px;
  position: absolute;
  width: 100%;
}
.container .product-list-container .product-card .quantity a {
  color: black;
  line-height: 26px;
  font-weight: bold;
}

.view-cart {
  position: fixed;
  width: 80%;
  height: 44px;
  color: #fff;
  font-weight: bold;
  text-align: center;
  padding: 1em;
  left: 50%;
  z-index: 10;
  bottom: 0px;
  bottom: calc(0px + constant(safe-area-inset-bottom));
  bottom: calc(0px + env(safe-area-inset-bottom));
  transform: translate(-50%, -50%);
  border-radius: 50px;
  background-color: #cb333b;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.4);
}
@media all and (min-width: 960px) {
  .view-cart {
    width: 500px;
  }
}
@media all and (min-width: 760px) and (max-width: 959px) {
  .view-cart {
    width: 500px;
  }
}
@media all and (min-width: 480px) and (max-width: 759px) {
  .view-cart {
    width: 80%;
  }
}
@media all and (max-width: 480px) {
  .view-cart {
    width: 80%;
  }
}
.view-cart .tp-icon-header-shop {
  position: absolute;
  top: 15px;
  left: 19px;
  height: 14px !important;
  width: 16px !important;
  content: url(../img/header/icon/cart_white.svg);
}
.view-cart .viewCart-no-store {
  margin-top: -2px;
  font-size: 16px;
  font-family: NotoSans !important;
  font-weight: bold;
}
.view-cart .viewCart-with-store {
  margin-top: -12px;
  font-size: 10px;
  font-family: NotoSans !important;
  font-weight: bold;
}
.view-cart .storeName {
  margin-top: -14px;
  font-size: 14px;
  letter-spacing: 0.17px;
  font-weight: bold;
  font-family: NotoSans !important;
}
.view-cart .item-count {
  position: absolute;
  top: 11px;
  right: 15px;
  font-weight: bold;
  font-family: NotoSans !important;
  font-size: 18px;
}

.view-cart-footer {
  position: fixed;
  width: 80%;
  height: 44px;
  color: #fff;
  font-weight: bold;
  text-align: center;
  padding: 1em;
  left: 50%;
  z-index: 10;
  bottom: 50px;
  bottom: calc(54px + constant(safe-area-inset-bottom));
  bottom: calc(52px + env(safe-area-inset-bottom));
  transform: translate(-50%, -50%);
  border-radius: 50px;
  background-color: #cb333b;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.4);
}
.view-cart-footer .tp-icon-header-shop {
  position: absolute;
  top: 15px;
  left: 19px;
  height: 14px !important;
  width: 16px !important;
  content: url(../img/header/icon/cart_white.svg);
}
.view-cart-footer .viewCart-no-store {
  margin-top: -2px;
  font-size: 16px;
  font-family: NotoSans !important;
  font-weight: bold;
}
.view-cart-footer .viewCart-with-store {
  margin-top: -12px;
  font-size: 10px;
  font-family: NotoSans !important;
  font-weight: bold;
}
.view-cart-footer .storeName {
  margin-top: -14px;
  font-size: 14px;
  letter-spacing: 0.17px;
  font-weight: bold;
  font-family: NotoSans !important;
}
.view-cart-footer .item-count {
  position: absolute;
  top: 11px;
  right: 15px;
  font-weight: bold;
  font-family: NotoSans !important;
  font-size: 18px;
}

.scan-button-footer {
  width: 90%;
  margin: 0 auto;
  color: #fff;
  font-weight: bold;
  text-align: center;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.4);
}
.scan-button-footer .plu-button {
  background: #61aed3;
  border-top-left-radius: 50px;
  border-bottom-left-radius: 50px;
}
.scan-button-footer .barcode-button {
  background: #cb333b;
  border-top-right-radius: 50px;
  border-bottom-right-radius: 50px;
}
.scan-button-footer .barcode-button .scanner-icon {
  width: 40px;
  height: 40px;
}

/*# sourceMappingURL=all.css.map */