html, body {
		height: 100%;
	}
	  #map { height: 90%; }
	.uudetdot {
	  height: 10px;
	  width: 10px;
	  background-color: #FC0303;
	  border-radius: 50%;
	  display: inline-block;
	}
	.uusinviikkodot {
	  height: 10px;
	  width: 10px;
	  background-color: #F4FC03;
	  border-radius: 50%;
	  display: inline-block;
	}
	.uusinkuukausidot {
	  height: 10px;
	  width: 10px;
	  background-color: #03A1FC;
	  border-radius: 50%;
	  display: inline-block;
	}
	.vanhemmatdot {
	  height: 10px;
	  width: 10px;
	  background-color: #8c9966;
	  border-radius: 50%;
	  display: inline-block;
	}
	
		
	.leaflet-tooltip-pane .text {
	  color: #ffff00; 
	  font-weight: bold;
	  background: transparent;
	  border:1;
	  box-shadow: none;
	  font-size:1em;
	}
	
	.leaflet-tooltip-pane .newalarm {
	  color: #ffff00; 
	  font-weight: bold;
	  background: transparent;
	  border-color: #FF0000;
	  border:1;
	  box-shadow: none;
	  font-size:1em;
	}
	
	.box{
    display: none;
    width: 80%;
	
	}

	a:hover + .box,.box:hover{
		display: block;
		position: relative;
		z-index: 100;
	}
	
	#loading {
	  width: 100%;
	  height: 100%;
	  top: 0;
	  left: 0;
	  position: fixed;
	  display: block;
	  opacity: 0.7;
	  background-color: #fff;
	  z-index: 99;
	  text-align: center;
	}

	#loading-image {
	  position: absolute;
	  top: 100px;
	  left: 240px;
	  z-index: 100;
	}