How to change Pie Chart sector colors in design studio?

Hi,

I want to change colors of pie chart sectors. I am using below css code. The legend is successfully changed but sectors are not changed.

What is wrong?

/*sectors are problematic*/

.pieChart g.v-pie g.v-datashape:nth-child(1) path.v-datapoint.v-morphable-datapoint.viz-pie-sector.v-sector.vdatapoint { Fill:#41477E; }

.pieChart g.v-pie g.v-datashape:nth-child(2) path.v-datapoint.v-morphable-datapoint.viz-pie-sector.v-sector.vdatapoint { Fill:#BAC7F3; }

.pieChart g.v-pie g.v-datashape:nth-child(3) path.v-datapoint.v-morphable-datapoint.viz-pie-sector.v-sector.vdatapoint { Fill:#990000; }

.pieChart g.v-pie g.v-datashape:nth-child(4) path.v-datapoint.v-morphable-datapoint.viz-pie-sector.v-sector.vdatapoint { Fill:#E68A00; }

.pieChart g.v-pie g.v-datashape:nth-child(5) path.v-datapoint.v-morphable-datapoint.viz-pie-sector.v-sector.vdatapoint { Fill:#006600; }

.pieChart g.v-pie g.v-datashape:nth-child(6) path.v-datapoint.v-morphable-datapoint.viz-pie-sector.v-sector.vdatapoint { Fill:#032120; }

.pieChart g.v-pie g.v-datashape:nth-child(7) path.v-datapoint.v-morphable-datapoint.viz-pie-sector.v-sector.vdatapoint { Fill:#990033; }

.pieChart g.v-pie g.v-datashape:nth-child(8) path.v-datapoint.v-morphable-datapoint.viz-pie-sector.v-sector.vdatapoint { Fill:#663300; }

.pieChart g.v-pie g.v-datashape:nth-child(9) path.v-datapoint.v-morphable-datapoint.viz-pie-sector.v-sector.vdatapoint { Fill:#FF9966; }

.pieChart g.v-pie g.v-datashape:nth-child(10) path.v-datapoint.v-morphable-datapoint.viz-pie-sector.v-sector.vdatapoint { Fill:#24E066; }

.pieChart g.v-pie g.v-datashape:nth-child(11) path.v-datapoint.v-morphable-datapoint.viz-pie-sector.v-sector.vdatapoint { Fill:#24E066; }

.pieChart g.v-pie g.v-datashape:nth-child(12) path.v-datapoint.v-morphable-datapoint.viz-pie-sector.v-sector.vdatapoint { Fill:#24E066; }

/*Legends are ok*/

.pieChart g.v-legend-content g.v-row.ID_0 path { Fill:#41477E;stroke:black;stroke-width:1px; }

.pieChart g.v-legend-content g.v-row.ID_1 path { Fill:#BAC7F3;stroke:black;stroke-width:1px; }

.pieChart g.v-legend-content g.v-row.ID_2 path { Fill:#990000;stroke:black;stroke-width:1px; }

.pieChart g.v-legend-content g.v-row.ID_3 path { Fill:#E68A00;stroke:black;stroke-width:1px; }

.pieChart g.v-legend-content g.v-row.ID_4 path { Fill:#006600;stroke:black;stroke-width:1px; }

.pieChart g.v-legend-content g.v-row.ID_5 path { Fill:#032120;stroke:black;stroke-width:1px; }

.pieChart g.v-legend-content g.v-row.ID_6 path { Fill:#990033;stroke:black;stroke-width:1px; }

.pieChart g.v-legend-content g.v-row.ID_7 path { Fill:#663300;stroke:black;stroke-width:1px; }

.pieChart g.v-legend-content g.v-row.ID_8 path { Fill:#FF9966;stroke:black;stroke-width:1px; }

.pieChart g.v-legend-content g.v-row.ID_9 path { Fill:#24E066;stroke:black;stroke-width:1px; }

.pieChart g.v-legend-content g.v-row.ID_10 path { Fill:#24E066;stroke:black;stroke-width:1px; }

.pieChart g.v-legend-content g.v-row.ID_11 path { Fill:#24E066;stroke:black;stroke-width:1px; }

Regards,

Keraban