html {
	background-color: @pv-html-background-color;
	@pv-html();
}

/* iOS scrolling */
html.touchscroll 
{
	overflow-y: scroll;
	position:relative;
	height: auto;
	min-height:100vh;
	-webkit-overflow-scrolling: auto;

	body 
    {
		overflow:hidden;
		-webkit-overflow-scrolling: auto;
		position:relative;
		max-height:100%;
	}
}
/* iOS scrolling */

a,a:visited
{
	color:@color-secondary;
	@pv-default-link();
}
a:hover {
	color: @color-secondary-dark-25;
}
  
html.u-d
{
filter:  progid:DXImageTransform.Microsoft.BasicImage(rotation=2);  /* IE6,IE7 */
ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2)"; /* IE8 */
.transform( rotate(-180deg) );
position: absolute; 
}
html.l-r
{
    .transform( scale(-1, 1) );
}

body:not(.home):not(.template) #content,
body.template.static #content,
body.template.splash-page #content
{
	@pv-template-content();
}

form > iframe { display:none; }

/* PARTNERS */
.partner 
{
	width:113px;
    height:50px;
    margin-left:17px;

    span 
    {
        background: url(img/Base/logo/extras.png) no-repeat left top;
	    width:113px;
        height:50px;
	    display:block;
        float:left;
        overflow:hidden;
        text-indent:-9999px; 

        &.weather { background-position:0 -108px;height:63px; }
        &.unigarant { background-position:0 -205px;height:45px; }
        &.allianz { background-position:0 -250px;height:45px; }
    }
}

body.book .partner span.unigarant {
    /* Poets de witte achtergrond van het plaatje weg. */
    mix-blend-mode: multiply;
}

/* Autoverhuur */
.car.logo span {
    display:block;
    overflow:hidden;
    text-indent:-9999px;
    width:67px;
    height:30px;

    &.avis { background-position:0 0; }
    &.europcar { background-position:0 -30px; }
    &.hertz { background-position:0 -60px; }
    &.budget { background-position:0 -90px; }
    &.dollar { background-position:0 -120px; }
    &.thrifty { background-position:0 -150px; }
    &.alamo { background-position:0 -180px; }
    &.national { background-position:0 -210px; }
}


/* END sprites */


#header
{
	background-color:@pv-header-background-color;
    float:left;
    width:100%;
    position:relative;
	@pv-header();
}
h1 { margin:0;font-size:20px; }



    @import "./components/styles/styles_fluid-header.less";


#site
{
	@pv-site();
}

#content
{
	background:@pv-content-background-color;
    float:left;
    width:100%;
	overflow:hidden;
	position:relative;
	min-height:100%;
	@pv-content();

	.container
	{
		@pv-content-container();
	}
}

body {
	font-family:@pv-font-default;
	font-size:@pv-font-size-default;
	line-height:@pv-line-height-default;
}

body.detail #content
{
	min-height:50px;
	padding-bottom:0;
	position:static;
    background:@pv-detail-content-background !important;
}

body.book #content, 
body.complete #content
{

    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#92d0f9+0,e4f3fd+6,e4f3fd+100 */
    .linear-gradient( 
        @origin: top; 
        @direction: to bottom;
        @start-color:#92d0f9;
        @stops: #92d0f9 0%,@pv-color-light-blue 6%,@pv-color-light-blue 100%;
    );

}

#content-center, 
#content-bottom
{
	float:left;
	width:100%;
	position:relative;
	padding:10px 0 20px 0;
}

#header, 
#content, 
#content-center, 
#content-bottom, 
#footer, 
#footer-bottom
{
}

#header .container,
#content .container,
#content-center .container,
#content-bottom .container,
#footer .container
{
	position:relative;
	width:@pv-site-container-width;
	padding:@pv-site-container-padding;
	margin:0 auto;
}

/* Fix for mix-blend-mode not working in Safari 11 */
#content .container {
    /* static or initial would work too, but with unset we're */
    /* making sure that IE11 ignores it and thus won't break. */
    position: unset;
}

body.upsell #content .container,
body.book #content .container
{
	position:relative;
}

#content-center
{
	background:@pv-detail-content-center-background;
}

#content-bottom
{
	@pv-detail-content-bottom();
}

	/*
		Op de detailpagina is de #content / #content .container niet zo groot, deze heeft position:relative en er staat een overflow:hidden op.
		Omdat de autocomplete een absoluut gepositioneerd element is binnen #content .container viel deze grotendeels buiten dit blok (en was dus onzichtbaar).
		Het lijkt opgelost wanneer de position:relative weg is van de #content .container (dit is degene die ook de overflow hidden heeft)
	*/
	body.detail #content .container
	{
		position:static;
	}

	#content-bottom .container {
		min-height:800px;
	}

    body.detail #content-bottom .container {
        min-height: 910px;
    }

    @import "./components/styles/styles_header.less";


.search-box
{
	padding:@search-box-padding;
}
.last-minute-box .search-box {
	padding:0 5px 0 5px;
}




@import "./components/styles/styles_autocomplete.less";
@import "./components/styles/styles_photo.less";

.fb_link
{ 
    text-decoration: none;
    &:hover { text-decoration: underline; }
}

@import "./components/styles/styles_searchbox.less";
@import "./components/styles/styles_targetgroups.less";
@import "./components/styles/styles_searchparameters.less";
@import "./components/styles/styles_banners.less";


		#search-results-column .box-header 
        {
			padding:0;
			@pv-searchresults-header();

            a.tab 
            {
				display:block;
				float:left;
				text-decoration:none !important;
                font-style:normal;

				@pv-searchresults-tab();

			    &.inactive 
                {
                    @pv-searchresults-tab-inactive();
			    }
		    }
		}

		



.widget-box {
	position:relative;
	z-index:5;
	margin-bottom:10px;
}
body.travelparty .widget-box { position:static; }



body.dossier div.box-text div.col8
{
	width:606px;
}

body.dossier div.box-text div.col4
{
	width:298px;
}

#content-bottom .sidebar > div.box .box-content a.text-link {
	margin-top:15px;display:block;float:left;
}

.box-content a
{
	text-decoration:underline;
}

#partners
{
    p 
    {
    	margin:0 0 20px 0;

        &.visible-phone { margin-bottom: 10px; }
    }

    .box-content 
    {
    	min-height:90px;
    }
} 

#newsletter
{
    .box-content
    {
	    min-height:87px;

        p 
        {
    		line-height:14px;
	    }
    }

    input
    {
	    width:280px;
	    margin:5px 0 8px;

	    &.start
	    {
		    font-style:italic;
	    }
    }
} 


.check-list li
{
	font-weight:bold;
	font-size:13px;
	line-height:28px;
	/*padding-left:20px;*/
	text-transform:uppercase;
    /*background:url(../../img/Base/ico/vinkje.png) no-repeat left center;*/
	color:@pv-color-black;
}

a.link-about
{
	font-size:12px;
	font-weight:bold;
	text-transform:uppercase;
	text-decoration:underline;
    color:@pv-color-blue;

    .cufon{ border-bottom: solid 1px @pv-color-blue; }
}


.box-content a.deal-guarantee {
    position: absolute;
    top: -30px;
    right: 0;
    width: 96px;
    height: 96px;
    		background-size: contain;
		background-image: url(img/Base/elements/pc/Badge_besteprijsgarantie.svg);
		background-repeat: no-repeat;
		filter: drop-shadow( 0px 100px 80px rgba(0, 0, 0, 0.07)) drop-shadow( 0px 41.7776px 33.4221px rgba(0, 0, 0, 0.0503198)) drop-shadow( 0px 22.3363px 17.869px rgba(0, 0, 0, 0.0417275)) drop-shadow( 0px 12.5216px 10.0172px rgba(0, 0, 0, 0.035)) drop-shadow( 0px 6.6501px 5.32008px rgba(0, 0, 0, 0.0282725)) drop-shadow( 0px 2.76726px 2.21381px rgba(0, 0, 0, 0.0196802));
}

.to > li
{
	float:left;width:72px;margin-bottom:10px;
}

.col4 .box-content .textbox
{
	width:278px;
}

	/*@import "./components/styles/styles_buttons_OLD.less";*/
	@import "./components/styles/styles_buttons.less";
    @import "./components/styles/styles_footer.less";
    @import "./components/styles/styles_social.less";
    @import "./components/styles/styles_payment.less";

/* 
	==============================================================================
	RESULTATENPAGINA
*/

.breadcrumb
{
	.box-sizing();
	width:100%;
	margin-top:8px;
	margin-bottom:10px;
    color:@pv-breadcrumb-link-color;
	line-height:14px;
	position:relative;
	z-index:1;
	float:left;
	clear:both;
	@pv-breadcrumbs();

    li 
    {
    	float:left;	

        &.active
    	{
    		color:@pv-breadcrumb-active-color;
	    }

	    &.spacer
	    {
    		padding:0 5px;
    	}
    }

	a
	{
		text-decoration:none;
		display:block;
        color:@pv-breadcrumb-link-color;
		font-weight:@pv-font-weight-regular;

		&:first-letter
		{
			text-transform: capitalize;
		}
	}
}
body.template .breadcrumb {  }




.last-min-bc 
{
    position:relative;
	@pv-last-min-bc();

    &::before 
    {
		@pv-last-min-bc-before();
    }
}

.button-box 
{
	text-align:right;
	margin-top:5px;
	margin-bottom:10px;
}

#search-filters-column > .content, 
.sidebar > .content  
{
	padding: @pv-searchfilters-padding;
	background:#fff;
	margin:0 0 10px 0;
}

    @import "./components/styles/styles_sidebar.less";
    @import "./components/styles/styles_searchoverview.less";
    @import "./components/styles/styles-searchfilters.less";
    @import "./components/styles/styles_contactbox.less";
    @import "./components/styles/styles_geotree.less";

a.sort
{
	padding-right:28px;
	line-height:17px;
	text-decoration:none;
	font-size:12px;
    background:url(../../img/Base/elements/pc/pull-down_geel.png) no-repeat right center;
	color:#000;
}

.overview
{
	position:relative;
	margin:0;
	width:100%;
    background:#fff;
	.box-sizing();
	padding:0 2px;


	h3
	{
		font-size:16px;
		line-height:25px;
        color:@pv-color-red;
	}
	label
	{
		font-size: 14px;
		line-height:25px;
		vertical-align:middle;
        color:#000;
	}
	.sort-list
	{
		margin-left:10px;
	}
}

.customer-review-box .overview
{
	padding:0;
}

.search-results-footer {
	line-height:24px;
}

.number-results {
    margin-top:25px;
}

.paging
{
        margin-top:20px;

	span
	{
		float:left;
		display:block;
		padding:0 8px;
        margin-top:7px;
	}

	a 
    {
		float:left;
		&:not(.prev):not(.next):not(.Active){
			color:@color-primary;
			font-weight:@pv-font-weight-regular;
			&:hover{
				color:@color-primary-dark-25;
			}
		}

        &:not(.btn-rood)
	    {
		    padding:5px 8px;
		    text-decoration:none;
		    font-size:14px;
		    text-decoration:underline;
	    }
	    &.prev { text-align:right; width: 140px; margin-right:10px;	}
	    &.next { width: 140px; margin-left:10px;float:right; }
		/*
		&.btn-rood{
			border: 1px solid #0077BF;
			background:#fff;
			color: #0077BF !important;
			letter-spacing: 0.03em;
			text-transform: uppercase;
			font-weight: bold;
			font-size: 10px;
			line-height: 12px;
			box-shadow:none;
			padding: 10px 14px 10px 16px;
			max-width:102px;

			&.next{
				&::after{
					background:url('img//Base/ico/2021/General/Arrow Right.svg') no-repeat 0 0;
				}
			}

			&.prev{
				&::after{
					background:url('img//Base/ico/2021/General/Arrow Left.svg') no-repeat 0 0;
				}
			}

			&::after{
					
					background-size:12px 12px;
					bottom:6px;
					right:6px;
			}
			
			&:hover{
				box-shadow:none;
				transform:none;
				background:#0077BF;
				color:#fff !important;

				&.next{
				&::after{
					background-image:url('img//Base/ico/2021/General/Arrow Right - White.svg');
				}
				}

				&.prev{
				&::after{
					background-image:url('img//Base/ico/2021/General/Arrow Left - White.svg');
				}
				}
			}
		}
		*/
		&.Active 
        {
			text-decoration:none;
            color:#000;
		}
	}

    a:not(:last-child):not(.last):not(.btn-rood),
    span 
    { 
        border-right:@pv-paging-pagenumber-borderright; 
    }
}

    @import "./components/styles/styles_photocarousel.less";
    @import "./components/styles/styles_searchresults.less";
    @import "./components/styles/styles_pricelabel.less";



.review
{
	position:relative;
	height:36px;

	a
	{
		@pv-review-link();
	}
}
.detail .review {
    margin-top:10px;
    a {
	    @pv-detail-review-link();
    }
}

.roset
{
	font-weight:bold;
	@pv-roset();

	&.big 
    {
		@pv-roset-big();

	}
	&.huge 
    {
		@pv-roset-huge();
	}

	small
	{
		@pv-roset-small();
	}
}

.options
{
	margin-top:10px;
	height:21px;
	width:100%;
    background-color:#b8e2fb;

	.content
	{
		padding:5px;

		& > div
		{
			float:left;
		}

		input
		{
			height:12px;
			width:12px;
			vertical-align:baseline;
            border: 1px solid @pv-color-blue;
		    background: #fff;
		    color: #000;
		}

		label
		{
			margin-right:5px;
		}

	    & > .watched
	    {
		    float:right;
		    margin-right:10px;

            strong
	        {
		        color:@pv-color-red;
	        }
	    }
	}
}



/* 
	RESULTATENPAGINA
	==============================================================================
*/

    @import "./components/styles/styles_travelparty.less";
    @import "./components/styles/styles_searchfluidpopup.less";



	a.close
	{
		position:absolute;
		right:4px;
		top:4px;
		width:22px;
		height:22px;
        color:#000;
		z-index:99;
		text-decoration:none;
		@pv-close();

	    &.red
	    {
		    position:relative;
		    right:12px;
		    top:12px;
		    width:20px;
		    height:20px;

            &::after
            {
                content:'×';
                color:#fff;
                font-family:@pv-font-twc-bold;
                font-size:16px;
                line-height:16px;
                text-align:center;
                width:100%;
                height:100%;
                display:block;
            }
			@pv-close-red();
        }
    }

	.popUpBox a.close.red 
    {
		position:absolute;
		top:20px;
		right:20px;
	}
	
	input.close.red.small
	{
		width:13px;
		height:13px;
		border:0px;
        background:url(../../img/Base/button/pc/close_rood_small.png) no-repeat left top;
	}




.waitBoxContainer
{
	width:100%;
	height:100%;
	position:fixed;
	top:0px;
	left:0px;
	z-index:9999;

    .wait-box
    {
	    position:relative;
	    margin:0 auto;
	    top:0px;
	    left:0px;
    }
}

.wait-box
{
	width:360px;
	height: 140px;
	padding:10px 7px;
	z-index:9999;
	position:absolute;
	top:80px;
	left:314px;
	text-align:center;
	@pv-wait-box();

	span.message
	{
		margin:0 0 10px 0;
		@pv-wait-box-h5();
		width:100%;
		float:left;
		clear:both;
		font-family: Titillium Web;
		font-style: normal;
		font-weight: bold;
		font-size: 20px;
		line-height: 24px;
		letter-spacing: -0.02em;
		color: #333333;
	}
}



	ul.wait-anim li
	{
		margin-right:2px;
	
		.dollar
		{
			width:38px;
			height:55px;
		    background: url(../../img/Base/elements/pc/dollarteken_even-wachten-aub.png) no-repeat left top;
        }
    }

.wait-box-big
{
	width:360px;
    height:90px;
    padding:10px 174px;
    z-index:15;
	position:absolute;
    top:500px;
    left:0;
	text-align:center;
	@pv-wait-box-big();

	h5
	{
		font-size:18px;
		margin:0 0 10px 0;
		@pv-wait-box-big-h5();
	}

    ul li
    {
        margin-right:2px;

        .dollar
		{
			width:38px;
			height:55px;
            background: url(../../img/Base/elements/pc/dollarteken_even-wachten-aub.png) no-repeat left top #fff;
		}
    }
}
		

@import "./components/styles/styles_elements.less";


/* error pagina */
.error-holder {
	position: relative;
	margin-top: 10px;
	min-height: 300px;
	color: @pv-color-red;

	& > .content {
		padding: 10px;
	}

	.titleHolder {
		min-height: 86px;
	}

	.title {
		line-height: 32px;

		/* Overwrite .red css class */
		color: #333 !important;
		
		font-family: 'Titillium Web';
		font-size: 24px;
		font-style: normal;
		font-weight: bold;

		/*margin-left:135px;*/
	}

	.emoticon {
		font-size: 120px;
		margin: 30px 0 0 35px;

		/* Hide emoticon in d-reizen, so we move him to here --> :( */
		display: none;
	}

	p {
		color: @pv-color-black;
		width: 100%;
		font-size: 14px;
	}
}

.sitemap
{
	font-size:11px;

    li.col::before{ content:none !important; }

    dl
    {
        margin-bottom:10px;
		@pv-sitemap-dl();

        dt
        {
            
			@pv-sitemap-dt();
        }
    }
}


	/*Deze is nodig omdat anders de tablet versie wordt overgenomen, en deze is juist aangemaakt om in dit specifiek geval de col9 te herschalen zodat ie WEL langs de sidebar komt te staan*/
	.sitemap.content.col9 {
		width:710px;
	}



.phone-filterbox
{
	display:none;
}



/* DETAILPAGINA */
    @import "./components/styles/styles_detail-page.less";

     


	#content-bottom .content-box .content, .book .content-box .content, .complete .content-box .content, .priceBuildUpBox .content-box .content,
	body.dossier .content-box .content
	{
		padding:0;
		width:100%;
		.box-sizing();
		background:white;
	}



        @import "./components/styles/styles_accommodation-info.less";






.book .content-box:first-child, .complete .content-box:first-child
{
	margin-top:44px;
}

.book .popUpBox .content-box{ margin-top: 0px !important;}

	.book .content-box .col4, .complete .content-box .col4, .dossier .content-box .col4
	{
		.box-sizing();
		margin-right:0;
		width:298px;
	}
		

@import "./components/styles/styles_accommodation-review.less";
@import "./components/styles/styles_calendar.less";
@import "./components/styles/styles_accommodation-weather.less";


.top-popup 
{
    position:absolute;
	z-index:1000;
	top:35px;
	right:0px;
	width:286px;
	overflow:hidden;
	
	padding:10px 10px 10px 10px;

	input[type="text"], 
    input[type="password"], 
    input[type="email"]{
		width:134px !important;
	}
	@pv-top-popup();
}

    @import "./components/styles/styles_loginform.less";
    @import "./components/styles/styles_visitedaccos.less";


	#header .close.red {
		position:absolute;
	}


    @import "./components/styles/styles_accommodation-map.less";


.tv li 
{
	float:left;
	margin-right:8px;
	list-style:none !important;
	background:none !important;
	line-height: 36px;
	padding-left:0;

    &:last-child { margin-right: 0; }

	span 
    {
		display:block;
		width:40px;
		height:40px;
		overflow:hidden;
		text-indent:-9999px;

		&.nl1 { background-position:0 0; }
		&.nl2 { background-position:-43px 0; }
		&.nl3 { background-position:-85px 0; }
		&.rtl4 { background-position:-138px 0; }
		&.net5 { background-position:-190px 0; }
		&.sbs6 { background-position:-238px 0; width:24px; }
	}
}
	
ul.check-list .tv 
{
	float:left;
    margin:5px 0 5px 20px;
    width:100%;
    .box-sizing();
}

@import "./components/styles/styles_matrix.less";
@import "./components/styles/styles_receipt.less";
@import "./components/styles/styles_book-and-complete.less";
@import "./components/styles/styles_infoballoon.less";


.overview .phone-filterbox input {
	margin-right:5px;
}
.overview .phone-filterbox label {
	line-height:14px;
	cursor:pointer;
}

.actionvationError p{
    margin: 3px 0;
}

.actionvationError .fixList li{
    margin-left: 5px;
}


@import "./components/styles/styles_help.less";

.box-text 
{
	padding:20px 30px 20px 30px;
	margin: 0 0 10px 0;    
	line-height:16px;
	@pv-box-text();

	h1 
    {
		padding-left: 0;
		margin-bottom: 10px;
		margin-top:0;

		@pv-box-text-h1();
	}

	ul:not(.no-icon) {
	    li::before {
	        @pv-list-bullet();
		}
	}
}

.help .box-text {

	@pv-help-boxtext();
}




.form 
{
	margin:10px 0 0 0;

    li 
    {
        margin: 0 0 3px 0;
    }
}



.forgotPassword .form li
{
    input[type="text"]{ width: 247px;margin-bottom:10px; }
    label{ width: 120px;float: left;margin-top: 4px;}
    .btn-rood { margin-left:87px;display:inline-block; }
}

@import "./components/styles/styles_formvalidation.less";

.popupshow.infoBalloon
{
	margin-top:-4px;
}

.content-box.fl.cb .content .description .row .popupshow.infoBalloon {
	float:none !important;
	margin-left:5px;
}

.popupOverLay {
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 1002;
	background-color: rgba(0,0,0,.25);
	backdrop-filter: blur(4px);
	animation: fadeIn ease .3s;
}

@import "./components/styles/styles_popup.less";

.viewOtherTextType{ margin: 5px 0; display: block;}

.packageTextOrigin
{
	width:100%;
	float:left;
	.box-sizing();
    @pv-packagetextorigin();
	margin: 20px 0;
	line-height:20px;

	h4{
		font-family:'Lato' !important;
        line-height: 24px;
        font-size: 20px !important;
		font-weight:bold;
		letter-spacing:0 !important;
		margin-bottom:2px !important;
	}

	li { 
		list-style:disc !important;	
		margin-left:20px;
		list-style-position:outside !important;
		text-align:justify;
		&:not(:last-child){
			margin-bottom:8px;
		}
	}
}

.row.popup-informationaccommodation.no-content + .row > .packageTextOrigin {
	margin-top:0;
}

.callBackForm
{
    .close
	{ 
		@pv-callbackform-close();
    }

    ul.form
    {
        padding: 15px;
		@pv-callbackform-ul();
    }

    li
    {
        label{float: left; width: 180px;}
        input{width:240px;}
        select{  @pv-callbackform-select(); width:240px;}
    }

    h4{font-size: 19px; font-weight: bold; margin: 0 0 4px 0;}
}

@import "./components/styles/styles_car.less";
@import "./components/styles/styles_hotel.less";


.longText{ display: none; margin-bottom: 10px; float: left;}
#myBookings{ margin-top: 10px;}

#matrix-no-results
{
	height:306px;
	width:100%;
}

#matrix-wait-box 
{
	position:absolute;
	top:0;
	left:0;
	margin-left:13px;
	padding:25px 25px 25px 12px;
	width:291px;
	height:100%;
	.box-sizing();
	z-index:123;
	@pv-matrix-wait-box();

	span.wait-title
    {
		font-size:16px;
		font-weight:bold;
	}

	span.wait-sub-title
    {
		font-size:18px;
		margin-left:0;
	}
}

#trips-wait-box 
{
	position:absolute;
	top:0;
	left:0;	
	padding:25px 25px 25px 12px;
	width:100%;
	height:100%;
	.box-sizing();
	z-index:123;
    background:#fff;
}



    @import "./components/styles/styles_helpdesk.less";
    @import "./components/styles/styles_jobs.less";

div.dd_chk_drop {
	float:left;
	.box-sizing();
	width: 160px;
	@pv-dropdown-div();
}
.dd_chk_drop input {
	margin-right:5px;
	margin-right:5px;
}

div.dd_chk_drop div#buttons {
	float:left;
    margin-top:10px;
}

	div.dd_chk_drop div#buttons input:first-child
	{
		font-family: 'Lato';
		display: block;
		width: 98px;
		height: 26px;
		padding: 4px 20px 6px 10px;
		margin: 0;
		text-decoration: none !important;
		text-transform: uppercase;
		line-height: 11px;
		font-size: 11px;
		font-weight: bold;
		border: none;
		text-align: left;
		float:left;
		clear:none;
		color: #fff !important;
		@pv-dropdown-div-input();
	}
	div.dd_chk_drop div#buttons input:last-child
	{
		float:right;
		clear:none;
		width:auto;
		background:none;
		font-size: 12px;
		line-height:26px;
		font-weight: normal;
		text-decoration: underline;
        color:@pv-dropdown-div-input-close-color; 
        @pv-dropdown-last-child();
	}

.waitHolderComplete
{
	position:relative;
	width: 100%;
	height: 112px;
	margin: 10px;

    .wait-box
    {
	    left:100px !important;
	    top:0px !important;
    }
}

body.complete #receipt .savings
{
	margin-left: -10px;
	width:~"calc(100% + 20px)";
}

.downpayment .description
{
	width:auto !important;
}



    @import "./components/styles/styles_alternativeAccommodations.less";


body.complete .sidebar.col4 {
	padding-top:44px;
}

body.complete .sidebar.col4 .box,
body.complete .sidebar.col4 .contact-box 
{
	margin-bottom:10px;
}





    @import "./components/styles/styles_luggage.less";




	body.type-vacation.complete .box.fl.cb {
		margin-bottom:10px;
	}
	body.type-vacation.complete #receipt {
		margin-top:10px;
	}


.popUpBox .content-box .content #TranslatedText h5,
.popUpBox .content-box .content #PricePopupTranslatedText h5,
#content-bottom .content-box .content .description h5 {
	font-size:15px;
	margin-bottom:5px;
	font-weight:bold;
	float:left;clear:both;width:100%;
    color:@pv-color-red;
}

.popUpBox .content-box .content #TranslatedText h6,
.popUpBox .content-box .content #PricePopupTranslatedText h6,
#content-bottom .content-box .content .description h6 {
	font-weight:bold;
	float:left;clear:both;width:100%;
}

.popUpBox .content-box .content #TranslatedText ul,
.popUpBox .content-box .content #PricePopupTranslatedText ul,
#content-bottom .content-box .content .description ul {
	margin-bottom:10px;
	float:left;
	clear:both;
	width:100% !important;
	margin-left:0 !important;
}

.popUpBox .content-box .content #TranslatedText ul li,
.popUpBox .content-box .content #PricePopupTranslatedText ul li,
.popUpBox .content-box .content .popup-informationaccommodation ul li,
#content-bottom .content-box .content .description ul li
 {
	list-style:none;
    padding-left:20px;
	background: url('img//Base/ico/2021/General/Arrow Right - Orange.svg') no-repeat 0 0;
	margin-bottom:20px;
}

    @import "./components/styles/styles_slider.less";
	
	#box-news-and-partners > div.col4 .box-content { height: 264px; }
    #box-news-and-partners > div.col4.banner .box-content {border:none;}

	.newsletter-box 
    {
		position:relative;
	    a {
            margin-top: 7px;
	    }
        input {
            width: 100% !important;
        }
	    .mailbox 
        {
		    width:262px;
		    height:161px;
		    position:absolute;bottom:0px;
		    left:10px;
            @pv-mailbox();
        }
	}

    @import "./components/styles/styles_trustpilot.less";
    @import "./components/styles/styles_insuranceControl.less";
    @import "./components/styles/styles_upsell.less";
    @import "./components/styles/styles_myprijsvrij.less";
    @import "./components/styles/styles_datepicker.less";
    @import "./components/styles/styles_employeeRecommendation.less";  
    @import "./components/styles/styles_firefox.less";

.noWeight label{
    font-weight: normal !important;
}

    @import "./components/styles/styles_incentive.less";


#item-11 a span, .filtergroup-11 label span { font-size:26px;line-height:24px;float:right;letter-spacing:1px; }
.filtergroup-11 label span { line-height: 22px; }
#item-11 a span.inactive, #item-11 a span.active.mr { margin-right: 55px; }

#item-11 a span.inactive, .filtergroup-11 label span.inactive { color:#C6E5FA; }
#item-11 .inactive a span.active, .filtergroup-11 .inactive label span.active { color:#7c7c7c !important; }
#item-11 .inactive a span.inactive, .filtergroup-11 .inactive label span.inactive { color:#ccc; }



	span.bullet {
		padding-left: 5px;
		line-height: 18px;
		display:inline-block;
		width:6px;
		height:6px;
        .border-radius(3px);
        background-color:#c00;
		overflow:hidden;
        @pv-list-bullet();
        position:inherit;
        width: 1px;
        height: 1px;
        margin-right: 4px;
        padding: 1px;
        margin-bottom: 2px;
	}

	div#checks label {
		line-height:13px;
		vertical-align:bottom;
        @pv-checks-label();
	}




@import "./components/styles/styles_classification.less";







	.full-width {
		.box-sizing();
		width:100%;
	}

	




@import "./components/styles/styles_helpcontrol.less";





.layover-box 
{
    position:relative;
    margin-top:10px;

    & > div.dashed-box 
    {
        display:none;
        position:absolute;
        padding:10px;
        width:300px;
        .box-sizing();
        z-index:103;
		@pv-layoverbox-dashed();
    }

	& > div.infoBalloon 
    {
		margin-left:10px;
		margin-top:-3px;
	}

	&:hover 
    {
	    cursor:help !important;

        & > div.dashed-box 
        {
            display:block !important;
        }
	}
}


@import "./components/styles/styles_peperactie.less";
@import "./components/styles/styles_waterparken.less";

#recaptcha_contact{float:left;}

@import "./components/styles/styles_wishlist.less";
@import "./components/styles/styles_notification.less"; 
@import "./components/styles/styles_touroperators.less";
@import "./components/styles/styles_homepage.less";


/* BREDERE ZOEKPAGINA */
/*
@media (min-width: 1100px)
{
    body.search #header .container, body.favorites #header .container,
    body.search #content .container, body.favorites #content .container,
    body.search #content-center .container, body.favorites #content-center .container,
    body.search #content-bottom .container, body.favorites #content-bottom .container,
    body.search #footer .container, body.favorites #footer .container
    {
        width: 1150px;
    }
    body.search .col8, body.favorites .col8 { width: 830px; }
    body.search #header #contact, body.favorites #header #contact { float:right; }

    ul.results > li > .title { width:~"calc(100% - 320px) !important"; }

}

body.search #search-filters select, body.favorites #search-filters select { width:100%;background-position: 257px 2px; }
body.search #search-filters > ul > li table, body.favorites #search-filters > ul > li table { width:100%; }
body.search #search-filters > ul > li table label, body.favorites #search-filters > ul > li table label { width:~"calc(100% - 20px)"; }
body.search #slider-range, body.favorites #slider-range { width:~"calc(100% - 62px)"; }

@media (min-width: 980px) and (max-width: 1099px)
{
    ul.results > li > .title { width:100% !important; }
    ul.results>li>.accommodation { width:290px !important; }
}

@media (min-width: 768px) and (max-width: 979px)
{
    body.search #header .container, body.favorites #header .container,
    body.search #content .container, body.favorites #content .container,
    body.search #content-center .container, body.favorites #content-center .container,
    body.search #content-bottom .container, body.favorites #content-bottom .container,
    body.search #footer .container, body.favorites #footer .container
    {
        width: 710px;
    }
    
}

@media(max-width: 979px), only screen and (min-device-width : 1024px) and (max-device-width : 1366px) and (-webkit-min-device-pixel-ratio: 2),
only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (-webkit-min-device-pixel-ratio: 2), 
only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (-webkit-min-device-pixel-ratio: 1)
{
    body.search #search-filters > ul > li table label,
    body.favorites #search-filters > ul > li table label 
    { width: ~"calc(100% - 30px)"; }
}
*/
/* BREDERE ZOEKPAGINA */
body .carousel.slick-dotted .slick-track {top:20px;}

#autocompleteDesktop.debug .autocomplete-list, #autocompletePhone.debug .autocomplete-list { display:block !important; }
#autocompleteDesktop.debug #history-list, #autocompletePhone.debug #history-list { display:block !important; }

@import "./components/styles/styles_spinner.less";
@import "./components/styles/styles_waitanimation.less";
@import "./components/styles/styles_geolocationBanner.less";
@import "./components/styles/styles_newsletterpopup.less";

body.home #content > .container > .row > .col8 { margin-right:0; }



#ContentPlaceContentBlock3_pnlInformation #TranslatedText {
    width: 100%;
    overflow: hidden;

    &:not(.toggled) {
        max-height: auto;
    }

    &.toggled {
        position: relative;
        max-height: 250px;
        transition: max-height 0.5s;

        &::after {
            background: -moz-linear-gradient(top,rgba(255,255,255,0) 0%,#ffffff 100%);
            background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,rgba(255,255,255,0)),color-stop(100%,#ffffff));
            background: -webkit-linear-gradient(top,rgba(255,255,255,0) 0%,#ffffff 100%);
            background: -o-linear-gradient(top,rgba(255,255,255,0) 0%,#ffffff 100%);
            background: -ms-linear-gradient(top,rgba(255,255,255,0) 0%,#ffffff 100%);
            background: linear,to bottom,transparent 0%,#fbfdff 100%;
            filter: progid:dximagetransform.microsoft.gradient(startColorstr="#ffffff",endColorstr="#ffffff",GradientType=0);
            content: "";
            position: absolute;
            bottom: 0;
            left: 0;
            height: 40px;
            width: 100%;
            pointer-events: none;
        }

        &.show {
            max-height: none !important;

            &::after {
                display: none;
            }
        }

    }
}

#ContentPlaceContentBlock3_pnlInformation .box-information {

    a.toggle-link {
        position: relative;

        &::after {
            display: block;
            content: '▼';
            position: absolute;
            right: -20px;
            top: 2px;
            color: @pv-color-blue;
        }

        &.less {
            &::after {
                content: '▲';
            }
        }

        &.more {
            &::after {
            }
        }
    }


    .block.none {
        margin-top:25px;

        h3 {
            padding-left:0 !important;

            &::before {
                display: none !important;
            }
        }
    }
}

/*
	fix for firefox
	somehow the cookiebot iframe is positioned to the right and causes a horizontal scrollbar
*/
iframe[src^="https://consentcdn.cookiebot.com/sdk/bc"] {
	left: 0 !important;
	top: -9999px !important;
}


div.content.contact {
	div.dashed-box {
		ul.form {
			li {
				label {
					font-weight: bold;
					width: 100%;
					clear: both;
					float: left;
				}

				input:not(.btn-rood), select {
					margin-bottom: 10px;
				}

				input, select, textarea {
					width: 100%;
				}
			}
		}
	}
}

/* fix the peek-a-boo parts on the detailpage when travelparty is opened (shade z-index) */
body {
	&:not(.travelparty):not(.detailpopup) {
		td a.sele {
			z-index: 10 !important;
		}

		#header {
			z-index: 2;
		}
	}


	&.travelparty {
		td a.sele {
			z-index: 0 !important;
		}

		#header {
			z-index: 0;
		}

		#ctl00_ContentPlaceContentBlock3_BaseMatrixControl_travelParty_btnToggleTravelParty {
			z-index: 0;
		}

		.box-matrix .prices .prefdate .pref .filters fieldset .row {
			z-index: 0;
		}

		#footer > .container > .footer-content {
			z-index: -1 !important;
		}

		a.waterpark {
			z-index: 0;
		}

		#notification a.close.red {
			z-index: 0;
		}

		.roset {
			z-index: 0 !important;
		}

		.price-overview,
		.breadcrumb {
			z-index: 0 !important;
		}
	}

	&.detailpopup {
		.roset {
			z-index: 0 !important;
		}

		.price-overview,
		.breadcrumb {
			z-index: 0 !important;
		}


		.box-matrix .prices .prefdate .pref .filters .travgroup {
			z-index: 0;
		}

		.box-matrix .prices .prefdate .pref .filters fieldset .row {
			z-index: 0;
		}

		.box-matrix .prices .prefdate .pref .filters fieldset .row::after {
			z-index: 0;
		}

		td a.sele {
			z-index: 0 !important;
		}

		#header {
			z-index: 0;
		}

		#ctl00_ContentPlaceContentBlock3_BaseMatrixControl_travelParty_btnToggleTravelParty {
			z-index: 0;
		}

		#footer > .container > .footer-content {
			z-index: -1 !important;
		}

		a.waterpark {
			z-index: 0;
		}

		#notification a.close.red {
			z-index: 0;
		}

		.box-matrix .prices .availableRooms .room-selector {
			z-index: 0;
		}
	}
}

.status-box {
	border-radius: 8px;
	border: 1px solid @color-primary;
	padding: 10px 10px 10px 50px;
	background: @color-primary-light-75;
	position:relative;
	@text-small();
	overflow:hidden;
	text-align:justify;
	width:100%;
	box-sizing:border-box;

	&:before {
		font-family:@pv-font-icons-name;
		content: '\e93f';
		width: 40px;
		height: 100%;
		background: @color-primary;
		line-height: 100%;
		position:absolute;
		top:0;
		left:0;
		color:@color-white;
		line-height:100%;
		text-align:center;
		font-weight:normal;
		font-size:20px;
		display:flex; 
		align-items: center;
		justify-content: center;
	}

	&.warning {
		background: @color-white;
		border-color: @color-action-warning;

		&:before {
			background-color: @color-action-warning;
			content: '\e948';
		}
	}

	&.error {
		background: @color-white;
		border-color: @color-action-alert;

		&:before {
			background-color: @color-action-alert;
			content: '\e931';
		}
	}

	&.success {
		background: @color-white;
		border-color: @color-action-success;

		&:before {
			background-color: @color-action-success;
			content: '\e946';
		}
	}

	&.light {
        border: none;
        font-size: 11px;
        font-weight: normal;
        line-height: 16px;
        padding: 10px 20px;
        box-shadow: 0px 2px 12px -11px grey;

		&:before {
			display:none;
		}
	}
}