/* Always set the map height explicitly to define the size of the div
* element that contains the map. */

#nav1
{
    background-color:#fff; /*whichever you want*/
    opacity: 0.8;
    filter:(opacity=80);
}

#map {
    height: 90vh;
}

#mapClicked {
    height: 40vh;
}


.A {
     min-height: 30vh;
}

.B {
     min-height: 30vh;
}

.column3 {
     min-height: 20vh;
}

.column4 {
     min-height: 10vh;
}

.column9 {
     min-height: 20vh;
}

.footerColumn {
     min-height: 30vh;
}

#circleChartContainer1, #circleChartContainer2,
#circleChartContainer3, #circleChartContainer4,
#circleChartContainer5,
#circleChartContainer6, #circleChartContainer7,
#circleChartContainer8, #circleChartContainer9,
#circleChartContainer10 {
    width: 5px !important;
    height: 5px !important;
}

#circleChartContainer11 {
    width: 100% !important;
    height: 50% !important;
}

.input-group-append {
  cursor: pointer;
}