.chart-gauge,
.chart-gauge2 {
  -webkit-transform: translate(25px, 10px);
  -ms-transform: translate(25px, 10px);
  transform: translate(25px, 10px);
  margin: 0;
  width: 200px;
  height: 145px; }
  .chart-gauge svg,
  .chart-gauge2 svg {
    font: 10px sans-serif; }

.chart-first {
  fill: rgba(0, 229, 0, 0.9); }

.chart-second {
  fill: rgba(255, 243, 71, 0.9); }

.chart-third {
  fill: rgba(254, 125, 10, 0.9); }

.chart-fourth {
  fill: rgba(254, 3, 2, 0.9); }

.chart-fifth {
  fill: rgba(143, 63, 149, 0.9); }

.chart-sixth {
  fill: rgba(125, 1, 34, 0.9); }

.chart-first2 {
  fill: rgba(158, 255, 159, 0.9); }

.chart-second2 {
  fill: rgba(59, 255, 45, 0.9); }

.chart-third2 {
  fill: rgba(55, 207, 36, 0.9); }

.chart-fourth2 {
  fill: rgba(255, 253, 54, 0.9); }

.chart-fifth2 {
  fill: rgba(254, 206, 46, 0.9); }

.chart-sixth2 {
  fill: rgba(254, 153, 37, 0.9); }

.chart-seven2 {
  fill: rgba(254, 99, 103, 0.9); }

.chart-eight2 {
  fill: rgba(253, 1, 26, 0.9); }

.chart-nine2 {
  fill: rgba(152, 0, 12, 0.9); }

.chart-ten2 {
  fill: rgba(205, 53, 252, 0.9); }

.needle,
.needle-center {
  fill: #333646; }

.text {
  color: "#112864";
  font-size: 12px; }