html, body { height: 100%; width: 100%;margin: 0; font-family: sans-serif;}

/* #wrapper { overflow: hidden; height: 100%; width: 100%;} */
#mapid { height: 100%; width: 100%; }

#metadata { 
 float: right;
 height: 100%; 
 width: 100%;
 overflow: hidden; 
 background-color: black;
 color: white;
 }


.flex-container {
  display: flex;
  height: 100%;
}

.flex-child {
  flex: 2;
  height: 100%;
  width: 100%;
}  

.flex-child:first-child {
  flex: 8;
  height: 100%;
  width: 100%;
}

#LeaderBoard * tr:nth-child(even) {
  background: #333333;
}