body{
    height:calc(100vh) ;
    font-family: Arial, Helvetica, sans-serif;
}
#map {
  max-width: 900px;   
  height: 610px;
  border: thin solid #333;
}

#capture{
    max-width: 600px;
    height: 610px;
} 
.info{
    width: 300px;
    height: 150px;
    padding: 40px;
    background-color: white;
    display: flex;
    justify-content: center;
    align-items: center;


}
.btn.btn-secondary {
    background-color: rgb(37, 148, 204);
}
.btn.green-btn{
    background-color: rgb(155, 186, 26);
    border-radius: 0;
    border-color: black;
    color: white;
}
.btn.green-btn:hover{
    background-color: rgb(124, 160, 26);
    color: white;
}
.btn.green-btn:focus-visible{
    background-color: rgb(124, 160, 26);
    color: white;
}
.btn.green-btn:active{
    background-color: rgb(124, 160, 26);
    color: white;
}
.aquacolor {
    background-color: rgb(64, 157, 204);
}
.aquadetcolor {
    background-color: rgb(155, 186, 26);
}
.aqucolor {
    background-color: rgb(225, 130, 10);
}
.colordetect{
    background-color: rgb(213, 106, 0);
}
.coloraq {
    background-color: rgb(36, 148, 204);
}
.coloraqua{
    background-color: rgb(124, 160, 26);
}
.log-in-shadow{
    box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.35);
}
.line-marker {
    background-color: white;
    border-radius: 50%;
    color: #FFFFFF;
    padding: 5px;
    top: 5px;
    position: relative;
  }
.highcharts-credits{
    display: none;
}
.line-marker.active {
    background-color: red;
}