/* VARIABLES */
.daterangepicker tbody td.available:not(.active):not(.in-range):not(:hover) {
    background-color: #e3f3e3 !important;
    border-radius: 0px;
}

:root {
    --color-primary: #007398;
    --color-secondary: #baa98e;
    --color-secondary-border: #9f917b;
    --color-secondary-hover: #978770;
}

/* Kiosk */

body.webshop-4 {
    --color-product-price-container: #777777;
}

    body.webshop-4 .kiosk-language-flag {
        box-shadow: 0 0 3px #777;
    }

    body.webshop-4 .main-container {
        background-color: #000;
        color: #FFF;
    }

        body.webshop-4 .main-container .container {
            max-width: 100%;
        }

    body.webshop-4 .boxshadow {
        background-color: #444;
        color: #FFF;
        box-shadow: none;
    }

    body.webshop-4 .box-header {
        background-color: #1a1a1a;
        color: #fff;
    }

        body.webshop-4 .box-header .name {
            color: #fff;
        }

    body.webshop-4 .footer {
        background-color: #1a1a1a;
        color: #fff;
        height: auto;
        padding-bottom: 200px;
    }

        body.webshop-4 .footer .footer-text {
            color: #fff;
        }

    body.webshop-4 #footer > .container > .mb-1 {
        margin: 0 !important;
    }

    body.webshop-4 .display-product-header {
        background-color: #222;
        color: #fff !important;
    }

    body.webshop-4 .daterangepicker {
        background-color: #444;
    }

    body.webshop-4 .addon-text, body.webshop-4 .addon-text-price, body.webshop-4 .addon-counter {
        color: #000 !important;
    }

    body.webshop-4 .product-price-container, body.webshop-4 .product-deep-link-container {
        background-color: #999999 !important;
    }

.body.webshop-4 .addon-container {
    background-color: #cccccc !important;
}

body.webshop-4 .daterangepicker .calendar-table {
    border: 1px solid #333;
    border-radius: 0px;
    background-color: #333;
}

body.webshop-4 .daterangepicker td.week,
body.webshop-4 .daterangepicker th.week {
    color: #fff !important;
    background-color: #666 !important;
    border-radius: 0px !important;
}

body.webshop-4 .daterangepicker th.week-day {
    background-color: #666 !important;
    border-radius: 0px !important;
}

body.webshop-4 .daterangepicker td.off,
body.webshop-4 .daterangepicker td.off.start-date,
body.webshop-4 .daterangepicker td.off.end-date {
    background-color: #333;
    border-color: transparent;
    color: #6d6d6d;
}

body.webshop-4 .daterangepicker tbody td.available:not(.active):not(.in-range):not(:hover) {
    background-color: #555 !important;
    border-radius: 0px;
    color: #fff !important;
}

body.webshop-4 .daterangepicker td.in-range {
    background-color: #999 !important;
}

body.webshop-4 .daterangepicker td.active {
    background-color: #000 !important;
    color: #fff !important;
}

    body.webshop-4 .daterangepicker td.active:hover,
    body.webshop-4 .daterangepicker td.available:hover {
        background-color: #000 !important;
        color: #fff !important;
    }

body.webshop-4 .change-quantity-button {
    background-color: #000;
}

body.webshop-4 .person-type-counter {
    color: #000;
}

body.webshop-4 .btn-secondary {
    color: #000;
    background-color: #cccccc;
    border-color: #cccccc;
}

    body.webshop-4 .btn-secondary:hover,
    body.webshop-4 .btn-secondary:active,
    body.webshop-4 .btn-secondary:focus {
        color: #000;
        background-color: #fff !important;
        border-color: #fff !important;
    }

body.webshop-4 .leaflet-popup-content-wrapper,
body.webshop-4 .leaflet-popup-tip {
    background: #000;
    color: #fff;
    box-shadow: 0 3px 14px rgba(0,0,0,0.4);
}

body.webshop-4 .booking-inquiry-info {
    box-shadow: none;
    background-color: #1c1c1c;
    color: #fff;
}

body.webshop-4 .booking-product-view {
    color: #fff;
}

body.webshop-4 .alternative-text-lg, body.webshop-4 .alternative-text-sm {
    color: #fff;
}

body.webshop-4 .step-4 .form-control:disabled,
body.webshop-4 .form-control[readonly] {
    background-color: #fff;
}

body.webshop-4 .input-form-field {
    background-color: #fff;
}

body.webshop-4 .overlay {
    background-color: rgba(0,0,0,0.6);
}

body.webshop-4 .daterangepicker .calendar-table .next span,
body.webshop-4 .daterangepicker .calendar-table .prev span {
    color: #fff;
    border: solid #fff;
}

body.webshop-4 .modal-lg,
body.webshop-4 .modal-xl {
    max-width: 94%;
}