.my-custom-icon{
    width: 16px !important;
    height: 16px !important;
    margin-left: -12px;
    margin-top: -12px;
    border-radius: 18px;
    border: 2px solid #3F51B5;
    text-align: center;
    color: #3F51B5;
    background-color: #fff;
    font-size: 12px;
  }
  .leaflet-tooltip{
    width: 100px;
    white-space: normal;
    font-family: Arial, serif, "Times New Roman", Times;
}
.Large-label {
    background-color:rgba(0,0,0,0); 
    border-color: rgba(0, 0, 0, 0);
    box-shadow: none;
    font-family: Arial, serif, "Times New Roman", Times;
    font-size: 1.075em;
}
.leaflet-tooltip-left.Large-label::before {
  border-left-color: cyan;
  box-shadow: none;
  font-family: Arial, serif, "Times New Roman", Times;
  font-size: 1.075em;
}
.leaflet-tooltip-right.Large-label::before {
  border-right-color: cyan;
  box-shadow: none;
  font-family: Arial,serif, "Times New Roman", Times;
  font-size: 1.075em;
}
.leaflet-popup-tip-container {
    display: none;
    box-shadow: none;
    font-family: Arial,serif, "Times New Roman", Times;
    font-size: 1.075em;
}
.tooltip-content{
    text-shadow: -0 -0 0.5px white, 0 0 1px white,
        0 0 2px white,0 0 3px rgb(230,230,230);
    font-family: Arial, serif, "Times New Roman", Times;
    font-size: 1.075em;
}
body {
  padding: 0;
  margin: 0;
  background-color: #3E87DA;

}
html, body {
  height: 100%;
  width: 100%;
  overflow-x: hidden;
}
#map {
  height: 99%;
  width: 99%;
  /*left: 20.25vw;*/
  left: 0.5vw;
  top: 0.5vh;
  /*top: 5.4vh;*/
  position: fixed;
  box-shadow: 0 1px 5px rgba(0,0,0,0.65);
	border-radius: 4px;
}
.side{
  /*position: fixed; 
  display: table;
  vertical-align:top;*/ 
  /*right: 0;
  bottom: 0.6vh;
  top: 5.4vh;
  width: 20vw;
  height: 80vh;*/
  background-color: rgb(244, 247, 233);
  box-shadow: 0 1px 5px rgba(0,0,0,0.65);
  border-radius: 4px;
}
#right{
  /*position: fixed; 
  display: table;
  vertical-align:top;*/ 
  /*right: 0;
  bottom: 0.6vh;
  top: 5.4vh;
  width: 20vw;
  height: 80vh;*/

  box-shadow: 0 1px 5px rgba(0,0,0,0.65);
  border-radius: 4px;
}
/*
#left{
  position: fixed; 
  display: table;
  vertical-align:top; 
  left: 0;
  bottom: 0.6vh;
  top: 5.4vh;
  width: 20vw;
  height: 94.4vh;
  background-color: #1C5595;
  box-shadow: 0 1px 5px rgba(0,0,0,0.65);
  border-radius: 4px;
  overflow-y: scroll;
}*/
#chart {
  width: 20vw;
  max-height: 50vh;
  /*background-color: #1C5595;
  position: fixed;
  right: 0;
  bottom: 0.6vh;
  top: 5.4vh;*/
  
}
#chart svg{
  overflow:scroll;
}
#gauge {
  width: 20vw;
  /*background-color: #1C5595;
  position: fixed;
  right: 0;
  bottom: 0.6vh;
  top: 5.4vh;*/
  
  margin-bottom: 10%;
  position: absolute;

}
.c3-legend-item text{
  fill: black;
  font-size: 100%;
}
.above-chart{
  background-color: #537EF3; 
  color: black;
  font-size: 2vmin;
  /*padding: 18px 40px;*/
  display: table-cell;
  /*margin: 0 auto;*/
  margin-left: 5%;
  text-align: center;
  height: 5vh;
  border-radius: 4px;
  width: 18vw;
  vertical-align: middle;
  display: inline-block;
  box-shadow: 0 1px 5px rgba(0,0,0,0.65);
  left: 1vh;
  margin-top: 2.5vh;
  line-height: 5vh;
  overflow-wrap: break-word;
  word-wrap: break-word;
  hyphens: auto;
}
#header{
  background-color: #363636;
  border-radius: 6px;
  border: solid 1px #2b2b2b;
  width: 99vw; 
  height: 4.5vh;
  
  left: 0.25vw;
  right: 0.25vw;
  margin-top: 0.25vh;
  margin-right: 0.25vw;
  margin-left:  0.25vw;
}
#header h2{
  height: inherit;
  z-index: 1000;
  font-size: 150%;
  padding: 1vh 0;
  color:rgb(230, 230, 230);
  text-shadow: rgba(0, 0, 0, 0.7) 1px 1px 2px;
  text-align: center;
  margin-top: 0.1vh;
}