/* licenced under EUPL, https://eupl.eu/1.2/nl/*/


.filteraanuit {
	margin-left:5px;
}

.filter_label {
	float:left;
	margin-right:10px;
	margin-top:2px;
}

.filter_open, .filter_close{
	float:left;
}

.filter_blok_content{
	min-height:50px;
	width: 100%;
	margin-top: 10px;
}

.filter_element .filter_blok_element{
	float:left;
	height: 150px;
}
.filter_blok{
	margin-bottom: 3px;
	width:100%;
}

.filter_element_input {
	margin-left:25px;
	margin-bottom:3px;
}

.filter_element_dropdown {
	margin-bottom:10px;
}

.filter_element_status {
	float:left;

}

.filter_column_label {
	margin-top: 5px;
	margin-left: 62px;
}

.filtertekst_aan_uit {
	margin: 10px;
}

.filter_inhoud {
	width: 100%;
	float:left;
}

.filter_element .ui-datepicker-trigger{
	float:right !important;
	margin-right: 10px;

}
.filter_element_boolean{
	float:left;
}
.filter_keuzelijst_boolean{
	float:left;
	margin:5px;
	white-space: nowrap;
    overflow: hidden;
}
.filter_keuzelijst_boolean input[type="checkbox"]{
	margin-right:2px;
	margin-top:2px;
}
.multiselect_label{
	background-color: #b6cee6;
    color: #08418c;
	padding: 5px;
	margin: 5px;
}
.multiselect_label input[type="checkbox"]{
	margin-right:2px;
}

.filter_input .filter_element_status{
	margin-left:20px;
}

.send_filter {
	display: flex;
	flex-direction: row-reverse;
	padding-right: 15px;
	gap: 15px;
	margin-bottom: 15px;
}

.filter_element button {
	margin: 10px 0 0 0;
}

.ui-dialog .ui-widget .ui-widget-content .ui-front .ui-draggable .home .ui-corner-flat{
	height:300px !important;
}

.filter_element .keuze_boolean{
	margin:5px;
}

/*NEW FILTERS*/
.page-filter-wrapper {
	display: flex;
	flex-wrap: nowrap;
	justify-content: flex-end;
	align-items: center;
	overflow: hidden;
	float: right;
	margin-right: 18px;
	right: 0;
	width: 70%;
	box-sizing: border-box;
}

.page-filter-wrapper > * {
	margin-right: 15px;
}

.page-filter-wrapper:has(> .flexfilter):not(:has(> :not(.flexfilter))) > *:last-child {
	margin-right: 20px;
}

.page-filter-wrapper:has(> :not(.flexfilter)) > *:last-child {
	margin-right: 20px;
}

.flexlist_in_detail .page-filter-wrapper:has(> .flexlist_paging:only-child),
.flexlist_in_detail .page-filter-wrapper > .flexlist_paging:only-child {
	margin-right: 0 !important;
}

.paging_totals {
	margin-left: 15px;
}

.paging_totals:empty {
	display: none;
}

.flexfilter.container {
	display: flex;
	align-items: center;
	width: 170px;
	position: relative;
	border: 1px solid #ccc;
	border-radius: 14px; /*pill*/
	overflow: hidden;
}

.flexfilter input {
	background-color: transparent;
	height: 25px;
	border: none;
	outline: none;
	flex: 1;
	box-sizing: border-box;
	width: 0;
	margin: 0;
}

.flexfilter input::placeholder {
	color: var(--main-txt-black);
}

.flexfilter button, .option_list_wrapper button {
	border: none;
	outline: none;
	background: transparent;
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center;
}

.flexfilter button {
	padding: 0 8px;
}

.option_list_wrapper button {
	padding: 0;
}

.flexfilter button.left {
	cursor: default;
	pointer-events: none;
}

.flexfilter button .icon svg {
	width: 17px;
	height: 17px;
	fill: var(--main-icon-clr);
}

/*filter and option dropdown icon rotation*/
.icon.right.filter_toggle svg, .icon.right.option_toggle svg {
	transition: transform 0.2s ease;
}
.icon.right.filter_toggle.rotated svg, .icon.right.option_toggle.rotated svg {
	transform: rotate(180deg);
}