/* /Views/AlicePizza/Account/ChangePassword.cshtml.rz.scp.css */
.change[b-qgb73gqd6o] {
    height: 93%;
    width: 100%;
    display: relative;
    flex-direction: column;
    align-items: center;
    gap: 15px;
    position: relative;
    background-color: #ffffef;
}

.content-2[b-qgb73gqd6o] {
  padding: 15px 45px 0 45px;
  width: 100%;
  box-sizing: border-box;
}

.input-1[b-qgb73gqd6o],
.input-2[b-qgb73gqd6o],
.input-3[b-qgb73gqd6o] {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    gap: 4px;
    width: 100%;
    margin-bottom: 15px;
    font-weight: 500;
    color: #31261d;
    font-size: 14px;
    line-height: 20px;
}

.div-wrapper[b-qgb73gqd6o],
.textfield[b-qgb73gqd6o] {
  display: flex;
  align-items: center;
  gap: 4px;
  padding: 8px 12px;
  background-color: #ffffff;
  border-radius: 6px;
  border: 1px solid #31261d;
  width: 100%;
  box-sizing: border-box;
}

.password[b-qgb73gqd6o] {
  font-weight: 400;
  color: #000000;
  font-size: 12px;
  line-height: 20px;
  margin-top: 5px;
}

.button[b-qgb73gqd6o] {
  display: flex;
  justify-content: space-between;
  gap: 8px;
  position: absolute;
  bottom: 15px;
  left: 0;
  right: 0;
  margin: 0 45px;
  background-color: #ffffef;
}

.secondary[b-qgb73gqd6o],
.primary[b-qgb73gqd6o] {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 10px 12px;
  border-radius: 6px;
  border: 1px solid;
  flex: 1;
  max-width: 45%;
}

.secondary[b-qgb73gqd6o] {
  background-color: #fffeff;
  border-color: #e70000;
}

.primary[b-qgb73gqd6o] {
  background-color: #e70000;
  border-color: #ffffff;
}

.title-4[b-qgb73gqd6o] {
  font-weight: 500;
  color: #e70000;
  font-size: 16px;
  line-height: 22px;
  white-space: nowrap;
}

.title-5[b-qgb73gqd6o] {
  font-weight: 500;
  color: #fffeff;
  font-size: 16px;
  line-height: 22px;
  white-space: nowrap;
}

.input-error[b-qgb73gqd6o] {
  border: 1px solid red !important;
}

.requirement-error[b-qgb73gqd6o] {
  color: red !important;
  font-weight: 500;
}

.input-error-warning[b-qgb73gqd6o],
.confirm-warning[b-qgb73gqd6o] {
    display: none;
    color: red;
    font-size: 14px;
}

@media (max-width: 370px) and (min-width: 145px) {
  .button[b-qgb73gqd6o] {
    flex-direction: column-reverse;
  }

  .secondary[b-qgb73gqd6o],
  .primary[b-qgb73gqd6o] {
    max-width: 100%;
  }
}
/* /Views/AlicePizza/Account/MemberPage.cshtml.rz.scp.css */
.member-page[b-mn8m95d2xv] {
  display: flex;
  flex-direction: column;
  width: 100%;
  position: relative;
}

.background-color[b-mn8m95d2xv] {
  background-color: #ffffef;
  width: 100%;
}

.top-bar[b-mn8m95d2xv] {
  position: relative;
  align-items: flex-start;
  top: 0;
  width: 100%;
  flex: 0 0 auto;
  background-color: #86151e;
  box-shadow: 0px 0px 6px #0000001f;
}

.content[b-mn8m95d2xv] {
  display: flex;
  align-items: center;
  padding: 8px 8px 8px 8px;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
}

.top-bar-title[b-mn8m95d2xv] {
  flex: 1;
  font-size: 20px;
  font-weight: 500;
  color: #fffefa;
  padding-left: 15px;
  margin: 0;
  line-height: normal;
}

.icon-buttons[b-mn8m95d2xv] {
  position: relative;
  display: flex;
  align-items: center;
  padding-right: 30px;
  gap: 15px;
}

.icon-button[b-mn8m95d2xv] {
  background: none;
  border: none;
  padding: 0;
  cursor: pointer;
}

.language-toggle[b-mn8m95d2xv] {
  background: none;
  border: none;
  padding: 0;
  cursor: pointer;
}

.icon-globe[b-mn8m95d2xv],
.icon-logout[b-mn8m95d2xv] {
  width: 24px;
  height: 24px;
}

.icon-globe[b-mn8m95d2xv] {
  width: 24px;
  height: 24px;
}

.icon-logout[b-mn8m95d2xv] {
  width: 24px;
  height: 32px;
}

.avatar[b-mn8m95d2xv] {
  position: relative;
  width: 100%;
  max-width: 360px;
  margin: 0 auto;
  padding: 0 15px;
}

.avatar-background[b-mn8m95d2xv],
.card-header[b-mn8m95d2xv] {
    background-color: #fffbcc;
}

.avatar-background[b-mn8m95d2xv] {
    width: 100%;
    padding-top: 20px;
    padding-bottom: 40px;
    box-sizing: border-box;
    border-bottom: 1px solid #fff8bd;
    border-radius: 0 0 20px 20px;
}

.card-header[b-mn8m95d2xv] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0;
    flex-wrap: wrap;
    margin-bottom: 0;
    border-bottom: 1px;
}

.title-2[b-mn8m95d2xv] {
  font-weight: 500;
  color: #86151e;
  font-size: 16px;
  max-width: 70%;
  line-height: 16px;
  margin: 0;
  padding: 0;
}

.edit-button[b-mn8m95d2xv] {
  background: none;
  border: none;
  cursor: pointer;
  padding: 0;
  margin-left: auto;
}

.edit-icon[b-mn8m95d2xv] {
  width: 20px;
  height: 20px;
}

.card-content[b-mn8m95d2xv] {
    position: relative;
    height: 200px;
    padding-top: 8px;
}

.card-background[b-mn8m95d2xv] {
    width: 100%;
    height: 100%;
    background-color: #FFED28;
    border-radius: 6px;
    padding: 12px;
    box-sizing: border-box;
    overflow: hidden;
}

.club-info[b-mn8m95d2xv] {
  display: flex;
  align-items: flex-start;
  gap: 8px;
  margin-left: 0;
  margin-bottom: 4px;
  position: relative;
}

.APlogo[b-mn8m95d2xv] {
  width: 40px;
  height: 40px;
  object-fit: cover;
  border-radius: 6px;
}

.club-text[b-mn8m95d2xv] {
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 2px;
}

.club-name[b-mn8m95d2xv] {
    font-weight: 500;
    color: #86151e;
    font-size: 16px;
    line-height: 18px;
    margin: 0;
}

.valid-till[b-mn8m95d2xv] {
    font-weight: 500;
    color: #86151e;
    font-size: 10px;
    line-height: 12px;
    margin: 0;
}

.qr-code-container[b-mn8m95d2xv] {
    position: absolute;
    top: 20px;
    right: 12px;
    width: 44px;
    height: 44px;
    background-color: #FFED28;
    border-radius: 6px;
    border: 1px solid #fff8bd;
    box-shadow: 4px 4px 4px #00000059;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
}

.qr-code-button[b-mn8m95d2xv] {
  background: none;
  border: none;
  padding: 0;
  margin: 0;
  display: inline-flex;
  cursor: pointer;
}

.qr-code-button img[b-mn8m95d2xv] {
  display: block;
}

.qr-code-scan[b-mn8m95d2xv] {
  position: absolute;
  width: 28px;
  height: 28px;
  top: 8px;
  left: 8px;
}

.points-info[b-mn8m95d2xv] {
    position: relative;
    margin-top: 70px;
    display: flex;
    align-items: center;
    gap: 6px;
}

.stars-icon[b-mn8m95d2xv] {
    width: 44px;
    height: 44px;
}

.points-value[b-mn8m95d2xv] {
    margin: 0;
    font-weight: 500;
    color: #86151e;
    font-size: 36px;
    line-height: 1;
}

.points-label[b-mn8m95d2xv] {
    margin: 0;
    font-weight: 500;
    color: #86151e;
    font-size: 16px;
    line-height: 1;
}

.points-equivalent[b-mn8m95d2xv] {
    position: absolute;
    left: 44px;
    top: 40px;
    font-weight: 500;
    color: #86151e;
    font-size: 12px;
    line-height: 24px;
    margin: 0;
}


.shape-decoration[b-mn8m95d2xv] {
  position: absolute;
  width: 96px;
  height: 84px;
  bottom: 2px;
  right: 3px;
}

#history-block.hidden .always-show[b-mn8m95d2xv] {
    display: block !important;
}

.no-history[b-mn8m95d2xv] {
    text-align: center;
    color: #666;
    font-size: 1rem;
    margin: 1.5rem 0;
}

.expire-content[b-mn8m95d2xv] {
  display: flex;
  flex-direction: column;
  height: auto;
  align-items: center;
  justify-content: center;
  gap: 15px;
  padding: 15px 12px;
  position: relative;
  text-align: center;
}

.expire-content .expire-group[b-mn8m95d2xv] {
  background-color: #ffffff;
  padding: 12px 20px;
  border-radius: 10px;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
  width: 100vw;
  max-width: 100%;
  min-width: 240px;
  box-sizing: border-box;
  word-break: break-word;
  overflow-wrap: break-word;
  overflow: hidden;
}

.expire-content .element-points-expire-in[b-mn8m95d2xv] {
  font-family: "Poppins-Bold", Helvetica;
  font-weight: 400;
  color: #86151e;
  font-size: 24px;
  text-align: center;
  margin: 0;
  line-height: 1.2;
}

.expire-content .text-wrapper[b-mn8m95d2xv] {
  font-weight: 700;
  font-size: 40px;
  display: block;
}

.expire-content .span[b-mn8m95d2xv] {
  font-family: "Poppins-Light", Helvetica;
  font-weight: 300;
  font-size: 16px;
}

.expire-content .text-wrapper-2[b-mn8m95d2xv] {
  font-weight: 700;
  font-size: 20px;
}

.link[b-mn8m95d2xv] {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
}

.link-text[b-mn8m95d2xv] {
    font-size: 14px;
    color: #e70000;
    text-decoration: underline;
    background: none;
    border: none; 
    padding: 0;
    cursor: pointer;
}

.recent-transactions[b-mn8m95d2xv] {
  display: flex;
  height: 54px;
  align-items: center;
  gap: 12px;
  position: relative;
}

.rt-title[b-mn8m95d2xv] {
  font-weight: 400;
  color: #86151e;
  font-size: 20px;
  line-height: 1.9;
  padding-left: 15px;
}

.see-all[b-mn8m95d2xv] {
    font-family: "Poppins-Bold", Helvetica, Arial, sans-serif;
    font-weight: 700;
    color: #e70000;
    font-size: 14px;
    text-transform: uppercase;
    text-decoration: none;
    padding-top: 5px;
    margin-left: auto;
    padding-right: 15px;
    background: none; 
    border: none;
    cursor: pointer;
}

.transaction-content[b-mn8m95d2xv] {
  display: flex;
  flex-direction: column;
  padding: 0 15px 30px;
  gap: 16px;
}

.transaction-group[b-mn8m95d2xv] {
  position: relative;
  width: 100%;
  height: 80px;
  background-color: #ffffff;
  top: 0;
  left: 0;
  box-shadow: 0px 4px 12px rgba(0, 0, 0, 0.1);
  border-radius: 6px;
}

.stars[b-mn8m95d2xv] {
  position: absolute;
  width: 40px;
  height: 40px;
  top: 8px;
  left: 9px;
}

.aquire-date[b-mn8m95d2xv] {
  position: absolute;
  bottom: 11px;
  left: 83px;
  font-family: "ABeeZee-Regular", Helvetica, Arial, sans-serif;
  font-weight: 400;
  color: #86151e;
  font-size: 18px;
  letter-spacing: 0.05px;
  line-height: 21px;
}

.icon-box[b-mn8m95d2xv] {
  position: absolute;
  width: 57px;
  height: 57px;
  top: 12px;
  left: 13px;
  background-color: #86151e;
  border-radius: 6px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.points-earned[b-mn8m95d2xv] {
  position: absolute;
  top: 19px;
  left: 83px;
  font-family: "ABeeZee-Regular", Helvetica, Arial, sans-serif;
  font-weight: 400;
  color: #86151e;
  font-size: 18px;
  letter-spacing: 0;
  line-height: normal;
  margin: 0;
}

.points-transaction[b-mn8m95d2xv] {
  position: absolute;
  top: 30px;
  right: 16px;
  font-weight: 400;
  color: #86151e;
  font-size: 24px;
  text-align: right;
  letter-spacing: 0.07px;
  line-height: 21px;
  margin: 0;
}

.transaction-group2[b-mn8m95d2xv] {
  position: relative;
  width: 100%;
  height: 80px;
  background-color: #ffffff;
  top: 0;
  left: 0;
  box-shadow: 0px 4px 12px rgba(0, 0, 0, 0.1);
  border-radius: 6px;
}

.square[b-mn8m95d2xv] {
  position: absolute;
  width: 44px;
  height: 44px;
  position: center;
}

.spent-date[b-mn8m95d2xv] {
  position: absolute;
  bottom: 11px;
  left: 83px;
  font-family: "ABeeZee-Regular", Helvetica, Arial, sans-serif;
  font-weight: 400;
  color: #bca079;
  font-size: 18px;
  letter-spacing: 0.05px;
  line-height: 21px;
}

.icon-box2[b-mn8m95d2xv] {
  position: absolute;
  width: 57px;
  height: 57px;
  top: 12px;
  left: 13px;
  background-color: #bca079;
  border-radius: 6px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.points-spent[b-mn8m95d2xv] {
  position: absolute;
  top: 19px;
  left: 83px;
  font-family: "ABeeZee-Regular", Helvetica, Arial, sans-serif;
  font-weight: 400;
  color: #bca079;
  font-size: 18px;
  letter-spacing: 0;
  line-height: normal;
  margin: 0;
}

.points-transaction2[b-mn8m95d2xv] {
  position: absolute;
  top: 30px;
  right: 16px;
  font-weight: 400;
  color: #bca079;
  font-size: 24px;
  text-align: right;
  letter-spacing: 0.07px;
  line-height: 21px;
  margin: 0;
}

/* QR CODE POPUP */
.qr-popup-overlay[b-mn8m95d2xv] {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
  display: none;
  justify-content: center;
  align-items: flex-start;
  z-index: 1000;
}

.qr-popup[b-mn8m95d2xv] {
  width: 75%;
  background: #fff;
  padding: 20px;
  border-radius: 12px;
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.3);
  position: relative;
  top: 70px;
  text-align: center;
}

.qr-popup-close[b-mn8m95d2xv] {
  position: absolute;
  top: 8px;
  right: 10px;
  background: none;
  border: none;
  font-size: 18px;
  cursor: pointer;
}

.qr-image-box[b-mn8m95d2xv] {
  margin: 16px 0;
  display: flex;
  justify-content: center;
}

.member-id[b-mn8m95d2xv] {
  font-size: 12px;
  font-weight: 500;
  margin-top: 12px;
  margin-bottom: 8px;
  color: #333;
  text-align: center;
}

.qr-image[b-mn8m95d2xv] {
  width: 160px;
  height: 160px;
  object-fit: contain;
  border: 1px solid #ccc;
  border-radius: 8px;
}

.wallet-button[b-mn8m95d2xv] {
  margin-top: 12px;
  background-color: white;
  border: none;
  border-radius: 6px;
  cursor: pointer;
  font-size: 14px;
}

.wallet-button:hover[b-mn8m95d2xv] {
  color: #86151e;
  background-color: #fff8bd;
}

.social-media-float[b-mn8m95d2xv] {
  position: fixed;
  bottom: 20px;
  right: 20px;
  z-index: 999;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: white;
  border-radius: 50%;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.2);
  width: 48px;
  height: 48px;
  text-decoration: none;
}

.social-icon[b-mn8m95d2xv] {
  width: 36px;
  height: 36px;
}

.popup-overlay[b-mn8m95d2xv] {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.5);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 999;
}

.popup-box[b-mn8m95d2xv] {
    position: relative;
    background: white;
    padding: 20px 30px;
    border-radius: 8px;
    text-align: center;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);
    width: 300px; /* fixed width */
}

.popup-buttons[b-mn8m95d2xv] {
    display: flex;
    justify-content: center; 
    align-items: center;
    gap: 25px; 
    flex-wrap: nowrap;
}

.cancel-button[b-mn8m95d2xv],
.logout-button[b-mn8m95d2xv] {
    width: 120px;
    padding: 10px 12px;
    white-space: nowrap;
    overflow: hidden; 
    text-align: center;
    font-weight: bold;
    font-size: 14px;
    cursor: pointer;
    border-radius: 6px;
    border: none;
}

.cancel-button[b-mn8m95d2xv] {
  background-color: #fff;
  color: #e70000;
  border: 2px solid #e70000;
}

.logout-button[b-mn8m95d2xv] {
  background-color: #e70000;
  color: #fff;
}

/* select language overylay */
#language-switcher-overlay-background[b-mn8m95d2xv] {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.44);
  display: none;
  justify-content: center;
  align-items: center;
  z-index: 1000;
}

#language-switcher-select-box[b-mn8m95d2xv] {
  width: 80vw;
  height: 160px;
  display: flex;
  padding: 10px 5px;
  justify-content: space-around;
  flex-direction: column;
  background: white;
  border-radius: 15px;
}

.language-options[b-mn8m95d2xv] {
  height: 45px;
  align-content: center;
  cursor: pointer;
  padding: 0px 30px;
}

.language-options:hover[b-mn8m95d2xv] {
  background: #ebebeb;
}

.hidden[b-mn8m95d2xv] {
    display: none !important;
}
/* /Views/AlicePizza/Account/PointExpiryDate.cshtml.rz.scp.css */
.point-expire-date[b-whprzmj3r3] {
    display: flex; 
    flex-direction: column;
    align-items: center;
    gap: 15px;
    position: relative;
    height: 93%;
    width: 100%;
    background-color: #ffffef;
}

.background-color[b-whprzmj3r3] {
  flex: 1;
  background-color: #ffffef;
  width: 100%;
}

.transaction-content[b-whprzmj3r3] {
  display: flex;
  flex-direction: column;
  padding: 15px 45px 15px 15px;
  gap: 16px;
}

.transaction-group[b-whprzmj3r3] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0 15px;
  width: 100%;
  height: 80px;
  background-color: #ffffff;
  box-shadow: 0px 4px 12px rgba(0, 0, 0, 0.1);
  border-radius: 6px;
}

.aquire-date[b-whprzmj3r3] {
  font-family: "ABeeZee-Regular", Helvetica, Arial, sans-serif;
  font-weight: 400;
  font-size: 28px;
  color: #86151e;
}

.points-transaction[b-whprzmj3r3] {
  font-family: "ABeeZee-Regular", Helvetica, Arial, sans-serif;
  font-weight: 400;
  font-size: 28px;
  color: #86151e;
}

.aquire-date[b-whprzmj3r3],
.points-transaction[b-whprzmj3r3] {
  margin: 0;
  line-height: 1;
}

.button[b-whprzmj3r3] {
  display: flex;
  gap: 8px;
  position: absolute;
  bottom: 15px;
  left: 0;
  right: 0;
  margin: 0 45px;
  background-color: #ffffef;
}

.primary[b-whprzmj3r3] {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 10px 12px;
  border-radius: 6px;
  border: 1px solid;
  flex: 1;
  background-color: #e70000;
  border-color: #ffffff;
}

.title-5[b-whprzmj3r3] {
  font-weight: 500;
  color: #fffeff;
  font-size: 16px;
  line-height: 22px;
  white-space: nowrap;
}

.no-history[b-whprzmj3r3] {
    width: 100%;
    text-align: center;
    margin: 0;
}

@media (max-width: 370px) and (min-width: 145px) {
  .setting .button[b-whprzmj3r3] {
    flex-direction: column-reverse;
  }

  .setting .primary[b-whprzmj3r3] {
    max-width: 100%;
  }
}
/* /Views/AlicePizza/Account/Settings.cshtml.rz.scp.css */
.setting[b-xbs3g5gabk] {
  height: 93%;
  width: 100%;
  display: relative;
  flex-direction: column;
  align-items: center;
  gap: 15px;
  position: relative;
  background-color: #ffffef;
}

.section[b-xbs3g5gabk] {
  padding: 15px 45px 0px 45px;
}

.div[b-xbs3g5gabk] {
  font-weight: 500;
  color: #31261d;
}

.div-wrapper[b-xbs3g5gabk] {
  position: relative;
  padding-top: 5px;
}

.input[b-xbs3g5gabk] {
  position: relative;
  padding: 0px 25px 15px 0px;
}

.text[b-xbs3g5gabk] {
  display: flex;
  width: 100%;
  align-items: center;
  gap: 4px;
  padding: 8px 12px;
  position: absolute;
  top: 25px;
  left: 12px;
  background-color: #ffffef;
  border-radius: 6px;
  border: 1px solid;
  border-color: #31261d;
  position: static;
}

.selection[b-xbs3g5gabk] {
    position: relative;
    padding: 0px 25px 35px 0px;
}

.select[b-xbs3g5gabk] {
    display: flex;
    align-items: center;
    gap: 4px;
    padding: 8px 12px;
    position: absolute;
    background-color: #ffffef;
    border-radius: 6px;
    border: 1px solid;
    border-color: #31261d;
    color: black;
    width: 168px;
    z-index: 1;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

.div-password[b-xbs3g5gabk] {
  padding-top: 5px;
}
.password[b-xbs3g5gabk] {
  display: flex;
  width: 100%;
  align-items: center;
  gap: 4px;
  padding: 8px 12px;
  position: absolute;
  top: 25px;
  left: 12px;
  background-color: #ffffff;
  border-radius: 6px;
  border: 1px solid;
  border-color: #31261d;
  position: static;
}

.edit-button[b-xbs3g5gabk] {
  position: absolute;
  top: 0;
  right: -10px;
  border: none;
  outline: none;
  background: none;
}

.edit-icon[b-xbs3g5gabk] {
  position: relative;
  width: 20px;
  height: 20px;
}

.input-2[b-xbs3g5gabk] {
  height: 5%;
  position: relative;
  align-self: stretch;
  width: 100%;
  padding-bottom: 15px;
  display: flex;
  align-items: flex-start;
  gap: 20px;
}

.component[b-xbs3g5gabk] {
  position: absolute;
  width: 16px;
  height: 16px;
  top: 8px;
  left: 13px;
  background-size: 100% 100%;
  position: static;
  flex-shrink: 0;
}

.p[b-xbs3g5gabk] {
  position: absolute;
  width: 291px;
  top: 3px;
  left: 42px;
  font-weight: 400;
  color: #31261d;
  font-size: 12px;
  letter-spacing: 0;
  line-height: 20px;
  position: static;
  width: auto;
}

.text-wrapper[b-xbs3g5gabk] {
  position: relative;
  display: relative;
  width: fit-content;
  margin-top: -1px;
  font-weight: 500;
  color: #ffffff;
  font-size: 16px;
  letter-spacing: 0;
  line-height: 22px;
  white-space: nowrap;
}

.button[b-xbs3g5gabk] {
    display: flex;
    justify-content: space-between;
    gap: 8px;
    position: absolute;
    bottom: 15px;
    left: 0;
    right: 0;
    margin: 0 45px;
    background-color: #ffffef;
}

.secondary[b-xbs3g5gabk],
.primary[b-xbs3g5gabk] {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 10px 12px;
    border-radius: 6px;
    flex: 1;
    max-width: 45%;
    font-weight: 500;
    font-size: 16px;
    line-height: 22px;
    white-space: nowrap;
}

.secondary[b-xbs3g5gabk] {
    background-color: #fffeff;
    border: 1px solid #e70000;
    color: #e70000;
}

.primary[b-xbs3g5gabk] {
    background-color: #e70000;
    border: 1px solid #ffffff;
    color: #fffeff;
}

.title-5[b-xbs3g5gabk] {
  font-weight: 500;
  color: #fffeff;
  font-size: 16px;
  line-height: 22px;
  white-space: nowrap;
}

.hidden[b-xbs3g5gabk],
.hidden-by-default[b-xbs3g5gabk] {
    display: none !important;
}

@media (max-width: 370px) and (min-width: 145px) {
  .button[b-xbs3g5gabk] {
    flex-direction: column-reverse;
  }

  .primary[b-xbs3g5gabk] {
    max-width: 100%;
  }
}
/* /Views/AlicePizza/Account/TransactionHistory.cshtml.rz.scp.css */
.transaction-history[b-twv03iz2d4] {
    height: 93%;
    width: 100%;
    padding-bottom: 75px;
    display: relative;
    flex-direction: column;
    align-items: center;
    gap: 15px;
    position: relative;
    background-color: #ffffef;
}

.background-color[b-twv03iz2d4] {
  flex: 1;
  background-color: #ffffef;
  width: 100%;
}

.top-content[b-twv03iz2d4] {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  padding-top: 30px;
  width: 100%;
}

.top-content .star[b-twv03iz2d4],
.top-content .points-left[b-twv03iz2d4],
.top-content .link[b-twv03iz2d4] {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
}

.text-points[b-twv03iz2d4] {
  color: #86151e;
}

.red-stars-icon[b-twv03iz2d4] {
  width: 44px;
  height: 44px;
}

.points-content[b-twv03iz2d4] {
  font-size: 24px;
  font-weight: 500;
  color: #86151e;
  margin: 8px 0;
}

.link-text[b-twv03iz2d4] {
  font-size: 14px;
  color: #e70000;
  text-decoration: underline;
}

.transaction-content[b-twv03iz2d4] {
  display: flex;
  flex-direction: column;
  padding: 15px 15px 75px;
  gap: 16px;
}

.transaction-group[b-twv03iz2d4],
.transaction-group2[b-twv03iz2d4] {
  position: relative;
  width: 100%;
  height: 80px;
  background-color: #ffffff;
  box-shadow: 0px 4px 12px rgba(0, 0, 0, 0.1);
  border-radius: 6px;
}

.icon-box[b-twv03iz2d4],
.icon-box2[b-twv03iz2d4] {
  position: absolute;
  width: 57px;
  height: 57px;
  top: 12px;
  left: 13px;
  border-radius: 6px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.icon-box[b-twv03iz2d4] {
  background-color: #86151e;
}

.icon-box2[b-twv03iz2d4] {
  background-color: #bca079;
}

.stars[b-twv03iz2d4],
.square[b-twv03iz2d4] {
  width: 40px;
  height: 40px;
}

.points-earned[b-twv03iz2d4],
.points-spent[b-twv03iz2d4] {
  position: absolute;
  top: 19px;
  left: 83px;
  font-family: "ABeeZee-Regular", Helvetica, Arial, sans-serif;
  font-weight: 400;
  font-size: 18px;
  color: #86151e;
  margin: 0;
}

.points-earned[b-twv03iz2d4] {
  color: #86151e;
}

.points-spent[b-twv03iz2d4] {
  color: #bca079;
}

.aquire-date[b-twv03iz2d4],
.spent-date[b-twv03iz2d4] {
  position: absolute;
  bottom: 11px;
  left: 83px;
  font-family: "ABeeZee-Regular", Helvetica, Arial, sans-serif;
  font-weight: 400;
  font-size: 18px;
  color: #86151e;
  letter-spacing: 0.05px;
  line-height: 21px;
}

.aquire-date[b-twv03iz2d4] {
  color: #86151e;
}

.spent-date[b-twv03iz2d4] {
  color: #bca079;
}

.points-transaction[b-twv03iz2d4],
.points-transaction2[b-twv03iz2d4] {
  position: absolute;
  top: 30px;
  right: 16px;
  font-weight: 400;
  font-size: 24px;
  text-align: right;
  letter-spacing: 0.07px;
  line-height: 21px;
  margin: 0;
}

.points-transaction[b-twv03iz2d4] {
  color: #86151e;
}

.points-transaction2[b-twv03iz2d4] {
  color: #bca079;
}

.button[b-twv03iz2d4] {
    display: flex;
    gap: 8px;
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    margin: 0 45px 20px;
    background-color: #ffffef; 
    z-index: 100;
}

.primary[b-twv03iz2d4] {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 10px 12px;
  border-radius: 6px;
  border: 1px solid;
  flex: 1;
  background-color: #e70000;
  border-color: #ffffff;
}

.title-5[b-twv03iz2d4] {
  font-weight: 500;
  color: #fffeff;
  font-size: 16px;
  line-height: 22px;
  white-space: nowrap;
}

.no-history[b-twv03iz2d4] {
    width: 100%;
    text-align: center;
    margin: 0;
}
/* /Views/AlicePizza/Auth/ForgetPassword.cshtml.rz.scp.css */
.forget[b-ai53bd2y1f] {
  height: 93%;
  width: 100%;
  flex-direction: column;
  align-items: center;
  gap: 15px;
  position: relative;
  background-color: #ffffef;
}

.content-2[b-ai53bd2y1f] {
  padding-top: 15px;
  padding-left: 45px;
  padding-right: 45px;
}

.input-2[b-ai53bd2y1f] {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  gap: 4px;
  padding: 0px 0px 12px 0px;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
  height: auto;
  margin-bottom: 15px;
}

.title-2[b-ai53bd2y1f] {
  position: absolute;
  width: 100%;
  top: -1px;
  left: 12px;
  font-weight: 500;
  color: #31261d;
  font-size: 14px;
  letter-spacing: 0;
  line-height: 20px;
  position: static;
}

.div-wrapper[b-ai53bd2y1f] {
  display: flex;
  width: 100%;
  align-items: center;
  gap: 4px;
  padding: 8px 12px;
  position: absolute;
  top: 25px;
  left: 12px;
  background-color: #ffffff;
  border-radius: 6px;
  border: 1px solid;
  border-color: #31261d;
  position: static;
  box-sizing: border-box;
}

.password[b-ai53bd2y1f] {
  position: absolute;
  width: 100%;
  font-weight: 400;
  font-size: 12px;
  letter-spacing: 0;
  line-height: 20px;
  position: static;
  margin-top: 5px;
}

.input-3[b-ai53bd2y1f] {
  display: flex;
  flex-direction: column;
  height: 62px;
  align-items: flex-start;
  justify-content: center;
  gap: 4px;
  padding: 0px 0px 12px 0px;
  position: relative;
  align-self: stretch;
  width: 100%;
  margin-bottom: 15px;
}

.title-3[b-ai53bd2y1f] {
  position: relative;
  align-self: stretch;
  font-weight: 500;
  color: #31261d;
  font-size: 14px;
  letter-spacing: 0;
  line-height: 20px;
}

.textfield[b-ai53bd2y1f] {
  display: flex;
  align-items: center;
  gap: 4px;
  padding: 8px 12px;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
  background-color: #ffffff;
  border-radius: 6px;
  border: 1px solid;
  border-color: #31261d;
  box-sizing: border-box;
}

.button[b-ai53bd2y1f] {
  display: flex;
  justify-content: space-between;
  gap: 8px;
  position: absolute;
  bottom: 15px;
  left: 0;
  right: 0;
  margin: 0 45px;
  background-color: #ffffef;
}

.secondary[b-ai53bd2y1f],
.primary[b-ai53bd2y1f] {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 10px 12px;
  border-radius: 6px;
  border: 1px solid;
  flex: 1;
  max-width: 45%;
}

.secondary[b-ai53bd2y1f] {
  background-color: #fffeff;
  border-color: #e70000;
}

.primary[b-ai53bd2y1f] {
  background-color: #e70000;
  border-color: #ffffff;
}

.title-4[b-ai53bd2y1f] {
  font-weight: 500;
  color: #e70000;
  font-size: 16px;
  line-height: 22px;
  white-space: nowrap;
}

.title-5[b-ai53bd2y1f] {
  font-weight: 500;
  color: #fffeff;
  font-size: 16px;
  line-height: 22px;
  white-space: nowrap;
}

.input-error[b-ai53bd2y1f] {
  border: 1px solid red !important;
}

.requirement-error[b-ai53bd2y1f] {
  color: red !important;
  font-weight: bold;
}

.confirm-warning[b-ai53bd2y1f] {
  display: none;
  color: red;
  font-size: 14px;
}

@media (max-width: 370px) and (min-width: 145px) {
  .button[b-ai53bd2y1f] {
    flex-direction: column-reverse;
  }

  .secondary[b-ai53bd2y1f],
  .primary[b-ai53bd2y1f] {
    max-width: 100%;
  }
}
/* /Views/AlicePizza/Auth/Login.cshtml.rz.scp.css */
.sign-in[b-adiypr5v7m] {
    display: flex;
    flex-direction: column;
    align-items: center;
    min-height: 100vh;
    height: 100svh;
    background-color: #ffffef;
    box-sizing: border-box;
}

img.hidden[b-adiypr5v7m] {
    display: none;
}

.banner[b-adiypr5v7m] {
    width: 100%;
    height: 20vh;
    overflow: hidden;
}

.container[b-adiypr5v7m] {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: stretch;
    max-width: 310px;
    width: 100%;
    background-color: #ffffef;
    border-radius: 10px;
    box-sizing: border-box;
}

.logo[b-adiypr5v7m] {
    width: 125px;
    height: auto;
    border-radius: 10px;
    margin: 0 auto 20px auto;
    background-color: #ffffef;
    display: block;
}

.tagline[b-adiypr5v7m] {
    text-align: center;
    font-size: 14px;
    margin-bottom: 30px;
    font-family: inherit;
    color: #31261d;
}

.login-form[b-adiypr5v7m] {
    width: 100%;
    max-width: 270px;
    align-self: center;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    gap: 25px;
}

.form-group[b-adiypr5v7m] {
    width: 100%;
    margin-bottom: 15px;
}

.phone-row[b-adiypr5v7m] {
    display: flex;
    align-items: center;
    gap: 8px;
    width: 100%;
}

    .phone-row .select[b-adiypr5v7m] {
        flex: 0 0 80px;
        height: 35px;
        border: 1px solid #31261d;
        border-radius: 6px;
        font-size: 14px;
        background-color: #fffeff;
        color: #31261d;
        padding-left: 4px;
        box-sizing: border-box;
    }

    .phone-row .input[b-adiypr5v7m] {
        width: 100%;
    }

    .phone-row .input-field[b-adiypr5v7m] {
        flex: 1;
        height: 35px;
        border: 1px solid #31261d;
        border-radius: 6px;
        font-size: 14px;
        background-color: #fffeff;
        color: #31261d;
        box-sizing: border-box;
        margin: 0;
        padding: 0 0 0 8px;
    }

        .phone-row .input-field[b-adiypr5v7m]::placeholder {
            color: #31261d;
        }


.input-field[b-adiypr5v7m] {
    box-sizing: border-box;
    display: flex;
    height: 35px;
    position: relative;
    width: 100%;
    border: 1px solid #31261d;
    border-radius: 6px;
    font-size: 14px;
    background-color: #fffeff;
    color: #31261d;
    margin-top: 5px;
    padding-left: 8px;
}

    .input-field[b-adiypr5v7m]::placeholder {
        color: #31261d;
    }

.form-warning[b-adiypr5v7m] {
    margin-top: 8px;
    font-size: 14px;
    color: #b00020;
}

    .form-warning.hide[b-adiypr5v7m] {
        display: none !important;
    }

.input-error[b-adiypr5v7m] {
    border: 1px solid #b00020 !important;
    color: red !important;
}

.forgot-password[b-adiypr5v7m] {
    background: none;
    border: none;
    padding: 0;
    margin: 0 0 0 2px;
    color: #31261d;
    text-decoration: underline;
    font-weight: 500;
    font-size: 14px;
    cursor: pointer;
    font-family: inherit;
    display: inline-block;
    text-align: left;
}

.password-actions[b-adiypr5v7m] {
    display: flex;
    flex-direction: column;
    gap: 18px;
    margin-top: 8px;
    align-items: flex-start;
}

.login-button[b-adiypr5v7m] {
    width: 100%;
    height: 50px;
    background-color: #e70000;
    color: #ffffef;
    border: none;
    border-radius: 6px;
    font-size: 18px;
    font-weight: 500;
    cursor: pointer;
    transition: background-color 0.3s ease;
}

    .login-button:hover[b-adiypr5v7m] {
        background-color: #d10000;
    }

.signup-link[b-adiypr5v7m] {
    background: none;
    border: none;
    padding: 0;
    margin-top: 20px;
    display: inline;
    width: auto;
    text-align: center;
    color: #31261d;
    font-size: 16px;
    font-weight: 500;
    text-decoration: underline;
    font-family: inherit;
    cursor: pointer;
    align-self: center;
}

.footer[b-adiypr5v7m] {
    width: 80%;
    text-align: center;
    background-color: #ffffef;
    font-size: 14px;
    color: #31261d;
    padding-bottom: 25px;
    margin-top: auto;
}

.copy-right[b-adiypr5v7m] {
    color: gray;
}

.language-toggle[b-adiypr5v7m] {
    position: absolute;
    top: 20px;
    right: 20px;
    background: none;
    border: none;
    cursor: pointer;
}

.icon-globe[b-adiypr5v7m] {
    border-radius: 6px;
    width: 24px;
    height: 24px;
}

#language-switcher-overlay-background[b-adiypr5v7m] {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.44);
    display: none;
    justify-content: center;
    align-items: center;
    z-index: 1000;
}

#language-switcher-select-box[b-adiypr5v7m] {
    width: 80vw;
    height: 160px;
    display: flex;
    padding: 10px 5px;
    justify-content: space-around;
    flex-direction: column;
    background: white;
    border-radius: 15px;
}

.language-options[b-adiypr5v7m] {
    height: 45px;
    align-content: center;
    cursor: pointer;
    padding: 0px 30px;
}

    .language-options:hover[b-adiypr5v7m] {
        background: #ebebeb;
    }

.form-content[b-adiypr5v7m] {
    max-width: 270px;
    width: 100%;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    align-items: stretch;
}

@media (max-width: 480px) {
    .logo[b-adiypr5v7m] {
        width: 100px;
    }

    .login-form[b-adiypr5v7m] {
        gap: 20px;
    }

    .login-button[b-adiypr5v7m] {
        font-size: 16px;
    }
}
/* /Views/AlicePizza/Auth/otp.cshtml.rz.scp.css */
.otp[b-yplldy6xlx] {
    height: 93%;
    width: 100%;
    display: relative;
    flex-direction: column;
    align-items: center;
    gap: 15px;
    position: relative;
    background-color: #ffffef;
}

.container[b-yplldy6xlx] {
  text-align: center;
  padding-top: 30px;
}

.title[b-yplldy6xlx] {
  font-size: 24px;
  font-weight: 500;
  color: #31261d;
  line-height: 20px;
  margin-bottom: 32px;
}

.instruction-text[b-yplldy6xlx] {
  font-size: 16px;
  color: #333;
  margin-bottom: 16px;
}

.group[b-yplldy6xlx] {
  display: flex;
  justify-content: center;
  gap: 10px;
  margin-bottom: 20px;
}

.otp-input[b-yplldy6xlx] {
  width: 40px;
  height: 50px;
  text-align: center;
  font-size: 16px;
  border: 1px solid #ccc;
  border-radius: 4px;
  padding: 0;
  box-sizing: border-box;
}

.resend-wrapper[b-yplldy6xlx] {
  margin-top: 12px;
}

.resend-text[b-yplldy6xlx] {
  font-size: 14px;
  color: #333;
}

.resend-link[b-yplldy6xlx] {
  background: none;
  border: none;
  color: #007bff;
  text-decoration: underline;
  cursor: pointer;
  font-size: 14px;
  padding: 0;
  margin-left: 4px;
}

.resend-link:hover[b-yplldy6xlx] {
  text-decoration: none;
}

.resend-link:disabled[b-yplldy6xlx],
.resend-link.disabled[b-yplldy6xlx] {
  color: gray;
  text-decoration: none;
  cursor: not-allowed;
}

.button[b-yplldy6xlx] {
  display: flex;
  justify-content: space-between;
  gap: 8px;
  position: absolute;
  bottom: 15px;
  left: 0;
  right: 0;
  margin: 0 45px;
  background-color: #ffffef;
}

.secondary[b-yplldy6xlx],
.primary[b-yplldy6xlx] {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 10px 12px;
  border-radius: 6px;
  flex: 1;
  max-width: 45%;
  font-weight: 500;
  font-size: 16px;
  line-height: 22px;
  white-space: nowrap;
}

.secondary[b-yplldy6xlx] {
  background-color: #fffeff;
  border: 1px solid #e70000;
  color: #e70000;
}

.primary[b-yplldy6xlx] {
  background-color: #e70000;
  border: 1px solid #ffffff;
  color: #fffeff;
}

.form-warning[b-yplldy6xlx] {
    min-height: 18px;
    font-size: 13px;
    color: #e70000;
    line-height: 1.4;
}

.form-warning.hide[b-yplldy6xlx] {
    display: none;
}

@media (max-width: 370px) and (min-width: 145px) {
  .button[b-yplldy6xlx] {
    flex-direction: column-reverse;
  }

  .secondary[b-yplldy6xlx],
  .primary[b-yplldy6xlx] {
    max-width: 100%;
  }
}
/* /Views/AlicePizza/Auth/PhoneNumber.cshtml.rz.scp.css */
.phone-number[b-7v0a1prgu2] {
    height: 93%;
    width: 100%;
    display: relative;
    flex-direction: column;
    align-items: center;
    gap: 15px;
    position: relative;
    background-color: #ffffef;
}

.container[b-7v0a1prgu2] {
  padding: 30px 45px 0;
}

.title[b-7v0a1prgu2] {
  line-height: 20px;
  position: relative;
  font-weight: 500;
  text-align: center;
  font-size: 24px;
  margin-bottom: 32px;
}

.container-1[b-7v0a1prgu2] {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 8px;
  width: 100%;
}

.selection[b-7v0a1prgu2],
.input[b-7v0a1prgu2] {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 4px;
  position: relative;
  align-self: stretch;
  flex: 0 0 auto;
}

.selection[b-7v0a1prgu2] {
  width: 30%;
}

.input[b-7v0a1prgu2] {
  position: relative;
  width: 63%;
  padding-left: 15px;
}

.phone-number .select[b-7v0a1prgu2],
.selection .select[b-7v0a1prgu2],
.textfield[b-7v0a1prgu2] {
  display: flex;
  align-items: center;
  gap: 4px;
  padding: 8px 12px;
  position: relative;
  width: 100%;
  flex: 0 0 auto;
  background-color: #ffffff;
  border-radius: 6px;
  border: 1px solid #31261d;
  box-sizing: border-box;
  height: 48px;
}

.phone-number .select[b-7v0a1prgu2] {
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  background-image: url("data:image/svg+xml,%3Csvg fill='%2331261d' height='20' viewBox='0 0 24 24' width='20' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7 10l5 5 5-5z'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 12px center;
  background-size: 16px 16px;
  padding-right: 32px;
}

.text-wrapper[b-7v0a1prgu2] {
  font-weight: 800;
  font-size: 14px;
  line-height: 20px;
  min-height: 40px;
  display: flex;
  align-items: flex-start;
  white-space: normal;
  word-break: break-word;
}

.button[b-7v0a1prgu2] {
  display: flex;
  justify-content: space-between;
  gap: 8px;
  position: absolute;
  bottom: 15px;
  left: 0;
  right: 0;
  margin: 0 45px;
  background-color: #ffffef;
}

.secondary[b-7v0a1prgu2],
.primary[b-7v0a1prgu2] {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 10px 12px;
  border-radius: 6px;
  flex: 1;
  max-width: 45%;
  font-weight: 500;
  font-size: 16px;
  line-height: 22px;
  white-space: nowrap;
}

.secondary[b-7v0a1prgu2] {
  background-color: #fffeff;
  border: 1px solid #e70000;
  color: #e70000;
}

.primary[b-7v0a1prgu2] {
  background-color: #e70000;
  border: 1px solid #ffffff;
  color: #fffeff;
}

.form-warning[b-7v0a1prgu2] {
    min-height: 18px; 
    font-size: 13px;
    color: #e70000;
    line-height: 1.4;
}

    .form-warning.hide[b-7v0a1prgu2] {
       display: none;
    }

[b-7v0a1prgu2] button.register-link {
    background: none;
    border: none;
    padding: 0;
    color: #007bff;
    text-decoration: underline;
    font: inherit;
    cursor: pointer;
}

@media (max-width: 370px) and (min-width: 145px) {
  .button[b-7v0a1prgu2] {
    flex-direction: column-reverse;
  }

  .secondary[b-7v0a1prgu2],
  .primary[b-7v0a1prgu2] {
    max-width: 100%;
  }
}
/* /Views/AlicePizza/Auth/Register.cshtml.rz.scp.css */
.register[b-bx33upyrs4] {
  height: 93%;
  display: relative;
  flex-direction: column;
  align-items: center;
  gap: 15px;
  position: relative;
  background-color: #ffffef;
}

.icon-globe[b-bx33upyrs4] {
  position: absolute;
  width: 24px;
  height: 24px;
  top: 15px;
  left: 320px;
  position: static;
  margin-left: auto;
}

.body[b-bx33upyrs4] {
  padding: 15px 50px 90px 30px;
  background-color: #ffffef;
}

.required[b-bx33upyrs4] {
  color: red;
  margin-left: 4px;
}

.input[b-bx33upyrs4] {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  gap: 4px;
  padding: 0px 12px;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
  margin-bottom: 15px;
}

.text-wrapper[b-bx33upyrs4] {
  position: relative;
  align-self: stretch;
  margin-top: -1px;
  font-weight: 500;
  color: #31261d;
  font-size: 14px;
  letter-spacing: 0;
  line-height: 20px;
}

.textfield[b-bx33upyrs4] {
  display: flex;
  align-items: center;
  gap: 4px;
  padding: 8px 12px;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
  background-color: #ffffff;
  border-radius: 6px;
  border: 1px solid;
  border-color: #31261d;
  box-sizing: border-box;
}

.selection[b-bx33upyrs4] {
  display: flex;
  flex-direction: column;
  height: 68px;
  align-items: center;
  gap: 4px;
  padding: 0px 12px;
  position: relative;
  align-self: stretch;
  width: 100%;
  margin-bottom: 15px;
}

.select[b-bx33upyrs4] {
    display: flex;
    width: 168px;
    align-items: center;
    gap: 10px;
    padding: 8px 12px;
    position: absolute;
    top: 28px;
    left: 12px;
    background-color: #fffeff;
    border-radius: 6px;
    border: 1px solid;
    border-color: #31261d;
    box-sizing: border-box;
    background-repeat: no-repeat;
    background-position: right 12px center;
    color: gray;
    width: 168px;
    z-index: 1;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

.input-2[b-bx33upyrs4] {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  gap: 4px;
  padding: 0px 12px;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
  margin-bottom: 15px;
  height: auto;
}

.title-2[b-bx33upyrs4] {
  position: static;
  align-self: stretch;
  font-weight: 500;
  color: #31261d;
  font-size: 14px;
  letter-spacing: 0;
  line-height: 20px;
}

.div-wrapper[b-bx33upyrs4] {
  display: flex;
  width: 100%;
  align-items: center;
  gap: 4px;
  padding: 8px 12px;
  position: static;
  top: 25px;
  left: 12px;
  background-color: #ffffff;
  border-radius: 6px;
  border: 1px solid;
  border-color: #31261d;
  box-sizing: border-box;
}

.password[b-bx33upyrs4] {
  position: static;
  width: 100%;
  top: 65px;
  left: 12px;
  font-weight: 400;
  color: #000000;
  font-size: 12px;
  letter-spacing: 0;
  line-height: 20px;
}

.input-3[b-bx33upyrs4] {
  display: flex;
  flex-direction: column;
  height: 62px;
  align-items: flex-start;
  justify-content: center;
  gap: 4px;
  padding: 0px 12px;
  position: relative;
  align-self: stretch;
  width: 100%;
  margin-bottom: 15px;
}

.title-3[b-bx33upyrs4] {
  position: relative;
  align-self: stretch;
  font-weight: 500;
  color: #31261d;
  font-size: 14px;
  letter-spacing: 0;
  line-height: 20px;
}

.input-4[b-bx33upyrs4] {
  height: 5%;
  position: relative;
  align-self: stretch;
  width: 100%;
  padding-top: 15px;
  padding-left: 12px;
  padding-bottom: 15px;
  display: flex;
  align-items: flex-start;
  gap: 20px;
}

.input-5[b-bx33upyrs4] {
  height: 5%;
  position: relative;
  align-self: stretch;
  width: 100%;
  padding-left: 12px;
  display: flex;
  align-items: flex-start;
  gap: 20px;
}

.component[b-bx33upyrs4] {
  position: static;
  width: 16px;
  height: 16px;
  top: 8px;
  left: 13px;
  background-size: 100% 100%;
  flex-shrink: 0;
}

.component-variant[b-bx33upyrs4] {
  position: static;
  width: 16px;
  height: 16px;
  top: 8px;
  left: 13px;
  background-size: 100% 100%;
  flex-shrink: 0;
}

.p[b-bx33upyrs4] {
  position: static;
  top: 3px;
  left: 42px;
  font-weight: 400;
  color: #31261d;
  font-size: 12px;
  letter-spacing: 0;
  line-height: 20px;
  position: static;
  width: auto;
}

.language-toggle[b-bx33upyrs4] {
  position: absolute;
  top: 10px;
  right: 20px;
  background: none;
  border: none;
  cursor: pointer;
  padding-right: 20px;
}

#language-switcher-overlay-background[b-bx33upyrs4] {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.44);
  display: none;
  justify-content: center;
  align-items: center;
  z-index: 1000;
}

#language-switcher-select-box[b-bx33upyrs4] {
  width: 80vw;
  height: 160px;
  display: flex;
  padding: 10px 5px;
  justify-content: space-around;
  flex-direction: column;
  background: white;
  border-radius: 15px;
}

.language-options[b-bx33upyrs4] {
  height: 45px;
  align-content: center;
  cursor: pointer;
  padding: 0px 30px;
}

.button[b-bx33upyrs4] {
  display: flex;
  justify-content: space-between;
  gap: 8px;
  position: relative;
  bottom: 15px;
  left: 0;
  right: 0;
  margin: 0 45px;
  padding-bottom: 10px;
  background-color: #ffffef;
}

.secondary[b-bx33upyrs4],
.primary[b-bx33upyrs4] {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 10px 12px;
  border-radius: 6px;
  border: 1px solid;
  flex: 1;
  max-width: 45%;
}

.secondary[b-bx33upyrs4] {
  background-color: #fffeff;
  border-color: #e70000;
}

.primary[b-bx33upyrs4] {
  background-color: #e70000;
  border-color: #ffffff;
}

.title-4[b-bx33upyrs4] {
  font-weight: 500;
  color: #e70000;
  font-size: 16px;
  line-height: 22px;
  white-space: nowrap;
}

.title-5[b-bx33upyrs4] {
  font-weight: 500;
  color: #fffeff;
  font-size: 16px;
  line-height: 22px;
  white-space: nowrap;
}

.input-error[b-bx33upyrs4] {
  border-color: red !important;
}

.label-error[b-bx33upyrs4] {
  color: red !important;
}

.requirement-label-error[b-bx33upyrs4] {
  color: red;
}
.requirement-error[b-bx33upyrs4] {
  color: red !important;
}

input[type="checkbox"].checkbox-error[b-bx33upyrs4] {
  outline: 2px solid red;
  outline-offset: -2px;
}

.popup-overlay[b-bx33upyrs4] {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 999;
  overflow-y: auto;
  padding: 0 20px;
  box-sizing:border-box;
}

.popup-content[b-bx33upyrs4] {
  background: white;
  border-radius: 6px;
  width: 100%;
  max-height: 50vh;
  display: flex;
  flex-direction: column;
  position: relative;
  box-shadow: 0px 4px 12px rgba(0, 0, 0, 0.25);
  overflow: hidden;
}

.popup-scroll-area[b-bx33upyrs4] {
  overflow-y: auto;
  padding: 20px 20px;
  flex: 1;
}

.close-button[b-bx33upyrs4] {
  position: sticky;
  bottom: 0;
  left: 0;
  width: 100%;
  padding: 10px 20px;
  font-size: 16px;
  cursor: pointer;
  border: none;
  background-color: #e70000;
  color: white;
  border-radius: 0 0 6px 6px;
  font-weight: 500;
  text-align: center;
}

.required[b-bx33upyrs4] {
    color: red;
    font-size: 1.2em;
    margin-left: 4px;
}

.confirm-warning[b-bx33upyrs4] {
  display: none;
  color: red;
  font-size: 14px;
}

@media (max-width: 370px) and (min-width: 145px) {
  .button[b-bx33upyrs4] {
    flex-direction: column-reverse;
  }

  .secondary[b-bx33upyrs4],
  .primary[b-bx33upyrs4] {
    max-width: 100%;
  }
}
/* /Views/AlicePizza/Landing.cshtml.rz.scp.css */
.body-wrap[b-qqqa2kfbla] {
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  background-image: url("images/alicepizza/aplandingpagebackground.png");
  background-position: center center;
  background-size: cover;
  padding: 25px;
}

.main-body-wrap[b-qqqa2kfbla] {
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
}

#language-switcher-overlay-background[b-qqqa2kfbla] {
  width: 100%;
  height: 100%;
  position: absolute;
  background: rgba(0, 0, 0, 0.4392156863);
  display: none;
  justify-content: center;
  align-items: center;
}

#language-switcher-select-box[b-qqqa2kfbla] {
  width: 80vw;
  height: 160px;
  display: flex;
  padding: 10px 5px;
  justify-content: space-around;
  flex-direction: column;
  background: white;
  border-radius: 15px;
}

.language-options[b-qqqa2kfbla] {
  height: 45px;
  align-content: center;
  cursor: pointer;
  padding: 0px 30px;
}

.language-options:hover[b-qqqa2kfbla] {
  background: #ebebeb;
}

#language-switcher[b-qqqa2kfbla] {
  display: flex;
  color: white;
  letter-spacing: 2px;
  cursor: pointer;
}

#language-switcher-logo[b-qqqa2kfbla] {
  width: 24px;
  padding-right: 5px;
}

#APlogo[b-qqqa2kfbla] {
  border-radius: 10px;
  width: 114px;
}

#APlogotwo[b-qqqa2kfbla] {
  width: 112px;
  padding-top: 0.75rem;
}

.display-flex-column-center[b-qqqa2kfbla] {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.logoDescription[b-qqqa2kfbla] {
  font-family: "League Gothic", sans-serif;
  font-size: 20px;
  line-height: 28px;
  color: white;
  width: 300px;
  text-align: center;
}

.button-column[b-qqqa2kfbla] {
  margin-top: 45px;
}

#button-login[b-qqqa2kfbla] {
  background-color: #00a291;
  width: 100%;
  border-radius: 8px;
  height: 40px;
  text-align: center;
  font-size: 1.25rem;
  font-family: "Noto Sans";
  color: white;
  align-content: center;
  box-shadow: 0px 1px 3px #555555;
  letter-spacing: 1px;
  cursor: pointer;
  transition: background-color 0.2s ease-in-out;
}

#button-login:hover[b-qqqa2kfbla] {
  background-color: #14A99A;
}

#button-register[b-qqqa2kfbla] {
  text-transform: capitalize !important;
  width: 100% !important;
  border: 1px solid #00a291;
  color: #00a291;
  width: 100%;
  border-radius: 8px;
  height: 40px;
  text-align: center;
  font-size: 1.25rem;
  font-family: "Noto Sans";
  align-content: center;
  margin-top: 13px;
  letter-spacing: 1px;
  cursor: pointer;
  transition: background-color 0.2s ease-in-out;
}

#button-register:hover[b-qqqa2kfbla] {
  background-color: #A9D3A1;
}

.footer-text[b-qqqa2kfbla] {
  font-size: 12px;
  color: white;
  margin-top: 45px;
}

.footer-line-two[b-qqqa2kfbla] {
  margin: 5px 0 40px 0;
}

.footer-line-three[b-qqqa2kfbla] {
  color: rgb(224, 224, 224);
}

.footer-line-three a[b-qqqa2kfbla] {
  color: rgb(224, 224, 224);
}

@media only screen and (max-width: 700px) {
  .logo-column[b-qqqa2kfbla] {
    margin: 11rem 0 1.125rem 0;
  }
}
@media only screen and (min-width: 701px) {
  .logo-column[b-qqqa2kfbla] {
    margin: 7rem 0 1.125rem 0;
  }
}
/* /Views/AlicePizza/Shared/_AlicePizzaLayout.cshtml.rz.scp.css */
/* /Views/AlicePizza/Shared/_TopBar.cshtml.rz.scp.css */
.top-bar[b-nlsymcbpac] {
    position: relative;
    align-items: flex-start;
    top: 0;
    width: 100%;
    flex: 0 0 auto;
    background-color: #86151e;
    box-shadow: 0px 0px 6px #0000001f;
}

.topbar__content[b-nlsymcbpac] {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 12px 8px;
    position: relative;
    align-self: stretch;
    width: 100%;
    flex: 0 0 auto;
}

.topbar__title[b-nlsymcbpac] {
    flex: 1;
    font-size: 20px;
    font-weight: 500;
    color: #fffefa;
    margin: 0;
    padding-left: 15px;
    line-height: normal;
}

.language-toggle[b-nlsymcbpac] {
    position: absolute;
    top: 10px;
    right: 20px;
    background: none;
    border: none;
    cursor: pointer;
    padding-right: 20px;
}

.icon-globe[b-nlsymcbpac] {
    position: absolute;
    width: 24px;
    height: 24px;
    top: 15px;
    left: 320px;
    position: static;
    margin-left: auto;
}
.language-toggle[b-nlsymcbpac] {
  position: absolute;
  top: 10px;
  right: 20px;
  background: none;
  border: none;
  cursor: pointer;
  padding-right: 20px;
}

#language-switcher-overlay-background[b-nlsymcbpac] {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.44);
  display: none;
  justify-content: center;
  align-items: center;
  z-index: 1000;
}

#language-switcher-select-box[b-nlsymcbpac] {
  width: 80vw;
  height: 160px;
  display: flex;
  padding: 10px 5px;
  justify-content: space-around;
  flex-direction: column;
  background: white;
  border-radius: 15px;
}

.language-options[b-nlsymcbpac] {
  height: 45px;
  align-content: center;
  cursor: pointer;
  padding: 0px 30px;
}

.language-options:hover[b-nlsymcbpac] {
  background: #ebebeb;
}
/* /Views/CustomerRegistration/JP/Complete.cshtml.rz.scp.css */
.wrap-container[b-f1bpj315c9] {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}

.main-wrap[b-f1bpj315c9] {
  max-width: 768px;
  max-height: 1024px;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

#brandLogoImage[b-f1bpj315c9] {
  max-height: 100px;
  max-width: 400px;
  width: auto;
  height: 100%;
}

.brandLogoImageCon[b-f1bpj315c9] {
  padding: 40px 0;
}

#backToHome[b-f1bpj315c9] {
  background-color: #bf9f5a;
  color: white;
  padding: 10px 130px;
  width: max-content;
  border: none;
}

.backToHome[b-f1bpj315c9] {
  display: flex;
  justify-content: center;
  padding: 50px 0;
  cursor: pointer;
}

.thank-you-message[b-f1bpj315c9] {
  text-align: center;
  font-size: 24px;
}

.barcodeImageContainer[b-f1bpj315c9]{
    padding: 0 0 15px 0;
}
/* /Views/CustomerRegistration/JP/Exist.cshtml.rz.scp.css */
.wrap-container[b-fu2tuhbsg6] {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}

.main-wrap[b-fu2tuhbsg6] {
  max-width: 768px;
  max-height: 1024px;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

#brandLogoImage[b-fu2tuhbsg6] {
  max-height: 100px;
  max-width: 400px;
  width: auto;
  height: 100%;
}

.brandLogoImageCon[b-fu2tuhbsg6] {
  padding: 40px 0;
}

#backToHome[b-fu2tuhbsg6] {
  background-color: #bf9f5a;
  color: white;
  padding: 10px 130px;
  width: max-content;
  border: none;
}

.backToHome[b-fu2tuhbsg6] {
  display: flex;
  justify-content: center;
  padding: 50px 0;
  cursor: pointer;
}

.thank-you-message[b-fu2tuhbsg6] {
  text-align: center;
  font-size: 24px;
  padding: 0 20px;
}
/* /Views/CustomerRegistration/JP/Main.cshtml.rz.scp.css */
#button-submit[b-b0zh2how1l] {
  background-color: #bf9f5a;
  color: white;
  padding: 10px 130px;
  width: max-content;
  cursor: pointer;
}

.btn-edit[b-b0zh2how1l] {
  background-color: white;
  border: 1px solid #bf9f5a;
  color: #bf9f5a;
  padding: 10px 10px;
  text-align: center;
  max-width: 200px;
  width: 100%;
  cursor: pointer;
  margin: 10px 10px 10px 5px;
}

.btn-confirm[b-b0zh2how1l] {
  background-color: #bf9f5a;
  color: white;
  padding: 10px 10px;
  text-align: center;
  max-width: 200px;
  width: 100%;
  cursor: pointer;
  margin: 10px 5px 10px 10px;
}

.confirmation-Overlay-filled[b-b0zh2how1l] {
  color: #bf9f5a;
}

.language-picker-language[b-b0zh2how1l] {
  color: #bf9f5a;
  cursor: pointer;
}

.wrap-container[b-b0zh2how1l] {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}

.main-wrap[b-b0zh2how1l] {
  max-width: 768px;
  max-height: 1024px;
  width: 100%;
  height: 100%;
}

#brandLogoImage[b-b0zh2how1l] {
  max-height: 60px;
  width: 100%;
  height: 100%;
}

.language-picker-divider[b-b0zh2how1l] {
  padding: 0 10px;
  color: #d1d1d1;
}

.form-header[b-b0zh2how1l] {
  display: flex;
  justify-content: space-between;
  padding: 10px 10px 30px 10px;
}

.form-item-title-container[b-b0zh2how1l] {
  display: flex;
  padding-bottom: 10px;
  display: flex;
}

.form-1-column.mandatory .form-item-required-symbol[b-b0zh2how1l], .form-2-columns-item.mandatory .form-item-required-symbol[b-b0zh2how1l], .form-3-columns-item.mandatory .form-item-required-symbol[b-b0zh2how1l] {
  color: #FF8800;
  padding: 3px 5px 0px 5px;
  display: block; 
}

.form-item-required-symbol[b-b0zh2how1l] {
  display: none;
}

.language-picker[b-b0zh2how1l] {
  display: flex;
}

.form-2-columns[b-b0zh2how1l] {
  display: flex;
  justify-content: space-between;
  width: 100%;
}

.form-2-columns-item[b-b0zh2how1l] {
  flex: 50%;
  padding: 10px;
  width: 100%;
}

.form-1-column[b-b0zh2how1l] {
  padding: 10px;
}

.form-3-columns[b-b0zh2how1l] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
}

.form-3-columns-item[b-b0zh2how1l] {
  flex: 33%;
  padding: 10px;
  display: flex;
  width: 100%;
}

.form-item-input-field-2-columns input[b-b0zh2how1l], .form-item-input-field-1-column input[b-b0zh2how1l] {
  width: 100%;
}

.form-2-columns-option-select[b-b0zh2how1l] {
  display: flex;
  justify-content: space-evenly;
}

.form-1-column-option-select[b-b0zh2how1l] {
  display: flex;
  justify-content: space-evenly;
}

.inactive-option[b-b0zh2how1l] {
  opacity: 30%;
}

.active-option[b-b0zh2how1l] {
  opacity: 100%;
}

.gender-option[b-b0zh2how1l], .social-media-option[b-b0zh2how1l] {
  cursor: pointer;
  display: flex;
  flex-direction: column;
  align-items: center;
  user-select: none;
}

.form-item-title[b-b0zh2how1l] {
  width: max-content;
}

input[b-b0zh2how1l]::-webkit-outer-spin-button,
input[b-b0zh2how1l]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

input[type=number][b-b0zh2how1l] {
  -moz-appearance: textfield;
}

select[b-b0zh2how1l], input[b-b0zh2how1l] {
  border: 1px solid #d1d1d1;
  padding: 10px 8px;
  outline: none;
  letter-spacing: 0;
  width: 100%;
}

input[type=checkbox][b-b0zh2how1l] {
  width: max-content;
}

.form-Checkbox[b-b0zh2how1l] {
  display: flex;
}

.TCLabel[b-b0zh2how1l] {
  padding-left: 10px;
  padding-bottom: 0 !important;
}

.button-submit-container[b-b0zh2how1l] {
  display: flex;
  justify-content: center;
  padding: 0 0 15px 0;
  margin-top: 50px;
}

.form-receive-info-label[b-b0zh2how1l] {
  display: flex;
}

#Receive-Info-Brand-Name[b-b0zh2how1l] {
  padding: 0 5px;
}

.DOB-title[b-b0zh2how1l] {
  padding: 20px 10px 0 10px;
}

#form-social-media-id-input[b-b0zh2how1l] {
  display: none;
}

#confirmation-Overlay-Background[b-b0zh2how1l] {
  display: none;
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  background-color: rgba(45, 52, 74, 0.6);
  justify-content: center;
  align-items: center;
  z-index: 100;
}

#confirmation-Overlay[b-b0zh2how1l] {
  background: white;
  max-width: 668px;
  max-height: 924px;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: space-evenly;
  flex-direction: column;
  padding: 20px;
}

#confirmation-Overlay-body[b-b0zh2how1l] {
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: center;
}

.overlay-footer-btns[b-b0zh2how1l] {
  display: flex;
  justify-content: center;
}

#confirmation-Overlay-header[b-b0zh2how1l] {
  text-align: center;
  font-size: 32px;
  font-weight: bold;
}

#confirmation-Overlay-body .form-2-columns[b-b0zh2how1l], #confirmation-Overlay-body .form-3-columns[b-b0zh2how1l] {
  min-height: 80px;
}

.overlaystaffcodeinput[b-b0zh2how1l] {
  margin: 10px 0 40px 0;
}

.displayblock[b-b0zh2how1l] {
  display: block;
}

.input-error[b-b0zh2how1l] {
    border: 1px solid red !important;
    border-color: red !important;
}
#popup-overlay-background[b-b0zh2how1l] {
    display: flex; 
    justify-content: center; 
    align-items: center; 
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 200;
}

#popup-overlay[b-b0zh2how1l] {
    background-color: white;
    padding: 20px;
    max-width: 800px;
    max-height: 80vh; 
    width: 100%;
    border-radius: 10px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
    display: flex;
    flex-direction: column;
}

#popup-overlay-body[b-b0zh2how1l] {
    overflow-y: auto;
    flex-grow: 1;
    padding-right: 10px; 
}

#popup-overlay-footer[b-b0zh2how1l] {
    margin-top: 20px;
    text-align: center;
    flex-shrink: 0;
}

#popup-overlay-header[b-b0zh2how1l] {
    font-size: 20px;
    font-weight: bold;
    margin-bottom: 10px;
    flex-shrink: 0;
}

#popup-close-btn[b-b0zh2how1l] {
    margin-top: 20px;
    padding: 8px 16px;
    background-color: #bf9f5a;
    color: white;
    border: none;
    border-radius: 4px;
    cursor: pointer;
}

.tc1-popup-button[b-b0zh2how1l] {
    background: none;
    border: none;
    color: #007bff; 
    text-decoration: underline;
    font-size: 16px;
    padding: 0;
    cursor: pointer;
}

.hidden[b-b0zh2how1l]{
    display: none !important;
}

.inline-error-msg[b-b0zh2how1l] {
    color: red;
    font-size: 12px;
    margin-top: 4px;
}
/* /Views/CustomerRegistration/JP/StaffCodePage.cshtml.rz.scp.css */
.wrap-container[b-dq98eyl1ch] {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}

.main-wrap[b-dq98eyl1ch] {
  max-width: 768px;
  max-height: 1024px;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

#brandLogoImage[b-dq98eyl1ch] {
  max-height: 100px;
  max-width: 400px;
  width: auto;
  height: 100%;
}

.brandLogoImageCon[b-dq98eyl1ch] {
  padding: 40px 0;
}

.store-name-container[b-dq98eyl1ch] {
  text-align: center;
  font-size: 22px;
}

input[b-dq98eyl1ch] {
  border: 1px solid #d1d1d1;
  padding: 10px 5px;
  outline: none;
  letter-spacing: 0;
  width: 300px;
}

.inputField[b-dq98eyl1ch] {
  text-align: center;
}

#submitButton[b-dq98eyl1ch] {
  background-color: #bf9f5a;
  color: white;
  padding: 10px 130px;
  width: max-content;
  border: none;
}

.submitButton[b-dq98eyl1ch] {
  text-align: center;
  padding: 50px 0;
}
/* /Views/CustomerRegistration/KR/Complete.cshtml.rz.scp.css */
.contentContainer[b-iygevx24qe] {
  width: 100%;
  height: 100%;
  margin: 0;
  background-color: #000;
}

.contentOne[b-iygevx24qe] {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: white;
}

.brandLogoImageimg[b-iygevx24qe] {
  width: 400px;
  max-width: 80vw;
}

.brandLogoImage[b-iygevx24qe], .buttonContainer[b-iygevx24qe], .barcodeImageContainer[b-iygevx24qe] {
    display: flex;
    justify-content: center;
    align-items: center;
}

.ThankYouMessage[b-iygevx24qe] {
  font-size: 32px;
  font-weight: bold;
  text-align: center;
  padding-bottom: 10px;
}

.CustomerMessage[b-iygevx24qe] {
  display: flex;
  justify-content: center;
}

.completeMessage[b-iygevx24qe] {
  padding: 50px 0;
}

#CustomerMessageName[b-iygevx24qe] {
  font-weight: bold;
}

#returnButton[b-iygevx24qe] {
  border: 1px solid black;
  color: black;
  background-color: white;
  padding: 10px 30px;
  min-width: 300px;
}

.barcodeImageContainer[b-iygevx24qe]{
    padding-top:80px;
}

@media only screen and (max-width: 700px) {
    .contentContainer[b-iygevx24qe] {
    padding: 0px;
  }
}
@media only screen and (min-width: 701px) {
  .contentContainer[b-iygevx24qe] {
    padding: 45px 60px;
  }
}
/* /Views/CustomerRegistration/KR/Home.cshtml.rz.scp.css */
.contentContainer[b-0hxas36oc0] {
  width: 100%;
  height: 100%;
  margin: 0;
  background-color: #000;
}

.contentOne[b-0hxas36oc0] {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: white;
  position: relative;
}

#staffCodeInput[b-0hxas36oc0] {
  margin: 30px;
  border: 1px solid #EAEAEA;
  padding: 10px 30px;
  min-width: 300px;
}

.inputField input[b-0hxas36oc0]::placeholder {
  color: #b1b1b1;
}

#submitButton[b-0hxas36oc0] {
  background-color: #888888;
  color: #fff;
  border: none;
  padding: 10px 30px;
  min-width: 300px;
  transition: ease-in-out;
}

#submitButton:hover[b-0hxas36oc0] {
  background-color: #000;
}

.contentOne .inputField[b-0hxas36oc0], .contentOne .submitButton[b-0hxas36oc0] {
  text-align: center;
}

.formVersionInfo[b-0hxas36oc0] {
  position: absolute;
  bottom: 0;
  right: 0;
  color: #BBB;
  padding: 5px;
  font-size: 10px;
}

.contentOneContent[b-0hxas36oc0] {
  height: 250px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-direction: column;
}

@media only screen and (max-width: 700px) {
  .contentContainer[b-0hxas36oc0] {
    padding: 0px;
  }
}
@media only screen and (min-width: 701px) {
  .contentContainer[b-0hxas36oc0] {
    padding: 45px 60px;
  }
}
/* /Views/CustomerRegistration/KR/Main.cshtml.rz.scp.css */
.contentContainer[b-1h4zat78n3] {
  width: 100%;
  margin: 0;
  background-color: #000;
}

.contentOne[b-1h4zat78n3] {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: white;
}

.pageBody[b-1h4zat78n3] {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-around;
  padding-top: 40px;
}

.formBody[b-1h4zat78n3] {
  max-width: 700px;
  width: 100%;
  padding: 20px 5%;
}

.formSession[b-1h4zat78n3] {
  padding: 10px;
}

.formSessionTitle[b-1h4zat78n3] {
  font-weight: bold;
}

input[b-1h4zat78n3]::-webkit-outer-spin-button,
input[b-1h4zat78n3]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

input[type=number][b-1h4zat78n3] {
  -moz-appearance: textfield;
}

.two-columns[b-1h4zat78n3] {
  display: flex;
}

.two-columns-input-left[b-1h4zat78n3] {
  margin-right: 10px;
}

.two-columns-input-right[b-1h4zat78n3] {
  margin-left: 10px;
}

.formSessionUnfilledInfo[b-1h4zat78n3] {
  padding: 10px 0;
}

.formSessionUnfilledInfoInput[b-1h4zat78n3] {
  width: 100%;
  border: 1px solid #949494;
}

.formSessionUnfilledInfoCheckbox[b-1h4zat78n3] {
  display: flex;
  align-items: center;
}

.checkboxLabel[b-1h4zat78n3] {
  padding: 10px;
}

.CheckboxSession[b-1h4zat78n3] {
  padding: 0;
}

.inlineCheckbox[b-1h4zat78n3] {
  display: flex;
  justify-content: space-between;
}

.submitButton[b-1h4zat78n3] {
  width: 100%;
  background: #000;
  color: #FFF;
  padding: 8px 20px;
  border: none;
  outline: none;
}

.barcodeImageContainer[b-1h4zat78n3] {
  padding-top: 20px;
}

#tcOverlayBackground[b-1h4zat78n3] {
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5647058824);
  display: none;
  justify-content: center;
  align-items: center;
  position: fixed;
}

#tcOverlay[b-1h4zat78n3] {
  display: flex;
  justify-content: start;
  align-items: center;
  flex-direction: column;
  max-width: 600px;
  width: 100%;
  background: white;
  color: black;
  min-height: 300px;
}

.tcOverlayClose[b-1h4zat78n3] {
  width: 100%;
  justify-content: end;
  display: flex;
}

#closeButtonId[b-1h4zat78n3] {
  width: max-content;
  height: max-content;
}

#tcContent[b-1h4zat78n3] {
  padding: 20px;
}

.TCLabelFlex[b-1h4zat78n3] {
  display: flex;
}

#formCheckboxTermsOfUseOverlay[b-1h4zat78n3], #formCheckboxPersonalDataConsentOverlay[b-1h4zat78n3] {
  padding: 0 5px;
  text-decoration: underline;
}

.displayflex[b-1h4zat78n3] {
  display: flex;
  justify-content: center;
  align-items: center;
}

@media only screen and (max-width: 700px) {
  .contentContainer[b-1h4zat78n3] {
    padding: 0px;
  }
}
@media only screen and (min-width: 701px) {
  .contentContainer[b-1h4zat78n3] {
    padding: 45px 60px;
  }
}
/* /Views/CustomerRegistration/KR/MobileVerification.cshtml.rz.scp.css */
.contentContainer[b-36rlj9o9zt] {
  width: 100%;
  height: 100%;
  margin: 0;
  background-color: #000;
}

.contentOne[b-36rlj9o9zt] {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: white;
}

.mobileVerificationButton[b-36rlj9o9zt] {
  margin: 40px;
  text-align: center;
}
.mobileVerificationButton button[b-36rlj9o9zt] {
  background-color: #000;
  color: #fff;
  border: none;
  padding: 10px 30px;
  min-width: 300px;
  transition: ease-in-out;
}

.dummyMobileVerificationButton[b-36rlj9o9zt] {
  margin-top: 10px;
  text-align: center;
}
.dummyMobileVerificationButton button[b-36rlj9o9zt] {
  background-color: #000;
  color: #fff;
  border: none;
  padding: 10px 30px;
  min-width: 300px;
  transition: ease-in-out;
}

@media only screen and (max-width: 700px) {
  .contentContainer[b-36rlj9o9zt] {
    padding: 0px;
  }
}
@media only screen and (min-width: 701px) {
  .contentContainer[b-36rlj9o9zt] {
    padding: 45px 60px;
  }
}
/* /Views/CustomerRegistration/MY/Complete.cshtml.rz.scp.css */
.wrap-container[b-4nav03wn8h] {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}

.main-wrap[b-4nav03wn8h] {
  max-width: 768px;
  max-height: 1024px;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

#brandLogoImage[b-4nav03wn8h] {
  max-height: 100px;
  max-width: 400px;
  width: auto;
  height: 100%;
}

.brandLogoImageCon[b-4nav03wn8h] {
  padding: 40px 0;
}

#backToHome[b-4nav03wn8h] {
  background-color: #bf9f5a;
  color: white;
  padding: 10px 130px;
  width: max-content;
  border: none;
}

.backToHome[b-4nav03wn8h] {
  display: flex;
  justify-content: center;
  padding: 50px 0;
  cursor: pointer;
}

.thank-you-message[b-4nav03wn8h] {
  text-align: center;
  font-size: 24px;
}
/* /Views/CustomerRegistration/MY/Exist.cshtml.rz.scp.css */
.wrap-container[b-n7map22539] {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}

.main-wrap[b-n7map22539] {
  max-width: 768px;
  max-height: 1024px;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

#brandLogoImage[b-n7map22539] {
  max-height: 100px;
  max-width: 400px;
  width: auto;
  height: 100%;
}

.brandLogoImageCon[b-n7map22539] {
  padding: 40px 0;
}

#backToHome[b-n7map22539] {
  background-color: #bf9f5a;
  color: white;
  padding: 10px 130px;
  width: max-content;
  border: none;
}

.backToHome[b-n7map22539] {
  display: flex;
  justify-content: center;
  padding: 50px 0;
  cursor: pointer;
}

.thank-you-message[b-n7map22539] {
  text-align: center;
  font-size: 24px;
  padding: 0 20px;
}
/* /Views/CustomerRegistration/MY/Main.cshtml.rz.scp.css */
#button-submit[b-isluad6h5n] {
  background-color: #bf9f5a;
  color: white;
  padding: 10px 130px;
  width: max-content;
  cursor: pointer;
}

.btn-edit[b-isluad6h5n] {
  background-color: white;
  border: 1px solid #bf9f5a;
  color: #bf9f5a;
  padding: 10px 10px;
  text-align: center;
  max-width: 200px;
  width: 100%;
  cursor: pointer;
  margin: 10px 10px 10px 5px;
}

.btn-confirm[b-isluad6h5n] {
  background-color: #bf9f5a;
  color: white;
  padding: 10px 10px;
  text-align: center;
  max-width: 200px;
  width: 100%;
  cursor: pointer;
  margin: 10px 5px 10px 10px;
}

.confirmation-Overlay-filled[b-isluad6h5n] {
  color: #bf9f5a;
}

.language-picker-language[b-isluad6h5n] {
  color: #bf9f5a;
  cursor: pointer;
}

.wrap-container[b-isluad6h5n] {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}

.main-wrap[b-isluad6h5n] {
  max-width: 768px;
  max-height: 1024px;
  width: 100%;
  height: 100%;
}

#brandLogoImage[b-isluad6h5n] {
  max-height: 60px;
  width: 100%;
  height: 100%;
}

.language-picker-divider[b-isluad6h5n] {
  padding: 0 10px;
  color: #d1d1d1;
}

.form-header[b-isluad6h5n] {
  display: flex;
  justify-content: space-between;
  padding: 10px 10px 30px 10px;
}

.form-item-title-container[b-isluad6h5n] {
  display: flex;
  padding-bottom: 10px;
  display: flex;
}

.form-1-column.mandatory .form-item-required-symbol[b-isluad6h5n], .form-2-columns-item.mandatory .form-item-required-symbol[b-isluad6h5n], .form-3-columns-item.mandatory .form-item-required-symbol[b-isluad6h5n] {
  color: #FF8800;
  padding: 3px 5px 0px 5px;
  display: block; /* Show the required symbol when the parent has the 'mandatory' class */
}

.form-item-required-symbol[b-isluad6h5n] {
  display: none;
}

.language-picker[b-isluad6h5n] {
  display: flex;
}

.form-2-columns[b-isluad6h5n] {
  display: flex;
  justify-content: space-between;
  width: 100%;
}

.form-2-columns-item[b-isluad6h5n] {
  flex: 50%;
  padding: 10px;
  width: 100%;
}

.form-1-column[b-isluad6h5n] {
  padding: 10px;
}

.form-3-columns[b-isluad6h5n] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
}

.form-3-columns-item[b-isluad6h5n] {
  flex: 33%;
  padding: 10px;
  display: flex;
  width: 100%;
}

.form-item-input-field-2-columns input[b-isluad6h5n], .form-item-input-field-1-column input[b-isluad6h5n] {
  width: 100%;
}

.form-2-columns-option-select[b-isluad6h5n] {
  display: flex;
  justify-content: space-evenly;
}

.form-1-column-option-select[b-isluad6h5n] {
  display: flex;
  justify-content: space-evenly;
}

.inactive-option[b-isluad6h5n] {
  opacity: 30%;
}

.active-option[b-isluad6h5n] {
  opacity: 100%;
}

.gender-option[b-isluad6h5n], .social-media-option[b-isluad6h5n] {
  cursor: pointer;
  display: flex;
  flex-direction: column;
  align-items: center;
  user-select: none;
}

.form-item-title[b-isluad6h5n] {
  width: max-content;
}

input[b-isluad6h5n]::-webkit-outer-spin-button,
input[b-isluad6h5n]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

input[type=number][b-isluad6h5n] {
  -moz-appearance: textfield;
}

select[b-isluad6h5n], input[b-isluad6h5n] {
  border: 1px solid #d1d1d1;
  padding: 10px 8px;
  outline: none;
  letter-spacing: 0;
  width: 100%;
}

input[type=checkbox][b-isluad6h5n] {
  width: max-content;
}

.form-Checkbox[b-isluad6h5n] {
  display: flex;
}

.TCLabel[b-isluad6h5n] {
  padding-left: 10px;
  padding-bottom: 0 !important;
}

.button-submit-container[b-isluad6h5n] {
  display: flex;
  justify-content: center;
  margin-top: 50px;
}

.form-receive-info-label[b-isluad6h5n] {
  display: flex;
}

#Receive-Info-Brand-Name[b-isluad6h5n] {
  padding: 0 5px;
}

.DOB-title[b-isluad6h5n] {
  padding: 20px 10px 0 10px;
}

#form-social-media-id-input[b-isluad6h5n] {
  display: none;
}

#confirmation-Overlay-Background[b-isluad6h5n] {
  display: none;
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  background-color: rgba(45, 52, 74, 0.6);
  justify-content: center;
  align-items: center;
  z-index: 100;
}

#confirmation-Overlay[b-isluad6h5n] {
  background: white;
  max-width: 668px;
  max-height: 924px;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: space-evenly;
  flex-direction: column;
  padding: 20px;
}

#confirmation-Overlay-body[b-isluad6h5n] {
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: center;
}

.overlay-footer-btns[b-isluad6h5n] {
  display: flex;
  justify-content: center;
}

#confirmation-Overlay-header[b-isluad6h5n] {
  text-align: center;
  font-size: 32px;
  font-weight: bold;
}

#confirmation-Overlay-body .form-2-columns[b-isluad6h5n], #confirmation-Overlay-body .form-3-columns[b-isluad6h5n] {
  min-height: 80px;
}

.overlaystaffcodeinput[b-isluad6h5n] {
  margin: 10px 0 40px 0;
}

.displayblock[b-isluad6h5n] {
  display: block;
}
/* /Views/CustomerRegistration/MY/StaffCodePage.cshtml.rz.scp.css */
.wrap-container[b-9n3jv92m6z] {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}

.main-wrap[b-9n3jv92m6z] {
  max-width: 768px;
  max-height: 1024px;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

#brandLogoImage[b-9n3jv92m6z] {
  max-height: 100px;
  max-width: 400px;
  width: auto;
  height: 100%;
}

.brandLogoImageCon[b-9n3jv92m6z] {
  padding: 40px 0;
}

.store-name-container[b-9n3jv92m6z] {
  text-align: center;
  font-size: 22px;
}

input[b-9n3jv92m6z] {
  border: 1px solid #d1d1d1;
  padding: 10px 5px;
  outline: none;
  letter-spacing: 0;
  width: 300px;
}

.inputField[b-9n3jv92m6z] {
  text-align: center;
}

#submitButton[b-9n3jv92m6z] {
  background-color: #bf9f5a;
  color: white;
  padding: 10px 130px;
  width: max-content;
  border: none;
}

.submitButton[b-9n3jv92m6z] {
  text-align: center;
  padding: 50px 0;
}
/* /Views/CustomerRegistration/SG/Complete.cshtml.rz.scp.css */
.contentContainer[b-8fp3ikb5tz] {
  width: 100%;
  height: 100%;
  margin: 0;
  background-color: #000;
}

.contentOne[b-8fp3ikb5tz] {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: white;
}

.brandLogoImageimg[b-8fp3ikb5tz] {
  width: 400px;
  max-width: 80vw;
}

.brandLogoImage[b-8fp3ikb5tz], .buttonContainer[b-8fp3ikb5tz], .barcodeImageContainer[b-8fp3ikb5tz] {
    display: flex;
    justify-content: center;
    align-items: center;
}

.ThankYouMessage[b-8fp3ikb5tz] {
  font-size: 32px;
  font-weight: bold;
  text-align: center;
  padding-bottom: 10px;
}

.CustomerMessage[b-8fp3ikb5tz] {
  display: flex;
  justify-content: center;
}

.completeMessage[b-8fp3ikb5tz] {
  padding: 50px 0;
}

#CustomerMessageName[b-8fp3ikb5tz] {
  font-weight: bold;
}

#returnButton[b-8fp3ikb5tz] {
  border: 1px solid black;
  color: black;
  background-color: white;
  padding: 10px 30px;
  min-width: 300px;
}

.barcodeImageContainer[b-8fp3ikb5tz]{
    padding-top:80px;
}

@media only screen and (max-width: 700px) {
    .contentContainer[b-8fp3ikb5tz] {
    padding: 0px;
  }
}
@media only screen and (min-width: 701px) {
  .contentContainer[b-8fp3ikb5tz] {
    padding: 45px 60px;
  }
}
/* /Views/CustomerRegistration/SG/Exist.cshtml.rz.scp.css */
.wrap-container[b-z5x0v1mt0f] {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}

.main-wrap[b-z5x0v1mt0f] {
  max-width: 768px;
  max-height: 1024px;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

#brandLogoImage[b-z5x0v1mt0f] {
  max-height: 100px;
  max-width: 400px;
  width: auto;
  height: 100%;
}

.brandLogoImageCon[b-z5x0v1mt0f] {
  padding: 40px 0;
}

#backToHome[b-z5x0v1mt0f] {
  background-color: #bf9f5a;
  color: white;
  padding: 10px 130px;
  width: max-content;
  border: none;
}

.backToHome[b-z5x0v1mt0f] {
  display: flex;
  justify-content: center;
  padding: 50px 0;
  cursor: pointer;
}

.thank-you-message[b-z5x0v1mt0f] {
  text-align: center;
  font-size: 24px;
  padding: 0 20px;
}
/* /Views/CustomerRegistration/SG/Main.cshtml.rz.scp.css */
.contentContainer[b-kgcul5zj39] {
  width: 100%;
  margin: 0;
  background-color: #000;
}

.contentOne[b-kgcul5zj39] {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: white;
}

.pageBody[b-kgcul5zj39] {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-around;
  padding-top: 40px;
}

.formBody[b-kgcul5zj39] {
  max-width: 700px;
  width: 100%;
  padding: 20px 5%;
}

.formSession[b-kgcul5zj39] {
  padding: 10px;
}

.formSessionTitle[b-kgcul5zj39] {
  font-weight: bold;
}

input[b-kgcul5zj39]::-webkit-outer-spin-button,
input[b-kgcul5zj39]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

input[type=number][b-kgcul5zj39] {
  -moz-appearance: textfield;
}

.two-columns[b-kgcul5zj39] {
  display: flex;
}

.two-columns-input-left[b-kgcul5zj39] {
  margin-right: 10px;
}

.two-columns-input-right[b-kgcul5zj39] {
  margin-left: 10px;
}

.formSessionUnfilledInfo[b-kgcul5zj39] {
  padding: 10px 0;
}

.formSessionUnfilledInfoInput[b-kgcul5zj39] {
  width: 100%;
  border: 1px solid #949494;
}

.formSessionUnfilledInfoCheckbox[b-kgcul5zj39] {
  display: flex;
  align-items: center;
}

.checkboxLabel[b-kgcul5zj39] {
  padding: 10px;
}

.CheckboxSession[b-kgcul5zj39] {
  padding: 0;
}

.inlineCheckbox[b-kgcul5zj39] {
  display: flex;
  justify-content: space-between;
}

.submitButton[b-kgcul5zj39] {
  width: 100%;
  background: #000;
  color: #FFF;
  padding: 8px 20px;
  border: none;
  outline: none;
}

.barcodeImageContainer[b-kgcul5zj39] {
  padding-top: 20px;
}

#tcOverlayBackground[b-kgcul5zj39] {
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5647058824);
  display: none;
  justify-content: center;
  align-items: center;
  position: fixed;
}

#tcOverlay[b-kgcul5zj39] {
  display: flex;
  justify-content: start;
  align-items: center;
  flex-direction: column;
  max-width: 600px;
  width: 100%;
  background: white;
  color: black;
  min-height: 300px;
}

.tcOverlayClose[b-kgcul5zj39] {
  width: 100%;
  justify-content: end;
  display: flex;
}

#closeButtonId[b-kgcul5zj39] {
  width: max-content;
  height: max-content;
}

#tcContent[b-kgcul5zj39] {
  padding: 20px;
}

.TCLabelFlex[b-kgcul5zj39] {
  display: flex;
}

#formCheckboxTermsOfUseOverlay[b-kgcul5zj39], #formCheckboxPersonalDataConsentOverlay[b-kgcul5zj39] {
  padding: 0 5px;
  text-decoration: underline;
}

.displayflex[b-kgcul5zj39] {
  display: flex;
  justify-content: center;
  align-items: center;
}

@media only screen and (max-width: 700px) {
  .contentContainer[b-kgcul5zj39] {
    padding: 0px;
  }
}
@media only screen and (min-width: 701px) {
  .contentContainer[b-kgcul5zj39] {
    padding: 45px 60px;
  }
}
/* /Views/MYEInvoice/FormCOmpleted.cshtml.rz.scp.css */
/* /Views/MYEInvoice/RegistrationForm.cshtml.rz.scp.css */
/* /Views/RAINS/EmailUnsubscribe.cshtml.rz.scp.css */
.body-main-wrapper[b-9pxqiphezi] {
  width: 100%;
  height: 100%;
  background-color: rgb(245, 245, 245);
  padding-top: 40px;
  display: flex;
  justify-content: center;
}

.content-section[b-9pxqiphezi] {
  height: fit-content;
  width: 558px;
  max-width: 100%;
  padding: 60px 60px 130px 60px;
  border: 1px none rgb(204, 204, 204);
  background-color: rgb(255, 255, 255);
}

.brand-logo-container[b-9pxqiphezi] {
  display: flex;
  justify-content: center;
}

#brand-logo[b-9pxqiphezi] {
  max-width: 100%;
  width: 400px;
  margin: 0px auto;
}

.unsubscribe-title[b-9pxqiphezi] {
  text-align: center;
  width: 100%;
  font-family: "Helvetica Neue&quot", Arial;
  color: rgb(34, 34, 34);
  font-size: 32px;
  font-weight: bold;
  padding: 40px 0 25px 0;
}

.unsubscribe-description[b-9pxqiphezi] {
  padding: 10px 0px;
}

.email-input-label[b-9pxqiphezi] {
  font-family: "Helvetica Neue", Arial;
  font-size: 16px;
  font-weight: 700;
  color: rgb(34, 34, 34);
  margin-bottom: 8px;
  justify-content: start;
}

.email-input input[b-9pxqiphezi] {
  color: rgb(34, 34, 34);
  font-family: "Helvetica Neue", Arial;
  font-size: 16px;
  font-weight: 400;
  width: 100%;
  height: 50px;
  padding-left: 16px;
  border: 1px solid rgb(204, 204, 204);
  border-radius: 0px;
  box-sizing: border-box;
  letter-spacing: 1px;
}

.mandatory-field-indicator[b-9pxqiphezi], #error-message[b-9pxqiphezi] {
  color: red;
}

.display-flex-horizontal[b-9pxqiphezi] {
  display: flex;
}

#unsubscribe-submit-btn[b-9pxqiphezi] {
  font-family: "Helvetica Neue", Arial;
  font-size: 16px;
  font-weight: 400;
  color: rgb(255, 255, 255);
  background-color: rgb(0, 0, 0);
  border-radius: 0px;
  border: 0px none rgb(34, 34, 34);
  height: 50px;
  width: 100%;
  padding: 0px;
  margin: 0px auto;
  cursor: pointer;
  text-align: center;
  align-content: center;
  margin: 20px 0;
}
/* /Views/RAINS/EmailUnsubscribeComplete.cshtml.rz.scp.css */
.body-main-wrapper[b-e2j14q3qs6] {
  width: 100%;
  height: 100%;
  background-color: rgb(245, 245, 245);
  padding-top: 40px;
  display: flex;
  justify-content: center;
}

.content-section[b-e2j14q3qs6] {
  height: fit-content;
  width: 558px;
  max-width: 100%;
  padding: 60px 60px 130px 60px;
  border: 1px none rgb(204, 204, 204);
  background-color: rgb(255, 255, 255);
}

.unsubscribe-title[b-e2j14q3qs6] {
  text-align: center;
  width: 100%;
  font-family: "Helvetica Neue&quot", Arial;
  color: rgb(34, 34, 34);
  font-size: 32px;
  font-weight: bold;
  padding: 40px 0 25px 0;
}

.unsubscribe-description[b-e2j14q3qs6] {
  padding: 10px 6px;
}

.display-flex-horizontal[b-e2j14q3qs6] {
  display: flex;
}

#subscribe-btn[b-e2j14q3qs6] {
  font-family: "Helvetica Neue", Arial;
  font-size: 16px;
  font-weight: 400;
  color: rgb(255, 255, 255);
  background-color: rgb(0, 0, 0);
  border-radius: 0px;
  border: 0px none rgb(34, 34, 34);
  height: 50px;
  width: 100%;
  padding: 0px;
  margin: 0px auto;
  cursor: pointer;
  text-align: center;
  align-content: center;
  margin: 20px 0;
}

.social-media-icons[b-e2j14q3qs6] {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0 10px;
}

@media only screen and (max-width: 1024px) {
  .social-media-icons[b-e2j14q3qs6] {
    flex-wrap: wrap;
    width: 200px;
  }
}
.social-media-icons img[b-e2j14q3qs6] {
  width: 50px;
  margin: 10px 10px;
}

.social-media-icons-wrap[b-e2j14q3qs6] {
  width: 100%;
  display: flex;
  justify-content: center;
}

.follow-us[b-e2j14q3qs6] {
  margin: 30px 0px;
  text-align: center;
  font-size: 18px;
  font-weight: bold;
  color: #717171;
  letter-spacing: 1px;
}
/* /Views/Shared/_Layout.cshtml.rz.scp.css */