/****************************************************************
 *
 * CSS Percentage Circle
 * Author: Andre Firchow
 *
*****************************************************************/





.rect-auto,
.sc_radius_progress_bar[data-value="51"] .slice,
.sc_radius_progress_bar[data-value="52"] .slice,
.sc_radius_progress_bar[data-value="53"] .slice,
.sc_radius_progress_bar[data-value="54"] .slice,
.sc_radius_progress_bar[data-value="55"] .slice,
.sc_radius_progress_bar[data-value="56"] .slice,
.sc_radius_progress_bar[data-value="57"] .slice,
.sc_radius_progress_bar[data-value="58"] .slice,
.sc_radius_progress_bar[data-value="59"] .slice,
.sc_radius_progress_bar[data-value="60"] .slice,
.sc_radius_progress_bar[data-value="61"] .slice,
.sc_radius_progress_bar[data-value="62"] .slice,
.sc_radius_progress_bar[data-value="63"] .slice,
.sc_radius_progress_bar[data-value="64"] .slice,
.sc_radius_progress_bar[data-value="65"] .slice,
.sc_radius_progress_bar[data-value="66"] .slice,
.sc_radius_progress_bar[data-value="67"] .slice,
.sc_radius_progress_bar[data-value="68"] .slice,
.sc_radius_progress_bar[data-value="69"] .slice,
.sc_radius_progress_bar[data-value="70"] .slice,
.sc_radius_progress_bar[data-value="71"] .slice,
.sc_radius_progress_bar[data-value="72"] .slice,
.sc_radius_progress_bar[data-value="73"] .slice,
.sc_radius_progress_bar[data-value="74"] .slice,
.sc_radius_progress_bar[data-value="75"] .slice,
.sc_radius_progress_bar[data-value="76"] .slice,
.sc_radius_progress_bar[data-value="77"] .slice,
.sc_radius_progress_bar[data-value="78"] .slice,
.sc_radius_progress_bar[data-value="79"] .slice,
.sc_radius_progress_bar[data-value="80"] .slice,
.sc_radius_progress_bar[data-value="81"] .slice,
.sc_radius_progress_bar[data-value="82"] .slice,
.sc_radius_progress_bar[data-value="83"] .slice,
.sc_radius_progress_bar[data-value="84"] .slice,
.sc_radius_progress_bar[data-value="85"] .slice,
.sc_radius_progress_bar[data-value="86"] .slice,
.sc_radius_progress_bar[data-value="87"] .slice,
.sc_radius_progress_bar[data-value="88"] .slice,
.sc_radius_progress_bar[data-value="89"] .slice,
.sc_radius_progress_bar[data-value="90"] .slice,
.sc_radius_progress_bar[data-value="91"] .slice,
.sc_radius_progress_bar[data-value="92"] .slice,
.sc_radius_progress_bar[data-value="93"] .slice,
.sc_radius_progress_bar[data-value="94"] .slice,
.sc_radius_progress_bar[data-value="95"] .slice,
.sc_radius_progress_bar[data-value="96"] .slice,
.sc_radius_progress_bar[data-value="97"] .slice,
.sc_radius_progress_bar[data-value="98"] .slice,
.sc_radius_progress_bar[data-value="99"] .slice,
.sc_radius_progress_bar[data-value="100"] .slice {
  clip: rect(auto, auto, auto, auto);
}

.pie,
.sc_radius_progress_bar .bar,
.sc_radius_progress_bar[data-value="51"] .fill,
.sc_radius_progress_bar[data-value="52"] .fill,
.sc_radius_progress_bar[data-value="53"] .fill,
.sc_radius_progress_bar[data-value="54"] .fill,
.sc_radius_progress_bar[data-value="55"] .fill,
.sc_radius_progress_bar[data-value="56"] .fill,
.sc_radius_progress_bar[data-value="57"] .fill,
.sc_radius_progress_bar[data-value="58"] .fill,
.sc_radius_progress_bar[data-value="59"] .fill,
.sc_radius_progress_bar[data-value="60"] .fill,
.sc_radius_progress_bar[data-value="61"] .fill,
.sc_radius_progress_bar[data-value="62"] .fill,
.sc_radius_progress_bar[data-value="63"] .fill,
.sc_radius_progress_bar[data-value="64"] .fill,
.sc_radius_progress_bar[data-value="65"] .fill,
.sc_radius_progress_bar[data-value="66"] .fill,
.sc_radius_progress_bar[data-value="67"] .fill,
.sc_radius_progress_bar[data-value="68"] .fill,
.sc_radius_progress_bar[data-value="69"] .fill,
.sc_radius_progress_bar[data-value="70"] .fill,
.sc_radius_progress_bar[data-value="71"] .fill,
.sc_radius_progress_bar[data-value="72"] .fill,
.sc_radius_progress_bar[data-value="73"] .fill,
.sc_radius_progress_bar[data-value="74"] .fill,
.sc_radius_progress_bar[data-value="75"] .fill,
.sc_radius_progress_bar[data-value="76"] .fill,
.sc_radius_progress_bar[data-value="77"] .fill,
.sc_radius_progress_bar[data-value="78"] .fill,
.sc_radius_progress_bar[data-value="79"] .fill,
.sc_radius_progress_bar[data-value="80"] .fill,
.sc_radius_progress_bar[data-value="81"] .fill,
.sc_radius_progress_bar[data-value="82"] .fill,
.sc_radius_progress_bar[data-value="83"] .fill,
.sc_radius_progress_bar[data-value="84"] .fill,
.sc_radius_progress_bar[data-value="85"] .fill,
.sc_radius_progress_bar[data-value="86"] .fill,
.sc_radius_progress_bar[data-value="87"] .fill,
.sc_radius_progress_bar[data-value="88"] .fill,
.sc_radius_progress_bar[data-value="89"] .fill,
.sc_radius_progress_bar[data-value="90"] .fill,
.sc_radius_progress_bar[data-value="91"] .fill,
.sc_radius_progress_bar[data-value="92"] .fill,
.sc_radius_progress_bar[data-value="93"] .fill,
.sc_radius_progress_bar[data-value="94"] .fill,
.sc_radius_progress_bar[data-value="95"] .fill,
.sc_radius_progress_bar[data-value="96"] .fill,
.sc_radius_progress_bar[data-value="97"] .fill,
.sc_radius_progress_bar[data-value="98"] .fill,
.sc_radius_progress_bar[data-value="99"] .fill,
.sc_radius_progress_bar[data-value="100"] .fill {
	position: absolute;
	border: 0.08em solid #307bbb;
	width: 0.84em;
	height: 0.84em;
	clip: rect(0em, 0.5em, 1em, 0em);
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-ms-border-radius: 50%;
	-o-border-radius: 50%;
	border-radius: 50%;
	-webkit-transform: rotate(0deg);
	-moz-transform: rotate(0deg);
	-ms-transform: rotate(0deg);
	-o-transform: rotate(0deg);
	transform: rotate(0deg);
}

.pie-fill,
.sc_radius_progress_bar[data-value="51"] .bar:after,
.sc_radius_progress_bar[data-value="51"] .fill,
.sc_radius_progress_bar[data-value="52"] .bar:after,
.sc_radius_progress_bar[data-value="52"] .fill,
.sc_radius_progress_bar[data-value="53"] .bar:after,
.sc_radius_progress_bar[data-value="53"] .fill,
.sc_radius_progress_bar[data-value="54"] .bar:after,
.sc_radius_progress_bar[data-value="54"] .fill,
.sc_radius_progress_bar[data-value="55"] .bar:after,
.sc_radius_progress_bar[data-value="55"] .fill,
.sc_radius_progress_bar[data-value="56"] .bar:after,
.sc_radius_progress_bar[data-value="56"] .fill,
.sc_radius_progress_bar[data-value="57"] .bar:after,
.sc_radius_progress_bar[data-value="57"] .fill,
.sc_radius_progress_bar[data-value="58"] .bar:after,
.sc_radius_progress_bar[data-value="58"] .fill,
.sc_radius_progress_bar[data-value="59"] .bar:after,
.sc_radius_progress_bar[data-value="59"] .fill,
.sc_radius_progress_bar[data-value="60"] .bar:after,
.sc_radius_progress_bar[data-value="60"] .fill,
.sc_radius_progress_bar[data-value="61"] .bar:after,
.sc_radius_progress_bar[data-value="61"] .fill,
.sc_radius_progress_bar[data-value="62"] .bar:after,
.sc_radius_progress_bar[data-value="62"] .fill,
.sc_radius_progress_bar[data-value="63"] .bar:after,
.sc_radius_progress_bar[data-value="63"] .fill,
.sc_radius_progress_bar[data-value="64"] .bar:after,
.sc_radius_progress_bar[data-value="64"] .fill,
.sc_radius_progress_bar[data-value="65"] .bar:after,
.sc_radius_progress_bar[data-value="65"] .fill,
.sc_radius_progress_bar[data-value="66"] .bar:after,
.sc_radius_progress_bar[data-value="66"] .fill,
.sc_radius_progress_bar[data-value="67"] .bar:after,
.sc_radius_progress_bar[data-value="67"] .fill,
.sc_radius_progress_bar[data-value="68"] .bar:after,
.sc_radius_progress_bar[data-value="68"] .fill,
.sc_radius_progress_bar[data-value="69"] .bar:after,
.sc_radius_progress_bar[data-value="69"] .fill,
.sc_radius_progress_bar[data-value="70"] .bar:after,
.sc_radius_progress_bar[data-value="70"] .fill,
.sc_radius_progress_bar[data-value="71"] .bar:after,
.sc_radius_progress_bar[data-value="71"] .fill,
.sc_radius_progress_bar[data-value="72"] .bar:after,
.sc_radius_progress_bar[data-value="72"] .fill,
.sc_radius_progress_bar[data-value="73"] .bar:after,
.sc_radius_progress_bar[data-value="73"] .fill,
.sc_radius_progress_bar[data-value="74"] .bar:after,
.sc_radius_progress_bar[data-value="74"] .fill,
.sc_radius_progress_bar[data-value="75"] .bar:after,
.sc_radius_progress_bar[data-value="75"] .fill,
.sc_radius_progress_bar[data-value="76"] .bar:after,
.sc_radius_progress_bar[data-value="76"] .fill,
.sc_radius_progress_bar[data-value="77"] .bar:after,
.sc_radius_progress_bar[data-value="77"] .fill,
.sc_radius_progress_bar[data-value="78"] .bar:after,
.sc_radius_progress_bar[data-value="78"] .fill,
.sc_radius_progress_bar[data-value="79"] .bar:after,
.sc_radius_progress_bar[data-value="79"] .fill,
.sc_radius_progress_bar[data-value="80"] .bar:after,
.sc_radius_progress_bar[data-value="80"] .fill,
.sc_radius_progress_bar[data-value="81"] .bar:after,
.sc_radius_progress_bar[data-value="81"] .fill,
.sc_radius_progress_bar[data-value="82"] .bar:after,
.sc_radius_progress_bar[data-value="82"] .fill,
.sc_radius_progress_bar[data-value="83"] .bar:after,
.sc_radius_progress_bar[data-value="83"] .fill,
.sc_radius_progress_bar[data-value="84"] .bar:after,
.sc_radius_progress_bar[data-value="84"] .fill,
.sc_radius_progress_bar[data-value="85"] .bar:after,
.sc_radius_progress_bar[data-value="85"] .fill,
.sc_radius_progress_bar[data-value="86"] .bar:after,
.sc_radius_progress_bar[data-value="86"] .fill,
.sc_radius_progress_bar[data-value="87"] .bar:after,
.sc_radius_progress_bar[data-value="87"] .fill,
.sc_radius_progress_bar[data-value="88"] .bar:after,
.sc_radius_progress_bar[data-value="88"] .fill,
.sc_radius_progress_bar[data-value="89"] .bar:after,
.sc_radius_progress_bar[data-value="89"] .fill,
.sc_radius_progress_bar[data-value="90"] .bar:after,
.sc_radius_progress_bar[data-value="90"] .fill,
.sc_radius_progress_bar[data-value="91"] .bar:after,
.sc_radius_progress_bar[data-value="91"] .fill,
.sc_radius_progress_bar[data-value="92"] .bar:after,
.sc_radius_progress_bar[data-value="92"] .fill,
.sc_radius_progress_bar[data-value="93"] .bar:after,
.sc_radius_progress_bar[data-value="93"] .fill,
.sc_radius_progress_bar[data-value="94"] .bar:after,
.sc_radius_progress_bar[data-value="94"] .fill,
.sc_radius_progress_bar[data-value="95"] .bar:after,
.sc_radius_progress_bar[data-value="95"] .fill,
.sc_radius_progress_bar[data-value="96"] .bar:after,
.sc_radius_progress_bar[data-value="96"] .fill,
.sc_radius_progress_bar[data-value="97"] .bar:after,
.sc_radius_progress_bar[data-value="97"] .fill,
.sc_radius_progress_bar[data-value="98"] .bar:after,
.sc_radius_progress_bar[data-value="98"] .fill,
.sc_radius_progress_bar[data-value="99"] .bar:after,
.sc_radius_progress_bar[data-value="99"] .fill,
.sc_radius_progress_bar[data-value="100"] .bar:after,
.sc_radius_progress_bar[data-value="100"] .fill {transform: rotate(180deg);}

.sc_radius_progress_bar {
  position: relative;
  font-size: 120px;
  width: 1em;
  height: 1em;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
  margin: 0 0.1em 0.1em 0;
  background-color: #cccccc;
  margin:0px auto;
}
.sc_radius_progress_bar *, .sc_radius_progress_bar *:before, .sc_radius_progress_bar *:after {
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}
.sc_radius_progress_bar.center {
  float: none;
  margin: 0 auto;
}
.sc_radius_progress_bar.big {
  font-size: 240px;
}
.sc_radius_progress_bar.small {
  font-size: 80px;
}
.sc_radius_progress_bar:before {
  content : "(" attr(data-value) "%)";
  position: absolute;
  width: 100%;
  z-index: 1;
  left: 0;
  top: 0;
  width: 5em;
  line-height: 5em;
  font-size: 0.2em;
  color: #cccccc;
  display: block;
  text-align: center;
  white-space: nowrap;
  -webkit-transition-property: all;
  -moz-transition-property: all;
  -o-transition-property: all;
  transition-property: all;
  -webkit-transition-duration: 0.2s;
  -moz-transition-duration: 0.2s;
  -o-transition-duration: 0.2s;
  transition-duration: 0.2s;
  -webkit-transition-timing-function: ease-out;
  -moz-transition-timing-function: ease-out;
  -o-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
  
  box-sizing: content-box;
}
.sc_radius_progress_bar:after {
  position: absolute;
  top: 0.08em;
  left: 0.08em;
  display: block;
  content: " ";
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
  background-color: whitesmoke;
  width: 0.84em;
  height: 0.84em;
  -webkit-transition-property: all;
  -moz-transition-property: all;
  -o-transition-property: all;
  transition-property: all;
  -webkit-transition-duration: 0.2s;
  -moz-transition-duration: 0.2s;
  -o-transition-duration: 0.2s;
  transition-duration: 0.2s;
  -webkit-transition-timing-function: ease-in;
  -moz-transition-timing-function: ease-in;
  -o-transition-timing-function: ease-in;
  transition-timing-function: ease-in;
}
.sc_radius_progress_bar .slice {
  position: absolute;
  width: 1em;
  height: 1em;
  clip: rect(0em, 1em, 1em, 0.5em);
}


.sc_radius_progress_bar[data-value="1"] .bar {transform: rotate(3.6deg);}
.sc_radius_progress_bar[data-value="2"] .bar {transform: rotate(7.2deg);}
.sc_radius_progress_bar[data-value="3"] .bar {transform: rotate(10.8deg);}
.sc_radius_progress_bar[data-value="4"] .bar {transform: rotate(14.4deg);}
.sc_radius_progress_bar[data-value="5"] .bar {transform: rotate(18deg);}
.sc_radius_progress_bar[data-value="6"] .bar {transform: rotate(21.6deg);}
.sc_radius_progress_bar[data-value="7"] .bar {transform: rotate(25.2deg);}
.sc_radius_progress_bar[data-value="8"] .bar {transform: rotate(28.8deg);}
.sc_radius_progress_bar[data-value="9"] .bar {transform: rotate(32.4deg);}
.sc_radius_progress_bar[data-value="10"] .bar {transform: rotate(36deg);}
.sc_radius_progress_bar[data-value="11"] .bar {transform: rotate(39.6deg);}
.sc_radius_progress_bar[data-value="12"] .bar {transform: rotate(43.2deg);}
.sc_radius_progress_bar[data-value="13"] .bar {transform: rotate(46.8deg);}
.sc_radius_progress_bar[data-value="14"] .bar {transform: rotate(50.4deg);}
.sc_radius_progress_bar[data-value="15"] .bar {transform: rotate(54deg);}
.sc_radius_progress_bar[data-value="16"] .bar {transform: rotate(57.6deg);}
.sc_radius_progress_bar[data-value="17"] .bar {transform: rotate(61.2deg);}
.sc_radius_progress_bar[data-value="18"] .bar {transform: rotate(64.8deg);}
.sc_radius_progress_bar[data-value="19"] .bar {transform: rotate(68.4deg);}
.sc_radius_progress_bar[data-value="20"] .bar {transform: rotate(72deg);}
.sc_radius_progress_bar[data-value="21"] .bar {transform: rotate(75.6deg);}
.sc_radius_progress_bar[data-value="22"] .bar {transform: rotate(79.2deg);}
.sc_radius_progress_bar[data-value="23"] .bar {transform: rotate(82.8deg);}
.sc_radius_progress_bar[data-value="24"] .bar {transform: rotate(86.4deg);}
.sc_radius_progress_bar[data-value="25"] .bar {transform: rotate(90deg);}
.sc_radius_progress_bar[data-value="26"] .bar {transform: rotate(93.6deg);}
.sc_radius_progress_bar[data-value="27"] .bar {transform: rotate(97.2deg);}
.sc_radius_progress_bar[data-value="28"] .bar {transform: rotate(100.8deg);}
.sc_radius_progress_bar[data-value="29"] .bar {transform: rotate(104.4deg);}
.sc_radius_progress_bar[data-value="30"] .bar {transform: rotate(108deg);}
.sc_radius_progress_bar[data-value="31"] .bar {transform: rotate(111.6deg);}
.sc_radius_progress_bar[data-value="32"] .bar {transform: rotate(115.2deg);}
.sc_radius_progress_bar[data-value="33"] .bar {transform: rotate(118.8deg);}
.sc_radius_progress_bar[data-value="34"] .bar {transform: rotate(122.4deg);}
.sc_radius_progress_bar[data-value="35"] .bar {transform: rotate(126deg);}
.sc_radius_progress_bar[data-value="36"] .bar {transform: rotate(129.6deg);}
.sc_radius_progress_bar[data-value="37"] .bar {transform: rotate(133.2deg);}
.sc_radius_progress_bar[data-value="38"] .bar {transform: rotate(136.8deg);}
.sc_radius_progress_bar[data-value="39"] .bar {transform: rotate(140.4deg);}
.sc_radius_progress_bar[data-value="40"] .bar {transform: rotate(144deg);}
.sc_radius_progress_bar[data-value="41"] .bar {transform: rotate(147.6deg);}
.sc_radius_progress_bar[data-value="42"] .bar {transform: rotate(151.2deg);}
.sc_radius_progress_bar[data-value="43"] .bar {transform: rotate(154.8deg);}
.sc_radius_progress_bar[data-value="44"] .bar {transform: rotate(158.4deg);}
.sc_radius_progress_bar[data-value="45"] .bar {transform: rotate(162deg);}
.sc_radius_progress_bar[data-value="46"] .bar {transform: rotate(165.6deg);}
.sc_radius_progress_bar[data-value="47"] .bar {transform: rotate(169.2deg);}
.sc_radius_progress_bar[data-value="48"] .bar {transform: rotate(172.8deg);}
.sc_radius_progress_bar[data-value="49"] .bar {transform: rotate(176.4deg);}
.sc_radius_progress_bar[data-value="50"] .bar {transform: rotate(180deg);}
.sc_radius_progress_bar[data-value="51"] .bar {transform: rotate(183.6deg);}
.sc_radius_progress_bar[data-value="52"] .bar {transform: rotate(187.2deg);}
.sc_radius_progress_bar[data-value="53"] .bar {transform: rotate(190.8deg);}
.sc_radius_progress_bar[data-value="54"] .bar {transform: rotate(194.4deg);}
.sc_radius_progress_bar[data-value="55"] .bar {transform: rotate(198deg);}
.sc_radius_progress_bar[data-value="56"] .bar {transform: rotate(201.6deg);}
.sc_radius_progress_bar[data-value="57"] .bar {transform: rotate(205.2deg);}
.sc_radius_progress_bar[data-value="58"] .bar {transform: rotate(208.8deg);}
.sc_radius_progress_bar[data-value="59"] .bar {transform: rotate(212.4deg);}
.sc_radius_progress_bar[data-value="60"] .bar {transform: rotate(216deg);}
.sc_radius_progress_bar[data-value="61"] .bar {transform: rotate(219.6deg);}
.sc_radius_progress_bar[data-value="62"] .bar {transform: rotate(223.2deg);}
.sc_radius_progress_bar[data-value="63"] .bar {transform: rotate(226.8deg);}
.sc_radius_progress_bar[data-value="64"] .bar {transform: rotate(230.4deg);}
.sc_radius_progress_bar[data-value="65"] .bar {transform: rotate(234deg);}
.sc_radius_progress_bar[data-value="66"] .bar {transform: rotate(237.6deg);}
.sc_radius_progress_bar[data-value="67"] .bar {transform: rotate(241.2deg);}
.sc_radius_progress_bar[data-value="68"] .bar {transform: rotate(244.8deg);}
.sc_radius_progress_bar[data-value="69"] .bar {transform: rotate(248.4deg);}
.sc_radius_progress_bar[data-value="70"] .bar {transform: rotate(252deg);}
.sc_radius_progress_bar[data-value="71"] .bar {transform: rotate(255.6deg);}
.sc_radius_progress_bar[data-value="72"] .bar {transform: rotate(259.2deg);}
.sc_radius_progress_bar[data-value="73"] .bar {transform: rotate(262.8deg);}
.sc_radius_progress_bar[data-value="74"] .bar {transform: rotate(266.4deg);}
.sc_radius_progress_bar[data-value="75"] .bar {transform: rotate(270deg);}
.sc_radius_progress_bar[data-value="76"] .bar {transform: rotate(273.6deg);}
.sc_radius_progress_bar[data-value="77"] .bar {transform: rotate(277.2deg);}
.sc_radius_progress_bar[data-value="78"] .bar {transform: rotate(280.8deg);}
.sc_radius_progress_bar[data-value="79"] .bar {transform: rotate(284.4deg);}
.sc_radius_progress_bar[data-value="80"] .bar {transform: rotate(288deg);}
.sc_radius_progress_bar[data-value="81"] .bar {transform: rotate(291.6deg);}
.sc_radius_progress_bar[data-value="82"] .bar {transform: rotate(295.2deg);}
.sc_radius_progress_bar[data-value="83"] .bar {transform: rotate(298.8deg);}
.sc_radius_progress_bar[data-value="84"] .bar {transform: rotate(302.4deg);}
.sc_radius_progress_bar[data-value="85"] .bar {transform: rotate(306deg);}
.sc_radius_progress_bar[data-value="86"] .bar {transform: rotate(309.6deg);}
.sc_radius_progress_bar[data-value="87"] .bar {transform: rotate(313.2deg);}
.sc_radius_progress_bar[data-value="88"] .bar {transform: rotate(316.8deg);}
.sc_radius_progress_bar[data-value="89"] .bar {transform: rotate(320.4deg);}
.sc_radius_progress_bar[data-value="90"] .bar {transform: rotate(324deg);}
.sc_radius_progress_bar[data-value="91"] .bar {transform: rotate(327.6deg);}
.sc_radius_progress_bar[data-value="92"] .bar {transform: rotate(331.2deg);}
.sc_radius_progress_bar[data-value="93"] .bar {transform: rotate(334.8deg);}
.sc_radius_progress_bar[data-value="94"] .bar {transform: rotate(338.4deg);}
.sc_radius_progress_bar[data-value="95"] .bar {transform: rotate(342deg);}
.sc_radius_progress_bar[data-value="96"] .bar {transform: rotate(345.6deg);}
.sc_radius_progress_bar[data-value="97"] .bar {transform: rotate(349.2deg);}
.sc_radius_progress_bar[data-value="98"] .bar {transform: rotate(352.8deg);}
.sc_radius_progress_bar[data-value="99"] .bar {transform: rotate(356.4deg);}
.sc_radius_progress_bar[data-value="100"] .bar {transform: rotate(360deg);}

.sc_radius_progress_bar:hover {
  cursor: default;
}
.sc_radius_progress_bar:hover > span {
  width: 3.33em;
  line-height: 3.33em;
  font-size: 0.3em;
  color: #307bbb;
}
.sc_radius_progress_bar:hover:after {
  top: 0.04em;
  left: 0.04em;
  width: 0.92em;
  height: 0.92em;
}
.sc_radius_progress_bar.dark {
  background-color: #777777;
}
.sc_radius_progress_bar.dark .bar,
.sc_radius_progress_bar.dark .fill {
  border-color: #c6ff00 !important;
}
.sc_radius_progress_bar.dark > span {
  color: #777777;
}
.sc_radius_progress_bar.dark:after {
  background-color: #666666;
}
.sc_radius_progress_bar.dark:hover > span {
  color: #c6ff00;
}
.sc_radius_progress_bar.green .bar, .sc_radius_progress_bar.green .fill {
  border-color: #4db53c !important;
}
.sc_radius_progress_bar.green:hover > span {
  color: #4db53c;
}
.sc_radius_progress_bar.green.dark .bar, .sc_radius_progress_bar.green.dark .fill {
  border-color: #5fd400 !important;
}
.sc_radius_progress_bar.green.dark:hover > span {
  color: #5fd400;
}
.sc_radius_progress_bar.orange .bar, .sc_radius_progress_bar.orange .fill {
  border-color: #dd9d22 !important;
}
.sc_radius_progress_bar.orange:hover > span {
  color: #dd9d22;
}
.sc_radius_progress_bar.orange.dark .bar, .sc_radius_progress_bar.orange.dark .fill {
  border-color: #e08833 !important;
}
.sc_radius_progress_bar.orange.dark:hover > span {
  color: #e08833;
}