html, body{
font-family: Raleway, "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
height: 100%;
background-color: #205493;
}
#mapcontainer{
	height: 100%;
	position:relative;
}
#map {
  position: relative;
  height: 100%;
}
.headerbars{
	float:left;
	position: absolute;
	top: 5px;
    left: 60px;
	color: black;
	height: 300 px;
	z-index: 1000;
	background-color: rgba(255,255,255, 0.8);
	border-radius: 15px;
	max-width:260px;
	max-height:120px;
}
.headerbars2{
	float:right;
	position: absolute;
	top: 5px;
    right: 100px;
	color: black;
	height: 300 px;
	z-index: 1000;
	background-color: rgba(255,255,255, 0.8);
	border-radius: 15px;
	max-width:260px;
	max-height:120px;
}
.logo{
	color:#002F6C;
	font-weight: bold;
	display: inline-block;
	padding-top: 1%;
	line-height: 15px;
	/*font-size: 1.7rem;*/
}
.mycluster {
	width: 25%;
	height: 25%;
	background-color: rgba(0, 47, 108, 0.8);
	text-align: center;
	font-size: 15px;
	color: white;
	border-radius: 50%;
	border:3px solid #A7C6ED;
	display: inline-block;
}
.opendot {
  height: 20px;
  width: 20px;
  background-color: green;
  border-radius: 50%;
  border-style: solid;
  border-color: #000000;
  display: inline-block;
}
.closedot {
  height: 20px;
  width: 20px;
  background-color: red;
  border-radius: 50%;
  border-style: solid;
  border-color: #000000;
  display: inline-block;
}