.echart-qcm-evolution {
	min-height: 12.5rem;
}

.upmed-bgcolor-parent {
	background-color: inherit;
}

@media (min-width: 576px) {
	/* sm size: 576px */
	.upmed-osm-border {
		border-right: 1px solid;
	}

	.upmed-osm-ps {
		padding-left: 1rem;
	}
}

@media (max-width: 576px) {
	/* sm size: 576px */
	.upmed-usm-pb-4 {
		padding-bottom: 1.8rem;
	}

	.upmed-sm-w75 {
		width: 100%;
	}
}

.upmed-smooth-appear {
	opacity: 0;
	-webkit-transition: opacity 500ms ease-in-out;
	-moz-transition: opacity 500ms ease-in-out;
	-ms-transition: opacity 500ms ease-in-out;
	-o-transition: opacity 500ms ease-in-out;
	transition: opacity 500ms ease-in-out;
}

	.upmed-smooth-appear.upmed-fadein {
		opacity: 1;
	}

.card {
	box-shadow: none;
	border: 1px solid #dfe2eb;
}

.dark .card {
	box-shadow: none;
	border: 1px solid rgba(55, 62, 83, 0.78);
}

.navbar-top {
	min-height: 0px !important;
}

.navbar-toggler-humburger-icon:hover, .navbar-toggler-humburger-icon:focus {
	background-color: var(--falcon-1100);
}
/*
@-webkit-keyframes strokeAnimation {
	to {
		stroke-dashoffset: calc(340px - 267px * var(--falcon-circle-progress-bar) / 100);
	}
}

@keyframes strokeAnimation {
	to {
		stroke-dashoffset: calc(340px - 267px * var(--falcon-circle-progress-bar) / 100);
	}
}


.progress {
	--falcon-progressbar-width: 100%;
}

.animated-progress-bar {
	width: var(--falcon-progressbar-width);
	-webkit-animation: widthAnimation 1s;
	animation: widthAnimation 1s;
}

@-webkit-keyframes widthAnimation {
	0% {
		width: 0%;
	}

	100% {
		width: var(--falcon-progressbar-width);
	}
}

@keyframes widthAnimation {
	0% {
		width: 0%;
	}

	100% {
		width: var(--falcon-progressbar-width);
	}
}

.circle-progress-svg {
	-webkit-transform: rotate(130deg);
	-ms-transform: rotate(130deg);
	transform: rotate(130deg);
}

[dir=rtl] .circle-progress-svg {
	-webkit-transform: rotate(-130deg);
	-ms-transform: rotate(-130deg);
	transform: rotate(-130deg);
}

.circle-progress-svg .progress-bar-rail {
	stroke-dasharray: 340px;
	stroke-dashoffset: 72;
	stroke: var(--falcon-gray-200);
}

.circle-progress-svg .progress-bar-top {
	stroke-dasharray: 340px;
	stroke-dashoffset: 340;
	-webkit-animation: strokeAnimation 1s ease-in-out forwards;
	animation: strokeAnimation 1s ease-in-out forwards;
}*/

/* Stroke animation shared by circle & line.
   Set the final dashoffset to:
   340 - (340 - min-gap) * progress%
   For circles, min-gap ≈ 72px (keeps the "almost full" arc).
   For lines, we override min-gap to 0px to fill to 100%. */
@-webkit-keyframes strokeAnimation {
  to {
    stroke-dashoffset: calc(340px - (340px - var(--falcon-progress-min-gap, 72px)) * var(--falcon-circle-progress-bar) / 100);
  }
}
@keyframes strokeAnimation {
  to {
    stroke-dashoffset: calc(340px - (340px - var(--falcon-progress-min-gap, 72px)) * var(--falcon-circle-progress-bar) / 100);
  }
}

/* Existing width animation (unchanged) */
.progress {
  --falcon-progressbar-width: 100%;
}
.animated-progress-bar {
  width: var(--falcon-progressbar-width);
  -webkit-animation: widthAnimation 1s;
  animation: widthAnimation 1s;
}
@-webkit-keyframes widthAnimation {
  0% { width: 0%; }
  100% { width: var(--falcon-progressbar-width); }
}
@keyframes widthAnimation {
  0% { width: 0%; }
  100% { width: var(--falcon-progressbar-width); }
}

/* Base SVG container shared by both variants */
.circle-progress-svg {
  /* default "min gap" for circles; the line variant will override to 0 */
  --falcon-progress-min-gap: 72px;
}

/* Circle variant: keep your 130° rotation */
.circle-progress-svg.circle {
  -webkit-transform: rotate(130deg);
  -ms-transform: rotate(130deg);
  transform: rotate(130deg);
}
[dir=rtl] .circle-progress-svg.circle {
  -webkit-transform: rotate(-130deg);
  -ms-transform: rotate(-130deg);
  transform: rotate(-130deg);
}

/* Line variant: no rotation + full fill (min-gap = 0) */
.circle-progress-svg.line {
  --falcon-progress-min-gap: 0px;
  -webkit-transform: none;
  -ms-transform: none;
  transform: none;
}
/* Optional: flip growth direction in RTL for the line */
[dir=rtl] .circle-progress-svg.line {
  -webkit-transform: scaleX(-1);
  -ms-transform: scaleX(-1);
  transform: scaleX(-1);
}

/* Shared stroke styling */
.circle-progress-svg .progress-bar-rail {
  stroke-dasharray: 340px;
  stroke-dashoffset: var(--falcon-progress-min-gap, 72px);
  stroke: var(--falcon-gray-200);
}
.circle-progress-svg .progress-bar-top {
  stroke-dasharray: 340px;
  stroke-dashoffset: 340;
  -webkit-animation: strokeAnimation 1s ease-in-out forwards;
  animation: strokeAnimation 1s ease-in-out forwards;
}