/* PRIJSVRIJ BASE */
@import "./components/base/base_mixins.less";
@import "styleguide.less";

/* Fonts */
@pv-font-default:'Lato';
@pv-font-fgh:'Lato';
@pv-font-twc:'Lato';
@pv-font-twc-bold:'Lato';
@pv-font-icons:'prijsvrij-icons';
@pv-font-lobster:'Titillium Web';

@pv-font-weight-light:300; /*deze wordt niet meer gebruikt*/
@pv-font-weight-regular:400;
@pv-font-weight-semibold:600;
@pv-font-weight-bold:700;

@pv-font-size-default:14px;
@pv-line-height-default:22px;
/* Generic colors */
@pv-color-blue:#FF7801;
@pv-color-dark-blue:#cc6000;
@pv-color-yellow:#FF7801;
@pv-color-green:#339900; /*#109f0f;*/
@pv-color-red:#D90000;
@pv-color-white:#fff;
@pv-color-black:#333;
@pv-color-light-blue:#EDF7FE;
@pv-color-blue-trips:#0093f3;
@pv-color-blue-border:#a8d7f7;
@pv-color-standard-text:#333;
@pv-color-yellow-bookerror:#FEFDDE;
@pv-color-yellow-inactive:#FFBB80;
@pv-color-grey:#A8A8A8;
@pv-color-grey-light:#F9F9F9;
@dr-color-blue:#0077BF;

/* Specific location colors */
@pv-html: {
};

@pv-site:{};

@pv-logo:{
	height:63px;
	margin-top:-14px;
	margin-bottom:9px;
};
 @pv-logo-image:{
     height:45px;
     width:290px;
     margin-left:0;
 };

@pv-shadow:{
 };


@pv-footer-bottom-color:#137AE1;
@pv-footer-bottom-height:38px;

@pv-header:{
};
@pv-header-background-color:@pv-color-blue;
@pv-header-topheader:{
	background:none;
};

@pv-header-toplinks:{
     font-size: 13px;
     font-weight: @pv-font-weight-semibold;
 };
@pv-header-contact-margin-top:15px;
@pv-header-toplinks-border-right:1px solid #4ab2f6;
@pv-header-toplinks-border-left:1px solid #0080d5;
@pv-header-toplinks-link-color:#fff;


@pv-select:{
	border:1px solid @pv-color-blue-border;
	background:#fff url(img/base/elements/pc/pijltje.svg) no-repeat 96% 6px;
	background-size:19px 19px;
	padding: 2px 10px;
    border-radius:3px;
    font-size: 14px;
    height:31px;
    color:@pv-color-black;

    &:hover,
	&:active {
	    border:1px solid #4099cf;
    }
};
@pv-select-search:{
	width:230px;
    background-position: 203px 6px;
};

@pv-fake-checkbox:{
	 background: url(img/base/elements/pc/checkbox.png) no-repeat transparent 2px 1px;
     background-size: 16px;
     margin-left:5px;
     padding-left: 28px;
};
@pv-fake-checkbox-active:{
	 background: url(img/base/elements/pc/checkbox_aan.png) no-repeat transparent 2px 1px;
     background-size: 16px;
};
@pv-fake-checkbox-hover:{

};
@pv-searchfilters-inactive:{
	 background: url(img/base/elements/pc/checkbox_uit.png) no-repeat transparent 2px 1px;
     background-size: 16px;
};
@pv-delete-button-background-color:@pv-color-red;
@pv-delete-button-border-radius:4px;
@pv-delete-button:{
    width: 22px;
    height: 22px;
    font-size: 25px;
    font-weight: @pv-font-weight-regular;
    line-height: 18px;
    background:none;
    color:@pv-color-black !important;
};

@search-box-padding:0px 0 5px 5px;

@pv-box-header:{
    background: @pv-color-blue;
	color:#fff;
    font-size: 18px;
    font-weight:@pv-font-weight-semibold;
    font-style:italic;
    text-transform: none;

    a.tab {
        font-weight:@pv-font-weight-bold;
    }
 };
@pv-header-option: {
    display:flex;
    font-family:@pv-font-default;
    font-size:14px;
    font-style:normal;
    width: 280px;
    font-weight:@pv-font-weight-regular;
    text-transform:initial;
    margin:0 0 6px 10px;
    color:@pv-color-black;
    
    select {
        background: #fff url(img/base/elements/pc/pijltje.svg) no-repeat 96% 6px;
        background-size: 19px 19px;
        font-size: 14px;
        box-shadow: none;
        width: 100%;
    }
    p.dropdown-label {
        line-height:32px !important;
    }
};

@pv-results-li-before:{};
@pv-results-li-after:{
        display:block;
        width:100%;
        content:"";
        border-top: 1px solid #EFEFEF;
  };


@pv-content:{
	padding-bottom:23px;
};
@pv-content-background-color:@pv-color-white;

 @pv-content-container:{
};

 @pv-site-container-width:950px;
 @pv-site-container-padding:0;

@pv-carousel-background-color:@pv-color-blue;
@pv-html-background-color:@pv-color-blue;

    @pv-menu-background: {
        background: @pv-color-blue;
    };
    @pv-menu-background-active: {
        background: #edf7fe;
        border-top-left-radius: 3px;
        border-top-right-radius: 3px;
    };
    @pv-menu-color-active:@pv-color-red;

	@pv-searchbox-after-color:@pv-color-black;
    @pv-searchbox-border-radius:3px;
    @pv-searchbox-destination-select:{
        &:after {
            @pv-select-after();
            position:absolute;
			right:8px;
			bottom:6px;
			pointer-events:none;
        }
    };
    @pv-button-border-radius:3px;
    @pv-button-rood:{
    background: #FF7801;
    box-shadow: inset 0px -4px 0px rgba(0, 0, 0, 0.2);
    width: auto;/*144px;*/
    height: 40px;
    padding: 9px 34px 15px 20px;
    border-radius:2px;
    font-style: normal;
    font-weight: bold;
    font-size: 12px;
    line-height: 16px;
    display: flex;
    align-items: center;
    text-align: center;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    box-sizing:border-box;

    &:hover {
        box-shadow: inset 0px -6px 0px rgba(0, 0, 0, 0.2);
    }

    &:active {
        box-shadow: inset 0px -1px 0px rgba(0, 0, 0, 0.2);
    }

    &:after {
        bottom: 12px;
    }
       
        &.sticky {
            position:fixed!important;
            width:290px;
        }
    };

	 @pv-button-rood-arrow:{
		 min-width:210px;
     };
	@pb-button-rood-arrow-down:{ background: url(img/base/button/pc/knop_uitklap.png) no-repeat left top; };
	@pv-button-rood-print:{
		    width:175px;
		    padding-left:35px;
            background: url(img/base/button/pc/btn-rood-print.png) no-repeat left top;
	};

@pv-dropdown-div:{
    top: 31px !important;
    box-shadow: rgba(0,0,0,0.2) 0px 0px 11px 2px;
    width: 259px;
    padding: 4px 15px 15px 6px;
    font-size:14px;
    font-weight:@pv-font-weight-regular;
    line-height: 22px;

    div#buttons{
        input {
            font-size: 14px !important;
        }
        width: 100% !important;
    }

    div#buttons input:first-child {
        font-family: Lato;
        font-style: normal;
        font-weight: bold;
        font-size:12px !important;
        line-height: 16px;
        float:right !important;
        background:@pv-color-red !important;
        text-align: left !important;
        border-radius: 3px !important;
        text-transform: uppercase !important;
        padding: 4px 20px 6px 10px !important;
        width: 130px !important;
        height: 32px !important;
        @pv-button-rood();
    }

	@pv-custom-checkbox();

    &:after {
        content:'';
		color: #fff;
		line-height: 16px;
		background: url(img/base/elements/pc/pijltje_wit-r.svg) no-repeat right 3px;
		background-size: 19px 19px;
		position: absolute;
		right: 20px;
		bottom: 15px;
		display: block;
		pointer-events: none;
		width: 130px;
        height: 32px;
    }
}
;

@pv-custom-checkbox: {

    input[type=checkbox],
    input[type=radio] {
        position: absolute;
        z-index: -1000;
        left: -1000px;
        overflow: hidden;
        clip: rect(0 0 0 0);
        height: 1px;
        width: 1px;
        margin: -1px;
        padding: 0;
        border: 0;
    }

    input[type=checkbox] + label,
    input[type=radio] + label,
    span.aspNetDisabled + label.initialLabel {
        padding-left: 30px;
        height: 20px;
        min-height: 20px;
        line-height: 20px;
        display: inline-block;
        background-repeat: no-repeat;
        background-position: 0 0;
        vertical-align: middle;
        cursor: pointer;

        &:hover {
            font-weight: @pv-font-weight-semibold;
        }
    }

    span.aspNetDisabled + label.initialLabel {
        background: url(img/base/elements/pc/checkbox_uit.png) no-repeat transparent 0 0;
        background-size: 16px;
        color: #ccc;
        cursor: default;

        &:hover {
            cursor: default !important;
            font-weight: @pv-font-weight-regular !important;
            background-position: 0 0 !important;
        }
    }

    input[type=checkbox] + label {
        background-image: url(img/Base/elements/pc/checkbox.png);
    }

    input[type=checkbox]:checked + label {
        background: url(img/base/elements/pc/checkbox_aan.png) no-repeat transparent 0 0;
        background-size: 16px;

        &:hover {
            font-weight: @pv-font-weight-semibold;
        }
    }

    input[type=checkbox].parent-marked + label {
        background: url(img/base/elements/pc/checkbox_uit.png) no-repeat transparent 0 0;
        background-size: 16px;

        &:hover {
            font-weight: @pv-font-weight-semibold;
        }
    }

    input[type=radio]:checked + label {
        background-position: 0 -20px;
    }

    input[type=radio]:hover + label {
        background-position: 0 -40px;
    }

    input[type=radio]:checked:hover + label {
        background-position: 0 -60px;
    }

    input[type=radio] + label {
        background-image: url(img/Base/elements/pc/radio.png);
    }


    label {
        -webkit-touch-callout: none;
        -webkit-user-select: none;
        -khtml-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
    }
};

@pv-checks-label:{
    line-height:unset;
 };
@pv-dropdown-div-input:{
    background: @pv-color-blue !important;
    .text-shadow( 0 0 1px rgba(255,255,255,0.3););
};

@pv-button-groen:{
     font-family:Lato;
    background: #FF7801;
    box-shadow: 0 4px #cc6001;
    height: 36px;
    width:auto;
    box-sizing:border-box;
    padding: 12px 42px 10px 17px;
    font-style: normal;
    font-weight: bold;
    font-size: 12px;
    line-height: 16px;
    display: flex;
    align-items: center;
    text-align: center;
    letter-spacing: 0.08em;
    text-transform: uppercase;

    &:hover {
        box-shadow: 0 6px #cc6001;
		.transform(translateY(-2px));
    }

    &:active {
        box-shadow: 0 1px #cc6001;
		.transform(translateY(3px));
    }

    &:after {
        top: 9px;
    }

		@pv-button-rood-arrow-after();
};
@pv-button-groen-wide:{
    
};


@pv-searchparameters: {
    background: @pv-color-yellow;
    padding: 12px 14px 14px 14px;
    margin-top: 0px;
};
@pv-searchparameters-h4:{
     font-size: 19px;
     font-weight:bold;
     line-height:25px;
     text-transform: capitalize;
     margin-bottom:8px;
 };
@pv-searchparameters-title:{
    font-size:14px;
    color:#333;
};
@pv-searchparameters-select:{
    font-size:14px;
    font-weight:@pv-font-weight-semibold;
    line-height:22px;
    color:#333;
};

@pv-searchparameters-border-right:1px solid @pv-color-yellow;
@pv-searchparameters-border-left:1px solid @pv-color-yellow;
@pv-searchparameters-border-bottom:none;

@pv-searchparameters-border-radius:3px;
@pv-searchparameters-header-color:@pv-color-red;
@pv-searchparameters-title-color:@pv-color-black;
@pv-searchparameters-minheight:268px;
@pv-searchparameters-calendar-header:{
     background-color:@pv-color-blue;
     border-top-left-radius:4px;
     border-top-right-radius:4px;
     height:37px;
     margin-bottom:0px;
     .prev {
        width:30px !important;
        height:30px;
        
        a {
            text-indent:-9999px;
            transform:rotate(180deg) !important;
            background-image: url(img/base/elements/pc/pijltje_wit-r.svg);
            background-position:center center !important;
            background-size:24px;
            margin: 6px 2px !important;
            overflow: hidden;
            color: transparent !important;
        }
        background-color:transparent;
     }
     .month {
        text-transform: capitalize;
        width:170px !important;
        height:37px !important;
        text-align:center;
        color: @pv-color-white;
        background-color:transparent;
        font-size: 16px;
        line-height: 29px !important;
     }
     .next {
        width:30px !important;
        height:30px;
        float:right;
        
        a {
            background-image: url(img/base/elements/pc/pijltje_wit-r.svg);
            background-position:center center !important;
            background-size:24px;
            margin: 6px 2px !important;
            overflow: hidden;
            text-indent:-9999px;
            color: transparent !important;
        }
        background-color:transparent;
     }
 };
@pv-searchparameters-calendar:{
     @pv-datepicker-calendar();
     background: none;
     th {
         border:none;
         background-color: white !important;
     }
     td {
         @pv-datepicker-calendar-default();
         :hover {
             @pv-datepicker-calendar-hover();
         }
         &.selected {
             @pv-datepicker-calendar-active();
         }
         .otherMonth {
             @pv-datepicker-calendar-unselectable();
             color: #666 !important;
         }
         border:2px solid white;
     }
 };

@pv-all-departure-airports:{
    font-size:14px;
    bottom:5px;
    font-weight:@pv-font-weight-semibold;
};

@pv-footer:{
    background-color: #0092f2;
};
@pv-footer-content: {
    position: relative;
    width: 950px;
    padding: 0;
    margin: 0 auto;
};
@pv-footer-font-size:14px;
@pv-footer-font-weight:@pv-font-weight-regular;
@pv-footer-line-height:24px;
@pv-footer-dollarteken:none;
@pv-footer-box-border-left:none;
@pv-footer-link-color:@pv-color-white;
@pv-footer-link-textdecoration:none;
@pv-footer-box:{};
@pv-footer-box-width:150px;
@pv-footer-box-header-font-size:18px;
@pv-footer-box-header-color:@pv-color-white;
@pv-footer-box-header-texttransform:none;
@pv-footer-cookies-text:{
    font-size: 14px;
    font-weight: @pv-font-weight-regular;
    line-height: 20px !important;
    color: @pv-color-white;
    a{
        text-decoration: underline;
    }
};


  @pv-searchoverview:{
    background:@pv-color-yellow;

    h2 {
        padding-left:4px;
    }

    label.black {
        padding-left:4px;
        margin-bottom:0px;
    }

    .travelparty .filter-result-box .fwb {
        font-weight:@pv-font-weight-semibold !important;
    }

    .list-classification {
        margin-bottom:-1px !important;
    }
  };
  @pv-searchoverview-border-radius:3px;
@pv-searchoverview-h2-color:@pv-color-white;
@pv-searchoverview-h2-font-size:19px;
@pv-searchoverview-h2-margin-bottom:10px;

@pv-searchresults-tab-color:@pv-color-red;
@pv-searchresults-tab:{
	height:21px;
	padding:10px 15px 6px;
	background:#fff;
    border-bottom:1px solid #EFEFEF;
    font-size:16px;

    &.active{
    border-bottom: 2px solid #0077BF;
    margin-right: 10px;
    color:#0077BF;
    }
};
@pv-searchresults-tab-inactive:{
    text-shadow: none;
    color: @pv-color-black;
    border: none;
    &:hover {
        color:@pv-color-blue;
    }
};
@pv-searchresults-tab-active:{

};

@pv-geotree-content:{
 };

@pv-geotree-leftcol:{
		width:330px;
		margin-right:30px;
		float:left;
  };
@pv-geotree-rightcol:{
        width:~"calc(100% - 360px)";
        min-width:100px;
        float:right;
   };
@pv-geotree-photocontainer:{
		width:330px;
		height:200px;
    };
	 @pv-geotree-img:{
		width:330px;
		height:200px;
     };


@pv-box-header-multipletabs:{
	border-bottom: 1px solid #EFEFEF;

	& > div.fl:nth-child(2) > a 
	{
		margin-right:0;
	}
};

@pv-content-background: @pv-color-white;


@pv-select-border-top-color:#c6bc06;
@pv-select-border-left-color:#c6bc06;
@pv-select-border-bottom-color:#e2d807;
@pv-select-border-right-color:#e2d807;
@pv-select-box-shadow-color:#faf26e;

@pv-nav-sub-footer:{
	position:relative;
	margin:11px auto 0;
	height:50px;
	width:950px;
	z-index:1;
    left:50%;
    top:-470px;
};
@pv-nav-sub-font:{
    font-size:14px;
    font-weight: @pv-font-weight-semibold;
    text-decoration:none;
    color:#000;
};

@pv-menu-item-padding:9px 12px 11px 10px;

@pv-menu-item-inactive:{
	font-size:18px;
	text-decoration:none;
    font-weight: @pv-font-weight-bold;
	color:@pv-color-white;
 };
@pv-menu-item-inactive-before:{};
@pv-menu-item-inactive-after:{};
@pv-menu-item-active:{};
@pv-menu-item-active-before:{};
@pv-menu-item-active-after:{};

@pv-search-border-left:1px solid #1c9ef4;
@pv-search-border-top:1px solid #1c9ef4;
@pv-search-border-right:1px solid #64bcf8;
@pv-search-border-bottom:1px solid #64bcf8;
@pv-search-shadow-color:#7bc7f9;

@pv-popupoverlay-background-color:#fff;

@pv-searchfluidpopup-border-radius:0;
@pv-searchfluidpopup-padding:19px 27px 25px 23px;
@pv-searchfluidpopup-background:@pv-color-white;
@pv-searchfluidpopup-triangle-color:transparent;
@pv-searchfluidpopup-triangle:{
    display: none;
};
@pv-searchfluidpopup-header-color:@pv-color-red;
@pv-searchfluidpopup-header:{
    text-transform: none;
    font-weight: @pv-font-weight-bold;
    border-bottom: 15px;
};
@pv-searchfluidpopup-border-color:#000;
@pv-searchfluidpopup-smallselect:{
    width: 60px !important;
	padding-left:7px !important;
    background-position: 96% 6px!important;
 };
@pv-searchfluidpopup-mediumselect:{
    width: 85px !important;
	padding-left:7px !important;
    background-position:60px 6px !important;
  };

@pv-header-fluid-background-color:@pv-color-blue;
@pv-header-fluid:{
};
@pv-header-fluid-height:46px;
@pv-header-fluid-logo-height:25px;

@pv-fluid-button-border-radius:3px;
@pv-fluid-button:{
	background:none;
	border:none;
 };
@pv-fluid-button-border:1px solid #003d66;
@pv-fluid-button-color:#fff;
@pv-fluidpopup:{
    border:none;
    width: 670px !important;
    box-shadow: rgba(0,0,0,0.3) 0px 0px 15px 2px;
    font-size: 14px !important;
};
@pv-searchfluidpopup-black:{
     font-size: 16px !important;
     font-weight: @pv-font-weight-bold !important;
     color:@pv-color-black;
     width:160px;

     &.full {
         width:100%;
         margin: 20px 0 15px 0;
     }

     &.wide {
         width:90%;
         margin: 5px 0 5px 0;
     }
     &.flexdate {
         width:100px;
     }
 };
@pv-travelparty-fieldmessagebox:{
      left: 375px;
      padding: 10px 20px 20px 20px;
      font-size: 14px;
      line-height: 22px;
      top: 107px;

      &::after{
        display: none;
        position: absolute;
        left: -25px;
        top: 0;
        content: '';
        height:0px;
        width:0px;
        border-top: 25px solid #EDF7FE;
        border-left: 25px solid transparent;
    }
  };

@pv-dropdown-label-color:@pv-color-black;


@pv-searchfilters-link-color:@pv-color-black;
@pv-searchfilters-more-items-link-color:@pv-color-blue;
@pv-searchfilters-padding:0;
@pv-searchfilters-item-padding:27px;
@pv-searchfilters-label-font-size:16px;
@pv-searchresult-title-color:@pv-color-black;
@pv-searchresult-subtitle-color:@pv-color-grey;
@pv-searchresult-subtitle-texttransform:none;
@pv-searchresult-title:{
      font-size:20px;
      line-height:24px;
      font-weight:@pv-font-weight-bold;
 };
@pv-searchresult-subtitle:{
      font-size:14px;
      font-weight:@pv-font-weight-regular;
 };
@pv-searchresult-info:{
      font-size:14px;
      line-height:20px;
      font-weight:@pv-font-weight-regular;

		&:nth-child(3),
		&:nth-child(4)
		{
			width:65%;
		}
 };

@pv-pricelabel:{
	
	color:@pv-color-black;
	width:110px;
	height:60px;
	top:5px;
	right:0;
    font-size: 32px;
    line-height:48px;
    font-weight: @pv-font-weight-bold;
    display:flex;
    flex-direction:column;

    .value {
        right: 12px !important;
        &:after {
            content:",-";
            font-size:22px;
        }
    }
};
 @pv-pricelabel-small:{
	
	font-size:12px;
	line-height:12px;
    font-weight:@pv-font-weight-bold;
	text-align:right;
    color:@pv-color-black;
    padding-right:20px;
    
 };
@pv-pricelabel-huge:{
    span.value {
        bottom: 10px !important;
        right: 14px !important;
    }
    right: 20px !important;
    top: -12px;
    padding-top: 0;
};
@pv-pricelabel-huge-small:{

};
@pv-pricelabel-tiny:{
    width:40px;
    height:20px;
    font-size:12px;
    line-height:12px;
    &:after {
        content:",-";
    }
}
;

@pv-pricelabel-span: {
    color: @pv-color-blue;
    font-family: Titillium Web;
    font-style: normal;
    font-weight: bold;
    font-size: 32px;
    line-height: 38px;
    text-align: right;
    letter-spacing: -0.02em;

    & > .currency {
        display: none;
    }
};
@pv-pricelabel-huge-span:{
	position:absolute;
	right:20px;
	bottom:18px;
    & > .currency {
        display:none;
    }
};
@pv-pricelabel-tiny-span:{ bottom:10px; };

@pv-pricelabel-currency:{
        display:none
 };
@pv-pricelabel-medium-currency:{
        display:none;
  };


 @pv-searchresults-btnrood-padding:9px 10px 8px 10px;
 @pv-searchresults-btnrood-width:auto; 

@pv-classification-width:13;
@pv-list-classification:{
    width:unit(@pv-classification-width, px) !important;
    height:unit(@pv-classification-width, px) !important;
    
    background-position: center;
    
    &.star {
        background-image: url(img/base/elements/pc/Star.svg);
        background-size: contain !important;
        margin: 0 1px 0 0 !important;
    }
    &.no-star {
        background-image: none;
    }
    &.inactive.star {
        background-image: url(img/base/elements/pc/Star.svg);

        /* Making this a bit bigger because gray icon is a bit smaller than the gold icon */
        -webkit-transform: scale(1.3);
        -ms-transform: scale(1.3);
        transform: scale(1.3);
    }
    &.inactive.no-star {
        background-image: none;
    }
 };

@pv-list-classification-small:{
    width:11px !important;
    height:11px !important;
    margin-right:0 !important;
};

/* MOBILE */
@pv-mobile-content-background:{
    background: #fff url(img/base/gradient/phone_bg_zoekbox.png) repeat-x left top;
};

@pv-media-ios-select:{
		.border-radius(5px);
		border-color:#a8d7f7;
        font-size:14px;
        font-weight:@pv-font-weight-semibold !important;
        color:@pv-color-black;
		position:relative;
		background:#fff;
 };


@pv-searchresults-subheader-height: 26px;
@pv-searchresults-subheader-background:#d2ecfc;
@pv-resultpage-header-color:{
      background: transparent;
      background-color: transparent;
};
@pv-resultpage-header-texttransform:none;

@pv-fluidpopup-select-border-radius:3px;
@pv-fluidpopup-select-after-color:#000;
@pv-fluidpopup-datepicker-color:@pv-color-black;
@pv-fluidpopup-close:{
     top: 15px;
     right: 15px;
     background:none;
     border: none;
     font-size: 30px;
     color: @pv-color-black !important;
	
     ::after{
        color: @pv-color-black !important;
     }
 };
@pv-fluidpopup-close-lineheight:30px;
@pv-fluidpopup-close-color:@pv-color-black;
@pv-fluidpopup-datepicker-next-background: @pv-color-blue;
@pv-fluidpopup-datepicker-next-color:#fff;
@pv-fluidpopup-select-border-color:#a8d7f7;

@pv-header-toplinks-accocounter-border:2px solid #fff;
@pv-header-toplinks-accocounter-background:@pv-color-red;
@pv-header-toplinks-accocounter-border-radius:5px;
@pv-header-toplinks-accocounter-color:#fff;
@pv-header-toplinks-accocounter-border-margin:0;
@pv-header-contact-infoballoon-color:#fff;
@pv-header-contact-phone:{
    font-size: 25px;
    font-weight: @pv-font-weight-bold;
	color:#fff;
};
 @pv-header-contact-phone-small:{
    margin-left: 8px;
    font-size: 14px;
    font-weight: @pv-font-weight-semibold;
};

@pv-input:{
    border-top:@pv-input-bordertop;
	border-left:@pv-input-borderleft;
	border-right: @pv-input-borderright;
	border-bottom: @pv-input-borderbottom;
	font-size:14px;
	padding-left:7px;
	padding-right:7px;
	.border-radius(3px);

    &:hover, 
	&:focus {
	    border:1px solid @pv-color-blue;
    }
};
@pv-input-search:{
    background:#fff url(img/base/elements/pc/Prijsvrij_Zoek.svg) no-repeat 273px center;
    border:none;
	background-size:19px 19px;
	padding: 3px 25px 2px 7px;
    border-radius: 3px;
    width: 300px;
    font-size: 14px;
    color: grey;
    box-shadow: none;
    &:hover, 
	&:focus {
	    border:none;
    }
};
@pv-input-calendar:{
	background: #fff url(img/base/ico/Kalender.svg) no-repeat 138px; 	 	
    background-size: 19px 19px !important; 
};

@pv-nav-sub:{
    background-color: #EDF7FE;
 };

@pv-searchbox-margintop:0px;
@pv-searchbox-marginbottom:40px;

@pv-searchparameters-h4-before:{
      display: none;
};

@pv-boxcontent-borderbottom:1px solid #fff;
@pv-boxcontent:{
     background: @pv-color-light-blue;
     background-color: @pv-color-light-blue;
 }
;

@pv-roset: {
    position: inherit;
    float: left;
    z-index: 1;
    color: @pv-color-white;
    border-radius: 2px;
    line-height: 20px;
    background: @dr-color-blue;
    font-size: 14px;
    font-weight: @pv-font-weight-bold;
    padding: 0;
    height: 32px;
    width: 32px;
    display: flex;
    align-content: center;
    justify-content: center;
    flex-direction: row;
    align-items: center;

    &::after {
        display: none;
    }
};

@pv-roset-big:{
     font-size:29px;
     line-height:34px;
 };
@pv-roset-huge:{
};
@pv-roset-small:{font-size:inherit;};
@pv-categories-roset:{
    position: inherit;
    left:-69px;
};

@pv-searchresults-sortoption-padding:2px 2px 10px 0px;

@pv-searchresult-review:{
    margin-top: 18px;
    margin-bottom: 10px;
}
;
@pv-review-link: {
    line-height: 14px;
    margin-left: 8px;
    float: left;
    text-decoration: none;
    font-size: 14px;
    font-weight: @pv-font-weight-regular;
    color: @pv-color-grey;

    b {
        color: @dr-color-blue;
        font-weight: @pv-font-weight-bold;
        margin-bottom: 3px;
        float: left;
        clear: both;
        width: 100%;
    }

    &:hover {
        text-decoration: underline;
    }
};
@pv-detail-review-link:{ margin-left:10px; };

@pv-ui-slider-handle:{ top:-11px; height:30px; background:url(img/base/button/pc/Budget_zoekfilter.svg) no-repeat left top;  
                       
};
@pv-ui-slider-handle-right:{ background: url(img/base/button/pc/Budget_zoekfilter.svg) no-repeat left top; 
                        -webkit-transform: rotate(180deg);
                        transform: rotate(180deg);
 }
;

@pv-slider-range-border:1px solid @pv-color-blue-border;
@pv-slider-range-background:#e4f3fd;
@pv-slider-range-selected-background:#0077bf;

@pv-button-rood-regular: {
    background: url(img/base/button/pc/btn-rood.png) no-repeat left top;
    color: #fff !important;
    padding: 9px 10px 8px 10px;
    @pv-button-rood-arrow-after();
};
@pv-button-rood-small:{
	width:90px;
	background-image: url(img/base/button/pc/btn-rood-small.png);
};
@pv-button-rood-wide:{
	width:205px;
	height:21px;
	padding-right:5px;
	padding-top:7px;
	font-size:14px;
	font-weight:bold;
    background: url(img/base/button/pc/btn-rood-wide.png) no-repeat left top;
};

@pv-default-link-color:#FF7801;//@color-secondary;
@pv-searchfilters-active-background-color:#efefef;
@pv-searchfilters-active:{

};
@pv-searchfilters-hover:{
     color:@dr-color-blue;
     background: url(img/base/elements/pc/checkbox_hover.png) no-repeat transparent 2px 1px;
     background-size: 16px;
};

@pv-button-rood-small-link:{};
@pv-button-rood-links:{};

@pv-autocomplete-border:none;
@pv-autocomplete-highlight-background:#dff2ff;
@pv-autocomplete-subtitle-color:@pv-color-blue;

@pv-infoballooon-span-border:1px solid #0195f8;

@pv-header-contact-phone-infoballoon-hover:{
    border-bottom:1px solid #fff;
    border-left:none;
    border-right:none;
	font-size:14px;
	line-height:22px;
	top:0;

	dl dt { font-weight:@pv-font-weight-bold; width:88px !important; }
	dl dd { float:left !important; }
	a { color:@pv-color-blue; }

	.phonenumber-holder
	{
		position:relative;

		.phonenumber
		{
			padding-left:30px;
			font-size:18px;
		}

		.phonenumber::before
		{
			content: '';
			width: 21px;
			height: 15px;
			background: url(img/base/ico/vlaggen_mobiel.jpg) no-repeat 100px 0;
			background-size: 63px 15px;
			position: absolute;
			left: 0;
			margin-top: 4px;
		}

		&.nl .phonenumber::before { background-position: 0 0; }
		&.be .phonenumber::before { background-position: -21px 0; }

		.item-status
		{
			color:#fff;
			text-align:center;
			padding:5px 0;
			margin:10px 0;
			font-size:14px;

			&.open{
				background-color: #238c00;
			}
			&.closed{
				background-color: #bbb;
			}
		}

		&.open .item-status.closed { display:none; }
		&.open .item-status.open { display:block; }
		&.closed .item-status.open { display:none; }
		&.closed .item-status.closed { display:block; }
		
	}
};

@pv-header-contact-phone-dl-borderbottom:1px solid @pv-color-blue;
@pv-header-contact-phone-dl-bordertop:1px solid @pv-color-blue-border;

@pv-paging-pagenumber-borderright:none; 
@pv-travelparty-link-color:#333;
@pv-travelparty-link-change-travelers:{
     text-align: left;
     display:block;
     font-weight: @pv-font-weight-semibold;
     font-size:14px;
     line-height:24px;
     color: #0077BF;
};
@pv-travelparty-link-span-multi:{
     font-weight: @pv-font-weight-semibold;
     font-size:14px;
};
@pv-travelparty-searchparameters-link-change-travelers:{
     text-align: right;
     line-height:23px;
     color:@pv-color-blue;
};
@pv-travelpartyholder-padding:0px;

@pv-top-popup:{
    background-color:#fff;
    padding:10px 15px 20px 15px;
    width:300px;
    .box-shadow(rgba(0,0,0,0.3) 0px 0px 15px 2px);
    input[type="text"], 
    input[type="password"], 
    input[type="email"]{
		width:155px !important;
	}
 };
@pv-visited-accommodations-title-color:@pv-color-red;

@pv-close-red:{
    background:none;
    border:none;
    text-decoration:none;
    right:14px;
    &::after{
        font-size: 46px;
        font-weight:500;
        color: @pv-color-black;
    }
};

@pv-visited-accommodations-h5-accommodation-color:@pv-color-red;
@pv-visited-accommodations-h5-location-color:@pv-color-blue;
@pv-visited-accommodations-h5-accommodation:{
	font-size:14px;
	line-height:18px;
	font-weight:@pv-font-weight-bold;
};
@pv-visited-accommodations-h5-location:{
	font-size:14px;
	text-transform:none;
	font-weight:@pv-font-weight-regular;
};

@pv-visited-accommodations:{
	ul.list-classification.small li
	{
		width:9px !important;
		height:9px !important;
	}
 };

@pv-visited-accommodations-item-remove:{ margin-right:0; };
@pv-visited-accommodations-item-remove-after:{
	  color:#333 !important;
	  font-size:25px;
      font-weight:@pv-font-weight-regular;
	  line-height:18px;
  };
@pv-visited-accomodations-a:{
	font-size:14px !important;
	font-weight:@pv-font-weight-regular !important;
};

@pv-visited-accomodations-li-before:{
	height:18px;
};
@pv-visited-accommodations-link-color:@pv-color-blue;
@pv-loginform-h4-color:@pv-color-red;

@pv-input-bordertop:1px solid #a8d7f7; 
@pv-input-borderleft:1px solid #a8d7f7; 
@pv-input-borderright:1px solid #a8d7f7; 
@pv-input-borderbottom:1px solid #a8d7f7; 
 
@pv-travelparty-select:{
    border:1px solid @pv-color-blue-border;
	background-size:19px 19px;
	padding: 1px 0;
    border-radius: 3px;
    width: 300px;
    font-size: 14px;
    color: grey;
    margin-right:5px;

	&:hover, 
	&:focus {
	    border:1px solid @pv-color-blue;
    }
};

@pv-detail-content-background:@pv-color-white;
@pv-detail-content-center-background:#fff;
@pv-detail-content-bottom:{
    background: @pv-color-white;
	padding-top:20px;
};

@pv-detail-social-box-background:{
	display: none;
};

@pv-content-box:{
	width:100%;
};

@pv-content-info:{
     background: @pv-color-white;
     font-weight:@pv-font-weight-regular;
     padding: 0;
 };

@pv-content-info-introduction:{
    font-weight:@pv-font-weight-regular;
    line-height:20px;
    font-size:14px;
};

@pv-content-info-usp:{
     font-size: 16px;
     font-weight:@pv-font-weight-bold;
     font-style:italic;
     margin-top:10px;
     color:@pv-color-green;
     background: none;
	 text-align:center;
 };

@pv-tab-buttons-item:{
    margin: 0;
    padding: 8px 12px 8px;
    width: unset;
    height: unset;
    font-size:16px;
    font-weight:@pv-font-weight-bold;
    text-transform: capitalize;
    background: #fff;
    color: @pv-color-black;
    

    //transform: translateY(1px);
    &:hover {
        background-color: #fff;
        color:@pv-color-blue;
    }
};
@pv-tab-buttons-item-disabled: {
    a{
        pointer-events: none;
        background-color: #eee !important;
        color: #ccc !important;
    }
};
@pv-tab-buttons-item-active: {
    border-bottom: 2px solid #0077bf;
    color: @dr-color-blue;
};

@pv-tab-buttons-item-active-before:{
    display:none;
};
@pv-tab-buttons-item-active-after:{
    display:none;
};

@pv-packagetextorigin-backgroundcolor:@pv-color-grey-light;

@pv-matrix-filters-background:@pv-color-white;
@pv-matrix-prices-container:{
	background:#fff;
    width: 310px;
    .arrow-matrix {
        display: none;
    }
};

@pv-matrix-cell-link:{};
@pv-matrix-cell:{
	border-right: 2px solid #fff;
    border-bottom: 2px solid #fff;
	background-color: #F7FBFE;
	color: @pv-color-standard-text;
    font-size: 12px;
    div a {
        height: 18px;
        line-height: 15px !important;
        font-weight: @pv-font-weight-regular;
        width: 40px;
    }
};
@pv-matrix-first-column:{ 
    background-color:#fff; 
    font-weight: @pv-font-weight-regular;
    font-size: 14px;
    padding-right: 8px;
    width: 70px;

};

@pv-matrix-arrow:{
    content:"";
    display:inline-block;
    height:19px;
    width:19px;
    background-size:20px 20px !important;
    filter: invert(30%) sepia(97%) saturate(1109%) hue-rotate(177deg) brightness(96%) contrast(101%);
};
 @pv-matrix-arrow-hover:{
     filter: invert(68%) sepia(44%) saturate(6935%) hue-rotate(356deg) brightness(99%) contrast(105%);
 };
  @pv-matrix-arrow-inactive:{
filter: invert(69%) sepia(14%) saturate(0%) hue-rotate(191deg) brightness(97%) contrast(83%);
 };

@pv-matrix-shorter:{
     position:relative;

    &:before {
        @pv-matrix-arrow();
        background: url('img//Base/ico/2021/General/Arrow Left.svg') no-repeat 0 0;
        float: left;
        margin-top: 1px;
    }

    &:hover{
        color:@pv-color-blue;
        &:before{
            @pv-matrix-arrow-hover();
        }
    }
    &.aspNetDisabled{
        color:@pv-color-grey;
        &:before{
            @pv-matrix-arrow-inactive();
        }
        &:hover:before{
            @pv-matrix-arrow-inactive();
        }
    }
};
@pv-matrix-longer:{
     position:relative;
    &:after {
        @pv-matrix-arrow();
        background: url('img//Base/ico/2021/General/Arrow Right.svg') no-repeat 0 0;
        float: right;
        margin-top: 1px;
        
    }
    &:hover{
        color:@pv-color-blue;
        &:after{
            @pv-matrix-arrow-hover();
        }
    }
    &.aspNetDisabled{
        color:@pv-color-grey;
        &:after{
            @pv-matrix-arrow-inactive();
        }
        &:hover:after{
            @pv-matrix-arrow-inactive();
        }
    }
};
@pv-matrix-earlier:{
     position:relative;
    &:before {
        @pv-matrix-arrow();
        background: url('img//Base/ico/2021/General/Arrow Up.svg') no-repeat 0 0;
        float: left;
        margin-top: 1px;
    }
    &:hover{
        color:@pv-color-blue;
        &:before{
            @pv-matrix-arrow-hover();
        }
    }
    &.aspNetDisabled{
        color:@pv-color-grey;
        &:before{
            @pv-matrix-arrow-inactive();
        }
        &:hover:before{
            @pv-matrix-arrow-inactive();
        }
    }
};
@pv-matrix-later:{
     position:relative;
    &:before {
        @pv-matrix-arrow();
        background: url('img//Base/ico/2021/General/Arrow Down.svg') no-repeat 0 0;
        float: left;
        margin-top: 1px;
    }
    &:hover{
        color:@pv-color-blue;
        &:before{
            @pv-matrix-arrow-hover();
        }
    }
    &.aspNetDisabled{
        color:@pv-color-grey;
        &:before{
            @pv-matrix-arrow-inactive();
        }
        &:hover:before{
            @pv-matrix-arrow-inactive();
        }
    }
};
@pv-matrix-head:{
     width:300px;
 };

@pv-matrix-footer-cell:{ 
     background-color: #fff; 
     font-size:13px;
     font-weight:@pv-font-weight-regular;
 };
@pv-matrix-travelparty:{ 
      border:1px solid #BFDDEF;
      border-radius:4px;
      width:100%; 
      margin-bottom:10px;
      padding:20px 10px 10px 45px;
      box-sizing:border-box;

      span {
          font-weight:@pv-font-weight-semibold;
      }
  };


@pv-detail-tripblock:{ margin:13px; };

@pv-matrix-legenda:{
    width:606px;
    box-sizing:border-box;
	padding:10px;
    margin-top:10px;
	background-color: @pv-color-grey-light;

    .avai, .chea {
        height: 23px;
        width: 42px;
        span {
            line-height: 19px !important;
        }
    }
};
@pv-matrix-legenda-li:{
    padding-bottom: 15px;
};

@pv-matrix-textbox:{
	
};

@pv-fakeselect:{
    border:1px solid @pv-color-blue-border !important;
	background:#fff url(img/Base/elements/pc/pijltje.svg) no-repeat 96% 6px !important;
	background-size:19px 19px !important;
	padding: 3px 7px !important;
    border-radius: 3px !important;
    font-size: 14px !important;
    width:167px !important;
    &:hover {
	    border:1px solid #4099CF !important;
    }
};


@pv-matrix-cell-default:{ 
    background-color:#d7edfd; 
    color:@dr-color-blue;
    border-radius: 4px;
    transition:transform ease 0.2s;
    font-size:14px;
};
@pv-matrix-cell-default-hover:{ 
     background-color:#d7edfd;
     color:#fff;
     transform:scale(1.2);
 };
@pv-matrix-cell-default-link:{
    
}
;

@pv-matrix-cell-selected: {
    @keyframes zoomIn {
        0% {
            transform: scale(0.1) rotate(0deg)
        }

        70% {
            transform: scale(1.2) rotate(-10deg)
        }

        100% {
            transform: scale(1) rotate(-3deg)
        }
    }

    width: 56px !important;
    height: 25px !important;
    top: -5px;
    left: -6px;
    padding-top: 6px !important;
    padding-left: 1px;
    margin-left: -2px;
    color: #fff;
    border: none;
    background: #FF7801;
    /* Button Shadow */
    box-shadow: inset 0px -4px 0px rgba(0, 0, 0, 0.2);
    border-radius: 2px;
    transform: rotate(-3deg);
    background-size: 100%;
    font-size: 14px;
    line-height: 15px;
    animation: zoomIn 0.5s ease;

    &:hover {
        transform: rotate(-3deg) scale(1.2);
    }
};
@pv-matrix-cell-selected-link:{
    top: -16px;
    left: ~"calc(50% - 27px)";
    line-height: 18px !important;
};

@pv-matrix-cell-cheapest:{ 
    background-color:@dr-color-blue; 
    color:#fff !important;
    border-radius: 4px;
};
@pv-matrix-cell-cheapest-hover:{ background-color: @dr-color-blue; };
@pv-matrix-cell-cheapest-link:{
};

@pv-matrix-cell-budget-highlight:{
        color: @pv-color-red;
        background-color:#fff9a1;
 };

@pv-matrix-cheapest-duration:{
        color:#fff !important;
        background-color:@dr-color-blue !important;
  };
@pv-matrix-cheapest-duration-hover:{
	   background-color:@dr-color-blue !important;
   };

@pv-matrix-cheapest-cell:{ };
@pv-matrix-cheapest-cell-span:{
};


@pv-matrix-trip:{
	.border-radius(2px);
	border: 2px solid @pv-color-grey-light;
    transition:border 0.3s ease;
    color:@dr-color-blue;
	

    .transport-icon > span.tt,
    .board > span:first-child {
        filter: invert(34%) sepia(59%) saturate(4812%) hue-rotate(184deg) brightness(88%) contrast(102%);
    }

    .action{
        .status-icon{
            .status {
                
            }
        }
    }
    & .price {
        font-size:20px;
        line-height:24px;
        font-weight:700;
        font-family:'Titillium Web';
        color:@pv-color-black;

        &:first-letter {

        }
        .currency {

        }
    }

    .board{
        color:@pv-color-black;
    }

    &:hover {
        border: 2px solid #85cbfc;
    }
};
@pv-matrix-fieldset:{

 };

@pv-popupheader-buttonlist-a:{
    background:none;
    background-color:@pv-color-white;
    color:@pv-color-blue;
};
@pv-popupheader-buttonlist-a-hover:{
    background:none;
};
@pv-popupheader-buttonlist-a-active:{
    background:none;
    background-color:@pv-color-blue;
    color:@pv-color-white;
}
;

@pv-receipt: {
    background-color: @pv-color-light-blue;
    font-weight: @pv-font-weight-regular;
    padding: 0;
    margin: 0;
    margin-bottom: 20px;

    .box-header {
        background: @pv-color-blue !important;
        color: @pv-color-white !important;
        text-transform: none;
    }

    .box-content {
        padding-top: 20px;
        line-height: 22px;
    }
};

@pv-receipt-pricecontainer-width:{
    width:190px;
    .popUp{
        width:190px;
    }
};

@pv-receipt-row:{
    &:not(:empty){
        margin-bottom:10px;
    }
    &.no-content{
        margin-bottom:0px;
    }
    line-height:20px;
};


@pv-dashed-box:{
    padding: 10px 16px 52px 16px;
    background: @pv-color-light-blue;
    border: 1px solid @pv-color-blue-border;
    font-weight:@pv-font-weight-regular;
    line-height:18px;
};

@pv-matrix-roomlogo:{

   };

@pv-nomatrixoverlay:{ background: #f4f4f4; };
@pv-matrix-wait-box:{ background:rgba(255,255,255,0.9); width:300px;};

@pv-ico-travelers-adult:{ background: url('img//Base/ico/2021/Other/Male.svg') no-repeat 0 0; };
@pv-ico-travelers-adult-light:{  };
@pv-ico-travelers-child:{ background: url('img//Base/ico/2021/Other/Child.svg') no-repeat 0 0; };
@pv-ico-travelers-child-light:{  };
@pv-ico-travelers-infant:{ background: url('img//Base/ico/2021/Other/Infant.svg') no-repeat 0 0; };

@pv-roomblock:{ margin:13px; };
@pv-priceblock:{};

@pv-datepicker-header-background:#88ccf9;
@pv-datepicker-calendar-active:{
	background: #FBF69F;
    a {
    font-weight:@pv-font-weight-bold !important;
    }
    width:33px !important;
    -webkit-box-shadow:none;
    -moz-box-shadow:none;
    box-shadow:none;
    -webkit-text-shadow:none;
    -moz-text-shadow:none;
    text-shadow:none;
};
@pv-datepicker-calendar-th:{
    font-weight: @pv-font-weight-semibold;
    background-color: @pv-color-white;
    text-transform: capitalize;
    font-size: 14px;
    color: @pv-color-black;
    text-shadow:none;
};
@pv-datepicker-calendar-unselectable:{
    background: #F7FBFE;
    border:none;
};
@pv-datepicker-calendar-hover:{
	background: #e4f3fd;
 };
@pv-datepicker-calendar-other-month-default:{
	background: #F7FBFE;
	font-weight:@pv-font-weight-regular;
  };
   @pv-datepicker-calendar-cell-span:{};
@pv-datepicker-calendar-default:{
	background: #CAE8FC;
	color:@pv-color-standard-text;
	font-weight:@pv-font-weight-regular;
    width:33px;
    height:26px;
    border-radius: 3px;
    font-size:14px;
    // Make the dates have a square shape rather than rectangular one. 
    padding: 3px 0;
   };

@pv-datepicker-calendar-cell:{ 
        border-right: 2px solid #fff; 
        border-bottom: 2px solid #fff;
    };
@pv-datepicker-select-monthyear:{ 
    width:150px;
    margin:6px;
    text-transform:capitalize;
    &:hover, 
	&:focus {
	    border:1px solid @pv-color-blue;
    }
};
@pv-datepicker-button:{
    background-image: url(img/base/elements/pc/pijltje_wit-r.svg);
    background-size:24px;
    background-position:inherit !important;
    margin: 9px 5px !important;
    &.ui-datepicker-prev {
        transform:rotate(180deg) !important;
    }
 };
@pv-datepicker:{
    width: 260px;
    background-color:@pv-color-white;
    box-shadow: rgba(0,0,0,0.2) 0px 0px 11px 2px;
};
@pv-datepicker-calendar:{
    border: 8px solid white;
    border-top:none;
    thead{
        border-bottom:none;
    }
    &.calendar {
        border:none;
    }
};
@pv-datepicker-header:{
    background-color:@pv-color-blue;
    border:none !important;
    height: 41px;
    font-size: 19px;
    line-height: 39px;
    & > a {
        margin-top:10px;
    }
 };

@pv-select-monthfull:{ 
	  width:123px !important; 
	  background-position:99px 6px !important;
	  padding-left:7px !important; 
	 &:hover, 
	&:focus {
	    border:1px solid @pv-color-blue;
    }
  };

@pv-dropdown-div-input-close-color:@pv-color-blue;
@pv-dropdown-last-child:{
       display:none;
};

@pv-weather-cell:{
    border-left: 1px solid #fff;
    border-right: 1px solid #fff;
	border-bottom: 1px solid #99d3f9;
};
@pv-weather-forecast-background:#e4f3fd;
@pv-weather-icon-backgound:{
	 /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#0092f2+0,44aff5+100 */
    .linear-gradient( 
        @origin: top; 
        @direction: to bottom;
        @start-color:@pv-color-blue;
        @stops: @pv-color-blue 0%, #44aff5 100%;
    );
 };
@pv-weather-icon-backgound-grey:{
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#548eba+0,548eba+12,91b6d3+100 */
    .linear-gradient( 
        @origin: top; 
        @direction: to bottom;
        @start-color:#548eba;
        @stops: #548eba 0%, #548eba 12%, #91b6d3 100%;
    );
  };
@pv-weather-climate-cell:{
        background-color: #e4f3fd;
	    border-right: 1px solid #fff;
	    border-bottom: 1px solid #99d3f9;
   };
@pv-weather-climate-month-cell:{background-color:#fff;};
@pv-weather-climate-thermometer:{
	.border-radius(3px);
    border:1px solid #46b5ff;
    background-color:#fff;
};
@pv-weather-h3-color:@pv-color-red;
@pv-weather-h4-color:@pv-color-red;


@pv-review-grade-overview:{ background-color: @pv-color-grey-light; };
@pv-review-grade-overview-grade:{ background-color: @pv-color-blue; };
@pv-review-table-cell-overview:{};
@pv-review-item:{
    background-color:#f9f9f9;
    
			&:nth-child(even){
				background-color:#f9f9f9;
			}
};
@pv-review-item-text:{ background-color:#fff; };
@pv-review-header-color:@dr-color-blue;

@pv-contact-box:{
    
};
@pv-contact-box-woman:{};
@pv-contact-box-h4-color:@pv-color-red;
@pv-contact-box-h4:{
};
@pv-contact-box-link-color:@pv-color-blue;
@pv-contact-box-telephone:{ 
    background: url(img/base/elements/pc/Prijsvrij_telefoon_icon.svg) no-repeat left 8px; 
    background-size: 31px;
    text-align:left;
    width: 130px !important;
    small {
        font-size:14px;
    }
 };
@pv-contact-box-telephone-span:{

  };

@pv-about-us:{
    .box-content {
        .check-list {
            li {
                font-size: 16px;
                font-weight: @pv-font-weight-semibold;
                text-transform:none;
                .vink.right {
                    width: 15px;
                    height: 15px;
					margin-top:8px;
                }
            }
        }

        .link-about {
            font-size: 14px;
            font-weight: @pv-font-weight-semibold;
            text-transform:none;
        }
    }
};

@pv-map-box-holder:{};
@pv-map-box-holder-image:{
	width:66px;
	height:44px;
	float:left;
};
@pv-map-box-holder-h4-color:@pv-color-red;
@pv-map-box-holder-h5-color:@pv-color-blue;
@pv-map-box-holder-h4:{font-weight: bold; line-height: 11px;};
@pv-map-box-holder-h5:{
    line-height: 20px;
    white-space: nowrap; 
    overflow: hidden;
    text-overflow: ellipsis;
    width: 220px;
    float: left;
    clear: both;
};
@pv-map-box-holder-pricelabel:{
	left:35px;
	top:35px;
};
@pv-map-box-holder-text:{
	width:145px;
	margin-left:10px;
 };
@pv-map-box-holder-content:{
	padding:6px 9px !important;
};

@pv-pricebreakdown-totalprice-bordertop:4px double #88ccf9;
@pv-pricebreakdown-discount-background:#88ccf9;
@pv-pricebreakdown-h4-color:#bf0000;
@pv-pricebreakdown:{};
@pv-pricebreakdown-discount:{  };
@pv-pricebreakdown-totalprice:{};

@pv-detail-h3-title-color: @pv-color-black;
@pv-detail-h4-color: @pv-color-black;

@pv-detail-priceoverview:{  
    background: transparent;
    border:none;
    border-image:none;
    border-radius:2px;
    box-shadow: 0px 4px 80px rgba(0, 0, 0, 0.07), 0px 0.893452px 17.869px rgba(0, 0, 0, 0.0417275), 0px 0.266004px 5.32008px rgba(0, 0, 0, 0.0282725);
};
@pv-detail-priceoverview-container2:{

};
@pv-detail-priceoverview-container1:{
            background-position:bottom;
            background: #F9F9F9;
 };
 @pv-detail-priceoverview-li:{
      margin-bottom:15px;
  };


@pv-receipt-spacer:{
	background-color:@pv-color-light-blue;
	border-bottom: 1px solid #a8d7f7;
	border-top:0;
	border-right:0;
	border-left:0;
};
@pv-receipt-lastrow:{ padding-bottom:15px; margin-bottom: 0px; border-bottom: 1px solid #a8d7f7; };
@pv-receipt-pricecontainer:{ 
    border-top: 1px solid #a8d7f7;
	width:100%;
    height:120px;
	
    .price {
        /*font-size:24px;*/
        text-align:right;
        font-weight:@pv-font-weight-bold;
        width: 190px;
		float:right;

		dt { float:left !important;}
		dd { float:right !important;}

        .currency {
            margin-right:2px;
        }
        .total-price {
            font-size: 13px;
            display: inline;
        }
    }
};
@pv-receipt-a:{};

@pv-matrix-pricedif-totalother-span:{
	font-size:16px;		
    border-top:4px double #cccccc;
};
@pv-matrix-pricedif-totalour:{
     .currency {
         
     }
     small{
         font-size:100%;
     }
 };
@pv-matrix-pricedif-totalour-span:{
	
};

@pv-matrix-vink:{
    background:url(img/base/ico/vinkje.svg) no-repeat 0 0;
	 /*
	 background: url(img/base/ico/sprite_vink_new.png?1) no-repeat -34px 0;
    background-size: 97px 22px;
	*/
}
;

@pv-detail-h1: {
    color: @pv-color-black;
    font-weight: bold;
    margin-bottom: 3px;
    font-family: Titillium Web;
    font-style: normal;
    font-size: 24px;
    line-height: 32px;
    letter-spacing: -0.02em;
    color: #333333;
};
@pv-detail-h2:{
    font-size:14px;
    text-transform:none;
    color:@pv-color-grey;
};

@pv-last-min-bc:{
	padding-right:25px;
	margin-right:15px;
}
;
@pv-last-min-bc-before: {
    content: '';
    display: inline-block;
    width: 4px;
    height: 4px;
    .border-radius(4.5px);
    background-color: #ff7801;
    position: absolute;
    right: 3px;
    top: 7px;
};

@pv-breadcrumb-link-color: @dr-color-blue;
@pv-breadcrumb-active-color: @pv-color-blue;
@pv-breadcrumbs: {
    padding-left: 10px;
    font-size: 14px;
    font-weight: @pv-font-weight-regular;
    margin-top: 12px;
    line-height: 18px;

    a{

    }

    &.has-mood {
        transition: color linear 0.4s;
        color: @pv-color-white !important;

        a, .active {
            transition: color linear 0.4s;
            color: @pv-color-white !important;
        }
    }
};


@pv-photo-nextprev-button:{
	color: #fff!important;
    .border-radius(3px);

    animation: fadeIn .3s ease;
 }
;
@pv-photo-nextprev-button-hover: {
    background: white url(img/base/elements/pc/pijltje_oranje-d.svg) no-repeat 7px 7px;
    background-size: 19px 19px;
    opacity: 1 !important;
};

@pv-photo-title:{
    font-family:@pv-font-lobster;
    font-size: 40px;
    text-transform: none;
    font-weight:500;
    line-height: 56px;

    a {
        color:@pv-color-white;
        text-decoration: none;
        font-weight:500;
    }
};
@pv-photo-subtitle:{
    display:inline-block;
    background:@pv-color-white !important;
    font-style:normal;
    color:#2ca5f4 !important;
    font-size:24px;
    line-height:30px;
    font-weight:800;
    padding: 4px 26px;
    margin-left: -25px;
    text-transform: uppercase;

    a {
        text-decoration: none;
        background: none;
        font-weight:800;
    }

    &:empty {
        display: none;
    }
};
@pv-photo-footer:{
     display: none;
 };


@pv-matrix-h5:{
	color: @pv-color-black;
};
@pv-matrix-availablerooms-h5:{
     margin-top: 15px !important;
     color: @pv-color-black;
     &:not(:first-child) {
         margin-top:30px !important;
     }
 };

@pv-matrix-trip-check:{
	            border-color:#e2e2e2;
	            color:#999999;
 };

@pv-matrix-trip-unavail:{
	            border-color:#e4e4e4;
	            background-color:#eeeeee;
	            color:#999999;
  };

@pv-matrix-room-travelerselect:{
	    background-color: #fff;
        padding: 10px;
   };

@pv-matrix-room-travelerselect-first:{
        border-top-left-radius: 5px;
        border-top-right-radius: 5px;
    };

@pv-matrix-room-travelerselect-last:{
        border-bottom-left-radius: 5px;
        border-bottom-right-radius: 5px;
    };

@pv-matrix-transport-segment-li:{
background: #FFFFFF;
border: 1px solid #F1F1F1;
border-radius: 2px;
     };

@pv-matrix-transport-segment-li-unavail:{
			color: #999999 !important;
      };

@pv-matrix-transport-segment-li-addition:{ color:@pv-color-blue; };
@pv-pricebreakdown-total:{};
@pv-fieldmessagebox:{
    background-color:#EDF7FE;
};
@pv-fieldmessagebox-arrow:{
    display: none;
};                            

@pv-travelparty-add-before:{ 
    @pv-sidebar-faq-before();
    border-radius: 3px;
    font-size: 20px;
    font-weight: 600;
    vertical-align: text-top;
    margin-top: 2px;
    background:@pv-color-blue;
 };

@pv-detail-offer-pricelabel:{
    top: 16px;
    right: 16px !important;
};

@pv-book-select:{
	width:278px;
};
@pv-receipt-image:{ };
@pv-receipt-icon:{
    text-indent:-9999px;
    background-size: auto 22px;
    width: 18px;
    height: 18px;
    display: inline-block;
    overflow:hidden;
    margin-left:3px;
};
@pv-receipt-priceoverview:{border-bottom:1px solid #a8d7f7;};
@pv-receipt-price:{
	border-top:1px solid #a8d7f7;
    font-weight: bold;
    margin-top: 4px;
    padding-top: 10px;
    border-top: 1px solid #a8d7f7;
    height: 23px;

	span.currency
	{
		font-size:80%;
	}
    dt {
	    font-size:16px;
        width:190px;
	}
	dd {
	    font-size:20px;
        width:100px;
	}
};
@pv-receipt-priceoverview-h3:{ font-weight:@pv-font-weight-bold; };

@pv-box-text:{
	background-color: #fff;
    font-size:14px;
	line-height:22px;
    font-weight:@pv-font-weight-regular;
	border: 1px solid @pv-color-blue-border;

    .box.content {
        margin-bottom: 3px !important;
        h1 {
            font-size:22px;
            font-weight:@pv-font-weight-bold;
        }
        .description 
		{
            line-height:22px;
            h2 
			{
                font-size: 18px;
				font-weight:@pv-font-weight-bold;
				color:@pv-color-standard-text;
				line-height:26px;
				margin:24px 0 16px 0;
            }
        }
    }
};
@pv-box-image:{
     display:none;
 };
@pv-box-has-image:{
      width: 100%;
  };

@pv-matrix-trip-bookable-option:{ 
     color:@pv-color-blue;
     text-transform:none;
     font-size:14px;
     font-weight:@pv-font-weight-semibold;
    text-decoration:underline;
 };
@pv-matrix-trip-item-action-status:{
	color:#fff;
    @pv-infoballoon();
    background:@pv-color-blue url(img/base/elements/pc/pijltje_wit-r.svg) no-repeat 0 0;
    background-size: 18px 16px;
    text-indent: -9999px;
};
@pv-matrix-trip-bookable-action-status:{ 
     background-color:#009900; 
 };
@pv-matrix-trip-chosen:{
    & .action {
        text-transform:none !important;
        font-style:italic;
        font-size:14px;
    }

    & .price {

        .currency {

        }
    }
  };
@pv-matrix-trip-unavail-action-status:{ 
    background:none;
    background-color:#bf0000;
    box-shadow:none;
    transform:none;
    &:hover, &:active {box-shadow:none; transform:none;}
};
@pv-matrix-trip-onrequest-action-status:{ background-color:#99cc00; };
@pv-matrix-trip-chooseoption-action-status:{ background-color:#FF9933; };

@pv-spinner:{
    .linear-gradient( 
        @origin: left; 
        @direction: to right;
        @start-color:#fcfeff;
        @stops: #0092f2 10%, rgba(0, 146, 242, 0) 42%;
    );
};
@pv-spinner-before:{background: #0092f2;};
@pv-spinner-after:{background: #fff;};
@pv-spinner-dashesbox-after:{background:#e4f3fd;};

@pv-dashed-box-gray:{
	    border: 1px dashed #cccccc;
        .border-image("../img/Base/elements/pc/dashed-lines_cccccc.png"; 1 repeat);
};

@pv-dashed-box-red:{
    width: 100%;
    background: #fefdde;
    padding: 10px;
	.box-sizing();
 };
@pv-dashed-box-green:{
	    border: 1px dashed #339900;
        .border-image("../img/Base/elements/pc/dashed-lines-green.png"; 1 repeat);
  };

@pv-matrix-trips-combine-avail:{
	color:@pv-color-blue;
	background:none;
	background-color:#fff;
};
@pv-matrix-trips-combine-bookable:{ border-color:@pv-color-blue; };

@pv-button-geel:{
	    color:@pv-color-black !important;
        font-size:16px;
        font-weight:@pv-font-weight-bold;
        text-transform: none;
        text-align: center;
        background:@pv-color-yellow;
        box-shadow:0px 3px #caba25;
        transition:box-shadow ease 0.2s, transform ease 0.2s;
        &:hover {
            box-shadow:0px 6px #caba25;
            transform:translateY(-3px);
        }
        &:active {
            box-shadow:0px 1px #caba25;
            transform:translateY(1px);
        }

	@pv-button-rood-arrow-after();

	&::after
	{
		background-image:url(img/base/elements/pc/pijltje_zwart.svg);
		color:#000 !important;
	}
};
@pv-button-geel-left:{};
@pv-button-geel-wide:{};

@pv-book-step-header:{ color:@pv-color-red; };

@pv-book-inactive-step-header:{
	color:#fff;
};
@pv-book-step:{color:@pv-color-red;};
@pv-book-inactive-contentbox:{
    border:1px solid @pv-color-blue-border;
	background:@pv-color-blue-border;
	margin-bottom:1px !important;
	margin-top:0 !important;
};
@pv-book-inactive-step:{color:#fff;};

@pb-valsummary-head:{};
@pv-formerror-image:{
	background:url(img/base/ico/error.svg) no-repeat left top;
	margin-top:6px;
	margin-bottom:0;
	cursor:pointer;
};


@pv-receipt-image-h2:{ color: @pv-color-red; };
@pv-receipt-image-h3:{ color: @pv-color-blue; text-transform: uppercase; };
@pv-receipt-savings:{ 
    height:37px;
	color:@pv-color-white;
    background:@pv-color-blue url(img/base/elements/pc/Besparing.svg) no-repeat 12px center !important;
	background-size:101px 17px !important;
    font-style:italic;
    font-weight:800;
    font-size:20px;
    .currency {
        font-size:14px;
    }
};
@pv-receipt-savings-dt:{};

@pv-header-topbar:{};
@pv-header-topbar-container:{};
@pv-header-topbar-wide-container:{};

@pv-book-formerror:{ border-color:@pv-color-red; };
@pv-payment-box:{ width:65px !important; };
@pv-payment-box-terms:{width:auto !important;height:45px !important; };
@pv-fluidpopup-select-after-right:{ right:213px; };
@pv-fluidpopup-datepickertitle-after:{ 
    right: 65px; 
    background-position: -2px -5px;
};

@pv-wait-box: {
    background: @pv-color-white;
    box-shadow: rgba(0,0,0,0.3) 0 0 15px 2px;
};
@pv-wait-box-h5:{ color: @pv-color-blue; };
@pv-wait-box-big:{
    background:@pv-color-white;
    border:1px solid #0093f2;
};
@pv-wait-box-big-h5:{ color: @pv-color-blue; };

@pv-icotransport:{ 
	height:22px;
    width: 22px;
	
    &.goVL{
        background: url('img//Base/ico/2021/Transport/Departure.svg') no-repeat 0 0;
    }
    &.backVL{
        background: url('img//Base/ico/2021/Transport/Arrival.svg') no-repeat 0 0;
    }
};

@pv-media-btnmailtrip:{
    color: @pv-color-blue !important;
    background: transparent;
    box-shadow: none;
    float: right;
    transform: none;
    text-align:center !important;

    &:hover {}
    &:active {}
    &:after {content:none;}
 };

@pv-arc-dashed:{ background:url(img/base/elements/pc/Pijl.svg) no-repeat 5px 0;height: 31px;background-size: 60% 115%;height: 70px;};
@pv-arc-dashed-flight:{
	/*andere pijl*/
	background-position-x:15px;
};
@pv-arrow-dashed:{  
	display:none;
 };

@pv-book-reservationnumber:{ color:@pv-color-blue; };

@pv-searchresults-header:{height:37px;};

@pv-template-content:{ background:@pv-content-background; };

@pv-template-count:{
    text-shadow: none;
    color: @pv-color-white;
    background-color: @pv-color-blue;
    border-radius: 50%;
    font-style:normal;
    text-align:center;
    font-size: 20px;
    margin-right:10px;
    line-height: 19px;
    width: 30px;
    height: 25px;
};

@pv-list-bullet:{
	width:4px;
	height:4px;
	.border-radius(50%);
	left:0;
    top: 8px;
    background-color: @pv-color-standard-text;
	content:'';
	position:absolute;
};

@pv-media-boxsubheader:{ 
	 margin-top:15px;
	 margin-bottom:15px;
	 height:32px;
	 padding:0;
	 background:#fff;

	 .header-option{
		width:100%;
		line-height:32px;

		select
		{
			float:right;
			width:100%;
		}
	 }
 };
@pv-media-results-price:{ 
    bottom: 90px; 
    top: auto; 
};
@pv-media-dropdown-after:{ color: #000; };
@pv-media-footer:{  };

@pv-fluid-header:{
		color:@pv-color-red;
		font-size:16px;
		font-weight:@pv-font-weight-bold;
		text-transform:none;
		background:#fff;
		border-top-left-radius:3px;
		border-top-right-radius:3px;
		padding-bottom:0;
		
};
@pv-fluid-triangle:{
        border-style: solid;
        border-width: 0 9px 9px 9px;
        border-color: transparent transparent #fff transparent;
 };
@pv-fluid-triangle-border:{ display:none; };
@pv-fluid-content:{
		border-bottom-left-radius:3px;
		border-bottom-right-radius:3px;
		background:#fff;
		padding-top:0;
		
  };
@pv-fluid-content-li:{ };
@pv-fluid-content-a:{ color:#333; };
@pv-fluid-content-parent-li:{
		a
		{
			font-size:14px;
			font-weight:@pv-font-weight-bold;
		}

		& > div ul li
		{
			position:relative;

			&::before
			{
				display: inline-block;
				width: 6px;
				height: 6px;
				left: 5px;
				top: 4px;
				background-color: transparent;
				content: '';
				color: #000;
				position: absolute;
				top: 8px;
				left: 0px;
				width: 12px;
				height: 12px;
				font-weight: 600;
				background: url(img/base/elements/pc/pijltje_zwart.svg) no-repeat 0 0;
				background-size: 14px;
				transform: rotate(270deg);
			}
				
			 a
			{
				font-weight:@pv-font-weight-regular;
			}
		}
};
@pv-fluid-close:{
	&::after
	{
		font-size:40px;
        color:#333;
	}
};
@pv-fluid-shade:{
	position:fixed;
	left:0;
	top:46px;
	height:~"calc(100vh - 46px)";
	width:100%;
	z-index:1001;
	
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#0092f2+0,0092f2+100&1+0,0+100 */
    background: -moz-linear-gradient(top, rgba(0,146,242,1) 0%, rgba(0,146,242,0) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(0,146,242,1) 0%,rgba(0,146,242,0) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(0,146,242,1) 0%,rgba(0,146,242,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0092f2', endColorstr='#000092f2',GradientType=0 ); /* IE6-9 */

@keyframes fadeIn {
    0% {opacity: 0;}
    100% {opacity: 1;}
}
    -webkit-animation: fadeIn 0.5s; /* Safari 4.0 - 8.0 */
    animation: fadeIn 0.5s;
};
 @pv-fluid-togglebox:{

};
@pv-fluid-popup:{ 
	 top:45px; 
	 box-shadow: rgba(0,0,0,.3) 0 0 15px 2px;
 };

@pv-header-contact-infoballoon:{
    border:none;
    box-shadow:none;
    transform:none;

    &:hover, &:active {
        transform:none;
        box-shadow:none;
    }
};
@pv-header-topbar-li:{};
@pv-header-topbar-li-before:{					background: url(img/base/ico/sprite_vink.png?1) no-repeat -34px 0;
					background-size: 97px 22px;};

@pv-photo-container-item:{
	top: 46px;
	left: 820px;/*-1100px;*/
	width:590px;
	height:300px;
};

@pv-luggagebox-luggagelink:{
        border: 2px solid #bce2fc;
	    background-color: #fff;
	    color: #000;
 };
@pv-luggagebox-luggagelink-hover:{border-color:#069a06;};
@pv-luggagebox-luggagelink-selected:{
			border-color:#069a06;
			background-color:#069a06;
			background-image:none;
			color:#fff;
};
@pv-luggagebox-linkoptions:{color:@pv-color-blue;};
@pv-luggagebox-selection:{
    color: @pv-color-green;
    float: right;
    font-size: 24px;
    font-weight: bold;
    position: relative;
    width: auto;
    top:14px;
    margin-right: 10px;

    .currency {
        font-size: 15px;
        font-family: arial; 
    }

    small {
        font-size:12px;
    }
};
@pv-luggagebox-description:{color: @pv-color-blue;};

@pv-holidaytaxis-hover: {border-color:#069a06; };
@pv-holidaytaxis-price-active: {color:#069a06;};
@pv-holidaytaxis-container: {
	.border-radius(5px);
	background:#fff;
	border:2px solid #bce2fc;
};

@pv-waitanimation:{};
@pv-waitanimation-airplane:{
        background:url(https://cdn.prijsvrij.nl/upload/images/icon/wait/airplane-prijsvrij.svg) no-repeat;
        background-size:cover;
        position:absolute;
        z-index:2;
        left:15%;
        top:22%;
        width:70%;
        height:50%;
        .animation( airplane-bounce 5s infinite linear );
};

@pv-media-autocomplete-listitem:{ border-color:#000; };
@pv-searchphone:{};
@pv-autocomplete-item-highlight:{};

@pv-media-travelparty-birthdate:{
    @pv-fakeselect();
    font-size:16px !important;
    font-weight:@pv-font-weight-regular;
};
@pv-media-travelparty-birthdate-after:{
	 color:#000;
};
@pv-media-travelparty-fluid-select:{};
@pv-media-popup-bottomline:{
        padding-bottom:10px;
        border-bottom:none
};
@pv-media-travelparty-delete:{
        margin-top: 6px;
 };
@pv-media-travelparty-add:{font-size: 14px; color:#0092f2;};
@pv-media-travelparty-fieldmessagebox:{
color:#0092f2;
};
 @pv-media-popup-checkbox:{
		    margin:1px 10px 0 1px;
		    height:30px;
		    width:30px;
 };
@pv-media-popup-checkbox-after:{
	 			    .border-radius(5px);
			    border:1px solid #a8d7f8;
				margin:-1px 0 0 -1px;
 };
@pv-media-popup-checkbox-checked-after:{
			    background-color:#029a02;
			    border-color:#029a02;
  };
@pv-media-popup-footer-button:{ width:100%; };

@pv-searchfilters-5th-item-separator:{
            content:'';
            display:block;
            height:7px;
			.box-sizing();
            width:200px;
            margin:0 0 7px 0;
			padding-left:28px;
            border-bottom: 1px solid #bbe3ff;
            border-top:0;
            border-right:0;
            border-left:0;
};

 @pv-visited-accos-h3:{
     padding-top: 2px;
     font-size:16px;
     font-weight:@pv-font-weight-bold;
 };

 @pv-visited-accos-h4:{
      margin-left: 41px;
      font-size: 14px;
      text-transform: capitalize;
  };

@pv-spotlight-box-header:{
    position:absolute;
    background:@pv-color-white;
    font-style:normal;
    color:black!important;
    font-size:18px;
    font-weight:@pv-font-weight-bold;
    height: 19px;
    padding: 6px 14px 4px 14px;
    margin-top: 20px;
    mix-blend-mode: lighten;
    z-index: 1;
    text-transform: uppercase;
    /* Passthrough for anchor tags below the header */
    pointer-events: none; 

	/* Make sure the header has a max width, when the header text gets too big it will be cut off and end with "..." */
    text-overflow: ellipsis;
    overflow: hidden;
    max-width: 85%;
    white-space: nowrap;

    // Internet explorer doesn't support mix-blend so use blue colored text
    // Edit-Jelte&Rick: DONE.
};

@pv-spotlight-image:{
    width: 310px;
    height: 144px;
    object-fit: cover;
    font-family: 'object-fit: cover;';
 };

@pv-spotlight-price:{
    width: 100px;
    height: 75px;
    bottom: 0 !important;
    right: 0 !important;
    top: unset !important;
    position: absolute;
};

 @pv-spotlight-pricelabel:{
	 right: 5px !important;
     top: unset !important;
     bottom: 6px;
};

@pv-accordeon-header:{
    -webkit-border-image:none;
    -moz-border-image:none;
    border-image:none;
    border-top: 2px solid @pv-color-white;
    margin-left:-10px;
    margin-right:-10px;
    padding-left:10px;
    padding-right: 8px;
    h4 {
        text-transform:none;
        margin-left:40px;
    }
 };

@pv-page-footer-li:{
    width:310px;
    list-style: none;
    word-wrap:normal;
    white-space:normal;
    margin-bottom: 5px;
    padding-left:0;
};
@pv-page-footer-strong:{
    width: 100%;
    text-transform:none;
    font-size:16px;
    margin-bottom: 15px;
    margin-top: 20px;
 };

@pv-book-contentbox:{
    margin-top:10px;
};
@pv-book-step-h4:{ 
	 font-size:16px;
	 color:@pv-color-red;
	 font-weight:@pv-font-weight-semibold;
	 line-height:24px;
	 margin:22px 0 14px 0;
	 float:left;
 };
@pv-book-dashedbox:{
	border:none; 
	background:none;
	padding:0; 
	line-height:24px;
};
@pv-book-label:{min-height:32px;line-height:32px;width:170px;};
@pv-book-dashedbox-red:{ background:#FEFDDE;padding:10px; };
@pv-book-content-complete-span:{line-height:32px;};
@pv-book-extras-input:{ height:32px;line-height:32px; };
@pv-book-extras-input-label:{ font-weight:@pv-font-weight-semibold; };
@pv-book-step-extras-h4:{color:@pv-color-red;font-weight:@pv-font-weight-semibold;width:100%; };

@pv-book-step:{ color:@pv-color-standard-text; };

@pv-book-servicepackage-li:{};
@pv-book-travelers-elements:{ height:32px; };
@pv-book-travelers-span:{ height:32px;line-height:32px; };

@pv-airline-span:{ display:none; };

@pv-popup-box:{
    box-shadow: rgba(0,0,0,0.3) 0px 0px 15px 2px;
};

@pv-button-rood-fluid-wrapper:{
    display: inline-block;
	@pv-button-rood-arrow-after();
	&::after
	{
		transition:box-shadow ease 0.2s, transform ease 0.2s;
	}

	&:hover::after
	{
		.transform(translateY(-3px));
	}
	&:active::after
	{
		.transform(translateY(1px));
	}

	&.left
	{
		&:hover::after
		{
			.transform(translateY(-3px));
		}
		&:active::after
		{
			.transform(translateY(1px));
		}
	}
    &.wide {
        margin-top:30px;
    }
};
 
@pv-button-rood-arrow-after:{
	&::after
	{
		content:'';
		color: #fff;
		line-height: 16px;
		background:url('img//Base/ico/2021/General/Arrow Right - White.svg') no-repeat 0 0;
		background-size: 19px 19px;
		position: absolute;
		right: 11px;
		top:9px;
		display: block;
		pointer-events: none;
		width:19px;
		height:19px;
	}

	&.left::after
	{
		background:url('img//Base/ico/2021/General/Arrow Left - White.svg') no-repeat 0 0;
		right:auto;
		left:9px;
	}
};

@pv-select-after:{
	content:'';
	width:19px;
	height:19px;
	background: url(img/base/elements/pc/pijltje_zwart.svg) no-repeat 0 0;
	background-size: 19px 19px;
};

@pv-book-termsacceptlink:{
	border-top:1px solid #bce2fc;
	padding-top:10px;
 };
@pv-payment-box-span:{ };

@pv-help-helpsearchbox:{
	background:@pv-color-light-blue;
	padding:15px;
	margin:0;
};
@pv-help-h2:{ color:@pv-color-standard-text;font-weight:@pv-font-weight-bold; };
@pv-help-li-before:{
	@pv-sidebar-before();
	left:-4px;
};
@pv-sidebar-before:{
	 background-color:transparent;
	 content:'';
	 position:absolute;
	 top:7px;
	 left:18px;
	 width:12px;
	 height:12px;
	 font-weight:@pv-font-weight-semibold;
	background: url(img/base/elements/pc/pijltje_zwart.svg) no-repeat 0 0;
	background-size: 15px;
    transform: rotate(270deg);

 };

@pv-sidebar-faq-li-a:{
	
	&:hover::before
	{
		box-shadow: 0 6px #137ae1;
		.transform(translateY(-3px));
	}
	&:active::before
	{
		box-shadow: 0 1px #137ae1;
		.transform(translateY(1px));
	}
};
@pv-sidebar-faq-before:{
	 
	box-shadow: 0 3px #137ae1;
	font-size:14px;
	width:18px;
	height:15px;
	line-height:15px;
	content:'';
    background:@pv-color-blue url(img/base/elements/pc/pijltje_wit-r.svg) no-repeat 0 0;
	background-size: 18px 16px;
    /*transform: rotate(270deg);*/
	transition:box-shadow ease 0.2s, transform ease 0.2s;
};
@pv-help-questionoverview-li-before:{
	@pv-sidebar-before();
 };
@pv-help-questions-li-before:{
	@pv-sidebar-before();
	left:0;
};
@pv-help-questions-ul:{ padding:0; };
@pv-help-questions-ul-li:{ padding-left: 25px; };

@pv-default-link:{ font-weight:@pv-font-weight-semibold; };
@pv-formerror-title:{};
@pv-valsummary-li:{
	    float: left;
	    width: 95%;
		margin-bottom: 10px;
		margin-left: 15px;
        list-style-type: none;
		list-style-image: url(img/base/ico/ico-form-error-listitem.png);
		list-style-position: outside;
		color:@pv-color-standard-text;
};
 @pv-valsummary-formerrorbox-li:{ 
	    float: left;
	    width: 100%;
		margin-bottom: 10px;
		padding-left:160px;
		.box-sizing();
 };

@pv-help-questionmenu-li-before:{};

@pv-media-fieldmessagebox:{ };
@pv-media-tablet-fieldmessagebox:{ };

@pv-searchfluidpopup-h4:{ font-weight:@pv-font-weight-bold; }
;



@pv-photocarousel-prev-after: {
    background: white url(img/base/elements/pc/pijltje_oranje-d.svg) no-repeat 7px 7px;
    transform: rotate(180deg);
    content: '';
    background-size: 19px 19px;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    opacity: 0.75 !important;
}
;
@pv-photocarousel-next-after: {
    background: white url(img/base/elements/pc/pijltje_oranje-d.svg) no-repeat 7px 7px;
    content: '';
    background-size: 19px 19px;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    opacity: 0.75 !important;
};
@pv-photocarousel-homepage-after:{
	 background: rgba(255,255,255,.4) url(img/base/elements/pc/pijltje_wit.svg) no-repeat 15px 15px;
	 background-size: 50px 50px;

 };
@pv-homepage-visitedacco-prevnext-before:{
	  background:rgba(0,0,0,.33) url(img/base/elements/pc/pijltje_wit.svg) no-repeat 3px 3px;
	transform: rotate(270deg);
	content:'' !important;
	    background-size: 19px 19px;
  };
@pv-homepage-visitedacco-prev-before:{
	   transform: rotate(90deg);
   };
@pv-homepage-visitedacco-prevnext-hover-before:{
		background:rgba(0,0,0,.5) url(img/base/elements/pc/pijltje_wit.svg) no-repeat 3px 3px;
		content:'' !important;
		background-size: 19px 19px;
    };
@pv-homepage-visitedacco-next-before:{};
@pv-homepage-visitedacco-next:{ right:-20px; };
@pv-homepage-visitedacco-prev:{ left:5px; };

@pv-media-popup-checkbox:{ @pv-custom-checkbox(); };
@pv-travelparty-content-label:{ 
    width: 96px;
    line-height:28px;
};

@pv-fluidheader-content:{background:#fff;};
@pv-media-fluidclose:{ background:none; color:#000;border:none;font-size:18px; };

@pv-header-toplinks-accocounter:{padding:1px 0 2px 0;};
@pv-media-departuredate-select:{border-color: #92cefa;};

@pv-fluidpopup-datepicker-next-disabled:{
			background: #ededed;
			color: #b4b3b3;
};
@pv-media-ios-popup-select:{border-color:#a8d7f7 !important;};
@pv-media-ios-selectwrapper-before:{};
@pv-media-ios-selectwrapper-after:{  };

@pv-fluidpopup-datepickertitle-last-after:{right:90px;};
@pv-transport-selectwrapper-before:{color:#029a02;};

@pv-searchfluidpopup-listcontainer-notlastchild:{
    border-bottom: 1px solid #bbe3ff;
    .box-shadow(0px 1px #fff);
    padding-bottom: 14px;
    margin-bottom: 10px;
};

@pv-receipt-btngeel:{
    text-align: left;
    font-size: 16px;
    padding: 10px 42px 10px 17px;
    height: inherit;
    border-radius: 3px;
    width: 160px;
};

@pv-callbackform-ul:{};
@pv-callbackform-close:{
    content: '×';
    color: #fff;
    font-family: @pv-font-default;
    line-height: 16px;
    text-align: center;
    right: 20px;
    top: 20px;
    display: block;
    font-size: 40px;
    color: #333;
};
@pv-callbackform-select:{};
@pv-infoballoon-red:{};

@pv-book-select-focus:{ background-color:#FEFBD4; };

@pv-template-statix-boxtext:{	    
	padding:20px 30px 20px 30px;
	border:1px solid @pv-color-blue-border;
};
@pv-fluid-autocomplete-before:{color:#000; };
@pv-fluid-close-after:{ font-size:40px; };
@pv-textarea:{
    border-top:1px solid #a4d8fb;
	border-left:1px solid #a4d8fb;
	border-right: 1px solid #daeefc;
	border-bottom: 1px solid #daeefc;
    .box-shadow("0px 1px #fff");
};
 @pv-contact-form-select:{
	width:304px;
	background-position:280px 6px;
 };
@pv-help-boxtext:{
	min-height: 400px;
	border:1px solid @pv-color-blue-border;

	&:not(.helpdesk)
	{
		padding:0;
	}
};
@pv-media-help-searchbox:{
	 width: 100% !important;
	 margin-bottom:10px;
 }
;

@pv-media-filtercontainer: {
    background: #efefef;
};
@pv-media-filtercontainer-group:{background: white;}
;
@pv-media-filtercontainer-group-notlast: {
    border-bottom: solid 1px #efefef;
};
@pv-media-waitbox-filterbox-h4-before:{ };

@pv-media-tablet-action-animatedplane:{
        .linear-gradient( 
            @origin: top; 
            @direction: to bottom;
            @start-color:#ffffff;
            @stops: #ffffff 0%, #e4f3fd 100%;
        );
};
@pv-media-mobile-action-animatedairplane:{
        .linear-gradient( 
            @origin: top; 
            @direction: to bottom;
            @start-color:#ffffff;
            @stops: #ffffff 0%, #e4f3fd 100%;
        );
 };
@pv-contact-box-telephone-small:{};

@pv-close:{};

@pv-sidebar-content:{
	background:@pv-color-light-blue;
};
@pv-sidebar-menu:{
	 padding:15px;
 };
@pv-sidebar-menu-li-a:{
	color:@pv-color-standard-text;
	font-size:14px;
	font-weight:@pv-font-weight-bold;
};
@pv-sidebar-faq-questions-a:{
	 font-weight:@pv-font-weight-regular;
	 color:#000;
	 margin-left:0;
	 padding-left:0;
 };
@pv-sidebar-faq-questions-a-active:{font-weight:@pv-font-weight-semibold;};
@pv-sidebar-faq-categories-a:{font-weight:@pv-font-weight-regular;};
@pv-sidebar-faq-categories-a-active:{font-weight:@pv-font-weight-semibold;};
@pv-sidebar-li:{
	padding-left:35px;
	list-style-position:inside;
};
@pv-help-faqcontainer:{ 
     padding:20px 30px 20px 30px; 

     ol 
     {
         li { 
            list-style:decimal;
            list-style-position:outside; 
            margin-left:16px;
         }
     }
 };

@pv-box-text-h1:{
@header-large();
};
@pv-help-li-col-a:{
	 line-height:24px;
	 font-weight:@pv-font-weight-regular;
	 font-size:14px;
	 color:@pv-color-standard-text;
 };
@pv-help-more-links:{
	  font-size:14px;
	  font-style:normal;
	  font-weight:@pv-font-weight-semibold;
	  color:@pv-color-blue;
	  text-decoration:underline;
	  margin-top:7px;
  };
@pv-help-questionmenu-a:{
	color:@pv-color-standard-text;


};
 @pv-help-questionmenu-li:{ 

	&::before
	{
		@pv-sidebar-before();
		left:-4px;
	}

 };

@pv-helpdesk-helpgroup-li:{};
@pv-helpdesk-helpgroup-li-before:{
	@pv-sidebar-before();
	left:-4px;
	top:11px;
};
@pv-helpdesk-helpgroup-a:{ color:@pv-color-standard-text; };
@pv-helpdesk-helpgroup-dashed-box:{ 
	padding-bottom:0; 
	min-height:300px; 
	background:none;
	border:none;
	padding-left:0;
	line-height:22px;
};
@pv-helpdesk-helpgroup-firstdiv:{
	border-right:1px solid @pv-color-blue-border;
	padding-right:20px;
};
@pv-helpdesk-helpgroup-seconddiv:{ padding-left:20px; };

@pv-jobs-li:{
	padding-left:15px;
	position:relative;

	&::before
	{
		@pv-list-bullet();
		left:0;
	}
};
@pv-jobs-li-a:{
	 color:@pv-color-standard-text;
 };
@pv-jobs-h1:{};

@pv-template-static-description:{font-size:14px;};

@pv-sitemap-li-col:{
	line-height:22px; 
	width:50%; 
};
@pv-sitemap-boxtext:{ @pv-template-statix-boxtext(); };
@pv-contact-form-li:{
	line-height:32px;

	&.form-error input,
	&.form-error select,
	&.form-error textarea
	{
		border-color:@pv-color-red;
	}
};
@pv-contact-form-label:{font-weight:@pv-font-weight-semibold;};

@pv-proposal:{
    font-size: 14px;
    line-height: 22px;
};
@pv-proposal-h1:{
    font-size: 19px;
};
@pv-proposal-h2:{
    text-transform:none;
};
@pv-proposal-pagestep:{
    margin:0;
    ul {
        background:none;
        background-color:none;
    }
    ul li {
        background:#EDF7FE;
        transform:translateY(2px);
        height:50px;
        margin-right:15px;

        span {
            margin-top:5px;
            color:@pv-color-black !important;
            -webkit-text-shadow:none !important;
            -moz-text-shadow:none !important;
            text-shadow:none !important;
            text-transform:none !important;
            font-size:16px !important;
            font-weight:@pv-font-weight-bold !important;
        }
        small {
            font-size:12px !important;
            font-weight:@pv-font-weight-regular !important;
        }
    }
    ul li.active {
        background:white !important;
        border: 1px solid @pv-color-blue-border;
        border-bottom: none;
        span, small {
            color:@pv-color-red !important;
        }
    }
};
@pv-proposal-step:{
    border: 1px solid @pv-color-blue-border;
};
@pv-proposal-photo:{
    display:none;
};

@pv-proposal-intro:{
    width: 100%;
    border: none;
};
@pv-best-rated:{
    line-height:19px;
    h3 a {
        font-weight:@pv-font-weight-bold;
        font-size:16px;
    }
    h4 {
        font-weight:@pv-font-weight-regular;
        font-size:14px;
        text-transform:none;
    }
    .pricelabel {
        display:none;
    }
    .box-content {
        line-height:19px !important;
    }
    .bestrated-reviewcontainer {
        pointer-events: none;
        position: absolute;
        bottom: 15px;
        right: 10px;
        height: 36px;
        width: 180px;
        background-color: rgba(255,255,255,0.8);
        padding:7px 10px 10px 10px;
        border-radius:5px;
        
        .bestrated-reviewtext {
            margin-left: 42px;
            line-height: 20px;
        }
    }
 };
@pv-infoballoon:{
      &:before{
          font-family:@pv-font-icons-name;
          content:'\e950';
          color:@color-primary;
          font-size:20px;
          font-weight: 400;
      }

    &:hover {
        &:before{
            color:@color-primary-dark-50;
        }
    }
    &:active {
        &:before{
            color:@color-primary-dark-50;
        }
    }
 };
@pv-infoballoon-text:{
    color:@pv-color-black;
    font-size:13px;
    line-height:18px;
    font-weight:@pv-font-weight-regular;
	border:none;
	background:@pv-color-white;
    box-shadow: rgba(0,0,0,0.2) 0px 0px 11px 2px;
 };

@pv-social-searchshare-submenu:{border-top:1px @pv-color-blue-border solid; };

@pv-geotree-rightcol-content:{};
@pv-geotree-intro:{
	font-weight:@pv-font-weight-regular;
	strong 
	{
		font-weight:@pv-font-weight-regular;
	}
};
@pv-geotree-text-h3:{
	color:@pv-color-black;
	margin:22px 0 14px 0;
	font-family:@pv-font-twc-bold;
	font-size:16px;
	line-height:24px;
	font-weight:@pv-font-weight-bold;
 };
@pv-geotree-rightcol-link:{ 
    margin-top:20px; 
    a.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 28px 10px 16px;
			

			&::after{
					background:url('img//Base/ico/2021/General/Arrow Right.svg') no-repeat 0 0;
					background-size:12px 12px;
					bottom:6px;
					right:6px;
                    top:auto;
			}

			&:hover{
				box-shadow:none;
				transform:none;
				background:#0077BF;
				color:#fff !important;

				&::after{
					background-image:url('img//Base/ico/2021/General/Arrow Right - White.svg');
				}
			}
		}
  };
@pv-searchresults-btnrood-arrow-padding:9px 34px 8px 17px;
@pv-geotree-text-h2:{
	color:@pv-color-black;
	font-size:18px;
	line-height:26px;
	font-weight:@pv-font-weight-bold;
	margin:24px 0 16px 0;
	font-family:@pv-font-twc-bold;
}
;
@pv-geotree-h1: {
    color: @pv-color-black;
    font-family: Titillium Web;
    font-style: normal;
    font-weight: bold;
    font-size: 24px;
    line-height: 24px;
    letter-spacing: -.02em;
};
@pv-geotree-popularlinks-h3:{ color:@pv-color-black; font-weight:@pv-font-weight-bold; margin-bottom:8px; };
@pv-geotree-h2:{color:@pv-color-black; font-weight:@pv-font-weight-bold; };
@pv-geotree-popularlinks-li:{ line-height:22px; };
@pv-geotree-popularlinks:{ 
	margin-top:0; 
	padding:15px 15px 15px 10px;
};
@pv-geotree-text-h4:{
	font-size:14px;
	line-height:22px;
	font-weight:@pv-font-weight-bold;
	color:@pv-color-black;
	margin:22px 0 10px 0;
};
@pv-geotree-text-h5:{
	 font-size:14px;
	 line-height:22px;
	 font-weight:@pv-font-weight-semibold;
	 color:@pv-color-black;
	 margin:10px 0 0 0;
};

@pv-template-filterbox-filters-li:{ width:50%; };
@pv-template-filterbox-filters-li-span:{ float:left; width:100px;height:32px;line-height:32px; };
@pv-template-filterbox:{
	float:left;
	.border-radius(3px);
	background:@pv-color-yellow;
	padding-bottom:40px;
};
@pv-template-filterbox-travelparty-li:{ height:54px; };
@pv-template-filterbox-filters-li-select:{
	width:180px;
	background-position:155px 6px;
	padding-right:22px;
};
@pv-template-filterbox-h2:{
	font-size:19px;
	line-height:24px;
	font-weight:@pv-font-weight-bold;
};
@pv-template-filterbox-span:{ };
@pv-template-filterbox-sort:{ 
	font-size:14px; 
	left:0;
	width:100%;
	border-top:1px solid #f8f275;
	box-shadow: 0 -1px #fcbf28;
	padding:0 15px;
};
@pv-template-filterbox-travelparty-a:{ 
	 background-color:#fcbf28; 
	 color:#333;
	 font-weight:@pv-font-weight-semibold;
 };
@pv-template-filterbox-travelparty-a-active:{ 
	background-color:#fff; 
	border:1px solid #fff;
    border-top-color: #c6bc06;
    border-left-color: #c6bc06;
    border-bottom-color: #e2d807;
    border-right-color: #e2d807;
    -webkit-box-shadow: 0 1px #faf26e;
    -moz-box-shadow: 0 1px #faf26e;
    box-shadow: 0 1px #faf26e;
};

@pv-template-lastminute-calendar:{
	border:1px solid #d5d5d5;
	.border-radius(3px);

};
@pv-template-lastminute-calendar-month:{color: @pv-color-red; font-weight:@pv-font-weight-bold; };
@pv-template-lastminute-calendar-date:{font-weight:@pv-font-weight-regular;color: @pv-color-standard-text; };
@pv-template-lastminute-thumb:{
	width:220px;
	height:150px;
	margin-right:15px;
};
@pv-template-lastminute-title:{width:278px;};
@pv-template-lastminute-h3:{
	margin-bottom:0;
};
@pv-template-lastminute-h4:{ 
	font-size:14px;
	line-height:20px;
};
@pv-template-lastminute-review:{
	position:relative;
	bottom:40px;
	left:325px;
	margin-right:0;
};
@pv-template-lastminute:{ padding-bottom:0 !important; };
@pv-template-lastminute-details-li:{ 
	font-size:14px;
	line-height:20px;
	padding-left: 5px;
	font-weight:@pv-font-weight-regular;

	&::before
	{
		background-color:#000;
		top:7px;
	}
};
 @pv-template-lastminute-searchresults:{ padding:0; };

@pv-photo-before:{
                background:url(img/base/ico/camera.svg) no-repeat;
                background-size:198px 132px;
                background-position:55px 30px;
                .opacity(0.33);
};

 @pv-contact-h2:{
	 font-weight:@pv-font-weight-bold;
	 font-size:18px;
	 line-height:26px;
	 margin:24px 0 16px 0;
 };
@pv-contact-h3:{
	font-weight:@pv-font-weight-bold;
	font-size:16px;
	line-height:24px;
	color:@pv-color-red;
	margin:22px 0 14px 0;
};
@pv-contact-h4:{
	 font-size:14px;
	 font-weight:@pv-font-weight-bold;
	 color:@pv-color-standard-text;
	 line-height:22px;
	 margin:22px 0 10px 0;
};
@pv-contact-h5:{
	 font-size:14px;
	 font-weight:@pv-font-weight-semibold;
	 color:@pv-color-standard-text;
	 line-height:22px;
	 margin:10px 0 0 0;
};

@pv-contact-dashedbox:{
	 border:none;
	 background:none;
	 padding:0;

     ul {
         li {
             &:before {
                 display:none;
             }
         }
     }
};

@pv-template-h2:{  @pv-contact-h2(); };
@pv-template-h3:{  @pv-contact-h3(); };
@pv-template-h4:{  @pv-contact-h4(); };
@pv-template-h5:{  @pv-contact-h5(); };									  

@pv-template-box-content-description-h4:{  };

@pv-sitemap-dl:{};
@pv-sitemap-dt:{ font-size:16px; font-weight:@pv-font-weight-bold; };

@pv-mailbox:{
    background-size: 69% !important;
};

@pv-fluid-button-after:{
	 font-size:24px;
     margin-top: 4px;
 };
@pv-template-lastminute-pricelabel:{
	bottom:20px;
};
@pv-template-lastminute-details:{
	 margin-bottom:50px;
};
@pv-template-filterbox-sort-link-active:{ font-weight:@pv-font-weight-semibold; };

@pv-travelparty-content-dashedbox-small:{
margin-left: 15px;	
};
@pv-searchfluidpopup-transport:{};
@pv-fluidfullpopup-content-footer:{};

@pv-packagetextorigin:{

};
@pv-template-filterbox-travelparty-li-icotravelers:{};
 @pv-template-lastminute-clock:{
	 background:url(img/base/ico/last_minute.svg) no-repeat left top;
	 transform:rotate(30deg);
 };

@pv-content-acco-root:{};
@pv-content-info-h3:{};
@pv-content-info-h3-span:{ 
	  background:no-repeat;
	  background-size:24px 24px;
	  margin-right:1px;
}
;
@pv-content-info-spans: {
    &.location h3 span, &.location h2::before {
    }

    &.swimming h3 span, &.swimming h2::before {
    }

    &.sport h3 span, &.sport h2::before {
    }

    &.wellness h3 span, &.wellness h2::before {
    }

    &.facilities h3 span, &.facilities h2::before {
    }

    &.children h3 span, &.children h2::before {
    }

    &.foodanddrinks h3 span, &.foodanddrinks h2::before {
    }

    &.rooms h3 span, &.rooms h2::before {
    }

    &.additionalinformation h3 span, &.additionalinformation h2::before {
    }

    &.holidayexperience h3 span, &.holidayexperience h2::before {
    }

    &.flight h3 span, &.flight h2::before {
    }

    &.excursions h3 span, &.excursions h2::before {
    }

    &.introduction h3 span, &.introduction h2::before {
    }

    &.animation h3 span, &.animation h2::before {
    }

    &.railandfly h3 span, &.railandfly h2::before {
    }

    &.city h3 span, &.city h2::before {
    }

    &.transfer h3 span, &.transfer h2::before {
    }

    &.rating h3 span, &.rating h2::before {
    }

    &.none h3 span, &.none h2::before {
    }

    &.beach h3 span, &.beach h2::before {
    }
};

@pv-vink:{
	  &.med.green,
    &.right,
    &.green.big,
    &.info
    {
	    display:block;
	    width:15px;
	    height:15px;
	    overflow:hidden;
	    padding-left:0;
	    margin-right:7px;
		@pv-matrix-vink();
    }

    &.info
    {
    }

    &.right
    {
	    margin-right:9px;
	    float:left;
	    width:11px;
	    height:17px;
	    margin-top:5px;
    }

    &.big
    {
	    padding-left:17px;
	    display:block;

        &.green
        {
	        width:22px;
	        height:22px;
	        margin-left:-20px;
	        padding:0;
	        float:left;
        }
        &.blue
        {
	        
        }
        &.red
        {
	        
        }
    }

    &.med
    {
        display:block;

        &.blue
        {
	        
        }
        &.red
        {
	        
        }
    }
};

@pv-book-terms-acceptlink:{
	 @pv-custom-checkbox();
	 padding-bottom:40px;
	 padding-top:20px;
};

@pv-media-fluid-visited-vacations-count:{ 
	 background-color: @pv-color-blue; 
	 top:210px;
	 left:0;
 };
@pv-media-fluid-visited-vacations:{

	& div
	{
		padding-left:40px;
	}

	li
	{
		margin-bottom:20px;
	}

	img
	{
		height:200px;
		margin-top:0 !important;
	}
};
@pv-media-fluid-visited-vacations-toplinks-first-li-link:{};
@pv-media-fluid-visited-vacations-removealllink:{};
@pv-media-fluid-visited-vacations-remove-link:{
	background:#fff;
	color:@pv-color-red;
	font-size:24px;
	right:0px;
	top:0px;
	border-bottom-left-radius:3px;
};

@pv-transport:{
	&.tt.VL { background-image:url(img/base/ico/2021/Transport/Flight.svg); background-size:contain; background-position:0;background-repeat: no-repeat; }
	&.tt.BU { background-image:url(img/base/ico/Bus_KC333333.svg); background-size:contain; background-position:0;background-repeat: no-repeat; }
	&.tt.BO { background-image:url(img/base/Ico/Boot_KC333333.svg); background-size:contain; background-position:0;background-repeat: no-repeat; }
	&.tt.TR { background-image:url(img/base/Ico/Trein_KC333333.svg); background-size:contain; background-position:0;background-repeat: no-repeat; }
	&.tt.EV { background-image:url('img/base/Ico/2021/Transport/Own Transport.svg'); background-size:contain; background-position:0;background-repeat: no-repeat; }
};
@pv-transport-blue:{
	//&.tt.VL { background-image:url(img/base/ico/2021/Transport/Flight.svg); background-size:contain; background-position:0;background-repeat: no-repeat; }
	&.tt.BU { background-image:url(img/base/ico/Bus_blauw.svg); background-size:contain; background-position:0;background-repeat: no-repeat; }
	&.tt.BO { background-image:url(img/base/Ico/Boot_blauw.svg); background-size:contain; background-position:0;background-repeat: no-repeat; }
	&.tt.TR { background-image:url(img/base/Ico/Trein_blauw.svg); background-size:contain; background-position:0;background-repeat: no-repeat; }
	&.tt.EV { background-image:url(img/base/Ico/Eigen-vervoer_blauw.svg); background-size:contain; background-position:0;background-repeat: no-repeat; }
};
@pv-transport-unavail:{};

@pv-book-erroranddescription-li:{
	list-style:none;
	position:relative;
	margin-left:10px;
	margin-bottom:0;
	line-height:24px;

	span
	{
		height:auto;
		line-height:24px;
	}

	&::before
	{
		@pv-list-bullet();
		left: -10px;
		top:10px;
	}
};

 @pv-border-transition:{
     transition: border .3s ease;
 };

@pv-addresspretty-bgcolor: @pv-color-light-blue;
@pv-wrong-postalcode-bgcolor: @pv-color-yellow-bookerror;
@quick-highlight-bgcolor: #c6e7ff;

@pv-layoverbox-dashed:{ background:@pv-color-light-blue;border: 1px solid @pv-color-blue-border; };

@pv-book-areacode-overlay:{
    width: 54px;
    cursor: pointer;
    padding: 4px 10px;
    display: inline-block;
    background: #fff url(img/base/elements/pc/pijltje.svg) no-repeat 96% 6px;
    background-size: 19px 19px;
    border: 1px solid #a8d7f7;
    border-right: 0;
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
    font-size: 14px;
    height: 22px;
    float: left;
};

@pv-geotree-interestboxes:{

	& > li
	{
		cursor:pointer;
		background-color:@pv-color-light-blue;
		box-shadow:0px 3px @pv-color-blue-border;
		transition:box-shadow ease 0.2s, transform ease 0.2s;
		border-radius:3px;

		& > img
		{
			border-top-left-radius:3px;
			border-top-right-radius:3px;
		}

		&:hover
		{
			box-shadow:0px 6px @pv-color-blue-border;
			transform:translateY(-3px);
		}

        &:active 
		{
            box-shadow:0px 1px @pv-color-blue-border;
            transform:translateY(1px);
        }
	}	
};