*{
    font-family: Verdana, Helvetica, Arial;
    font-size: 1em;

}
body{
  margin: 0px;
  min-width: 400px;
}

.inputs{
  margin: 1em;
  font-size: 0.8em;
}

#info{
  position: fixed;
  top: 50%;
  left: 50%;
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  padding: 1%;
  border: 5px solid #0094B3;
  border-radius: 10px;
  color: #0094B3;
  background-color: white;
  width: 60%;
  height: 70%;
  z-index: 3;
  display: none;
  overflow: scroll;
}
.close{
  position: absolute;
  top: 1%;
  right: 1%;
  font-size: 2em;
}
.graydiv{
  width: 100%;
  height: 100%;
  background-color:rgba(120,120,120,0.5);
  position: fixed;
  top:0;
  z-index: 2;
  display: none;
}
#infolink{
  position: absolute;
  left: 1.7em;
  top: 0.4em;
  color: #D51D59;
  font-size: 1.3em;
  z-index: 2;
}
#infolink:hover{
  color: #0094B3;

}

select {
  display: block;
  margin: 0 auto;
  }
h2 {
  color: #D51D59;
  text-align: center;
}
p {
  text-align: center;
}
button{
  background-color: #D51D59; 
  border: none;
  border-radius: 3px;
  color: white;
  padding: 4px 7px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 0.8em;
  margin: 5px 0px 0px 0px;
}
button:hover{
  background-color: #0094B3;
}
.datatable {
  font-family: Arial, Helvetica, sans-serif;
  border-collapse: collapse;
  width: 100%;
  font-size: 11px;
}

.datatable td, .datatable th {
  border: 1px solid #ddd;
  padding: 2px;
}

.datatable tr:nth-child(even){background-color: #a3d3ce;}

.datatable tr:hover {background-color: rgb(189, 189, 189);}

.datatable th {
  padding-top: 8px;
  padding-bottom: 8px;
  text-align: left;
  background-color: #3DA69C;
  color: white;
}

#selectbox{
  margin: auto;
}