@charset "UTF-8";
root {
  --form--color-checked: $accent-dark!important;
}

#datepicker-calendar {
  border-radius: 1em;
}

footer, header, .hero {
  font-size: var(--text-m) !important;
  line-height: var(--text-m-lh) !important;
}
footer h1, header h1, .hero h1 {
  font-size: var(--h1) !important;
}
footer h4, header h4, .hero h4 {
  font-size: var(--h4) !important;
}

body .xplan-reservation {
  font-size: 1em !important;
}

#ogone_form button[type=submit] {
  display: none !important;
}

.xplan-reservation {
  max-width: 1200px;
  margin-inline: auto !important;
}
.xplan-reservation #dates-people .memo {
  display: none !important;
}
.xplan-reservation .single-person.entry:hover {
  cursor: pointer;
}
.xplan-reservation input[type=radio], .xplan-reservation input[type=checkbox] {
  accent-color: hsl(16, 31%, 50%) !important;
}
.xplan-reservation .plusminus {
  pointer-events: none;
}
.xplan-reservation .plusminus .entry-selection, .xplan-reservation .plusminus input.treatment-time {
  appearance: none;
  -webkit-appearance: none;
  width: 25px;
  height: 25px;
  border: 2px solid rgb(255, 255, 255);
  background: rgb(255, 255, 255);
  position: relative;
  cursor: pointer;
  margin-top: 6px;
}
.xplan-reservation .plusminus .entry-selection:checked::after, .xplan-reservation .plusminus input.treatment-time:checked::after {
  content: "✔";
  color: hsl(181, 100%, 22.9%);
  font-size: 18px;
  position: absolute;
  top: -10px;
  left: 3px;
}
.xplan-reservation .single-person .dashicons-minus {
  width: 25px;
  height: 25px;
  border: 2px solid rgb(255, 255, 255);
  background: rgb(255, 255, 255);
  position: relative;
  cursor: pointer;
  margin-top: 6px;
}
.xplan-reservation .single-person .dashicons-minus::before {
  content: "✔" !important;
  color: hsl(181, 100%, 22.9%);
  font-size: 18px;
  position: absolute;
  top: 0;
  left: 3px;
}
.xplan-reservation p.flow-page-descr {
  margin-bottom: var(--space-s);
}
.xplan-reservation .container {
  padding-left: 0 !important;
  padding-right: 0 !important;
  max-width: unset;
}
.xplan-reservation .info-icon {
  color: hsl(181, 100%, 22.9%) !important;
}
.xplan-reservation .products_list {
  font-size: 0.8em;
}
.xplan-reservation .products_list > .row {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 300px;
  gap: 2em;
}
@media (max-width: 998px) {
  .xplan-reservation .products_list > .row {
    grid-template-columns: minmax(0, 1fr);
  }
}
.xplan-reservation .products_list > .row > div {
  padding: 0 !important;
}
.xplan-reservation .products_list > .row > div:nth-child(1) {
  max-width: 100%;
  border-radius: var(--main--border-radius);
  display: flex;
  flex-direction: column;
}
.xplan-reservation .products_list > .row > div:nth-child(1) .thumbs {
  border-bottom: solid 2px hsl(16, 31%, 92%);
  padding-block-start: 1em;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 0.6em;
}
.xplan-reservation .products_list > .row > div:nth-child(1) .thumbs .thumb {
  display: flex;
  align-items: center;
  background-color: hsl(16, 31%, 92%);
  color: hsl(16, 31%, 50%);
  border: none;
  font-weight: 600;
  padding-inline: 8px;
  margin-bottom: 0;
  border-radius: 0.3em 0.3em 0 0;
  margin-right: 0 !important;
}
.xplan-reservation .products_list > .row > div:nth-child(1) .thumbs .thumb a {
  color: #2f2318;
}
.xplan-reservation .products_list > .row > div:nth-child(1) .thumbs .thumb .arrow {
  background-color: hsl(16, 31%, 92%);
  color: #2f2318;
  border: none;
  top: 0;
  aspect-ratio: 1;
  display: none;
}
.xplan-reservation .products_list > .row > div:nth-child(1) .thumbs .thumb.current {
  background-color: hsl(181, 100%, 22.9%);
  color: white;
  font-size: 1.1em;
}
.xplan-reservation .products_list > .row > div:nth-child(1) .thumbs .thumb.current .arrow {
  background-color: hsl(181, 100%, 22.9%);
}
.xplan-reservation .products_list > .row > div:nth-child(1) form {
  display: flex;
  flex-direction: column;
  gap: 2em;
  flex-wrap: nowrap;
  width: 100%;
}
.xplan-reservation .products_list > .row > div:nth-child(1) form > * {
  margin-bottom: 0 !important;
  width: 100%;
}
.xplan-reservation .products_list > .row > div:nth-child(1) form label {
  color: #2f2318;
  font-size: 1.2em;
}
.xplan-reservation .products_list > .row > div:nth-child(1) form #bookdate {
  display: flex;
  flex-direction: row;
  gap: 1em;
}
.xplan-reservation .products_list > .row > div:nth-child(1) form #bookdate #addon-wrapping {
  background-color: hsl(16, 31%, 92%);
  border-color: hsl(16, 31%, 92%);
  height: 100%;
}
.xplan-reservation .products_list > .row > div:nth-child(1) form #bookdate i {
  color: hsl(181, 100%, 22.9%);
}
.xplan-reservation .products_list > .row > div:nth-child(1) form .hour, .xplan-reservation .products_list > .row > div:nth-child(1) form .date, .xplan-reservation .products_list > .row > div:nth-child(1) form .people {
  padding: 0;
}
.xplan-reservation .products_list > .row > div:nth-child(1) form .hour p:first-child, .xplan-reservation .products_list > .row > div:nth-child(1) form .date p:first-child, .xplan-reservation .products_list > .row > div:nth-child(1) form .people p:first-child {
  color: hsl(181, 100%, 22.9%);
  font-size: 1.6rem;
  margin-block-end: 0.3em;
}
.xplan-reservation .products_list > .row > div:nth-child(1) form .people > div > div {
  margin-bottom: 0 !important;
}
.xplan-reservation .products_list > .row > div:nth-child(1) form .memo:has(span) {
  background-color: hsl(16, 31%, 92%);
  padding: 1em;
  display: block;
  margin-block: 1em;
}
.xplan-reservation .products_list > .row > div:nth-child(1) .cat-list {
  display: flex;
  gap: 0.7em;
  flex-wrap: wrap;
}
.xplan-reservation .products_list > .row > div:nth-child(1) .cat-list .product-cat {
  display: flex !important;
  gap: 0.4em;
  text-align: center;
  font-size: 15px !important;
  font-weight: normal !important;
  padding-right: 5px;
  padding-top: 0;
  padding-bottom: 0;
  height: 35px;
  margin: 0 !important;
  border-radius: 5px;
  cursor: pointer;
  color: var(--global--color-header-text);
  border: 1px solid hsl(181, 100%, 22.9%);
  overflow: hidden;
}
.xplan-reservation .products_list > .row > div:nth-child(1) .cat-list .product-cat img {
  display: inline;
  height: 100%;
  object-fit: cover;
  margin: 0;
  padding: 0;
  border-radius: 0;
  vertical-align: top;
  width: 40px;
}
.xplan-reservation .products_list > .row > div:nth-child(1) .cat-list .product-cat.active, .xplan-reservation .products_list > .row > div:nth-child(1) .cat-list .product-cat:hover {
  color: white;
}
.xplan-reservation .products_list > .row div:nth-child(2) {
  max-width: 100%;
}
.xplan-reservation .products_list > .row div:nth-child(2) .infos {
  padding: 0;
  display: flex;
  gap: 20px;
}
.xplan-reservation .products_list > .row div:nth-child(2) .info_important {
  background-color: #2f2318;
  color: white;
  border: none;
}
.xplan-reservation .products_list .btn_resa {
  background-color: hsl(181, 100%, 22.9%);
  color: white;
  border-color: hsl(181, 100%, 22.9%);
  border-radius: var(--global--border-radius);
  padding: 0.6em !important;
  height: auto !important;
}
.xplan-reservation .products_list .btn_resa:first-child {
  margin-top: 0;
}
.xplan-reservation .products_list.reservation .flow-block {
  margin-top: 10px;
  margin-bottom: 10px;
  border: 0 solid hsl(181, 100%, 22.9%);
  border-radius: 10px;
  cursor: pointer;
  display: flex;
  flex-direction: row;
  align-items: stretch;
  position: relative;
  background: hsl(16, 31%, 92%);
  overflow: hidden;
  min-height: 100px;
  justify-content: flex-end;
}
.xplan-reservation .products_list.reservation .flow-block img {
  width: 30%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  border-radius: 0;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 0;
}
.xplan-reservation .products_list.reservation .flow-block .flow-block-text {
  display: flex;
  flex-direction: column;
  float: none;
  width: 65%;
  margin: 0;
  align-items: flex-start;
  padding-block: var(--space-s);
}
.xplan-reservation .products_list.reservation .flow-block h5 {
  font-size: var(--h3);
}
.xplan-reservation .products_list.reservation .flow-block a {
  position: relative !important;
  width: auto;
  border-radius: 10px;
  text-transform: capitalize;
  bottom: 0;
  right: 0;
  flex-grow: 0;
  line-height: 1;
}
.xplan-reservation #reservation_review .side_recap, .xplan-reservation #reservation_review .side_recap .row {
  background-color: hsl(16, 31%, 92%);
  border: none;
  display: flex;
  flex-direction: column;
  gap: 20px;
  font-size: 14px;
}
.xplan-reservation #reservation_review .side_recap p.error, .xplan-reservation #reservation_review .side_recap .row p.error {
  background-color: transparent !important;
  color: hsl(181, 100%, 22.9%) !important;
  font-size: 14px !important;
}
.xplan-reservation input.btn {
  font-weight: 600 !important;
}
.xplan-reservation input.btn:hover {
  background-color: hsl(19, 12%, 28%) !important;
  border-color: hsl(19, 12%, 28%) !important;
}
.xplan-reservation input.btn.continue-entry-selection {
  background-color: hsl(181, 100%, 22.9%) !important;
  color: white !important;
  border-color: hsl(181, 100%, 22.9%) !important;
  border-radius: var(--global--border-radius);
  height: auto !important;
}
.xplan-reservation .xplan_button_navigation {
  position: sticky;
  bottom: 0;
  border: none !important;
}
.xplan-reservation .xplan_button_navigation .btn {
  flex: 100px 0 1;
  font-weight: 600 !important;
  font-size: var(--button--font-size) !important;
  max-height: 45px;
}
.xplan-reservation .xplan_button_navigation .container-fluid {
  padding: 10px 0 10px 0;
  border-top: 1px solid hsl(16, 31%, 92%) !important;
  border-bottom: 1px solid hsl(16, 31%, 92%) !important;
  justify-content: space-between;
}
.xplan-reservation .xplan_button_navigation .container {
  max-width: 1200px;
  padding-inline: 30px;
}
.xplan-reservation .xplan_button_navigation .container-fluid {
  display: flex;
  gap: 1em;
}
.xplan-reservation .xplan_button_navigation input.return.btn {
  background-color: hsl(16, 31%, 92%) !important;
  color: #2f2318 !important;
  border: none !important;
  margin-right: 0 !important;
}
.xplan-reservation .xplan_button_navigation input.people-form-submit.btn {
  background-color: hsl(181, 100%, 22.9%) !important;
  color: white !important;
  border: none !important;
  margin-right: 0 !important;
}
.xplan-reservation .xplan_button_navigation .btn_send, .xplan-reservation .xplan_button_navigation .checkout-form-submit {
  background-color: hsl(181, 100%, 22.9%) !important;
  color: white !important;
  border: none !important;
  margin-right: 0 !important;
  display: inline-block;
  width: auto;
  height: 40px;
  line-height: 36px;
  font-weight: 500;
  text-transform: uppercase;
  text-align: center;
  letter-spacing: 0.03em;
  padding: 0 40px;
  transition: all ease-in 0.2s;
  -webkit-transition: all ease-in 0.2s;
}
.xplan-reservation .xplan_button_navigation button.cancel.reservation.btn {
  order: 3;
  margin-left: auto !important;
  border: none !important;
  margin-right: 0 !important;
  flex: 170px 0 1 !important;
  overflow: hidden !important;
  background-color: hsl(0, 56%, 88%) !important;
  color: #bf6969 !important;
}
.xplan-reservation .options_list {
  display: flex;
  flex-direction: column;
  gap: 1em;
}
.xplan-reservation .options_list .product.option.active > .options {
  display: flex !important;
}
.xplan-reservation .options_list .product.option {
  border-radius: var(--global--border-radius);
  overflow: hidden;
  background-color: hsla(181, 100%, 22.9%, 0.05);
}
.xplan-reservation .options_list .product.option .plusminus {
  height: 38px !important;
}
.xplan-reservation .options_list .product.option .text {
  display: flex !important;
  padding-inline: 1em !important;
  background-color: hsla(181, 100%, 22.9%, 0.2) !important;
  padding-block: 0.1em !important;
  flex-grow: 1;
}
.xplan-reservation .options_list .product.option .text .option_name {
  flex-grow: 1;
  width: auto !important;
}
.xplan-reservation .options_list .product.option .text span.prix {
  flex-shrink: 0;
}
.xplan-reservation .options_list .product.option .options {
  background-color: transparent !important;
  flex-direction: column;
  padding: 4em 3em 3em 3em !important;
}
.xplan-reservation .options_list .product.option .options .row {
  overflow: hidden;
  gap: 1em;
}
.xplan-reservation .options_list .product.option .options > div:nth-of-type(2) {
  display: flex;
  gap: var(--space-xs);
  flex-direction: column;
}
.xplan-reservation .options_list .product.option .options .plusminus {
  height: 38px !important;
}
.xplan-reservation .options_list .product.option .options .photo_description {
  display: flex;
  flex-direction: column;
}
.xplan-reservation .options_list .product.option .options .photo_description p {
  max-width: 100% !important;
  font-size: 1.2em;
}
.xplan-reservation .options_list .product.option .options .person.option {
  flex-grow: 1;
}
.xplan-reservation .options_list .product.option .options .person.option .toggle {
  display: flex !important;
}
.xplan-reservation .options_list .product.option .options .person.option .options {
  padding: 1.5em !important;
}
.xplan-reservation .options_list .product.option .options .person.option .options ul {
  padding-inline-start: 16px !important;
}
.xplan-reservation .options_list .product.option .options .book_collection .coll-checkbox-person {
  display: none;
}
.xplan-reservation .options_list .product.option .options input.availability.btn {
  background-color: hsl(181, 100%, 22.9%) !important;
  color: white !important;
  border: none !important;
  margin-right: 0 !important;
  display: inline-block;
  width: auto;
  height: 40px;
  line-height: 36px;
  font-weight: 500;
  text-transform: uppercase;
  text-align: center;
  letter-spacing: 0.03em;
  padding: 0 40px;
  transition: all ease-in 0.2s;
  -webkit-transition: all ease-in 0.2s;
}
.xplan-reservation .customer-form > a:first-of-type {
  font-weight: 600 !important;
  color: hsl(181, 100%, 22.9%) !important;
  text-decoration: underline !important;
  font-size: 1.2em !important;
}
.xplan-reservation form .clearfix {
  display: none;
}
.xplan-reservation .checkout-form {
  margin: 1em 0 0 0 !important;
}
.xplan-reservation .checkout-form .customerForm {
  margin-block-start: 1em;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 1.5em;
}
.xplan-reservation .checkout-form .form-row {
  padding: 0 !important;
  width: 100% !important;
  margin-right: 0 !important;
  margin-left: 0 !important;
}
.xplan-reservation .checkout-form .form-row.radio-selection {
  grid-column-end: -1;
  grid-column-start: 1;
  display: flex !important;
  align-items: center;
  gap: 1em;
}
.xplan-reservation .checkout-form .form-row.radio-selection label {
  display: flex !important;
  gap: 0.2em;
  margin-bottom: 0 !important;
}
.xplan-reservation .checkout-form .form-row.radio-selection label input {
  display: flex !important;
  order: -1;
}
.xplan-reservation .checkout-form .form-row label {
  padding: 0 !important;
  font-weight: 300 !important;
  height: auto !important;
  color: #2f2318;
}
.xplan-reservation .checkout-form .form-row label input[type=text], .xplan-reservation .checkout-form .form-row label input[type=password], .xplan-reservation .checkout-form .form-row label input[type=date], .xplan-reservation .checkout-form .form-row label select {
  width: 100% !important;
  border: 1px solid hsl(16, 31%, 85%) !important;
  border-radius: var(--global--border-radius);
  height: 40px !important;
}
.xplan-reservation .checkout-form .form-row.newsletter {
  grid-column: 1/-1;
  top: 0 !important;
  left: 0 !important;
}
.xplan-reservation .checkout-form .conditions {
  position: relative !important;
  padding: 0 !important;
}
.xplan-reservation label:has(input#partial_payment_partial) {
  display: none !important;
}
.xplan-reservation .confirmation .inner .success_wrap .row {
  background-color: hsl(16, 31%, 92%);
  margin: 0 0 1em 0 !important;
  padding-block: 1em !important;
  border-radius: var(--main--border-radius);
}
.xplan-reservation .confirmation .inner .success_wrap .row p {
  margin: 0 !important;
}
.xplan-reservation input.btn[type=button]:hover, .xplan-reservation button:hover {
  background-color: hsl(16, 31%, 50%) !important;
  border-color: hsl(16, 31%, 50%) !important;
  color: white !important;
}
.xplan-reservation input.btn[value=Toevoegen], .xplan-reservation input.btn[value="Voeg toe aan de reservering"], .xplan-reservation input.btn[value=Koop] {
  background-color: hsl(181, 100%, 22.9%) !important;
  border-color: hsl(181, 100%, 22.9%) !important;
  color: white !important;
}
.xplan-reservation .productgroup-table td button {
  background-color: hsl(181, 100%, 22.9%) !important;
  border-color: hsl(181, 100%, 22.9%) !important;
  color: white !important;
  border-radius: var(--main--border-radius);
}
.xplan-reservation .productgroup-table td button :hover {
  background-color: #2f2318 !important;
}
.xplan-reservation input.retail.amount {
  height: 30px !important;
  width: 60px !important;
  margin-right: 7px;
}
.xplan-reservation .products_list > .row > div:nth-child(1) form {
  margin-top: 10px;
  align-items: flex-start;
}
.xplan-reservation p.customer.feedback.error {
  color: white !important;
}

#reservation_review .side_recap {
  gap: 0.6em !important;
}
#reservation_review .side_recap h3 {
  margin-block-start: 0 !important;
  margin-block-end: var(--space-xs);
}
#reservation_review .side_recap > .row {
  gap: 0 !important;
  padding-block-end: 0.3em;
}
#reservation_review .side_recap > .row > * {
  width: auto !important;
  flex: auto !important;
}
#reservation_review .side_recap > .row.date, #reservation_review .side_recap > .row.time {
  flex-direction: row !important;
}
#reservation_review .side_recap > .row.person {
  padding-block-end: 1em;
}
#reservation_review .side_recap > .row.person .person-highlight {
  color: hsl(181, 100%, 22.9%) !important;
  padding-top: 0.7em !important;
  border-top: 1px solid hsl(181, 100%, 22.9%) !important;
}
#reservation_review .side_recap > .row.person .product_info {
  padding-right: 0 !important;
}
#reservation_review .side_recap > .row.person .product_info div {
  margin: 0 !important;
  padding: 0 !important;
}
#reservation_review .side_recap > .row.person .product_info .collection {
  flex-direction: row !important;
}
#reservation_review .side_recap > .row.person .product_info .collection > * {
  max-width: 100% !important;
  width: auto !important;
  flex: auto !important;
}
#reservation_review .side_recap > .row.person .product_info .product:has(.prodprice), #reservation_review .side_recap > .row.person .product_info .collection:has(.collname) {
  margin-top: 0.3em !important;
  border-top: 2px dashed hsl(16, 31%, 85%) !important;
}
#reservation_review .side_recap > .row.person .product_info .product, #reservation_review .side_recap > .row.person .product_info .collection {
  gap: 0.5em !important;
  max-width: 300% !important;
  flex-direction: row !important;
}
#reservation_review .side_recap > .row.person .product_info .product div:nth-child(2), #reservation_review .side_recap > .row.person .product_info .collection div:nth-child(2) {
  justify-content: flex-end;
  display: flex;
}
#reservation_review .side_recap > .row.person .product_info .product div:nth-child(3), #reservation_review .side_recap > .row.person .product_info .collection div:nth-child(3) {
  flex: 20px 0 0 !important;
}
#reservation_review .side_recap > .row.person .product_info .product > *, #reservation_review .side_recap > .row.person .product_info .collection > * {
  max-width: 100% !important;
  width: auto !important;
  flex: auto !important;
}
#reservation_review .side_recap > .row.person .product_info .product p, #reservation_review .side_recap > .row.person .product_info .collection p {
  margin-bottom: 0 !important;
}
#reservation_review .side_recap > .row.person .product_info .product .prodname, #reservation_review .side_recap > .row.person .product_info .product .collname, #reservation_review .side_recap > .row.person .product_info .product .prodprice, #reservation_review .side_recap > .row.person .product_info .collection .prodname, #reservation_review .side_recap > .row.person .product_info .collection .collname, #reservation_review .side_recap > .row.person .product_info .collection .prodprice {
  font-weight: 600 !important;
}
#reservation_review .side_recap > .row.person .product_info .product .prodtime, #reservation_review .side_recap > .row.person .product_info .collection .prodtime {
  padding-left: 0 !important;
  font-weight: 600 !important;
  color: hsl(181, 100%, 22.9%) !important;
}
#reservation_review .side_recap .total {
  font-weight: 600 !important;
  border-top: 2px solid hsl(181, 100%, 22.9%) !important;
  padding-top: 0.3em !important;
}
#reservation_review .side_recap .total > * {
  flex-direction: row !important;
}
#reservation_review .side_recap .total > * > * {
  max-width: 100% !important;
  width: auto !important;
  flex: auto !important;
}
#reservation_review .side_recap button {
  background-color: hsl(181, 100%, 22.9%) !important;
  color: white !important;
  border: none !important;
  margin-right: 0 !important;
  display: inline-block;
  width: auto;
  height: 40px;
  line-height: 36px;
  font-size: 0.8em;
  font-weight: 700;
  text-transform: uppercase;
  text-align: center;
  letter-spacing: 0.03em;
  padding: 0 40px;
  transition: all ease-in 0.2s;
  -webkit-transition: all ease-in 0.2s;
  border-radius: var(--global--border-radius);
}

.xplan-reservation .modal.show {
  background-color: rgba(0, 115, 117, 0.8823529412) !important;
  top: 0 !important;
}

.modal-backdrop {
  background-color: hsl(181, 100%, 22.9%) !important;
  z-index: -1 !important;
  padding: unset !important;
}

.modal button.close {
  position: relative !important;
  border-radius: 0 !important;
  left: 0 !important;
  top: 4px !important;
}

.modal-content {
  z-index: 999999 !important;
}
.modal-content .modal-header {
  background-color: hsl(181, 100%, 22.9%);
  color: white;
}
.modal-content .modal-header .modal-title {
  font-size: 1.6em !important;
}
.modal-content .modal-body {
  font-size: 1.3em !important;
}
.modal-content .modal-footer button {
  font-size: 1.2em !important;
  font-weight: 600 !important;
}
.modal-content .modal-footer button:first-child {
  background-color: red !important;
  color: white !important;
  border: none !important;
}
.modal-content .modal-footer button:last-child {
  background-color: hsl(181, 100%, 22.9%) !important;
  color: white !important;
  border: none !important;
}

#xplan_payment_methods_popup .memo {
  margin-bottom: 20px !important;
}
#xplan_payment_methods_popup .memo tr {
  flex-direction: column !important;
  display: flex !important;
  gap: 10px;
}
#xplan_payment_methods_popup .memo tr td.field {
  width: 100% !important;
}
#xplan_payment_methods_popup .memo .row {
  background-color: transparent !important;
  border: solid red 10px;
}
#xplan_payment_methods_popup .memo .col-sm-7 {
  max-width: unset !important;
  margin-top: 20px;
}
#xplan_payment_methods_popup .modal-content {
  max-width: 600px;
  padding: 20px;
  border-radius: 1.2em !important;
}
#xplan_payment_methods_popup .modal-header {
  border-radius: var(--global--border-radius) !important;
}
#xplan_payment_methods_popup .modal-header h5 {
  margin-bottom: 0 !important;
}
#xplan_payment_methods_popup h5 {
  font-size: 2rem !important;
  margin-bottom: 1rem;
}
#xplan_payment_methods_popup table.redeem {
  border-spacing: 10px;
}
#xplan_payment_methods_popup button.close {
  font-size: 40px !important;
  padding: 0 30px !important;
}
#xplan_payment_methods_popup button.reservation-memo-send, #xplan_payment_methods_popup button.giftcard-redeem {
  background: hsl(16, 31%, 85%) !important;
  color: hsl(16, 31%, 50%) !important;
}
#xplan_payment_methods_popup button.reservation-memo-send:hover, #xplan_payment_methods_popup button.giftcard-redeem:hover {
  background: hsl(16, 31%, 50%) !important;
  color: hsl(16, 31%, 85%) !important;
}
#xplan_payment_methods_popup button.btn_confirm:hover {
  background: hsl(16, 31%, 50%) !important;
  color: hsl(16, 31%, 85%) !important;
}
#xplan_payment_methods_popup textarea.reservation-memo, #xplan_payment_methods_popup input[name=giftcard_code] {
  border: 1px solid hsl(16, 31%, 50%) !important;
  padding: 1em;
  border-radius: 5px;
}
#xplan_payment_methods_popup textarea.reservation-memo::placeholder, #xplan_payment_methods_popup input[name=giftcard_code]::placeholder {
  color: hsl(16, 31%, 50%) !important;
  opacity: 0.5;
  font-size: 0.9em !important;
}

@media (max-width: 998px) {
  .xplan_button_navigation .container-fluid {
    flex-direction: column !important;
  }
  .xplan_button_navigation .container-fluid button.cancel.reservation.btn {
    width: 100% !important;
  }
}

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