select,
input[type="date"]
{

	width:161px;
	cursor:pointer;
	font-family:@pv-font-default;
	font-size:13px;
	line-height:25px;

	-webkit-appearance: none;
	-moz-appearance: none;
	@pv-select();
}

@pv-searchbox-icon:{
    background-size:contain;
    background-position:center;
    background-repeat:no-repeat;
    margin-bottom: 2px;
    width:16px;
    height:16px;
};

		.main-search-box .select-wrapper-2 {
			position:relative;
			border-right:none;
		}
			.main-search-box .select-wrapper-2 select:not(.day):not(.month):not(.year):not(.small), 
			.main-search-box .select-wrapper-2 input {
				padding:0 20px 0 35px;
				font-weight:bold;
				background:#fff;
				font-size:13px;
                @pv-searchparameters-select();
			}
			.main-search-box .duration .duration-blue-icon::before,
			.main-search-box .travelparty .travelparty-blue-icon::before,
			#travelparty-container.fluid-full-popup .travelparty-blue-icon::before,
            #travelparty-container.search-fluid-popup .travelparty-blue-icon::before/*,
			.main-search-box .select-wrapper-2::before*/ {
				
				content:'';
				font-weight:bold;
				font-size:16px;
				position:absolute;
				left:8px;
				bottom:6px;
				z-index:10;
				color:#929292;
				pointer-events:none;
                @pv-searchparameters-select();
			}
			.main-search-box .select-wrapper-2:not(.travelparty)::after {
				position:absolute;
				right:8px;
				bottom:6px;
				pointer-events:none;
				@pv-select-after();
			}

			.main-search-box .all-departure-airports,
			.main-search-box .selected-departure-airports,
			.main-search-box .selected-departuredate-option {
				
				font-size:13px;
				position:absolute;
				bottom:6px;
				right:30px;
				pointer-events:none;
                touch-action:none;
                -webkit-touch-callout:none;
                @pv-all-departure-airports();
			}
			.main-search-box .all-departure-airports:not(.visible),
			.main-search-box .selected-departure-airports:not(.visible),
			.main-search-box .selected-departuredate-option:not(.visible)
			{
				display:none;
			}

			/* in de popup groen */
			.fluid-full-popup .transport .select-wrapper-fluid::before,
			.search-fluid-popup .transport .select-wrapper-fluid::before{
				@pv-transport-selectwrapper-before();
			}

			/* standaard vliegtuig */
			.fluid-full-popup .transport .select-wrapper-fluid::before,
			.search-fluid-popup .transport .select-wrapper-fluid::before{
				@pv-searchbox-icon();
                background-image:url(img/base/ico/Vliegtuig_KC333333.svg);
			}
			.main-search-box .transport .select-wrapper-2::before 
			{
                @pv-searchbox-icon();
                background-image:url(img/base/ico/Vliegtuig_Zoekbox.svg);
			}

			.search-fluid-popup .transport .select-wrapper-fluid::before {
				top:34px;
			}

			/* boot */
			.fluid-full-popup .transport.sel-boot .select-wrapper-fluid::before,
			.search-fluid-popup .transport.sel-boot .select-wrapper-fluid::before{
				@pv-searchbox-icon();
                background-image:url(img/base/ico/Boot_KC333333.svg);
			}
			.main-search-box .transport .sel-boot.select-wrapper-2::before {
				@pv-searchbox-icon();
                background-image:url(img/base/ico/Boot_Zoekbox.svg);
			}
			/* trein */
			.fluid-full-popup .transport.sel-trein .select-wrapper-fluid::before,
			.search-fluid-popup .transport.sel-trein .select-wrapper-fluid::before{
				@pv-searchbox-icon();
                background-image:url(img/base/ico/Trein_KC333333.svg);
			}
			.main-search-box .transport .sel-trein.select-wrapper-2::before {
				@pv-searchbox-icon();
                background-image:url(img/base/ico/Trein_Zoekbox.svg);
			}
			.search-fluid-popup .transport.sel-trein .select-wrapper-fluid::before { bottom: 7px; }
			.main-search-box .transport .sel-trein.select-wrapper-2::before { bottom: 4px; }

			/* bus */
			.fluid-full-popup .transport.sel-bus .select-wrapper-fluid::before,
			.search-fluid-popup .transport.sel-bus .select-wrapper-fluid::before{
				@pv-searchbox-icon();
                background-image:url(img/base/ico/Bus_KC333333.svg);
			}
			.main-search-box .transport .sel-bus.select-wrapper-2::before {
				@pv-searchbox-icon();
                height: 19px;
                background-image:url(img/base/ico/Bus_Zoekbox.svg);
			}

			/* auto */
			.fluid-full-popup .transport.sel-vlastní-dopravou .select-wrapper-fluid::before,
			.search-fluid-popup .transport.sel-vlastní-dopravou .select-wrapper-fluid::before,
			.fluid-full-popup .transport.sel-eigen-vervoer .select-wrapper-fluid::before,
			.search-fluid-popup .transport.sel-eigen-vervoer .select-wrapper-fluid::before{
				@pv-searchbox-icon();
                background-image:url(img/base/ico/Eigen_vervoer_KC333333.svg);
			}
            .main-search-box .transport .sel-vlastní-dopravou.select-wrapper-2::before,
			.main-search-box .transport .sel-eigen-vervoer.select-wrapper-2::before {
				@pv-searchbox-icon();
                background-image:url(img/base/ico/Eigen_vervoer_Zoekbox.svg);
			}

			.main-search-box .destination.select-wrapper-2::before  { 
                @pv-searchbox-icon();
                background-image:url(img/base/ico/Bestemming_Zoekbox.svg);
			}
			.main-search-box .departure-date.select-wrapper-2::before  { 
                @pv-searchbox-icon();
                background-image:url(img/base/ico/Kalender_Zoekbox.svg);
			}
			.main-search-box .duration.select-wrapper-2::before  { 
                @pv-searchbox-icon();
                background-image:url(img/base/ico/Reisduur_Zoekbox.svg);
			}
			.main-search-box .board.select-wrapper-2::before  { 
                @pv-searchbox-icon();
                background-image:url(img/base/ico/Verzorging_Zoekbox.svg);
			}
			.main-search-box .holiday.select-wrapper-2::before  { 
                @pv-searchbox-icon();
                background-image:url(img/base/ico/Schoolvakanties_Zoekbox.svg);
			}

			#travelparty-container.fluid-full-popup .select-wrapper-fluid::before,
            #travelparty-container.search-fluid-popup .select-wrapper-fluid::before/*,
			.main-search-box .travelparty.select-wrapper-2::before  */
            { 
                @pv-searchbox-icon();
                background-image:url(img/base/ico/Reisgezelschap_Zoekbox.svg);
			}

			#travelparty-container .travelparty-blue-icon { display:none; }

		.search-fluid-popup .ui-datepicker-inline,
		.fluid-full-popup .ui-datepicker-inline { width:100% !important; .box-shadow(none) !important; }

		.search-fluid-popup .ui-datepicker-header,
		.fluid-full-popup .ui-datepicker-header {
			border:none;
			background:#fff;
			.text-shadow(none);
            .box-shadow(none);
		}
		.search-fluid-popup .ui-datepicker-next,
		.search-fluid-popup .ui-datepicker-prev,
		.fluid-full-popup .ui-datepicker-next,
		.fluid-full-popup .ui-datepicker-prev 
		{
			background:@pv-fluidpopup-datepicker-next-background;
			.border-radius(5px);
			color:@pv-fluidpopup-datepicker-next-color;
			position:relative;
			line-height:24px;
			z-index:1002;
		}

		.search-fluid-popup .ui-datepicker-next.ui-state-disabled,
		.search-fluid-popup .ui-datepicker-prev.ui-state-disabled,
		.fluid-full-popup .ui-datepicker-next.ui-state-disabled,
		.fluid-full-popup .ui-datepicker-prev.ui-state-disabled 
		{

			@pv-fluidpopup-datepicker-next-disabled();
		}

			.search-fluid-popup .ui-datepicker-next::before,
			.search-fluid-popup .ui-datepicker-prev::before,
			.fluid-full-popup .ui-datepicker-next::before,
			.fluid-full-popup .ui-datepicker-prev::before 
			{
			font-family:@pv-font-icons-name	;
				content: 'g';
				font-weight: bold;
				font-size: 16px;
				position:absolute;
				left:0;
				width:24px;
				text-align:center;
			}
			
			.search-fluid-popup .ui-datepicker-prev::before,
			.fluid-full-popup .ui-datepicker-prev::before { 
                content:'\e933';

			}
			.search-fluid-popup .ui-datepicker-next::before,
			.fluid-full-popup .ui-datepicker-next::before { 
                content:'\e934';

			}
				


			.search-fluid-popup .ui-datepicker-next span,
			.search-fluid-popup .ui-datepicker-prev span,
			.fluid-full-popup .ui-datepicker-next span,
			.fluid-full-popup .ui-datepicker-prev span 
			{
				display: none;
			}

			.search-fluid-popup .ui-datepicker-title,
			.fluid-full-popup .ui-datepicker-title
			{ position:relative; }

			/*.search-fluid-popup .ui-datepicker-title::after,
			.fluid-full-popup .ui-datepicker-title::after 
			{
				position:absolute;
				right:8px;
				bottom:6px;
				pointer-events:none;
				@pv-select-after();
				color: @pv-fluidpopup-select-after-color;
				@pv-fluidpopup-datepickertitle-after();
			}
			.search-fluid-popup .ui-datepicker-group-last .ui-datepicker-title::after,
			.fluid-full-popup .ui-datepicker-group-last .ui-datepicker-title::after 
			{
				
				@pv-fluidpopup-datepickertitle-last-after();
			}*/

			.search-fluid-popup .ui-datepicker-title select,
			.fluid-full-popup .ui-datepicker-title select,
            #travelparty-container.fluid-full-popup select
			{
				border-color:@pv-fluidpopup-select-border-color !important;
				padding-left:10px !important;
				padding-right:20px;
				.box-sizing();
				.border-radius( @pv-fluidpopup-select-border-radius );
				width:140px;
			}

			.search-fluid-popup .ui-datepicker-calendar,
			.fluid-full-popup .ui-datepicker-calendar
			{
				margin-top:10px;
			}

			.search-fluid-popup .ui-datepicker thead,
			.fluid-full-popup .ui-datepicker thead {
				background:none;
				border:none;
			}

			.search-fluid-popup .ui-datepicker th,
			.fluid-full-popup .ui-datepicker th
			{
				background:none;
				
				font-weight:bold;
				color:@pv-fluidpopup-datepicker-color;
				border:none;
				.text-shadow(none);
				font-size:14px;
			}

			.search-fluid-popup .ui-datepicker tbody td,
			.fluid-full-popup .ui-datepicker tbody td {
				background:none;
				border:none;
				border-right:1px solid #fff;
			}
			.search-fluid-popup .ui-datepicker-calendar .ui-state-default,
			.fluid-full-popup .ui-datepicker-calendar .ui-state-default
			{
				background:none;
				
				font-weight:@pv-font-weight-regular;
				color:@color-black;
				.text-shadow(none);
				.box-shadow(none);
				border:none;
			}
			.search-fluid-popup .ui-datepicker-calendar .ui-state-hover,
			.fluid-full-popup .ui-datepicker-calendar .ui-state-hover
			{
				background-color:#029a02;
				color:#fff;
			}


			.search-fluid-popup .ui-datepicker-calendar .ui-state-active,
			.search-fluid-popup .ui-datepicker-calendar .ui-datepicker-other-month .ui-state-active,
			.fluid-full-popup .ui-datepicker-calendar .ui-state-active,
			.fluid-full-popup .ui-datepicker-calendar .ui-datepicker-other-month .ui-state-active
			{
				background:#029a02;
				color:#fff;
				.text-shadow(none);
				.box-shadow(none);
				border:none;
                width: 100% !important;
			}

			.search-fluid-popup .ui-datepicker-calendar .marked-date,
			.fluid-full-popup .ui-datepicker-calendar .marked-date
			{
				background:#78e97b;
				
			}

			.fluid-full-popup .radio,
			.search-fluid-popup .radio {
				width:100%;
				clear:both;
				display:inline-block;
				position:relative;
				margin-bottom:5px;

				@pv-custom-checkbox();
			}
			

				.new-radio input[type="radio"]::before,
				.fluid-full-popup .radio input[type="radio"]::before { width:28px;height:28px; }
				.new-radio input[type="radio"]:checked::after,
				.fluid-full-popup .radio input[type="radio"]:checked::after { width:20px;height:20px;top:6px;left:6px; }

				table.new-radio td { position: relative; }

			.search-fluid-popup .fluid-content label {
                font-size: @pv-font-size-default;
			}

				.ui-datepicker-inline .ui-datepicker-calendar { width:100%; }
	.ui-datepicker-inline td span, .ui-datepicker-inline td a { width:100% !important; }







input[type="date"] {
	padding-right:0px;
	width:159px;
	height:23px;
}
input[type="date"]::-webkit-calendar-picker-indicator,
input[type="date"]::-webkit-outer-spin-button,
input[type="date"]::-webkit-inner-spin-button {
    -webkit-appearance: none !important;
    margin: 0; /* <-- Apparently some margin are still there even though it's hidden */
}


select::-ms-expand {
    display: none;
}

	select.geel
	{
		margin:4px 0;
		width:17px;
		height:17px;
		border:none;
		.box-shadow(none);
		padding:0 17px 0 0;
		direction:rtl;
		cursor:pointer;
        background:#fff url(img/base/elements/pc/pull-down_geel.png) no-repeat right top;
	}

	div.geel 
	{		
		width:110px;
		display:block;
		cursor:pointer;
		direction:rtl;

	    label 
	    {
		    padding:0 22px 0 0; 
		    width:98px;
		    height:25px;
		    display:block;
            background:#fff url(img/base/elements/pc/pull-down_geel.png) no-repeat right 4px;
	    }

	    ol
	    {
		    margin:4px 0;		
		    position:absolute;
		    width:120px;
		    z-index:9999;
		    height:68px;
            background-color:#fff;
	
	        li 
	        {	
		        width: 100%; 
		        display: block;		

                a
                {
                    &.active { font-weight:bold; } 
                    &:hover 
	                { 
		                font-weight:normal;
                        color: #fff;
		                background-color: @color-primary;
	                }
                }
	        }

	        a 
	        { 
		        text-decoration:none; 
		        color:black;
		        display: block;
		        padding:0 22px 0 0;   
	        }
        }
    }



	body select.day,
	body select.month,
	body select.small
	{
		width:47px !important;
		padding-left:0 !important;
		padding-right:0 !important;
        @pv-searchfluidpopup-smallselect();
	}
	/*
	select.day,
	select.month
	{
		margin-right: 10px!important;
	}
		*/
	body select.year,
	body select.medium,
	body select.gender
	{
		width:60px !important;
		background-position:37px 2px !important;
		padding-left:0 !important;
		padding-right:0 !important;
        @pv-searchfluidpopup-mediumselect();
	}


body select.monthFull
{
	width:90px !important;
	padding-left:0 !important;
	padding-right:0 !important;
	@pv-select-monthfull();
}

/*.main-search-box .search-row input[type="text"] {
	width:149px;
}*/

select.yellow-bg,
.main-search-box .search-row select,
.main-search-box .search-row input[type="text"]
{
	

    border-top-color: @pv-select-border-top-color;
    border-left-color: @pv-select-border-left-color;
    border-bottom-color: @pv-select-border-bottom-color;
    border-right-color: @pv-select-border-right-color;
    .box-shadow(0px 1px @pv-select-box-shadow-color);

	cursor:pointer;
	height:32px;
	text-indent:0;
}

.main-search-box input[type="text"], .main-search-box select {
    .border-radius( @pv-searchbox-border-radius );
}

.main-search-box input[type="text"], .main-search-box select, .main-search-box .btn-rood-fluid-wrapper .btn-rood.fluid {
	width:100%;
}


.dashed-box 
{
	padding: 15px;
	line-height: 16px;
	margin-bottom:15px;
    background-position:bottom;
	@pv-dashed-box();

    &.gray
    {
	    padding:10px 10px 21px 10px !important;
		@pv-dashed-box-gray();
    }

    &.red
    {

		@pv-dashed-box-red();
    }

    &.green
    {
		@pv-dashed-box-green();
    }
}

body.book .dashed-box, 
body.complete .dashed-box, 
body.dossier .dashed-box 
{
    clear: both;
}

body.book .waitBoxContainer .wait-box
{
	height:95px;
	padding-bottom:15px;
	background-position:left bottom;
}





input[type="text"],
input[type="password"],
input[type="email"],
input[type="url"],
input[type="number"]
{
	.box-sizing();
	width:135px;
	height:32px;
	padding:2px 5px 0px;
	font-family:@pv-font-default;
	line-height:21px;
	border:none;
	background:#fff;   
	@pv-input();
}

input[type="text"] {
	&.inactive{
		background:@color-light-light-50;
	}
}

.copy-container {
	position: relative;
	float:left;
	clear:both;
	width:100%;
	height:32px;

	& > .copy {
		width: ~"calc(100% - 32px)" !important;
		border-right: none !important;
		border-bottom-right-radius: 0;
		border-top-right-radius: 0;
		position: absolute;
		left: 0;
		overflow:hidden;
		text-overflow:ellipsis;
		white-space:nowrap;
	}

	& > .copy-button {
		width: 32px;
		height: 20px;
		border-bottom-right-radius: 3px;
		border-top-right-radius: 3px;
		background: @color-primary;
		color: @color-white;
		text-align: center;
		padding: 6px 0;
		display: inline-block;
		position: absolute;
		right: 0;
	}
}

input.calendar-icon 
{
    cursor: pointer;
	@pv-input-calendar();
}

textarea 
{
	padding:2px 2px 2px 2px;
	font-family:@pv-font-default;
	font-size:14px;
	border:none;
	background:#fff;

	@pv-textarea();
}

/*
#header input.search
{
	width:263px;
	height:32px;
	font-family:@pv-font-default;
	font-size:12px;
	border:none;
    border-left:@pv-search-border-left;
	border-top:@pv-search-border-top;
	border-right:@pv-search-border-right;
	border-bottom:@pv-search-border-bottom;
    .box-shadow(0px 1px @pv-search-shadow-color);

	@pv-input-search();

    &.loading 
    {
		background:#fff url(img/base/ico/ajax-loader.gif) no-repeat 242px center;
	}
}
*/


.btn-search
{
	width:160px;
	height:24px;
	overflow:hidden;
	text-indent:-9999px;
	margin:0;
	padding:0;
	border:none;
}

.textbox
{
	font-size:11px;
	font-family:@pv-font-default;
	margin:5px 0;
}

.fakeselect
{	
	height: 23px !important;
	width: 158px !important;
	cursor: pointer !important;
	padding: 0 0 0 0 !important;
	float:right;
	margin-right:7px;
	font-family:@pv-font-default !important;
	font-size: 11px !important;
	line-height: 12px !important;
	@pv-fakeselect();

    #caption
    {
	    padding:5px 0 0 3px;
    }
}

.fakeCheckBox 
{
	display:block;
	width:200px;
	
	padding-left:22px;
	overflow:hidden;
	.box-sizing();
    @pv-fake-checkbox();

    &.Active { @pv-fake-checkbox-active(); }
}

.multipleDropDown 
{
    display: inline-block;
    position: relative;
	border-style: solid;
	border-width: 1px;
	height: 18px;
	padding: 0px 0px 0px 0px;
	text-align: left;
	vertical-align: middle;
	font-size: 12px;
	text-decoration: none;
	overflow: visible;
	
	background-position: right center;
	background-repeat: no-repeat;
    color: #000;
	background-color: #fff;
    border-color: #CCCCCC;
    @pv-fakeselect();

    &:hover
    {
    	cursor: pointer;
    }

    .chk_drop
    { 
        display: none;
        float: left;
        .box-sizing();
        width: 160px;
        position: absolute;
        text-align: left;
        z-index: 1000;
        left: -1px;
        top: 18px;
        min-width: 100%;
        background-color: #fff;
        border: 1px solid #CCCCCC;
    }

    .checks 
    {
        border-style: none;
        padding: 4px 4px 4px 4px;
        max-height: 200px;
        overflow: auto;
    }

    .chk_drop_buttons {
        padding: 2px 4px 4px 4px;
        text-align: right;
        min-width: 154px;
    }
}



.white-box
{
	position:relative;
	margin:10px 0 20px 0;
	width:100%;
	.box-sizing();
	padding:10px;
    background: #fff;
	border: 1px solid #9fd6fa;

	.arrow 
    {
		width:34px;
		height:17px;
		position:absolute;
		top:-17px;
		left:335px;
        background:url(img/base/elements/pc/pijltje_blauw.png) no-repeat left top;
	}
}

.yellow-box
{
	position:relative;
	margin:10px 0 20px 0;
	width:100%;
	.box-sizing();
	padding:10px;
    background: #FFFEF4 url(img/base/gradient/dashed-box-red.png) repeat-x left bottom;
	border: 1px solid #f9ee3c;

	.arrow 
    {
		width:36px;
		height:20px;
		position:absolute;
		bottom:-20px;
		left:30px;
        background:url(img/base/elements/pc/pijltje_geel.png) no-repeat left top;
	}

	.tip 
    {
		width:123px;
		height:23px;
		position:absolute;
		top:-13px;
		right:20px;
	}

	&#airport-tip 
    {
		margin-top:20px;
		float:right;
		width:auto;

	    .arrow 
        {
		    .transform( rotate(180deg) );
		    top:-18px;
		    right:20px;
		    left:auto;
	    }

		p:not(.price) 
        {
			line-height:30px;
		}
		
        .price 
        {
			color:#c51717;
			background-color:#f8ed31;
			padding:4px 8px;
			.border-radius(5px);
			font-size:16px;
			margin-left:10px;
			width:auto;
		}
	}
}

.white-box
{
	margin-top:10px;
    background:#fff;

	& > .content
	{
		padding: 10px;
	}

	h1
	{
		font-size:16px;
		padding-left:10px;
		margin-bottom:10px;
        color: @color-text-accent;
	}
}


#ctl00_plcLoginRegisterUpdPanels_UserLogin_UserLoginUpdatePanel > h4,
#ctl00_plcLoginRegisterUpdPanels_UserLogin_UserLoginUpdatePanel > ul,
#ctl00_plcLoginRegisterUpdPanels_RegisterUser_RegisterUserUpdatePanel > h4,
#ctl00_plcLoginRegisterUpdPanels_RegisterUser_RegisterUserUpdatePanel > div:not(.register-box)
{
    display:none;                                                                      
}

.registerForm div.register-box,
.loginForm div.login-box
{
	padding-top:0px !important;

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