@import "../../../../styles/colors";

.csi-circle-container {
  position: relative;
  display: inline-block;
}

.csi-circle-text-container {
  position: absolute;
  display: inline-block;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  text-align: center;
}

.csi-value-text {
  font-weight: bold;
  color: #000000;
}

.csi-value-description {
  color: #333333;
}

.not-available {
  color: $color-text-medium;
}
.good{
  color: #00bd58;
}
.okay{
  color: #ffa605;
}
.bad{
  color: #fe1d1d;
}

@import "../../../../styles/colors";

.csi-circle-container {
  position: relative;
  display: inline-block;
}

.csi-circle-text-container {
  position: absolute;
  display: inline-block;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  text-align: center;
}

.csi-value-text {
  font-weight: bold;
  color: $color-text-normal;
}

.csi-value-description {
  color: $color-text-medium;
}

.not-available {
  color: $color-text-medium;
}

.good{
  color: $color-good;
}

.okay{
  color: $color-warning;
}

.bad{
  color: $color-error;
}

Use scss color variables in csi circles instead of plain definitions
[IT-2237] Use scss color variables in csi circles instead of plain definitions
