.zones{overflow: auto;}
.zones a{cursor: pointer; }
.zones .hall-rectangle{
    fill: Black;
    fill-opacity: .20;
}
.zones  a:hover .hall-rectangle{
    fill-opacity: .40;
}
.zones .hall-rectangle-transparent{
    fill-opacity: 0;
}
.zones  a:hover .hall-rectangle-transparent{
    fill-opacity: 0;
}
.zones .halls-name{
    font: normal 19px/20px "proba_promedium";
    fill: #ffffff;
}

.stands{overflow: auto}
.stands .stand-rectangle, .stands .stand-polygon{
    fill: #36404e;
    stroke: #7dd2fa;
    stroke-width: 5;
}
.stands a{cursor: pointer;}

.stands .stand-name{
    font: normal 19px/20px "proba_promedium";
    fill: #ffffff;
}

.stands.is-filtered .stand-rectangle, .stands.is-filtered .stand-polygon{
    fill: gray;
    stroke: #7dd2fa;
    stroke-width: 5;
}
.stands.is-filtered .stand-rectangle.filter-active, .stands.is-filtered .stand-polygon.filter-active{
    fill: #36404e;
}
.stands.is-filtered a{
    cursor: default;
}
.stands.is-filtered a .stand-rectangle.filter-active{cursor: pointer}

.tooltip-templates{display: none;}
.participant-filter{
    max-height: 145px;
    overflow-y: auto;
}