@eclipse-scout/chart/dist/eclipse-scout-chart-theme.css

Eclipse Scout chart

/*!******************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/.pnpm/css-loader@7.1.2_webpack@5.97.1_esbuild@0.24.0_/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!../node_modules/.pnpm/less-loader@12.2.0_less@4.2.1_webpack@5.97.1_esbuild@0.24.0_/node_modules/less-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./src/eclipse-scout-chart-theme.less ***!
  \******************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/*
 * Copyright (c) 2010, 2023 BSI Business Systems Integration AG
 *
 * This program and the accompanying materials are made
 * available under the terms of the Eclipse Public License 2.0
 * which is available at https://www.eclipse.org/legal/epl-2.0/
 *
 * SPDX-License-Identifier: EPL-2.0
 */
/*
 * Copyright (c) 2010, 2023 BSI Business Systems Integration AG
 *
 * This program and the accompanying materials are made
 * available under the terms of the Eclipse Public License 2.0
 * which is available at https://www.eclipse.org/legal/epl-2.0/
 *
 * SPDX-License-Identifier: EPL-2.0
 */
/*
 * Copyright (c) 2010, 2025 BSI Business Systems Integration AG
 *
 * This program and the accompanying materials are made
 * available under the terms of the Eclipse Public License 2.0
 * which is available at https://www.eclipse.org/legal/epl-2.0/
 *
 * SPDX-License-Identifier: EPL-2.0
 */
/*
 * Copyright (c) 2010, 2025 BSI Business Systems Integration AG
 *
 * This program and the accompanying materials are made
 * available under the terms of the Eclipse Public License 2.0
 * which is available at https://www.eclipse.org/legal/epl-2.0/
 *
 * SPDX-License-Identifier: EPL-2.0
 */
#scout {
  /* Mixin to use the correct tile background color for the given attribute (use 'fill' or 'stroke') */
  /* Internal mixin used to define a single auto color */
  /* Mixin to define .color0 - .color5 fill and stroke colors */
  /* Mixin to define auto color for different color schemes */
  /* Mixin to define different colors for different color schemes */
  /* Mixin to define label and grid color */
}
/* min-width for charts */
.tile > .chart-field {
  overflow: hidden;
  /* use padding area for label, legend */
}
.tile > .chart-field > .field.chart {
  overflow: visible;
}
.tile > .chart-field > .field.chart > svg {
  overflow: visible;
}
/* increase space between chart and tile-title if available */
.tile > .form-field:not(.label-hidden) > .field.chart {
  margin-top: 10px;
}
.bar-chart > .elements,
.horizontalBar-chart > .elements,
.chart > canvas,
.chart > svg {
  width: 100%;
  height: 100%;
  position: absolute;
  font-size: 13px;
  fill: #1561A7;
}
.bar-chart > .elements :focus,
.horizontalBar-chart > .elements :focus,
.chart > canvas :focus,
.chart > svg :focus {
  outline: none;
}
.bar-chart > .elements > .label,
.horizontalBar-chart > .elements > .label,
.chart > canvas > .label,
.chart > svg > .label {
  fill: #666666;
}
.inverted > .bar-chart > .elements > .label,
.inverted > .horizontalBar-chart > .elements > .label,
.inverted > .chart > canvas > .label,
.inverted > .chart > svg > .label {
  fill: #fff;
}
.bar-chart > .elements > .datalabel,
.horizontalBar-chart > .elements > .datalabel,
.chart > canvas > .datalabel,
.chart > svg > .datalabel {
  fill: #fff;
}
.bar-chart > .elements > .axis-label,
.horizontalBar-chart > .elements > .axis-label,
.chart > canvas > .axis-label,
.chart > svg > .axis-label {
  fill: #666666;
}
.inverted > .bar-chart > .elements > .axis-label,
.inverted > .horizontalBar-chart > .elements > .axis-label,
.inverted > .chart > canvas > .axis-label,
.inverted > .chart > svg > .axis-label {
  fill: #fff;
}
.bar-chart > .elements > .grid,
.horizontalBar-chart > .elements > .grid,
.chart > canvas > .grid,
.chart > svg > .grid,
.bar-chart > .elements > .scale-ticks,
.horizontalBar-chart > .elements > .scale-ticks,
.chart > canvas > .scale-ticks,
.chart > svg > .scale-ticks {
  fill: #DADADA;
}
.inverted > .bar-chart > .elements > .grid,
.inverted > .horizontalBar-chart > .elements > .grid,
.inverted > .chart > canvas > .grid,
.inverted > .chart > svg > .grid,
.inverted > .bar-chart > .elements > .scale-ticks,
.inverted > .horizontalBar-chart > .elements > .scale-ticks,
.inverted > .chart > canvas > .scale-ticks,
.inverted > .chart > svg > .scale-ticks {
  fill: rgba(218, 218, 218, 0.3);
}
.bar-chart > .elements .color0,
.horizontalBar-chart > .elements .color0,
.chart > canvas .color0,
.chart > svg .color0 {
  fill: #1561a7;
}
.bar-chart > .elements .color1,
.horizontalBar-chart > .elements .color1,
.chart > canvas .color1,
.chart > svg .color1 {
  fill: #186ebe;
}
.bar-chart > .elements .color2,
.horizontalBar-chart > .elements .color2,
.chart > canvas .color2,
.chart > svg .color2 {
  fill: #74a8d8;
}
.bar-chart > .elements .color3,
.horizontalBar-chart > .elements .color3,
.chart > canvas .color3,
.chart > svg .color3 {
  fill: #c1def9;
}
.bar-chart > .elements .color4,
.horizontalBar-chart > .elements .color4,
.chart > canvas .color4,
.chart > svg .color4 {
  fill: #014786;
}
.bar-chart > .elements .color5,
.horizontalBar-chart > .elements .color5,
.chart > canvas .color5,
.chart > svg .color5 {
  fill: #2f3c45;
}
.inverted .bar-chart > .elements,
.inverted .horizontalBar-chart > .elements,
.inverted .chart > canvas,
.inverted .chart > svg {
  fill: #C1DEF9;
}
.inverted .bar-chart > .elements .color0,
.inverted .horizontalBar-chart > .elements .color0,
.inverted .chart > canvas .color0,
.inverted .chart > svg .color0 {
  fill: #c1def9;
}
.inverted .bar-chart > .elements .color1,
.inverted .horizontalBar-chart > .elements .color1,
.inverted .chart > canvas .color1,
.inverted .chart > svg .color1 {
  fill: #93c5f4;
}
.inverted .bar-chart > .elements .color2,
.inverted .horizontalBar-chart > .elements .color2,
.inverted .chart > canvas .color2,
.inverted .chart > svg .color2 {
  fill: #74a8d8;
}
.inverted .bar-chart > .elements .color3,
.inverted .horizontalBar-chart > .elements .color3,
.inverted .chart > canvas .color3,
.inverted .chart > svg .color3 {
  fill: #4c8fcd;
}
.inverted .bar-chart > .elements .color4,
.inverted .horizontalBar-chart > .elements .color4,
.inverted .chart > canvas .color4,
.inverted .chart > svg .color4 {
  fill: #014786;
}
.inverted .bar-chart > .elements .color5,
.inverted .horizontalBar-chart > .elements .color5,
.inverted .chart > canvas .color5,
.inverted .chart > svg .color5 {
  fill: #2f3c45;
}
.color-alternative .bar-chart > .elements,
.color-alternative .horizontalBar-chart > .elements,
.color-alternative .chart > canvas,
.color-alternative .chart > svg {
  fill: #0DA98C;
}
.color-alternative .bar-chart > .elements .color0,
.color-alternative .horizontalBar-chart > .elements .color0,
.color-alternative .chart > canvas .color0,
.color-alternative .chart > svg .color0 {
  fill: #0da98c;
}
.color-alternative .bar-chart > .elements .color1,
.color-alternative .horizontalBar-chart > .elements .color1,
.color-alternative .chart > canvas .color1,
.color-alternative .chart > svg .color1 {
  fill: #0fc1a0;
}
.color-alternative .bar-chart > .elements .color2,
.color-alternative .horizontalBar-chart > .elements .color2,
.color-alternative .chart > canvas .color2,
.color-alternative .chart > svg .color2 {
  fill: #1fc9aa;
}
.color-alternative .bar-chart > .elements .color3,
.color-alternative .horizontalBar-chart > .elements .color3,
.color-alternative .chart > canvas .color3,
.color-alternative .chart > svg .color3 {
  fill: #67e9d1;
}
.color-alternative .bar-chart > .elements .color4,
.color-alternative .horizontalBar-chart > .elements .color4,
.color-alternative .chart > canvas .color4,
.color-alternative .chart > svg .color4 {
  fill: #bdf2e8;
}
.color-alternative .bar-chart > .elements .color5,
.color-alternative .horizontalBar-chart > .elements .color5,
.color-alternative .chart > canvas .color5,
.color-alternative .chart > svg .color5 {
  fill: #00856c;
}
.color-alternative.inverted .bar-chart > .elements,
.color-alternative.inverted .horizontalBar-chart > .elements,
.color-alternative.inverted .chart > canvas,
.color-alternative.inverted .chart > svg {
  fill: #BDF2E8;
}
.color-alternative.inverted .bar-chart > .elements .color0,
.color-alternative.inverted .horizontalBar-chart > .elements .color0,
.color-alternative.inverted .chart > canvas .color0,
.color-alternative.inverted .chart > svg .color0 {
  fill: #bdf2e8;
}
.color-alternative.inverted .bar-chart > .elements .color1,
.color-alternative.inverted .horizontalBar-chart > .elements .color1,
.color-alternative.inverted .chart > canvas .color1,
.color-alternative.inverted .chart > svg .color1 {
  fill: #67e9d1;
}
.color-alternative.inverted .bar-chart > .elements .color2,
.color-alternative.inverted .horizontalBar-chart > .elements .color2,
.color-alternative.inverted .chart > canvas .color2,
.color-alternative.inverted .chart > svg .color2 {
  fill: #1fc9aa;
}
.color-alternative.inverted .bar-chart > .elements .color3,
.color-alternative.inverted .horizontalBar-chart > .elements .color3,
.color-alternative.inverted .chart > canvas .color3,
.color-alternative.inverted .chart > svg .color3 {
  fill: #0da98c;
}
.color-alternative.inverted .bar-chart > .elements .color4,
.color-alternative.inverted .horizontalBar-chart > .elements .color4,
.color-alternative.inverted .chart > canvas .color4,
.color-alternative.inverted .chart > svg .color4 {
  fill: #00856c;
}
.color-alternative.inverted .bar-chart > .elements .color5,
.color-alternative.inverted .horizontalBar-chart > .elements .color5,
.color-alternative.inverted .chart > canvas .color5,
.color-alternative.inverted .chart > svg .color5 {
  fill: #005243;
}
.color-rainbow .bar-chart > .elements,
.color-rainbow .horizontalBar-chart > .elements,
.color-rainbow .chart > canvas,
.color-rainbow .chart > svg {
  fill: #1561A7;
}
.color-rainbow .bar-chart > .elements .color0,
.color-rainbow .horizontalBar-chart > .elements .color0,
.color-rainbow .chart > canvas .color0,
.color-rainbow .chart > svg .color0 {
  fill: #1561a7;
}
.color-rainbow .bar-chart > .elements .color1,
.color-rainbow .horizontalBar-chart > .elements .color1,
.color-rainbow .chart > canvas .color1,
.color-rainbow .chart > svg .color1 {
  fill: #fe9915;
}
.color-rainbow .bar-chart > .elements .color2,
.color-rainbow .horizontalBar-chart > .elements .color2,
.color-rainbow .chart > canvas .color2,
.color-rainbow .chart > svg .color2 {
  fill: #1fc9aa;
}
.color-rainbow .bar-chart > .elements .color3,
.color-rainbow .horizontalBar-chart > .elements .color3,
.color-rainbow .chart > canvas .color3,
.color-rainbow .chart > svg .color3 {
  fill: #666666;
}
.color-rainbow .bar-chart > .elements .color4,
.color-rainbow .horizontalBar-chart > .elements .color4,
.color-rainbow .chart > canvas .color4,
.color-rainbow .chart > svg .color4 {
  fill: #ff5555;
}
.color-rainbow .bar-chart > .elements .color5,
.color-rainbow .horizontalBar-chart > .elements .color5,
.color-rainbow .chart > canvas .color5,
.color-rainbow .chart > svg .color5 {
  fill: #00856c;
}
.bar-chart > .elements .stroke-color0,
.horizontalBar-chart > .elements .stroke-color0,
.chart > canvas .stroke-color0,
.chart > svg .stroke-color0 {
  stroke: #1561a7;
}
.bar-chart > .elements .stroke-color1,
.horizontalBar-chart > .elements .stroke-color1,
.chart > canvas .stroke-color1,
.chart > svg .stroke-color1 {
  stroke: #186ebe;
}
.bar-chart > .elements .stroke-color2,
.horizontalBar-chart > .elements .stroke-color2,
.chart > canvas .stroke-color2,
.chart > svg .stroke-color2 {
  stroke: #74a8d8;
}
.bar-chart > .elements .stroke-color3,
.horizontalBar-chart > .elements .stroke-color3,
.chart > canvas .stroke-color3,
.chart > svg .stroke-color3 {
  stroke: #c1def9;
}
.bar-chart > .elements .stroke-color4,
.horizontalBar-chart > .elements .stroke-color4,
.chart > canvas .stroke-color4,
.chart > svg .stroke-color4 {
  stroke: #014786;
}
.bar-chart > .elements .stroke-color5,
.horizontalBar-chart > .elements .stroke-color5,
.chart > canvas .stroke-color5,
.chart > svg .stroke-color5 {
  stroke: #2f3c45;
}
.inverted .bar-chart > .elements .stroke-color0,
.inverted .horizontalBar-chart > .elements .stroke-color0,
.inverted .chart > canvas .stroke-color0,
.inverted .chart > svg .stroke-color0 {
  stroke: #c1def9;
}
.inverted .bar-chart > .elements .stroke-color1,
.inverted .horizontalBar-chart > .elements .stroke-color1,
.inverted .chart > canvas .stroke-color1,
.inverted .chart > svg .stroke-color1 {
  stroke: #93c5f4;
}
.inverted .bar-chart > .elements .stroke-color2,
.inverted .horizontalBar-chart > .elements .stroke-color2,
.inverted .chart > canvas .stroke-color2,
.inverted .chart > svg .stroke-color2 {
  stroke: #74a8d8;
}
.inverted .bar-chart > .elements .stroke-color3,
.inverted .horizontalBar-chart > .elements .stroke-color3,
.inverted .chart > canvas .stroke-color3,
.inverted .chart > svg .stroke-color3 {
  stroke: #4c8fcd;
}
.inverted .bar-chart > .elements .stroke-color4,
.inverted .horizontalBar-chart > .elements .stroke-color4,
.inverted .chart > canvas .stroke-color4,
.inverted .chart > svg .stroke-color4 {
  stroke: #014786;
}
.inverted .bar-chart > .elements .stroke-color5,
.inverted .horizontalBar-chart > .elements .stroke-color5,
.inverted .chart > canvas .stroke-color5,
.inverted .chart > svg .stroke-color5 {
  stroke: #2f3c45;
}
.color-alternative .bar-chart > .elements .stroke-color0,
.color-alternative .horizontalBar-chart > .elements .stroke-color0,
.color-alternative .chart > canvas .stroke-color0,
.color-alternative .chart > svg .stroke-color0 {
  stroke: #0da98c;
}
.color-alternative .bar-chart > .elements .stroke-color1,
.color-alternative .horizontalBar-chart > .elements .stroke-color1,
.color-alternative .chart > canvas .stroke-color1,
.color-alternative .chart > svg .stroke-color1 {
  stroke: #0fc1a0;
}
.color-alternative .bar-chart > .elements .stroke-color2,
.color-alternative .horizontalBar-chart > .elements .stroke-color2,
.color-alternative .chart > canvas .stroke-color2,
.color-alternative .chart > svg .stroke-color2 {
  stroke: #1fc9aa;
}
.color-alternative .bar-chart > .elements .stroke-color3,
.color-alternative .horizontalBar-chart > .elements .stroke-color3,
.color-alternative .chart > canvas .stroke-color3,
.color-alternative .chart > svg .stroke-color3 {
  stroke: #67e9d1;
}
.color-alternative .bar-chart > .elements .stroke-color4,
.color-alternative .horizontalBar-chart > .elements .stroke-color4,
.color-alternative .chart > canvas .stroke-color4,
.color-alternative .chart > svg .stroke-color4 {
  stroke: #bdf2e8;
}
.color-alternative .bar-chart > .elements .stroke-color5,
.color-alternative .horizontalBar-chart > .elements .stroke-color5,
.color-alternative .chart > canvas .stroke-color5,
.color-alternative .chart > svg .stroke-color5 {
  stroke: #00856c;
}
.color-alternative.inverted .bar-chart > .elements .stroke-color0,
.color-alternative.inverted .horizontalBar-chart > .elements .stroke-color0,
.color-alternative.inverted .chart > canvas .stroke-color0,
.color-alternative.inverted .chart > svg .stroke-color0 {
  stroke: #bdf2e8;
}
.color-alternative.inverted .bar-chart > .elements .stroke-color1,
.color-alternative.inverted .horizontalBar-chart > .elements .stroke-color1,
.color-alternative.inverted .chart > canvas .stroke-color1,
.color-alternative.inverted .chart > svg .stroke-color1 {
  stroke: #67e9d1;
}
.color-alternative.inverted .bar-chart > .elements .stroke-color2,
.color-alternative.inverted .horizontalBar-chart > .elements .stroke-color2,
.color-alternative.inverted .chart > canvas .stroke-color2,
.color-alternative.inverted .chart > svg .stroke-color2 {
  stroke: #1fc9aa;
}
.color-alternative.inverted .bar-chart > .elements .stroke-color3,
.color-alternative.inverted .horizontalBar-chart > .elements .stroke-color3,
.color-alternative.inverted .chart > canvas .stroke-color3,
.color-alternative.inverted .chart > svg .stroke-color3 {
  stroke: #0da98c;
}
.color-alternative.inverted .bar-chart > .elements .stroke-color4,
.color-alternative.inverted .horizontalBar-chart > .elements .stroke-color4,
.color-alternative.inverted .chart > canvas .stroke-color4,
.color-alternative.inverted .chart > svg .stroke-color4 {
  stroke: #00856c;
}
.color-alternative.inverted .bar-chart > .elements .stroke-color5,
.color-alternative.inverted .horizontalBar-chart > .elements .stroke-color5,
.color-alternative.inverted .chart > canvas .stroke-color5,
.color-alternative.inverted .chart > svg .stroke-color5 {
  stroke: #005243;
}
.color-rainbow .bar-chart > .elements .stroke-color0,
.color-rainbow .horizontalBar-chart > .elements .stroke-color0,
.color-rainbow .chart > canvas .stroke-color0,
.color-rainbow .chart > svg .stroke-color0 {
  stroke: #1561a7;
}
.color-rainbow .bar-chart > .elements .stroke-color1,
.color-rainbow .horizontalBar-chart > .elements .stroke-color1,
.color-rainbow .chart > canvas .stroke-color1,
.color-rainbow .chart > svg .stroke-color1 {
  stroke: #fe9915;
}
.color-rainbow .bar-chart > .elements .stroke-color2,
.color-rainbow .horizontalBar-chart > .elements .stroke-color2,
.color-rainbow .chart > canvas .stroke-color2,
.color-rainbow .chart > svg .stroke-color2 {
  stroke: #1fc9aa;
}
.color-rainbow .bar-chart > .elements .stroke-color3,
.color-rainbow .horizontalBar-chart > .elements .stroke-color3,
.color-rainbow .chart > canvas .stroke-color3,
.color-rainbow .chart > svg .stroke-color3 {
  stroke: #666666;
}
.color-rainbow .bar-chart > .elements .stroke-color4,
.color-rainbow .horizontalBar-chart > .elements .stroke-color4,
.color-rainbow .chart > canvas .stroke-color4,
.color-rainbow .chart > svg .stroke-color4 {
  stroke: #ff5555;
}
.color-rainbow .bar-chart > .elements .stroke-color5,
.color-rainbow .horizontalBar-chart > .elements .stroke-color5,
.color-rainbow .chart > canvas .stroke-color5,
.color-rainbow .chart > svg .stroke-color5 {
  stroke: #00856c;
}
.bar-chart > .elements .color0.hover,
.horizontalBar-chart > .elements .color0.hover,
.chart > canvas .color0.hover,
.chart > svg .color0.hover {
  fill: #0f477a;
}
.bar-chart > .elements .color1.hover,
.horizontalBar-chart > .elements .color1.hover,
.chart > canvas .color1.hover,
.chart > svg .color1.hover {
  fill: #125490;
}
.bar-chart > .elements .color2.hover,
.horizontalBar-chart > .elements .color2.hover,
.chart > canvas .color2.hover,
.chart > svg .color2.hover {
  fill: #4c8fcd;
}
.bar-chart > .elements .color3.hover,
.horizontalBar-chart > .elements .color3.hover,
.chart > canvas .color3.hover,
.chart > svg .color3.hover {
  fill: #93c5f4;
}
.bar-chart > .elements .color4.hover,
.horizontalBar-chart > .elements .color4.hover,
.chart > canvas .color4.hover,
.chart > svg .color4.hover {
  fill: #012c53;
}
.bar-chart > .elements .color5.hover,
.horizontalBar-chart > .elements .color5.hover,
.chart > canvas .color5.hover,
.chart > svg .color5.hover {
  fill: #1a2227;
}
.inverted .bar-chart > .elements,
.inverted .horizontalBar-chart > .elements,
.inverted .chart > canvas,
.inverted .chart > svg {
  fill: #C1DEF9;
}
.inverted .bar-chart > .elements .color0.hover,
.inverted .horizontalBar-chart > .elements .color0.hover,
.inverted .chart > canvas .color0.hover,
.inverted .chart > svg .color0.hover {
  fill: #93c5f4;
}
.inverted .bar-chart > .elements .color1.hover,
.inverted .horizontalBar-chart > .elements .color1.hover,
.inverted .chart > canvas .color1.hover,
.inverted .chart > svg .color1.hover {
  fill: #64adf0;
}
.inverted .bar-chart > .elements .color2.hover,
.inverted .horizontalBar-chart > .elements .color2.hover,
.inverted .chart > canvas .color2.hover,
.inverted .chart > svg .color2.hover {
  fill: #4c8fcd;
}
.inverted .bar-chart > .elements .color3.hover,
.inverted .horizontalBar-chart > .elements .color3.hover,
.inverted .chart > canvas .color3.hover,
.inverted .chart > svg .color3.hover {
  fill: #3276b4;
}
.inverted .bar-chart > .elements .color4.hover,
.inverted .horizontalBar-chart > .elements .color4.hover,
.inverted .chart > canvas .color4.hover,
.inverted .chart > svg .color4.hover {
  fill: #012c53;
}
.inverted .bar-chart > .elements .color5.hover,
.inverted .horizontalBar-chart > .elements .color5.hover,
.inverted .chart > canvas .color5.hover,
.inverted .chart > svg .color5.hover {
  fill: #1a2227;
}
.color-alternative .bar-chart > .elements,
.color-alternative .horizontalBar-chart > .elements,
.color-alternative .chart > canvas,
.color-alternative .chart > svg {
  fill: #0DA98C;
}
.color-alternative .bar-chart > .elements .color0.hover,
.color-alternative .horizontalBar-chart > .elements .color0.hover,
.color-alternative .chart > canvas .color0.hover,
.color-alternative .chart > svg .color0.hover {
  fill: #097a65;
}
.color-alternative .bar-chart > .elements .color1.hover,
.color-alternative .horizontalBar-chart > .elements .color1.hover,
.color-alternative .chart > canvas .color1.hover,
.color-alternative .chart > svg .color1.hover {
  fill: #0b9178;
}
.color-alternative .bar-chart > .elements .color2.hover,
.color-alternative .horizontalBar-chart > .elements .color2.hover,
.color-alternative .chart > canvas .color2.hover,
.color-alternative .chart > svg .color2.hover {
  fill: #189d85;
}
.color-alternative .bar-chart > .elements .color3.hover,
.color-alternative .horizontalBar-chart > .elements .color3.hover,
.color-alternative .chart > canvas .color3.hover,
.color-alternative .chart > svg .color3.hover {
  fill: #3ae3c4;
}
.color-alternative .bar-chart > .elements .color4.hover,
.color-alternative .horizontalBar-chart > .elements .color4.hover,
.color-alternative .chart > canvas .color4.hover,
.color-alternative .chart > svg .color4.hover {
  fill: #92ead9;
}
.color-alternative .bar-chart > .elements .color5.hover,
.color-alternative .horizontalBar-chart > .elements .color5.hover,
.color-alternative .chart > canvas .color5.hover,
.color-alternative .chart > svg .color5.hover {
  fill: #005243;
}
.color-alternative.inverted .bar-chart > .elements,
.color-alternative.inverted .horizontalBar-chart > .elements,
.color-alternative.inverted .chart > canvas,
.color-alternative.inverted .chart > svg {
  fill: #BDF2E8;
}
.color-alternative.inverted .bar-chart > .elements .color0.hover,
.color-alternative.inverted .horizontalBar-chart > .elements .color0.hover,
.color-alternative.inverted .chart > canvas .color0.hover,
.color-alternative.inverted .chart > svg .color0.hover {
  fill: #92ead9;
}
.color-alternative.inverted .bar-chart > .elements .color1.hover,
.color-alternative.inverted .horizontalBar-chart > .elements .color1.hover,
.color-alternative.inverted .chart > canvas .color1.hover,
.color-alternative.inverted .chart > svg .color1.hover {
  fill: #3ae3c4;
}
.color-alternative.inverted .bar-chart > .elements .color2.hover,
.color-alternative.inverted .horizontalBar-chart > .elements .color2.hover,
.color-alternative.inverted .chart > canvas .color2.hover,
.color-alternative.inverted .chart > svg .color2.hover {
  fill: #189d85;
}
.color-alternative.inverted .bar-chart > .elements .color3.hover,
.color-alternative.inverted .horizontalBar-chart > .elements .color3.hover,
.color-alternative.inverted .chart > canvas .color3.hover,
.color-alternative.inverted .chart > svg .color3.hover {
  fill: #097a65;
}
.color-alternative.inverted .bar-chart > .elements .color4.hover,
.color-alternative.inverted .horizontalBar-chart > .elements .color4.hover,
.color-alternative.inverted .chart > canvas .color4.hover,
.color-alternative.inverted .chart > svg .color4.hover {
  fill: #005243;
}
.color-alternative.inverted .bar-chart > .elements .color5.hover,
.color-alternative.inverted .horizontalBar-chart > .elements .color5.hover,
.color-alternative.inverted .chart > canvas .color5.hover,
.color-alternative.inverted .chart > svg .color5.hover {
  fill: #001f19;
}
.color-rainbow .bar-chart > .elements,
.color-rainbow .horizontalBar-chart > .elements,
.color-rainbow .chart > canvas,
.color-rainbow .chart > svg {
  fill: #1561A7;
}
.color-rainbow .bar-chart > .elements .color0.hover,
.color-rainbow .horizontalBar-chart > .elements .color0.hover,
.color-rainbow .chart > canvas .color0.hover,
.color-rainbow .chart > svg .color0.hover {
  fill: #0f477a;
}
.color-rainbow .bar-chart > .elements .color1.hover,
.color-rainbow .horizontalBar-chart > .elements .color1.hover,
.color-rainbow .chart > canvas .color1.hover,
.color-rainbow .chart > svg .color1.hover {
  fill: #df7f01;
}
.color-rainbow .bar-chart > .elements .color2.hover,
.color-rainbow .horizontalBar-chart > .elements .color2.hover,
.color-rainbow .chart > canvas .color2.hover,
.color-rainbow .chart > svg .color2.hover {
  fill: #189d85;
}
.color-rainbow .bar-chart > .elements .color3.hover,
.color-rainbow .horizontalBar-chart > .elements .color3.hover,
.color-rainbow .chart > canvas .color3.hover,
.color-rainbow .chart > svg .color3.hover {
  fill: #4d4d4d;
}
.color-rainbow .bar-chart > .elements .color4.hover,
.color-rainbow .horizontalBar-chart > .elements .color4.hover,
.color-rainbow .chart > canvas .color4.hover,
.color-rainbow .chart > svg .color4.hover {
  fill: #ff2222;
}
.color-rainbow .bar-chart > .elements .color5.hover,
.color-rainbow .horizontalBar-chart > .elements .color5.hover,
.color-rainbow .chart > canvas .color5.hover,
.color-rainbow .chart > svg .color5.hover {
  fill: #005243;
}
.bar-chart > .elements .stroke-color0.hover,
.horizontalBar-chart > .elements .stroke-color0.hover,
.chart > canvas .stroke-color0.hover,
.chart > svg .stroke-color0.hover {
  stroke: #0f477a;
}
.bar-chart > .elements .stroke-color1.hover,
.horizontalBar-chart > .elements .stroke-color1.hover,
.chart > canvas .stroke-color1.hover,
.chart > svg .stroke-color1.hover {
  stroke: #125490;
}
.bar-chart > .elements .stroke-color2.hover,
.horizontalBar-chart > .elements .stroke-color2.hover,
.chart > canvas .stroke-color2.hover,
.chart > svg .stroke-color2.hover {
  stroke: #4c8fcd;
}
.bar-chart > .elements .stroke-color3.hover,
.horizontalBar-chart > .elements .stroke-color3.hover,
.chart > canvas .stroke-color3.hover,
.chart > svg .stroke-color3.hover {
  stroke: #93c5f4;
}
.bar-chart > .elements .stroke-color4.hover,
.horizontalBar-chart > .elements .stroke-color4.hover,
.chart > canvas .stroke-color4.hover,
.chart > svg .stroke-color4.hover {
  stroke: #012c53;
}
.bar-chart > .elements .stroke-color5.hover,
.horizontalBar-chart > .elements .stroke-color5.hover,
.chart > canvas .stroke-color5.hover,
.chart > svg .stroke-color5.hover {
  stroke: #1a2227;
}
.inverted .bar-chart > .elements .stroke-color0.hover,
.inverted .horizontalBar-chart > .elements .stroke-color0.hover,
.inverted .chart > canvas .stroke-color0.hover,
.inverted .chart > svg .stroke-color0.hover {
  stroke: #93c5f4;
}
.inverted .bar-chart > .elements .stroke-color1.hover,
.inverted .horizontalBar-chart > .elements .stroke-color1.hover,
.inverted .chart > canvas .stroke-color1.hover,
.inverted .chart > svg .stroke-color1.hover {
  stroke: #64adf0;
}
.inverted .bar-chart > .elements .stroke-color2.hover,
.inverted .horizontalBar-chart > .elements .stroke-color2.hover,
.inverted .chart > canvas .stroke-color2.hover,
.inverted .chart > svg .stroke-color2.hover {
  stroke: #4c8fcd;
}
.inverted .bar-chart > .elements .stroke-color3.hover,
.inverted .horizontalBar-chart > .elements .stroke-color3.hover,
.inverted .chart > canvas .stroke-color3.hover,
.inverted .chart > svg .stroke-color3.hover {
  stroke: #3276b4;
}
.inverted .bar-chart > .elements .stroke-color4.hover,
.inverted .horizontalBar-chart > .elements .stroke-color4.hover,
.inverted .chart > canvas .stroke-color4.hover,
.inverted .chart > svg .stroke-color4.hover {
  stroke: #012c53;
}
.inverted .bar-chart > .elements .stroke-color5.hover,
.inverted .horizontalBar-chart > .elements .stroke-color5.hover,
.inverted .chart > canvas .stroke-color5.hover,
.inverted .chart > svg .stroke-color5.hover {
  stroke: #1a2227;
}
.color-alternative .bar-chart > .elements .stroke-color0.hover,
.color-alternative .horizontalBar-chart > .elements .stroke-color0.hover,
.color-alternative .chart > canvas .stroke-color0.hover,
.color-alternative .chart > svg .stroke-color0.hover {
  stroke: #097a65;
}
.color-alternative .bar-chart > .elements .stroke-color1.hover,
.color-alternative .horizontalBar-chart > .elements .stroke-color1.hover,
.color-alternative .chart > canvas .stroke-color1.hover,
.color-alternative .chart > svg .stroke-color1.hover {
  stroke: #0b9178;
}
.color-alternative .bar-chart > .elements .stroke-color2.hover,
.color-alternative .horizontalBar-chart > .elements .stroke-color2.hover,
.color-alternative .chart > canvas .stroke-color2.hover,
.color-alternative .chart > svg .stroke-color2.hover {
  stroke: #189d85;
}
.color-alternative .bar-chart > .elements .stroke-color3.hover,
.color-alternative .horizontalBar-chart > .elements .stroke-color3.hover,
.color-alternative .chart > canvas .stroke-color3.hover,
.color-alternative .chart > svg .stroke-color3.hover {
  stroke: #3ae3c4;
}
.color-alternative .bar-chart > .elements .stroke-color4.hover,
.color-alternative .horizontalBar-chart > .elements .stroke-color4.hover,
.color-alternative .chart > canvas .stroke-color4.hover,
.color-alternative .chart > svg .stroke-color4.hover {
  stroke: #92ead9;
}
.color-alternative .bar-chart > .elements .stroke-color5.hover,
.color-alternative .horizontalBar-chart > .elements .stroke-color5.hover,
.color-alternative .chart > canvas .stroke-color5.hover,
.color-alternative .chart > svg .stroke-color5.hover {
  stroke: #005243;
}
.color-alternative.inverted .bar-chart > .elements .stroke-color0.hover,
.color-alternative.inverted .horizontalBar-chart > .elements .stroke-color0.hover,
.color-alternative.inverted .chart > canvas .stroke-color0.hover,
.color-alternative.inverted .chart > svg .stroke-color0.hover {
  stroke: #92ead9;
}
.color-alternative.inverted .bar-chart > .elements .stroke-color1.hover,
.color-alternative.inverted .horizontalBar-chart > .elements .stroke-color1.hover,
.color-alternative.inverted .chart > canvas .stroke-color1.hover,
.color-alternative.inverted .chart > svg .stroke-color1.hover {
  stroke: #3ae3c4;
}
.color-alternative.inverted .bar-chart > .elements .stroke-color2.hover,
.color-alternative.inverted .horizontalBar-chart > .elements .stroke-color2.hover,
.color-alternative.inverted .chart > canvas .stroke-color2.hover,
.color-alternative.inverted .chart > svg .stroke-color2.hover {
  stroke: #189d85;
}
.color-alternative.inverted .bar-chart > .elements .stroke-color3.hover,
.color-alternative.inverted .horizontalBar-chart > .elements .stroke-color3.hover,
.color-alternative.inverted .chart > canvas .stroke-color3.hover,
.color-alternative.inverted .chart > svg .stroke-color3.hover {
  stroke: #097a65;
}
.color-alternative.inverted .bar-chart > .elements .stroke-color4.hover,
.color-alternative.inverted .horizontalBar-chart > .elements .stroke-color4.hover,
.color-alternative.inverted .chart > canvas .stroke-color4.hover,
.color-alternative.inverted .chart > svg .stroke-color4.hover {
  stroke: #005243;
}
.color-alternative.inverted .bar-chart > .elements .stroke-color5.hover,
.color-alternative.inverted .horizontalBar-chart > .elements .stroke-color5.hover,
.color-alternative.inverted .chart > canvas .stroke-color5.hover,
.color-alternative.inverted .chart > svg .stroke-color5.hover {
  stroke: #001f19;
}
.color-rainbow .bar-chart > .elements .stroke-color0.hover,
.color-rainbow .horizontalBar-chart > .elements .stroke-color0.hover,
.color-rainbow .chart > canvas .stroke-color0.hover,
.color-rainbow .chart > svg .stroke-color0.hover {
  stroke: #0f477a;
}
.color-rainbow .bar-chart > .elements .stroke-color1.hover,
.color-rainbow .horizontalBar-chart > .elements .stroke-color1.hover,
.color-rainbow .chart > canvas .stroke-color1.hover,
.color-rainbow .chart > svg .stroke-color1.hover {
  stroke: #df7f01;
}
.color-rainbow .bar-chart > .elements .stroke-color2.hover,
.color-rainbow .horizontalBar-chart > .elements .stroke-color2.hover,
.color-rainbow .chart > canvas .stroke-color2.hover,
.color-rainbow .chart > svg .stroke-color2.hover {
  stroke: #189d85;
}
.color-rainbow .bar-chart > .elements .stroke-color3.hover,
.color-rainbow .horizontalBar-chart > .elements .stroke-color3.hover,
.color-rainbow .chart > canvas .stroke-color3.hover,
.color-rainbow .chart > svg .stroke-color3.hover {
  stroke: #4d4d4d;
}
.color-rainbow .bar-chart > .elements .stroke-color4.hover,
.color-rainbow .horizontalBar-chart > .elements .stroke-color4.hover,
.color-rainbow .chart > canvas .stroke-color4.hover,
.color-rainbow .chart > svg .stroke-color4.hover {
  stroke: #ff2222;
}
.color-rainbow .bar-chart > .elements .stroke-color5.hover,
.color-rainbow .horizontalBar-chart > .elements .stroke-color5.hover,
.color-rainbow .chart > canvas .stroke-color5.hover,
.color-rainbow .chart > svg .stroke-color5.hover {
  stroke: #005243;
}
.bar-chart,
.horizontalBar-chart {
  min-width: 75px;
}
.checkable.bar-chart > .elements,
.checkable.horizontalBar-chart > .elements {
  fill: #1561A7;
}
.checkable.bar-chart > .elements .color0,
.checkable.horizontalBar-chart > .elements .color0 {
  fill: rgba(21, 97, 167, 0.2);
}
.checkable.bar-chart > .elements .color1,
.checkable.horizontalBar-chart > .elements .color1 {
  fill: rgba(24, 110, 190, 0.2);
}
.checkable.bar-chart > .elements .color2,
.checkable.horizontalBar-chart > .elements .color2 {
  fill: rgba(116, 168, 216, 0.2);
}
.checkable.bar-chart > .elements .color3,
.checkable.horizontalBar-chart > .elements .color3 {
  fill: rgba(193, 222, 249, 0.2);
}
.checkable.bar-chart > .elements .color4,
.checkable.horizontalBar-chart > .elements .color4 {
  fill: rgba(1, 71, 134, 0.2);
}
.checkable.bar-chart > .elements .color5,
.checkable.horizontalBar-chart > .elements .color5 {
  fill: rgba(47, 60, 69, 0.2);
}
.inverted .checkable.bar-chart > .elements,
.inverted .checkable.horizontalBar-chart > .elements {
  fill: #C1DEF9;
}
.inverted .checkable.bar-chart > .elements .color0,
.inverted .checkable.horizontalBar-chart > .elements .color0 {
  fill: rgba(193, 222, 249, 0.2);
}
.inverted .checkable.bar-chart > .elements .color1,
.inverted .checkable.horizontalBar-chart > .elements .color1 {
  fill: rgba(147, 197, 244, 0.2);
}
.inverted .checkable.bar-chart > .elements .color2,
.inverted .checkable.horizontalBar-chart > .elements .color2 {
  fill: rgba(116, 168, 216, 0.2);
}
.inverted .checkable.bar-chart > .elements .color3,
.inverted .checkable.horizontalBar-chart > .elements .color3 {
  fill: rgba(76, 143, 205, 0.2);
}
.inverted .checkable.bar-chart > .elements .color4,
.inverted .checkable.horizontalBar-chart > .elements .color4 {
  fill: rgba(1, 71, 134, 0.2);
}
.inverted .checkable.bar-chart > .elements .color5,
.inverted .checkable.horizontalBar-chart > .elements .color5 {
  fill: rgba(47, 60, 69, 0.2);
}
.color-alternative .checkable.bar-chart > .elements,
.color-alternative .checkable.horizontalBar-chart > .elements {
  fill: #0DA98C;
}
.color-alternative .checkable.bar-chart > .elements .color0,
.color-alternative .checkable.horizontalBar-chart > .elements .color0 {
  fill: rgba(13, 169, 140, 0.2);
}
.color-alternative .checkable.bar-chart > .elements .color1,
.color-alternative .checkable.horizontalBar-chart > .elements .color1 {
  fill: rgba(15, 193, 160, 0.2);
}
.color-alternative .checkable.bar-chart > .elements .color2,
.color-alternative .checkable.horizontalBar-chart > .elements .color2 {
  fill: rgba(31, 201, 170, 0.2);
}
.color-alternative .checkable.bar-chart > .elements .color3,
.color-alternative .checkable.horizontalBar-chart > .elements .color3 {
  fill: rgba(103, 233, 209, 0.2);
}
.color-alternative .checkable.bar-chart > .elements .color4,
.color-alternative .checkable.horizontalBar-chart > .elements .color4 {
  fill: rgba(189, 242, 232, 0.2);
}
.color-alternative .checkable.bar-chart > .elements .color5,
.color-alternative .checkable.horizontalBar-chart > .elements .color5 {
  fill: rgba(0, 133, 108, 0.2);
}
.color-alternative.inverted .checkable.bar-chart > .elements,
.color-alternative.inverted .checkable.horizontalBar-chart > .elements {
  fill: #BDF2E8;
}
.color-alternative.inverted .checkable.bar-chart > .elements .color0,
.color-alternative.inverted .checkable.horizontalBar-chart > .elements .color0 {
  fill: rgba(189, 242, 232, 0.2);
}
.color-alternative.inverted .checkable.bar-chart > .elements .color1,
.color-alternative.inverted .checkable.horizontalBar-chart > .elements .color1 {
  fill: rgba(103, 233, 209, 0.2);
}
.color-alternative.inverted .checkable.bar-chart > .elements .color2,
.color-alternative.inverted .checkable.horizontalBar-chart > .elements .color2 {
  fill: rgba(31, 201, 170, 0.2);
}
.color-alternative.inverted .checkable.bar-chart > .elements .color3,
.color-alternative.inverted .checkable.horizontalBar-chart > .elements .color3 {
  fill: rgba(13, 169, 140, 0.2);
}
.color-alternative.inverted .checkable.bar-chart > .elements .color4,
.color-alternative.inverted .checkable.horizontalBar-chart > .elements .color4 {
  fill: rgba(0, 133, 108, 0.2);
}
.color-alternative.inverted .checkable.bar-chart > .elements .color5,
.color-alternative.inverted .checkable.horizontalBar-chart > .elements .color5 {
  fill: rgba(0, 82, 67, 0.2);
}
.color-rainbow .checkable.bar-chart > .elements,
.color-rainbow .checkable.horizontalBar-chart > .elements {
  fill: #1561A7;
}
.color-rainbow .checkable.bar-chart > .elements .color0,
.color-rainbow .checkable.horizontalBar-chart > .elements .color0 {
  fill: rgba(21, 97, 167, 0.2);
}
.color-rainbow .checkable.bar-chart > .elements .color1,
.color-rainbow .checkable.horizontalBar-chart > .elements .color1 {
  fill: rgba(254, 153, 21, 0.2);
}
.color-rainbow .checkable.bar-chart > .elements .color2,
.color-rainbow .checkable.horizontalBar-chart > .elements .color2 {
  fill: rgba(31, 201, 170, 0.2);
}
.color-rainbow .checkable.bar-chart > .elements .color3,
.color-rainbow .checkable.horizontalBar-chart > .elements .color3 {
  fill: rgba(102, 102, 102, 0.2);
}
.color-rainbow .checkable.bar-chart > .elements .color4,
.color-rainbow .checkable.horizontalBar-chart > .elements .color4 {
  fill: rgba(255, 85, 85, 0.2);
}
.color-rainbow .checkable.bar-chart > .elements .color5,
.color-rainbow .checkable.horizontalBar-chart > .elements .color5 {
  fill: rgba(0, 133, 108, 0.2);
}
.checkable.bar-chart > .elements .color0.checked,
.checkable.horizontalBar-chart > .elements .color0.checked {
  fill: #1561a7;
}
.checkable.bar-chart > .elements .color1.checked,
.checkable.horizontalBar-chart > .elements .color1.checked {
  fill: #186ebe;
}
.checkable.bar-chart > .elements .color2.checked,
.checkable.horizontalBar-chart > .elements .color2.checked {
  fill: #74a8d8;
}
.checkable.bar-chart > .elements .color3.checked,
.checkable.horizontalBar-chart > .elements .color3.checked {
  fill: #c1def9;
}
.checkable.bar-chart > .elements .color4.checked,
.checkable.horizontalBar-chart > .elements .color4.checked {
  fill: #014786;
}
.checkable.bar-chart > .elements .color5.checked,
.checkable.horizontalBar-chart > .elements .color5.checked {
  fill: #2f3c45;
}
.inverted .checkable.bar-chart > .elements,
.inverted .checkable.horizontalBar-chart > .elements {
  fill: #C1DEF9;
}
.inverted .checkable.bar-chart > .elements .color0.checked,
.inverted .checkable.horizontalBar-chart > .elements .color0.checked {
  fill: #c1def9;
}
.inverted .checkable.bar-chart > .elements .color1.checked,
.inverted .checkable.horizontalBar-chart > .elements .color1.checked {
  fill: #93c5f4;
}
.inverted .checkable.bar-chart > .elements .color2.checked,
.inverted .checkable.horizontalBar-chart > .elements .color2.checked {
  fill: #74a8d8;
}
.inverted .checkable.bar-chart > .elements .color3.checked,
.inverted .checkable.horizontalBar-chart > .elements .color3.checked {
  fill: #4c8fcd;
}
.inverted .checkable.bar-chart > .elements .color4.checked,
.inverted .checkable.horizontalBar-chart > .elements .color4.checked {
  fill: #014786;
}
.inverted .checkable.bar-chart > .elements .color5.checked,
.inverted .checkable.horizontalBar-chart > .elements .color5.checked {
  fill: #2f3c45;
}
.color-alternative .checkable.bar-chart > .elements,
.color-alternative .checkable.horizontalBar-chart > .elements {
  fill: #0DA98C;
}
.color-alternative .checkable.bar-chart > .elements .color0.checked,
.color-alternative .checkable.horizontalBar-chart > .elements .color0.checked {
  fill: #0da98c;
}
.color-alternative .checkable.bar-chart > .elements .color1.checked,
.color-alternative .checkable.horizontalBar-chart > .elements .color1.checked {
  fill: #0fc1a0;
}
.color-alternative .checkable.bar-chart > .elements .color2.checked,
.color-alternative .checkable.horizontalBar-chart > .elements .color2.checked {
  fill: #1fc9aa;
}
.color-alternative .checkable.bar-chart > .elements .color3.checked,
.color-alternative .checkable.horizontalBar-chart > .elements .color3.checked {
  fill: #67e9d1;
}
.color-alternative .checkable.bar-chart > .elements .color4.checked,
.color-alternative .checkable.horizontalBar-chart > .elements .color4.checked {
  fill: #bdf2e8;
}
.color-alternative .checkable.bar-chart > .elements .color5.checked,
.color-alternative .checkable.horizontalBar-chart > .elements .color5.checked {
  fill: #00856c;
}
.color-alternative.inverted .checkable.bar-chart > .elements,
.color-alternative.inverted .checkable.horizontalBar-chart > .elements {
  fill: #BDF2E8;
}
.color-alternative.inverted .checkable.bar-chart > .elements .color0.checked,
.color-alternative.inverted .checkable.horizontalBar-chart > .elements .color0.checked {
  fill: #bdf2e8;
}
.color-alternative.inverted .checkable.bar-chart > .elements .color1.checked,
.color-alternative.inverted .checkable.horizontalBar-chart > .elements .color1.checked {
  fill: #67e9d1;
}
.color-alternative.inverted .checkable.bar-chart > .elements .color2.checked,
.color-alternative.inverted .checkable.horizontalBar-chart > .elements .color2.checked {
  fill: #1fc9aa;
}
.color-alternative.inverted .checkable.bar-chart > .elements .color3.checked,
.color-alternative.inverted .checkable.horizontalBar-chart > .elements .color3.checked {
  fill: #0da98c;
}
.color-alternative.inverted .checkable.bar-chart > .elements .color4.checked,
.color-alternative.inverted .checkable.horizontalBar-chart > .elements .color4.checked {
  fill: #00856c;
}
.color-alternative.inverted .checkable.bar-chart > .elements .color5.checked,
.color-alternative.inverted .checkable.horizontalBar-chart > .elements .color5.checked {
  fill: #005243;
}
.color-rainbow .checkable.bar-chart > .elements,
.color-rainbow .checkable.horizontalBar-chart > .elements {
  fill: #1561A7;
}
.color-rainbow .checkable.bar-chart > .elements .color0.checked,
.color-rainbow .checkable.horizontalBar-chart > .elements .color0.checked {
  fill: #1561a7;
}
.color-rainbow .checkable.bar-chart > .elements .color1.checked,
.color-rainbow .checkable.horizontalBar-chart > .elements .color1.checked {
  fill: #fe9915;
}
.color-rainbow .checkable.bar-chart > .elements .color2.checked,
.color-rainbow .checkable.horizontalBar-chart > .elements .color2.checked {
  fill: #1fc9aa;
}
.color-rainbow .checkable.bar-chart > .elements .color3.checked,
.color-rainbow .checkable.horizontalBar-chart > .elements .color3.checked {
  fill: #666666;
}
.color-rainbow .checkable.bar-chart > .elements .color4.checked,
.color-rainbow .checkable.horizontalBar-chart > .elements .color4.checked {
  fill: #ff5555;
}
.color-rainbow .checkable.bar-chart > .elements .color5.checked,
.color-rainbow .checkable.horizontalBar-chart > .elements .color5.checked {
  fill: #00856c;
}
.checkable.bar-chart > .elements .color0.hover,
.checkable.horizontalBar-chart > .elements .color0.hover {
  fill: rgba(21, 97, 167, 0.35);
}
.checkable.bar-chart > .elements .color1.hover,
.checkable.horizontalBar-chart > .elements .color1.hover {
  fill: rgba(24, 110, 190, 0.35);
}
.checkable.bar-chart > .elements .color2.hover,
.checkable.horizontalBar-chart > .elements .color2.hover {
  fill: rgba(116, 168, 216, 0.35);
}
.checkable.bar-chart > .elements .color3.hover,
.checkable.horizontalBar-chart > .elements .color3.hover {
  fill: rgba(193, 222, 249, 0.35);
}
.checkable.bar-chart > .elements .color4.hover,
.checkable.horizontalBar-chart > .elements .color4.hover {
  fill: rgba(1, 71, 134, 0.35);
}
.checkable.bar-chart > .elements .color5.hover,
.checkable.horizontalBar-chart > .elements .color5.hover {
  fill: rgba(47, 60, 69, 0.35);
}
.inverted .checkable.bar-chart > .elements,
.inverted .checkable.horizontalBar-chart > .elements {
  fill: #C1DEF9;
}
.inverted .checkable.bar-chart > .elements .color0.hover,
.inverted .checkable.horizontalBar-chart > .elements .color0.hover {
  fill: rgba(193, 222, 249, 0.35);
}
.inverted .checkable.bar-chart > .elements .color1.hover,
.inverted .checkable.horizontalBar-chart > .elements .color1.hover {
  fill: rgba(147, 197, 244, 0.35);
}
.inverted .checkable.bar-chart > .elements .color2.hover,
.inverted .checkable.horizontalBar-chart > .elements .color2.hover {
  fill: rgba(116, 168, 216, 0.35);
}
.inverted .checkable.bar-chart > .elements .color3.hover,
.inverted .checkable.horizontalBar-chart > .elements .color3.hover {
  fill: rgba(76, 143, 205, 0.35);
}
.inverted .checkable.bar-chart > .elements .color4.hover,
.inverted .checkable.horizontalBar-chart > .elements .color4.hover {
  fill: rgba(1, 71, 134, 0.35);
}
.inverted .checkable.bar-chart > .elements .color5.hover,
.inverted .checkable.horizontalBar-chart > .elements .color5.hover {
  fill: rgba(47, 60, 69, 0.35);
}
.color-alternative .checkable.bar-chart > .elements,
.color-alternative .checkable.horizontalBar-chart > .elements {
  fill: #0DA98C;
}
.color-alternative .checkable.bar-chart > .elements .color0.hover,
.color-alternative .checkable.horizontalBar-chart > .elements .color0.hover {
  fill: rgba(13, 169, 140, 0.35);
}
.color-alternative .checkable.bar-chart > .elements .color1.hover,
.color-alternative .checkable.horizontalBar-chart > .elements .color1.hover {
  fill: rgba(15, 193, 160, 0.35);
}
.color-alternative .checkable.bar-chart > .elements .color2.hover,
.color-alternative .checkable.horizontalBar-chart > .elements .color2.hover {
  fill: rgba(31, 201, 170, 0.35);
}
.color-alternative .checkable.bar-chart > .elements .color3.hover,
.color-alternative .checkable.horizontalBar-chart > .elements .color3.hover {
  fill: rgba(103, 233, 209, 0.35);
}
.color-alternative .checkable.bar-chart > .elements .color4.hover,
.color-alternative .checkable.horizontalBar-chart > .elements .color4.hover {
  fill: rgba(189, 242, 232, 0.35);
}
.color-alternative .checkable.bar-chart > .elements .color5.hover,
.color-alternative .checkable.horizontalBar-chart > .elements .color5.hover {
  fill: rgba(0, 133, 108, 0.35);
}
.color-alternative.inverted .checkable.bar-chart > .elements,
.color-alternative.inverted .checkable.horizontalBar-chart > .elements {
  fill: #BDF2E8;
}
.color-alternative.inverted .checkable.bar-chart > .elements .color0.hover,
.color-alternative.inverted .checkable.horizontalBar-chart > .elements .color0.hover {
  fill: rgba(189, 242, 232, 0.35);
}
.color-alternative.inverted .checkable.bar-chart > .elements .color1.hover,
.color-alternative.inverted .checkable.horizontalBar-chart > .elements .color1.hover {
  fill: rgba(103, 233, 209, 0.35);
}
.color-alternative.inverted .checkable.bar-chart > .elements .color2.hover,
.color-alternative.inverted .checkable.horizontalBar-chart > .elements .color2.hover {
  fill: rgba(31, 201, 170, 0.35);
}
.color-alternative.inverted .checkable.bar-chart > .elements .color3.hover,
.color-alternative.inverted .checkable.horizontalBar-chart > .elements .color3.hover {
  fill: rgba(13, 169, 140, 0.35);
}
.color-alternative.inverted .checkable.bar-chart > .elements .color4.hover,
.color-alternative.inverted .checkable.horizontalBar-chart > .elements .color4.hover {
  fill: rgba(0, 133, 108, 0.35);
}
.color-alternative.inverted .checkable.bar-chart > .elements .color5.hover,
.color-alternative.inverted .checkable.horizontalBar-chart > .elements .color5.hover {
  fill: rgba(0, 82, 67, 0.35);
}
.color-rainbow .checkable.bar-chart > .elements,
.color-rainbow .checkable.horizontalBar-chart > .elements {
  fill: #1561A7;
}
.color-rainbow .checkable.bar-chart > .elements .color0.hover,
.color-rainbow .checkable.horizontalBar-chart > .elements .color0.hover {
  fill: rgba(21, 97, 167, 0.35);
}
.color-rainbow .checkable.bar-chart > .elements .color1.hover,
.color-rainbow .checkable.horizontalBar-chart > .elements .color1.hover {
  fill: rgba(254, 153, 21, 0.35);
}
.color-rainbow .checkable.bar-chart > .elements .color2.hover,
.color-rainbow .checkable.horizontalBar-chart > .elements .color2.hover {
  fill: rgba(31, 201, 170, 0.35);
}
.color-rainbow .checkable.bar-chart > .elements .color3.hover,
.color-rainbow .checkable.horizontalBar-chart > .elements .color3.hover {
  fill: rgba(102, 102, 102, 0.35);
}
.color-rainbow .checkable.bar-chart > .elements .color4.hover,
.color-rainbow .checkable.horizontalBar-chart > .elements .color4.hover {
  fill: rgba(255, 85, 85, 0.35);
}
.color-rainbow .checkable.bar-chart > .elements .color5.hover,
.color-rainbow .checkable.horizontalBar-chart > .elements .color5.hover {
  fill: rgba(0, 133, 108, 0.35);
}
.checkable.bar-chart > .elements .color0.hover.checked,
.checkable.horizontalBar-chart > .elements .color0.hover.checked {
  fill: #0f477a;
}
.checkable.bar-chart > .elements .color