.chart-widget-legend {
    font-family: 'Poppins', sans-serif;
    font-size: 12px;
    margin: .625rem 0 0 0;
    padding: 0;
    text-align: center;
}

.chart-widget-legend li {
    margin: .3125rem .625rem 0;
    padding: .4375rem .5rem .3125rem;
    display: inline-block;
}

.chart-widget-legend li .color-code {
    float: left;
    width: 26px;
    height: 26px;
    margin-right: 10px;
    margin-top: -2px;
    border-radius: 5px;
}

.chart-widget-legend.grid {
    float: right;
    display: grid;
    text-align: left;
}