/*
    Passt die Farben ChartJs Canvas-Charts an.
    Ausgelesen in diachannel.Web\Scripts\chartjs-sass.js
    Anstelle der CSS-Styles müssen die Farben hier via "Color" übergeben werden
    Mögliche Anpassungen sind:

    line, radar:
        'fillColor', 'strokeColor', 'pointColor', 'pointStrokeColor', 'pointHighlightFill',
        'pointHighlightStroke', 'backgroundColor', 'borderColor'

    bar:
        'fillColor', 'strokeColor', 'highlightFill', 'highlightStroke', 'backgroundColor', 'borderColor'

    pie, polar, doughnut:
        'color', 'highlight', 'backgroundColor', 'borderColor'

    Beispiel: 'background-color' des 1. Datasets des Canvas 'PieChart_Range' des ChartTypes 'pie':
    .PieChart_Range.pie.backgroundColor_1 {
        color: #9d0c0c;
    }
*/

.chart-container {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -moz-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex; 
}

/*Pie Charts*/

.PieChart_Range.pie.backgroundColor_1 {
    color: #60a8ac;
}

.PieChart_Range.pie.backgroundColor_2 {
    color: #666666;
}

.PieChart_Range.pie.borderColor_1 {
    color: #ffffff;
}

.PieChart_Range.pie.borderColor_2 {
    color: #ffffff;
}

.PieChart_Openings.pie.backgroundColor_1 {
    color: #aa0000;
}

.PieChart_Openings.pie.backgroundColor_2 {
    color: #666666;
}

.PieChart_Openings.pie.backgroundColor_3 {
    color: #60a8ac;
}

.PieChart_Openings.pie.borderColor_1 {
    color: #ffffff;
}

.PieChart_Openings.pie.borderColor_2 {
    color: #ffffff;
}

.PieChart_Openings.pie.borderColor_3 {
    color: #ffffff;
}

.PieChart_Intrest.pie.backgroundColor_1 {
    color: #666666;
}

.PieChart_Intrest.pie.backgroundColor_2 {
    color: #aa0000;
}

.PieChart_Intrest.pie.borderColor_1 {
    color: #ffffff;
}

.PieChart_Intrest.pie.borderColor_2 {
    color: #ffffff;
}

/*Bar Charts*/

.VBarChart_Article.bar.backgroundColor_1 {
    color: #666666;
}

.VBarChart_Article.bar.backgroundColor_2 {
    color: #60a8ac;
}

.VBarChart_Article.bar.borderColor_1 {
    color: #666666;
}

.VBarChart_Article.bar.borderColor_2 {
    color: #60a8ac;
}

.VBarChart_Download.bar.backgroundColor_1 {
    color: #666666;
}

.VBarChart_Download.bar.backgroundColor_2 {
    color: #60a8ac;
}

.VBarChart_Download.bar.borderColor_1 {
    color: #666666;
}

.VBarChart_Download.bar.borderColor_2 {
    color: #60a8ac;
}

.VBarChart_ExternalLink.bar.backgroundColor_1 {
    color: #666666;
}

.VBarChart_ExternalLink.bar.backgroundColor_2 {
    color: #60a8ac;
}

.VBarChart_ExternalLink.bar.borderColor_1 {
    color: #666666;
}

.VBarChart_ExternalLink.bar.borderColor_2 {
    color: #60a8ac;
}