/* chart formatting */
.dash-chart {
    max-width: 700px;
    width: 100%;
    margin-right: auto;
    margin-left: auto;
}

/* custom legend formatting */
.chart-legend {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin-top: 10px;
    max-width: 700px;
    width: 100%;
    margin-right: auto;
    margin-left: auto;
}

.content.inner .dash-chart .chart-legend div.legend-item {
    display: flex;
    align-items: center;
    margin: 5px;
    padding: 5px;
    border-radius: 3px;
    cursor: pointer;
}

.legend-item span {
    display: inline-block;
    font-size: 12px;
    line-height: 13px;
}

.legend-item.hidden {
    opacity: 0.5;
}