/*--------------------------------------------------------------------------*\
    Chart series
    /!\ IMPORTANT : we define colors for chart__serie children cause easier to manage
\*--------------------------------------------------------------------------*/

/*--------------------------------------------------------------------------*\
    Bar
\*--------------------------------------------------------------------------*/

.chart__serie--c-dotted-red-1 .chart__serie-bar,
.chart__serie--c-dotted-red-1 .chart__serie-slice,
.chart__serie--c-dotted-red-1 .chart__serie-bubble{
    /*background*/
    fill:rgb(255,255,255);

    /*border*/
    stroke: rgb(235,47,77);
    stroke-width: 1;
    stroke-dasharray: 4, 2;
}

/*--------------------------------------------------------------------------*\
    Label
\*--------------------------------------------------------------------------*/

.chart__serie--c-dotted-red-1 .chart__serie-label{
    /*background*/
    fill:rgb(235,47,77);
}

/*--------------------------------------------------------------------------*\
    Line
\*--------------------------------------------------------------------------*/

.chart__serie--c-dotted-red-1 .chart__serie-line{
    /*border*/
    stroke: rgb(235,47,77);
    stroke-width: 1;
    stroke:rgb(235,47,77);
}

/*--------------------------------------------------------------------------*\
    Tick
\*--------------------------------------------------------------------------*/

.chart__serie--c-dotted-red-1 .chart__serie-tick{
    /*background*/
    fill:rgb(205,17,47);
}

/*--------------------------------------------------------------------------*\
    Filter
\*--------------------------------------------------------------------------*/

.chart__serie--c-dotted-red-1 .control__checkbox-label{
    /*border*/
    border-color:rgb(235,47,77) !important;
}

.chart__serie--c-dotted-red-1 .control__checkbox:checked+.control__checkbox-label,
.chart__serie--c-dotted-red-1 .control__checkbox:not(:checked)+.control__checkbox-label::before,
.chart__serie--c-dotted-red-1 .control__checkbox:not(:checked)+.control__checkbox-label::after{
    /*background*/
    background-color:rgb(235,47,77) !important;
}

.chart__serie--c-dotted-red-1 .control__label{
    /*text*/
    color:rgb(205,17,47) !important;
}

/*--------------------------------------------------------------------------*\
    Legend
\*--------------------------------------------------------------------------*/

.chart__legend__serie--c-dotted-red-1 .chart__legend__icon,
.chart__serie--c-dotted-red-1 .chart__serie-legend{
    /*text*/
    fill:rgb(205,17,47);
}

.chart__legend__serie--c-dotted-red-1 .chart__legend__name{
    /*text*/
    color:rgb(205,17,47);
}