

/**
 * Minified by jsDelivr using clean-css v4.2.1.
 * Original file: /npm/@tarekraafat/autocomplete.js@7.2.0/dist/css/autoComplete.css
 * 
 * Do NOT use SRI with dynamically generated files! More information: https://www.jsdelivr.com/using-sri-with-dynamic-files
 */

 #apparaten_list {
	margin-left: 50px !important;
	margin-top: -17px !important;
	box-shadow: 0px 20px 100px 1px #828282;
	transition: opacity .1s ease;
	-webkit-transition: opacity -webkit-transform .1s ease;
 }

 #autoComplete_wrapper {
	position: relative;
    display: inline-block;
}

#autoComplete {
	position: relative;
	height: 3rem;
	width: 18rem;
	font-size: 1rem;
	outline: 0;
	border-radius: 2px;
	border: .05rem solid #731422;
	caret-color: #731422;
	transition: all .1s ease;
	-webkit-transition: all -webkit-transform .1s ease;
	text-overflow: ellipsis;
}

#autoComplete:focus::placeholder {
	color: #731422;
}

#autoComplete::selection {
	color: transparent
}

#autoComplete:focus {
	color: #731422;
	height: 3rem;
	border: .05rem solid #731422;
}

#autoComplete_list {
	position: fixed;
	z-index: 1000;
	padding: 0;
	left: 0;
	right: 0;
	margin-top: 0;
	margin-left: auto;
	margin-right: auto;
	width: 18rem;
	transition: all .1s ease-in-out;
	-webkit-transition: all -webkit-transform .1s ease;
}

.itable_autocomplete_result_item {
	padding: 4px 8px 4px 8px;
	width: 286px;
	border: .05rem solid #e3e3e3;
	list-style: none;
	text-align: left;
	font-size: 14px;
	font-weight: 400;
	color: #333;
	transition: all .1s ease-in-out;
	background-color: #fff;
	/* disable flatsome list item margin */
	margin-bottom: 0px;
	margin-left: 00px !important;
}

.itable_autocomplete_result_item::selection {
	color: rgba(#fff, 0);
	background-color: rgba(#fff, 0)
}

.itable_autocomplete_result_item:hover {
	cursor: pointer;
	background-color: rgba(255, 248, 248, .9);
	border-left: 3px solid #731422;
}

.itable_autocomplete_result_item:focus {
	outline: 0;
	background-color: rgba(255, 248, 248, .9);
	border-left: 2px solid #731422;
	border-right: 2px solid #731422;
	border-top: 2px solid transparent;
	border-bottom: 2px solid transparent
}

.autoComplete_highlighted,
.itable_autocomplete_result_item > mark {
	opacity: 1;
	color: #731422;
	padding: 0;
	border-bottom: 2px solid #7314225c;
	background-color: transparent;
}

.autoComplete_highlighted::selection {
	color: rgba(#fff, 0);
	background-color: rgba(#fff, 0)
}

.autoComplete_selected {
	cursor: pointer;
	background-color: rgba(255, 248, 248, .9);
	border-left: 2px solid #731422;
	border-right: 2px solid #731422;
	border-top: 2px solid transparent;
	border-bottom: 2px solid transparent
}

@media only screen and (max-width:600px) {
	#autoComplete {
		width: 5rem
	}
	#autoComplete:focus {
		width: 11rem;
		background-size: 1.6rem;
		background-position: left 1.1rem top .75rem
	}
	.itable_autocomplete_result_item:first-child {
		border-radius: 1rem 1rem 0 0
	}
	.itable_autocomplete_result_item:last-child {
		border-radius: 0 0 1rem 1rem
	}
	.itable_autocomplete_result_item:only-child {
		border-radius: 1rem
	}
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
	#autoComplete {
		border-width: 1px
	}
	#autoComplete:hover {
		border-width: 1px
	}
	#autoComplete:focus {
		border-width: 1px
	}
}

@-moz-document url-prefix() {
	#autoComplete {
		border-width: 1px;
		background-size: 1.2rem;
		background-origin: border-box;
		background-position: center
	}
	#autoComplete:hover {
		border-width: 1px
	}
	#autoComplete:focus {
		border-width: 1px;
		background-position: left 1.1rem top .8rem
	}
}


/*# sourceMappingURL=/sm/2bb3dcf548ec37c7de5c930474e8db20da4091fb846c9dd2fcdf9eac37ea959e.map */

