.leaflet-container .leaflet-control-search {
 	position: relative;
 	float: left;
 	color: #1978cf;
 	border: 0;
 	background-clip: padding-box;
 	z-index: 1000;
 }

 .search-ui {
 	display: flex;
 	position: absolute;
 	left: -220px;
 	top: 0;
 	flex-direction: column;
 	gap: 6px;
 	align-items: center;
 }

 .search-selectors-row {
 	display: flex;
 	gap: 6px;
 	align-items: center;
 }

 .leaflet-control-search.search-exp {
 	/*expanded*/
 	border: 2px solid rgba(0, 0, 0, 0.2);
 	background-clip: padding-box;
 	background-color: rgba(255, 255, 255, 0.7);
 }

 .leaflet-control-search .search-input {
 	display: block;
 	float: left;
 	background: #fff;
 	border: 2px solid #666;
 	height: 40px;
 	padding: 0 10px;
 	margin: 4px 0;
 	width: 200px;
 	outline: 2px solid var(--bkclr-nav-focus);
 	border-top-left-radius: 15px;
 	border-bottom-left-radius: 15px;
 }

 .leaflet-control-search.search-load .search-input {
 	background: url('/assets/IMAGES/GUI/loader.gif') no-repeat center right #fff;
 }

 .leaflet-control-search.search-load .search-cancel {
 	visibility: hidden;
 }

 .leaflet-control-search .search-cancel {
 	display: block;
 	width: 20px;
 	height: 20px;
 	position: absolute;
 	right: 0;
 	margin: 14px 10px;
 	background: url('/assets/IMAGES/GUI/BUTTONS/search-icon_close.png') no-repeat center;
 	text-decoration: none;
 	filter: alpha(opacity=80);
 	opacity: 0.5;
 }

 .leaflet-control-search .search-cancel:hover {
 	filter: alpha(opacity=100);
 	opacity: 1;
 }

 .leaflet-control-search .search-cancel span {
 	display: none;
 	/* comment for cancel button imageless */
 	font-size: 18px;
 	line-height: 20px;
 	color: #ccc;
 	font-weight: bold;
 }

 .leaflet-control-search .search-cancel:hover span {
 	color: #aaa;
 }

 .leaflet-control-search .search-button {
 	display: block;
 	float: left;
 	width: 50px;
 	height: 50px;
 	background-image: url('/assets/IMAGES/GUI/BUTTONS/search-w.png');
 	background-position: center center;
 	background-size: 30px 30px;
 	background-repeat: no-repeat;
 }

 .leaflet-control-search .search-button:hover {
 	background-image: url('/assets/IMAGES/GUI/BUTTONS/search-b.png');
 }

 .leaflet-control-search .search-tooltip {
 	position: absolute;
 	top: 80px;
 	right: 65px;
 	float: left;
 	list-style: none;
 	padding-left: 0;
 	max-height: 122px;
 	box-shadow: 1px 1px 6px rgba(0, 0, 0, 0.4);
 	background-color: rgba(0, 0, 0, 0.25);
 	z-index: 1010;
 	overflow-y: auto;
 	overflow-x: hidden;
 	cursor: pointer;
 }

 .leaflet-control-search .featureTipSearch {
 	position: relative;
 	min-width: 600px;
 }

 .leaflet-control-search .featureTipSearchText {
 	overflow: hidden;
 	text-overflow: ellipsis;
 	max-width: 570px;
 }

 .leaflet-control-search .search-tip {
 	margin: 2px;
 	padding: 2px 4px;
 	display: flex;
 	justify-content: space-between;
 	align-items: center;
 	color: black;
 	background: #eee;
 	border-radius: .25em;
 	text-decoration: none;
 	white-space: nowrap;
 	vertical-align: center;
 }

 .leaflet-control-search .search-button:hover {
 	/* background-color: #f4f4f4; */
 }

 .leaflet-control-search .search-tip-select,
 .leaflet-control-search .search-tip:hover {
 	background-color: #fff;
 }

 .leaflet-control-search .search-alert {
 	cursor: pointer;
 	clear: both;
 	font-size: .75em;
 	margin-bottom: 5px;
 	padding: 0 .25em;
 	color: #e00;
 	font-weight: bold;
 	border-radius: .25em;
 	position: absolute;
 	right: 80px;
 	top: 10px;
 }