.doughnut-chart-legend {

    .legend-row {
        display: flex;
        justify-content: flex-start;
        padding: 5px 0px 5px 0px;
        font-size: 1em;
        color: #999;

        .color {
            width: 24px;
            height: 24px;
        }

        .main-data {
            flex: 1 1 auto;
            padding: 5px;           
        }

        .values {
            text-align: right;
        }

        .value {
            font-weight: bolder;
        }
    }

}