p{
	text-align: justify;
}
li{
	text-align: justify;
}
a{
	font-style: normal !important;
	color: #27397d !important;
  word-break: break-all;
}
main {
    padding-top: 60px !important;
    padding-bottom: 100px !important;
}
h1, h2, h3{
	color: #f77314;
}
.csl-entry {
    word-break: break-all;
}
.jatsParser__container {
  margin-top: 0px;
  margin-bottom: 100px;
  margin-left: auto;
  margin-right: auto;
}
.btn-primary {
    background-color: #f77314;
    border: 1px solid #f77314;
    font-weight: 600;
    color: #fff !important;
    border-radius: 20px;
}

.btn-primary:hover,.btn-primary:not(:disabled):not(.disabled).active,.btn-primary:not(:disabled):not(.disabled):active,.show>.btn-primary.dropdown-toggle {
    background-color: #fff !important;
    border: 1px solid #f77314 !important;
    color: #000 !important;
}
.btn-secondary {
    background-color: #f77314;
    border: 1px solid #f77314;
    font-weight: 600;
    color: #fff !important;
    border-radius: 20px;
}

.btn-secondary:hover,.btn-secondary:not(:disabled):not(.disabled).active,.btn-secondary:not(:disabled):not(.disabled):active,.show>.btn-secondary.dropdown-toggle {
    background-color: #fff !important;
    border: 1px solid #f77314 !important;
    color: #000 !important;
}
.jatsParser__navbar-items a.active:before {
    background-color: #f77314;
    color: #b8eff3;
    border: 1px solid #f77314;
}
.galleys_links a {
    display: block;
    padding: 4px 15px;
    font-style: normal;
    font-size: smaller;
    border: 1px solid #f77314;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out;
    background: #f77314;
    color: #fff !important;
    border-radius: 15px;
}

.galleys_links a:hover {
    border: 1px solid #f77314;
    color: #000 !important;
    background-color: #fff;
}
.jatsParser__meta {
  margin-top: 0px;
  margin-bottom: 75px;
}
.jatsParser__meta-row {
  display: flex;
  flex-wrap: wrap;
  margin: 0px 15px 50px;
  justify-content: space-between;
  border: 1px solid #ddd;
  padding-top: 10px;
  padding-bottom: 10px;
  background-color: #fcfcfc;
}
.navigation_wrapper {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    border-left: none !important;
}
.issues_archive {
  list-style-type: none;
  padding-left: 0;
  display: block !important;
}
.obj_issue_summary img {
  max-width: 200px !important;
}
.issues_archive li {
  max-width: 100% !important;
}
/*chart open*/
.box {
  padding: 10px 20px;
  display: inline-block;
  box-shadow: 0px 0px 1px 1px rgba(0, 0, 0, 0.2);
  border-radius: 10px;
  margin-right: 20px;
  vertical-align: top;
}

* {
  box-sizing: border-box;
}

.pie {
  width: 200px;
  height: 200px;
  position: relative;
}

.slice {
  clip-path: polygon(50% 0%, 50% 100%, 100% 100%, 100% 0%);
  position: absolute;
  border-radius: 50%;
  width: 100%;
  height: 100%;
}

.slice-fill {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  background: #0099ff;
  clip-path: polygon(50% 0%, 50% 100%, 0% 100%, 0% 0%);
  position: absolute;
  z-index: 2;
}

.bg-fill {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  background: #0099ff;
  position: absolute;
  display: none;
  z-index: 1;
  clip-path: polygon(50% 0%, 50% 100%, 0% 100%, 0% 0%);
  transform: rotate(180deg);
}

.legend {
  position: absolute;
  margin-left: 20px;
  left: 100%;
  width: 200px;
  list-style: none;
  padding: 0;
}

.legend li {
  margin: 10px;
}

.legend li:before {
  width: 10px;
  height: 10px;
  content: "";
  display: inline-block;
  margin-right: 5px;
}

.slice[data-value="1"] .slice-fill {
  transform: rotate(3.6deg);
}

.slice[data-start="1"] {
  transform: rotate(3.6deg);
}

.slice[data-value="2"] .slice-fill {
  transform: rotate(7.2deg);
}

.slice[data-start="2"] {
  transform: rotate(7.2deg);
}

.slice[data-value="3"] .slice-fill {
  transform: rotate(10.8deg);
}

.slice[data-start="3"] {
  transform: rotate(10.8deg);
}

.slice[data-value="4"] .slice-fill {
  transform: rotate(14.4deg);
}

.slice[data-start="4"] {
  transform: rotate(14.4deg);
}

.slice[data-value="5"] .slice-fill {
  transform: rotate(18deg);
}

.slice[data-start="5"] {
  transform: rotate(18deg);
}

.slice[data-value="6"] .slice-fill {
  transform: rotate(21.6deg);
}

.slice[data-start="6"] {
  transform: rotate(21.6deg);
}

.slice[data-value="7"] .slice-fill {
  transform: rotate(25.2deg);
}

.slice[data-start="7"] {
  transform: rotate(25.2deg);
}

.slice[data-value="8"] .slice-fill {
  transform: rotate(28.8deg);
}

.slice[data-start="8"] {
  transform: rotate(28.8deg);
}

.slice[data-value="9"] .slice-fill {
  transform: rotate(32.4deg);
}

.slice[data-start="9"] {
  transform: rotate(32.4deg);
}

.slice[data-value="10"] .slice-fill {
  transform: rotate(36deg);
}

.slice[data-start="10"] {
  transform: rotate(36deg);
}

.slice[data-value="11"] .slice-fill {
  transform: rotate(39.6deg);
}

.slice[data-start="11"] {
  transform: rotate(39.6deg);
}

.slice[data-value="12"] .slice-fill {
  transform: rotate(43.2deg);
}

.slice[data-start="12"] {
  transform: rotate(43.2deg);
}

.slice[data-value="13"] .slice-fill {
  transform: rotate(46.8deg);
}

.slice[data-start="13"] {
  transform: rotate(46.8deg);
}

.slice[data-value="14"] .slice-fill {
  transform: rotate(50.4deg);
}

.slice[data-start="14"] {
  transform: rotate(50.4deg);
}

.slice[data-value="15"] .slice-fill {
  transform: rotate(54deg);
}

.slice[data-start="15"] {
  transform: rotate(54deg);
}

.slice[data-value="16"] .slice-fill {
  transform: rotate(57.6deg);
}

.slice[data-start="16"] {
  transform: rotate(57.6deg);
}

.slice[data-value="17"] .slice-fill {
  transform: rotate(61.2deg);
}

.slice[data-start="17"] {
  transform: rotate(61.2deg);
}

.slice[data-value="18"] .slice-fill {
  transform: rotate(64.8deg);
}

.slice[data-start="18"] {
  transform: rotate(64.8deg);
}

.slice[data-value="19"] .slice-fill {
  transform: rotate(68.4deg);
}

.slice[data-start="19"] {
  transform: rotate(68.4deg);
}

.slice[data-value="20"] .slice-fill {
  transform: rotate(72deg);
}

.slice[data-start="20"] {
  transform: rotate(72deg);
}

.slice[data-value="21"] .slice-fill {
  transform: rotate(75.6deg);
}

.slice[data-start="21"] {
  transform: rotate(75.6deg);
}

.slice[data-value="22"] .slice-fill {
  transform: rotate(79.2deg);
}

.slice[data-start="22"] {
  transform: rotate(79.2deg);
}

.slice[data-value="23"] .slice-fill {
  transform: rotate(82.8deg);
}

.slice[data-start="23"] {
  transform: rotate(82.8deg);
}

.slice[data-value="24"] .slice-fill {
  transform: rotate(86.4deg);
}

.slice[data-start="24"] {
  transform: rotate(86.4deg);
}

.slice[data-value="25"] .slice-fill {
  transform: rotate(90deg);
}

.slice[data-start="25"] {
  transform: rotate(90deg);
}

.slice[data-value="26"] .slice-fill {
  transform: rotate(93.6deg);
}

.slice[data-start="26"] {
  transform: rotate(93.6deg);
}

.slice[data-value="27"] .slice-fill {
  transform: rotate(97.2deg);
}

.slice[data-start="27"] {
  transform: rotate(97.2deg);
}

.slice[data-value="28"] .slice-fill {
  transform: rotate(100.8deg);
}

.slice[data-start="28"] {
  transform: rotate(100.8deg);
}

.slice[data-value="29"] .slice-fill {
  transform: rotate(104.4deg);
}

.slice[data-start="29"] {
  transform: rotate(104.4deg);
}

.slice[data-value="30"] .slice-fill {
  transform: rotate(108deg);
}

.slice[data-start="30"] {
  transform: rotate(108deg);
}

.slice[data-value="31"] .slice-fill {
  transform: rotate(111.6deg);
}

.slice[data-start="31"] {
  transform: rotate(111.6deg);
}

.slice[data-value="32"] .slice-fill {
  transform: rotate(115.2deg);
}

.slice[data-start="32"] {
  transform: rotate(115.2deg);
}

.slice[data-value="33"] .slice-fill {
  transform: rotate(118.8deg);
}

.slice[data-start="33"] {
  transform: rotate(118.8deg);
}

.slice[data-value="34"] .slice-fill {
  transform: rotate(122.4deg);
}

.slice[data-start="34"] {
  transform: rotate(122.4deg);
}

.slice[data-value="35"] .slice-fill {
  transform: rotate(126deg);
}

.slice[data-start="35"] {
  transform: rotate(126deg);
}

.slice[data-value="36"] .slice-fill {
  transform: rotate(129.6deg);
}

.slice[data-start="36"] {
  transform: rotate(129.6deg);
}

.slice[data-value="37"] .slice-fill {
  transform: rotate(133.2deg);
}

.slice[data-start="37"] {
  transform: rotate(133.2deg);
}

.slice[data-value="38"] .slice-fill {
  transform: rotate(136.8deg);
}

.slice[data-start="38"] {
  transform: rotate(136.8deg);
}

.slice[data-value="39"] .slice-fill {
  transform: rotate(140.4deg);
}

.slice[data-start="39"] {
  transform: rotate(140.4deg);
}

.slice[data-value="40"] .slice-fill {
  transform: rotate(144deg);
}

.slice[data-start="40"] {
  transform: rotate(144deg);
}

.slice[data-value="41"] .slice-fill {
  transform: rotate(147.6deg);
}

.slice[data-start="41"] {
  transform: rotate(147.6deg);
}

.slice[data-value="42"] .slice-fill {
  transform: rotate(151.2deg);
}

.slice[data-start="42"] {
  transform: rotate(151.2deg);
}

.slice[data-value="43"] .slice-fill {
  transform: rotate(154.8deg);
}

.slice[data-start="43"] {
  transform: rotate(154.8deg);
}

.slice[data-value="44"] .slice-fill {
  transform: rotate(158.4deg);
}

.slice[data-start="44"] {
  transform: rotate(158.4deg);
}

.slice[data-value="45"] .slice-fill {
  transform: rotate(162deg);
}

.slice[data-start="45"] {
  transform: rotate(162deg);
}

.slice[data-value="46"] .slice-fill {
  transform: rotate(165.6deg);
}

.slice[data-start="46"] {
  transform: rotate(165.6deg);
}

.slice[data-value="47"] .slice-fill {
  transform: rotate(169.2deg);
}

.slice[data-start="47"] {
  transform: rotate(169.2deg);
}

.slice[data-value="48"] .slice-fill {
  transform: rotate(172.8deg);
}

.slice[data-start="48"] {
  transform: rotate(172.8deg);
}

.slice[data-value="49"] .slice-fill {
  transform: rotate(176.4deg);
}

.slice[data-start="49"] {
  transform: rotate(176.4deg);
}

.slice[data-value="50"] .slice-fill {
  transform: rotate(180deg);
}

.slice[data-start="50"] {
  transform: rotate(180deg);
}

.slice[data-value="51"] .slice-fill {
  transform: rotate(183.6deg);
}

.slice[data-start="51"] {
  transform: rotate(183.6deg);
}

.slice[data-value="51"] {
  clip-path: none;
}

.slice[data-value="51"] .bg-fill {
  display: block;
}

.slice[data-value="52"] .slice-fill {
  transform: rotate(187.2deg);
}

.slice[data-start="52"] {
  transform: rotate(187.2deg);
}

.slice[data-value="52"] {
  clip-path: none;
}

.slice[data-value="52"] .bg-fill {
  display: block;
}

.slice[data-value="53"] .slice-fill {
  transform: rotate(190.8deg);
}

.slice[data-start="53"] {
  transform: rotate(190.8deg);
}

.slice[data-value="53"] {
  clip-path: none;
}

.slice[data-value="53"] .bg-fill {
  display: block;
}

.slice[data-value="54"] .slice-fill {
  transform: rotate(194.4deg);
}

.slice[data-start="54"] {
  transform: rotate(194.4deg);
}

.slice[data-value="54"] {
  clip-path: none;
}

.slice[data-value="54"] .bg-fill {
  display: block;
}

.slice[data-value="55"] .slice-fill {
  transform: rotate(198deg);
}

.slice[data-start="55"] {
  transform: rotate(198deg);
}

.slice[data-value="55"] {
  clip-path: none;
}

.slice[data-value="55"] .bg-fill {
  display: block;
}

.slice[data-value="56"] .slice-fill {
  transform: rotate(201.6deg);
}

.slice[data-start="56"] {
  transform: rotate(201.6deg);
}

.slice[data-value="56"] {
  clip-path: none;
}

.slice[data-value="56"] .bg-fill {
  display: block;
}

.slice[data-value="57"] .slice-fill {
  transform: rotate(205.2deg);
}

.slice[data-start="57"] {
  transform: rotate(205.2deg);
}

.slice[data-value="57"] {
  clip-path: none;
}

.slice[data-value="57"] .bg-fill {
  display: block;
}

.slice[data-value="58"] .slice-fill {
  transform: rotate(208.8deg);
}

.slice[data-start="58"] {
  transform: rotate(208.8deg);
}

.slice[data-value="58"] {
  clip-path: none;
}

.slice[data-value="58"] .bg-fill {
  display: block;
}

.slice[data-value="59"] .slice-fill {
  transform: rotate(212.4deg);
}

.slice[data-start="59"] {
  transform: rotate(212.4deg);
}

.slice[data-value="59"] {
  clip-path: none;
}

.slice[data-value="59"] .bg-fill {
  display: block;
}

.slice[data-value="60"] .slice-fill {
  transform: rotate(216deg);
}

.slice[data-start="60"] {
  transform: rotate(216deg);
}

.slice[data-value="60"] {
  clip-path: none;
}

.slice[data-value="60"] .bg-fill {
  display: block;
}

.slice[data-value="61"] .slice-fill {
  transform: rotate(219.6deg);
}

.slice[data-start="61"] {
  transform: rotate(219.6deg);
}

.slice[data-value="61"] {
  clip-path: none;
}

.slice[data-value="61"] .bg-fill {
  display: block;
}

.slice[data-value="62"] .slice-fill {
  transform: rotate(223.2deg);
}

.slice[data-start="62"] {
  transform: rotate(223.2deg);
}

.slice[data-value="62"] {
  clip-path: none;
}

.slice[data-value="62"] .bg-fill {
  display: block;
}

.slice[data-value="63"] .slice-fill {
  transform: rotate(226.8deg);
}

.slice[data-start="63"] {
  transform: rotate(226.8deg);
}

.slice[data-value="63"] {
  clip-path: none;
}

.slice[data-value="63"] .bg-fill {
  display: block;
}

.slice[data-value="64"] .slice-fill {
  transform: rotate(230.4deg);
}

.slice[data-start="64"] {
  transform: rotate(230.4deg);
}

.slice[data-value="64"] {
  clip-path: none;
}

.slice[data-value="64"] .bg-fill {
  display: block;
}

.slice[data-value="65"] .slice-fill {
  transform: rotate(234deg);
}

.slice[data-start="65"] {
  transform: rotate(234deg);
}

.slice[data-value="65"] {
  clip-path: none;
}

.slice[data-value="65"] .bg-fill {
  display: block;
}

.slice[data-value="66"] .slice-fill {
  transform: rotate(237.6deg);
}

.slice[data-start="66"] {
  transform: rotate(237.6deg);
}

.slice[data-value="66"] {
  clip-path: none;
}

.slice[data-value="66"] .bg-fill {
  display: block;
}

.slice[data-value="67"] .slice-fill {
  transform: rotate(241.2deg);
}

.slice[data-start="67"] {
  transform: rotate(241.2deg);
}

.slice[data-value="67"] {
  clip-path: none;
}

.slice[data-value="67"] .bg-fill {
  display: block;
}

.slice[data-value="68"] .slice-fill {
  transform: rotate(244.8deg);
}

.slice[data-start="68"] {
  transform: rotate(244.8deg);
}

.slice[data-value="68"] {
  clip-path: none;
}

.slice[data-value="68"] .bg-fill {
  display: block;
}

.slice[data-value="69"] .slice-fill {
  transform: rotate(248.4deg);
}

.slice[data-start="69"] {
  transform: rotate(248.4deg);
}

.slice[data-value="69"] {
  clip-path: none;
}

.slice[data-value="69"] .bg-fill {
  display: block;
}

.slice[data-value="70"] .slice-fill {
  transform: rotate(252deg);
}

.slice[data-start="70"] {
  transform: rotate(252deg);
}

.slice[data-value="70"] {
  clip-path: none;
}

.slice[data-value="70"] .bg-fill {
  display: block;
}

.slice[data-value="71"] .slice-fill {
  transform: rotate(255.6deg);
}

.slice[data-start="71"] {
  transform: rotate(255.6deg);
}

.slice[data-value="71"] {
  clip-path: none;
}

.slice[data-value="71"] .bg-fill {
  display: block;
}

.slice[data-value="72"] .slice-fill {
  transform: rotate(259.2deg);
}

.slice[data-start="72"] {
  transform: rotate(259.2deg);
}

.slice[data-value="72"] {
  clip-path: none;
}

.slice[data-value="72"] .bg-fill {
  display: block;
}

.slice[data-value="73"] .slice-fill {
  transform: rotate(262.8deg);
}

.slice[data-start="73"] {
  transform: rotate(262.8deg);
}

.slice[data-value="73"] {
  clip-path: none;
}

.slice[data-value="73"] .bg-fill {
  display: block;
}

.slice[data-value="74"] .slice-fill {
  transform: rotate(266.4deg);
}

.slice[data-start="74"] {
  transform: rotate(266.4deg);
}

.slice[data-value="74"] {
  clip-path: none;
}

.slice[data-value="74"] .bg-fill {
  display: block;
}

.slice[data-value="75"] .slice-fill {
  transform: rotate(270deg);
}

.slice[data-start="75"] {
  transform: rotate(270deg);
}

.slice[data-value="75"] {
  clip-path: none;
}

.slice[data-value="75"] .bg-fill {
  display: block;
}

.slice[data-value="76"] .slice-fill {
  transform: rotate(273.6deg);
}

.slice[data-start="76"] {
  transform: rotate(273.6deg);
}

.slice[data-value="76"] {
  clip-path: none;
}

.slice[data-value="76"] .bg-fill {
  display: block;
}

.slice[data-value="77"] .slice-fill {
  transform: rotate(277.2deg);
}

.slice[data-start="77"] {
  transform: rotate(277.2deg);
}

.slice[data-value="77"] {
  clip-path: none;
}

.slice[data-value="77"] .bg-fill {
  display: block;
}

.slice[data-value="78"] .slice-fill {
  transform: rotate(280.8deg);
}

.slice[data-start="78"] {
  transform: rotate(280.8deg);
}

.slice[data-value="78"] {
  clip-path: none;
}

.slice[data-value="78"] .bg-fill {
  display: block;
}

.slice[data-value="79"] .slice-fill {
  transform: rotate(284.4deg);
}

.slice[data-start="79"] {
  transform: rotate(284.4deg);
}

.slice[data-value="79"] {
  clip-path: none;
}

.slice[data-value="79"] .bg-fill {
  display: block;
}

.slice[data-value="80"] .slice-fill {
  transform: rotate(288deg);
}

.slice[data-start="80"] {
  transform: rotate(288deg);
}

.slice[data-value="80"] {
  clip-path: none;
}

.slice[data-value="80"] .bg-fill {
  display: block;
}

.slice[data-value="81"] .slice-fill {
  transform: rotate(291.6deg);
}

.slice[data-start="81"] {
  transform: rotate(291.6deg);
}

.slice[data-value="81"] {
  clip-path: none;
}

.slice[data-value="81"] .bg-fill {
  display: block;
}

.slice[data-value="82"] .slice-fill {
  transform: rotate(295.2deg);
}

.slice[data-start="82"] {
  transform: rotate(295.2deg);
}

.slice[data-value="82"] {
  clip-path: none;
}

.slice[data-value="82"] .bg-fill {
  display: block;
}

.slice[data-value="83"] .slice-fill {
  transform: rotate(298.8deg);
}

.slice[data-start="83"] {
  transform: rotate(298.8deg);
}

.slice[data-value="83"] {
  clip-path: none;
}

.slice[data-value="83"] .bg-fill {
  display: block;
}

.slice[data-value="84"] .slice-fill {
  transform: rotate(302.4deg);
}

.slice[data-start="84"] {
  transform: rotate(302.4deg);
}

.slice[data-value="84"] {
  clip-path: none;
}

.slice[data-value="84"] .bg-fill {
  display: block;
}

.slice[data-value="85"] .slice-fill {
  transform: rotate(306deg);
}

.slice[data-start="85"] {
  transform: rotate(306deg);
}

.slice[data-value="85"] {
  clip-path: none;
}

.slice[data-value="85"] .bg-fill {
  display: block;
}

.slice[data-value="86"] .slice-fill {
  transform: rotate(309.6deg);
}

.slice[data-start="86"] {
  transform: rotate(309.6deg);
}

.slice[data-value="86"] {
  clip-path: none;
}

.slice[data-value="86"] .bg-fill {
  display: block;
}

.slice[data-value="87"] .slice-fill {
  transform: rotate(313.2deg);
}

.slice[data-start="87"] {
  transform: rotate(313.2deg);
}

.slice[data-value="87"] {
  clip-path: none;
}

.slice[data-value="87"] .bg-fill {
  display: block;
}

.slice[data-value="88"] .slice-fill {
  transform: rotate(316.8deg);
}

.slice[data-start="88"] {
  transform: rotate(316.8deg);
}

.slice[data-value="88"] {
  clip-path: none;
}

.slice[data-value="88"] .bg-fill {
  display: block;
}

.slice[data-value="89"] .slice-fill {
  transform: rotate(320.4deg);
}

.slice[data-start="89"] {
  transform: rotate(320.4deg);
}

.slice[data-value="89"] {
  clip-path: none;
}

.slice[data-value="89"] .bg-fill {
  display: block;
}

.slice[data-value="90"] .slice-fill {
  transform: rotate(324deg);
}

.slice[data-start="90"] {
  transform: rotate(324deg);
}

.slice[data-value="90"] {
  clip-path: none;
}

.slice[data-value="90"] .bg-fill {
  display: block;
}

.slice[data-value="91"] .slice-fill {
  transform: rotate(327.6deg);
}

.slice[data-start="91"] {
  transform: rotate(327.6deg);
}

.slice[data-value="91"] {
  clip-path: none;
}

.slice[data-value="91"] .bg-fill {
  display: block;
}

.slice[data-value="92"] .slice-fill {
  transform: rotate(331.2deg);
}

.slice[data-start="92"] {
  transform: rotate(331.2deg);
}

.slice[data-value="92"] {
  clip-path: none;
}

.slice[data-value="92"] .bg-fill {
  display: block;
}

.slice[data-value="93"] .slice-fill {
  transform: rotate(334.8deg);
}

.slice[data-start="93"] {
  transform: rotate(334.8deg);
}

.slice[data-value="93"] {
  clip-path: none;
}

.slice[data-value="93"] .bg-fill {
  display: block;
}

.slice[data-value="94"] .slice-fill {
  transform: rotate(338.4deg);
}

.slice[data-start="94"] {
  transform: rotate(338.4deg);
}

.slice[data-value="94"] {
  clip-path: none;
}

.slice[data-value="94"] .bg-fill {
  display: block;
}

.slice[data-value="95"] .slice-fill {
  transform: rotate(342deg);
}

.slice[data-start="95"] {
  transform: rotate(342deg);
}

.slice[data-value="95"] {
  clip-path: none;
}

.slice[data-value="95"] .bg-fill {
  display: block;
}

.slice[data-value="96"] .slice-fill {
  transform: rotate(345.6deg);
}

.slice[data-start="96"] {
  transform: rotate(345.6deg);
}

.slice[data-value="96"] {
  clip-path: none;
}

.slice[data-value="96"] .bg-fill {
  display: block;
}

.slice[data-value="97"] .slice-fill {
  transform: rotate(349.2deg);
}

.slice[data-start="97"] {
  transform: rotate(349.2deg);
}

.slice[data-value="97"] {
  clip-path: none;
}

.slice[data-value="97"] .bg-fill {
  display: block;
}

.slice[data-value="98"] .slice-fill {
  transform: rotate(352.8deg);
}

.slice[data-start="98"] {
  transform: rotate(352.8deg);
}

.slice[data-value="98"] {
  clip-path: none;
}

.slice[data-value="98"] .bg-fill {
  display: block;
}

.slice[data-value="99"] .slice-fill {
  transform: rotate(356.4deg);
}

.slice[data-start="99"] {
  transform: rotate(356.4deg);
}

.slice[data-value="99"] {
  clip-path: none;
}

.slice[data-value="99"] .bg-fill {
  display: block;
}

.slice[data-value="100"] .slice-fill {
  transform: rotate(360deg);
}

.slice[data-start="100"] {
  transform: rotate(360deg);
}

.slice[data-value="100"] {
  clip-path: none;
}

.slice[data-value="100"] .bg-fill {
  display: block;
}

.slice:nth-of-type(1) .slice-fill,
.slice:nth-of-type(1) .bg-fill,
.legend li:nth-child(1):before {
  background-color: #f77314;
}

.slice:nth-of-type(2) .slice-fill,
.slice:nth-of-type(2) .bg-fill,
.legend li:nth-child(2):before {
  background-color: #27397d;
}

.slice:nth-of-type(3) .slice-fill,
.slice:nth-of-type(3) .bg-fill,
.legend li:nth-child(3):before {
  background-color: #e0882b;
}

.slice:nth-of-type(4) .slice-fill,
.slice:nth-of-type(4) .bg-fill,
.legend li:nth-child(4):before {
  background-color: #d4af50;
}

.slice:nth-of-type(5) .slice-fill,
.slice:nth-of-type(5) .bg-fill,
.legend li:nth-child(5):before {
  background-color: #b8ac34;
}

.slice:nth-of-type(6) .slice-fill,
.slice:nth-of-type(6) .bg-fill,
.legend li:nth-child(6):before {
  background-color: #073450;
}

.slice:nth-of-type(7) .slice-fill,
.slice:nth-of-type(7) .bg-fill,
.legend li:nth-child(7):before {
  background-color: #07899e;
}

.slice:nth-of-type(8) .slice-fill,
.slice:nth-of-type(8) .bg-fill,
.legend li:nth-child(8):before {
  background-color: #50d5b3;
}

.slice:nth-of-type(9) .slice-fill,
.slice:nth-of-type(9) .bg-fill,
.legend li:nth-child(9):before {
  background-color: #f3d671;
}

.slice:nth-of-type(10) .slice-fill,
.slice:nth-of-type(10) .bg-fill,
.legend li:nth-child(10):before {
  background-color: #e73936;
}
/*chart close*/