canvas {
    width: 100% !important;
    max-width: 800px;
    height: auto !important;
}

.black {
    color: #000000;
}

.white {
    color: #FFFFFF;
}

.red {
    color: red;
}

.green {
    color: green;
}

.grey {
    color: dimgrey;
}

.cabinet_change_dist_old {

}

.cabinet_change_dist_new {

}

#footer {
    background-color: dimgrey;
}

#amount_of_cabinets {
    background-color: #3F51B5;
    color: white;
}

#amount_of_nummercentrales {
    background-color: #2196F3;
    color: white;
}

#amount_of_upgraded_cabinets {
    background-color: #00BCD4;
    color: white;
}

tr[data-href] {
    cursor: pointer
}

.hidden-row {
    height: 10px !important; /* Overwrite any previous rules */
}

#googleMap {
    width: 100%;
    height: 100% !important;
}

#map-container {
    height: 75vh !important;
}

.controls {
    width: 75% !important;
    margin-top: 10px !important;
}

#legend {
    background: #fff;
    padding: 10px;
    margin: 10px;
    border-radius: 5px;
}