.monitoring {
    padding: 0;
}

.legend_all {
    padding: 30px 0;
    margin: auto;
}

.legend_all .legend-item {
    display: inline-block;
    vertical-align: bottom;
    margin-top: 15px;
}

.legend_all .legend-item+.legend-item {
    margin-left: 30px;
}

.legend_all .legend-item .legend-color {
    display: inline-block;
    width: 65px;
    height: 22px;
}

.legend_all .legend-item .legend-text {
    color: #0a0a0a;
    font-size: 22pt;
    margin-left: 15px;
}

.charts__row {
    max-height: 45%;
    margin-bottom: 10px;
}

.monitoring .charts__item {
    display: inline-block;
    width: 24%;
    height: 100%;
    min-height: 300px;
}

.monitoring.analytics .charts__item {
    display: block;
    width: 100%;
    height: 100%;
    padding: 10px;
    min-height: 300px;
}

.charts__row.row-count-1 {
    max-height: none;
}

.charts__row.row-count-1.charts__row-single {
    min-height: auto;
    max-height: none;
    flex: 1;
}

.charts__row.row-count-1 .charts__item {
    width: 100%;
    height: 100%;
}

.charts__row.row-count-2 .charts__item {
    width: 49%;
}

.charts__row.row-count-3 .charts__item {
    width: 33%;
}

.charts__row.row-count-4 .charts__item {
    width: 24%;
}