@import '_content/Clients.Shared/Clients.Shared.bundle.scp.css';
@import '_content/PMS.Blazor.Shared/PMS.Blazor.Shared.bundle.scp.css';
@import '_content/Softtec.Blazor/Softtec.Blazor.bundle.scp.css';
@import '_content/Softtec.Components/Softtec.Components.bundle.scp.css';
@import '_content/Blazored.Modal/Blazored.Modal.bundle.scp.css';

/* /Components/IBEComponents/AdditionalServices/AdditionalServiceItem.razor.rz.scp.css */
label[b-cgvz6q2aug] {
  margin-bottom: 0 !important;
}

.service-container[b-cgvz6q2aug] {
  background-color: var(--softtec-white);
  border-radius: 1rem;
  display: grid;
  grid-template-columns: 21.9rem 1fr 17.4rem;
  height: fit-content;
  gap: 2.5rem;
  /*margin-right: 1rem;*/
}

  .service-container .service-price-container[b-cgvz6q2aug] >  button {
    width: 15.5rem !important;
    border-radius: 3rem;
  }

.service-image[b-cgvz6q2aug]  {
    padding: 1rem 0 1rem 1rem;
}

.service-image > div[b-cgvz6q2aug] {
  border-radius: 1rem;
  width: 20.9rem;
  height: 13rem;
  background-color: var(--softtec-light-blue1);
  background-repeat: no-repeat;
  background-position: center;
}

.service-description[b-cgvz6q2aug]{
  padding: 1.5rem 0 1rem 0;
  color: var(--page-additionalServiceItem-description-color);
  max-width: calc(100vw - 10rem);
  /*max-height: 20rem;*/
}

.service-container > div:first-child .tablet-header[b-cgvz6q2aug],
.service-container > div:first-child .mobile-header[b-cgvz6q2aug] {
  display: none;
  padding: 1rem 0 0 1rem;
  color: var(--page-additionalServiceItem-description-color);
}

  .service-description > div:first-child[b-cgvz6q2aug] {
    width:fit-content;
  }

  .service-description > div:first-child + label[b-cgvz6q2aug] {
    padding-top: 1rem;
  }

  .service-description > div:nth-child(2)[b-cgvz6q2aug] {
    padding-top: .3rem;
  }

  .service-description > div > label[b-cgvz6q2aug] {
    color: var(--page-additionalServiceItem-name-color);
    display: block;
  }

  .service-description > div > .service-info[b-cgvz6q2aug] {
    width: 2.5rem;
    height: 2.5rem;
  }

  .service-description > div > .service-info:hover[b-cgvz6q2aug] {
   cursor:pointer;
  }

  .service-description > label[b-cgvz6q2aug] {
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    overflow: hidden;
    line-height: 2.3rem;
    min-height: 9.3rem;
    height: fit-content;
    word-break: break-all;
  }

  .service-description > label:hover[b-cgvz6q2aug]{
    cursor: pointer;
  }

  .service-description > div:nth-child(2)[b-cgvz6q2aug] {
    display: flex;
    gap: 1rem;
    flex-wrap: wrap;
    overflow: auto;
  }

      .service-description > div:nth-child(2) > div[b-cgvz6q2aug] {
        border: 1px solid var(--page-additionalServiceItem-count-borderColor);
        border-radius: 1rem;
        padding: .8rem;
        width: 8.5rem;
        display: flex;
        height: 9.7rem;
        flex-direction: column;
        justify-content:space-between;
        align-items:center;
      }


       /* .service-description > div:nth-child(2)  > div > div {
          margin: auto;
          margin-bottom: 0;
        }*/

.service-price-container[b-cgvz6q2aug] {
  position: relative;
  display: flex;
  gap: 1rem;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  padding-bottom: 1rem;
  color: var(--page-additionalServiceItem-price-color);
  background-color: var(--page-additionalServiceItem-price-backgroundColor);
  border-top-right-radius: 1rem;
  border-bottom-right-radius: 1rem;
}

.close[b-cgvz6q2aug] {
  width: 3rem;
  height: 3rem;
  border-radius: 50%;
  border: 1px solid rgba(121, 121, 121, 0);
  box-shadow: 1px 1px 5px 0 rgba(0, 0, 0, 0.35);
  position: absolute;
  top: -1.6rem;
  right: -1.4rem;
  background-color: white;
  justify-content: center;
  align-items: center;
  color: var(--softtec-medium-blue1);
  display: none;
  z-index:2;
}

.service-price[b-cgvz6q2aug] {
  color: var(--page-additionalServiceItem-price-color);
}

.service-price-info[b-cgvz6q2aug] {
  color: var(--page-additionalServiceItem-priceInfo-color);
  background-color: var(--page-additionalServiceItem-priceInfo-backgroundColor);
  float: left;
  display: flex;
  justify-content: center; /* align horizontal */
  align-items: center; /* align vertical */
  height: 3.5rem;
  position: relative;
  width:100%;
  border-top-right-radius:1rem;
}

  .service-price-info[b-cgvz6q2aug]:after {
    content: '';
    position: absolute;
    top: 3.5rem;
    border-left: 1.4rem solid transparent;
    border-right: 1.4rem solid transparent;
    border-top: 1.4rem solid var(--page-additionalServiceItem-priceInfo-backgroundColor);
    clear: both;
  }

.service-count[b-cgvz6q2aug] {
  color: var(--page-additionalServiceItem-count-color);
}

  .service-count > div[b-cgvz6q2aug] {
    border: 1px solid var(--page-additionalServiceItem-count-borderColor);
    padding: 5px;
    display: flex;
    min-width: 10rem;
    width: fit-content;
    gap: .5rem;
    align-items: center;
    justify-content:space-between;
  }

 [b-cgvz6q2aug] .btn-count {
  color: var(--page-additionalServiceItem-count-button-color) !important;
  background-color: var(--page-additionalServiceItem-count-button-backgroundColor);
  border-radius: 5px;
  height: 2.5rem;
  width: 2.5rem;
  display: flex;
  justify-content: center;
  align-items: center;
 }

   [b-cgvz6q2aug] .btn-count:disabled {
    background-color: var(--softtec-grey);
  }

   [b-cgvz6q2aug] .btn-count:not(:disabled):hover {
    background-color: var(--softtec-medium-blue1) !important;
  }

.service-image[b-cgvz6q2aug]  .carousel-inner {
  height: 100%;
  border-radius: 1rem;
}

.service-image[b-cgvz6q2aug] >  .carousel {
  width: 20.9rem;
  height: 13rem;
}

  .service-image[b-cgvz6q2aug] >  .carousel .carousel-item .carousel-img {
    object-fit: cover;
    background-color: var(--softtec-light-blue1);
    border-radius: 0;
    border-radius: 1rem;
    height: 13rem;
  }

 [b-cgvz6q2aug] .st-btn-check,
 [b-cgvz6q2aug] .st-btn-check:hover {
  background-color: var(--page-additionalServiceItem-check-button-backgroundColor);
  color: var(--softtec-white);
}

   [b-cgvz6q2aug] .st-btn-check span:nth-child(2),
  [b-cgvz6q2aug] .st-btn-check:hover span:first-child {
    display: none;
  }

  [b-cgvz6q2aug] .st-btn-check:hover span:nth-child(2) {
    display: block;
  }


@media (max-width: 1090px) {
  [b-cgvz6q2aug] .st-btn-check:hover span:nth-child(2) {
    display: none;
  }

  [b-cgvz6q2aug] .st-btn-check:hover span:first-child{
    display: block;
  }

  .close[b-cgvz6q2aug] {
    display: flex;
  }

 .service-container > div:first-child .tablet-header[b-cgvz6q2aug] {
    display: flex;
  }

  .service-container[b-cgvz6q2aug] {
    gap: 1rem;
  }

  .service-container[b-cgvz6q2aug] {
    grid-template-columns: 1fr 1fr;
    height: auto;
  }

    .service-container > div:first-child[b-cgvz6q2aug]{
      padding-right: 1rem;
    }

  [b-cgvz6q2aug] .carousel .carousel-item .carousel-img, .service-image[b-cgvz6q2aug]  .carousel-inner {
    border-radius: 0;
    border-top-left-radius: 1rem;
  }

  .service-container > div:first-child[b-cgvz6q2aug], .service-price-container[b-cgvz6q2aug] {
    grid-row: 1;
  }

  .service-description:has(.days) + .service-price-container[b-cgvz6q2aug] {
    border-bottom-right-radius: 0;
  }

  .service-container[b-cgvz6q2aug] {
    grid-template-columns: 1fr 1fr;
    gap: 0;
  }

  .service-image > div[b-cgvz6q2aug] {
    width: 100% !important;
  }

  .service-image[b-cgvz6q2aug] >  .carousel {
    min-width: 100%;
  }

  .service-description > div:first-child + label[b-cgvz6q2aug],
  .service-description > div:first-child[b-cgvz6q2aug] {
    display: none !important;
  }

  .service-description[b-cgvz6q2aug] {
    grid-row: unset;
    padding: 0;
  }

    .service-description:has(.days)[b-cgvz6q2aug] {
      grid-row: 2;
      grid-column-start: 1;
      grid-column-end: 3;
      max-width: 100%;
      padding: 0 1rem 1rem 1rem;
    }

    .service-description > div:last-child[b-cgvz6q2aug] {
      padding: 1rem 0 0 0;
    }
 }

@media (max-width: 520px) {

  .service-container > div:first-child .tablet-header[b-cgvz6q2aug] {
    display: none;
  }

  .service-container > div:first-child .mobile-header[b-cgvz6q2aug] {
    display: flex ;
  }

  .service-price-info > label[b-cgvz6q2aug],
  .service-container > div:first-child .mobile-header[b-cgvz6q2aug] {
    font-size: var(--font-size-12);
  }

    .service-image > div[b-cgvz6q2aug], .service-image[b-cgvz6q2aug]   .slick-list {
      border-radius: 1rem;
    }

}
/* /Components/IBEComponents/AdditionalServices/AdditionalServiceList.razor.rz.scp.css */
.component-container[b-4e8xrg5maj] {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  padding-bottom:1rem;
  max-height: fit-content;
}

  .component-container label[b-4e8xrg5maj] {
    color: var(--page-header-color);
  }

  .component-container > .additional-service-container[b-4e8xrg5maj] {
    position: relative;
    max-height: calc(100vh - 6rem);
    min-height: calc(100vh - 6rem);
    max-height: calc(var(--doc-height) - 6rem);
    min-height: calc(var(--doc-height) - 6rem);
    display: flex;
    flex-direction: column;
    gap: 1rem;
    flex: 1;
  }

    .component-container > .additional-service-container > div[b-4e8xrg5maj] {
      flex: 1;
      overflow: auto;
      scrollbar-width: none;
    }

    .component-container > .additional-service-container:not(:first-of-type)[b-4e8xrg5maj] {
      max-height: calc(100vh - 1rem);
      min-height: calc(100vh - 1rem);
      max-height: calc(var(--doc-height) - 1rem);
      min-height: calc(var(--doc-height) - 1rem);
    }

      .component-container .services[b-4e8xrg5maj] {
      flex: 1;
      overflow-y: auto;
    }

.component-container > .additional-service-container >  div:last-child[b-4e8xrg5maj] {
  padding: 2rem;
  justify-content: center;
  display: flex;
}

.component-container > .additional-service-container  > div:last-child:hover[b-4e8xrg5maj],
.component-container > .additional-service-container > div:last-child > label:hover[b-4e8xrg5maj] {
  cursor: pointer;
}

.component-container > .additional-service-container > div > label[b-4e8xrg5maj] {
  background-color: var(--page-guestData-button-backgroundColor);
  color: var(--page-guestData-button-color);
  border-radius: 2rem;
  padding: 1rem 2.5rem;
}

.service-groups[b-4e8xrg5maj] {
 margin-bottom:1rem;
}

.service-groups > div[b-4e8xrg5maj] {
  display: flex;
  overflow-x:auto;
}

  .service-groups > div > div[b-4e8xrg5maj] {
    min-width: calc(100% / 5);
    text-align: center;
    color: var(--page-additionalServiceList-group-color);
    border-bottom: 1px solid var(--page-additionalServiceList-group-borderColor);
    padding-top: 1rem;
    flex: 1;
  }

  .service-groups.more-than-five > div > div[b-4e8xrg5maj] {
    min-width: calc(100% / 5.7);
  }

    .service-groups > div > div:hover[b-4e8xrg5maj],
    .service-groups > div > div:hover > *[b-4e8xrg5maj] {
      cursor: pointer;
    }

    .service-groups > div > div:not(.selected):hover[b-4e8xrg5maj],
    .service-groups > div > div:not(.selected):hover > *[b-4e8xrg5maj] {
      font-weight: 700;
    }

    .service-groups > div > div > label[b-4e8xrg5maj] {
      font-size: var(--font-size-14);
    }

    .service-groups > div > div.selected > label[b-4e8xrg5maj] {
      color: var(--page-additionalServiceList-group-selected-color);
      border-bottom: 5px solid var(--page-additionalServiceList-group-selected-borderColor);
      width: 100%;
      padding-bottom: .7rem;
      font-family: var(--font-bold);
    }

.services[b-4e8xrg5maj] {
  padding:0; 
  /*padding-right: 1rem;*/
  display: flex;
  gap: 2rem;
  width: 100%;
  flex-direction: column;
}

.component-container > .additional-service-container[b-4e8xrg5maj] >  button {
  width: fit-content;
  border-radius: 2rem;
  min-width: 15.4rem;
  margin: 1rem auto 1rem auto;
  width: 25.9rem;
}

@media (max-width: 1180px) {
  body:has(.summary-button) .component-container > .additional-service-container:first-of-type[b-4e8xrg5maj] {
    max-height: calc(100vh - 10rem);
    min-height: calc(100vh - 10rem);
    max-height: calc(var(--doc-height) - 10rem);
    min-height: calc(var(--doc-height) - 10rem);
  }

  body:has(.summary-button) .component-container > .additional-service-container:not(:first-of-type)[b-4e8xrg5maj] {
    min-height: calc(100vh - 6rem);
    max-height: calc(100vh - 6rem);
    max-height: calc(var(--doc-height) - 6rem);
    min-height: calc(var(--doc-height) - 6rem);
  }

  body:has(.summary-button) .component-container > .additional-service-container:last-child[b-4e8xrg5maj] {
    min-height: calc(100vh - 3rem);
    max-height: calc(100vh - 3rem);
    min-height: calc(var(--doc-height) - 3rem);
    max-height: calc(var(--doc-height) - 3rem);
  }


  body:has(.summary-button) .component-container > .additional-service-container:first-of-type:last-of-type[b-4e8xrg5maj] {
    min-height: calc(100vh - 5rem);
    max-height: calc(100vh - 5rem);
    max-height: calc(var(--doc-height) - 5rem);
    min-height: calc(var(--doc-height) - 5rem);
    padding-bottom: 0;
  }
}

@media (max-width: 1090px) {
  body:has(.summary-button) #area-additionalServiceList > .additional-service-container:last-child[b-4e8xrg5maj] {
    padding-bottom: 5rem;
  }

  [b-4e8xrg5maj] .services:has(.service-container.selected) {
    padding-top: 1.7rem;
    padding-right: 1.7rem;
  }
}

@media (max-width: 550px) {
  body:has(.summary-button) .component-container > .additional-service-container:first-of-type[b-4e8xrg5maj] {
    min-height: calc(100vh - 11.5rem);
    max-height: calc(100vh - 11.5rem);
    min-height: calc(var(--doc-height) - 11.5rem);
    max-height: calc(var(--doc-height) - 11.5rem);
  }

  body:has(.summary-button) .component-container > .additional-service-container:not(:first-of-type)[b-4e8xrg5maj] {
    max-height: calc(100vh - 6.2rem);
    min-height: calc(100vh - 6.2rem);
    min-height: calc(var(--doc-height) - 6.2rem);
    max-height: calc(var(--doc-height) - 6.2rem);
  }

  body:has(.summary-button) .component-container > .additional-service-container:last-child[b-4e8xrg5maj] {
    min-height: calc(100vh - 2rem);
    max-height: calc(100vh - 2rem);
    min-height: calc(var(--doc-height) - 2rem);
    max-height: calc(var(--doc-height) - 2rem);
  }

  body:has(.summary-button) .component-container > .additional-service-container:first-of-type:last-of-type[b-4e8xrg5maj] {
    max-height: calc(100vh - 6.2rem);
    min-height: calc(100vh - 6.2rem);
    min-height: calc(var(--doc-height) - 6.2rem);
    max-height: calc(var(--doc-height) - 6.2rem);
  }

  body:has(.summary-button) #area-additionalServiceList > .additional-service-container:last-child[b-4e8xrg5maj] {
    padding-bottom: 5rem;
  }

  .service-groups > div > div[b-4e8xrg5maj] {
    min-width: calc(100% / 3);
  }

  .service-groups.more-than-three > div > div[b-4e8xrg5maj] {
    min-width: calc(100% / 3.5);
  }
 
  .component-container label:nth-child(odd)[b-4e8xrg5maj] {
    padding-bottom: 0;
  }

  .component-container label:not(:first-child)[b-4e8xrg5maj] {
    padding-top: 0;
  }

  .component-container label:not(:first-child)[b-4e8xrg5maj],
  .service-groups > div > div > label[b-4e8xrg5maj] {
    font-size: var(--font-size-12);
  }

  .component-container > .additional-service-container[b-4e8xrg5maj] >  button {
    line-height:1.5;
    min-height: 4rem;
    height: 4rem;
    width: 25.9rem;
    margin: 0 auto;
    border-radius: 1rem;
    font-family: var(--font-bold);
  }
}
/* /Components/IBEComponents/GuestAppStep.razor.rz.scp.css */

.icon-dotCircle[b-o6j3bsuv3p] {
  background-image: url('css/icons/dot-circle_7b94ab.png');
  background-repeat: no-repeat;
  background-size: 1.5rem;
  background-position: center;
  height: 2rem;
  width: 2rem;
  display: inline-block;
}

.step-line[b-o6j3bsuv3p] {
    border: 1px solid var(--page-step-line-color);
    width: 0;
    margin: auto;
    position: relative;
    top: 0;
}

.step > div > label[b-o6j3bsuv3p], .step > div > div > label[b-o6j3bsuv3p] {
    -ms-transform: rotate(180deg); /* IE 9 */
    -webkit-transform: rotate(180deg); /* Chrome, Safari, Opera */
    transform: rotate(180deg);
    writing-mode: vertical-lr;
    text-orientation: mixed;
    vertical-align: text-top;
}

.step > div > label[b-o6j3bsuv3p] {
    display: block;
    margin-bottom: 0.5rem !important;
}

.step > div > div > span[b-o6j3bsuv3p] {
    left: 1.3rem;
    top: .1rem;
    position: relative;
    z-index: 1;
}

.step-container[b-o6j3bsuv3p] {
  width: 6.5rem;
  min-width: 6.5rem;
  /*mix-blend-mode:difference;*/
  padding-left: 2.5rem;
  color: var(--page-step-font-color);
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  z-index: 99;
}

  .step-container .step[b-o6j3bsuv3p] {
    min-width: 4rem;
    width: 4rem;
  }

  .hoverable[b-o6j3bsuv3p], .hoverable > label:hover[b-o6j3bsuv3p] {
    cursor: pointer;
}

.list-group-item.active[b-o6j3bsuv3p] {
    font-weight: bold;
    z-index: unset;
    color: unset;
    background-color: unset;
    border-color: unset;
}

.list-group-item-action:focus[b-o6j3bsuv3p], .list-group-item-action:hover[b-o6j3bsuv3p] {
  color: unset;
  background-color: unset;
}

.list-group-item-action:hover[b-o6j3bsuv3p], .list-group-item-action *:hover[b-o6j3bsuv3p] {
  font-weight: bold;
  cursor: pointer;
}

.list-group-item:not(.active) > span[b-o6j3bsuv3p],
div.label-step-1[b-o6j3bsuv3p],
div.label-step-2[b-o6j3bsuv3p],
div.label-step-3[b-o6j3bsuv3p]
{
    display: none;
}

.div-step-1.active ~ div.label-step-1[b-o6j3bsuv3p],
.div-step-2.active ~ div.label-step-2[b-o6j3bsuv3p],
.div-step-3.active ~ div.label-step-3[b-o6j3bsuv3p]
{
    display: inline-block;
}

.list-group-item[b-o6j3bsuv3p] {
    position: unset;
    display: unset;
    padding: unset;
    margin-bottom: unset;
    background-color: unset;
    border: unset;
    height: 3rem;
}

.list-group-item-action[b-o6j3bsuv3p] {
    width: unset;
    color: unset;
    text-align: unset;
}

@media (max-width: 1090px) {
  .step-container[b-o6j3bsuv3p] {
    visibility: hidden;
  }
}
/* /Components/IBEComponents/Guests/GuestData.razor.rz.scp.css */

.component-container[b-jiujp0jacd] {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  /*padding-right: 35rem;*/
  max-height: fit-content;
  padding-left: 7.5rem;
  padding-right: 32.3rem;
}

  .component-container > label[b-jiujp0jacd] {
    padding: 0 1rem;
  }

  .component-container > div.guestData-container[b-jiujp0jacd] {
    /*flex: 1;*/
    display: flex;
    flex-direction: column;
    gap: 1rem;
    overflow-y: auto;
    max-height: calc(100vh - 12rem);
    /*margin-bottom: 1rem;*/
    height: calc(100vh - 12rem);
    max-height: calc(var(--doc-height) - 12rem);
    height: calc(var(--doc-height) - 12rem);
    padding: 0 1rem;
    scrollbar-width: none;
  }

  .component-container:has(.booking-fee-required) > div.guestData-container[b-jiujp0jacd] {
    max-height: calc(100vh - 13rem);
    height: calc(100vh - 13rem);
    max-height: calc(var(--doc-height) - 13rem);
    height: calc(var(--doc-height) - 13rem);
  }

  .component-container:has(.error-msg-validation) > div.guestData-container[b-jiujp0jacd] {
    max-height: calc(100vh - 14rem);
    height: calc(100vh - 14rem);
    max-height: calc(var(--doc-height) - 14rem);
    height: calc(var(--doc-height) - 14rem);
  }

  .component-container:has(.error-msg-validation):has(.booking-fee-required) > div.guestData-container[b-jiujp0jacd] {
    max-height: calc(100vh - 15rem);
    height: calc(100vh - 15rem);
    max-height: calc(var(--doc-height) - 15rem);
    height: calc(var(--doc-height) - 15rem);
  }

  .component-container > div:last-child:hover[b-jiujp0jacd],
  .component-container > div:last-child > label:hover[b-jiujp0jacd] {
    cursor: pointer;
  }

  .component-container .guestData-container label[b-jiujp0jacd] {
    color: var(--page-guestData-header-color);
  }

  .component-container .guestData-container > div:not(:first-child) > label:first-child[b-jiujp0jacd] {
    padding-top: 1rem;
  }

  .component-container .guestData-container > div[b-jiujp0jacd] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    /*padding-right:1rem;*/
  }

    .component-container .guestData-container > div > div[b-jiujp0jacd],
    .component-container .guestData-container > div > form > div[b-jiujp0jacd],
    .component-container .guestData-container > div.condition-fields[b-jiujp0jacd] {
      background-color: var(--page-guestData-item-backgroundColor);
      border-radius: 1rem;
      padding: 2rem;
      display: flex;
      flex-direction: column;
      gap: 1.5rem;
    }

    .component-container .guestData-container > .other-fields > div[b-jiujp0jacd] {
      gap: 1rem;
    }

    .component-container .guestData-container > div.condition-fields[b-jiujp0jacd] {
      margin-top: 1rem;
    }

  .component-container[b-jiujp0jacd] >  button {
    border-radius: 2rem;
    margin: 1rem auto 0 auto;
    width: 25.9rem;
  }

  .component-container .guestData-container[b-jiujp0jacd]  .form-check {
    display: flex;
    min-height: 1.5rem;
    padding-left: 1.5em;
    margin-bottom: 0;
    gap: 1rem;
  }

  .other-fields[b-jiujp0jacd]   .form-select {
    height: 3rem;
    font-size: 1.2rem;
    border-radius: .5rem;
  }

    .other-fields[b-jiujp0jacd]  .form-select:focus {
      box-shadow: none;
    }

[b-jiujp0jacd] .address-data .form-check {
  height: 3rem;
  margin-bottom: 0;
  display: flex;
  gap: 1rem;
  align-items: center;
  line-height: unset;
}


[b-jiujp0jacd] .form-check label {
  color: var(--page-guestData-checkbox-color);
  -webkit-user-select: none; /* Safari */
  -ms-user-select: none; /* IE 10 and IE 11 */
  user-select: none; /* Standard syntax */
}

  [b-jiujp0jacd] .form-check label:hover {
    cursor: pointer;
    color: var(--softtec-dark-blue);
  }

.component-container[b-jiujp0jacd] >  .st-checkbox a {
  color: inherit;
  text-decoration: underline;
}

  .component-container[b-jiujp0jacd] >  .st-checkbox a:hover {
    color: var(--softtec-dark-blue);
    font-weight: 700;
  }

[b-jiujp0jacd] .form-check-input {
  border-radius: 3px !important;
  border-color: var(--page-guestData-checkbox-color) !important;
  cursor: pointer;
  margin-top: 0;
  height: 1.5rem;
  width: 1.5rem;
}

  [b-jiujp0jacd] .form-check-input:focus {
    box-shadow: none;
    border-color: var(--page-guestData-checkbox-color) !important;
  }

  [b-jiujp0jacd] .form-check-input:checked {
    background-color: var(--softtec-medium-blue1);
  }

[b-jiujp0jacd] .st-dropdown:disabled {
  background-color: var(--softtec-grey);
}

[b-jiujp0jacd] .st-dropdown {
  background-color: white;
  border-radius: 5px;
}

[b-jiujp0jacd] .form-floating > .st-dropdown + label {
  font-size: small;
  opacity: .8;
  transform: scale(.85) translateY(-.2rem) translateX(.2rem);
}

[b-jiujp0jacd] .form-floating > .st-dropdown + label {
  color: var(--softtec-dark-blue);
  padding-top: .15rem;
}

[b-jiujp0jacd] .error-msg-validation {
  font-size: small;
  color: var(--softtec-red) !important;
  width: 100%;
  text-align: center;
  line-height: 1.1rem;
}

[b-jiujp0jacd] button.goto-summary-btn {
  display: none;
}

/*-------------------*/
/*Textarea*/
/*class of the container of the textarea*/
[b-jiujp0jacd] .st-textarea {
  background-color: white;
  border-radius: 8px;
  padding: .5rem;
  display: flex !important;
  flex-direction: column;
  align-items: start;
  gap: .5rem;
  width: 100%;
  color: var(--softtec-medium-blue1);
  max-height: 22rem;
  border-radius: 1rem;
}

[b-jiujp0jacd] .st-textarea-label {
  width: 100%;
  line-height: normal;
  padding: .2rem 0 0 .2rem;
  color: var(--softtec-medium-blue1);
}

[b-jiujp0jacd] .st-textarea-input {
  width: 100%;
  padding: 0 .5rem 0 .2rem;
  flex-grow: 1;
  border: none;
  color: var(--softtec-medium-blue1);
  min-height: 10rem;
  max-height: 20rem;
  line-height: 1.2rem;
  font-family: var(--font-light)
}

[b-jiujp0jacd] .st-textarea:hover, [b-jiujp0jacd] .st-textarea:focus-within, .k-textarea:focus-within[b-jiujp0jacd] {
  box-shadow: 0 0 2px 2px #a5b7c6 !important;
}

[b-jiujp0jacd] .st-textarea-input:focus {
  border-color: transparent;
  outline: 0;
}

#area-guestData[b-jiujp0jacd]  .summary-content {
  min-height: calc(100vh - 9rem);
  min-height: calc(var(--doc-height) - 9rem);
  padding: 2rem;
  display: none !important;
}

#area-guestData:has(.booking-fee-required)[b-jiujp0jacd]  .summary-content {
  min-height: calc(100vh - 10rem);
  min-height: calc(var(--doc-height) - 10rem);
  padding: 2rem;
}

#area-guestData[b-jiujp0jacd]  .summary-content + button.booking-btn {
  display: none;
}

  [b-jiujp0jacd] button.booking-btn.booking-fee-required,
  #area-guestData[b-jiujp0jacd]  .summary-content + button.booking-btn.booking-fee-required {
    height: 4rem;
    min-height: 4rem;
    border-radius: 1rem;
  }

.show-validation[b-jiujp0jacd]  .position-relative:has(.validation-message:not(:empty)) .border {
  border: 1px solid red !important;
}

.other-fields[b-jiujp0jacd] {
  display: flex;
  flex-direction: column;
  gap: 2rem;
  margin: 1rem 0;
}

.show-validation .condition-fields[b-jiujp0jacd]  .st-checkbox-label.error-msg:after,
.show-validation[b-jiujp0jacd]  .checkbox-invalid label:after {
  font-family: 'FontAwesome';
  /*the calendar icon in FontAwesome */
  content: '\f071';
  color: red;
  margin-left: 1rem;
  font-size: 1.6rem;
}

[b-jiujp0jacd] form .st-checkbox {
  border: 1px solid #dbe2e8;
  border-radius: .5rem;
  width: 100%;
  padding: 0;
}


[b-jiujp0jacd] .st-checkbox input {
  margin: 0;
}

[b-jiujp0jacd] .form-check.st-checkbox {
  padding-left: 0 !important;
}

[b-jiujp0jacd] .conditions-checkbox .st-checkbox {
  border: 0;
  width: unset;
  padding-left: 0 !important;
}

[b-jiujp0jacd] .checkbox-padding {
  padding-left: 0.5rem !important;
}

  [b-jiujp0jacd] .checkbox-padding input {
    margin-left: 0.5rem !important;
  }

.mobile-main-guest-info[b-jiujp0jacd],
.main-guest-info[b-jiujp0jacd] {
  height: 3rem;
  width: 3rem;
  cursor:pointer;
}

.mobile-main-guest-info[b-jiujp0jacd] {
  display: none;
}

@media (max-width: 1090px) {
  [b-jiujp0jacd] button.goto-summary-btn {
    display: block;
  }

  #area-guestData[b-jiujp0jacd]  .summary-content {
    display: flex !important;
    margin: 1rem auto 0 auto;
    width: 70%;
  }

  [b-jiujp0jacd] button.booking-btn {
    display: none;
  }

  #area-guestData[b-jiujp0jacd]  .summary-content + button.booking-btn {
    display: block;
  }

  .component-container:has(.error-msg-validation) > div.guestData-container[b-jiujp0jacd] {
    max-height: calc(100vh - 15rem);
    height: calc(100vh - 15rem);
    max-height: calc(var(--doc-height) - 15rem);
    height: calc(var(--doc-height) - 15rem);
  }

  body:has(.summary-button) .component-container > div.guestData-container[b-jiujp0jacd] {
    max-height: calc(100vh - 16rem);
    height: calc(100vh - 16rem);
    max-height: calc(var(--doc-height) - 16rem);
    height: calc(var(--doc-height) - 16rem);
  }

  body:has(.summary-button) .component-container:has(.error-msg-validation) > div.guestData-container[b-jiujp0jacd] {
    max-height: calc(100vh - 18.5rem);
    height: calc(100vh - 18.5rem);
    max-height: calc(var(--doc-height) - 18.5rem);
    height: calc(var(--doc-height) - 18.5rem);
  }

  #area-guestData[b-jiujp0jacd]  .summary-content .summary-rooms {
    max-height: calc(100vh - 45rem) !important;
    height: calc(var(--doc-height) - 45rem) !important;
    max-height: calc(var(--doc-height) - 45rem) !important;
    height: calc(var(--doc-height) - 45rem) !important;
  }

  #area-guestData[b-jiujp0jacd]  .summary-content .summary-reservationData:has(.children) + hr + .summary-rooms {
    max-height: calc(100vh - 48rem) !important;
    height: calc(var(--doc-height) - 48rem) !important;
    max-height: calc(var(--doc-height) - 48rem) !important;
    height: calc(var(--doc-height) - 48rem) !important;
  }
}

@media (max-width: 520px) {
  .main-guest-info[b-jiujp0jacd] {
      display:none;
  }

  .mobile-main-guest-info[b-jiujp0jacd] {
    display: block;
  }

  [b-jiujp0jacd] .st-textarea:hover, [b-jiujp0jacd] .st-textarea:focus-within, .k-textarea:focus-within[b-jiujp0jacd] {
    box-shadow: unset !important;
  }

  .component-container[b-jiujp0jacd] {
    padding-bottom: 1rem;
  }

    .component-container[b-jiujp0jacd] >  button {
      height: 4rem;
      border-radius: 1rem;
      font-family: var(--font-bold);
    }

    .component-container .guestData-container > div > div[b-jiujp0jacd],
    .component-container .guestData-container > div > form > div[b-jiujp0jacd],
    .component-container .guestData-container > div.condition-fields[b-jiujp0jacd] {
      padding: 1rem;
    }

    .component-container > div.guestData-container[b-jiujp0jacd] {
      max-height: calc(100vh - 12.5rem);
      height: calc(100vh - 12.5rem);
      max-height: calc(var(--doc-height) - 12.5rem);
      height: calc(var(--doc-height) - 12.5rem);
      padding: 0;
    }

    .component-container:has(.error-msg-validation) > div.guestData-container[b-jiujp0jacd] {
      max-height: calc(100vh - 15rem);
      height: calc(100vh - 15rem);
      max-height: calc(var(--doc-height) - 15rem);
      height: calc(var(--doc-height) - 15rem);
    }

  body:has(.summary-button) .component-container > div.guestData-container[b-jiujp0jacd] {
    max-height: calc(100vh - 14.5rem);
    height: calc(100vh - 14.5rem);
    max-height: calc(var(--doc-height) - 14.5rem);
    height: calc(var(--doc-height) - 14.5rem);
  }

  .component-container[b-jiujp0jacd] >  button {
    margin: 0 auto;
  }

  body:has(.summary-button) .component-container:has(.error-msg-validation) > div.guestData-container[b-jiujp0jacd] {
    max-height: calc(100vh - 17rem);
    height: calc(100vh - 17rem);
    max-height: calc(var(--doc-height) - 17rem);
    height: calc(var(--doc-height) - 17rem);
  }

  #area-guestData[b-jiujp0jacd]  .summary-content {
    margin: 0;
    width: 100%;
    height: calc(100vh - 7rem);
    min-height: calc(100vh - 7rem);
    height: calc(var(--doc-height) - 7rem);
    min-height: calc(var(--doc-height) - 7rem);
  }

  .component-container > label[b-jiujp0jacd] {
    padding: 0;
  }

  .other-fields[b-jiujp0jacd] {
    margin-bottom: 0;
  }

     label.font-softtec-medium.font-size-14[b-jiujp0jacd] {
      font-size: var(--softtec-12) !important;
    }
}
/* /Components/IBEComponents/Offers/RoomItem.razor.rz.scp.css */
.roomItem-container[b-vdt07dagn6] {
  background-color: var(--page-roomItem-backgroundColor);
  border-radius: 2.5rem;
  padding: 1.5rem;
  width: 24.25%;
  min-width: 36rem;
  max-width: 36rem;
  position: relative;
  display: flex;
  flex-direction: column;
}

    .roomItem-container.selected > .roomItem-number[b-vdt07dagn6] {
      background-color: var(--page-roomItem-selected-backgroundColor);
    }

  .roomItem-container > .roomItem-number[b-vdt07dagn6] {
    color: var(--page-roomItem-number-color);
    background-color: var(--page-roomItem-number-backgroundColor);
    height: 3rem;
    width: 3rem;
    border-radius: 3rem;
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    top: .5rem;
    z-index: 1;
    left: calc(50% - 1.5rem);
  }

  .roomItem-container > div.roomItem-number > span[b-vdt07dagn6] {
    color: var(--page-roomItem-number-color);
    line-height: 3rem;
    display: flex;
    gap: .5rem;
  }

  .roomItem-container > .close[b-vdt07dagn6] {
    width: 3rem;
    height: 3rem;
    border-radius: 50%;
    border: 1px solid rgba(121, 121, 121, 0);
    box-shadow: 1px 1px 5px 0 rgba(0, 0, 0, 0.35);
    position: absolute;
    top: -1.2rem;
    right: -1.2rem;
    background-color: white;
    display: flex;
    justify-content: center;
    align-items: center;
    color: var(--softtec-medium-blue1);
  }

[b-vdt07dagn6] .close:hover{
  cursor: pointer;
}

.roomItem-container > div:last-child[b-vdt07dagn6] {
  height: 100%;
  display: flex;
  flex-direction: column;
  gap: 1rem;
  padding-bottom: .5rem;
  border-radius: 1.5rem;
  border: 1px solid var(--page-roomItem-content-shadow);
  flex: 1;
}

[b-vdt07dagn6] .roomItem-image > div {
  background-repeat: no-repeat;
  background-size: contain;
  height: 16rem;
  border-top-left-radius: 1.5rem;
  border-top-right-radius: 1.5rem;
}

[b-vdt07dagn6] .roomItem-info {
  padding: 0 1rem;
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

  [b-vdt07dagn6] .roomItem-info > div > label {
    color: var(--page-roomItem-description-color);
  }

  [b-vdt07dagn6] .roomItem-info > div:first-child {
    display: grid;
    grid-template-columns: 1fr 2.5rem;
  }

    [b-vdt07dagn6] .roomItem-info > div:first-child > label {
      color: var(--page-roomItem-name-color);
    }

    [b-vdt07dagn6] .roomItem-info > div:first-child > span {
      color: var(--page-roomItem-info-color);
      background-color: var(--page-roomItem-info-backgroundColor);
      text-align: center;
      border-radius: 3rem;
      width: 2.5rem;
      height: 2.5rem;
      line-height: 2.5rem;
    }

      [b-vdt07dagn6] .roomItem-info > div:first-child > span:hover {
        cursor: pointer;
        color: white;
        font-weight: 700;
        background-color: var(--softtec-medium-blue2);
      }

  [b-vdt07dagn6] .roomItem-info .category-description {
    min-height: 4.6rem;
    height: fit-content;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    color: var(--page-roomItem-description-color);
    line-height: 1.6rem;
  }

  [b-vdt07dagn6] .roomItem-info .show-more-less {
    height: 2rem;
    color: var(--page-roomItem-description-color);
    font-weight: 500;
  }

    [b-vdt07dagn6] .roomItem-info .show-more-less:not(:empty):hover {
      cursor: pointer;
    }

    [b-vdt07dagn6] .roomItem-info .show-more-less span {
      display: flex;
      align-items: center;
      gap: 1rem;
    }

    [b-vdt07dagn6] .roomItem-info .show-more-less i {
      font-size: var(--font-size-15);
    }

  [b-vdt07dagn6] .roomItem-info > div:not(:first-child):not(:last-child) > label {
    display: flex;
    align-items: center;
  }

  [b-vdt07dagn6] .roomItem-info .room-equipments {
    display: flex;
    padding-block: 0 .5rem;
    overflow: auto;
    gap: .5rem;
    color: var(--page-roomItem-equipment-color);
  }

  [b-vdt07dagn6] .roomItem-info .room-equipments.h-5 {
   height : 5rem;
  }

  [b-vdt07dagn6] .roomItem-info .room-equipment {
    height: 2.8rem;
    width: 2.8rem;
    background-color: var(--page-roomItem-equipment-backgroundcolor);
    border-radius: 50%;
    padding: .2rem;
    min-width: 2.8rem;
  }

  [b-vdt07dagn6] .roomItem-info .more-equipments {
    background-color: var(--page-roomItem-equipment-color);
    color: var(--softtec-white);
    display:none;
  }

[b-vdt07dagn6] .roomItem-info .room-equipments img {
  height: 2.4rem;
  width: 2.4rem;
}

[b-vdt07dagn6] .icon-occupancy {
  background-image: url('css/icons/person_4c6e8e.svg');
  background-repeat: no-repeat;
  background-size: 2rem;
  background-position: center;
  height: 2rem;
  width: 2rem;
  margin-right: .5rem;
  display: inline-block;
}

[b-vdt07dagn6] .icon-size {
  background-image: url('css/icons/bed_4c6e8e.svg');
  background-repeat: no-repeat;
  background-size: 2rem;
  background-position: center;
  height: 2rem;
  width: 2rem;
  margin-right: .5rem;
  display: inline-block;
}

.roomItem-packages[b-vdt07dagn6] {
  gap: .5rem;
  display: grid;
  min-height: 7rem;
}

  .roomItem-packages[b-vdt07dagn6] >  .package-item {
    background-color: var(--page-roomItem-package-backgroundColor);
    color: var(--page-roomItem-package-color);
    padding: .5rem;
    display: none;
    width: 100%;
    align-items: start;
    justify-content: stretch;
    min-height: 7rem;
  }

    .roomItem-packages[b-vdt07dagn6] >  .package-item:nth-child(-n+3) {
      display: grid;
    }

  .roomItem-packages.show_all_packages[b-vdt07dagn6] >  .package-item {
    display: grid;
  }

  .roomItem-packages[b-vdt07dagn6] >  .package-item > div {
    display: flex;
    gap: 1rem;
    align-items: center;
  }

.roomItem-packages[b-vdt07dagn6] >  .package-item div .package-info {
  width: 2.6rem;
  height: 2.6rem;
}


  .roomItem-packages[b-vdt07dagn6] >  .package-item div .package-info.modal-info {
      display: none;
  }

  .roomItem-packages[b-vdt07dagn6] >  .package-item > .package-price > label > span {
    line-height: 0.5rem;
  }

  .roomItem-packages[b-vdt07dagn6] >  .package-item div .package-info:hover {
    cursor: pointer;
  }

  .roomItem-packages[b-vdt07dagn6] >  .package-item > .package-price {
    padding: 0 0 0 1rem;
    border-radius: 3rem;
    border: 1px solid transparent;
    min-height: 3rem;
    height: fit-content;
    width: 100%;
    background-color: var(--page-roomItem-package-price-backgroundColor);
    display: flex;
    justify-content: space-between;
    gap: 1rem;
    align-items: unset;
  }

    .roomItem-packages[b-vdt07dagn6] >  .package-item > .package-price > div > label:first-child {
      font-weight: 500;
      line-height: 1.5rem;
      padding-top: .1rem;
    }

    .roomItem-packages[b-vdt07dagn6] >  .package-item > .package-price > div > label:last-child {
      color: var(--page-roomItem-package-price-color);
      line-height: 1.2rem;
      word-break: break-word;
    }

    .roomItem-packages[b-vdt07dagn6] >  .package-item > .package-price > label:last-child > span {
      word-break: break-all;
    }

    .roomItem-packages[b-vdt07dagn6] >  .package-item > .package-price:hover{
      cursor: pointer;
    }

    .roomItem-packages[b-vdt07dagn6] >  .package-item > .package-price > .btn {
      min-height: 3rem;
      height: auto;
      border-radius: inherit;
    }

    .roomItem-packages[b-vdt07dagn6] >  .package-item > .package-price > .btn.st-btn-check {
      background-color: var(--page-roomItem-package-selected-backgroundColor);
    }

    .roomItem-packages[b-vdt07dagn6] >  .package-item > .package-price > .st-btn-check,
    .roomItem-packages[b-vdt07dagn6] >  .package-item > .package-price > .st-btn-check:hover {
      background-color: var(--page-roomItem-package-selected-backgroundColor);
      color: var(--softtec-white);
    }

      .roomItem-packages[b-vdt07dagn6] >  .package-item > .package-price > .st-btn-check span:nth-child(2),
      .roomItem-packages[b-vdt07dagn6] >  .package-item > .package-price > .st-btn-check:hover span:first-child {
        display: none;
      }

      .roomItem-packages[b-vdt07dagn6] >  .package-item > .package-price > .st-btn-check:hover span:nth-child(2) {
        display: block !important;
      }

.roomItem-footer[b-vdt07dagn6] {
  color: var(--page-roomItem-package-morePackages-color);
  text-align: right;
  padding: 0 1rem;
  margin-top: auto;
}

  .roomItem-footer:hover[b-vdt07dagn6] {
    cursor: pointer;
    color: var(--softtec-dark-blue);
  }

.room-popup[b-vdt07dagn6] {
  width: 100vh;
  height: 100vw;
  background-color: var(--page-roomList-room-popup-backgroundColor);
}

@media (max-width: 520px) {
  [b-vdt07dagn6] .roomItem-info .room-equipment {
    display: none;
  }

    [b-vdt07dagn6] .roomItem-info .room-equipment:nth-child(-n+7) {
      display: block;
    }

  [b-vdt07dagn6] .roomItem-info.show_all_equipments .room-equipment {
    display: block;
  }

  [b-vdt07dagn6] .roomItem-info .room-equipments {
    overflow: hidden;
    position:relative;
  }

  [b-vdt07dagn6] .roomItem-info .more-equipments {
    position: absolute;
    right: 0;
    display: flex ;
    align-items: center;
    justify-content: center;
  }

  .roomItem-container > .close[b-vdt07dagn6] {
    top: -.8rem;
  }

 .roomItem-container:not(.selected)[b-vdt07dagn6] {
    margin:0;
  }

  .roomItem-packages[b-vdt07dagn6] {
    gap: .5rem;
    display: grid;
    min-height: 7rem;
  }

  .roomItem-container[b-vdt07dagn6] {
    min-width: calc(100vw - 2rem);
    max-width: calc(100vw - 2rem);
    margin: 0 1rem;
    min-height: calc(100vh - 17.5rem);
    min-height: calc(var(--doc-height) - 17.5rem);
  }

    .roomItem-container.selected[b-vdt07dagn6]{
      min-width: calc(100vw - 3.5rem);
      max-width: calc(100vw - 3.5rem);
      margin: 0 ;
    }

   .roomItem-number  .d-none[b-vdt07dagn6] {
     display:flex !important;
  }

  .roomItem-container > div.roomItem-number > span[b-vdt07dagn6] {
    font-size: var(--softtec-font-12);
  }

  .roomItem-container > .roomItem-number:has(.r-number)[b-vdt07dagn6] {
    position: relative;
    top: -1.5rem;
    left: -1.5rem;
    width: calc(100% + 3rem);
    border-radius: 2.5rem 2.5rem 0 0;
    opacity: .6;
  }

  .roomItem-packages[b-vdt07dagn6] >  .package-item div .package-info {
    display: none;
  }

  .roomItem-packages[b-vdt07dagn6] >  .package-item div .package-info.modal-info {
    display: block;
  }
}

/* /Components/IBEComponents/Offers/RoomList.razor.rz.scp.css */
.component-container[b-b46z68f8mb] {
  max-height: unset;
}

.offers-container > p.d-flex[b-b46z68f8mb] {
  color: var(--page-header-color);
  margin-bottom: 0;
}

  .component-container > div.offers-container[b-b46z68f8mb] {
    /*overflow: auto;*/
  }

    .component-container > div.offers-container > div[b-b46z68f8mb] {
      min-height: calc(100vh - 6rem);
      overflow-x:hidden;
    }

    .component-container > div.offers-container  .categoryItem[b-b46z68f8mb] {
      /*overflow-x: auto;*/
      /*max-height: calc(100vh - 6.5rem);*/
      height: fit-content;
      display: flex;
      flex-wrap: wrap;
      width: 100%;
      padding-top: 2rem;
      gap: 2rem;
    }

      .component-container > div.offers-container  .categoryItem:first-child:last-child[b-b46z68f8mb] {
        /*padding-bottom: 2rem;*/
      }

.offers-container[b-b46z68f8mb] {
  display: grid;
  grid-template-columns: 1fr;
  /*gap: 2rem;*/
  /*flex: 1;*/
}

  .offers-container > p.d-flex:not(:first-child)[b-b46z68f8mb] {
    padding-top: 4rem;
  }

  .offers-container > div > label[b-b46z68f8mb] {
    line-height: 2rem;
  }

  .offers-container > div label[b-b46z68f8mb] {
    color: var(--page-header-color);
  }

.icon-adults[b-b46z68f8mb] {
  background-image: url('css/icons/person_7b94ab.svg');
  background-repeat: no-repeat;
  background-size: 1.4rem;
  background-position: center;
  height: 1.4rem;
  width: 1.4rem;
}

.icon-children[b-b46z68f8mb] {
  background-image: url('css/icons/baby_boy_7b94ab.svg');
  background-repeat: no-repeat;
  background-size: 1.4rem;
  background-position: center;
  height: 1.4rem;
  width: 1.4rem;
}

[b-b46z68f8mb] .roomItem-msg {
  color: var(--softtec-red);
  padding: 0 1rem;
  line-height: 1.2rem;
  font-size: var( --font-size-9);
}


.category-carousel.carousel[b-b46z68f8mb] {
  padding-top: 1rem;
  -webkit-user-select: none; /* Safari 3.1+ */
  -moz-user-select: none; /* Firefox 2+ */
  -ms-user-select: none; /* IE 10+ */
  user-select: none; /* Standard syntax */
  overflow-x: auto;
  display: flex;
  gap: 1rem;
}

  .category-carousel.carousel *[b-b46z68f8mb] {
    -webkit-user-select: none; /* Safari 3.1+ */
    -moz-user-select: none; /* Firefox 2+ */
    -ms-user-select: none; /* IE 10+ */
    user-select: none; /* Standard syntax */
  }

  .category-carousel.carousel:not(:first-of-type)[b-b46z68f8mb] {
    height: calc(100vh - 12.7rem);
    max-height: calc(100vh - 12.7rem);
    height: calc(var(--doc-height) - 12.7rem);
    max-height: calc(var(--doc-height) - 12.7rem);
  }

  .category-carousel.carousel .carousel-inner[b-b46z68f8mb] {
    overflow-y: auto;
  }

[b-b46z68f8mb] .roomItem-image .carousel .carousel-inner .carousel-item {
  height: 16rem;
}

.room-label-scroll-margin[b-b46z68f8mb] {
  scroll-margin-top: 2rem;
}

.bottom-spacer[b-b46z68f8mb] {
  padding-bottom: 600px;
}

@media (max-width: 1090px) {
  .component-container > div.offers-container[b-b46z68f8mb] {
    padding-bottom: 5rem;
  }

    .component-container > div.offers-container > div[b-b46z68f8mb] {
      min-height: calc(var(--doc-height) - 6rem);
    }
}

@media (max-width: 520px) {
  .component-container > div.offers-container > div[b-b46z68f8mb] {
    min-height: calc(var(--doc-height) - 12rem);
  }

  body:has(.summary-button) .component-container > div.offers-container[b-b46z68f8mb] {
    padding-bottom: 4rem;
  }

  [b-b46z68f8mb] .roomItem-carousel.carousel .ant-carousel .slick-slide .carousel-img {
    width: calc(100vw - 5rem);
  }

  [b-b46z68f8mb] .category-carousel.carousel .roomItem-container {
    min-width: calc(100vw - 4rem) !important;
    max-width: calc(100vw - 4rem) !important;
  }

    [b-b46z68f8mb] .category-carousel.carousel .roomItem-container:not(.selected):first-of-type:last-of-type {
      min-width: calc(100vw - 2rem) !important;
      max-width: calc(100vw - 2rem) !important;
    }

    [b-b46z68f8mb] .category-carousel.carousel .roomItem-container.selected {
      min-width: calc(100vw - 3.5rem) !important;
      max-width: calc(100vw - 3.5rem) !important;
    }
}
/* /Components/IBEComponents/Payment/Payment.razor.rz.scp.css */
.component-container[b-jfmomsv3sd] {
  display: flex;
  flex-direction: column;
  gap: 3rem;
  overflow: auto;
}

  .component-container[b-jfmomsv3sd] >  div {
    display: flex;
    flex-direction: column;
    gap: 2rem;
    flex: 1;
    color: var(--softtec-medium-blue1);
  }

  .component-container[b-jfmomsv3sd]  .payment-types {
    display: flex;
    flex-wrap: wrap;
    gap: 1rem;
    padding: 1rem;
    background-color: white;
    border-radius: 1rem;
    flex: 1;
  }

    .component-container[b-jfmomsv3sd]  .payment-types > div {
      overflow: auto;
      width: 100%;
    }

  .component-container[b-jfmomsv3sd] >  button {
    width: fit-content;
    margin: 0 auto;
    border-radius: 2rem;
  }

[b-jfmomsv3sd] .adyen-checkout__card__brands__brand-wrapper {
  display: flex;
  justify-content: center;
  align-items: center;
}

.component-container[b-jfmomsv3sd]  h3 {
  display: none;
}

.component-container[b-jfmomsv3sd]  .card {
  background-color: transparent;
  border: none;
}

  .component-container[b-jfmomsv3sd]  .card .credit-card-container .credit-card.container.p-4 {
    width: 31.5rem;
    max-height: 16rem;
    font-size: small;
    background-color: var(--softtec-medium-blue1);
  }

  .component-container[b-jfmomsv3sd]  .card .credit-card .col-md-8,
  .component-container[b-jfmomsv3sd]  .card .credit-card .col-md-4 {
    padding: 0;
    width: fit-content;
  }

  .component-container[b-jfmomsv3sd]  .card .credit-card .row.align-items-center {
    justify-content: space-between !important;
  }

.component-container .error-text[b-jfmomsv3sd] {
  color: var(--softtec-red);
  padding-left: 1rem;
  text-transform: initial;
  font-size: smaller
}

[b-jfmomsv3sd] #payment-container {
  width: 50rem;
  padding-bottom: 2rem;
  display: flex;
  gap: 1rem;
  flex-direction: column;
}

  [b-jfmomsv3sd] #payment-container button {
    width: 25.9rem;
    font-family: var(--font-bold);
    margin: auto;
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 4rem;
    height: 4rem;
    border-radius: 1rem;
    margin: 2rem auto 0 auto;
  }

@media (max-width: 520px) {
  [b-jfmomsv3sd] #payment-container {
    width: 100%;
  }
}
/* /Components/OfferManagerComponents/ContactData.razor.rz.scp.css */

.component-container[b-e8mjlll7pf] {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  /*padding-right: 35rem;*/
  max-height: fit-content;
  padding-left: 7.5rem;
  padding-right: 32.3rem;
}

  .component-container > label[b-e8mjlll7pf] {
    padding: 0 1rem;
  }

  .component-container > div.guestData-container[b-e8mjlll7pf] {
    /*flex: 1;*/
    display: flex;
    flex-direction: column;
    gap: 1rem;
    overflow-y: auto;
    max-height: calc(100vh - 12rem);
    /*margin-bottom: 1rem;*/
    max-height: calc(100vh - 13rem);
    height: calc(100vh - 13rem);
    max-height: calc(var(--doc-height) - 13rem);
    height: calc(var(--doc-height) - 13rem);
    padding: 0 1rem;
    scrollbar-width: none;
  }

  .component-container:has(.error-msg-validation) > div.guestData-container[b-e8mjlll7pf] {
    max-height: calc(100vh - 15rem);
    height: calc(100vh - 15rem);
    max-height: calc(var(--doc-height) - 15rem);
    height: calc(var(--doc-height) - 15rem);
  }

  .component-container > div:last-child:hover[b-e8mjlll7pf],
  .component-container > div:last-child > label:hover[b-e8mjlll7pf] {
    cursor: pointer;
  }

  .component-container .guestData-container label[b-e8mjlll7pf] {
    color: var(--page-guestData-header-color);
  }

  .component-container .guestData-container > div:not(:first-child) > label:first-child[b-e8mjlll7pf] {
    padding-top: 1rem;
  }

  .component-container .guestData-container > div[b-e8mjlll7pf] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
  }

    .component-container[b-e8mjlll7pf]  .guestData-container .address-data {
      background-color: var(--page-guestData-item-backgroundColor);
      border-radius: 1rem;
      padding: 2rem;
    }

    .component-container .guestData-container form > div[b-e8mjlll7pf],
    .component-container .guestData-container > div.condition-fields[b-e8mjlll7pf] {
      background-color: var(--page-guestData-item-backgroundColor);
      border-radius: 1rem;
      padding: 2rem;
      display: flex;
      flex-direction: column;
      gap: 1.5rem;
    }

    .component-container .guestData-container > div.condition-fields[b-e8mjlll7pf] {
      margin-top: 1rem;
    }

  .component-container[b-e8mjlll7pf] >  button {
    margin: 1rem auto 0 auto;
    width: 25.9rem;
    height: 4rem;
    min-height: 4rem;
    border-radius: 1rem;
  }

  .component-container .guestData-container[b-e8mjlll7pf]  .form-check {
    display: flex;
    min-height: 1.5rem;
    padding-left: 1.5em;
    margin-bottom: 0;
    gap: 1rem;
  }

[b-e8mjlll7pf] .address-data .form-check {
  height: 3rem;
  margin-bottom: 0;
  display: flex;
  gap: 1rem;
  align-items: center;
  line-height: unset;
}


[b-e8mjlll7pf] .form-check label {
  color: var(--page-guestData-checkbox-color);
  -webkit-user-select: none; /* Safari */
  -ms-user-select: none; /* IE 10 and IE 11 */
  user-select: none; /* Standard syntax */
}

  [b-e8mjlll7pf] .form-check label:hover {
    cursor: pointer;
    color: var(--softtec-dark-blue);
  }

.component-container[b-e8mjlll7pf] >  .st-checkbox a {
  color: inherit;
  text-decoration: underline;
}

  .component-container[b-e8mjlll7pf] >  .st-checkbox a:hover {
    color: var(--softtec-dark-blue);
    font-weight: 700;
  }

[b-e8mjlll7pf] .form-check-input {
  border-radius: 3px !important;
  border-color: var(--page-guestData-checkbox-color) !important;
  cursor: pointer;
  margin-top: 0;
  height: 1.5rem;
  width: 1.5rem;
}

  [b-e8mjlll7pf] .form-check-input:focus {
    box-shadow: none;
    border-color: var(--page-guestData-checkbox-color) !important;
  }

  [b-e8mjlll7pf] .form-check-input:checked {
    background-color: var(--softtec-medium-blue1);
  }

[b-e8mjlll7pf] .st-dropdown:disabled {
  background-color: var(--softtec-grey);
}

[b-e8mjlll7pf] .st-dropdown {
  background-color: white;
  border-radius: 5px;
}

[b-e8mjlll7pf] .form-floating > .st-dropdown + label {
  font-size: small;
  opacity: .8;
  transform: scale(.85) translateY(-.2rem) translateX(.2rem);
}

[b-e8mjlll7pf] .form-floating > .st-dropdown + label {
  color: var(--softtec-dark-blue);
  padding-top: .15rem;
}

[b-e8mjlll7pf] .error-msg-validation {
  font-size: small;
  color: var(--softtec-red) !important;
  width: 100%;
  text-align: center;
  line-height: 1.1rem;
}

[b-e8mjlll7pf] button.goto-summary-btn {
  display: none;
}

/*-------------------*/
#area-guestData[b-e8mjlll7pf]  .summary-content {
  min-height: calc(100vh - 9rem);
  min-height: calc(var(--doc-height) - 9rem);
  padding: 2rem;
  display: none !important;
}

#area-guestData:has(.booking-fee-required)[b-e8mjlll7pf]  .summary-content {
  min-height: calc(100vh - 10rem);
  min-height: calc(var(--doc-height) - 10rem);
  padding: 2rem;
}

#area-guestData[b-e8mjlll7pf]  .summary-content + button.booking-btn {
  display: none;
}

.show-validation[b-e8mjlll7pf]  .position-relative:has(.validation-message:not(:empty)) .border {
  border: 1px solid red !important;
}

.show-validation .condition-fields[b-e8mjlll7pf]  .st-checkbox-label.error-msg:after,
.show-validation[b-e8mjlll7pf]  .checkbox-invalid label:after {
  font-family: 'FontAwesome';
  /*the calendar icon in FontAwesome */
  content: '\f071';
  color: red;
  margin-left: 1rem;
  font-size: 1.6rem;
}

[b-e8mjlll7pf] form .st-checkbox {
  border: 1px solid #dbe2e8;
  border-radius: .5rem;
  width: 100%;
  padding: 0;
}


[b-e8mjlll7pf] .st-checkbox input {
  margin: 0;
}

[b-e8mjlll7pf] .form-check.st-checkbox {
  padding-left: 0 !important;
}

[b-e8mjlll7pf] .conditions-checkbox .st-checkbox {
  border: 0;
  width: unset;
  padding-left: 0 !important;
}

[b-e8mjlll7pf] .checkbox-padding {
  padding-left: 0.5rem !important;
}

  [b-e8mjlll7pf] .checkbox-padding input {
    margin-left: 0.5rem !important;
  }

[b-e8mjlll7pf] .market-code-dropdown-container {
  background-color: var(--softtec-white);
  display: flex;
  flex-direction: column;
  gap: 1rem !important;
}

[b-e8mjlll7pf] .market-code-dropdown-container .form-select {
  border-radius: 5px;
  height: 3rem;
}

@media (max-width: 1090px) {
  [b-e8mjlll7pf] button.goto-summary-btn {
    display: block;
  }

  #area-guestData[b-e8mjlll7pf]  .summary-content {
    display: flex !important;
    margin: 1rem auto 0 auto;
    width: 70%;
  }

  [b-e8mjlll7pf] button.booking-btn {
    display: none;
  }

  #area-guestData[b-e8mjlll7pf]  .summary-content + button.booking-btn {
    display: block;
  }

  .component-container:has(.error-msg-validation) > div.guestData-container[b-e8mjlll7pf] {
    max-height: calc(100vh - 15rem);
    height: calc(100vh - 15rem);
    max-height: calc(var(--doc-height) - 15rem);
    height: calc(var(--doc-height) - 15rem);
  }

  body:has(.summary-button) .component-container > div.guestData-container[b-e8mjlll7pf] {
    max-height: calc(100vh - 16rem);
    height: calc(100vh - 16rem);
    max-height: calc(var(--doc-height) - 16rem);
    height: calc(var(--doc-height) - 16rem);
  }

  body:has(.summary-button) .component-container:has(.error-msg-validation) > div.guestData-container[b-e8mjlll7pf] {
    max-height: calc(100vh - 18.5rem);
    height: calc(100vh - 18.5rem);
    max-height: calc(var(--doc-height) - 18.5rem);
    height: calc(var(--doc-height) - 18.5rem);
  }

  #area-guestData[b-e8mjlll7pf]  .summary-content .summary-rooms {
    max-height: calc(100vh - 43rem) !important;
    height: calc(var(--doc-height) - 43rem) !important;
    max-height: calc(var(--doc-height) - 43rem) !important;
    height: calc(var(--doc-height) - 43rem) !important;
  }

  #area-guestData[b-e8mjlll7pf]  .summary-content .summary-reservationData:has(.children) + hr + .summary-rooms {
    max-height: calc(100vh - 46rem) !important;
    height: calc(var(--doc-height) - 46rem) !important;
    max-height: calc(var(--doc-height) - 46rem) !important;
    height: calc(var(--doc-height) - 46rem) !important;
  }
}

@media (max-width: 520px) {
  .component-container[b-e8mjlll7pf] {
    padding-bottom: 1rem;
  }

    .component-container[b-e8mjlll7pf] >  button {
      height: 4rem;
      border-radius: 1rem;
      font-family: var(--font-bold);
    }

    .component-container[b-e8mjlll7pf]  .guestData-container .address-data,
    .component-container .guestData-container form > div[b-e8mjlll7pf],
    .component-container .guestData-container > div.condition-fields[b-e8mjlll7pf] {
      padding: 1rem;
    }

    .component-container > div.guestData-container[b-e8mjlll7pf] {
      max-height: calc(100vh - 12.5rem);
      height: calc(100vh - 12.5rem);
      max-height: calc(var(--doc-height) - 12.5rem);
      height: calc(var(--doc-height) - 12.5rem);
      padding: 0;
    }

    .component-container:has(.error-msg-validation) > div.guestData-container[b-e8mjlll7pf] {
      max-height: calc(100vh - 15rem);
      height: calc(100vh - 15rem);
      max-height: calc(var(--doc-height) - 15rem);
      height: calc(var(--doc-height) - 15rem);
    }

  body:has(.summary-button) .component-container > div.guestData-container[b-e8mjlll7pf] {
    max-height: calc(100vh - 14.5rem);
    height: calc(100vh - 14.5rem);
    max-height: calc(var(--doc-height) - 14.5rem);
    height: calc(var(--doc-height) - 14.5rem);
  }

  .component-container[b-e8mjlll7pf] >  button {
    margin: 0 auto;
  }

  body:has(.summary-button) .component-container:has(.error-msg-validation) > div.guestData-container[b-e8mjlll7pf] {
    max-height: calc(100vh - 17rem);
    height: calc(100vh - 17rem);
    max-height: calc(var(--doc-height) - 17rem);
    height: calc(var(--doc-height) - 17rem);
  }

  #area-guestData[b-e8mjlll7pf]  .summary-content {
    margin: 0;
    width: 100%;
    min-height: calc(100vh - 7rem);
    min-height: calc(var(--doc-height) - 7rem);
  }

  .component-container > label[b-e8mjlll7pf] {
    padding: 0;
  }
}
/* /Components/SharedComponents/Calendar/Calendar.razor.rz.scp.css */
.component-container > div:first-child[b-yzmg70r9cj] {
  color: var(--softtec-medium-blue1);
}

.component-container > div.calendar-container[b-yzmg70r9cj] {
  max-height: calc(100vh - 6.5rem);
  height: calc(100vh - 6.5rem);
  max-height: calc(var(--doc-height) - 6.5rem);
  height: calc(var(--doc-height) - 6.5rem);
  background-color: var(--page-calendar-date-background-color);
  border-radius: 8px;
  overflow: hidden;
  display: flex;
  flex-direction: column;
}

[b-yzmg70r9cj] .calendar-dropdowns {
  display: none;
  grid-template-columns: 1fr 1fr;
  gap: 1rem;
  padding: 1rem 1rem 0 1rem;
}

  [b-yzmg70r9cj] .calendar-dropdowns .form-select {
    border-radius: .6rem;
    height: 3rem;
    font-family: var(--font-bold);
    color: var(--softtec-medium-blue1);
  }

    [b-yzmg70r9cj] .calendar-dropdowns .form-select:hover {
      cursor: pointer;
      box-shadow: 0 0 2px 2px #a5b7c6 !important;
    }

    [b-yzmg70r9cj] .calendar-dropdowns .form-select option:disabled {
      color: var(--softtec-medium-blue2);
    }

.component-container > div.d-flex[b-yzmg70r9cj] {
  color: var(--page-header-color);
}

.calendar-dates[b-yzmg70r9cj] {
  color: var(--page-calendar-date-font-color);
  display: grid;
  grid-template-columns: repeat(7, 1fr);
  gap: 2rem;
  justify-content: center;
  padding-right: 1rem;
}

  .calendar-dates .calendar-month[b-yzmg70r9cj] {
    display: grid;
    position: relative;
    text-align: center;
  }

   .calendar-month > div[b-yzmg70r9cj] {
    display: flex;
    align-items: center;
  }

   .calendar-month span[b-yzmg70r9cj] {
    border-left: 1px solid var(--softtec-dark-blue);
    height: 1.7rem;
  }

   .calendar-month span:first-child[b-yzmg70r9cj],
   .calendar-month span:last-child[b-yzmg70r9cj] {
    width: 3.3rem;
    height: 2.7rem;
    display: inline-block;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    mask-size: 1.5rem;
    -webkit-mask-size: 1.5rem;
    background-position: center;
    mask-position: center;
    -webkit-mask-position: center;
    border: none;
    flex: 1;
    background-color: var(--softtec-medium-blue1);
  }

     .calendar-month span:first-child[b-yzmg70r9cj] {
      -webkit-mask-image: url('css/font-awesome/svgs/solid/arrow-up.svg');
      mask-image: url('css/font-awesome/svgs/solid/arrow-up.svg');
    }

     .calendar-month span:last-child[b-yzmg70r9cj] {
      -webkit-mask-image: url('css/font-awesome/svgs/solid/arrow-down.svg');
      mask-image: url('css/font-awesome/svgs/solid/arrow-down.svg');
    }

     .calendar-month span.disabled[b-yzmg70r9cj] {
      pointer-events: none;
    }

     .calendar-month span:not(.disabled):hover[b-yzmg70r9cj] {
      cursor: pointer;
      background-color: var(--softtec-dark-blue);
    }

.calendar[b-yzmg70r9cj] {
  padding: 0 1rem 0 1rem;
  margin: 2rem 0 1rem 1rem;
  overflow-y: scroll;
  flex: 1;
  padding-block: 1rem;
  scrollbar-width: none;
}

.component-container > div.calendar-container .calander-header[b-yzmg70r9cj] {
  display: flex;
  gap: 1rem;
  color: var(--page-calendar-month-header-font-color);
  align-items: center;
  padding: 2rem;
}

.component-container > div.calendar-container > .calander-header > label[b-yzmg70r9cj] {
  height: 3rem;
  align-self: baseline;
  align-content: center;
}

.component-container > div.calendar-container > div:first-child > div[b-yzmg70r9cj] {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  flex: 1;
}

.component-container > div.calendar-container > div:first-child > div[b-yzmg70r9cj] >  button {
  flex: 1;
  border: none;
  background-color: transparent;
  padding: 0;
  margin: 0 .5rem;
  color: var(--page-calendar-month-header-font-color);
}

.component-container > div.calendar-container > div:first-child > label:hover[b-yzmg70r9cj] {
  cursor: pointer;
}

.component-container > div.calendar-container > .calander-header > label.selected[b-yzmg70r9cj],
.component-container > div.calendar-container > div:first-child > div[b-yzmg70r9cj] >  button.selected {
  color: var(--page-calendar-month-header-font-color-selected);
  font-family: var(--font-semibold);
}

.month-year[b-yzmg70r9cj] {
  color: var(--softtec-dark-blue);
  font-family: var(--font-medium);
  background-color: var(--softtec-light-blue2);
  text-align: center;
  padding: 1rem 2rem;
  margin: 1.5rem auto;
  border-radius: .8rem;
  display: flex;
  align-items: center;
  justify-content: center;
}

  label.month-year[b-yzmg70r9cj],
  .month-year > label[b-yzmg70r9cj] {
    font-size: var(--font-size-14);
  }

label.month-year[b-yzmg70r9cj] {
  margin: 0 auto .5rem auto;
}

  label.month-year + div[b-yzmg70r9cj] {
    position: absolute;
    right: 0;
    bottom: .5rem;
    top: 0;
    margin: auto;
  }

.disabled[b-yzmg70r9cj] {
  opacity: 0.5;
}

.grid-column-span-row[b-yzmg70r9cj] {
  grid-column-start: 1;
  grid-column-end: 8;
}

.grid-column-span-start-2[b-yzmg70r9cj] {
  grid-column-start: 2;
  grid-column-end: 8
}

.grid-column-span-start-3[b-yzmg70r9cj] {
  grid-column-start: 3;
  grid-column-end: 8
}

.grid-column-span-start-4[b-yzmg70r9cj] {
  grid-column-start: 4;
  grid-column-end: 8
}

.grid-column-span-start-5[b-yzmg70r9cj] {
  grid-column-start: 5;
  grid-column-end: 8;
  display: unset;
}

.grid-column-span-start-6[b-yzmg70r9cj] {
  grid-column-start: 6;
  grid-column-end: 8
}

.grid-column-span-start-7[b-yzmg70r9cj] {
  grid-column-start: 7;
  grid-column-end: 8
}

.grid-column-span-end-2[b-yzmg70r9cj] {
  display: block;
  grid-column-start: 1;
  grid-column-end: 2
}

.grid-column-span-end-3[b-yzmg70r9cj] {
  display: block;
  grid-column-start: 1;
  grid-column-end: 3
}

.grid-column-span-end-4[b-yzmg70r9cj] {
  display: block;
  grid-column-start: 1;
  grid-column-end: 4
}

.grid-column-span-end-5[b-yzmg70r9cj] {
  display: block;
  grid-column-start: 1;
  grid-column-end: 5;
  display: unset;
}

.grid-column-span-end-6[b-yzmg70r9cj] {
  display: block;
  grid-column-start: 1;
  grid-column-end: 6
}

.grid-column-span-end-7[b-yzmg70r9cj] {
  display: block;
  grid-column-start: 1;
  grid-column-end: 7
}

@media (max-width: 1090px) {
  .component-container > div.calendar-container[b-yzmg70r9cj] {
    max-height: calc(100vh - 12rem);
    max-height: calc(var(--doc-height) - 12rem);
    height: calc(100vh - 12rem);
    height: calc(var(--doc-height) - 12rem);
  }
}

@media (max-width: 520px) {
  .component-container[b-yzmg70r9cj] {
    gap: 1rem;
  }

    .component-container > div.calendar-container[b-yzmg70r9cj] {
      max-height: calc(100vh - 9.5rem);
      max-height: calc(var(--doc-height) - 9.5rem);
      height: calc(100vh - 9.5rem);
      height: calc(var(--doc-height) - 9.5rem);
    }

  .calendar[b-yzmg70r9cj] {
    padding: 0;
  }

  #area-calendar > div:first-child > label[b-yzmg70r9cj] {
    font-size: var(--font-size-14);
  }

  .calendar-dropdowns[b-yzmg70r9cj] {
    display: grid;
  }

  .calander-header[b-yzmg70r9cj] {
    display: none !important;
  }

  [b-yzmg70r9cj] .calendar-date-item button.disabled > div:last-child > label {
    font-size: var(--font-size-10) !important;
  }

  [b-yzmg70r9cj] .calendar-date-item > button,
  [b-yzmg70r9cj] .calendar-date-item .noData {
    border-left: none;
  }
}

@media (max-width: 700px) {
  .calendar-dates[b-yzmg70r9cj] {
    gap: 1rem;
  }
}

@media (max-width: 650px) {
  .calendar-dates[b-yzmg70r9cj] {
    gap: 0;
  }

  .calendar-month[b-yzmg70r9cj] {
    padding-top: 1rem;
    padding-bottom: 1rem;
  }
}
/* /Components/SharedComponents/Calendar/CalendarItem.razor.rz.scp.css */

.calendar-dates > .calendar-date-item button.selected[b-ihan46kqrp] {
  border: 1px solid var(--page-calendar-selectedDate-border-color);
  background-color: var(--softtec-light-blue1);
}

.calendar-dates > .calendar-date-item button:not(.disabled):hover[b-ihan46kqrp],
.calendar-dates > .calendar-date-item button.date-hover[b-ihan46kqrp] {
  background-color: var(--softtec-light-blue1);
}

  .calendar-dates > .calendar-date-item button:not(.disabled.selected):hover[b-ihan46kqrp],
  .calendar-dates > .calendar-date-item button:not(.disabled.selected) *:hover[b-ihan46kqrp],
  .calendar-dates > .calendar-date-item button.date-hover *[b-ihan46kqrp] {
    cursor: pointer;
  }

.calendar-dates > .calendar-date-item button.selected:not(.disabled):hover[b-ihan46kqrp],
.calendar-dates > .calendar-date-item button.selected:not(.disabled) *:hover[b-ihan46kqrp] {
  cursor: not-allowed;
}

.calendar-date-item[b-ihan46kqrp] {
  position: relative;
}

  .calendar-date-item > button[b-ihan46kqrp],
  .calendar-date-item .noData[b-ihan46kqrp] {
    border: 1px solid var(--page-calendar-date-border-color);
    display: grid;
    text-align: center;
    grid-template-rows: 3rem 1fr 3rem;
    background-color: white;
    width: 100%;
    height: 100%;
  }

    .calendar-date-item button > label[b-ihan46kqrp],
    .calendar-date-item .noData > label[b-ihan46kqrp] {
      line-height: 3.2rem;
    }

  .calendar-date-item button.disabled > div:last-child > label[b-ihan46kqrp] {
    white-space: break-spaces !important;
    word-break: break-all;
    font-size: var(--font-size-11);
    cursor: not-allowed;
  }

  .calendar-date-item > button.selected[b-ihan46kqrp] {
    color: var(--page-calendar-month-header-font-color-selected);
  }

  .calendar-date-item .unselect-arrival[b-ihan46kqrp] {
    position: absolute;
    z-index: 10;
    top: -.8rem;
    right: -.8rem;
    background-color: var(--softtec-medium-blue2);
    color: white;
    border-radius: 50%;
    height: 2.5rem;
    width: 2.5rem;
    justify-content: center;
    align-items: center;
  }

    .calendar-date-item .unselect-arrival:hover[b-ihan46kqrp] {
      background-color: var(--softtec-medium-blue1);
      cursor: pointer;
    }

  .calendar-date-item button > div:last-child > label[b-ihan46kqrp],
  .calendar-date-item button > div:first-child > span[b-ihan46kqrp] {
    color: var(--page-calendar-date-price);
    /*white-space: nowrap;*/
  }

  .calendar-date-item button > div[b-ihan46kqrp],
  .calendar-date-item .noData > div[b-ihan46kqrp] {
    display: flex;
    align-items: center;
    justify-content: center;
  }

    .calendar-date-item button > div:last-child[b-ihan46kqrp] {
      margin-top: auto;
      display: flex;
      gap: .5rem;
    }

    .calendar-date-item button > div:first-child > *[b-ihan46kqrp] {
      flex: 1
    }

  .calendar-date-item button[b-ihan46kqrp],
  .calendar-date-item .noData[b-ihan46kqrp] {
    padding: .5rem;
  }

.disabled[b-ihan46kqrp] {
  opacity: 0.5;
}

.calendar-date-item button.disabled[b-ihan46kqrp] {
  opacity: 0.4;
}

.calendar-date-item .noData[b-ihan46kqrp] {
  opacity: .4 !important;
}

.calendar-date-item button.disabled *[b-ihan46kqrp] {
  color: var(--softtec-grey) !important;
}

  .calendar-date-item button.disabled:hover[b-ihan46kqrp],
  .calendar-date-item button.disabled *:hover[b-ihan46kqrp],
  .disabled:hover > *[b-ihan46kqrp] {
    cursor: not-allowed !important;
  }

.icon-weather[b-ihan46kqrp] {
  height: 1.5rem;
  width: 1.5rem;
  min-width: 15px;
  background-repeat: no-repeat;
  background-size: 1.5rem;
  mask-repeat: no-repeat;
  -webkit-mask-repeat: no-repeat;
  background-position: center center;
  -webkit-mask-size: 1.5rem;
  mask-size: 1.5rem;
  display: inline-block;
}

.icon-01d[b-ihan46kqrp] {
  background-image: var(--icon-element1);
}

.icon-01n[b-ihan46kqrp] {
  background-image: var(--icon-element6);
}

.icon-02d[b-ihan46kqrp], .icon-04d[b-ihan46kqrp] {
  background-image: var(--icon-element3);
}

.icon-02n[b-ihan46kqrp], .icon-04n[b-ihan46kqrp] {
  background-image: var(--icon-element8);
}

.icon-03d[b-ihan46kqrp], .icon-03n[b-ihan46kqrp], .icon-04d[b-ihan46kqrp], .icon-04n[b-ihan46kqrp] {
  background-image: var(--icon-element10);
}

.icon-09d[b-ihan46kqrp], .icon-9n[b-ihan46kqrp] {
  background-image: var(--icon-element11);
}

.icon-10d[b-ihan46kqrp], .icon-10n[b-ihan46kqrp] {
  background-image: var(--icon-element4);
}

.icon-11d[b-ihan46kqrp], .icon-11n[b-ihan46kqrp] {
  background-image: var(--icon-element7);
}

.icon-13d[b-ihan46kqrp], .icon-13n[b-ihan46kqrp] {
  background-image: var(--icon-element9);
}

.icon-50d[b-ihan46kqrp], .icon-50n[b-ihan46kqrp] {
  background-image: var(--icon-element5);
}

.weekday-full[b-ihan46kqrp] {
  display: flex;
}

.weekday-short[b-ihan46kqrp] {
  display: none;
}

@media (max-width: 1340px) {
  .calendar-date-item button:disabled > div:last-child[b-ihan46kqrp] {
    flex-direction: column;
    gap: 0 !important;
  }
}

@media (max-width: 550px) {

  .font-size-36[b-ihan46kqrp] {
    font-size: var(--font-size-26);
  }

  .calendar-date-item button > div:last-child[b-ihan46kqrp] {
    margin-top: unset;
    flex-wrap: wrap;
    flex-direction: column;
    gap: 0;
  }

    .calendar-date-item button > div:last-child > label[b-ihan46kqrp] {
      width: 100%;
      font-size: var(--font-size-10);
    }

      .calendar-date-item button > div:last-child > label:last-child[b-ihan46kqrp] {
        white-space: pre-wrap;
        word-break: break-word;
        max-width: 3rem;
      }

  .calendar-date-item > button[b-ihan46kqrp],
  .calendar-date-item .noData[b-ihan46kqrp] {
    grid-template-rows: 1.5rem 1fr 5rem;
  }

  .weekday-full[b-ihan46kqrp] {
    display: none;
  }

  .weekday-short[b-ihan46kqrp] {
    display: flex;
  }
}

@media (max-width: 430px) {
  .font-size-36[b-ihan46kqrp] {
    font-size: var(--font-size-18);
  }
}
/* /Components/SharedComponents/Confirmation.razor.rz.scp.css */
.component-container.reservation-confirmation[b-rrllx9rymi] {
  padding: 2rem 0 0 0;
  gap: 0;
  align-items: center;
  height: 100vh;
  max-height: 100vh;
  height: var(--doc-height);
  max-height: var(--doc-height);
  padding-right: 0 !important;
}

.reservation-confirmation .rc-check[b-rrllx9rymi] {
  padding: 1.6rem;
  height: 10rem;
  width: 10rem;
}

.reservation-confirmation .rc-text[b-rrllx9rymi] {
  display: flex;
  flex-wrap: wrap;
  padding: 2rem 2rem 2.6rem 2rem;
  color: var(--page-reservation-confirm-text-color);
  justify-content: center;
}

  .reservation-confirmation .rc-text label[b-rrllx9rymi] {
    line-height: 19px;
    text-align: center;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    -webkit-line-clamp: 5;
    line-height: 3rem;
  }

.reservation-confirmation .rc-carousel[b-rrllx9rymi], .reservation-confirmation .rc-hotel-highlights[b-rrllx9rymi] {
  max-height: calc(100vh - 30rem);
  max-height: calc(var(--doc-height) - 30rem);
  width: 70%;
  margin: auto;
  padding: 0 1rem;
}

.reservation-confirmation .rc-hotel-highlights[b-rrllx9rymi] {
  gap: 2rem;
  display: grid;
  grid-template-columns: 1fr;
  width: 129rem;
  overflow-y: auto;
  padding-block: 2px;
  width: fit-content;
}

.reservation-confirmation[b-rrllx9rymi]  .carousel .carousel-control-prev, .reservation-confirmation[b-rrllx9rymi]  .carousel .carousel-control-next {
  width: 6rem;
}

.rc-carousel[b-rrllx9rymi]  .carousel {
  height: 100%;
}

  .rc-carousel[b-rrllx9rymi] .carousel .carousel-inner {
    border-radius: 1rem;
  }

.reservation-confirmation .rc-carousel .carousel-item[b-rrllx9rymi] {
  height: 100%;
}

.rc-carousel[b-rrllx9rymi] .carousel .carousel-inner .carousel-item .carousel-img {
  object-fit: cover;
}

.reservation-confirmation[b-rrllx9rymi]  button.btn-lightblue {
  margin: auto 1rem 2rem 1rem;
  width: 25.9rem;
  height: 3rem;
  border-radius: 1rem;
  font-family: var(--font-bold);
}

.rs-btns[b-rrllx9rymi] {
  display: flex;
  flex-direction: column;
  margin-top:3rem;
}

@media (max-width: 1090px) {
  .rc-carousel[b-rrllx9rymi] {
    display: none;
  }

  .reservation-confirmation[b-rrllx9rymi] {
    justify-content: center;
    padding: 0 !important;
  }
}

@media (max-width: 870px) {
  .rs-btns[b-rrllx9rymi] {
    margin-top: 2rem;
  }
}

@media (max-width: 520px) {
  .reservation-confirmation .rc-check[b-rrllx9rymi] {
    height: 7rem;
    width: 7rem;
  }

  .reservation-confirmation .rc-carousel[b-rrllx9rymi] {
    width: calc(100% - 2rem);
    height: 60%;
  }

  .reservation-confirmation .rc-text[b-rrllx9rymi] {
    padding: 1rem 1rem 2.6rem 1rem;
  }

    .reservation-confirmation .rc-text label[b-rrllx9rymi] {
      -webkit-line-clamp: 6;
      line-height: 2rem;
    }

  .reservation-confirmation .rc-carousel[b-rrllx9rymi] {
    width: 100vw;
    max-height: calc(100vh - 20rem);
    max-height: calc(var(--doc-height) - 2rem);
    display: flex;
    gap: 1rem;
    overflow-x: auto;
  }
}
/* /Components/SharedComponents/Guests/GuestDataAddress.razor.rz.scp.css */
.address-data[b-hi5peqkfg5] {
  display: grid;
  grid-template-columns: repeat(4,1fr);
  gap: 2rem;
  margin-bottom: 1rem;
}

[b-hi5peqkfg5] .form-floating .form-control:disabled {
  background-color: var(--softtec-grey);
  cursor: not-allowed !important;
}

[b-hi5peqkfg5] .form-floating > .form-control {
  padding: .2rem .75rem;
  border-radius: .5rem;
  height: 3rem;
  /*background-color: var(--softtec-light-blue2);*/
  color: var(--softtec-medium-blue1);
  border: none;
  font-size: small;
}

[b-hi5peqkfg5] .form-floating > label {
  color: var(--softtec-dark-blue);
  padding-top: .75rem;
}

[b-hi5peqkfg5] .form-floating > .form-control:focus ~ label, [b-hi5peqkfg5] .form-floating > .form-control:not(:placeholder-shown) ~ label {
  opacity: 1;
  transform: scale(.85) translateY(-.8rem) translateX(0.15rem);
  color: var(--softtec-medium-blue1);
}

[b-hi5peqkfg5] .form-floating > .form-control:focus,
[b-hi5peqkfg5] .form-floating > .form-control:hover:not(:disabled) {
  box-shadow: 0 0 2px 2px #a5b7c6;
}

[b-hi5peqkfg5] .form-floating > .form-control:focus, [b-hi5peqkfg5] .form-floating > .form-control:not(:placeholder-shown) {
  padding-top: .8rem;
  padding-bottom: 0;
}

[b-hi5peqkfg5] .form-control-validation > div {
  color: var(--softtec-red);
  font-size: var(--font-size-11);
  display: none;
}


[b-hi5peqkfg5] .st-dropdown .form-floating input {
  cursor: pointer;
}


body.ios[b-hi5peqkfg5]  .st-datepicker .st-datepicker-input {
  width: 100%;
  min-width: 100%;
  max-width: 100%;
  -webkit-appearance: none;
  min-height: 3rem;
  height: 3rem;
  margin: 0;
  padding: 0 0 0 .7rem;
  color: var(--softtec-medium-blue1);
}

[b-hi5peqkfg5] input[type="date"]::-webkit-date-and-time-value {
  padding-top: .4rem;
  text-align: left;
}

[b-hi5peqkfg5] .nationalities-input {
  display: flex;
  justify-content: space-between;
  align-items: center;
  color: var(--softtec-medium-blue1);
}


[b-hi5peqkfg5] .st-date-picker-no-label > label {
  display: unset;
}

[b-hi5peqkfg5] .nationalities-input label {
  padding-bottom: 5px;
}

@media (max-width: 1250px) {
  .address-data[b-hi5peqkfg5] {
    grid-template-columns: repeat(3,1fr);
  }
}

@media (max-width: 900px) {
  .address-data[b-hi5peqkfg5] {
    grid-template-columns: 1fr 1fr;
  }
}

@media (max-width: 650px) {
  .address-data[b-hi5peqkfg5] {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 520px) {
  .address-data[b-hi5peqkfg5] {
    margin-bottom: 0;
    gap: 1rem;
  }
}
/* /Components/SharedComponents/Guests/GuestDataCustomFields.razor.rz.scp.css */
.address-data[b-k5fih72js7] {
  display: grid;
  grid-template-columns: repeat(4,1fr);
  gap: 2rem;
  margin-top: 2rem;
}

[b-k5fih72js7] .form-floating .form-control:disabled {
  background-color: var(--softtec-grey);
  cursor: not-allowed !important;
}

[b-k5fih72js7] .form-floating > .form-control {
  padding: .2rem .75rem;
  border-radius: .8rem;
  height: 3rem;
  /*background-color: var(--softtec-light-blue2);*/
  color: var(--softtec-medium-blue1);
  border: none;
  font-size: small;
}

[b-k5fih72js7] .form-floating > label {
  color: var(--softtec-dark-blue);
  padding-top: .75rem;
}

[b-k5fih72js7] .form-floating > .form-control:focus ~ label, [b-k5fih72js7] .form-floating > .form-control:not(:placeholder-shown) ~ label {
  opacity: 1;
  transform: scale(.85) translateY(-.8rem) translateX(0.15rem);
  color: var(--softtec-medium-blue1);
}

[b-k5fih72js7] .form-floating > .form-control:focus,
[b-k5fih72js7] .form-floating > .form-control:hover:not(:disabled) {
  box-shadow: 0 0 2px 2px #a5b7c6;
}

[b-k5fih72js7] .form-floating > .form-control:focus, [b-k5fih72js7] .form-floating > .form-control:not(:placeholder-shown) {
  padding-top: .8rem;
  padding-bottom: 0;
}

[b-k5fih72js7] .form-control-validation > div{
  color: var(--softtec-red);
  margin-top: .2rem;
  display: none;
}

[b-k5fih72js7] .st-dropdown .form-floating input {
  cursor: pointer;
  color: var(--softtec-medium-blue1);
}

[b-k5fih72js7] textarea,
[b-k5fih72js7] .st-textarea {
  background-color: var(--softtec-light-blue2) !important;
  color: var(--softtec-medium-blue1);
}


body.ios[b-k5fih72js7]  .st-datepicker .st-datepicker-input {
  width: 100%;
  min-width: 100%;
  max-width: 100%;
  -webkit-appearance: none;
  min-height: 3rem;
  height: 3rem;
  margin: 0;
  padding: 0 0 0 .7rem;
  color: var(--softtec-medium-blue1);
}

[b-k5fih72js7] input[type="date"]::-webkit-date-and-time-value {
  padding-top: .4rem;
  text-align: left;
}


@media (max-width: 1250px) {
  .address-data[b-k5fih72js7] {
    grid-template-columns: repeat(3,1fr);
  }
}

@media (max-width: 900px) {
  .address-data[b-k5fih72js7] {
    grid-template-columns: 1fr 1fr;
  }
}


@media (max-width: 520px) {
  .address-data[b-k5fih72js7] {
    gap: 1rem;
  }
}

@media (max-width: 650px) {
  .address-data[b-k5fih72js7] {
    grid-template-columns: 1fr;
  }
}
/* /Components/SharedComponents/Occupancies/Occupancy.razor.rz.scp.css */
form[b-uly60jvwtk] {
  height: 100vh;
  height: var(--doc-height);
}

.component-container[b-uly60jvwtk] {
  position: relative;
}

.childlevel-dropdown[b-uly60jvwtk] {
  background-color: transparent;
  color: var(--page-occupancy-font-color);
  border: none;
  padding-left: 0;
  background-image: var(--icon-background-select);
}

  .childlevel-dropdown:focus[b-uly60jvwtk] {
    border: none;
    outline: none;
    box-shadow: none;
  }

[b-uly60jvwtk] .transparent-input .form-control, [b-uly60jvwtk] .transparent-input .form-control:focus, [b-uly60jvwtk] .transparent-input .form-control:hover {
  border: 1px solid var(--page-occupancy-shadow2);
  border-radius: 20px;
  background-color: transparent;
  color: var(--page-occupancy-font-color);
  width: 26rem !important;
  padding-top: .8rem !important;
  padding-bottom: .8rem !important;
  height: 2.2rem !important;
  box-shadow: none !important;
}

  [b-uly60jvwtk] .transparent-input .form-control::placeholder {
    color: var(--page-occupancy-shadow2);
    text-transform: uppercase;
    text-align: center;
  }

.component-container.occupancy-container[b-uly60jvwtk] {
  background-repeat: no-repeat;
  background-size: cover;
  color: var(--page-occupancy-font-color);
  padding: 0;
}

.component-container > div[b-uly60jvwtk] {
  min-height: inherit;
  max-width: 100vw;
  background-color: #00000050;
  display: flex;
  max-height: 100vh;
  max-height: var(--doc-height);
  overflow-y: auto;
  justify-content: space-between;
  flex-direction: column;
}

.grid-occupancy[b-uly60jvwtk] {
  min-height: inherit;
  margin: 0 auto;
  max-width: 100vw;
  width: 100%;
  min-width: 50vw;
  display: grid;
  grid-template-rows: max-content 1fr max-content;
  height: 100vh;
  height: var(--doc-height);
  position: absolute;
}

  .grid-occupancy[b-uly60jvwtk]  .occupancy-body {
    background: rgba( 255, 255, 255, 0.1);
    backdrop-filter: blur(6px);
    -webkit-backdrop-filter: blur(6px);
    border-radius: 1.8rem;
    box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
    border: 1px solid rgba(255, 255, 255, 0.3);
    /*border-radius: 6px;*/
    /*background-color: rgba(255, 255, 255, 0.3);*/
    padding: 2rem 0;
    display: flex;
    flex-direction: column;
    max-width: 60vw;
  }

    .grid-occupancy[b-uly60jvwtk]  .occupancy-body.has-children {
      max-width: 80vw;
    }

  .grid-occupancy[b-uly60jvwtk] >  div:not(:first-child) {
  align-self: center;
}

  .grid-occupancy[b-uly60jvwtk] >  .occupancy-body {
    max-height: calc(100vh - 21rem);
    max-height: calc(var(--doc-height) - 21rem);
  }

[b-uly60jvwtk] .grid-occupancy .occupancy-body > div:first-child  {
  padding: 0 2rem;
  white-space: pre-wrap;
}

  [b-uly60jvwtk] .grid-occupancy .occupancy-body > div:first-child > label {
    overflow: auto;
    line-height: 3rem;
    max-height: 15rem;
  }

[b-uly60jvwtk] .occupancy-body .occupancy-body-content {
  overflow: auto;
  display: flex;
  flex-direction: column;
  padding-right: 1rem;
}

.grid-occupancy[b-uly60jvwtk] >  div:first-child {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 1.5rem;
  margin: 0 auto;
}

    .grid-occupancy[b-uly60jvwtk] >  div:first-child > div {
      width: fit-content;
      flex: 1;
      min-width: max-content;
    }

[b-uly60jvwtk] .transparent-input > div:first-child .form-floating > label {
  display: none;
}

[b-uly60jvwtk] button.occupancy-addRoom,
[b-uly60jvwtk] button.transparent-btn,
[b-uly60jvwtk] button.occupancy-next {
  border: 1px solid var(--page-occupancy-font-color);
  border-radius: 20px;
  background-color: var(--page-occupancy-shadow2);
  width: fit-content;
  margin: auto;
  display: flex;
  padding: .5rem 2.5rem;
  color: var(--page-occupancy-font-color);
  align-items: center;
  gap: .5rem;
  margin: 0 auto;
  /*  height: 2rem;*/
  width: 32rem;
  line-height: .8rem;
  justify-content: center;
}

[b-uly60jvwtk] button.occupancy-addRoom {
  margin: 1rem auto 0 auto;
  padding: .5rem 1rem;
  width: 20rem;
  min-height:3rem;
}

[b-uly60jvwtk] button.occupancy-next {
  height: 8rem;
  line-height: unset;
  margin-bottom: 2rem;
  font-size: large;
  background: rgba(255, 255, 255, 0.1);
  backdrop-filter: blur(6px);
  box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 30px;
  border: 1px solid rgba(255, 255, 255, 0.3);
}

[b-uly60jvwtk] .hotel-name-mobile {
display: none;
}

[b-uly60jvwtk] .hotel-address {
  margin-bottom: 2rem;
  text-align: center;
}

  [b-uly60jvwtk] button.occupancy-next:disabled {
    cursor: not-allowed;
    opacity: .7;
  }

  [b-uly60jvwtk] button.occupancy-addRoom:hover,
  [b-uly60jvwtk] button.occupancy-next:not(:disabled):hover {
    cursor: pointer;
    background-color: transparent;
  }

[b-uly60jvwtk] button.transparent-btn {
  border: 1px solid var(--page-occupancy-shadow2);
  background-color: transparent;
  color: var(--page-occupancy-shadow2);
  margin: 0;
  justify-content: center;
}

  [b-uly60jvwtk] button.transparent-btn:hover {
    background-color: var(--page-occupancy-shadow2);
    color: white;
  }

[b-uly60jvwtk] .occupancy-roomItem-data {
  min-width: 64.4rem;
}

[b-uly60jvwtk] .occupancy-roomItem-data,
[b-uly60jvwtk] .occupancy-roomItem-children {
  border: 1px solid var(--page-occupancy-font-color);
  border-radius: .6rem;
  background-color: var(--page-occupancy-shadow1);
  display: grid;
  grid-template-columns: 1fr 1fr;
  padding: .5rem;
}

[b-uly60jvwtk] .occupancy-roomItem-children {
  border-top: none;
  grid-template-columns: 1fr;
}

  [b-uly60jvwtk] .occupancy-roomItem-children.hidden {
    display: none;
  }

[b-uly60jvwtk] .occupancy-roomItem-childItem {
  flex-direction: column !important;
  gap: 1rem;
}

  [b-uly60jvwtk] .occupancy-roomItem-childItem .dropdown-container {
    position: relative;
    display: inline-block;
  }

  [b-uly60jvwtk] .occupancy-roomItem-childItem .child-level-dropdown,
  [b-uly60jvwtk] .occupancy-roomItem-childItem .child-bedtype-dropdown {
    display: flex;
    gap: 1rem;
    justify-content: space-between;
    align-items: center;
    height: 3rem;
    background-color: var(--page-occupancy-shadow2);
    border: 1px solid white;
    color: white;
    padding: 0 1rem;
    border-radius: .8rem;
    cursor: pointer;
    white-space: nowrap;
  }

  [b-uly60jvwtk] .occupancy-roomItem-childItem:first-child:last-child .child-level-dropdown,
  [b-uly60jvwtk] .occupancy-roomItem-childItem:first-child:last-child .child-bedtype-dropdown {
    width: 100%;
  }

  [b-uly60jvwtk] .occupancy-roomItem-childItem .child-dropdown-menu,
  [b-uly60jvwtk] .occupancy-roomItem-childItem .child-dropdown-menu {
    background-color: var(--page-occupancy-popup-backgroundColor);
    /*border: 1px solid var(--page-occupancy-popup-borderColor);*/
    color: var(--page-occupancy-popup-font-color);
    display: none;
    border-radius: .8rem;
    position: absolute;
    width: 100%;
    top: 100%;
    margin: 2px 0 0 0;
    box-shadow: 0 0 6px 0 rgba(0,0,0,0.1);
    padding: 1rem 0;
  }

  [b-uly60jvwtk] .occupancy-roomItem-childItem .child-level-dropdown.show + .child-dropdown-menu,
  [b-uly60jvwtk] .occupancy-roomItem-childItem .child-bedtype-dropdown.show + .child-dropdown-menu {
    display: flex;
    flex-direction:column;
    gap:1rem;
  }

    [b-uly60jvwtk] .occupancy-roomItem-childItem .child-dropdown-menu > div {
      padding: 0 1rem;
      cursor: pointer;
      white-space: nowrap;
    }

    [b-uly60jvwtk] .occupancy-roomItem-childItem .child-dropdown-menu > div:hover,
    [b-uly60jvwtk] .occupancy-roomItem-childItem .child-dropdown-menu > div {
      font-weight: bold;
    }

    [b-uly60jvwtk] .occupancy-roomItem-childItem .child-dropdown-menu > hr,
    [b-uly60jvwtk] .occupancy-roomItem-childItem .child-dropdown-menu > hr {
      background-color: var(--page-occupancy-popup-borderColor);
      margin:0;
    }

  [b-uly60jvwtk] .occupancy-roomItem-childItem .child-dropdown-menu > hr:last-child,
  [b-uly60jvwtk] .occupancy-roomItem-childItem .child-dropdown-menu > hr:last-child{
       display:none;
    }

[b-uly60jvwtk] .occupancy-roomItem-data > div,
[b-uly60jvwtk] .occupancy-roomItem-childItem {
  flex: 1;
  padding: 1rem;
  display: flex;
  justify-content: space-between;
  flex-direction: row;
  min-width: 22.5rem;
}

  [b-uly60jvwtk] .occupancy-roomItem-data > div > label {
    line-height: 3rem;
  }

  [b-uly60jvwtk] .occupancy-roomItem-data > div > div:first-child {
    flex: 1;
    margin-right: 1rem;
    align-self: center;
  }

  [b-uly60jvwtk] .occupancy-roomItem-data > div > div:last-child {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: .5rem;
  }

[b-uly60jvwtk] .occupancy-roomItem-data .btn-counter {
  border: 1px solid var(--page-occupancy-font-color);
  border-radius: .5rem;
  background-color: var(--page-occupancy-shadow2);
  color: white;
  width: 3rem;
  height: 3rem;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: small;
}

  [b-uly60jvwtk] .occupancy-roomItem-data .btn-counter:not(:disabled):hover {
    cursor: pointer !important;
    background-color: transparent;
  }

  [b-uly60jvwtk] .occupancy-roomItem-data .btn-counter:disabled {
    cursor: not-allowed !important;
    opacity: .6;
  }

[b-uly60jvwtk] .occupancy-roomItem-data.hover:hover * {
  cursor: pointer;
}

.grid-occupancy[b-uly60jvwtk] >  div:first-child > div > div:hover,
.grid-occupancy[b-uly60jvwtk] >  div:first-child > div > div > label:hover,
[b-uly60jvwtk] .occupancy-addRoom > div:hover, [b-uly60jvwtk] .occupancy-addRoom > div > label:hover,
[b-uly60jvwtk] .occupancy-next > div:hover, [b-uly60jvwtk] .occupancy-next > div > label:hover,
[b-uly60jvwtk] .close {
  cursor: pointer;
}

[b-uly60jvwtk] .occupancy-roomItem {
  position: relative;
  padding: 0 4rem 2rem 5rem;
}

  [b-uly60jvwtk] .occupancy-roomItem > .close {
    /*border: 1px solid var(--softtec-medium-blue1);*/
    border-radius: 5rem;
    width: 3.5rem;
    height: 3.5rem;
    position: absolute;
    top: -1.5rem;
    left: 3.5rem;
    background-color: white;
    display: flex;
    justify-content: center;
    align-items: center;
    color: var(--softtec-medium-blue1);
    box-shadow: 1px 1px 5px 0 rgba(0, 0, 0, 0.35);
  }

[b-uly60jvwtk] .close:hover, [b-uly60jvwtk] .occupancy-roomItem-childItem .fa-solid {
  cursor: pointer;
}

[b-uly60jvwtk] .roomItem-error-msg {
  color: var(--softtec-white);
  margin: 0px 0 2rem 0;
  text-align: center;
  background: rgba(255, 255, 255, 0.1);
  backdrop-filter: blur(6px);
  box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 30px;
  border: 1px solid var(--softtec-red);
  border-radius: .8rem;
  height: 3rem;
  align-items: center;
  display: flex;
  justify-content: center;
}

[b-uly60jvwtk] .button-shake {
  animation: shake-b-uly60jvwtk 0.82s cubic-bezier(.36,.07,.19,.97) both;
  transform: translate3d(0, 0, 0);
  perspective: 1000px;
}

[b-uly60jvwtk] .occupancy-carousel .carousel-img {
  width: 100vw;
  height: 100vh;
  height: var(--doc-height);
  object-fit: cover;
  min-height: 100vh;
  min-height: var(--doc-height);
}

[b-uly60jvwtk] .occupancy-carousel .slick-slider .slick-dots {
  display: none !important;
}

[b-uly60jvwtk] .grid-occupancy .form-floating > .st-dropdown + label {
  font-size: var(--font-size-11);
  padding: 0 0 0 .8rem !important;
  opacity: 1;
  transform: scale(.85) translateY(.3rem) translateX(0);
}

[b-uly60jvwtk] .grid-occupancy .st-dropdown {
  border: none;
  background-color: var(--page-occupancy-shadow2) !important;
  border: 1px solid white;
  color: white !important;
  font-size: var(--font-size-11);
  padding-top: 1rem !important;
}

  [b-uly60jvwtk] .grid-occupancy .st-dropdown option {
    color: var(--softtec-medium-blue1);
  }

  [b-uly60jvwtk] .grid-occupancy .st-dropdown:hover {
    cursor: pointer;
    box-shadow: 0 0 2px 1px white;
  }


  [b-uly60jvwtk] .occupancy-roomItem-data > div:not(:last-child) {
    border-bottom: none;
    border-right: 1px solid var(--page-occupancy-font-color);
  }

.occupancy-container[b-uly60jvwtk]  .carousel-img {
  border-radius: 0;
}

/*::deep .occupancy-carousel .slick-track .slick-slide {
  width: 100vw  !important;
}
*/
@keyframes shake-b-uly60jvwtk {
  10%, 90% {
    transform: translate3d(0, -1px, 0);
  }

  20%, 80% {
    transform: translate3d(0, 2px, 0);
  }

  30%, 50%, 70% {
    transform: translate3d(0, -2px, 0);
  }

  40%, 60% {
    transform: translate3d(0, 2px, 0);
  }
}

@media (max-width: 520px) {
  [b-uly60jvwtk] .occupancy-roomItem .font-size-14 {
    font-size: var(--font-size-12);
  }

  [b-uly60jvwtk] .occupancy-roomItem-childItem .child-level-dropdown, [b-uly60jvwtk] .occupancy-roomItem-childItem .child-bedtype-dropdown
   {
      gap:0;
  }

  [b-uly60jvwtk] .occupancy-roomItem {
    padding: 0 1rem 2rem 2rem;
  }

    [b-uly60jvwtk] .occupancy-roomItem > .close {
      left: .5rem;
    }
}

@media (max-width: 1240px) {
  .grid-occupancy[b-uly60jvwtk]  .occupancy-body.has-children,
  .grid-occupancy[b-uly60jvwtk]  .occupancy-body {
    max-width: calc(100vw - 17rem);
  }
}

@media (max-width: 1090px) {
  .grid-occupancy[b-uly60jvwtk]  .occupancy-body.has-children,
  .grid-occupancy[b-uly60jvwtk]  .occupancy-body {
    max-width: calc(100vw - 4rem);
  }
}

@media (max-width: 570px) {
  [b-uly60jvwtk] .grid-occupancy {
    padding: 1rem;
  }

  .grid-occupancy[b-uly60jvwtk]  .occupancy-body {
    width: 100%;
    max-height: calc(100vh - 16.5rem);
    max-height: calc(var(--doc-height) - 16.5rem);
  }

    .grid-occupancy[b-uly60jvwtk]  .occupancy-body.has-children,
    .grid-occupancy[b-uly60jvwtk]  .occupancy-body {
      max-width: calc(100vw - 2rem);
    }

  [b-uly60jvwtk] .grid-occupancy .occupancy-body > div:first-child > label {
    font-size: var(--font-size-16);
    padding: 0 2rem;
    line-height: 2rem;
    max-height: 10rem;
  }

  [b-uly60jvwtk] .grid-occupancy > div:first-child {
    display: none;
  }

  [b-uly60jvwtk] .occupancy-roomItem-data {
    grid-template-columns: 1fr;
    border: none;
    background-color: transparent;
    gap: .5rem;
    padding: 0;
  }

    [b-uly60jvwtk] .occupancy-roomItem-data > div {
      background-color: var(--page-occupancy-shadow1);
      border: 1px solid var(--page-occupancy-font-color);
      border-radius: .6rem;
    }

  [b-uly60jvwtk] button.occupancy-addRoom {
    width: 18rem;
  }

  [b-uly60jvwtk] button.occupancy-next {
    height: 4rem;
    font-size: var(--font-size-13);
    margin-top: 2rem;
    margin-bottom: 1.6rem;
    border-radius: 1rem;
    width: 25.9rem;
  }

  [b-uly60jvwtk] .hotel-address {
    margin-bottom: 0;
  }

  [b-uly60jvwtk] .roomItem-error-msg {
    margin-bottom: 0;
  }

  [b-uly60jvwtk] .occupancy-roomItem-children {
    padding: 0;
  }

  [b-uly60jvwtk] .occupancy-roomItem-data > div:not(:last-child) {
    border-bottom: 1px solid var(--page-occupancy-font-color);
  }

  [b-uly60jvwtk] .grid-occupancy .transparent-btn,
  [b-uly60jvwtk] .grid-occupancy .transparent-input .form-control {
    width: 100% !important;
  }

  [b-uly60jvwtk] .hotel-name {
    display: none;
  }

  [b-uly60jvwtk] .hotel-name-mobile {
    display: block;
    text-align: center;
    line-height: 2rem;
  }
}

@media (max-width: 830px) {
  [b-uly60jvwtk] .occupancy-roomItem-data {
    min-width: unset;
  }

  [b-uly60jvwtk] .occupancy-roomItem-children {
    grid-template-columns: 1fr;
  }

    [b-uly60jvwtk] .occupancy-roomItem-children .child-level-dropdown, [b-uly60jvwtk] .occupancy-roomItem-children .child-bedtype-dropdown {
      width: 100%;
    }

    [b-uly60jvwtk] .occupancy-roomItem-children > div {
      border-left: none;
      border-bottom: none;
    }
}

  @media (min-width: 830px) and (max-width: 1450px) {
    [b-uly60jvwtk] .occupancy-roomItem-children {
      grid-template-columns: 1fr 1fr;
    }

      [b-uly60jvwtk] .occupancy-roomItem-children > div {
        border-left: none;
      }

      [b-uly60jvwtk] .occupancy-roomItem-children > div {
        border-bottom: 1px solid var(--page-occupancy-font-color);
      }

        [b-uly60jvwtk] .occupancy-roomItem-children > div:not(:first-child):not(:nth-child(2n +1)) {
          border-left: 1px solid var(--page-occupancy-font-color);
        }

        [b-uly60jvwtk] .occupancy-roomItem-children > div:last-child,
        [b-uly60jvwtk] .occupancy-roomItem-children > div:not(:nth-child(even)):nth-last-child(2) {
          border-bottom: none;
        }

      [b-uly60jvwtk] .occupancy-roomItem-children:has(> :last-child:nth-child(1)) > div {
        grid-column-start: 1;
        grid-column-end: 3;
      }
  }

  @media (min-width: 1450px) and (max-width: 1700px) {
    .grid-occupancy[b-uly60jvwtk]  .occupancy-body.has-children {
      max-width: 91vw;
    }

    [b-uly60jvwtk] .occupancy-roomItem-children {
      grid-template-columns: 1fr 1fr 1fr;
    }

      [b-uly60jvwtk] .occupancy-roomItem-children > div {
        border-bottom: none;
        border-left: none;
      }

        [b-uly60jvwtk] .occupancy-roomItem-children > div:nth-child(-n+3) {
          border-bottom: 1px solid var(--page-occupancy-font-color);
        }

        [b-uly60jvwtk] .occupancy-roomItem-children > div:not(:first-child):not(:nth-child(3n +1)) {
          border-left: 1px solid var(--page-occupancy-font-color);
        }


      [b-uly60jvwtk] .occupancy-roomItem-children:has(> :last-child:nth-child(1)) > div,
      [b-uly60jvwtk] .occupancy-roomItem-children:has(> :last-child:nth-child(2)) > div,
      [b-uly60jvwtk] .occupancy-roomItem-children:has(> :last-child:nth-child(3)) > div {
        border-bottom: none;
      }

      [b-uly60jvwtk] .occupancy-roomItem-children:has(> :last-child:nth-child(1)) > div {
        grid-column-start: 1;
        grid-column-end: 4;
      }
  }

  @media (min-width: 1550px) {
    [b-uly60jvwtk] .occupancy-roomItem-children {
      grid-template-columns: 1fr 1fr 1fr 1fr;
    }

      [b-uly60jvwtk] .occupancy-roomItem-children > div {
        border-bottom: none;
        border-left: none;
      }

        [b-uly60jvwtk] .occupancy-roomItem-children > div:nth-child(-n+4) {
          border-bottom: 1px solid var(--page-occupancy-font-color);
        }

        [b-uly60jvwtk] .occupancy-roomItem-children > div:not(:first-child):not(:nth-child(4n +1)) {
          border-left: 1px solid var(--page-occupancy-font-color);
        }

      [b-uly60jvwtk] .occupancy-roomItem-children:has(> :last-child:nth-child(1)) > div,
      [b-uly60jvwtk] .occupancy-roomItem-children:has(> :last-child:nth-child(2)) > div,
      [b-uly60jvwtk] .occupancy-roomItem-children:has(> :last-child:nth-child(3)) > div,
      [b-uly60jvwtk] .occupancy-roomItem-children:has(> :last-child:nth-child(4)) > div {
        border-bottom: none;
      }

      [b-uly60jvwtk] .occupancy-roomItem-children:has(> :last-child:nth-child(1)) > div {
        grid-column-start: 1;
        grid-column-end: 5;
      }

      [b-uly60jvwtk] .occupancy-roomItem-children:has(> :last-child:nth-child(2)) > div:first-child {
        grid-column-start: 1;
        grid-column-end: 3;
      }

      [b-uly60jvwtk] .occupancy-roomItem-children:has(> :last-child:nth-child(2)) > div:last-child {
        grid-column-start: 3;
        grid-column-end: 5;
      }
  }
/* /Components/SharedComponents/Step.razor.rz.scp.css */

.icon-dotCircle[b-u73b9sih5w] {
  background-image: url('css/icons/dot-circle_7b94ab.png');
  background-repeat: no-repeat;
  background-size: 1.5rem;
  background-position: center;
  height: 2rem;
  width: 2rem;
  display: inline-block;
}

.step-line[b-u73b9sih5w] {
    border: 1px solid var(--page-step-line-color);
    width: 0;
    margin: auto;
    position: relative;
    top: 0;
}

.step > div > label[b-u73b9sih5w], .step > div > div > label[b-u73b9sih5w] {
    -ms-transform: rotate(180deg); /* IE 9 */
    -webkit-transform: rotate(180deg); /* Chrome, Safari, Opera */
    transform: rotate(180deg);
    writing-mode: vertical-lr;
    text-orientation: mixed;
    vertical-align: text-top;
}

.step > div > label[b-u73b9sih5w] {
    display: block;
    margin-bottom: 0.5rem !important;
}

.step > div > div > span[b-u73b9sih5w] {
    left: 1.3rem;
    top: .1rem;
    position: relative;
    z-index: 1;
}

.step-container[b-u73b9sih5w] {
  width: 6.5rem;
  min-width: 6.5rem;
  /*mix-blend-mode:difference;*/
  padding-left: 2.5rem;
  color: var(--page-step-font-color);
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  z-index: 99;
}

  .step-container .step[b-u73b9sih5w] {
    min-width: 4rem;
    width: 4rem;
  }

  .hoverable[b-u73b9sih5w], .hoverable > label:hover[b-u73b9sih5w] {
    cursor: pointer;
}

.list-group-item.active[b-u73b9sih5w] {
    font-weight: bold;
    z-index: unset;
    color: unset;
    background-color: unset;
    border-color: unset;
}

.list-group-item-action:focus[b-u73b9sih5w], .list-group-item-action:hover[b-u73b9sih5w] {
  color: unset;
  background-color: unset;
}

.list-group-item-action:hover[b-u73b9sih5w], .list-group-item-action *:hover[b-u73b9sih5w] {
  font-weight: bold;
  cursor: pointer;
}

.list-group-item:not(.active) > span[b-u73b9sih5w],
div.label-step-1[b-u73b9sih5w],
div.label-step-2[b-u73b9sih5w],
div.label-step-3[b-u73b9sih5w],
div.label-step-4[b-u73b9sih5w],
div.label-step-5[b-u73b9sih5w],
div.label-step-6[b-u73b9sih5w],
div.label-step-7[b-u73b9sih5w],
div.label-step-8[b-u73b9sih5w] {
    display: none;
}

.div-step-1.active ~ div.label-step-1[b-u73b9sih5w],
.div-step-2.active ~ div.label-step-2[b-u73b9sih5w],
.div-step-3.active ~ div.label-step-3[b-u73b9sih5w],
.div-step-4.active ~ div.label-step-4[b-u73b9sih5w],
.div-step-5.active ~ div.label-step-5[b-u73b9sih5w],
.div-step-6.active ~ div.label-step-6[b-u73b9sih5w],
.div-step-7.active ~ div.label-step-7[b-u73b9sih5w],
.div-step-8.active ~ div.label-step-8[b-u73b9sih5w] {
    display: inline-block;
}

.list-group-item[b-u73b9sih5w] {
    position: unset;
    display: unset;
    padding: unset;
    margin-bottom: unset;
    background-color: unset;
    border: unset;
    height: 3rem;
}

.list-group-item-action[b-u73b9sih5w] {
    width: unset;
    color: unset;
    text-align: unset;
}

@media (max-width: 1090px) {
  .step-container[b-u73b9sih5w] {
    visibility: hidden;
  }
}
/* /Components/SharedComponents/Summary/Summary.razor.rz.scp.css */
.summary-container[b-y3ex0v1u0o] {
  background-color: var(--page-summary-background-color);
  color: var(--page-summary-color);
  border-radius: 8px;
  position: fixed;
  right: 2rem;
  top: 2rem;
  bottom: 2rem;
  display: flex;
  flex-direction: column;
}

  .summary-container[b-y3ex0v1u0o]  .summary-content {
    padding: 2rem;
    overflow-y: auto;
    flex: 1;
    justify-content: flex-start;
    width: 29.5rem;
    max-width: 29.5rem;
  }

@media (max-width: 1090px) {
  .summary-container[b-y3ex0v1u0o] {
    display: none !important;
  }
}
/* /Components/SharedComponents/Summary/SummaryButton.razor.rz.scp.css */
.summary-button[b-vg5nlag9qa] {
  background-color: var(--page-summary-btn-container-backgroundColor);
  padding: 1rem;
  display: none;
  position: fixed;
  gap: 1rem;
  align-items: center;
  bottom: 0;
  width: 100%;
  padding: 1rem;
  z-index: 3;
}

  .summary-button > div[b-vg5nlag9qa] {
    background-color: var(--page-summary-btn-backgroundColor);
    color: var(--page-summary-btn-color);
    border-radius: .8rem;
    box-shadow: 1px 1px 5px 0px rgba(0, 0, 0, 0.35);
    border: 1px solid rgba(121, 121, 121, 0);
    display: flex;
    padding: 1rem;
    gap: 1rem;
    align-items: center;
    width: 100%;
    text-wrap: nowrap;
    height: 4rem;
  }

.icon-summary[b-vg5nlag9qa], .icon-expand[b-vg5nlag9qa] {
  background-repeat: no-repeat;
  background-size: 2rem;
  background-position: center;
  height: 2rem;
  width: 2rem;
}

.icon-summary[b-vg5nlag9qa] {
  background-image: url('css/icons/basket_00305e.png');
}

.icon-expand[b-vg5nlag9qa] {
  background-image: url('css/icons/expand_00305e.svg');
  margin-left:auto;
}

@media (max-width: 1090px) {
  .summary-button[b-vg5nlag9qa] {
    display: block;
  }
}

@media (max-width: 520px) {
  .summary-button[b-vg5nlag9qa],
  .summary-button > div > div > label.font-size-14[b-vg5nlag9qa] {
    font-size: var(--font-size-12);
  }

  .icon-expand[b-vg5nlag9qa], .icon-summary[b-vg5nlag9qa] {
    background-size: 1.4rem;
    height: 1.4rem;
    width: 1.4rem;
  }
}
/* /Components/SharedComponents/Summary/SummeryContent.razor.rz.scp.css */

.summary-content hr[b-b8mifccatz] {
  margin-top: 1rem;
  margin-bottom: 2rem;
  background-color: var(--page-summary-line-color);
}

[b-b8mifccatz] .summary-rooms + hr {
  height: 3px;
}

.summary-content[b-b8mifccatz] {
  flex: 1;
  background-color: var(--page-summary-background-color);
  color: var(--page-summary-color);
  border-radius: 8px;
  justify-content: space-between;
}

  .summary-content[b-b8mifccatz] >  div:first-child {
    color: var(--page-summary-header-color);
    display: flex;
    gap: 1rem;
    flex-direction: column;
    /*margin-bottom: 2rem;*/
  }

  .summary-content[b-b8mifccatz] >  .title:empty{
    display: none;
  }

    .summary-content[b-b8mifccatz] >  div:first-child label.red {
      color: var(--softtec-red);
      padding-bottom: 1rem;
    }

[b-b8mifccatz] .icon-summary {
  background-image: url('css/icons/basket_00305e.png');
  background-repeat: no-repeat;
  background-size: 2rem;
  background-position: center;
  height: 2rem;
  width: 2rem;
  margin-right: 1rem;
  margin-bottom: .3rem;
}

[b-b8mifccatz] .icon-adults {
  background-image: url('css/icons/person_7b94ab.svg');
  background-repeat: no-repeat;
  background-size: 2rem;
  background-position: center;
  height: 2rem;
  width: 2rem;
  margin-right: 1rem;
}

[b-b8mifccatz] .icon-children {
  background-image: url('css/icons/baby_boy_7b94ab.svg');
  background-repeat: no-repeat;
  background-size: 2rem;
  background-position: center;
  height: 2rem;
  width: 2rem;
  margin-right: 1rem;
}

[b-b8mifccatz] .icon-arrival {
  background-image: url('css/icons/checkin_7b94ab.svg');
  background-repeat: no-repeat;
  background-size: 2rem;
  background-position: center;
  height: 2rem;
  width: 2rem;
  margin-right: 1rem;
}

[b-b8mifccatz] .icon-departure {
  background-image: url('css/icons/checkout_7b94ab.svg');
  background-repeat: no-repeat;
  background-size: 2rem;
  background-position: center;
  height: 2rem;
  width: 2rem;
  margin-right: 1rem;
}

[b-b8mifccatz] .icon-rooms {
  background-image: url('css/icons/bed_7b94ab.svg');
  background-repeat: no-repeat;
  background-size: 2rem;
  background-position: center;
  height: 2rem;
  width: 2rem;
  margin-right: 1rem;
}

[b-b8mifccatz] .summary-reservationData {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  padding: 1.5rem 0;
}

  [b-b8mifccatz] .summary-reservationData > div {
    color: var(--softtec-medium-blue2);
  }

[b-b8mifccatz] .summary-rooms {
  flex: 1;
  overflow-y: auto;
  margin-bottom: 2rem;
  display: flex;
  gap: 2rem;
  flex-direction: column;
}

[b-b8mifccatz] .summary-rooms > div {
  display: flex;
  gap: .5rem;
  flex-direction: column;
}

[b-b8mifccatz] .summary-room {
  /*margin: .5rem 0;*/
  display: flex;
  justify-content: space-between;
  line-height: 1.2rem;
}

  [b-b8mifccatz] .summary-room > label:last-child {
    text-align: right;
  }

[b-b8mifccatz] .summary-services {
  margin: 2rem 0;
  display: flex;
  gap: .2rem;
  flex-direction: column;
}

  [b-b8mifccatz] .summary-services > div {
    /*display: grid;*/
    /*grid-template-columns: 4rem 1fr;*/
    /*line-height: 1.2rem;*/
  }

[b-b8mifccatz] .summary-room > label:first-child {
  color: var(--page-summary-room-color);
}

[b-b8mifccatz] .summary-room > label:last-child {
  color: var(--softtec-dark-blue);
}

[b-b8mifccatz] .summary-package {
  display: flex;
  gap: .5rem;
  flex-direction: column;
}

  [b-b8mifccatz] .summary-services  label,
  [b-b8mifccatz] .summary-package label {
    line-height: 1.2rem;
  }

    [b-b8mifccatz] .summary-package label.d-flex span {
      line-height: 1.4rem;
    }

[b-b8mifccatz] .summary-footer {
  display: flex;
  flex-direction: column;
  align-items:center;
  margin-top: auto;
}

  [b-b8mifccatz] .summary-footer > * {
    display: block;
    color: var(--softtec-medium-blue1);
    font-size: var( --font-size-11);
    line-height: 13px;
  }

  [b-b8mifccatz] .summary-footer > a:hover {
    color: var(--softtec-dark-blue);
    font-weight: 700;
  }

[b-b8mifccatz] .summary-totalprice {
  color: var(--softtec-medium-blue1);
  padding-bottom: 2rem;
}

[b-b8mifccatz] .summary-totalprice  > div {
  display: flex;
  justify-content: space-between;
  gap: 1rem;
}

  [b-b8mifccatz] .summary-totalprice > label:first-child {
    color: var(--page-summary-room-color);
  }

  [b-b8mifccatz] .summary-totalprice > label:last-child {
    color: var(--softtec-dark-blue);
  }


@media (max-width: 1090px) {
  [b-b8mifccatz] .summary-package label.d-flex span,
  .summary-content[b-b8mifccatz]  label,
  .summary-content[b-b8mifccatz]  .summary-reservationData span {
    font-size: var(--font-size-14);
  }

  .summary-content[b-b8mifccatz]  .summary-footer label {
    font-size: var(--font-size-11);
  }

  [b-b8mifccatz] .summary-rooms {
    height: calc(100vh - 55rem);
    height: calc(var(--doc-height) - 55rem);
    max-height: calc(100vh - 55rem);
    max-height: calc(var(--doc-height) - 55rem);
    margin-bottom: 1rem;
  }

  [b-b8mifccatz] .summary-reservationData:has(.children) + hr + .summary-rooms {
    height: calc(100vh - 57rem);
    height: calc(var(--doc-height) - 57rem);
    max-height: calc(100vh - 57rem);
    max-height: calc(var(--doc-height) - 57rem);
  }
}

@media (max-width: 520px) {
  [b-b8mifccatz] .summary-package label.d-flex span,
  .summary-content[b-b8mifccatz]  label,
  .summary-content[b-b8mifccatz]  .summary-reservationData span {
    font-size: var(--font-size-12);
  }

  .summary-content[b-b8mifccatz]  .summary-totalprice label.font-size-9 {
    font-size: var(--font-size-10);
  }

  .summary-content[b-b8mifccatz]  .summary-footer label {
    font-size: var(--font-size-11);
  }

  [b-b8mifccatz] .summary-rooms {
    height: calc(100vh - 40rem);
    height: calc(var(--doc-height) - 40rem);
    max-height: calc(100vh - 40rem);
    max-height: calc(var(--doc-height) - 40rem);
    margin-bottom: 1rem;
  }

  [b-b8mifccatz] .summary-reservationData:has(.children) + hr + .summary-rooms {
    height: calc(100vh - 43rem);
    height: calc(var(--doc-height) - 43rem);
    max-height: calc(100vh - 43rem);
    max-height: calc(var(--doc-height) - 43rem);
  }
}
/* /Modals/EquipmentsModal.razor.rz.scp.css */
/* /Modals/PackageAndRates.razor.rz.scp.css */
.rates[b-6q8i1pst70] {
  overflow: auto;
  padding-right: 1rem;
  max-height: 100%;
  overflow:auto;
}

   .rate[b-6q8i1pst70] {
    display: flex;
    gap: 1rem;
    padding: 1.5rem 0;
    flex-wrap: wrap;
  }

    .rate:first-child[b-6q8i1pst70]{
      padding-top: 0;
    }

    .rate:last-child[b-6q8i1pst70] {
      padding-bottom: 0;
    }

.rate:not(:last-child)[b-6q8i1pst70] {
  border-bottom: 1px solid var(--page-modal-rate-borderColor);
}

.rate-details[b-6q8i1pst70] {
  color: var(--page-modal-rate-color);
  flex: 1;
  display: flex;
  gap: .5rem;
  flex-direction: column;
  /*flex: 1 1 auto;*/
}

 .rate-details > div:first-child[b-6q8i1pst70] {
  padding-bottom: .5rem;
}

  .rate-details > div:not(:first-child)[b-6q8i1pst70] {
    display: flex;
  }

    .rate-details > div:not(:first-child) span:last-child[b-6q8i1pst70] {
      line-height: 1.6rem;
    }

  .rate-details .fa-check[b-6q8i1pst70] {
    font-size: var( --font-size-14);
  }

.rate-details > div > span:first-child[b-6q8i1pst70] {
  margin-right: .5rem;
}

.rate-price[b-6q8i1pst70] {
  padding: 0 0 0 1.6rem;
  border-radius: 3rem;
  border: 1px solid transparent;
  min-height: 3rem;
  width: 100%;
  background-color: var(--page-modal-rate-price-backgroundColor);
  display: flex;
  justify-content: space-between;
  gap: 1rem;
  width: 30rem;
  height: fit-content;
  /*flex-wrap: wrap;*/
  flex: 1 1 auto;
  max-width: fit-content;
}

  .rate-price > div:first-child[b-6q8i1pst70] {
    padding-right: .5rem;
    display:flex;
    flex-direction:column;
  }

.rate-price > div > label:first-child[b-6q8i1pst70] {
  font-weight: 500;
  line-height: 1.5rem;
  /*padding-top: .3rem;*/
}

  .rate-price > div > label:last-child[b-6q8i1pst70] {
    color: var(--page-modal-rate-price-color);
    line-height: 1.2rem;
    word-break: break-all;
  }

 .rate-price:hover[b-6q8i1pst70]{
  cursor: pointer;
}

  .rate-price[b-6q8i1pst70]  .btn {
    min-height: 3rem;
    height: auto;
    border-radius: inherit;
  }

  .rate-price[b-6q8i1pst70]  .btn.selected, .rate-price[b-6q8i1pst70]  .btn.selected:hover {
    background-color: var(--page-modal-rate-selected-backgroundColor);
  }

@media (max-width: 1090px) {
  .rate > *[b-6q8i1pst70] {
      width:100%;
      max-width:100%;
  }
  }