svg.chartie text {
  font-family: var(--font-family-aktiv);
  font-size: 13px;
  -moz-osx-font-smoothing: grayscale;
}

/*bar*/
svg.chartie-bar .g-labels-item,
svg.chartie-bar .g-bars-item {
  cursor: pointer;
}
svg.chartie-bar .o-grid-line {
  stroke: #e1e1e1;
  fill: none;
  shape-rendering: crispEdges;
}
svg.chartie-bar .o-grid-avg-line {
  stroke: #ccc;
  stroke-dasharray: 1, 3;
}
svg.chartie-bar .o-grid-avg-value {
  fill: #ccc;
}
svg.chartie-bar .o-labels-item-value,
svg.chartie-bar .o-bars-item-rect {
  fill: #7eb332;
  font-size: 20px;
}
svg.chartie-bar .o-labels-item-value {
  font-size: 18px;
}
svg.chartie-bar.chartie-bar-small-values .o-labels-item-value {
  font-size: 10px;
}
svg.chartie-bar .o-labels-item-title {
  font-size: 11px;
  fill: #666666;
  font-weight: bold;
}
svg.chartie-bar-small-labels .o-labels-item-title {
  font-size: 8px;
}
svg.chartie-bar .g-labels-item.active .o-labels-item-title,
svg.chartie-bar .g-labels-item.active .o-labels-item-value,
svg.chartie-bar .g-bars-item.active .o-bars-item-rect {
  fill: #b5b5b5;
}

/*meter*/
svg.chartie-meter .o-bars-item-bg {
  fill: #c7c8ca;
}
svg.chartie-meter .o-bars-item-fg,
svg.chartie-meter .o-symbols-item {
  fill: rgb(126, 178, 65);
}
svg.chartie-meter .o-value-text {
  font-size: 25px;
  font-weight: bold;
  font-family: Arial, sans-serif;
  fill: #818285;
}

/*meter-small*/
svg.chartie-meter-small .o-bars-item-bg {
  fill: #e0e0e0;
}
svg.chartie-meter-small .o-bars-item-fg,
svg.chartie-meter-small .o-symbols-item {
  fill: #34a3d7;
}
svg.chartie-meter-small .o-value-text {
  font-family: Arial, sans-serif;
  font-size: 13px;
  fill: #7c7c7c;
}

/*double*/
svg.chartie-double .o-labels-item-text {
  font-size: 11px;
}
svg.chartie-double .o-content-grid-line {
  stroke: #a0c55a;
  shape-rendering: crispEdges;
}
svg.chartie-double .g-content-bars-item {
  cursor: pointer;
}
svg.chartie-double .o-content-bars-item-rect {
  fill: #a0c55a;
}
svg.chartie-double .g-content-bars-item:hover .o-content-bars-item-rect {
  fill: #b0c56a;
}
svg.chartie-double .o-content-bars-item-text {
  fill: #a0c55a;
  font-size: 13px;
}

/*advdonut*/
svg.chartie-advdonut .o-circle-path {
  fill: none;
  stroke: #ccd1d8;
}
svg.chartie-advdonut .g-bars-item {
  stroke: white;
}
svg.chartie-advdonut .o-labels-item-value,
svg.chartie-advdonut .o-labels-item-title {
  font-family: 'Arial', sans-serif;
  font-weight: bold;
  fill: #ccd1d8;
}
svg.chartie-advdonut .o-labels-item-value {
  font-size: 24px;
}
svg.chartie-advdonut.chartie-advdonut-track .o-labels-item-value {
  font-size: 12px;
}
svg.chartie-advdonut .o-labels-item-title {
  font-size: 12px;
}
svg.chartie-advdonut.chartie-advdonut-track .o-labels-item-title {
  font-size: 11px;
  font-weight: normal;
}
svg.chartie-advdonut .g-labels-item.active .o-labels-item-value,
svg.chartie-advdonut .g-labels-item.active .o-labels-item-title {
  fill: rgb(124, 124, 124);
}

/*donut*/
svg.chartie-donut .arcs .item,
svg.chartie-donut .scroll,
svg.chartie-donut .legend .item {
  cursor: pointer;
}
svg.chartie-donut .arcs .item .arc {
  stroke: white;
}
svg.chartie-donut .legend .item rect {
  shape-rendering: crispEdges;
}
svg.chartie-donut .tltp rect {
  fill: white;
  opacity: 0.8;
}
svg.chartie-donut .allocate-value {
  font-size: 20px;
}

/*line*/
svg.chartie-line text {
  font-size: 9px;
}
svg.chartie-line .g-axes path,
svg.chartie-line .g-axes line {
  fill: none;
  stroke: grey;
  shape-rendering: crispEdges;
}
svg.chartie-line .g-axes-y path.domain {
  stroke: none;
}
svg.chartie-line .o-lines-item-path {
  fill: none;
  stroke-width: 2px;
}

/*Plan Chart*/
svg.chartie.chartie-plan * {
  font-family: var(--font-family-aktiv);
}

svg.chartie.chartie-plan .o-left-value,
svg.chartie.chartie-plan .o-right-value {
  fill: #fff;
  font-size: 35px;
  text-shadow: rgba(0, 0, 0, 0.4) 0px 0px 10px;
}
svg.chartie.chartie-plan .o-left-value {
  text-anchor: end;
}
svg.chartie.chartie-plan .o-right-value {
  text-anchor: start;
}
svg.chartie.chartie-plan .o-popover .x-axis-line {
  stroke: rgb(0, 165, 221);
  stroke-dasharray: 3px, 3px;
  opacity: 0.5;
}
svg.chartie.chartie-plan .o-popover .o-currentPoint {
  fill: #00a5dd;
  stroke-width: 2;
  stroke: #ffffff;
}
svg.chartie.chartie-plan .o-popover .o-chart-popover {
  fill: #fff;
}
svg.chartie.chartie-plan .o-popover .o-popOverBackground {
  fill: #00a5dd;
}
svg.chartie.chartie-plan .o-popover .o-y1 {
  font-size: 13px;
}
svg.chartie.chartie-plan .o-popover .o-y2 {
  font-size: 11px;
}
svg.chartie.chartie-plan .o-hover-listener {
  fill: none;
  pointer-events: all;
}
svg.chartie.chartie-plan .x-axis-block-hover rect {
  fill: #00a5dd;
}
svg.chartie.chartie-plan .x-axis-block-hover text {
  font-size: 12px;
  fill: #fff;
  text-anchor: middle;
}
svg.chartie.chartie-plan .o-xaxis-line-bg {
  fill: #364f88;
}
svg.chartie.chartie-plan .o-line-divider-ver {
  stroke: #ffffff;
}
svg.chartie.chartie-plan .o-line-divider-hor {
  stroke: #ffffff;
  stroke-width: 2;
}
svg.chartie.chartie-plan .o-area.left {
  stroke-width: 0;
  fill: #b3d986;
}
svg.chartie.chartie-plan .o-area.right {
  stroke-width: 0;
  fill: #a9c6e4;
}
svg.chartie.chartie-plan .g-axes .o-axis.x text {
  font-size: 12px;
  fill: #fff;
}
svg.chartie.chartie-plan .g-axes .o-axis.y {
  fill: #7c8cb2;
  font-size: 12px;
}
svg.chartie.chartie-plan .g-axes .o-axis.y path,
svg.chartie.chartie-plan .g-axes .o-axis.y line {
  fill: none;
  stroke: grey;
  stroke-width: 1;
  shape-rendering: crispEdges;
}