/* FILTER BOOKING CSS Document iV4 */
/*layout panels*/
.filter_panel_container {
	width:100%; 
	overflow:hidden; 
	margin:0; 
	padding:0;
	}
	.filter_panel_container #leftpanel {
		width:20%; 
		overflow:hidden; 
		margin:0; 
		padding:0;
		}
		.filter_panel_container #leftpanel .module {
			margin-left:0;
			margin-right:1em;
			}
	.filter_panel_container .tabpanel {
		overflow:hidden; 
		margin:0;
		vertical-align:top;
		padding-top:34px;
		width:20px;
		}
	.filter_panel_container #rightpanel {
		overflow:hidden; 
		margin:0; 
		padding:0;
		}
		.filter_panel_container #rightpanel .module {
			margin-left:0;
			}
	/*show/hide leftpanel*/
	.tundra .filter_panel_container .HidePanel_ShowPanel .dijitButton {
		margin:0;
		}
	/***hide panel***/
	.tundra .filter_panel_container .HidePanel_ShowPanel .dijitButton .dijitButtonNode .dijitButtonContents {
		background-image:url(../images/hide_leftpanel.png);
		background-repeat:no-repeat;
		background-position:center center;
		height:60px;
		width:20px;
		background-color:transparent;
		border:1px solid #d6d6d6;
		border-right-width:0;
		border-radius:5px 0 0 5px;
		}
		.tundra .filter_panel_container .HidePanel_ShowPanel .dijitButtonHover .dijitButtonNode .dijitButtonContents {
			background-image:url(../images/hide_leftpanel_hover.png);
			background-color:#ffffff;
			}
	/***show panel***/
	.tundra .filter_panel_container .HidePanel_ShowPanel .dijitButton .dijitButtonNode .more {
		background-image:url(../images/show_leftpanel.png);
		background-repeat:no-repeat;
		background-position:center left;
		height:60px;
		width:20px;
		background-color:transparent;
		border:1px solid #d6d6d6;
		border-right-width:0;
		border-radius:5px 0 0 5px;
		margin-left:0;
		margin-right:0;
		}
		.tundra .filter_panel_container .HidePanel_ShowPanel .dijitButtonHover .dijitButtonNode .more {
			background-image:url(../images/show_leftpanel_hover.png);
			background-color:#ffffff;
			}

.tundra table.filter_booking {
	border-color:#b3b3b3;
	margin:0;
	border:none;
	}
	.tundra table.filter_booking th.mainhead {
		background-color:#b3b3b3;
		}
	.tundra table.filter_booking th.subhead {
		background-color:#cccccc;
		text-transform:lowercase;
		color:#212121;
		border-bottom:1px solid #f6f6f6;
		}
		/*******show/hide buttons simple search******/
			.tundra table.filter_booking .Show_Hide,
			.tundra table.filter_booking .Hide_Show {
				text-align:right;
				}
			/***more state, Show_Hide***/
			.tundra table.filter_booking .Show_Hide .dijitButton .dijitButtonNode .dijitButtonContents {
				background-image:url(../images/show_more.png);
				background-repeat:no-repeat;
				background-position:right bottom;
				height:10px;
				width:10px;
				}
				.tundra table.filter_booking .Show_Hide .dijitButtonHover .dijitButtonNode .dijitButtonContents {
					background-image:url(../images/show_more_hover.png);
					}
			/***less state, Show_Hide***/
			.tundra table.filter_booking .Show_Hide .dijitButton .dijitButtonNode .less {
				background-image:url(../images/show_less.png);
				background-repeat:no-repeat;
				background-position:right bottom;
				height:10px;
				width:10px;
				}
				.tundra table.filter_booking .Show_Hide .dijitButtonHover .dijitButtonNode .less {
					background-image:url(../images/show_less_hover.png);
					}
			/***less state, Hide_Show***/
			.tundra table.filter_booking .Hide_Show .dijitButton .dijitButtonNode .dijitButtonContents {
				background-image:url(../images/show_less.png);
				background-repeat:no-repeat;
				background-position:right bottom;
				height:10px;
				width:10px;
				}
				.tundra table.filter_booking .Hide_Show .dijitButtonHover .dijitButtonNode .dijitButtonContents {
					background-image:url(../images/show_less_hover.png);
					}
			/***more state, Hide_Show***/
			.tundra table.filter_booking .Hide_Show .dijitButton .dijitButtonNode .more {
				background-image:url(../images/show_more.png);
				background-repeat:no-repeat;
				background-position:right bottom;
				height:10px;
				width:10px;
				}
				.tundra table.filter_booking .Hide_Show .dijitButtonHover .dijitButtonNode .more {
					background-image:url(../images/show_more_hover.png);
					}
			

.tundra table.filter_booking td {
    border-width:0px;
	padding:2px;
	}
	table.filter_booking td.spacer {			
		padding:2px 5px;
		}
	.tundra table.filter_booking .multiselect select {
		min-width:95%;
		font-size:100%;
		}

/*advanced search block: show as moduleblock but bigger padding*/
.tundra table.advanced_search td {
    padding:8px 8px 4px 8px;
	}
	.tundra table.advanced_search td.no-top-padding {
		padding-top:0;
		}
		
/* filters actions icon buttons (save_mod) */
a.filter_actions,
a.filter_actions:visited {
	color:#b3b3b3!important;
	text-decoration:none;
	font-size:90%;
	text-transform:lowercase;
	display:block;
	height:13px; /*minus padding-top*/
	width:auto;
	padding-left:20px;
	padding-bottom:3px;
	min-width:175px;
	margin-left:2px;
	margin-top:5px;
	}		
	a.filter_actions:hover {
		color:#1f6c89!important;
		text-decoration:underline;
		}
	/*filter actions icons*/
	a.fSave,
	a.fSave:visited {
		background: transparent url(../images/save_filter.png) top left no-repeat;
		}
		a.fSave:hover {
			background: transparent url(../images/save_filter_hover.png) top left no-repeat;
			}
	a.fRename,
	a.fRename:visited {
		background: transparent url(../images/rename_filter.png) top left no-repeat;
		}
		a.fRename:hover {
			background: transparent url(../images/rename_filter_hover.png) top left no-repeat;
			}
	a.fSaveAs,
	a.fSaveAs:visited {
		background: transparent url(../images/saveAs_filter.png) top left no-repeat;
		}
		a.fSaveAs:hover {
			background: transparent url(../images/saveAs_filter_hover.png) top left no-repeat;
			}
	a.fReload,
	a.fReload:visited {
		background: transparent url(../images/reload_filter.png) top left no-repeat;
		}
		a.fReload:hover {
			background: transparent url(../images/reload_filter_hover.png) top left no-repeat;
			}


/* NEW BS BASED SIMPLE + ADVANCED SEARCH */
#filter_simplesearch #simple_selector,
#filter_simplesearch #simple_search_actions {
	margin-bottom:5px;
	}
	/* same margin bottom for #simple_default_list and #simple_default_list, here we need to set the margin on the child div's because
	the parent div can contain more then one dropdown button! */
	#filter_simplesearch div[id*="ssf_id_"] {
		margin-bottom:5px;
		margin-right:5px;
		}
		/* SETTING BELOW MAY BE DELETED AS SOON: the output'of the double div is solved */
		/* at this moment the output inside the simple_field_list contains TWO div's with an ID "ssf_id_....", 
		the second one must have a margin-bottom/right '0' to prevent un unwanted total margin-bottom of 10px! */
		#filter_simplesearch div[id*="ssf_id_"] div[id*="ssf_id_"],
		#filter_simplesearch div[id*="ssf_id_"] div[id*="ssf_id_"]:last-child {
			margin-bottom:0;
			margin-right:0;
			}
	/* same margin for the Advanced Search, margin set on the div #advanced_search_field and advanced_search_actions */
	#filter_advancesearch #advanced_search_field,
	#filter_advancesearch #advanced_search_actions {
		margin-bottom:5px;
		}
/* extra setting for a correct (= no border-radius) of the dropdown-button Searchfields and a dropdown positioned 'right' */
#simple_search_actions .btn-group .btn-group-customized .multiselect.btn {
    border-radius:0;
	}
	#simple_search_actions .btn-group .btn-group-customized .multiselect-container.dropdown-menu {
		right:0!important;
		left:auto!important;
		}
/* open-active state dropdown button in simple_default_list */
#simple_default_list .open .btn-default[aria-expanded=true] {
	color: #333;
	background-color: #d4d4d4;
	border-color: #8c8c8c;
	font-weight:bold;
	}
/* all dropdown buttons (class: btn-default) in #simple_field_list must shown as if btn-info class is used */
#simple_field_list .btn-default {
	color: #fff;
	background-color: #5bc0de;
	border-color: #46b8da;
	}
	#simple_field_list .btn-default:focus,
	#simple_field_list .btn-default.focus {
		color: #fff;
		background-color: #31b0d5;
		border-color: #1b6d85;
		}
	#simple_field_list .btn-default:hover {
		color: #fff;
		background-color: #31b0d5;
		border-color: #269abc;
		}
	#simple_field_list .open .btn-default[aria-expanded=true] {
		color: #fff;
		background-color: #269abc;
		border-color: #1b6d85;
		font-weight:bold;
		}
#simple_field_list .btn-default:active,
#simple_field_list .btn-default.active {
	color: #fff;
	background-color: #31b0d5;
	border-color: #269abc;
	}
	#simple_field_list .btn-default:active:hover,
	#simple_field_list .btn-default.active:hover,
	#simple_field_list .btn-default:active:focus,
	#simple_field_list .btn-default.active:focus,
	#simple_field_list .btn-default:active.focus,
	#simple_field_list .btn-default.active.focus {
		color: #fff;
		background-color: #269abc;
		border-color: #1b6d85;
		}
#simple_field_list .btn-default:active,
#simple_field_list .btn-default.active {
	background-image: none;
	}
/* force vertical scrollbar if needed for filter list (f.e. for: admin?mod=filter&context=booking&show=filterlist) */
#filter_list {
    overflow-y: auto;
    overflow-x: hidden;
    }

/* Placeholder voor lazy-load van de simplesearch field selector. De buurbuttons in
   #simple_search_actions krijgen via een centrale rule --bs-btn-font-size: 0.875rem (14px)
   door selectors als `.btn-primary` en `.btn-group-customized .btn-default`. De placeholder
   matcht die selector-lijst niet, dus moet hier expliciet dezelfde font-size overnemen,
   anders staat de placeholder op 1rem (16px) en springt 'ie zichtbaar bij vervanging
   door de multiselect button (die wél als `.btn-default` matched). */
.btn.ss-selector-style {
    --bs-btn-font-size: 0.875rem;
    font-weight: 400;
}

/* De ires-core-library multiselect-button rendert zijn caret als lege <span> (geen font-icon),
   terwijl naburige Bootstrap-buttons een FontAwesome icon bevatten dat intrinsic ~1em line-height
   meebrengt en daardoor het line-box 3px ophoogt (38px ipv 35px). Resultaat: na lazy-load springt
   de Zoekvelden button visueel 3px korter. Match de Bootstrap .btn standaard hoogte expliciet. */
#simple_search_actions .ires-multiselect-btn,
#advanced_search_actions .ires-multiselect-btn {
    min-height: 38px;
}