﻿#photo
{
	right:0;
    width: 950px;
    margin: 0 auto;
	position:relative;
	z-index:2;
	
	& > .carousel
	{
		position:absolute;
		width:630px;
		height:420px;
		right:0;
		top:14px;
		.box-shadow(@vakantieaanbiedingen-shadow);

		.bg-photo
		{
			img { min-height:420px; }	
		}
	}

	.slick-track
	{
		top:5px;
	}

	.footer
	{
		display:none;
	}

	.slick-dots
	{
		display:none !important;
	}
}

body.home .main-search-box { min-height:427px; margin-top:0px; }

#photo a#btn-up, 
#photo a#btn-down
{
	width:48px;
	height:48px;
	bottom:10px;
	top:auto;

	&::after
	{
		margin:0;
		.border-radius(@vakantieaanbiedingen-border-radius);
		width:100%;
		height:100%;
		color:@vakantieaanbiedingen-color-red !important;
		background:rgba(255,255,255,.75);
		line-height:38px;
		font-size:31px;
		font-family:tga_bold;
	}

	&:hover::after
	{
		background:rgba(234,0,0,0.75);
		color: #fff !important;
	}
}

#photo a#btn-up{ right:10px;}
#photo a#btn-down{ left:10px; }



#homepage-banners .box-spotlight-left
{
	position:relative;
	.box-shadow(none) !important;

	.box-header
	{
		border:2px solid #fff;
		border-radius:@vakantieaanbiedingen-border-radius;
		background-color:@vakantieaanbiedingen-color-red;
		color:@pv-color-white;
		position:absolute;
		bottom:10px;
		right:40px;
		padding: 6px 20px;
		text-align:center;
		font-size:14px;
		line-height:18px;
		z-index:5;
		width:170px;
	}

	.box-content
	{
		img
		{
			.border-radius(@vakantieaanbiedingen-border-radius-small);
		}
	}
	.pricelabel
	{
		top:auto !important;
		bottom:35px !important;
		left:55px;
		    width: 200px;
			height:100px;
		z-index:5;
		background-size:contain;

		small
		{
			font-size:16px;
		}

		span.value
		{
			font-size:44px;
		}



	}


}

body.detail #content-center .offer .pricelabel
{
	height:100px;
	width:200px;
	top:-115px;
	right:-20px;
}

#logo .logo > .type { display:none !important; }

#GeoLocationBanner .container > .row,
#header .container > .row,
#content .container > .row,
#content-center .container > .row,
#content-bottom .container > .row,
#footer .container > .row,
#content > .container > div > .row
{
	padding:0;
}

.midheader
{
	padding:0 !important;
}

#logo img{
	display:block;
}

.main-search-box .duration .duration-blue-icon::before, 
.main-search-box .travelparty .travelparty-blue-icon::before, 
#travelparty-container.fluid-full-popup .travelparty-blue-icon::before, 
#travelparty-container.search-fluid-popup .travelparty-blue-icon::before, 
.main-search-box .select-wrapper-2::before,
.search-fluid-popup .select-wrapper-fluid::before
{
	color:@vakantieaanbiedingen-color-gray;
}

#contact .phone a { color:#000; }


.list-visited-accommodations ul.list-classification,
body.search #search-results-column ul.list-classification
{
	position:absolute;
	top:-18px;
	right:5px;
    /*Jelte: Removed the z-index: 99*/
}

.list-visited-accommodations ul.list-classification { top:4px; }

.list-visited-accommodations>ul>li a.remove{ margin-top:10px; }

.btn-rood-fluid-wrapper.button.arrow-right::after
{
	display:none;
}

body.detail .accommodation .facts .offer-details,
ul.results > li > .accommodation .facts .offer-details
{
	font-family:tga_bold;
	font-weight:bold;
	font-style:italic;
}
/*ul.results > li > .accommodation .facts .offer-details { max-width:200px; }*/

ul.results>li{
    margin-top: 10px;
    &>.title{ margin-top:10px; }
}

body.home .col8.hidden-phone { }

.social span.mail, 
.searchShare span.share.mail
{
	background: url(img/vakantieaanbiedingen.nl/logo/deel-email.svg) no-repeat !important;
}
.social span.facebook, 
.searchShare span.share.facebook
{
	background: url(img/vakantieaanbiedingen.nl/logo/Facebook.svg) no-repeat !important;
}
.social span.instagram, 
.searchShare span.share.instagram
{
	background: url(img/vakantieaanbiedingen.nl/logo/Instagram.svg) no-repeat !important;
}
.social span.twitter, 
.searchShare span.share.twitter
{
	background: url(img/vakantieaanbiedingen.nl/logo/deel-twitter.svg) no-repeat !important;
}
.social span.googleplus, 
.searchShare span.share.googleplus
{
	background: url(img/vakantieaanbiedingen.nl/logo/deel-googleplus.svg) no-repeat !important;
}

.social span.favorite, 
.searchShare span.share.favorite
{
	background: url(img/vakantieaanbiedingen.nl/logo/zoekmeervakanties.svg) no-repeat !important;
}

.social span.remove, 
.searchShare span.share.remove
{
	background: url(img/vakantieaanbiedingen.nl/logo/prullebakje.svg) no-repeat !important;
}


.search-parameters { padding-top:20px; }
.search-parameters h4 { text-align:center;margin-bottom:10px; }
.main-search-box .btn-rood-fluid-wrapper .btn-rood.fluid { text-align:center;margin-top:10px;padding-right:10px; }
.search-parameters > div { width:100%; margin:0 auto; }
.search-parameters span.title { margin-left:20px; }
.search-parameters .search-row.button > input.btn-rood { 
    -webkit-box-shadow: 2px 3px 5px 0px rgba(187,2,47,1);
    -moz-box-shadow: 2px 3px 5px 0px rgba(187,2,47,1);
    box-shadow: 2px 3px 5px 0px rgba(187,2,47,1);
}

/*ul.results > li > */
div.accommodation.fl,
div.accommodation.col4 .details{
    min-height:150px;

    .review {
        margin: 33px 20px 0;
        width: 180px;   

        .roset{
            display: inline-block;
            float: left;
            width: 30px;
            height: 30px;
            padding-top: 6px;
            padding-left: 7px;

            font-size: 20pt;
            font-family: 'tga_bold';
            letter-spacing: -2px;

            border: 1px solid #e0e9f2;
            border-radius: 4px;

            background-color: #f3f4f8;
            color: @va-zoover-reviewgrade-color;
            
            & > small{
                display: inline-block;
                position: absolute;
                font-size: 12px;
                top: 6px;
                left: 25px;
            }
        }

        & .categories-zooverlogo {
            position:relative;
            float: left;
            width: 100px;
            background-size: 75%;
            min-height: 36px;
            background-position: -8px 9px;
            /*background-position-x: -8px;*/
        }

        a {
            float: left;
            margin:0;
            color: #81bacf;

            & > br,
            & > b{
                display: none;
            }
        }
    }
}

/*
body:not(.home) .logo img {
	width:150px;
	height:auto !important;
	margin-left:10px !important;
}
*/

.ui-slider-handle::after{
	content:'>';
	display:block;
	color:#fff;
	position:absolute;
	left:36%;
	font-size:18px;
	font-family:tga_bold;
}
.ui-slider-handle:last-child::after{
	content:'<';
}

#search-filters li.active a { line-height:21px;padding-left:24px; }
#search-filters li a:hover { color:@vakantieaanbiedingen-color-red; }

body select.day, 
body select.month, 
body select.small { background-position:21px 3px !important;padding-left:2px !important; }
body select.year { background-position:38px 3px !important;width:64px !important;padding-left:2px !important; }

body.detail .package .offer a { float:right; }
body.detail .package .price { position:absolute;right:0;top:25px; }
.box-matrix .prices .prefdate .date .arrow-matrix { display:none; }

.box-matrix .prices .prefdate .filters select { background-position:134px; }

.box-matrix .prices .prefdate .pref .filters #ctl00_ContentPlaceContentBlock3_BaseMatrixControl_updFilters { min-height:266px; }
.box-matrix .prices .prefdate .pref .filters fieldset .row { height:32px; }

.roomBlock:empty, .transportBlock:empty { display:none; }

#receipt .pricelabel 
{
	background-size:120px 120px;
	height:120px;
	top:-80px;

	small
	{
		right:auto !important;
		left:15px !important;
		top:35px;
	}

	span.value
	{
		left:0px;
		bottom:40px;
	}
}

.tripBlock
{
	padding-bottom:70px;
}

.roomBlock
{
	border-top-left-radius:@vakantieaanbiedingen-border-radius;
	border-top-right-radius:@vakantieaanbiedingen-border-radius;
	position:relative;
	margin-top:-50px;

}

#content-center .container { background:#fff; }

.pricelabel span.value::after{
	content:',-';
	display:block;
	position:absolute;
	right:-17px;
	top:0;
}



@media (max-width: 979px) and (min-width: 768px)
{
	ul.results>li>.accommodation {
	    min-height: 100px !important;
	}
	ul.results>li>.price{
		bottom:75px !important;
	}
	ul.results .review a { margin-left:0 !important; }
	ul.results>li::before{ height:50px; top:-49px; }
	ul.results>li>.accommodation .review { bottom:51px !important; }

	.box-sub-header{ height:60px;}
}


input.search:focus{ color:#000; }

#matrix td a.sele
{

}

#matrix td a.sele, 
.legenda li div.sele span
{
	position:relative;
	color:@vakantieaanbiedingen-color-red;

	&::before
	{
		display:block;
		content:'';
		top:-10px !important;
		left:-3px !important;
		padding-top:10px !important;
		margin-left:-2px;
		width:50px !important;
		height:26px !important;
		background:url(Img/vakantieaanbiedingen.nl/Ico/prijskaartje-vuist2.svg) no-repeat center top;
		background-size:50px 40px;
		position:absolute;
		top:0;
		left:0;
		z-index:-1;
		pointer-events:none;
	}
	/*
	&::after
	{
		background:url(img/vakantieaanbiedingen.nl/Ico/prijskaartje-vuist-shadow.png);
		.opacity(0.5);
		display:block;
		content:'';
		width:44px;
		height:40px;
		position:absolute;
		z-index:-2;
		background-size:contain;
		top:-8px;
		left:-2px;
		pointer-events:none;
	}
	*/
}

.legenda li div.avai
{
	border:none !important;
	background:none !important;
}

.legenda li div.avai span
{
    border-left: 1px solid @vakantieaanbiedingen-color-gray;
    border-bottom: 1px solid @vakantieaanbiedingen-color-gray;
    .border-radius( 5px );
    padding-bottom: 5px;
	line-height:16px;
	background:#fff;
}

.legenda li div.chea span
{
    border-left: 1px solid @vakantieaanbiedingen-color-gray;
    border-bottom: 1px solid @vakantieaanbiedingen-color-gray;
    .border-radius( 5px );
    padding-bottom: 5px;
	line-height:16px;
}


.popUpBox a.close.red
{
	top:10px;
}

body #travelparty-container.search-fluid-popup
{ 
	.box-shadow(none) !important; 
	left:285px !important;
}
.fieldMessageBox { .box-shadow(none) !important; }
.fieldMessageBox .arrow { display:none; }
body.book .fieldMessageBox { border:1px solid @vakantieaanbiedingen-color-gray; }
body.book .fieldMessageBox .arrow { display:block; }

#trips.combine li .trip.unavail .action span.status{display:none;}
#trips.combine li .trip.unavail .action { color:@vakantieaanbiedingen-color-red; }

.trip .board span.bt { background-image:url(img/vakantieaanbiedingen.nl/Ico/mes_vork.svg);background-size:contain; background-position:0; }

#receipt .dashed-box { border:none; }
.book .content-box.inactive:last-child{ margin-bottom:10px; }

#search-filters-column>.content, .sidebar>.content,
div.search-results,
.contact-box,
#receipt,
.box-text,
.share-trip.shadow,
body.home .search-parameters,
body.home #photo > .carousel
{
	.box-shadow(none) !important;
}

.sidebar > .box-header,
#search-filters-column > .box-header,
#search-results-column > .overview
{
	border-top-left-radius:@vakantieaanbiedingen-border-radius-small;
	border-top-right-radius:@vakantieaanbiedingen-border-radius-small;
}
.sidebar > .content,
#search-filters-column > .content,
#search-results-column > .search-results
{
	border-bottom-left-radius:@vakantieaanbiedingen-border-radius-small;
	border-bottom-right-radius:@vakantieaanbiedingen-border-radius-small;
}

#search-results-column .box-header a.tab{ background:none;}
#search-results-column > .overview > .box-header
{
	background:none;
}

.waitHolderComplete .wait-box,
.waitBoxContainer .wait-box { height:360px }

#matrix-wait-box img,
.wait-box img {
	position:absolute;
	top:90px;
	width:70%;
	left:~"calc(50% - 130px)";
	.animation( floating 5s infinite linear );
}

#matrix-wait-box h4,
#matrix-wait-box h5,
#receipt .pnlwait1 .dashed-box h4,
#receipt .pnlwait1 .dashed-box h3,
.wait-box h5
{ 
	margin-top:10px; 
	color:#fff !important;
	text-shadow: 2px 2px #51b2bc;
}
#receipt .pnlwait1 .dashed-box h4,
#receipt .pnlwait1 .dashed-box h3,
#matrix-wait-box h4 { margin:0; }

#matrix-wait-box h4,
#matrix-wait-box h5,
#matrix-wait-box p,
#receipt .pnlwait1 .dashed-box h4,
#receipt .pnlwait1 .dashed-box h3
{
	text-align:center;
}

#receipt .pnlwait1 .dashed-box h3{ margin-bottom:10px; }

#matrix-wait-box img
{
	top:160px;
	left:~"calc(50% - 112px)";
}

#receipt .pnlwait1 .dashed-box
{
	background:@vakantieaanbiedingen-color-blue;
}

#receipt .pnlwait1 .dashed-box img{
	width:50%;
	margin-left:25%;
	margin-top:10px
}

.fluid-popup.main .header .triangle-border { display:none; }

#contact .phone .infoBalloon dl,
#contact .phone .infoBalloon dl dt,
#contact .phone .infoBalloon dl dd
{
	.box-sizing();
	width:100%;
}

#contact .phone .infoBalloon span.hover
{
	width:250px;
	left:-25px;
	top:35px;
}

#contact .phone .infoBalloon dl dt
{
	color:@vakantieaanbiedingen-color-red;
	font-size:16px;
	position:relative;
	padding-left:35px;
	padding-bottom:10px;
	font-family:tga_bold;
}

#contact .phone .infoBalloon dl dt::before{
	content:'';
	display:block;
	position:absolute;
	left:0px;
	width:26px;
	height:26px;
	background-repeat:no-repeat;
	background-size:contain;
}
#contact .phone .infoBalloon dl dt.phone::before { background-image:url(img/vakantieaanbiedingen.nl/Ico/tel_icon.svg); }
#contact .phone .infoBalloon dl dt.openinghours::before { background-image:url(img/vakantieaanbiedingen.nl/Ico/Icon_openingstijden.svg); }
#contact .phone .infoBalloon dl dt.mail::before { background-image:url(img/vakantieaanbiedingen.nl/Ico/email-icon_02.svg); }
#contact .phone .infoBalloon dl dt.faq::before { background-image:url(img/vakantieaanbiedingen.nl/Ico/question_mark.svg); }

#contact .phone .infoBalloon dl dt:not(:first-child)
{
	padding-top:10px;
	border-top:1px solid @vakantieaanbiedingen-color-gray;
}

#contact .phone .infoBalloon dl dd:not(.item)
{
	padding-bottom:10px;
}

#contact .phone .infoBalloon dl dd{ font-size:12px;margin:0; }
#contact .phone .infoBalloon dl dd.phone { font-size:20px;font-weight:bold;color:#666;font-family:tga_bold;padding-left:0; }
#contact .phone .infoBalloon dl dd.phone small { font-size:12px; font-weight:normal; color:@vakantieaanbiedingen-color-red;font-family:tga_reg; }

#contact .phone .infoBalloon dl dd.openinghours span.day { font-weight:bold;color:#666;font-family:tga_bold; }
#contact .phone .infoBalloon dl dd.openinghours span.note { color:@vakantieaanbiedingen-color-red; }

#contact .phone .infoBalloon dl dd a {
	color:#0895de;
}

.box-matrix .prices .prefdate .date:not(.handen-los)::before 
{ 
	content:'';
	display:block;
	background:url(img/vakantieaanbiedingen.nl/Ico/hand_final.svg) no-repeat; 
	background-size:cover;
	position:absolute;
	left:10px;
	top:-32px;
	height:54px;
	width:90px;
	z-index:1000;
}

body.home #content .container>.row { padding-bottom:10px; }

.col3 .contact-box .woman{
	background-position: 10px 65px !important;
    width: 75px;
    height: 158px;
}

body.book .waitBoxContainer .wait-box
{
	height:375px !important;

	img { top:75px; }
}

.animation-container
{
	height:190px;
	margin:10px 0;
};

#receipt .pnlwait2 h3
{
	font-size:20px;
}
#receipt .pnlwait2 p {  }
#receipt .pnlwait2 h3,
#receipt .pnlwait2 h4
 {
	 text-align:center;
 }

#autocompletePhone{ z-index:1006; }

#top-links .topLinks .wishlist-container>.wishlist-button-holder svg path, 
.wishlist-button-holder a.active svg path, 
.wishlist-button-holder svg:hover path, 
.results .wishlist-button-holder svg:hover path,
body.detail .image .wishlist-button-holder svg:hover path,
body.detail .image .wishlist-button-holder a.active svg path,
#header-fluid .wishlist-button-holder svg path
{
	fill:@vakantieaanbiedingen-color-red;
	stroke:none;
}

#top-links .topLinks .wishlist-container>.wishlist-button-holder svg
{
    width: 40px;
    height: 40px;
    top: -12px;
    left: -9px;
}

#photo .carousel .bg-photo img
{
	.border-radius(@vakantieaanbiedingen-border-radius-small);
}

#photo .slick-track{ top:0 !important; }

.results .wishlist-button-holder svg path,
body.detail .image .wishlist-button-holder svg path
{
	stroke:none;
	fill:#fff;
	fill-opacity:.75;
}

body.detail .sidebar { padding-top:24px; }
body.detail #receipt { margin-top:0; }

body div.dd_chk_select div#caption { margin-left:7px;margin-top:2px; }

.main-search-box .duration .duration-blue-icon::before, .main-search-box .travelparty .travelparty-blue-icon::before, #travelparty-container.fluid-full-popup .travelparty-blue-icon::before, #travelparty-container.search-fluid-popup .travelparty-blue-icon::before, .main-search-box .select-wrapper-2::before
{
	left:10px;
}
.main-search-box .duration .duration-blue-icon::before
{
	left:6px;
}

.main-search-box .travelparty .travelparty-blue-icon::before
{
	left:8px;
}

#contact .phone
{
	padding:4px 0 8px 10px;
	font-family:tga_bold;
}

#contact .phone .number,
#contact .phone small { 
	height:28px;
	float:left;
	display:inline-block;
	vertical-align:middle;
}

#contact .phone .number
{
	display:inline-block;
	color:@vakantieaanbiedingen-color-red;
	margin:0 5px;
	font-size:26px;
	line-height:26px;
	
}

#contact .phone small{
	line-height:30px;
}

#photo .carousel
{
	.border-radius(@vakantieaanbiedingen-border-radius-small);
	overflow:hidden;
}

.fieldMessageBox .tooltipContent
{
	color:#666;
}

.fieldMessageBox .tooltipContent .passportBox {
	width:200px;
	min-height:106px;
	height:auto;
	float:left;
}
	.fieldMessageBox .tooltipContent .passport{
		 background:url(img/vakantieaanbiedingen.nl/base/elements/pc/passport_sprite.jpg?20160808) no-repeat left top;
		 width:200px;
		 height:106px;
		 display:block;
		 float:left;
		 background-size:cover;
		 cursor:zoom-in;
	}
	.fieldMessageBox .tooltipContent .passport.givenName{
		background-position:0px -212px;
	}
	.fieldMessageBox .tooltipContent .passport.infix{
		background-position:0px -106px;
	}
	.fieldMessageBox .tooltipContent .passport.lastName{
		background-position:0px 0px;
	}


	.help .help-search-box .btn-rood{ text-align:center;padding-left:20px; }


	#header-fluid .wishlist-button-holder path
	{
		stroke:#fff !important;
	}

#site.tablet #content { margin-top:105px; }
body.home #site.tablet #content { margin-top:55px; }
.fluid-popup .header .triangle-border { display:none; }

body.detail .pricelabel span.value { bottom:30px; left:22px; }
body.detail .offer .btn-rood.fluid { position:absolute !important;right:10px;bottom:0px; }
body.detail .package .offer  .price { top:-10px; right:25px; }
body.detail .package .offer  .price .pricelabel { height:130px; }

#receipt .btn-groen.fluid { min-width:initial; }

#matrix td:not(:first-child):not(.footnote)
		{
			background:#f7f7c3;
        }

#receipt .box-content{
	padding-bottom:20px;
}

.ui-datepicker-calendar .ui-datepicker-unselectable .ui-state-default, .ui-datepicker-other-month.ui-datepicker-unselectable .ui-state-default
{
	border-right:none;
	border-bottom: 1px solid @vakantieaanbiedingen-color-gray;
}

.topheader .col4:nth-child(2)
{
	position:relative;
	height:115px;
}

.topheader .col4:nth-child(2) img
{
	height:69px;
	position:absolute;
	top:38px;
}

#contact .nominations{ margin-top:5px; }
.nominations li { float:left;height:35px;overflow:hidden; }
.nominations span { width:37px;height:35px;overflow:hidden;text-indent:-9999px;float:left;display:inline-block;margin-top:5px; }

.nominations .trustpilot { width:150px;margin-right:5px; }
.nominations .trustpilot span
{
	width:100%;
	background: url(img/vakantieaanbiedingen.nl/logo/trustpilot_wit.svg) no-repeat left;
    transform: scale(0.85);
	margin-top:0;
}

.nominations .trustpilot.rating-4-stars,
.nominations .trustpilot.rating-5-stars
{ 
    width:170px;
    margin-right:10px;

    span
    {
        width:100%;
        background-size:100%;
        background-position: 0px 9px;
        transform:none;
    }
}

.nominations .trustpilot.rating-4-stars span { background-image:url(img/vakantieaanbiedingen.nl/logo/trustpilot_4_stars.svg); }
.nominations .trustpilot.rating-5-stars span { background-image:url(img/vakantieaanbiedingen.nl/logo/trustpilot_5_stars.svg); }

.nominations .anvr span
{
	background:url(img/vakantieaanbiedingen.nl/logo/anvr_2.svg) no-repeat;
	background-size:28px 26px;
	height:30px;
}

.nominations .calam span
{
	background:url(img/vakantieaanbiedingen.nl/logo/calamiteitenfonds_2.svg) no-repeat;
	background-size:28px 26px;
	height:30px;
}

.nominations .sgr span
{
	background:url(img/vakantieaanbiedingen.nl/logo/sgr_2.svg) no-repeat;
	background-size:24px 26px;
	height:30px;
}

.nominations li.rating
{
    &::after{
        display:block;
        content:'';
        width:113px;
        height:21px;
        margin:8px 10px 0 0;
    }
    /*
    &.rating-1-star::after{ background:url(https://s.trustpilot.com/images/tpelements/stars/l/1.png); }
    &.rating-2-stars::after{ background:url(https://s.trustpilot.com/images/tpelements/stars/l/2.png); }
    &.rating-3-stars::after{ background:url(https://s.trustpilot.com/images/tpelements/stars/l/3.png); }
    */

}

.nominations li.rating-text{
    line-height:32px;
    font-size:21px;

    & > small{
        font-size:66%;
        vertical-align:text-bottom;
    }
}


body.home .breadcrumb
{
	display:none;
}

body.home #content .container > .row.row-breadcrumb
{
	display:none;
}

.contact-box > .box-header
{
	text-transform:none;
}

#receipt .box-content .row > label
{
	background:none !important;
	text-indent:0 !important;
	width:100px !important;
	height:auto !important;
}
#receipt .row .field, 
#receipt .row ul
{
	width:60% !important;
}

.search-fluid-popup .ui-datepicker-title select.ui-datepicker-monthYear
{
	background-position: 96% 4px !important;
}

.search-fluid-popup .ui-datepicker-prev::before, .fluid-full-popup .ui-datepicker-prev::before
{
	transform: rotate(-270deg);
}

#slider-range 
{
	width:140px !important;
}

body.detail #content-center .package .offer {
	bottom:-5px !important;
}

#receipt span.tt { display:none; }

#receipt .popUpBox .content-box .content .popupContent ul { width:100% !important; }
#receipt .popUpBox .content-box .content .popupContent li label,
#receipt .popUpBox .content-box .content .popupContent div.total label 
{ width:60% !important; }
#receipt .popUpBox .content-box .content .popupContent li .field,
#receipt .popUpBox .content-box .content .popupContent div.total .field
{ width:40% !important; text-align:right; }

.ui-datepicker-calendar td:first-child .ui-state-active { width:25px !important; }
.ui-datepicker tbody td { width:25px !important; }

.popupContainer .content a.close
{
	right:10px;
}

#receipt #ctl00_ContentPlaceContentBlock3_Receipt_pnlButtonSave .row a:first-child
{
	bottom:86px;
}

#receipt #ctl00_ContentPlaceContentBlock3_Receipt_pnlButtonSave .popUpBox .row a:first-child
{
	bottom: 0;
}

body.book .step-content .btn a,
body.book #ContentPlaceHolderContent_btnCustomer,
body.book #ContentPlaceHolderContent_btnPayment,
body.book #ContentPlaceHolderContent_btnTerms
{
	background:@pv-color-green;
}

.search-fluid-popup
{
	z-index:1003 !important;
}

.search-fluid-popup:not(#travelparty-container) .select-wrapper-fluid select
{
	font-weight:normal;
}

#travelparty-container a.fluid-close, #travelparty-container a .fluid-full-popup a.fluid-close
{
	    top: -6px;
    right: -11px;
}

#content-bottom .content-box .content, .book .content-box .content, .complete .content-box .content, .priceBuildUpBox .content-box .content,
body.dossier .content-box .content {

		padding: 15px 30px 15px 20px;

        .btn-rood.wide{
            height: 36px;
            margin-top: 18px;
        }
}


body.book .formValidator .dashed-box.red
{
	width:250px;
}
 
.box-photos .small-photos-container a.prev::after, .box-photos .small-photos-container a.next::after
{
	color:@vakantieaanbiedingen-color-red !important;
}
#photo-small>div .slick-current img
{
	border-color:@vakantieaanbiedingen-color-red !important;
}

#photo a#btn-up:hover::after, #photo a#btn-down:hover::after
{
	background:rgba(255,0,62,0.95);
}


#geotree-content .box-popular-links  { display:none !important; }

.main-search-box .select-wrapper-2.destination::after{
	position: absolute;
    right: 8px;
    bottom: 6px;
    pointer-events: none;
    font-family: 'vakantieaanbiedingen-icons';
    content: 'g';
    font-weight: bold;
    font-size: 16px;
    color: @vakantieaanbiedingen-color-red;
    bottom: 8px;
}

#search-results-column .box-header .header-option,
#search-results-column .box-header a.tab { margin-top:15px; }

iframe[id$="ifrZooverReviews"]{
    display: block;
    width: 104.6%;
    height: 80vh;
    border: none;
    margin-left: -8px;
    overflow-x: hidden;
}

div.categories-zooverlogo {
    width: 50%;
    min-height: 75px;

    margin-top: -8%;
    background: url('Img/Base/Logo/zooverlogo.png');
    background-size: 100%;
    background-repeat: no-repeat;
}

div[id$="pnlMobileReviewInfo"] {
/*  There is a media query in media_extend.less that
    sets 'display: block' for this element on mobile  */
    display: none;

    & > section{
        height: 140px;

        .roset {
            position: relative;
            float: left;
            .box-sizing();

            width: 110px;
            height: 95px;

            margin:15px;
            padding-top: 22px;
            text-align: center;


            font-size: 35pt;
            font-family: 'tga_bold';
            //letter-spacing: -5px;

            border: 1px solid #dae5f1;
            border-radius: 4px;

            background-color: #f3f4f8;
            color: @va-zoover-reviewgrade-color;
            
            & > small{
                position: relative;
                font-size: 55%;
                top: -.6em;
                left: -3px;
                vertical-align: baseline;
            }
            
            & > span.review-count{
                position: absolute;
                display: inline-block;

                color: #81bacf;
                font-size: 14px;
                font-family: 'tga_reg';
                letter-spacing: normal;
                font-weight: normal;

                width: 84px;

                left: 11%;
                bottom: 10%;
            }
        }

        .categories-zooverlogo{
            margin-left: 136px;
            background-position-y: 20px ;
        }
    }

    & > article.zoover-category-scores {
        margin: 0 5%;

        & > div {
            margin-bottom: 14px;
            font-size: 13px;

            * {
                position: static;
                box-sizing: content-box;
                height: 1em;
                display: block;
            }                

            & > .category,
            & > b.grade {
                height: 1em;
                background: white;
                padding: 1px 0.5em 2px;
            }

            & > b.grade {
                float: right;
                padding-right: 0;
                color: @va-zoover-reviewgrade-color;
                font-family: 'tga_bold';
                font-size: 14px;
            }

            & > .category {
                float: left;
                padding-left: 0;
            }

            & > .dots {
                border-bottom: 1px dotted lightgrey;
                margin-bottom: 2px;
                height: 15px;
            }
        }
    }

    a[id$="lnkZooverReviews"]{
        width: 75%;
        margin: 15px 12.5% 15px 12.5%;
    }     
}

div.accommodation.col4 .details .review {
    margin: -6px 0;
}

carousel:not(.slick-dotted) .bg-photo:not(.slick-slide) {
    /* Reset Prijsvrij Setting, causing the frontpage banner to misalign with the searchbox*/
    bottom: 0;
}

#photo .carousel .bg-photo:not(.slick-slide){
    bottom:0 !important;
}

@media (max-width: 979px) and (min-width: 768px){
    #photo .carousel .bg-photo:not(.slick-slide){
        bottom: -32px!important;
    }

    #photo{
        top:26px !important;
    }

    #photo,
    #photo .carousel
    {
        height:465px !important;
        top:0;
    }

    #photo .carousel>div{
        height:450px !important;
    }
}
@media (max-width: 767px){
    #photo .carousel .bg-photo:not(.slick-slide){
        bottom: -40px !important;
    }
}

#contact .nominations span{ margin-top:2px; width:33px; }

.search-parameters .search-row.button>input.btn-rood{
    padding-left:10px;
    font-size:18px;
}
