#info { 
    text-align:center;
    position: fixed; 
    bottom:10px;
    width:100%; 
    opacity: 1;
}


.dot_gray {
  height: 15px;
  width: 15px;
  background-color: #bbb;
  border-radius: 50%;
  display: inline-block;
}

.dot_blue {
  height: 15px;
  width: 15px;
  background-color: #1e5d8b;
  border-radius: 50%;
  display: inline-block;
}

.dot_green {
  height: 15px;
  width: 15px;
  background-color: #009900;
  border-radius: 50%;
  display: inline-block;
}

.dot_red {
  height: 15px;
  width: 15px;
  background-color: #FF0000;
  border-radius: 50%;
  display: inline-block;
}

.dot_yellow {
  height: 15px;
  width: 15px;
  background-color: #FFFF00;
  border-radius: 50%;
  display: inline-block;
}