#tcMap {
    width: 100%;
    height: 800px;
    background: white;
    float: left;
}

.controls {
    background: white;
    width: 100%;
    height: 100%;
    float: left;
    z-index: 1;
}


input[type=checkbox] {
    display: none;
    cursor: pointer;
}

    input[type=checkbox] + label {
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
        height: 50px;
        width: 50px;
        display: inline-block;
    }


input#Parks + label {
    background-image: url('./img/parque-estacionamento.png');
}

input#Parks:checked + label {
    background-image: url('./img/parque-estacionamento-1.png');
}

input#BikeStation + label {
    background-image: url('./img/agostinhas.png');
}

input#BikeStation:checked + label {
    background-image: url('./img/agostinhas-1.png');
}

input#DownloadStation + label {
    background-image: url('./img/carga-descarga.png');
}

input#DownloadStation:checked + label {
    background-image: url('./img/carga-descarga-1.png');
}

input#MobileZone + label {
    background-image: url('./img/carros-electricos.png');
}

input#MobileZone:checked + label {
    background-image: url('./img/carros-electricos-1.png');
}

input#PublicTransport + label {
    background-image: url('./img/terminal-rodoviario.png');
}

input#PublicTransport:checked + label {
    background-image: url('./img/terminal-rodoviario-1.png');
}

input#DeficientStation + label {
    background-image: url('./img/lugar-deficiente.png');
}

input#DeficientStation:checked + label {
    background-image: url('./img/lugar-deficiente-1.png');
}

input#FreeZone + label {
    background-image: url('./img/free-zone.png');
}

input#FreeZone:checked + label {
    background-image: url('./img/free-zone-1.png');
}

input#ParkingZone + label {
    background-image: url('./img/parque-estacionamento.png');
}

input#ParkingZone:checked + label {
    background-image: url('./img/parque-estacionamento-1.png');
}

input#ResidentZone + label {
    background-image: url('./img/residente-zone.png');
}

input#ResidentZone:checked + label {
    background-image: url('./img/residente-zone-1.png');
}


input#ParkingMix + label {
    background-image: url('./img/zona-mista.png');
}

input#ParkingMix:checked + label {
    background-image: url('./img/zona-mista-1.png');
}

input#zone-a + label {
    background-image: url('./img/zone-a.png');
}

input#zone-a:checked + label {
    background-image: url('./img/zone-a-hover.png');
}


input#zone-b + label {
    background-image: url('./img/zone-b.png');
}

input#zone-b:checked + label {
    background-image: url('./img/zone-b-hover.png');
}

input#zone-c + label {
    background-image: url('./img/zone-c.png');
}

input#zone-c:checked + label {
    background-image: url('./img/zone-c-hover.png');
}

input#zone-d + label {
    background-image: url('./img/zone-d.png');
}

input#zone-d:checked + label {
    background-image: url('./img/zone-d-hover.png');
}
input#zone-e + label {
    background-image: url('./img/zone-e.png');
}

input#zone-e:checked + label {
    background-image: url('./img/zone-e-hover.png');
}
input#zone-f + label {
    background-image: url('./img/zone-f.png');
}

input#zone-f:checked + label {
    background-image: url('./img/zone-f-hover.png');
}
input#zone-g + label {
    background-image: url('./img/zone-g.png');
}

input#zone-g:checked + label {
    background-image: url('./img/zone-g-hover.png');
}
input#zone-h + label {
    background-image: url('./img/zone-h.png');
}

input#zone-h:checked + label {
    background-image: url('./img/zone-h-hover.png');
}
input#zone-i + label {
    background-image: url('./img/zone-i.png');
}

input#zone-i:checked + label {
    background-image: url('./img/zone-i-hover.png');
}
input#zone-j + label {
    background-image: url('./img/zone-j.png');
}

input#zone-j:checked + label {
    background-image: url('./img/zone-j-hover.png');
}
.spaceicon {
    text-align: center;
    margin-left: auto;
    margin-right: auto;
}

.titulo {
    text-align: center;
    font-family: "Open Sans", Helvetica, Arial, sans-serif;
    font-size: 12px;
    color: #0696D7;
    width: 150px;
}

.row {
    display: flex;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px;
}

.titulo {
    width: auto !important;
}