/*# TODO SAMI*/
:root {
    --primaryColor: #5dd9ff;
    --secondaryColor: rgba(93, 217, 255, 0.1);
    --backgroundColor: #fafafa;
    --badgeColor: #0b132b;

    --booking-engine-body-background-color: #fafafa;
    --booking-engine-general-border-color: rgba(221, 221, 221, 1);
    --booking-engine-general-seperator-color: rgba(232, 232, 232, 1);
    --booking-engine-general-box-shadow-color: rgba(77, 91, 119, 0.13);
    --booking-engine-general-box-container-background-color: rgba(255,255,255,1);
    --booking-engine-general-input-background-color: rgba(255, 255, 255, 1);
    --booking-engine-general-border-radius: 4px;
    --booking-engine-general-text-color: rgba(0, 0, 0, 1);
    --booking-engine-general-light-text-color: rgba(51, 51, 51, 1);
    --booking-engine-general-primary-color: #5dd9ff;
    --booking-engine-general-primary-text-color: rgba(255, 255, 255, 1);
    --booking-engine-general-secondary-color: rgba(93, 217, 255, 0.1);
    --booking-engine-general-secondary-text-color: #5dd9ff;
    --booking-engine-general-ribbon-color: #0b132b;
    --booking-engine-general-disabled-background-color: #ededed;
    --booking-engine-general-disabled-text-color: #969696;
    --booking-engine-error-color: #DE3230;

    --font-family-base: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
}

@media (min-width: 940px) {
    .page-container[page="search"] {
        grid-template-columns: minmax(250px, 320px) 1fr !important;
        grid-template-areas:
      "search-bar search-bar"
      "tabs tabs"
      "cart main" !important;
    }

    .page-container[page="extras"] {
        grid-template-columns: minmax(250px, 320px) 1fr !important;
        grid-template-areas:
      "search-bar search-bar"
      "tabs tabs"
      "cart main" !important;
    }

    .page-container[page="payment"] {
        grid-template-columns: 320px 1fr !important;
        grid-template-areas:
      "header-top header-top"
      "title title"
      "cart main" !important;
    }

    .page-container[page="payment"] .page-header{
        display: none !important;
    }
}

@media (max-width: 939px) {
    .page-container[page="search"] {
        grid-template-columns: 1fr;
        grid-template-areas:
      "search-bar"
      "tabs"
      "main"
      "cart" !important;
    }

    .page-container[page="extras"] {
        grid-template-columns: 1fr !important;
        grid-template-areas:
      "search-bar"
      "tabs"
      "main"
      "cart" !important;
    }

    .page-container[page="payment"] {
        grid-template-columns: 1fr !important;
        grid-template-areas:
      "header-top"
      "reservation-summary"
      "title"
      "main"; !important;
    }
}

app-root {
    display: block;
}

.mainLoader {
    display: none;
}