﻿a.waterpark { background:url(//cdn.prijsvrij.nl/Upload/images/icon/splash.png); }


.anvrsgr .anvr,
.anvrsgr .sgr {
	background-image: url(img/prijsvrij.nl/Base/logo/sprite_anvr-sgr.png);
}

.btn-search {background:url(img/prijsvrij.nl/Base/button/pc/button_zoek-vakanties.png) no-repeat left top;}

.share li a span.mail
{
	background: url(img/prijsvrij.nl/Base/button/pc/btn-mailaccommodatie.png?1) no-repeat left top;
}

.car.logo span {background: url(img/Base/logo/sprite_car.png) no-repeat left top;}

.tv li span {
	background: url(img/prijsvrij.nl/Base/logo/sprite_tv.png) no-repeat left top;
}

.sticker-blue {
	background: transparent url(img/prijsvrij.nl/Base/elements/pc/prijsvrij_sticker.png) no-repeat left top;
}

#receipt .pricelabel.huge {
	width:160px;
	height:77px;
	background: url(img/Base/elements/pc/prijssticker_vriendenprijsjes.png) no-repeat left top;

    @pv-pricelabel();
}
	#receipt .pricelabel.huge span.value {
        right: 20px;
        bottom: 37px;
	}

	#receipt .pricelabel.huge small {
    right: 41px;
	left:auto;
    top: 30px;
     @pv-pricelabel-small();
	}

#servicepackages .top th.sp-discount span.tip { background: url(img/prijsvrij.nl/Base/elements/pc/tip.png) no-repeat left top; }

.yellow-box .tip {
	background:url(img/prijsvrij.nl/Base/elements/pc/bespaartip.png) no-repeat left top;
}

/* VRIENDENPRIJSJES */
#vriendenprijsjes .btnFacebook {
	background: url(img/prijsvrij.nl/Base/elements/pc/vp2015-website_facebooklogin_dev.png) no-repeat left;
}

#vriendenprijsjes .background {
	background-image:url(img/prijsvrij.nl/Base/elements/pc/vp201612-background.jpg);
	.opacity(0.8);
}

#vriendenprijsjes .background-overlay {
	background:url(img/prijsvrij.nl/Base/elements/pc/vp201612-background-overlay.png) no-repeat left top;
	background-size:cover;
}

#vriendenprijsjes .circle {
	height:700px;
}

#vriendenprijsjes .box-friend-footer .seat { display:none; }

#vriendenprijsjes .prijsjes {
	background-image: url(img/prijsvrij.nl/Base/elements/pc/vriendenprijsjes-prijsjes.png);
	background-repeat:no-repeat;
	background-position:bottom;
}
#vriendenprijsjes .close {
	background:url(img/prijsvrij.nl/Base/elements/pc/vp2016-close.png) no-repeat;
}


				#vriendenprijsjes .box-wordt-vriend > div {
					position:relative;
					z-index:997;
				}

				#vriendenprijsjes .box-wordt-vriend .row.text input.inactive {
					color:#666;
				}

				#vriendenprijsjes .box-wordt-vriend .row.cb {
					color:#fff;
					.text-shadow( 1px 1px #000000 );
				}

				#vriendenprijsjes .box-wordt-vriend .btn-dont-become-friend
				{
					background:url(img/prijsvrij.nl/Base/elements/pc/vp2016-knop-sluit.png) no-repeat;
				}

				#vriendenprijsjes .box-wordt-vriend .btn-become-friend {
					background:url(img/prijsvrij.nl/Base/elements/pc/vp2016-knop-aanmelden.png) no-repeat;
					
				}

#vriendenprijsjes .box-social { color:#fff;text-transform:uppercase; }
#vriendenprijsjes .button-close {background:url(img/prijsvrij.nl/Base/elements/pc/vriendenprijsjes-sluiten.png) no-repeat left top;}
#vriendenprijsjes .button-friend {background:url(img/prijsvrij.nl/Base/elements/pc/vp2015-website_ikbenalvriendknop_dev.png) no-repeat left top;}
.friendBanner {background:#fff url(img/prijsvrij.nl/Base/elements/pc/vp201612-banner_friend_wide.png) no-repeat left top;}
.friendBanner.small {background:#fff url(img/prijsvrij.nl/Base/elements/pc/vp201612-banner_small.png) no-repeat left top;}
#thanksforfriend .title {color: #be0000;}
#thanksforfriend .thankYouForBeingFriend { background: transparent url(img/prijsvrij.nl/Base/elements/pc/vriendenprijsje.png) no-repeat left top;}

#vriendenprijsjes .intro { background:url(img/prijsvrij.nl/Base/elements/pc/vp201707-tekst-intro.png);width:605px;height:123px;margin:35px 0 0 45px; }

#vriendenprijsjes .box-friend-footer .ballon1 { background:url(img/prijsvrij.nl/Base/elements/pc/vp201612-ballon1.png);width:216px;height:136px;z-index:996;top:75px; }
/*#vriendenprijsjes .box-friend-footer .ballon1::after { content:url(img/prijsvrij.nl/Base/elements/pc/vp2016-ballon1-2-wolk.png);position:absolute;top:189px;left:103px; }*/

#vriendenprijsjes .box-friend-footer .ballon2 {  background:url(img/prijsvrij.nl/Base/elements/pc/vp201707-ballon2.png);position:absolute;top:75px;right:0px;width:313px;height:136px; }
/*#vriendenprijsjes .box-friend-footer .ballon2::after { content:url(img/prijsvrij.nl/Base/elements/pc/vp201612-ballon2-products.png);width:118px;height:177px;z-index:996;position:absolute;right:-80px;top:-20px;	}*/

/* VRIENDENPRIJSJES */

.newsletter-box .mailbox {background: url(img/prijsvrij.nl/Base/elements/pc/nieuwsbrieven.png) no-repeat left bottom;}

.customer-review-box .box-content .overview .stempel-beste-reisbureau {background:url(img/prijsvrij.nl/Base/elements/pc/beste_reisbureau.png) no-repeat left top;}


/* Submenu - Nominations/Awards */
.nominations li { float:left;height:35px;overflow:hidden; }
.nominations span { background: url(img/prijsvrij.nl/Base/logo/logo_nominaties_big.png) no-repeat left top;background-size:168px 35px;width:37px;height:35px;overflow:hidden;text-indent:-9999px;float:left;display:inline-block; }
.nominations .trustpilot { width:37px; }
.nominations .trustpilot span { background-position:0 0; }
.nominations .wvhj { width:34px; }
.nominations .wvhj span { background-position:-37px 0; }
.nominations .twinkle { width:36px; }
.nominations .twinkle span { background-position:-71px 0; }
.nominations .anvr { width:33px; }
.nominations .anvr span { background-position:-107px 0; }
.nominations .sgr {	width: 28px; }
.nominations .sgr span { background-position:-140px 0; }

.fieldMessageBox .tooltipContent .passportBox {
	width:140px;
	min-height:106px;
	height:auto;
	float:left;
	position:absolute;
}
	.fieldMessageBox .tooltipContent .passport{
		 background:url(img/prijsvrij.nl/base/elements/pc/passport_sprite.jpg?20160808) no-repeat left top;
		 width:125px;
		 height:66px;
		 background-size:125px;
		 display:block;
		 float:left;
		 cursor:zoom-in;
	}
	.fieldMessageBox .tooltipContent .passport.givenName{
		background-position:0px -132px;
	}
	.fieldMessageBox .tooltipContent .passport.infix{
		background-position:0px -66px;
	}
	.fieldMessageBox .tooltipContent .passport.lastName{
		background-position:0px 0px;
	}

	.fieldMessageBox .tooltipContent .enlarge{
	}

	.passportPopup .popUpBox .content-box .content .popupContent
	{
		max-height:500px;
	}

	.passportPopup ul
	{
		padding:20px 0;
	}

		.passportPopup ul li {
			list-style:square;
			list-style-position:inside;
		}

	.passportPopup .passportBox {
		width:596px;
		height:318px;
		float:left;
		padding-bottom:10px;
	}
	.passportPopup .passport{
		 background:url(img/prijsvrij.nl/base/elements/pc/passport_sprite.jpg?20160808) no-repeat left top;
		 width:100%;
		 height:100%;
		 display:block;
		 float:left;
	}
	.passportPopup .passport.givenName{
		background-position:0px -636px;
	}
	.passportPopup .passport.infix{
		background-position:0px -318px;
	}
	.passportPopup .passport.lastName{
		background-position:0px 0px;
	}






/* ZOMERDEALS 
    div#header ul.main-menu li.red
    {
        / LOKAAL https://cdn.prijsvrij.nl ervoor zetten, op live geeft dat hele rare dingen /

        / Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#de0012+0,b02b34+100 /
        .linear-gradient( 
            @origin: top; 
            @direction: to bottom;
            @start-color:#de0012;
            @stops: ~"#de0012 0%, #b02b34 100%";
        );
    }
    div#header ul.main-menu li.image a img { margin-top:-3px; }


ul.results > li.result-446948::after
        {
    display:block;
    content:'';
position: absolute;
right: -25px;
bottom: 130px;
width: 83px;
height: 99px;
background:url('upload/images/icon/zomerdeals-labeltje.png') no-repeat left top;
pointer-events:none;
        }

ul.results > li.result-446948 .price:hover::after
{
    content:'Speciaal geselecteerd! Nog volop beschikbaarheid en de beste prijzen met vertrek in de zomervakantie.';
    border:3px solid #c00;
    color:#fff;
    / Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#de0012+0,b02b34+100 /
    .linear-gradient( 
        @origin: top; 
        @direction: to bottom;
        @start-color:#de0012;
        @stops: ~"#de0012 0%, #b02b34 100%";
    );

    width:200px;
    position:absolute;
    right:65px;
    bottom:75px;
    padding:5px;
}

 ZOMERDEALS */


/* OETELDONK ACTIE */

/* op pc de 2e banner in midden niet tonen */
body.oeteldonk .widgetareas.content .col4:nth-of-type(1) > .box:nth-of-type(1),
body.oeteldonk .widgetareas.content .col4:nth-of-type(2) > .box:nth-of-type(1)
{
    display:none;
}


@media (max-width: 767px) 
,(max-width: 979px) and (orientation: portrait)
{
    body.oeteldonk #photo .footer .text {
        display:none !important;
    }

    body.oeteldonk div.package.col4 {
        margin-top:50px;
    }

    body.oeteldonk div.accommodation{
        margin-left:0 !important;
    }

    body.oeteldonk .container > .template{
        margin-top:0 !important;
    }

    body.oeteldonk #photo { display:none !important; }
    body.oeteldonk #footer-phone { display:none !important; }
    
    body.oeteldonk.template #content {
        background: #e4f3fd;
    }


    /* op mobiel alleen de 2e in midden tonen */
    body.oeteldonk .widgetareas.content .col4:nth-of-type(1) > .box:nth-of-type(2)
    {
        display:block !important;
    }

    body.oeteldonk .sidebar,
    body.oeteldonk .widgetareas.content .col4:nth-of-type(1) > .box:nth-of-type(1),
    body.oeteldonk .widgetareas.content .col4:nth-of-type(2) > .box:nth-of-type(1)
    {
        display:none;
    }

}

@media (min-width: 768px) and (max-width:1024px) and (orientation: portrait)
{
 
     
    body.oeteldonk .sidebar
    /*,body.oeteldonk .widgetareas.content .col4:nth-of-type(1) > .box:nth-of-type(1)*/
    {
        display:none !important;
    }

    /* op tablet portret de foto rechts wel tonen */
    body.oeteldonk .widgetareas.content .col4:nth-of-type(1) > .box:nth-of-type(1),
	body.oeteldonk .widgetareas.content .col4:nth-of-type(1) > .box:nth-of-type(2),
    body.oeteldonk .widgetareas.content .col4:nth-of-type(2) > .box:nth-of-type(1)
    {
        display:block !important;
    }
}







body.oeteldonk #photo .container .item
{
    left:715px;
}


body.oeteldonk .container > .template{
    margin-top:520px;
}

body.oeteldonk .package{
    margin-top:70px;
}

@media (min-width: 768px) and (max-width:1024px) and (orientation: landscape) 
{
    body.oeteldonk .container > .template
    {
        margin-top:550px;
    }
}
/* OETELDONK ACTIE */


	body.book .step-content:not(.complete) .extras > div:not(:last-of-type):not(.box-promocode),
	body.complete .step-content:not(.complete) .extras > div:not(:last-of-type):not(.box-promocode), 
	body.dossier .step-content:not(.complete) .extras > div:not(:last-of-type):not(.box-promocode)
	{
		padding-bottom:30px;
		border-bottom:1px solid #bce2fc;
		margin-bottom:10px;
		float:left;
	}

	ul#servicepackages > li > span:first-child input
	{
		height:32px;
	}

	ul#servicepackages > li > label
	{
		font-weight:bold;
	}

	#parcompare .row > input
	{
		height:32px;
	}

	body.book .fieldMessageBox
	{
		position:relative !important; 
		width:100%;
		margin-left:0 !important;
		.box-sizing();
		margin-bottom:10px !important;
	}

	body.book .fieldMessageBox > .tooltipContent > span,
	body.book .fieldMessageBox > .tooltipContent > ul
	{
		float:right;
		width:~"calc(100% - 160px)";
	}

	body.book .fieldMessageBox > .tooltipContent > span
	{
		height:auto;
		line-height:24px;
	}

@media (max-width: 767px) {
	body.book .fieldMessageBox {
		margin-top:0;
		right:0;
		top:0;
	}

	body.book .fieldMessageBox > .tooltipContent > span,
	body.book .fieldMessageBox > .tooltipContent > ul
	{
		float:left;
		clear:both;
		width:100%;
		height:auto;
	}


	.contact .form li.form-error span.formValidator .formErrorImg
	{
		position:absolute;
		top:-30px;
		right:0;
	}

	body.book .step-content .travelers span.formValidator .formErrorImg
	{
		position:absolute;
		top:5px;
		right:0;
	}

	.formErrorBox ul li
	{
		padding-left:0;
	}

	.fieldMessageBox .tooltipContent .passportBox
	{
		position:static;
	}

}

.travelers .dashed-box .row.field.highlight, 
.extras .dashed-box .row.field.highlight
{
	background:#edf7fe;
	margin-bottom:0 !important;
}

.travelers .dashed-box .row.field.highlight-error, 
.extras .dashed-box .row.field.highlight-error
{
	background:#FEFDDE;
	margin-bottom:10px !important;
}

body.book .formValidator
{
	height:auto;
	float:none;
	position:static !important;
}

body.book .formErrorBox
{
	width:100%;
	position:relative !important;
	top:0;
	left:0;
	float:left;
	margin-bottom:0;
}



ul.terms li.payment div.box span.dummy { background-size:40px 40px !important; width:40px;height:40px; }

body.complete .btn-geel.fluid, body.complete .btn-groen.fluid { min-width:initial; }

.box-photos .big-photo-container a.prev, 
.box-photos .big-photo-container a.next
{
	&::after,
	&:hover::after
	{
		background-size:30px;
		background-position:5px 5px;
	}
}

.box-photos .small-photos-container a.prev, 
.box-photos .small-photos-container a.next
{
	&::after,
	&:hover::after
	{
		background-image:url(img/base/elements/pc/pijltje.svg);
		background-size:30px;
		background-position:0 5px;
	}
}

.help li.col .question-overview li::before
{
	left:12px;
}
.help h1
{
	margin-bottom:34px;
}
.help dl.cols dd ul li
{
	position:relative;
	padding-left:15px;
	&::before
	{
		@pv-list-bullet();
		left:0;
	}
}

body.lastminutes select
{
	background-image: url(img/base/elements/pc/pijltje_zwart.svg);
}

.help .questions li a { color:#333; font-weight:@pv-font-weight-regular; }

.fluid-popup.profile .login_container,
.fluid-popup .toggle-box .checkbox
{
	@pv-custom-checkbox();
}

.help .faq-container.category ul.cols > li.col::before,
.help .faq-container.category ul.cols > li.col > ul > li::before
{
	content:none !important;
}

.leaflet-marker-icon {
    transition: filter ease 0.3s;    

    &:hover {
        filter:brightness(120%);
    }
}

.leaflet-container .leaflet-popup a.leaflet-popup-close-button {
    font: 20px/14px Tahoma, Verdana, sans-serif;
    color: #333;
}

body.search #search-results-column .overview{
	padding-left:15px;
}

div.dd_chk_select div#caption { white-space:nowrap; text-overflow:ellipsis; }

body.book .travelers .fieldMessageBox { z-index:1001; }

span.label-hover:hover{ font-weight:@pv-font-weight-bold; }
#ctl00_ContentPlaceHolderContent_updBook .step-content .travelers span.wide.cb-newsletter label
{
	width:auto;
	max-width:250px;
}
#ctl00_ContentPlaceHolderContent_updBook .step-content .travelers span.wide.cb-newsletter label:hover
{
	font-weight:@pv-font-weight-regular !important;
}

.col9.content.contact ul.form li::before { content:none; }

#search-results-column > .overview	> .box-header:not(.multiple-tabs) > div .tab
{
	padding-left:0;
	padding-right:0;
}

