body { margin: 0px; width: 100%; height: 100%; background-color:white; }
pre { margin: 0px; }

#x_status {
	position: fixed;
	bottom: 0px;
	height: 5mm;
	margin: 3mm;
	padding: 1mm;
	background-color: white;
}

#x_glass { position: fixed; width: 100%; height: 100%; background-color: black; opacity: 0.5 }
#x_map { position: fixed; width: 100%; height: 100% }

#x_search {
	position: fixed;
	top: 3mm;
	left: 3mm;
	right: 3mm;
	height: 6mm;
	max-width: 94mm;
	border: 1px solid grey;
	border-radius: 1mm;
	font-size: 4mm;
}
.search-icon {
	position: fixed;
	padding: 0.5mm;
	top: 3mm;
}
.search-icon:hover {
	color: white;
	background-color: steelblue;
	cursor: pointer;
}
#x_info_result {
	position: fixed;
	top: 20mm;
	left: 3mm;
	right: 3mm;
	bottom: 3mm;
	padding: 0.6mm;
	max-width: 94mm;
	background-color: silver;
	border-radius: 1mm;
	overflow-y: auto;
	user-select: none;
}
.info_button {
	position: fixed;
	left: 3mm;
	right: 3mm;
	height: 6mm;
	padding: 0.6mm;
	max-width: 94mm;
	border-radius: 1mm;
	background-color: steelblue;
	color: white;
	text-align: center;
	cursor: pointer;
	user-select: none;
}
#x_info_hide {
	top: 12mm;
}
#x_info_show {
	bottom: 3mm;
}

.header {
	margin: 3mm;
	padding: 3mm;
	border-radius: 1mm;
	cursor: pointer;
	font-weight: bold;
	text-align: center;
	border: 1px solid silver;
}

.header > * {
  pointer-events: none;
}

.header span {
	color: blue;
}

.collapsed {
	background-color: white;
	border: 1px solid black;
}

.collapsed::after {
	content: " ..."
}

.result {
	margin: 3mm;
	padding: 3mm;
	background-color: white;
	border: 1px solid white;
	border-radius: 1mm;
	cursor: pointer;
	overflow: auto;
}

.selected {
	border: 1px solid black;
}

.result td {
	padding-bottom: 2mm;
}

.result td {
	vertical-align: top;
}

.result td:last-child {
	color: blue;
}

.result > * {
  pointer-events: none;
}