#grafico_storico_bar_cnt {
    width: 100%;
    margin: auto;
    padding-right: 50px;
}

#grafico_storico_bar {
    width: 100%;
    transform: translateY(-100%);
    display: flex;
    flex-direction: column;
    justify-content: center;
    height: calc(100vh - var(--margineTop));
}

#grafico_storico_bar_legenda {
    width: 100%;
    height: 100px;
    padding-left: 5px;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
}

/* Axis lines */
#grafico_storico_bar_svg .xaxis_g path,
#grafico_storico_bar_svg .yaxis_g path {
    stroke: transparent;
}

/* Tick lines */
#grafico_storico_bar_svg .xaxis_g .tick line {
    stroke: transparent;
}

#grafico_storico_bar_svg .yaxis_g .tick line {
    stroke: #404040;
    transform: translate(10px, 0);
}

/* Tick labels */
#grafico_storico_bar_svg .xaxis_g .tick text {
    font-family: "SoleSans", Arial, Helvetica, sans-serif;
    fill: #CCC;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    text-anchor: middle;
    transform: translate(14px, 30px) rotate(90deg);
}

#grafico_storico_bar_svg .yaxis_g .tick text {
    font-family: "SoleSans", Arial, Helvetica, sans-serif;
    fill: #CCC;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

#grafico_storico_bar_svg .hover_bars {
    cursor: pointer;
}

#grafico_storico_bar_legenda .max_circle_legend {
    background-color: white;
    border: 2px solid white;
    border-radius: 50%;
    position: absolute;
}

#grafico_storico_bar_legenda .min_circle_legend {
    background-color: #161616;
    border: 2px solid white;
    border-radius: 50%;
    position: absolute;
}

#grafico_storico_bar_legenda .q2_legend {
    background-color: white;
    position: absolute;
}

#grafico_storico_bar_legenda .text_legend {
    color: #ccc;
    font-family: "SoleSans", Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    text-transform: uppercase;
    position: absolute;
}

#grafico_storico_bar .elemento-nascondi {
    display: none !important;
}

@media only screen and (max-width: 480px) {}