.autocomplete input[type=text], .autocomplete button.kereses { height:40px; border-radius:var(--border-r50); outline:none; padding:6px !important; }
.autocomplete input[type=text] { border:1px solid #DFDFDF; width:100%; max-width:100%; padding:0 20px !important; }
.autocomplete button.kereses {
	background-color: var(--szin-fo);
	color: white;
	border: 0;
	position: absolute;
	top: 0;
	right: 0;
	transition: 0.2s;
	display: flex;
	width: 40px;
	padding: 10px;
	justify-content: space-between;
	align-items: flex-start;
	flex-shrink: 0;
}
.autocomplete button.kereses svg { margin:5px;flex-shrink: 0; }
.autocomplete button.kereses:hover { background-color:var(--szin-select) !important; cursor:pointer; }

/* the container must be positioned relative: */
.autocomplete
{
	position: relative;
	display: inline-block;
	width:100%;
	max-width:100%;
	align-items: center;
}
.autocomplete p { margin:0; }
.autocomplete-items
{
	padding:10px;
	border-radius:var(--border-r10);
	background-color:#fff;
	position: absolute;
	border: 1px solid #ddd;
	border-bottom: none;
	border-top: none;
	z-index: 99;
	/* position the autocomplete items to be the same width as the container: */
	top: 100%;
	left: 0;
	right: 0;
	box-shadow: 0 0 10px 0 rgba(0,0,0,0.2);
}

.autocomplete-items div.item
{
	display: flex;
	align-items:center;
	padding: 10px;
	cursor: pointer;
	background-color: transparent;
	font-weight:400;
	color: var(--font-fekete);
 	border-bottom: 1px solid #eee;
	transition: 0.2s;
}

.autocomplete-items div:last-child { border-bottom: 0; }

.autocomplete-items div:hover, .autocomplete-active
{
	border-radius:var(--border-r10);
	border:0 solid #eee;
	background-color: var(--szin-select) !important;
	/* color:#fff !important; */
}
.autocomplete-items div .talalat { /* font-weight:bold; */ background-color:var(--szin-fo); border-radius:var(--border-r5); padding:0 3px; color:#fff; transition:0.2s; }
/* ._autocomplete-items div .talalat { font-weight:800; color:var(--szin-fo); transition:0.2s; } */
/*.autocomplete-items div .talalat { font-weight:bold; background-color:#eee; border-radius:var(--border-r10); padding:0 3px; transition:0.2s; }*/
.autocomplete-items img { border: 1px solid #eee; border-radius: 5px; margin: 0 10px; max-width: 34px; vertical-align: middle; transition: 0.2s; }
.autocomplete-items div:hover img, .autocomplete-active img { max-width:50px; margin:0 2px; }
.autocomplete-items .szinkodpotty { vertical-align:middle;  margin:0 10px; max-width: 34px; width: 34px; height: 34px; border-radius:var(--border-r10); transition: 0.2s; }
.autocomplete-items div:hover .szinkodpotty, .autocomplete-active .szinkodpotty { max-width: 50px; width:50px; height:50px; margin:0 2px; }
.autocomplete-items div:hover .talalat, .autocomplete-active .talalat { background-color:var(--szin-fo) !important; }
.autocomplete-items:empty { display:none;}
.autocomplete-tovabbi-talalat { color:var(--zold1) !important; /* font-weight:bold; */ text-align:center; padding: 3px 0; }