#map {
    height: 100%;
}
#heatmap {
    height: 100%;
}

.column{
width: 80%;
float: right;
margin: 0;
padding: 0;
height: 100%;
}

#report_map{
    height: calc(100% - 75px);
}



#reports{
    height: 100%;
    width: 100%;
    margin: 0;
    display: inline-block;
}
.report{
    height: 33%;
    height: calc(100% / 3);
    width: 100%;
    /* display: inline-block; */
    margin: 0;
    cursor: pointer;
    opacity: .5;
    display: flex;
}
.report span{
    color: black;
    margin: auto;
    font-size: 3em;
    font-weight: bold;
}

.report.active{
    opacity: 1;
}
.report.druk{
    background-color: red;
}
.report.gemiddeld{
    background-color: yellow;
}
.report.rustig{
    background-color: green;
}