body.debug{
	/* visibility: visible; */
}

/*
	* This content replaced the css rules set in '/scripts/picker.date.css' that should be included above this file
*/

/*
	* ------ COLOR Section ---------------------------------------------------
	'
	' --- BASE COLORS IN USE: ---
	'
	' * ACTIVE			HEX:var(--color-base)
	' 	Dark			HEX:var(--color-base-dark)
	' ---		
	' * LINK			HEX:var(--color-accent) 	RGB:var(--color-accent-rgb)	(date hover)
	'	Dark			HEX:var(--color-accent-dark) 							
	' --- 
	' * GRAY (Light)	HEX:var(--color-lightgray)		RGB:var(--color-lightgray-rgb)
	'	Dark 			HEX:var(--color-lightgray-dark) 	RGB:var(--color-lightgray-dark-rgb)			
	' --- 
	' * TEXT Normal		HEX:var(--color-text-body)
	' ---
	' * TEXT Dark		HEX:var(--color-text-heading)
	'
*/
/* =========================================================================
   $BASE-PICKER
   =========================================================================== */

.picker{
	color:var(--color-text-body);
}

/**
 * When the picker is opened
 */
.picker__input--active,
.picker__input--active:hover{
	/*border-color:var(--color-lightgray)!important;*/
	/*border-color:rgba(0,0,0,0.41)!important;*/
	background-color:var(--color-lightgray)!important;
	cursor:default!important;
}

.picker__input--active,
.picker__input--active:hover,
.picker__input--active ~ .pickadate-date-icon,
.picker__input--active:hover ~ .pickadate-date-icon{
	color:var(--color-text-body)!important;
}

.lte8 .picker__input--active,
.lte8 .picker__input--active:hover{
	border-color:var(--color-lightgray)!important;
}

/**
 * The holder is the base of the picker.
 */
.picker__holder,
.picker__nav--prev,
.picker__nav--next,
.picker__button--close{
	/*	background:var(--color-background-text); */
	background:var(--color-background-text);
	border-color:Gray;
}

.picker--opened .picker__holder{
	box-shadow:0 6px 18px 1px rgba(0,0,0,0.12);
}

/* =========================================================================
   $BASE-DATE-PICKER
   =========================================================================== */
.picker__year{
	color:Gray;
}

select.picker__select--month,
select.picker__select--year{
	border-color:DarkGray;
}

select.picker__select--month:focus,
select.picker__select--year:focus{
	border-color:var(--color-text-heading);
}

/*picker nav,based on gray and link base colors*/
.picker__nav--prev,
.picker__nav--next{
	box-shadow:0 0 0 1px rgba(var(--color-lightgray-dark-rgb),0.2),inset 2px 2px 8px 0px rgba(255,255,255,0.96),inset -2px -2px 8px 0px rgba(var(--color-lightgray-dark-rgb),0.25);
	background-image:-webkit-linear-gradient(top,rgba(var(--color-lightgray-rgb),1) 0%,rgba(var(--color-lightgray-dark-rgb),1) 50%,rgba(var(--color-lightgray-rgb),1) 100%);
	background-image:linear-gradient(to bottom,rgba(var(--color-lightgray-rgb),1) 0%,rgba(var(--color-lightgray-dark-rgb),1) 50%,rgba(var(--color-lightgray-rgb),1) 100%);
	background-color:var(--color-lightgray);
	border-color:Gray;
}

.picker__nav--prev:before,
.picker__nav--next:before{
	border-left-color:var(--color-text-body);
	border-right-color:var(--color-text-body);
}

.picker__nav--prev:hover,
.picker__nav--next:hover{
	box-shadow:inset 0 1px 0 0 rgba(255,255,255,0.5),0 1px 2px rgba(0,0,0,0.5);
	background-image:-webkit-linear-gradient(top,var(--color-accent) 0%,var(--color-accent-dark) 100%);
	background-image:linear-gradient(to bottom,var(--color-accent) 0%,var(--color-accent-dark) 100%);
	background-color:var(--color-accent);
	border-color:var(--color-accent-dark);
}

.picker__nav--prev:hover:before,
.picker__nav--next:hover:before{
	border-left-color:#fff;
	border-right-color:#fff;
}

.picker__nav--prev:active,
.picker__nav--next:active{
	text-shadow:-1px -1px 1px rgba(0,0,0,0.12);
	box-shadow:inset 1px 1px 1px 0 rgba(0,0,0,0.24),inset -1px -1px 1px 0 rgba(255,255,255,0.24);
	/* box-shadow:0 0 0 -1px rgba(var(--color-lightgray-dark-rgb),0.2),inset -2px -2px 8px 0px rgba(255,255,255,0.96),inset 2px 2px 8px 0px rgba(var(--color-lightgray-dark-rgb),0.25); */
	background-image:none;
	background-color:var(--color-lightgray-dark);
	border-color:var(--color-lightgray-dark);
}

.picker__nav--prev:active:before,
.picker__nav--next:active:before{
	border-left-color:var(--color-text-heading);
	border-right-color:var(--color-text-heading);
}

.picker__nav--disabled,
.picker__nav--disabled:hover,
.picker__nav--disabled:before,
.picker__nav--disabled:before:hover{
	background:none;
	border-right-color:var(--color-lightgray);
	border-left-color:var(--color-lightgray);
}

.picker__weekday,
.picker__weektable .picker__weeknumber,
.picker__weektable .picker__dayweek{
	color:Silver;
}

.picker__day{
	border-color:transparent;
}

.picker__day--today{
	color:var(--color-base);
}

.picker__day--today:before,
picker__day--infocus.picker__day--today:before{
	border-top-color:var(--color-base);
}

.picker__day--infocus.picker__day--selected,
.picker__day--infocus.picker__day--selected:hover{
	background:var(--color-base)!important;
	color:#fff!important;
	border-color:var(--color-base-dark)!important;
}

.picker__day--selected.picker__day--today:before,
.picker__day--selected.picker__day--today:hover:before{
	border-top-color:#fff!important;
}

.picker__day--highlighted{
	background:var(--color-base);
	color:#fff;
}

.picker__day--disabled:before{
	border-top-color:Gray!important;
}

.picker__day--outfocus{
	color:var(--color-lightgray-dark);
}

.picker__day--infocus:hover,
.picker__day--outfocus:hover{
	color:var(--color-text-body);
	background-color:rgba(var(--color-accent-rgb),0.07);
	border-color:var(--color-accent);
}

.picker__day--highlighted:hover,
.picker--focused .picker__day--highlighted{
	color:var(--color-text-body);
	background-color:rgba(var(--color-accent-rgb),0.07);
	border-color:var(--color-accent);
}

.picker__day--highlighted:hover:before,
.picker--focused .picker__day--highlighted:before{
	border-top-color:var(--color-accent);
}

.picker__day--disabled,
.picker__day--disabled:hover{
	background:var(--color-lightgray)!important;
	border-color:var(--color-lightgray)!important;
	color:var(--color-lightgray-dark)!important;
}

.picker__day--highlighted.picker__day--disabled,
.picker__day--highlighted.picker__day--disabled:hover{
	background:var(--color-lightgray)!important;
}

/**
 * The footer containing the "today" and "clear" buttons.
 */
.picker__button--today,
.picker__button--clear{
	/* border-color:#fff; */
	/* background:var(--color-background-text); */
	border-color:var(--color-background-text);
	background:var(--color-background-text);
	
}

.picker__button--today:hover,
.picker__button--clear:hover{
	color:#fff;
	background:var(--color-base);
	border-bottom-color:var(--color-base);
}

.picker__button--today:focus,
.picker__button--clear:focus{
	background:var(--color-base);
	border-color:var(--color-base);
}

.picker__button--today:before{
	border-top-color:var(--color-text-heading);
}

/*
	* ------ LAYOUT section ---------------------
	* Additional css that overwrites default widget rules set in '/scripts/picker.date.css'
*/

.picker{
	font-size:14px;
	font-size:1.4rem;
}

.picker--opened{
	margin-top:0.375em;
}

.picker__header,
select.picker__select--month,
select.picker__select--year,
.picker__nav--prev,
.picker__nav--next{
	margin-top:0;
}

select.picker__select--month,
select.picker__select--year,
.picker__nav--prev,
.picker__nav--next,
.picker__button--close,
.picker .picker__weeknumber,
.picker .picker__weekday,
.picker .picker__dayweek{
	font-size:0.8em;
}

.picker__nav--prev:before,
.picker__nav--next:before{
	font-size:1em;
	display:inline-block;
	vertical-align:top;
}

.picker__nav--prev,
.picker__nav--next{
	vertical-align:top;
	line-height:2.5;
	padding-top:0;
	padding-bottom:0;
	height:2.5em;
	top:0;
	border-width:1px;
	border-style:solid;
	border-top-width:0;
}

.picker__box{
	padding:10px;
	padding:1rem;
	padding-top:0;
}

.picker__header,
.picker__nav--prev,
.picker__nav--next{
	padding-top:10px;
	padding-top:1rem;
}

.picker__header{
	padding-left:2.2em;
	padding-right:2.2em;
}

.picker__header select{
	margin-bottom:0.375em;
}

.picker__nav--prev:before,
.picker__nav--next:before{
	/*-webkit-transform:translateY(-1em);*/
	/*transform: translateY(-1em);*/
	-webkit-transform:translate(-0.35em,-0.35em);
	transform: translate(-0.35em,-0.35em);
}

.picker__nav--prev{
	left:0;
	border-left-width:0;
	margin-left:-10px;
	margin-left:-1rem;
	border-bottom-right-radius:5px;
}

.picker__nav--next{
	right:0;
	border-right-width:0;
	margin-right:-10px;
	margin-right:-1rem;
	border-bottom-left-radius:5px;
}

.picker__button--close{
	border-radius:3px;
	border-width:1px;
	border-style:solid;
}

select.picker__select--year{
	width:27.5%;
	min-width:5.5em;
}

select.picker__select--month{
	width:37%;
	min-width:7.3em;
}

/**/
.pickadate-date-wrapper{
	position:relative;
}

.pickadate-date-icon{
	position:absolute;
	/* z-index:30; */
	z-index:1;
	margin:0.333em 0 0 -1.5em;
}

/** 
 * Remove cursor hand/pointer for everything except links, 
 * see article: https://adamsilver.io/articles/buttons-shouldnt-have-a-hand-cursor/ 
 */
.picker__input{
	/*cursor:pointer;*/
	cursor:default;
}

.picker__input:hover ~ .pickadate-date-icon{
	z-index:1;
}

.picker__input:hover{
	position:relative;
	/*background-color:transparent;*/
	/* background-color:rgba(255,255,255,0.5); */
}

.picker__input:hover,
.picker__input:hover ~ .pickadate-date-icon{
	color:var(--color-text-heading);
}

.picker__input--active ~ .pickadate-date-icon,
.picker__input--active:hover ~ .pickadate-date-icon{
	z-index:2;
}

/* 
	* Adjustments when placed in 'search-box-package.asp' to look consistent with the other rows (row break and full width):
*/

.searchbox .picker__input{
	font-size:1em;
	display:inline-block;
	vertical-align:top;
	width:100%;
	padding-left:0;
	padding-right:0;
	text-indent:0.333em;
	box-sizing:border-box;
}

.searchbox .pickadate-date-icon{
	/*bottom:0.33em;*/
	/*right:0.33em;*/
	/*font-size:16px;*/
	/*margin:0 1px 1px 0;*/
	bottom:0;
	right:0;
	font-size:1em;
	line-height:2.347;
	margin:0 auto;
	padding:0 0.333em;
	min-height:2.347em;
}

/** (2019-09) **
 * ACTIVATE THIS QUICK-FIX CSS if there is an issue in Chrome when clicking the text input, the calendar popup opens then immediately closes
 * ( Issue: http://www.travelize.se/krk/admin/posts.asp?id={BBBFE05E-C47D-4618-885E-5C7A2E624745} )
 * This fix places the calender icon trigger over the input which works as intended.
 */
.search-engine-box .pickadate-date-icon{
	/* top:auto; */
	/* bottom: 0; */
	/* right:0; */
	/* left:0; */
	/* background:none transparent; */
	/* text-align:right; */
}

.searchbox .pickadate-date-icon:before{
	-webkit-transform: translateY(0.097em);
	transform: translateY(0.097em);
}

.fixedWidthSiteVersion .searchbox .picker__input{
	/* width:99.4%; */
}

.picker__header option:disabled{
	color:rgba(0,0,0,0.06);
}

/**/

/*
	.picker__holder{
	width:300px;
	max-width:100%;
	min-width:0;
}

.picker__input{
	border-width:1px;
}

	
*/


/**
 * Show calendaer open per default
*/

.id-destination-priceinfobox-search{
	margin-top: 1.5em;
}

.pickadate-date-wrapper-static .picker__holder{
	/*-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";*/
	/*filter:alpha(opacity=100);*/
	/*-moz-opacity:1;*/
	/*opacity:1;*/
}

.pickadate-date-wrapper-static,
.pickadate-date-wrapper-static.item{
	width: 320px;
	max-width: 100%;
}

.pickadate-date-wrapper-static .picker,
.pickadate-date-wrapper-static .picker__holder{
	position:static;
}

.pickadate-date-wrapper-static .picker__holder{
	max-height: 25em;
	visibility:visible;
	border-top-width:1px;
	border-bottom-width:1px;
	-webkit-transform:none;
	-moz-transform:none;
	transform:none;
	-webkit-transition:none;
	-moz-transition:none;
	transition:none;
}

.pickadate-date-wrapper-static .icon-calendar,
.pickadate-date-wrapper-static .picker__button--close,
.pickadate-date-wrapper-static .fieldset__input.picker__input{
	display:none;
}

.pickadate-date-wrapper-static .picker__holder{
	border-radius:0;
	box-shadow:none;
	border-color:transparent;
}

.pickadate-date-wrapper-static .picker__weekday,
.pickadate-date-wrapper-static .picker__weektable .picker__weeknumber,
.pickadate-date-wrapper-static .picker__weektable .picker__dayweek{
	color:rgba(0,0,0,0.87);
}

.pickadate-date-wrapper-static .picker__nav--prev,
.pickadate-date-wrapper-static .picker__nav--next{
	top:1rem;
	border-style: solid;
	border-width:1px;
	border-radius:3px;
}