@import '_content/Microsoft.AspNetCore.Components.QuickGrid/Microsoft.AspNetCore.Components.QuickGrid.25o87uqmvr.bundle.scp.css';

/* _content/Videotrips/Components/Layout/CustomQuickGridPaginator.razor.rz.scp.css */
.paginator[b-wkv60bg040] {
    display: flex;
    border-top: 1px solid #ccc;
    margin-top: 0.5rem;
    padding: 0.25rem 0;
    align-items: center;
    min-width: 600px;
}

.pagination-text[b-wkv60bg040] {
    margin: 0 0.5rem;
}

nav[b-wkv60bg040] {
    display: flex;
    margin-left: auto;
    gap: 0.5rem;
    align-items: center;
}

    nav button[b-wkv60bg040] {
        border: 0;
        background: none center center / 1rem no-repeat;
        width: 2rem;
        height: 2rem;
    }

        nav button[disabled][b-wkv60bg040] {
            opacity: 0.4;
        }

        nav button:not([disabled]):hover[b-wkv60bg040] {
            background-color: #eee;
        }

        nav button:not([disabled]):active[b-wkv60bg040] {
            background-color: #aaa;
        }

.go-first[b-wkv60bg040], .go-last[b-wkv60bg040] {
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="dimgray"><g transform="rotate(90) scale(0.8)" transform-origin="12 12"><path d="m 2,1.5 l 10,17.5 l 10,-17.5 l -10,7.75 l -10,-7.75 z"/><rect height="2" width="20" y="20.5" x="2"/></g></svg>');
}

html[data-theme="dark"] .go-first[b-wkv60bg040], .go-last[b-wkv60bg040] {
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="dimgray"><g transform="rotate(90) scale(0.8)" transform-origin="12 12"><path d="m 2,1.5 l 10,17.5 l 10,-17.5 l -10,7.75 l -10,-7.75 z"/><rect height="2" width="20" y="20.5" x="2"/></g></svg>');
}

.go-previous[b-wkv60bg040], .go-next[b-wkv60bg040] {
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="dimgray"><g transform="rotate(90)" transform-origin="12 12"><path d="M 2 3.25 L 12 20.75 L 22 3.25 L 12 11 z" /></g></svg>');
}

html[data-theme="dark"] .go-previous[b-wkv60bg040], .go-next[b-wkv60bg040] {
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="dimgray"><g transform="rotate(90)" transform-origin="12 12"><path d="M 2 3.25 L 12 20.75 L 22 3.25 L 12 11 z" /></g></svg>');
}

.go-next[b-wkv60bg040], .go-last[b-wkv60bg040] {
    transform: scaleX(-1);
}
/* _content/Videotrips/Components/Layout/Sidebar.razor.rz.scp.css */
/*@layer components {
    .sidebar {
        @apply flex flex-col transition-all duration-300 h-screen bg-gray-800 text-white;
    }
}*/

/*@layer utilities {
    .sidebar {
        @apply flex flex-col transition-all duration-300 h-screen bg-gray-800 text-white;
        background-color: red;
    }
}*/

.svg-container[b-qzx6qttmts] {
    margin:0;
    padding:0;
    max-width: 100%;
    max-height: 100%;
    overflow: hidden;
}

    .svg-container img[b-qzx6qttmts] {
        max-width: 140%;   
    }
/* _content/Videotrips/Features/FileImports/FileImport.razor.rz.scp.css */
[b-hqf5jwvqy1] h1
{
    margin-bottom: 1em;
}

[b-hqf5jwvqy1] h2 {
    margin-bottom: 1em;
}

[b-hqf5jwvqy1] table
{
    margin-top: 1em;
}
/* _content/Videotrips/Features/Products/Components/ProductDetails/ProductInformation.razor.rz.scp.css */
*[b-3xtfz9pudv] {
    margin: 0
}

[class*=col-][b-3xtfz9pudv] {
    float: left;
    min-height: 1px
}

p[b-3xtfz9pudv] {
    margin: 1em 0
}

div#tab-info .row div.views-text a:link[b-3xtfz9pudv], a:visited[b-3xtfz9pudv] {
    display: inline-block;
    line-height: 18px;
    transition-property: border-bottom-color, color;
    transition-duration: 0.2s;
    color: #444;
    border-bottom: 1px solid rgba(49,49,49,0.5);
    text-decoration: none
}

div#tab-info .row div.views-text a:hover[b-3xtfz9pudv] {
    transition-property: border-bottom-color, color;
    color: #009FE3;
    line-height: 18px;
    border-bottom: 1px solid rgba(0,159,227,0.5);
    text-decoration: none
}

div#tab-info .row div.views-text ul[b-3xtfz9pudv] {
    margin-left: 16px;
    list-style-type: disc
}

    div#tab-info .row div.views-text ul.photos-list[b-3xtfz9pudv] {
        margin-left: 0;
        list-style-type: none
    }

        div#tab-info .row div.views-text ul.photos-list li[b-3xtfz9pudv] {
            padding: 10px
        }

        .basket-item img[b-3xtfz9pudv], div#tab-info .row div.views-text ul.photos-list img[b-3xtfz9pudv] {
            width: 100%;
            border-radius: .5em
        }

div.views-text img.prod_image_1[b-3xtfz9pudv] {
    max-width: 100%;
    height: auto;
    border: 0;
    /*align: right*/
}

div#tab-info .views-text div.prijstabel[b-3xtfz9pudv] {
    overflow-x: auto
}

div#tab-info .views-text table.prijstabel[b-3xtfz9pudv] {
    margin-top: 3px;
    margin-bottom: 7px;
    border-collapse: separate;
    border-spacing: 0;
}

    div#tab-info .views-text table.prijstabel tr th[b-3xtfz9pudv] {
        background-color: #009FE3;
        border-bottom: 1px solid;
        text-align: center;
        font-size: 16px;
        font-weight: 400;
        color: #fff;
        padding-left: 10px;
        padding-right: 10px
    }

    div#tab-info .views-text table.prijstabel tr td[b-3xtfz9pudv] {
        border-bottom: 1px solid #00AEEF;
        text-align: center;
        font-size: 16px;
        padding: 2px 0;
        line-height: 22px
    }

    div#tab-info .views-text table.prijstabel tr:nth-child(even)[b-3xtfz9pudv] {
        background-color: #fff;
    }

    div#tab-info .views-text table.prijstabel tr:nth-child(odd)[b-3xtfz9pudv] {
        background-color: rgba(0,159,227,0.1);
    }

    div#tab-info .views-text table.prijstabel th.headcol[b-3xtfz9pudv] {
        padding: 0 1.5em
    }

div#tab-info .views-text p.alt_prod[b-3xtfz9pudv], div#tab-info .views-text p.vt_geheimtip[b-3xtfz9pudv] {
    max-width: 90%;
    background-color: rgba(0,159,227,0.2);
    border-left: 5px;
    border-left-style: solid;
    border-left-color: #009fe3;
    margin-left: 3%;
    padding-left: 2%;
    font-style: italic
}

div#tab-info .views-text ul.play li[b-3xtfz9pudv] {
    list-style-image: url(/images/playiconsmallblue.png);
    margin-left: 8px
}

#content[b-3xtfz9pudv] {
    position: relative;
    padding: 14px 0 0
}

#center-main[b-3xtfz9pudv] {
    position: relative;
    padding: 0 .5em 0 1em
}

.trip-photos[b-3xtfz9pudv] {
    position: relative;
    margin: 10px 0;
    min-height: 40px
}

/* Begin #trip-tabs renamed to .tabs */
.tab-content[b-3xtfz9pudv] {
    padding: 15px 20px 15px 10px
}

    .tab-content .views-label[b-3xtfz9pudv] {
        display: block;
        font-size: 18px;
        color: #444;
        font-weight: 700
    }

    .tab-content .row.locatie .views-label[b-3xtfz9pudv], .tab-content .row.photos .views-label[b-3xtfz9pudv] {
        font-size: 1.4em;
        text-align: center
    }

    .tab-content .views-text[b-3xtfz9pudv] {
        font-size: 1.3em;
        color: #444;
        margin: 5px 0 15px;
        line-height: 26px
    }

    .tab-content .row.center[b-3xtfz9pudv] {
        text-align: center
    }

    .tab-content .row.italic[b-3xtfz9pudv] {
        font-style: italic
    }

    .tab-content .row.biggerfont .views-text[b-3xtfz9pudv] {
        font-size: 1.3em;
        line-height: 30px
    }

        .tab-content .row.biggerfont .views-text h1[b-3xtfz9pudv] {
            font-weight: 700;
            font-size: 1.1em
        }

    .tab-content .row.maxwidth[b-3xtfz9pudv] {
        margin: 0 auto;
        float: none;
        max-width: 950px
    }

        .tab-content .row.maxwidth.jeverblijf span.views-label[b-3xtfz9pudv] {
            font-family: Open Sans,Arial,sans-serif;
            font-size: 18px;
            font-weight: 700;
            color: #444
        }

    .tab-content .row.teaser[b-3xtfz9pudv] {
        text-align: center;
        font-style: italic;
        padding: 0 25%
    }

        .tab-content .row.teaser span.views-label[b-3xtfz9pudv] {
            font-size: 20px;
            text-transform: uppercase;
            padding-bottom: 12px;
            font-family: Lora;
            font-style: italic;
            font-variant: normal;
            font-weight: 400;
            color: #444
        }

        .tab-content .row.teaser div.views-text[b-3xtfz9pudv] {
            font-size: 1.5em;
            margin-bottom: 32px;
            font-family: Lora;
            font-style: italic;
            font-variant: normal;
            color: #444;
            font-weight: 400
        }
/* End #trip-tabs*/

#map_container div[b-3xtfz9pudv] {
    width: auto;
    padding: 0
}

#map_canvas[b-3xtfz9pudv] {
    border-radius: 8px;
    box-shadow: 0 0 5px #888
}

div.mapInfoWindow[b-3xtfz9pudv] {
    margin: 0;
    padding: 5px
}

.mapInfoWindow .mapinfo[b-3xtfz9pudv] {
    position: relative;
    float: left
}

div#map_container .mapInfoWindow .mapinfo-row[b-3xtfz9pudv] {
    position: relative;
    float: left;
    width: 100%
}

.mapInfoWindow .mapinfo-left[b-3xtfz9pudv] {
    position: relative;
    float: left;
    width: 130px;
    padding: 5px
}

.mapinfo-picture[b-3xtfz9pudv] {
    width: 120px;
    border-radius: 3px;
    margin-top: 8px
}

.mapInfoWindow .mapinfo-right[b-3xtfz9pudv] {
    margin: 8px 10px 5px 130px;
    padding: 0
}

.mapInfoWindow h4[b-3xtfz9pudv] {
    font-size: 14px;
    color: #d9531e;
    margin: 0;
    padding-bottom: 5px;
    border-bottom: 1px dotted #d9531e
}

    .mapInfoWindow h4 span[b-3xtfz9pudv] {
        float: right
    }

.mapInfoWindow .mapinfo-right p[b-3xtfz9pudv] {
    margin: 2px 0
}

.mapinfo-button[b-3xtfz9pudv] {
    position: relative;
    float: right
}

.mapInfoWindow a.mapinfolink[b-3xtfz9pudv] {
    background-color: #d9531e;
    border-radius: 2px;
    color: #fff;
    display: inline-block;
    font-size: .8125em;
    font-weight: 700;
    padding: .5em .65em;
    text-shadow: 0 1px 1px rgba(29,103,61,.65)
}

    .mapInfoWindow a.mapinfolink:hover[b-3xtfz9pudv] {
        background-color: #f3161e;
        text-decoration: none
    }

.controls .btn.disabled[b-3xtfz9pudv] {
    opacity: .2;
    pointer-events: none;
    cursor: default
}

.clearfix[b-3xtfz9pudv]:after, .clearfix[b-3xtfz9pudv]:before {
    content: "";
    display: table
}

.clearfix[b-3xtfz9pudv]:after {
    clear: both
}

.clearfix[b-3xtfz9pudv] {
    zoom: 1
}

.cl[b-3xtfz9pudv] {
    clear: left
}

.mobile[b-3xtfz9pudv] {
    display: none
}

@media (max-width: 1000px) {
    .tab-content .row.teaser[b-3xtfz9pudv] {
        padding: 0
    }
}

@media (max-width: 900px) {
    #content[b-3xtfz9pudv] {
        padding-top: 10px
    }

    .item-content[b-3xtfz9pudv], .item-photo[b-3xtfz9pudv] {
        width: 100%
    }

        .item-photo img[b-3xtfz9pudv] {
            max-width: 100%;
            height: 138px
        }

    .photos-list li.col-1-3[b-3xtfz9pudv] {
        width: 100%;
        margin-bottom: 10px;
        padding: 0
    }

    #map-filter li[b-3xtfz9pudv] {
        display: block
    }

        #map-filter li a[b-3xtfz9pudv] {
            border: none;
            border-radius: 0;
            border-bottom: 1px solid #fff
        } 

    #map-filter .mb-search-title[b-3xtfz9pudv] {
        background: #cb5524;
        padding: 8px 20px
    }

        #map-filter .mb-search-title:hover[b-3xtfz9pudv] {
            color: #fff
        }

    .mobile[b-3xtfz9pudv] {
        display: block
    }
}

@media (max-width: 680px) {
    .mobile-hidden[b-3xtfz9pudv] {
        display: none
    }

    .ui-tabs-nav .ui-state-active[b-3xtfz9pudv], #trip-tabs .ui-tabs-nav .ui-state-default[b-3xtfz9pudv] {
        left: 5%
    }

    #boeknufixed div.tripname[b-3xtfz9pudv] {
        display: none
    }

    #boeknufixed div.button[b-3xtfz9pudv] {
        float: none;
        margin: auto
    }
}

@media (min-width: 900px) and (max-width:1150px) {
}

@media (max-width: 390px) {
}

@media (max-width: 900px) {
    #boeknufixed div.tripname[b-3xtfz9pudv] {
        font-size: 18px;
        margin-left: 60px
    }

    #boeknufixed div.button a[b-3xtfz9pudv] {
        font-size: 14px
    }

    #boeknufixed div.button[b-3xtfz9pudv] {
        width: 120px
    }
}

@media (max-width: 1100px) {
}

@media (max-width: 320px) {
}

@media (min-width: 321px) and (max-width:360px) {
    .ui-widget-header[b-3xtfz9pudv] {
        width: 100%
    }

    .ui-tabs-nav .ui-state-active[b-3xtfz9pudv], #trip-tabs .ui-tabs-nav .ui-state-default[b-3xtfz9pudv] {
        left: 0%
    }

    ul li a[b-3xtfz9pudv] {
        font-size: 13px
    }
}

@media (min-width: 361px) and (max-width:424px) {
}

@media (min-width: 425px) and (max-width:439px) {
}

@media (min-width: 600px) and (max-width:1023px) {
    .col-3-5[b-3xtfz9pudv], .col-4-5[b-3xtfz9pudv] {
        width: 66.66%
    }

}

@media (min-width: 600px) and (max-width:767px) {
    #map-filter ul[b-3xtfz9pudv] {
        width: 100%
    }

    #map-filter li[b-3xtfz9pudv] {
        display: block
    }

        #map-filter li a[b-3xtfz9pudv] {
            border: none;
            border-radius: 0;
            border-bottom: 1px solid #fff
        }

    #map-filter .mb-search-title[b-3xtfz9pudv] {
        background: #cb5524;
        padding: 8px 20px;
        margin: 5px 0;
        color: #fff;
        transition: background-color .5s ease-out
    }

        #map-filter .mb-search-title:hover[b-3xtfz9pudv] {
            color: #fff
        }

    #map-filter .mobile[b-3xtfz9pudv] {
        display: block
    }

    #map-filter .mobile-hidden[b-3xtfz9pudv] {
        display: none
    }
}

@media (min-width: 768px) and (max-width:1023px) {
    #map-filter li[b-3xtfz9pudv] {
        padding: 0 5px
    }
}

@media (min-width: 1024px) and (max-width:1199px) {
}

@media (min-width: 1200px) {
    .col-4-5 .tab-content[b-3xtfz9pudv] {
        padding: 15px 200px 15px 10px
    }
}
/* _content/Videotrips/Features/Products/Components/ProductDetails/ProductPricesAndAvailability.razor.rz.scp.css */
*[b-c9dnxfjp78] {
    margin: 0
}

[class*=col-][b-c9dnxfjp78] {
    float: left;
    min-height: 1px
}

.col-1-1[b-c9dnxfjp78] {
    width: 100%
}

p[b-c9dnxfjp78] {
    margin: 1em 0
}

.star-rating[b-c9dnxfjp78] {
    display: inline-flex;
    gap: 1px;
    position: relative;
    bottom: 3px;
    margin-left: 6px;
    font-size: 12px;
}

    .star-rating img[b-c9dnxfjp78] {
        height: auto;
    }

.controls input[type=button][b-c9dnxfjp78], .controls input[type=submit][b-c9dnxfjp78] {
    background: #009FE3;
    opacity: 1;
    cursor: pointer;
    color: #fff;
    border: 1px solid #00AEEF;
    padding: .7em .45em;
    text-shadow: 0 1px 1px rgba(0,0,0,.3);
    border-radius: .5em;
    transition: all .3s ease;
    font: 14px/17px Open Sans,Arial,sans-serif
}

    .controls input[type=button]:hover[b-c9dnxfjp78], .controls input[type=submit]:hover[b-c9dnxfjp78] {
        opacity: .75
    }

#tab-availability[b-c9dnxfjp78] {
    padding: 25px 20px 25px 25px
}

    .tab-content[b-c9dnxfjp78] {
        padding: 15px 20px 15px 10px
    }

        .tab-content .views-label[b-c9dnxfjp78] {
            display: block;
            font-size: 18px;
            color: #444;
            font-weight: 700
        }

        .tab-content .row.locatie .views-label[b-c9dnxfjp78], #trip-tabs .tab-content .row.photos .views-label[b-c9dnxfjp78] {
            font-size: 1.4em;
            text-align: center
        }

        .tab-content .views-text[b-c9dnxfjp78] {
            font-size: 1.3em;
            color: #444;
            margin: 5px 0 15px;
            line-height: 26px
        }

        .tab-content .row.center[b-c9dnxfjp78] {
            text-align: center
        }

        .tab-content .row.italic[b-c9dnxfjp78] {
            font-style: italic
        }

        .tab-content .row.biggerfont .views-text[b-c9dnxfjp78] {
            font-size: 1.3em;
            line-height: 30px
        }

        .tab-content .row.biggerfont .views-text h1[b-c9dnxfjp78] {
            font-weight: 700;
            font-size: 1.1em
        }

        .tab-content .row.maxwidth[b-c9dnxfjp78] {
            margin: 0 auto;
            float: none;
            max-width: 950px
        }

        .tab-content .row.maxwidth.jeverblijf span.views-label[b-c9dnxfjp78] {
            font-family: Open Sans,Arial,sans-serif;
            font-size: 18px;
            font-weight: 700;
            color: #444
        }

        .tab-content .row.teaser[b-c9dnxfjp78] {
            text-align: center;
            font-style: italic;
            padding: 0 25%
        }

        .tab-content .row.teaser span.views-label[b-c9dnxfjp78] {
            font-size: 20px;
            text-transform: uppercase;
            padding-bottom: 12px;
            font-family: Lora;
            font-style: italic;
            font-variant: normal;
            font-weight: 400;
            color: #444
        }

        .tab-content .row.teaser div.views-text[b-c9dnxfjp78] {
            font-size: 1.5em;
            margin-bottom: 32px;
            font-family: Lora;
            font-style: italic;
            font-variant: normal;
            color: #444;
            font-weight: 400
        }

.criteria[b-c9dnxfjp78] {
    display: table;
    width: 100%;
    border-bottom: 1px solid #00AEEF;
    padding: 20px 0
}

    .criteria li[b-c9dnxfjp78] {
        float: left;
        margin-bottom: .36em
    }

#arrangselectie .criteria li[b-c9dnxfjp78] {
    width: 33.33%
}

.criteria label[b-c9dnxfjp78] {
    display: block;
    margin-bottom: 10px
}

.criteria label[b-c9dnxfjp78], .criteria span[b-c9dnxfjp78] {
    font-size: 18px;
    color: #444
}

    .criteria span.agerange[b-c9dnxfjp78] {
        display: block;
        font-size: .857em;
        color: #009FE3
    }

.booking h2[b-c9dnxfjp78] {
    color: #009FE3;
    margin-top: 20px
}

table.videotripsinfo td.prompt[b-c9dnxfjp78] {
    padding-left: 10px;
    padding-right: 10px
}

.booking .styled-select[b-c9dnxfjp78], .booking input[type=text][b-c9dnxfjp78], .booking textarea[b-c9dnxfjp78], .contactform .styled-select[b-c9dnxfjp78], .contactform input[type=text][b-c9dnxfjp78], .contactform textarea[b-c9dnxfjp78] {
    border: 1px solid #00AEEF
}

    .booking input.invalid[b-c9dnxfjp78], .booking textarea.invalid[b-c9dnxfjp78], .contactform input.invalid[b-c9dnxfjp78], .contactform textarea.invalid[b-c9dnxfjp78] {
        border: 1px solid #e7302a
    }

    .booking .styled-select select.invalid[b-c9dnxfjp78], .contactform .styled-select select.invalid[b-c9dnxfjp78] {
        border: none
    }

#arrangselectie .styled-select[b-c9dnxfjp78], #arrangselectie input[type=text][b-c9dnxfjp78] {
    max-width: 160px
}

.booking .styled-select select[b-c9dnxfjp78], .booking input[type=text][b-c9dnxfjp78], .booking textarea[b-c9dnxfjp78], .contactform .styled-select select[b-c9dnxfjp78], .contactform input[type=text][b-c9dnxfjp78], .contactform textarea[b-c9dnxfjp78] {
    font-family: Arial,sans-serif;
    font-size: 18px;
    color: #444
}

.booking .styled-select[b-c9dnxfjp78]:after, .contactform .styled-select[b-c9dnxfjp78]:after {
    color: #009FE3
}

.criteria.travellers label[b-c9dnxfjp78] {
    float: left;
    width: 120px
}

.criteria.travellers .styled-select[b-c9dnxfjp78] {
    width: 60px
}

.criteria .arrtype[b-c9dnxfjp78] {
    text-align: center
}

.criteria .arrtype-icon[b-c9dnxfjp78] {
    background: url(../images/bg_arrangetype_icon.png) no-repeat 0 0;
    width: 36px;
    height: 36px;
    display: block;
    margin: 0 auto
}

    .criteria .arrtype-icon.bus[b-c9dnxfjp78] {
        background-position: -40px 0
    }

    .criteria .arrtype-icon.eigenvv[b-c9dnxfjp78] {
        background-position: -80px 0
    }

.criteria .arrtype label[b-c9dnxfjp78] {
    font-size: 1.143em;
    display: block;
    color: #333;
    font-weight: 700;
    text-transform: uppercase;
    padding-top: .429em
}

#boekingskalender[b-c9dnxfjp78] {
    font-size: 18px
}

    #boekingskalender h3[b-c9dnxfjp78] {
        font-family: Lora;
        font-style: italic;
        float: left;
        width: 100%;
        background: #009FE3;
        padding: 10px;
        margin: 10px 0;
        text-transform: uppercase;
        color: #fff;
        font-weight: 700
    }

#boekingkalender table[b-c9dnxfjp78] {
    border-collapse: collapse;
    margin: 0 auto;
    width: 100%
}

.prijskalender tr.hdr td > span[b-c9dnxfjp78] {
    display: block
}

.prijskalender td[b-c9dnxfjp78] {
    text-align: center;
    min-width: 60px;
    color: #606261;
    font-family: Arial,sans-serif;
    padding: 2px 0
}

    .prijskalender td.leftcol[b-c9dnxfjp78] {
        width: 60%;
        text-align: left
    }

    .prijskalender td.kamertype[b-c9dnxfjp78] {
        font-weight: 700
    }

td.bezetting[b-c9dnxfjp78] {
    padding-left: 10px
}

.prijskalender .prijs[b-c9dnxfjp78] {
    border-right: 1px solid #00AEEF;
    border-left: 1px solid #00AEEF
}

.prijskalender .selected[b-c9dnxfjp78] {
    background: #eff4f8;
    font-weight: 700
}

.bkcald-control[b-c9dnxfjp78] {
    position: relative
}

    .bkcald-control a[b-c9dnxfjp78] {
        display: block;
        padding: 0 5px;
        color: #009FE3
    }

        .bkcald-control a:active[b-c9dnxfjp78], .bkcald-control a:focus[b-c9dnxfjp78], .bkcald-control a:hover[b-c9dnxfjp78] {
            color: #2470a3
        }

    .bkcald-control i[b-c9dnxfjp78] {
        font-size: 1.714em
    }

    .bkcald-control a span[b-c9dnxfjp78] {
        display: inline-block;
        line-height: 1.714em
    }

    .bkcald-control.prev[b-c9dnxfjp78] {
        text-align: right
    }

    .bkcald-control.next a[b-c9dnxfjp78] {
        display: inline-flex;        
        gap: 0px;
        white-space: nowrap;
    }

#boekingskalender .legenda[b-c9dnxfjp78] {
    margin: 15px 0 5px;
    padding: 6px
}

    #boekingskalender .legenda .legendaitem[b-c9dnxfjp78] {
        width: 33%;
        float: left
    }

        #boekingskalender .legenda .legendaitem .symbol[b-c9dnxfjp78] {
            float: left;
            width: 9px;
            height: 9px;
            margin: 0 6px
        }

        #boekingskalender .legenda .legendaitem .text[b-c9dnxfjp78] {
            float: left;
            line-height: 8px
        }

        #boekingskalender .legenda .legendaitem.available .symbol[b-c9dnxfjp78] {
            background-color: #009FE3
        }

        #boekingskalender .legenda .legendaitem.onrequest .symbol[b-c9dnxfjp78] {
            background-color: #FFA800
        }

        #boekingskalender .legenda .legendaitem.unavailable .symbol[b-c9dnxfjp78] {
            line-height: 8px
        }

        #boekingskalender .legenda .legendaitem.offer .symbol[b-c9dnxfjp78] {
            background-color: #ef5927
        }

        #boekingskalender .legenda .legendaitem.available .text[b-c9dnxfjp78], .prijskalender td.available a[b-c9dnxfjp78] {
            color: #009FE3
        }

        #boekingskalender .legenda .legendaitem.onrequest .text[b-c9dnxfjp78], .prijskalender td.onrequest a[b-c9dnxfjp78] {
            color: #FFA800
        }

        #boekingskalender .legenda .legendaitem.unavailable .text[b-c9dnxfjp78], .prijskalender td.unaivalable a[b-c9dnxfjp78] {
            color: #606261
        }

        #boekingskalender .legenda .legendaitem.offer .text[b-c9dnxfjp78], .prijskalender td.offer a[b-c9dnxfjp78] {
            color: #ef5927
        }

.prijskalender td.disabled[b-c9dnxfjp78] {
    text-decoration: line-through
}

#arrangementen .controls[b-c9dnxfjp78], #boeken .controls[b-c9dnxfjp78], #contact .controls[b-c9dnxfjp78] {
    padding-top: 15px
}

    #arrangementen .controls .btn[b-c9dnxfjp78], #boeken .controls .btn[b-c9dnxfjp78], #contact .controls .btn[b-c9dnxfjp78], #emailcartForm .controls .btn[b-c9dnxfjp78] {
        color: #fff;
        background: #FFA800;
        border: 0px solid #FFA800;
        text-align: center;
        text-transform: uppercase;
        padding: 12px 15px;
        font-size: 20px
    }

        #boeken .controls .btn.prev[b-c9dnxfjp78] {
            float: left;
            background: #e3edf3;
            border: 1px solid #00AEEF;
            color: #009FE3
        }

        #boeken .controls .btn.next[b-c9dnxfjp78], #contact .controls .btn.next[b-c9dnxfjp78], #emailcartForm .controls .btn.next[b-c9dnxfjp78] {
            float: right
        }

input.date-pick[b-c9dnxfjp78] {
    background: #eff4f8 url(/images/icon-calendar.png) no-repeat center right .357em;
    padding: .357em 1em .357em .714em
}

.styled-select[b-c9dnxfjp78] {
    position: relative;
    background-color: inherit;
    width: 100%;
    border-radius: 5px;
    border: 1px solid #fff;
    overflow: hidden
}

    .styled-select[b-c9dnxfjp78]:after {
        position: absolute;
        padding: 4px 8px;
        pointer-events: none;
        content: "";
        position: absolute;
        right: 3px;
        top: 6px;
        width: 22px;
        height: 22px;
        background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" fill="none" stroke="%23009FE3" stroke-width="3" stroke-linecap="round" stroke-linejoin="round" viewBox="0 0 24 24"><polyline points="6 9 12 15 18 9"/></svg>');
        background-size: contain;
        background-repeat: no-repeat;
        pointer-events: none;
    }

.fa.pos-right[b-c9dnxfjp78] {
    float: right
}

.fa.pos-left[b-c9dnxfjp78] {
    float: left
}

.fa-angle-left[b-c9dnxfjp78] {
    position: relative;
    display: inline-block;
    width: 22px;
    height: 22px;
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" fill="none" stroke="%23009FE3" stroke-width="3" stroke-linecap="round" stroke-linejoin="round" viewBox="0 0 24 24"><polyline points="15 18 9 12 15 6"/></svg>');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center 4px;
    color: transparent;
    vertical-align: middle;
    pointer-events: none;
}

.fa-angle-right[b-c9dnxfjp78] {
    position: relative;
    display: inline-block;
    width: 22px;
    height: 22px;
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" fill="none" stroke="%23009FE3" stroke-width="3" stroke-linecap="round" stroke-linejoin="round" viewBox="0 0 24 24"><polyline points="9 18 15 12 9 6"/></svg>');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center 4px;
    color: transparent;
    vertical-align: middle;
    pointer-events: none;
}

.styled-text input[b-c9dnxfjp78] {
    width: 100%;
    border: 0
}

.styled-select select[b-c9dnxfjp78] {
    width: 100%;
    border: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

    .styled-select select:focus[b-c9dnxfjp78] {
        outline: none
    }

    .styled-select select[b-c9dnxfjp78]::-ms-expand {
        display: none
    }

.styled-checkbox input[b-c9dnxfjp78], .styled-radio input[b-c9dnxfjp78] {
    position: absolute;
    left: -9999px
}

    .styled-checkbox input + label[b-c9dnxfjp78], .styled-radio input + label[b-c9dnxfjp78] {
        position: relative;
        cursor: pointer
    }

        .styled-checkbox input + label[b-c9dnxfjp78]:before, .styled-radio input + label[b-c9dnxfjp78]:before {
            content: "";
            background: #fff;
            border: 1px solid #d9531e;
            display: inline-block;
            vertical-align: middle;
            width: 14px;
            height: 14px;
            padding: 1px;
            margin: 0 10px 2px 0;
            text-align: center;
            border-radius: 3px
        }

    .styled-checkbox input:checked + label[b-c9dnxfjp78]:before, .styled-radio input:checked + label[b-c9dnxfjp78]:before {
        background: #d9531e;
        border-radius: 2px;
        box-shadow: inset 0 0 0 1px #fff
    }

    .styled-radio input + label[b-c9dnxfjp78]:before, .styled-radio input:checked + label[b-c9dnxfjp78]:before {
        border-radius: 50%
    }

.styled-checkbox [type=checkbox]:checked:focus + label[b-c9dnxfjp78]:before, .styled-checkbox [type=checkbox]:not(:checked):focus + label[b-c9dnxfjp78]:before {
    border: 1px solid #9e3911
}

.styled-radio label:hover[b-c9dnxfjp78] {
    color: #d9531e
}

    .styled-checkbox label:hover[b-c9dnxfjp78]:before, .styled-radio label:hover[b-c9dnxfjp78]:before {
        border: 1px solid #b3d4fc !important
    }

.styled-select select.invalid[b-c9dnxfjp78] {
    border: 1px solid #e7302a;
    box-shadow: 0 0 5px 1px #e7302a
}

.ui-widget[b-c9dnxfjp78] {
    font-family: Open Sans,Arial,sans-serif;
    font-size: 14px
}

.ui-widget-content[b-c9dnxfjp78] {
    color: inherit
}

.ui-datepicker[b-c9dnxfjp78] {
    width: 20em;
    z-index: 3 !important
}

    .ui-datepicker td a[b-c9dnxfjp78], .ui-datepicker td span[b-c9dnxfjp78] {
        text-align: center
    }

    .ui-datepicker select.ui-datepicker-month[b-c9dnxfjp78], .ui-datepicker select.ui-datepicker-year[b-c9dnxfjp78] {
        width: 45%;
        padding: 2px 4px;
        color: #000
    }

    .ui-datepicker select.ui-datepicker-year[b-c9dnxfjp78] {
        margin: 1px 0 1px 5px
    }

.ui-datepicker-today a.ui-state-highlight[b-c9dnxfjp78] {
    background-image: none !important;
    background-color: #9c070c;
    border: 1px solid #9c070c;
    color: #fff
}

    .ui-datepicker-today a.ui-state-highlight:hover[b-c9dnxfjp78] {
        background-color: #ca0b10
    }

.ui-autocomplete-loading[b-c9dnxfjp78] {
    background-image: url(../images/spinner20x20.gif) !important;
    background-repeat: no-repeat !important;
    background-position: center right .357em !important
}

.ui-autocomplete[b-c9dnxfjp78] {
    max-height: 255px;
    overflow-y: auto;
    overflow-x: hidden;
    padding: 2px 5px 2px 0;
    border-radius: 5px
}

* html .ui-autocomplete[b-c9dnxfjp78] {
    height: 255px
}

    .ui-autocomplete .ac-highlight[b-c9dnxfjp78] {
        color: #cb5524
    }

.clearfix[b-c9dnxfjp78]:after, .clearfix[b-c9dnxfjp78]:before {
    content: "";
    display: table
}

.clearfix[b-c9dnxfjp78]:after {
    clear: both
}

.clearfix[b-c9dnxfjp78] {
    zoom: 1
}

@media (max-width: 1000px) {

}

@media (max-width: 900px) { 
  
    #boekingskalender .legenda .legendaitem[b-c9dnxfjp78] {
        width: 100%;
        height: 24px
    }

    #arrangselectie .criteria li[b-c9dnxfjp78] {
        width: 50%
    }

    #arrangselectie .criteria.traveldata li[b-c9dnxfjp78] {
        height: 60px
    }

    #arrangselectie .criteria.travellers li[b-c9dnxfjp78], .criteria li[b-c9dnxfjp78] {
        width: 100%
    }

    .prijskalender td[b-c9dnxfjp78] {
        min-width: auto
    }

        .prijskalender td.prijs[b-c9dnxfjp78] {
            padding: 2px 5px
        }
}

@media (max-width: 680px) {
  
}

@media (min-width: 900px) and (max-width:1150px) {

}

@media (max-width: 390px) {

}

@media (max-width: 900px) {

}

@media (max-width: 1100px) {

}

@media (max-width: 320px) {

}

@media (min-width: 321px) and (max-width:360px) {

}

@media (min-width: 361px) and (max-width:424px) {

}

@media (min-width: 425px) and (max-width:439px) {

}

@media (min-width: 600px) and (max-width:1023px) {

}

@media (min-width: 600px) and (max-width:767px) {

}

@media (min-width: 768px) and (max-width:1023px) {

}

@media (min-width: 1024px) and (max-width:1199px) {

}

@media (min-width: 1200px) {

}
/* _content/Videotrips/Features/Products/Components/ProductDetails/ProductSection.razor.rz.scp.css */
*[b-kdfhmowmhy] {
    margin: 0
}

[class*=col-][b-kdfhmowmhy] {
    float: left;
    min-height: 1px
}

/* BEGIN: Algemene info */

.algemene-info[b-kdfhmowmhy] {
    text-align: center
}

    .algemene-info h1.title[b-kdfhmowmhy] {
        font-family: Lora;
        font-size: 24px;
        font-weight: 700;
        margin: 0;
        text-transform: uppercase;
        color: #009FE3;
        line-height: 24px
    }

    .algemene-info h2.accommodation[b-kdfhmowmhy] {
        font-family: Lora;
        color: #009FE3;
        font-size: 22px;
        font-style: italic;
        font-weight: 500;
        line-height: 24px;
        text-transform: uppercase;
        padding: 2px 0
    }

    /* BEGIN: accomodation images blue arrows*/

    .algemene-info h2.accommodation[b-kdfhmowmhy] {
        display: flex;
        align-items: center;
        justify-content: center; /* of flex-start als je ze links wilt uitlijnen */
        gap: 0px; /* ruimte tussen tekst en icoontjes */
        padding: 3px 0 7px;
    }

        .algemene-info h2.accommodatienaam img[b-kdfhmowmhy] {
            height: auto;
        }

    /* END: accomodation images blue arrows*/

/* END: Algemene info */

.grid[b-kdfhmowmhy] {
    position: relative;
    width: 100%;
    max-width: 1400px;
    margin: 0 auto;
}

.tabs[b-kdfhmowmhy] {
    display: flex;
    flex-direction: column;
    align-items: center;
/*    width: 85%;*/
}

    .tabs nav[b-kdfhmowmhy] {
        display: flex;
        justify-content: center;
        border-bottom: 1px solid #D7D7D7;
        width: 100%;
        gap: 3px;
        padding-bottom: 0px;
    }

.tab-button[b-kdfhmowmhy] {
    background: transparent;
    border: 1px solid #D7D7D7;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    padding: 6px 20px;
    font-size: 1rem;
    cursor: pointer;
    color: #888;
    outline: none;
}

    .tab-button.active[b-kdfhmowmhy],
    .tab-button[aria-selected="true"][b-kdfhmowmhy] {
        background: #EFF4F8;
        color: #444;
        border-bottom: 0px;
    }

.tab-panel[b-kdfhmowmhy] {
    width: 100%;
    max-width: 1400px;
    padding: 16px 0 0 0;
    background: transparent;
}

/* Begin #trip-tabs*/
.tabs[b-kdfhmowmhy] {
    background: transparent;
    border: none;
    font-size: 14px; /* should be UI-Widget size */
}

.tabs h3.accordion-title[b-kdfhmowmhy] {
    display: none
}

.mobile-tabs h3.accordion-title[b-kdfhmowmhy] {
    display: block;
    position: relative;
    font: 700 18px/18px Open Sans,arial,sans-serif;
    padding: 7px 15px 10px 30px;
    white-space: nowrap;
    overflow: hidden;
    border: 1px solid #00AEEF
}

.accordion-title.ui-state-default[b-kdfhmowmhy] {
    color: #009FE3
}

.accordion-title.ui-state-active[b-kdfhmowmhy] {
    background: #009FE3;
    color: #fff
}

/*.mobile-tabs nav {
    display: none
}*/

.ui-widget-content[b-kdfhmowmhy] {
    color: #000
}

.ui-widget-header[b-kdfhmowmhy] {
    background: transparent;
    border: none;
    border-bottom: 1px solid #d7d7d7;
    border-radius: 0;
    width: 85%;
    margin: auto
}

.ui-tabs-nav .ui-state-active[b-kdfhmowmhy], .ui-tabs-nav .ui-state-default[b-kdfhmowmhy] {
    border-radius: 10px 10px 0 0;
    border: 1px solid #d7d7d7;
    left: 30%
}

.ui-tabs-nav .ui-state-default[b-kdfhmowmhy] {
    background: #fff
}

.ui-tabs-nav .ui-state-active[b-kdfhmowmhy] {
    background: #eff4f8
}

.ui-tabs-nav .ui-state-default a[b-kdfhmowmhy] {
    color: #888
}

.ui-tabs-nav .ui-state-active a[b-kdfhmowmhy] {
    color: #444
}

nav a:hover[b-kdfhmowmhy] {
    color: #333
}

ul li a[b-kdfhmowmhy] {
    position: relative;
    font: 18px/18px Open Sans,arial,sans-serif;
    white-space: nowrap;
    overflow: hidden
}

.ui-tabs-nav .ui-state-active a[b-kdfhmowmhy]:after {
    bottom: -8px;
    content: "";
    height: 15px;
    left: 50%;
    margin-left: -7px;
    position: absolute;
    width: 15px;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg)
}
/* End #trip-tabs*/
/* _content/Videotrips/Features/Products/Components/ProductDetails/ProductStickyButton.razor.rz.scp.css */
*[b-587lzipz9a] {
    margin: 0
}

[class*=col-][b-587lzipz9a] {
    float: left;
    min-height: 1px
}

.boeknuspacer[b-587lzipz9a] {
    width: 100%;
}

#boeknufixed[b-587lzipz9a] {
    position: fixed;
    bottom: 0px;
    left: 0px;
    z-index: 9;
    width: 100%;
    background-color: #009FE3;
    padding: 6px;
    text-align: center;
    line-height: 47px;
    text-transform: uppercase
}

    #boeknufixed div.tripname[b-587lzipz9a] {
        width: auto;
        color: #fff;
        font-size: 28px;
        display: inline-block;
        margin-left: 110px
    }

    #boeknufixed div.button[b-587lzipz9a] {
        float: right;
        width: 200px;
        background-color: #ffa800;
        border-radius: 10px;
        height: 48px
    }

        #boeknufixed div.button a[b-587lzipz9a] {
            font-size: 24px;
            color: #fff;
            text-decoration: none
        }

    #boeknufixed div.tripname .discount[b-587lzipz9a] {
        background-image: url(/images/prijssticker.png);
        background-repeat: no-repeat;
        margin-bottom: 0px;
        margin-left: 10px;
        min-width: 90px;
        float: right;
        font-size: 14px;
        color: #777;
        font-style: italic;
        font-variant: small-caps;
        transform: rotate(-6deg);
        transform-origin: center;
    }
/* _content/Videotrips/Features/Products/ProductDetails.razor.rz.scp.css */
*[b-voe4l3b078] {
    margin: 0
}

[class*=col-][b-voe4l3b078] {
    float: left;
    min-height: 1px
}
/* _content/Videotrips/Features/Products/ProductOverview.razor.rz.scp.css */
[b-fwjrjadff7] a {
    font-family: Open Sans, Arial, sans-serif;
    font-size: 16px;
    line-height: 17px;
    color: #333;
    overflow-x: hidden;
}

*[b-fwjrjadff7] {
    margin: 0
}

[class*=col-][b-fwjrjadff7] {
    float: left;
    min-height: 1px
}

/* Trips sectie */
.trips[b-fwjrjadff7] {
    margin-bottom: 15px;
}

.trips-list li.trip[b-fwjrjadff7] {
    padding: 0 1.6em 1.6em 0;
}

.trip .featured-item[b-fwjrjadff7] {
    border: none;
    overflow: hidden;
}

.trips .featured-photo[b-fwjrjadff7] {
    position: relative;
}

    .trips .featured-photo img.poster[b-fwjrjadff7] {
        width: 100%;
        border-radius: 0.5em;
    }

.trips .featured-tag[b-fwjrjadff7] {
    position: absolute;
    top: 20px;
    left: 65%;
    width: 33%;
    max-width: 440px;
}

    .trips .featured-tag .discount[b-fwjrjadff7] {
        background: url(images/prijssticker.png) no-repeat;
        margin-bottom: 0;
        min-width: 90px;
        max-width: 300px;
        float: right;
        font-size: 14px;
        color: #777;
        font-style: italic;
        font-variant: small-caps;
        text-align: center;
        padding: 4px 8px 0 0;
        line-height: 40px;
        transform: rotate(-6deg);
        transform-origin: center;
    }

.trips .playbutton-tag[b-fwjrjadff7] {
    position: absolute;
    top: 40%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    max-width: 440px;
}

    .trips .playbutton-tag img[b-fwjrjadff7] {
        display: block;
        margin: 0 auto;
        width: 14%;
    }

/* Info overlay */
li.trip .featured-item figure figcaption[b-fwjrjadff7] {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    background: hsla(0, 0%, 100%, .9);
    padding: 12px 0 12px 12px;
}

li.trip .featured-item figcaption h2 a[b-fwjrjadff7] {
    color: #333;
    text-decoration: none;
    font-size: 18px;
    font-weight: 400;
}

/* Hover info */
.trips .hover-info[b-fwjrjadff7] {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 87px;
    background: #009FE3;
    text-align: center;
    color: #fff;
    border-radius: 0 0 6px 6px;
}

    .trips .hover-info .accommodatienaam[b-fwjrjadff7] {
        display: flex;
        align-items: center;
        justify-content: center; /* of flex-start als je ze links wilt uitlijnen */
        gap: 0px; /* ruimte tussen tekst en icoontjes */
        padding: 3px 0 7px;
    }

        .trips .hover-info .accommodatienaam img[b-fwjrjadff7] {
            height: auto;
        }

    .trips .hover-info .trip-tags[b-fwjrjadff7] {
        display: inline-block;
        font-size: 15px;
        text-transform: uppercase;
    }

    .trips .hover-info .trip-tag[b-fwjrjadff7] {
        border: 1px solid #fff;
        border-radius: 5px;
        margin: 0 4px 4px;
        float: left;
        padding: 10px;
    }

/* Hover states */
.hover-info[b-fwjrjadff7],
.nohover-info[b-fwjrjadff7] {
    transition: opacity 0.0s;
}

.hover-info[b-fwjrjadff7] {
    opacity: 0;
    pointer-events: none;
}

.nohover-info[b-fwjrjadff7] {
    opacity: 1;
}

.hover-container:hover .hover-info[b-fwjrjadff7] {
    opacity: 1;
    pointer-events: auto;
}

.hover-container:hover .nohover-info[b-fwjrjadff7] {
    opacity: 0;
    pointer-events: none;
}