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

/** 
 * See documentation: http://cm4dev.travelize24.com/clientfiles/cm-resource/archive/components/multiselect/ 
 */

/**
 * COLOR KEY:	
 * 	- TEXT HEADING:			var(--color-text-heading)
 *	- LINK: 				var(--color-link)
 *	- LIGHTGRAY - Normal: 	var(--color-lightgray)
 *	- LIGHTGRAY - Dark: 	var(--color-lightgray-dark)
 */
 
/**
 * CORE
 */
.ui-multiselect,
#calendardates{
	/*padding:2px 0 2px 4px;*/
	padding:0.5em;
	text-align:left;
	line-height:1.3;
	white-space:nowrap;
	text-indent:0.333em;
	height:2.333em;
	overflow:hidden;
	position:relative;
}

/**/

.ui-multiselect span.ui-icon{
	/*float:right;*/
}

/**/

.ui-multiselect-single .ui-multiselect-checkboxes input{
	left:-9999px;
	position:absolute!important;
	top:auto!important;
}
.ui-multiselect-single .ui-multiselect-checkboxes label{
	padding:5px!important;
}

/**/

.ui-multiselect-header{
	/*margin-bottom:3px;*/
	/*padding:3px 0 3px 4px;*/
	margin-bottom:0.375em;
	padding:0.375em 0.75em;
}

.ui-multiselect-header ul{
	font-size:1em;
}

.ui-multiselect-header ul li{
	/* box-sizing:border-box; */
	/*float:left;*/
	display:inline-block;
	vertical-align:top;
	padding:0 5px;
}

.ui-multiselect-header a{
	text-decoration:none;
}

.ui-multiselect-header a:hover{
	text-decoration:underline;
}

.ui-multiselect-header span:not(.ui-icon){
	font-size:11px;
	line-height:1.625;
	display: inline-block;
	vertical-align: middle;
}

.ui-multiselect-header span.ui-icon{
	/*float:left;*/
}

.ui-multiselect-header li.ui-multiselect-close{
	float:right;
	padding-left:0;
	padding-right:0;
	text-align:right;
	font-size:14px;
	font-size:1.4rem;
}

/**/

.ui-multiselect-menu{
	display:none;
	/*padding:3px;*/
	padding:0;
	position:absolute;
	text-align:left;
}

/**/

.ui-multiselect-checkboxes{
	position:relative;
	width:100%;
	padding:0;
	list-style:none;
}

.ui-multiselect-checkboxes label{
	border:1px solid transparent;
	display:block;
	/*padding:3px 1px;*/
	padding:0.5em 0.75em;
	font-size:1em;
}

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

.ui-multiselect-checkboxes label input{
	position:relative;
	top:1px;
	margin-right:4px;
}

.ui-multiselect-checkboxes label img{
	height:30px;
	vertical-align:middle;
	padding-right:3px;
}

.ui-multiselect-checkboxes li{
	clear:both;
	font-size:0.9em;
	list-style:none;
	padding-right:3px;
}

.ui-multiselect-checkboxes .ui-multiselect-optgroup{
	padding:3px;
	margin:0 auto;
	list-style:none;
	display:block;
}

/**/

.ui-multiselect-columns{
	display:inline-block;
	vertical-align:top;
}

.ui-multiselect-checkboxes .ui-multiselect-optgroup a{
	/*border-bottom:1px solid;*/
	border-bottom:none;
	cursor:pointer;
	display:block;
	font-weight:bold;
	margin:1px 0;
	padding:3px;
	text-align:center;
	text-decoration:none;
}

@media print{
	.ui-multiselect-menu{
		display:none;
	}
}

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

.ui-multiselect,
.ui-multiselect-menu{
	-webkit-user-select:none;
	-moz-user-select:none;
	-ms-user-select:none;
	user-select:none;
}

.ui-multiselect-header li.ui-multiselect-close,
.ui-multiselect-header li.ui-multiselect-close a{
	border-radius:4px;
	line-height:1;
}

.ui-multiselect-header li.ui-multiselect-close{
	background:var(--color-link);
}

/**/

.ui-widget{
	font-size:1em;
}

.ui-widget input,
.ui-widget select,
.ui-widget textarea,
.ui-widget button{
	font-size:1em;
}

/**/

.ui-widget-header{
	border:1px solid transparent;
	font-weight:bold;
	background:transparent;
}

.ui-widget-header a{
	display:block;
	padding:0.5em;
	border-radius:3px;
}

.ui-widget-header,
.ui-widget-header a{
	color:var(--color-link);
}

.ui-widget-header a:hover{
	color:#fff;
	background-color:var(--color-link);
	text-decoration:none;
}

/**/

.ui-multiselect-optgroup,
.ui-multiselect-optgroup > a:not(:hover),
.ui-multiselect-single .ui-multiselect-optgroup > a,
.ui-multiselect-single .ui-multiselect-optgroup > a:hover{
	color:var(--color-text-heading);
	text-decoration:none;
}

.ui-multiselect-single .ui-multiselect-optgroup > a{
	cursor:default;
}

/**/

.ui-multiselect-menu.ui-widget{
	border-width:1px;
	border-style:solid;
	border-radius:0 0 4px 4px;
	box-shadow:0 4px 8px 0 rgba(var(--color-text-body-rgb),0.24);
}

.ui-helper-reset{
	/*margin:0;*/
	margin:0 auto;
	padding:0;
	border:none;
	outline:none;
	line-height:1.3;
	text-decoration:none;
	font-size:100%;
	list-style:none;
}

.ui-helper-clearfix::before,
.ui-helper-clearfix::after{
	content:"";
	display:table;
	border-collapse:collapse;
}

.ui-helper-clearfix::after{
	clear:both;
}

.ui-helper-clearfix{
	min-height:0;
}

/**/

.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default{
	border:1px solid var(--color-lightgray-dark);
	border-color:rgba(var(--color-text-body-rgb),0.12);
	background:var(--color-background-text);
}

.ui-state-default span{
	font-size:1em;
	position:relative;
	background:transparent;
}

.ui-state-default .ui-icon-triangle-1-s{
	z-index:1;
	background:none var(--color-background-text);
	box-shadow:0.5em 0 0 0 var(--color-background-text);
}

.ui-state-hover{
	border-color:rgba(var(--color-text-body-rgb),0.24);
	color:var(--color-text-heading);
	background-color:var(--color-background-text);
}

.ui-state-default:hover .ui-icon-triangle-1-s,
.ui-state-hover .ui-icon-triangle-1-s{
	background-color:var(--color-background-text);
}

.ui-state-default:focus{
	outline:none;
}

.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus{
	border-color:rgba(var(--color-text-body-rgb),0.24);
	color:var(--color-text-heading);
	background-color:var(--color-lightgray);
}

.ui-state-default:focus .ui-icon-triangle-1-s,
.ui-state-focus .ui-icon-triangle-1-s{
	background-color:var(--color-lightgray);
}

.ui-state-active,
.ui-state-active:hover,
.ui-state-active span,
.ui-multiselect-menu.ui-widget{
	border-color:rgba(var(--color-text-body-rgb),0.24);
	background-color:var(--color-lightgray);
}

.ui-state-default:active .ui-icon-triangle-1-s,
.ui-state-active .ui-icon-triangle-1-s,
.ui-state-active:hover .ui-icon-triangle-1-s{
	background-color:var(--color-lightgray);
	box-shadow:0.5em 0 0 0 var(--color-lightgray);
}

.ui-state-active,
.ui-state-active:hover{
	/*border-bottom-color:var(--color-lightgray);*/
	box-shadow:0 2px 0 var(--color-lightgray);
}

.ui-widget-content .ui-state-hover{
	border:1px solid var(--color-background-text);
	color:var(--color-text-heading);
	background:var(--color-background-text);
	background:rgba(var(--color-background-text-rgb),0.5);
}

.ui-corner-all{
	/*border-radius:1px;*/
	border-radius: var(--border-radius-input);
}

.ui-multiselect.ui-state-active,
.ui-multiselect.ui-state-active:hover{
	border-bottom-right-radius:0;
	border-bottom-left-radius:0;
}

/**/


.ui-multiselect-menu:not(.ui-multiselect-single){
	max-width:100%;
	height: auto!important;
}

.ui-multiselect-menu:not(.ui-multiselect-single) .ui-multiselect-checkboxes li{
	float:none;
	display:inline-block;
	vertical-align:top;
	width:100%;
	/* width:33.333%; */
	/* min-width:220px; */
	/* max-width:100%; */
}

/** Calendar written out over .ui-multiselect-menu previously */
.ui-multiselect-menu{
	z-index:13;
}

.pickadate-date-icon{
	z-index:9;
}

.ui-state-active,
.ui-state-active:hover{
	z-index:12;
	position:relative;
}

/**
 * THEME - ICONS
 */
/*.ui-icon-triangle-1-s:before,*/
.ui-widget-header a:after,
.ui-multiselect span.ui-icon:after{
	font-family:'icons-travelize'!important;
	/* font-size:26px;
	*/
	speak:none;
	font-style:normal!important;
	font-weight:normal;
	font-variant:normal;
	text-transform:none;
	line-height:1;
	letter-spacing:normal;
	/* word-wrap:normal; */
	overflow-wrap:normal;
	white-space:nowrap;
	direction:ltr;
	-webkit-font-smoothing:antialiased;
	-moz-osx-font-smoothing:grayscale;
	text-rendering:optimizeLegibility;
}

/*
.ui-icon-triangle-1-s:before{
	content:"\e013";
}
*/

.ui-widget-header a:after{
	margin-left:5px;
}

.ui-widget-header a.ui-multiselect-all:after{
	content:"\e02c";
}

.ui-widget-header a.ui-multiselect-none:after{
	content:"\78";
	font-size:0.75em;
}

.ui-widget-header a.ui-multiselect-close:after{
	content:"\78";
	font-size:0.75em;
	color:#fff;
	margin:0;
}

.ui-multiselect .ui-icon{
	float:right;
}

.ui-multiselect .ui-icon:after{
	content:"\e013";
	opacity:0.75;
}

.ui-state-active .ui-icon:after{
	content:"\25bc";
	opacity:1;
}

/**
 * JS OVERIDES
 */

.multiselect option:checked{
	visibility:hidden;
}

button.ui-multiselect{
	/* width:100%!important; */
	max-width:100%;
}

/**/

.searchbox-horizontal button.ui-multiselect{
	width:100%!important;
}

/** horizontal search */


.ui-multiselect-searchbox-horizontal .ui-widget-header a{
	padding:0.75em;
}

.ui-multiselect-searchbox-horizontal .ui-multiselect-header ul{
	font-size:0.9em;
}

.ui-multiselect-searchbox-horizontal .ui-multiselect-header ul li:not(.ui-multiselect-close){
	padding-left:0;
	padding-right:10px;
}

.ui-multiselect-searchbox-horizontal .ui-multiselect-header li.ui-multiselect-close{
	font-size:16px;
	font-size:1.6rem;
}

.ui-multiselect-searchbox-horizontal .ui-multiselect-header span:not(.ui-icon){
	font-size:1em;
	line-height:1.3;
}

/**/

.notTouchDevice .ui-multiselect-searchbox-horizontal.ui-multiselect-menu:not(.ui-multiselect-single){
	width:1200px!important;
	height: auto!important;
	left:0!important;
	right:0!important;
	margin-left:auto;
	margin-right:auto;
}

/** Sort: Vertical order instead of horizontal */
.notTouchDevice .ui-multiselect-searchbox-horizontal.ui-multiselect-menu:not(.ui-multiselect-single) .ui-multiselect-checkboxes{
	/* columns: 3 220px; */
	/* column-gap: 0; */
}
.notTouchDevice .ui-multiselect-searchbox-horizontal.ui-multiselect-menu:not(.ui-multiselect-single) .ui-multiselect-checkboxes li{
	width:33.333%;
	min-width:220px;
	max-width:100%;
}

.notTouchDevice .ui-multiselect-menu:not(.ui-multiselect-single) .ui-multiselect-checkboxes{
	/*height: auto!important;*/
	/*overflow-y: auto!important;*/
	/*max-height:20em;*/
	/*max-height:32vh;*/
}

.notTouchDevice .ui-multiselect-menu:not(.ui-multiselect-single){
	/*height: auto!important; */
	/*overflow-y: auto!important;*/
	/*max-height:20em;*/
	/*max-height:32vh;*/
}

/** 
 * Travelize additions - injected footer close trigger content 
 */

.searchbox-multiselect-footer-list{
	display: block;
	margin:0 auto 0 auto;
	/*padding:0;*/
	padding:0.75em 0.75em;
	line-height:1.3;
	font-size:0.9em;
	list-style:none;
	text-align: right;
	min-height: 0!important;
}

.searchbox-multiselect-footer-item{
	display: inline-block;
	vertical-align: top;
	margin: 0 auto;
	padding:0;
}

.searchbox-multiselect-footer-item-inner,
.searchbox-multiselect-footer-item-inner.button{
	/* border-radius: 4px; */
	/* border-top-left-radius:0; */
	/* border-top-right-radius:0; */
	/* border-bottom-left-radius:0; */
}

.searchbox-multiselect-footer-item-inner:not(.button){
	display: block;
	font-weight:bolder;
	/*padding:0.375em 0.75em;*/
	padding:1.5em;
}

.searchbox-multiselect-footer-close-inner{
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.searchbox-multiselect-footer-close-inner:after{
	content:" \00BB";
}

/* MQ */
.layout-xs .ui-widget-header .ui-helper-reset a:after{
	display:none;
}

.layout-xs .ui-widget-header .ui-multiselect-close a:after{
	display:inline-block;
}

/** JS LIBRARY OVERIDE ('/scripts/jquery.multiselect.min.js') */
/** 2020-07-01 ISSUE - Search Engine Popup panel is too tall as the JS adds faulty style height to the unordered list (.ui-multiselect-checkboxes)
 * Admin Link: http://www.travelize.se/krk/admin/posts.asp?id={2C536954-3478-4DF7-9168-FC876C290D85} 
 */
.ui-multiselect-checkboxes{
	height: auto!important;
}
/**/



/** ACTIVATE if popup content gets  vertically cropped outside the device layout and can not be scrolled to see its content */
@media screen and (max-width: 599px) {
	body.show-offcanvas-search{
		/* min-height: 100vh; */
	}
	.ui-multiselect-menu.ui-widget-content{
		/* max-height:50vh; */
		/* overflow:auto; */
	}
}