:root {
  --mrt-green: RGB(61, 205, 88);
  --mrt-green-dark: rgb(0, 149, 48);
  --mrt-green-tint: RGB(237, 249, 239);
  --mrt-accent: rgb(0, 149, 48);
  --mrt-ink: rgb(51, 51, 51);
  --mrt-grey: RGB(110, 115, 119);
  --mrt-line: RGB(226, 229, 228);
  --mrt-zebra: RGB(244, 248, 244);
  --mrt-bg: RGB(255, 255, 255);
  --radius: 4px;
  --maxcol: 820px;
  	--blue:RGB(66, 180, 230);
  	--blueDark:RGB(56, 170, 220);
  	--blue:RGB(66, 180, 230);
  	--orange:RGB(228, 127, 0);
  	--orangeDark:RGB(208, 107, 0);
  	--redviolett:RGB(177, 0, 67);
  	--redviolettDark:RGB(157, 0, 47);
}

.barchart-description {
	margin-bottom:30px;
}

.bar-chart-container .bar-track {
  background: rgb(238, 242, 245);
  border-radius: 20px;
  height: 32px;
  position: relative;
  width: 100%;
  overflow: hidden;
  margin-bottom:30px;
}
.bar-chart-container .bar-fill {
	position: relative;
  	height: 100%;
  	border-radius: 20px;
  	display: flex;
  	align-items: center;
  	padding-left: 14px;
  	color: rgb(255, 255, 255);
  	font-weight: 700;
  	font-size: 14px;
  	background: linear-gradient(90deg,var(--mrt-green),var(--mrt-green-dark));
  	width: 0;
}
.bar-chart-container .bar-fill.blue {
	background: linear-gradient(90deg,var(--blue),var(--blueDark));
}
.bar-chart-container .bar-fill.orange {
	background: linear-gradient(90deg,var(--orange),var(--orangeDark));
}
.bar-chart-container .bar-fill.redviolett {
	background: linear-gradient(90deg,var(--redviolett),var(--redviolettDark));
}
.bar-chart-container .lable-total {
	position:absolute;
	right:10px;
	top:6px;
	color:rgb(200,200,200);
}