table,
th,
td {
	border: 0px solid black;
}

a.btn-zoom {
	color: white;
	background-color: transparent;
}

a.btn-zoom:hover {
	color: white;
	background-color: rgba(40, 40, 40, 0.5);
}

.checkmark {
	height: 17px;
	width: 17px;
	vertical-align: middle;
	background-color: rgba(0, 60, 136, .5);
}

#selection-layer {
	width: 100%;
	height: 100%;
	z-index: 29998;
	position: absolute;
	top: 0px;
	left: 0px;
}

.selectBox {
	border: 1px solid #55aaff;
	background-color: rgba(75, 160, 255, 0.3);
	position: fixed;
	z-index: 29999;
}

/* geomap style */
body {
	font-family: 'Arial';
}

.map {
	height: 100%;
	width: 100%;
}

.ol-dragbox {
	background-color: rgba(255, 255, 255, 0.1);
	border-color: rgba(100, 150, 0, 0.5);
}

.div-props {
	overflow-y: auto;
	height: 95%;
	border-color: #95B8E7;
}

.tbl-props {
	font-size: 15px;
	width: 100%;
	border-spacing: 0px;
	border-collapse: separate;
}

.tbl-props th {
	padding: 5px 5px 5px 5px;
	font-size: 14px;
}

.tbl-props tr:nth-child(odd) {
	color: black;
}

.tbl-props tr:nth-child(even) {
	background-color: rgba(20, 20, 20, 0.5);
	color: black;
}

.tbl-props-th-name {
	width: 30%;
	text-align: right;
	font-weight: bold;
}

.tbl-props-th-value {
	/*text-align: left;*/
	font-weight: bold;
}

.tbl-props th.selected {
	background-color: rgba(255, 0, 0, 0.8);
}

.tbl-props th.unselected {
	background-color: rgba(0, 60, 136, 0.6);
}

.tbl-props td {
	padding: 5px 5px 5px 5px;
	font-size: 13px;
	color: white;
}

.tbl-props-td-name {
	text-align: right;
	font-weight: normal;
	width: 40%;
}

.tbl-props-td-value {
	font-weight: bold;
}

td.tdleft10 {
	text-align: center;
	font-size: 13px;
	width: 10%;
}

td.tdright {
	text-align: right;
	font-size: 13px;
}

.btn-zoom {
	padding: 1px 1px 1px 1px;
	border: 1px solid rgba(0, 60, 136, .5);
}

.btn-zoom-select {
	/* background-color: rgb(20, 20, 20) */
	background-color: rgba(92, 92, 92, 0.8);
}

.arg-input {
	width: 80px;
}

.text-span {
	/* font-size: 16px; */
	font-family: 'Inconsolata', monospace;
	font-weight: bold;
}

#feature-title {
	font-weight: bold;
	margin: 4px 0px 4px 10px;
}

.map-widget {
	padding: 0px;
	/* background-color: #ffffffe0; */
	z-index: 1000;
	color: white;
	background-color: rgba(40, 40, 40, .8);
}

.mw-marker {
	position: absolute;
	opacity: 0.8;
	width: 16px;
	height: 16px;
	border-radius: 4px;
	border: 3px solid rgb(0, 60, 136);
	z-index: 10001;
	display: none;
}

.mw-title {
	position: absolute;
	top: 1em;
	left: 0.7em;
	border-radius: 4px;
	padding: 5px 5px 5px 5px;
	font-size: 12px;
	margin-top: 1px;
	width: 300px;
}

.mw-title-plane {
	left: 3.5em;
}

.mw-data {
	position: absolute;
	bottom: 0.5em;
	left: 0.7em;
	right: 0.7em;
	border-radius: 4px;
	padding: 5px 5px 5px 5px;
	font-size: 1.3em;
	margin-top: 1px;
	font-size: 1.3em;
	/* width: 1400px; */
	/* height: 132px; */
}

.mw-data-plane {
	/* left: 3.5em; */
}

.mw-control {
	position: absolute;
	top: 24.5em;
	left: 0.7em;
	border-radius: 4px;
	padding: 5px 5px 5px 5px;
	font-size: 12px;
	margin-top: 1px;
	width: 300px;
	/* background-color: rgba(80, 80, 80, .4); */
	overflow-y: auto;
}

.mw-landings {
	position: absolute;
	top: 24.5em;
	left: 0.7em;
	border-radius: 4px;
	padding: 5px 0px 0px 0px;
	font-size: 12px;
	margin-top: 1px;
	width: 300px;
	/* background-color: rgba(80, 80, 80, .4); */
	overflow-y: auto;
	display: none;
}

.mw-landings-tree {
	border-radius: 0px 0px 4px 4px;
	margin-top: 2px;
	background-color: transparent;
}

.mw-query-params {
	position: absolute;
	top: 145px;
	left: 0px;
	border-radius: 0px 4px 4px 0px;
	border-left: 0px;
}

.info-container {
	position: absolute;
	top: 29.5em;
	/* left: 1.5em; */
	/* background: transparent; */
	/* pointer-events: none; */
	color: white;
	background-color: rgba(40, 40, 40, .8);
}

.mw-info {
	width: 370px;
	max-height: 95%;
	overflow-y: auto;
	border-radius: 4px 4px 4px 4px;
	border-right: 0px;
	pointer-events: auto;
	/* background-color: rgba(255, 255, 255, .4); */
}

.mw-mousepos {
	position: absolute;
	right: 0px;
	bottom: 0px;
	height: 12px;
	width: 140px;
	padding: 4px;
	border-right: 0px;
	border-bottom: 0px;
	background-color: white;
	font-size: 13px;
	text-align: right;
}

/* end geomap style */

/* sample area */
div.sample {
	font-size: 0.8em;
	font-family: 'Inconsolata', monospace;
	overflow: auto;
}

table.sample {
	width: 100%;
	border-spacing: 2px 2px;
}

tr.type-sample-head {
	background-color: rgba(0, 0, 0, 0.5);
}

th.type-sample-head {
	height: 1.0em;
	font-weight: 300;
	text-shadow: 2px 2px rgba(0, 0, 0, 0.8);
	background-color: rgba(0, 0, 0, 0.5);
	padding: 5px 5px;
	white-space: nowrap;
}

td.line-horz-top {
	border: 1px solid white;
	border-width: 1px 0px 0px 0px;
}

td.align-left {
	text-align: left;
}

td.align-right {
	text-align: right;
}

td.type-sample-column {
	text-shadow: 2px 2px rgba(0, 0, 0, 0.8);
	padding: 2px 5px;
	overflow: hidden;
	white-space: nowrap;
}

th.type-integer,
td.type-integer {
	text-align: right;
}

th.type-numeric,
td.type-numeric {
	text-align: right;
}

th.type-text,
td.type-text {
	text-align: left;
}

td.type-link {
	text-align: left;
	text-shadow: 2px 1px rgba(0, 0, 0, 0.8);
}

a.type-link:link {
	color: rgb(52, 184, 255);
}

a.type-link:hover {
	color: hotpink;
}

a.type-link:visited {
	color: rgb(236, 116, 247);
}

/* sample area */

/* the container */
.container {
	display: block;
	position: relative;
	padding-left: 22px;
	margin-bottom: 3px;
	cursor: pointer;
	font-size: 12px;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.tooltipp {
	position: fixed;
	left: 0;
	top: 0;
	min-width: 100px;
	text-align: center;
	padding: 5px 8px;
	font-size: 14px;
	font-family: 'Arial';
	display: none;
	opacity: 0;
	text-shadow: 2px 2px rgba(0, 0, 0, 0.8);
	/* box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.4); */
	transition: opacity 0.25s linear;
	border-radius: 3px;
}

.ol-control {
	background-color: rgba(40, 40, 40, .4) !important;
}

.ol-control:hover {
	background-color: rgba(40, 40, 40, .6) !important;
}

/* .ol-zoomslider button,
.ol-zoom-in,
.ol-zoom-out {
    color: white;
    background-color: rgba(20, 20, 20, .5) !important;
} */

.ol-zoomslider button,
.ol-zoom-in,
.ol-zoom-out {
	color: white;
	background-color: rgba(255, 255, 255, .5) !important;
}