.donut-svg .bg {
  fill: #FFFFFF;
}

.eexi-svg {
  /*.axis-x {
      .tick {
          opacity: 0;
      }
  }*/
}
.eexi-svg .phase {
  font-size: 12px;
  fill: #000000;
  opacity: 0;
}
.eexi-svg .phase.current {
  opacity: 1;
}
.eexi-svg .required-label {
  text-anchor: middle;
  fill: transparent;
  font-weight: bold;
}
.eexi-svg .required-label.current {
  fill: #000000;
}
.eexi-svg .attained-label {
  text-anchor: start;
  fill: #ED7D31;
  font-weight: bold;
}
.eexi-svg .optimal-label {
  text-anchor: end;
  fill: #3BB143;
  font-weight: bold;
}
.eexi-svg .bar {
  fill: #4472C4;
  transition: fill linear 0.5s 0.5s;
  opacity: 0;
}
.eexi-svg .bar.below {
  fill: #E01717;
}
.eexi-svg .bar.current {
  opacity: 1;
}
.eexi-svg .attained-line {
  stroke-width: 5px;
  stroke: #ED7D31;
}
.eexi-svg .optimal-line {
  stroke-width: 5px;
  stroke: #3BB143;
}