/* ===========MAP STUFFS============ */
/* These parameters are required for the map to work */
html,
body{
  height: 100%;
  margin: 0;
  padding: 0;
  width: 100%;  
}
#map,
#timelineMap{
  height: 80%;
  margin-left:5%;
  margin-right:5%;
  margin-top:50px;
  margin-bottom:50px;
  padding: 0;
  width: 90%;
  align-self: center;
}

/* Line Chart */

/* Leaflet timeline */
.leaflet-left {
  width: 100%;
  font-size: x-large;
  font-weight: bolder;
}
.leaflet-control-layers-expanded{
  background-color:black;
  opacity:1;
}
.sldr-ctrl-container{
  background-color: black;
  border: solid;
  border-color: teal;
}
.time-text{
  color:white;
  opacity:1;
}
/* ========================== */

/* High Chart */
.highcharts-figure, .highcharts-data-table table {
  min-width: 360px; 
  max-width: 100%;
  height:100%;
  margin: 1em auto;
}

.highcharts-data-table table {
font-family: Verdana, sans-serif;
border-collapse: collapse;
border: 1px solid #EBEBEB;
margin: 10px auto;
text-align: center;
width: 100%;
max-width: 500px;
}
.highcharts-data-table caption {
  padding: 1em 0;
  font-size: 1.2em;
  color: #555;
}
.highcharts-data-table th {
font-weight: 300;
  padding: 0.5em;
}
.highcharts-data-table td, .highcharts-data-table th, .highcharts-data-table caption {
  padding: 0.5em;
}
.highcharts-data-table thead tr, .highcharts-data-table tr:nth-child(even) {
  background: #f8f8f8;
}
.highcharts-data-table tr:hover {
  background: #f1f7ff;
}



/* Main Blocks */
#titlerow {
  margin:25px;
  border:solid;
  border-color:teal;
}
#titlerow{
  text-align: center;
}
#breaker{
  border:0;
  height:1px;
  background:#333;
  background-image:linear-gradient(to right,
  #ccc,#333,#CCC)
}
#posterholder{
  margin-top: 20px;
  margin-bottom: auto;
  background-color: #555;
}
#posterrow1{
  margin-top: 10px;
  display: inline-flex;
}
#poster{
  width:100%;
  height:100%;
  vertical-align: middle;
}
#postercol{
  align-content: center;
  margin-left: auto;
  margin-right: auto;
}
#bodypara{
  font-size: large;
}