html, body, #map {
	height: 100%;
	margin: 0px !important;
	font: 10pt Verdana;
}

#itulogo {
	position: fixed;
	right: 135px;
	bottom: 14px;
	z-index: 10001;
}

#figilogo {
	position: fixed;
	right: 11px;
	bottom: 7px;
	z-index: 10001;
}

/* This is for chart.js */
canvas, canvas3, canvas4, canvas5 {
  	-moz-user-select: none;
  	-webkit-user-select: none;
  	-ms-user-select: none;
}

#chartDiv {
  width: 335px;
  height: 300px;
}


#get_feat_div {
	display:none;
	position: fixed;
	top: 35px;
	/*height: 212px;
	width: 410px;*/
	right: 38px;
	z-index: 10001;
	/*font-size: x-small;*/
	color: #CECECE;
	background-color: rgba(80, 80, 80, 0.75);
	padding: 15px;
	border: 2px solid;
	border-color: rgba(111, 111, 111, 1.0);  
}

#legend_images1 {
	position: fixed;
	top: 271px;
  right: 61px;
	z-index: 10001;
  font-size: x-small;
  color: #CECECE;
  background-color: rgba(80, 80, 80, 0.75);
  padding: 5px;
  border: 2px solid;
  border-color: rgba(111, 111, 111, 1.0);  
}

#spinnerImg {
  display: none;
  position:absolute;
  top:50%;
  left:50%;
  z-index:20001;
}

/*body {overflow-y: scroll;}*/
 /*a {outline: 0 none; text-decoration: none;}*/
 /*a img {border: 0 none;}*/
#wrap {
  position:absolute;
  width: 800px;
  margin: 20px auto;
  font-family: arial, sans-serif;
  font-size: 14px;
  z-index:30000;
}

#noShow {
  padding: 5px 10px;
  background-color: #ddd;
}

/* Geocode divs */
#location_search {
  /*z-index: 1000;*/
  /*background-color: white;*/
  position: absolute;
  top: 80px;
  margin-top: 15px;
  /*left: 40px;*/
  width: auto;
  height: auto;
  padding: 10px;
}
#location_search input {
  width: 200px;
}

.gcd-gl-result {
	padding-top: 5em;
    padding-left: 0.2em;
}

.gcd-gl-result, .gcd-gl-result ul, .gcd-gl-result a {
  font-style: sans-serif;
  list-style-type: none;
  /*color: #cecece;
  padding-left: 0px;*/
  text-decoration: none !important;
}

.gcd-gl-result a:link .gcd-road {
  color: #cecece !important;
  text-decoration: none !important;
}

.gcd-gl-result a:visited {
  color: #00CB9C !important; /* tourmaline green (FIGI) */
  text-decoration: none !important;
}
.gcd-gl-result a:hover {
  /*color: #E43959; /* red (FIGI) */
  color: #FDC82C !important; /* yellow (FIGI) */
  text-decoration: underline !important;
}
.gcd-gl-result a:active {
  color: #FDC82C !important; /* yellow (FIGI) */
  text-decoration: underline !important;
}


/* 2021 style*/
#sidebar {
	top: 69px;
	left: 2px;
	
}

.layer-switcher {
	position: initial;
}

.sliders {
	display: none;
}

#slider-1 {
    margin-bottom: 2.5em;
	width: 11.3em;
}      

#slider-2 {
    margin-bottom: 2.5em;
	width: 11.3em;	
}

#slider-3 {
    margin-bottom: 2.5em;
	width: 11.3em;	
}      

#slider-4 {
    margin-bottom: 2.5em;
	width: 11.3em;	
}
.ol-control {
	background-color: rgba(255,255,255,0) !important;
}

.ol-control button {
	color: rgba(255,255,255,0) !important;
	background-color: rgba(0,60,136,0) !important;
	padding: 18px;
	margin-left: 2px;
}