.oddCircle {
  height: 30px;
  width: 30px;
  position: absolute;
  display: inline-block;
  border-radius: 50%;
  font-size: 100%;
  box-sizing: content-box;
  font-size: 30px;
  left: 40px;
  top: 1px;
  display: none;
}
.oddCircle.active {
  display: block;
}
.oddCircle.disabled {
  display: none !important;
}
.sport2_list_a:nth-child(2) .oddCircle {
  left: 99px;
}
.SportType16 .sport2_list_a:nth-child(10) .oddCircle {
  left: 99px;
} 
.SportType16 .sport2_list_a:nth-child(17) .oddCircle {
  left: 99px;
} 
.SportType-777  .sport2_list_a:nth-child(10) .oddCircle {
  left: 99px;
} 
.SportType-777  .sport2_list_a:nth-child(17) .oddCircle {
  left: 99px;
} 
.SportType20 .sport2_list_a:nth-child(6) .oddCircle {
  left: 99px;
}  
/*
.SportType22 .sport2_list_a:nth-child(2) .oddCircle {
  left: 99px;
} 
.SportType21 .sport2_list_a:nth-child(2) .oddCircle {
  left: 99px;
} 

.SportType24 .sport2_list_a:nth-child(2) .oddCircle {
  left: 99px;
}   
.SportType27 .sport2_list_a:nth-child(2) .oddCircle {
  left: 99px;
}
.SportType32 .sport2_list_a:nth-child(2) .oddCircle {
  left: 99px;
}  
.SportType33 .sport2_list_a:nth-child(2) .oddCircle {
  left: 99px;
}  
.SportType28 .sport2_list_a:nth-child(2) .oddCircle {
  left: 99px;
} 
.SportType69 .sport2_list_a:nth-child(2) .oddCircle {
  left: 99px;
} 
.SportType39 .sport2_list_a:nth-child(2) .oddCircle {
  left: 99px;
}    
.SportType37 .sport2_list_a:nth-child(2) .oddCircle {
  left: 99px;
}  
.SportType61 .sport2_list_a:nth-child(2) .oddCircle {
  left: 99px;
}  
.SportType78 .sport2_list_a:nth-child(2) .oddCircle {
  left: 99px;
}   
.SportType91 .sport2_list_a:nth-child(2) .oddCircle {
  left: 99px;
} 
.SportType95 .sport2_list_a:nth-child(2) .oddCircle {
  left: 99px;
} 
.SportType127 .sport2_list_a:nth-child(2) .oddCircle {
  left: 99px;
}   
 */    
.oddCircle:after {
  content: "";
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0%;
  left: 0%;
  border-radius: 50%;
  box-sizing: border-box;
  border: solid 0.1em #cccccc;
  z-index: 1;
}
.snatch.active .oddCircle:after {
  content: "";
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0%;
  left: 0%;
  border-radius: 50%;
  box-sizing: border-box;
  border: solid 0.1em #D2B525;
  z-index: 1;
}
.DarkMode .oddCircle:after {
    border: solid 0.1em #666666;
}
.oddCircle > span {
  width: 100%;
  height: 100%;
  text-align: center;
  display: block;
  font-size: 11px;
  position: absolute;
  top: 0;
  left: 0;
  line-height: 30px;
  z-index: 0;
  color: #333333;
  font-family: 'CrystalBetUni-Medium';
  white-space: nowrap;
  box-sizing: content-box;
  border-radius: 50%;
}
.oddCircle[data-fill="100"] > span {
  font-size: 10px;
}
.DarkMode .oddCircle > span {
  color: #E6E6E6;
}
.snatch.active .oddCircle > span {
  color: #333333;
}
.oddCircle > .ocBar {
  height: 100%;
  width: 100%;
  position: absolute;
  box-sizing: content-box;
}
.oddCircle > .ocBar:before,
.oddCircle > .ocBar:after {
  content: '';
  height: 80%;
  width: 80%;
  position: absolute;
  border: solid 0.1em #33B52A;
  border-radius: 50%;
  box-sizing: content-box;
  clip: rect(0, 0.5em, 1em, 0);
  z-index: 2;
}
.sport3_list_a.snatch.HandicapSnatch .oddCircle{
  display: none !important;
}
.sport6_list_a.snatch.HandicapSnatch .oddCircle{
  display: none !important;
}                                                             
/*cirle*/
        .oddCircle[data-fill="0"] > .ocBar {
          clip: rect(0, 1em, 1em, 0.5em);
        }
        .oddCircle[data-fill="0"] > .ocBar:before {
          transform: rotate(0deg);
        }
        .oddCircle[data-fill="0"] > .ocBar:after {
          transform: rotate(0deg);
        }
        .oddCircle[data-fill="1"] > .ocBar {
          clip: rect(0, 1em, 1em, 0.5em);
        }
        .oddCircle[data-fill="1"] > .ocBar:before {
          transform: rotate(3.6deg);
        }
        .oddCircle[data-fill="1"] > .ocBar:after {
          transform: rotate(0deg);
        }
        .oddCircle[data-fill="2"] > .ocBar {
          clip: rect(0, 1em, 1em, 0.5em);
        }
        .oddCircle[data-fill="2"] > .ocBar:before {
          transform: rotate(7.2deg);
        }
        .oddCircle[data-fill="2"] > .ocBar:after {
          transform: rotate(0deg);
        }
        .oddCircle[data-fill="3"] > .ocBar {
          clip: rect(0, 1em, 1em, 0.5em);
        }
        .oddCircle[data-fill="3"] > .ocBar:before {
          transform: rotate(10.8deg);
        }
        .oddCircle[data-fill="3"] > .ocBar:after {
          transform: rotate(0deg);
        }
        .oddCircle[data-fill="4"] > .ocBar {
          clip: rect(0, 1em, 1em, 0.5em);
        }
        .oddCircle[data-fill="4"] > .ocBar:before {
          transform: rotate(14.4deg);
        }
        .oddCircle[data-fill="4"] > .ocBar:after {
          transform: rotate(0deg);
        }
        .oddCircle[data-fill="5"] > .ocBar {
          clip: rect(0, 1em, 1em, 0.5em);
        }
        .oddCircle[data-fill="5"] > .ocBar:before {
          transform: rotate(18deg);
        }
        .oddCircle[data-fill="5"] > .ocBar:after {
          transform: rotate(0deg);
        }
        .oddCircle[data-fill="6"] > .ocBar {
          clip: rect(0, 1em, 1em, 0.5em);
        }
        .oddCircle[data-fill="6"] > .ocBar:before {
          transform: rotate(21.6deg);
        }
        .oddCircle[data-fill="6"] > .ocBar:after {
          transform: rotate(0deg);
        }
        .oddCircle[data-fill="7"] > .ocBar {
          clip: rect(0, 1em, 1em, 0.5em);
        }
        .oddCircle[data-fill="7"] > .ocBar:before {
          transform: rotate(25.2deg);
        }
        .oddCircle[data-fill="7"] > .ocBar:after {
          transform: rotate(0deg);
        }
        .oddCircle[data-fill="8"] > .ocBar {
          clip: rect(0, 1em, 1em, 0.5em);
        }
        .oddCircle[data-fill="8"] > .ocBar:before {
          transform: rotate(28.8deg);
        }
        .oddCircle[data-fill="8"] > .ocBar:after {
          transform: rotate(0deg);
        }
        .oddCircle[data-fill="9"] > .ocBar {
          clip: rect(0, 1em, 1em, 0.5em);
        }
        .oddCircle[data-fill="9"] > .ocBar:before {
          transform: rotate(32.4deg);
        }
        .oddCircle[data-fill="9"] > .ocBar:after {
          transform: rotate(0deg);
        }
        .oddCircle[data-fill="10"] > .ocBar {
          clip: rect(0, 1em, 1em, 0.5em);
        }
        .oddCircle[data-fill="10"] > .ocBar:before {
          transform: rotate(36deg);
        }
        .oddCircle[data-fill="10"] > .ocBar:after {
          transform: rotate(0deg);
        }
        .oddCircle[data-fill="11"] > .ocBar {
          clip: rect(0, 1em, 1em, 0.5em);
        }
        .oddCircle[data-fill="11"] > .ocBar:before {
          transform: rotate(39.6deg);
        }
        .oddCircle[data-fill="11"] > .ocBar:after {
          transform: rotate(0deg);
        }
        .oddCircle[data-fill="12"] > .ocBar {
          clip: rect(0, 1em, 1em, 0.5em);
        }
        .oddCircle[data-fill="12"] > .ocBar:before {
          transform: rotate(43.2deg);
        }
        .oddCircle[data-fill="12"] > .ocBar:after {
          transform: rotate(0deg);
        }
        .oddCircle[data-fill="13"] > .ocBar {
          clip: rect(0, 1em, 1em, 0.5em);
        }
        .oddCircle[data-fill="13"] > .ocBar:before {
          transform: rotate(46.8deg);
        }
        .oddCircle[data-fill="13"] > .ocBar:after {
          transform: rotate(0deg);
        }
        .oddCircle[data-fill="14"] > .ocBar {
          clip: rect(0, 1em, 1em, 0.5em);
        }
        .oddCircle[data-fill="14"] > .ocBar:before {
          transform: rotate(50.4deg);
        }
        .oddCircle[data-fill="14"] > .ocBar:after {
          transform: rotate(0deg);
        }
        .oddCircle[data-fill="15"] > .ocBar {
          clip: rect(0, 1em, 1em, 0.5em);
        }
        .oddCircle[data-fill="15"] > .ocBar:before {
          transform: rotate(54deg);
        }
        .oddCircle[data-fill="15"] > .ocBar:after {
          transform: rotate(0deg);
        }
        .oddCircle[data-fill="16"] > .ocBar {
          clip: rect(0, 1em, 1em, 0.5em);
        }
        .oddCircle[data-fill="16"] > .ocBar:before {
          transform: rotate(57.6deg);
        }
        .oddCircle[data-fill="16"] > .ocBar:after {
          transform: rotate(0deg);
        }
        .oddCircle[data-fill="17"] > .ocBar {
          clip: rect(0, 1em, 1em, 0.5em);
        }
        .oddCircle[data-fill="17"] > .ocBar:before {
          transform: rotate(61.2deg);
        }
        .oddCircle[data-fill="17"] > .ocBar:after {
          transform: rotate(0deg);
        }
        .oddCircle[data-fill="18"] > .ocBar {
          clip: rect(0, 1em, 1em, 0.5em);
        }
        .oddCircle[data-fill="18"] > .ocBar:before {
          transform: rotate(64.8deg);
        }
        .oddCircle[data-fill="18"] > .ocBar:after {
          transform: rotate(0deg);
        }
        .oddCircle[data-fill="19"] > .ocBar {
          clip: rect(0, 1em, 1em, 0.5em);
        }
        .oddCircle[data-fill="19"] > .ocBar:before {
          transform: rotate(68.4deg);
        }
        .oddCircle[data-fill="19"] > .ocBar:after {
          transform: rotate(0deg);
        }
        .oddCircle[data-fill="20"] > .ocBar {
          clip: rect(0, 1em, 1em, 0.5em);
        }
        .oddCircle[data-fill="20"] > .ocBar:before {
          transform: rotate(72deg);
        }
        .oddCircle[data-fill="20"] > .ocBar:after {
          transform: rotate(0deg);
        }
        .oddCircle[data-fill="21"] > .ocBar {
          clip: rect(0, 1em, 1em, 0.5em);
        }
        .oddCircle[data-fill="21"] > .ocBar:before {
          transform: rotate(75.6deg);
        }
        .oddCircle[data-fill="21"] > .ocBar:after {
          transform: rotate(0deg);
        }
        .oddCircle[data-fill="22"] > .ocBar {
          clip: rect(0, 1em, 1em, 0.5em);
        }
        .oddCircle[data-fill="22"] > .ocBar:before {
          transform: rotate(79.2deg);
        }
        .oddCircle[data-fill="22"] > .ocBar:after {
          transform: rotate(0deg);
        }
        .oddCircle[data-fill="23"] > .ocBar {
          clip: rect(0, 1em, 1em, 0.5em);
        }
        .oddCircle[data-fill="23"] > .ocBar:before {
          transform: rotate(82.8deg);
        }
        .oddCircle[data-fill="23"] > .ocBar:after {
          transform: rotate(0deg);
        }
        .oddCircle[data-fill="24"] > .ocBar {
          clip: rect(0, 1em, 1em, 0.5em);
        }
        .oddCircle[data-fill="24"] > .ocBar:before {
          transform: rotate(86.4deg);
        }
        .oddCircle[data-fill="24"] > .ocBar:after {
          transform: rotate(0deg);
        }
        .oddCircle[data-fill="25"] > .ocBar {
          clip: rect(0, 1em, 1em, 0.5em);
        }
        .oddCircle[data-fill="25"] > .ocBar:before {
          transform: rotate(90deg);
        }
        .oddCircle[data-fill="25"] > .ocBar:after {
          transform: rotate(0deg);
        }
        .oddCircle[data-fill="26"] > .ocBar {
          clip: rect(0, 1em, 1em, 0.5em);
        }
        .oddCircle[data-fill="26"] > .ocBar:before {
          transform: rotate(93.6deg);
        }
        .oddCircle[data-fill="26"] > .ocBar:after {
          transform: rotate(0deg);
        }
        .oddCircle[data-fill="27"] > .ocBar {
          clip: rect(0, 1em, 1em, 0.5em);
        }
        .oddCircle[data-fill="27"] > .ocBar:before {
          transform: rotate(97.2deg);
        }
        .oddCircle[data-fill="27"] > .ocBar:after {
          transform: rotate(0deg);
        }
        .oddCircle[data-fill="28"] > .ocBar {
          clip: rect(0, 1em, 1em, 0.5em);
        }
        .oddCircle[data-fill="28"] > .ocBar:before {
          transform: rotate(100.8deg);
        }
        .oddCircle[data-fill="28"] > .ocBar:after {
          transform: rotate(0deg);
        }
        .oddCircle[data-fill="29"] > .ocBar {
          clip: rect(0, 1em, 1em, 0.5em);
        }
        .oddCircle[data-fill="29"] > .ocBar:before {
          transform: rotate(104.4deg);
        }
        .oddCircle[data-fill="29"] > .ocBar:after {
          transform: rotate(0deg);
        }
        .oddCircle[data-fill="30"] > .ocBar {
          clip: rect(0, 1em, 1em, 0.5em);
        }
        .oddCircle[data-fill="30"] > .ocBar:before {
          transform: rotate(108deg);
        }
        .oddCircle[data-fill="30"] > .ocBar:after {
          transform: rotate(0deg);
        }
        .oddCircle[data-fill="31"] > .ocBar {
          clip: rect(0, 1em, 1em, 0.5em);
        }
        .oddCircle[data-fill="31"] > .ocBar:before {
          transform: rotate(111.6deg);
        }
        .oddCircle[data-fill="31"] > .ocBar:after {
          transform: rotate(0deg);
        }
        .oddCircle[data-fill="32"] > .ocBar {
          clip: rect(0, 1em, 1em, 0.5em);
        }
        .oddCircle[data-fill="32"] > .ocBar:before {
          transform: rotate(115.2deg);
        }
        .oddCircle[data-fill="32"] > .ocBar:after {
          transform: rotate(0deg);
        }
        .oddCircle[data-fill="33"] > .ocBar {
          clip: rect(0, 1em, 1em, 0.5em);
        }
        .oddCircle[data-fill="33"] > .ocBar:before {
          transform: rotate(118.8deg);
        }
        .oddCircle[data-fill="33"] > .ocBar:after {
          transform: rotate(0deg);
        }
        .oddCircle[data-fill="34"] > .ocBar {
          clip: rect(0, 1em, 1em, 0.5em);
        }
        .oddCircle[data-fill="34"] > .ocBar:before {
          transform: rotate(122.4deg);
        }
        .oddCircle[data-fill="34"] > .ocBar:after {
          transform: rotate(0deg);
        }
        .oddCircle[data-fill="35"] > .ocBar {
          clip: rect(0, 1em, 1em, 0.5em);
        }
        .oddCircle[data-fill="35"] > .ocBar:before {
          transform: rotate(126deg);
        }
        .oddCircle[data-fill="35"] > .ocBar:after {
          transform: rotate(0deg);
        }
        .oddCircle[data-fill="36"] > .ocBar {
          clip: rect(0, 1em, 1em, 0.5em);
        }
        .oddCircle[data-fill="36"] > .ocBar:before {
          transform: rotate(129.6deg);
        }
        .oddCircle[data-fill="36"] > .ocBar:after {
          transform: rotate(0deg);
        }
        .oddCircle[data-fill="37"] > .ocBar {
          clip: rect(0, 1em, 1em, 0.5em);
        }
        .oddCircle[data-fill="37"] > .ocBar:before {
          transform: rotate(133.2deg);
        }
        .oddCircle[data-fill="37"] > .ocBar:after {
          transform: rotate(0deg);
        }
        .oddCircle[data-fill="38"] > .ocBar {
          clip: rect(0, 1em, 1em, 0.5em);
        }
        .oddCircle[data-fill="38"] > .ocBar:before {
          transform: rotate(136.8deg);
        }
        .oddCircle[data-fill="38"] > .ocBar:after {
          transform: rotate(0deg);
        }
        .oddCircle[data-fill="39"] > .ocBar {
          clip: rect(0, 1em, 1em, 0.5em);
        }
        .oddCircle[data-fill="39"] > .ocBar:before {
          transform: rotate(140.4deg);
        }
        .oddCircle[data-fill="39"] > .ocBar:after {
          transform: rotate(0deg);
        }
        .oddCircle[data-fill="40"] > .ocBar {
          clip: rect(0, 1em, 1em, 0.5em);
        }
        .oddCircle[data-fill="40"] > .ocBar:before {
          transform: rotate(144deg);
        }
        .oddCircle[data-fill="40"] > .ocBar:after {
          transform: rotate(0deg);
        }
        .oddCircle[data-fill="41"] > .ocBar {
          clip: rect(0, 1em, 1em, 0.5em);
        }
        .oddCircle[data-fill="41"] > .ocBar:before {
          transform: rotate(147.6deg);
        }
        .oddCircle[data-fill="41"] > .ocBar:after {
          transform: rotate(0deg);
        }
        .oddCircle[data-fill="42"] > .ocBar {
          clip: rect(0, 1em, 1em, 0.5em);
        }
        .oddCircle[data-fill="42"] > .ocBar:before {
          transform: rotate(151.2deg);
        }
        .oddCircle[data-fill="42"] > .ocBar:after {
          transform: rotate(0deg);
        }
        .oddCircle[data-fill="43"] > .ocBar {
          clip: rect(0, 1em, 1em, 0.5em);
        }
        .oddCircle[data-fill="43"] > .ocBar:before {
          transform: rotate(154.8deg);
        }
        .oddCircle[data-fill="43"] > .ocBar:after {
          transform: rotate(0deg);
        }
        .oddCircle[data-fill="44"] > .ocBar {
          clip: rect(0, 1em, 1em, 0.5em);
        }
        .oddCircle[data-fill="44"] > .ocBar:before {
          transform: rotate(158.4deg);
        }
        .oddCircle[data-fill="44"] > .ocBar:after {
          transform: rotate(0deg);
        }
        .oddCircle[data-fill="45"] > .ocBar {
          clip: rect(0, 1em, 1em, 0.5em);
        }
        .oddCircle[data-fill="45"] > .ocBar:before {
          transform: rotate(162deg);
        }
        .oddCircle[data-fill="45"] > .ocBar:after {
          transform: rotate(0deg);
        }
        .oddCircle[data-fill="46"] > .ocBar {
          clip: rect(0, 1em, 1em, 0.5em);
        }
        .oddCircle[data-fill="46"] > .ocBar:before {
          transform: rotate(165.6deg);
        }
        .oddCircle[data-fill="46"] > .ocBar:after {
          transform: rotate(0deg);
        }
        .oddCircle[data-fill="47"] > .ocBar {
          clip: rect(0, 1em, 1em, 0.5em);
        }
        .oddCircle[data-fill="47"] > .ocBar:before {
          transform: rotate(169.2deg);
        }
        .oddCircle[data-fill="47"] > .ocBar:after {
          transform: rotate(0deg);
        }
        .oddCircle[data-fill="48"] > .ocBar {
          clip: rect(0, 1em, 1em, 0.5em);
        }
        .oddCircle[data-fill="48"] > .ocBar:before {
          transform: rotate(172.8deg);
        }
        .oddCircle[data-fill="48"] > .ocBar:after {
          transform: rotate(0deg);
        }
        .oddCircle[data-fill="49"] > .ocBar {
          clip: rect(0, 1em, 1em, 0.5em);
        }
        .oddCircle[data-fill="49"] > .ocBar:before {
          transform: rotate(176.4deg);
        }
        .oddCircle[data-fill="49"] > .ocBar:after {
          transform: rotate(0deg);
        }
        .oddCircle[data-fill="50"] > .ocBar {
          clip: rect(0, 1em, 1em, 0.5em);
        }
        .oddCircle[data-fill="50"] > .ocBar:before {
          transform: rotate(180deg);
        }
        .oddCircle[data-fill="50"] > .ocBar:after {
          transform: rotate(0deg);
        }
        .oddCircle[data-fill="51"] > .ocBar {
          clip: rect(auto, auto, auto);
        }
        .oddCircle[data-fill="51"] > .ocBar:before {
          transform: rotate(180deg);
        }
        .oddCircle[data-fill="51"] > .ocBar:after {
          transform: rotate(0deg);
        }
        .oddCircle[data-fill="52"] > .ocBar {
          clip: rect(auto, auto, auto);
        }
        .oddCircle[data-fill="52"] > .ocBar:before {
          transform: rotate(180deg);
        }
        .oddCircle[data-fill="52"] > .ocBar:after {
          transform: rotate(187.2deg);
        }
        .oddCircle[data-fill="53"] > .ocBar {
          clip: rect(auto, auto, auto);
        }
        .oddCircle[data-fill="53"] > .ocBar:before {
          transform: rotate(180deg);
        }
        .oddCircle[data-fill="53"] > .ocBar:after {
          transform: rotate(190.8deg);
        }
        .oddCircle[data-fill="54"] > .ocBar {
          clip: rect(auto, auto, auto);
        }
        .oddCircle[data-fill="54"] > .ocBar:before {
          transform: rotate(180deg);
        }
        .oddCircle[data-fill="54"] > .ocBar:after {
          transform: rotate(194.4deg);
        }
        .oddCircle[data-fill="55"] > .ocBar {
          clip: rect(auto, auto, auto);
        }
        .oddCircle[data-fill="55"] > .ocBar:before {
          transform: rotate(180deg);
        }
        .oddCircle[data-fill="55"] > .ocBar:after {
          transform: rotate(198deg);
        }
        .oddCircle[data-fill="56"] > .ocBar {
          clip: rect(auto, auto, auto);
        }
        .oddCircle[data-fill="56"] > .ocBar:before {
          transform: rotate(180deg);
        }
        .oddCircle[data-fill="56"] > .ocBar:after {
          transform: rotate(201.6deg);
        }
        .oddCircle[data-fill="57"] > .ocBar {
          clip: rect(auto, auto, auto);
        }
        .oddCircle[data-fill="57"] > .ocBar:before {
          transform: rotate(180deg);
        }
        .oddCircle[data-fill="57"] > .ocBar:after {
          transform: rotate(205.2deg);
        }
        .oddCircle[data-fill="58"] > .ocBar {
          clip: rect(auto, auto, auto);
        }
        .oddCircle[data-fill="58"] > .ocBar:before {
          transform: rotate(180deg);
        }
        .oddCircle[data-fill="58"] > .ocBar:after {
          transform: rotate(208.8deg);
        }
        .oddCircle[data-fill="59"] > .ocBar {
          clip: rect(auto, auto, auto);
        }
        .oddCircle[data-fill="59"] > .ocBar:before {
          transform: rotate(180deg);
        }
        .oddCircle[data-fill="59"] > .ocBar:after {
          transform: rotate(212.4deg);
        }
        .oddCircle[data-fill="60"] > .ocBar {
          clip: rect(auto, auto, auto);
        }
        .oddCircle[data-fill="60"] > .ocBar:before {
          transform: rotate(180deg);
        }
        .oddCircle[data-fill="60"] > .ocBar:after {
          transform: rotate(216deg);
        }
        .oddCircle[data-fill="61"] > .ocBar {
          clip: rect(auto, auto, auto);
        }
        .oddCircle[data-fill="61"] > .ocBar:before {
          transform: rotate(180deg);
        }
        .oddCircle[data-fill="61"] > .ocBar:after {
          transform: rotate(219.6deg);
        }
        .oddCircle[data-fill="62"] > .ocBar {
          clip: rect(auto, auto, auto);
        }
        .oddCircle[data-fill="62"] > .ocBar:before {
          transform: rotate(180deg);
        }
        .oddCircle[data-fill="62"] > .ocBar:after {
          transform: rotate(223.2deg);
        }
        .oddCircle[data-fill="63"] > .ocBar {
          clip: rect(auto, auto, auto);
        }
        .oddCircle[data-fill="63"] > .ocBar:before {
          transform: rotate(180deg);
        }
        .oddCircle[data-fill="63"] > .ocBar:after {
          transform: rotate(226.8deg);
        }
        .oddCircle[data-fill="64"] > .ocBar {
          clip: rect(auto, auto, auto);
        }
        .oddCircle[data-fill="64"] > .ocBar:before {
          transform: rotate(180deg);
        }
        .oddCircle[data-fill="64"] > .ocBar:after {
          transform: rotate(230.4deg);
        }
        .oddCircle[data-fill="65"] > .ocBar {
          clip: rect(auto, auto, auto);
        }
        .oddCircle[data-fill="65"] > .ocBar:before {
          transform: rotate(180deg);
        }
        .oddCircle[data-fill="65"] > .ocBar:after {
          transform: rotate(234deg);
        }
        .oddCircle[data-fill="66"] > .ocBar {
          clip: rect(auto, auto, auto);
        }
        .oddCircle[data-fill="66"] > .ocBar:before {
          transform: rotate(180deg);
        }
        .oddCircle[data-fill="66"] > .ocBar:after {
          transform: rotate(237.6deg);
        }
        .oddCircle[data-fill="67"] > .ocBar {
          clip: rect(auto, auto, auto);
        }
        .oddCircle[data-fill="67"] > .ocBar:before {
          transform: rotate(180deg);
        }
        .oddCircle[data-fill="67"] > .ocBar:after {
          transform: rotate(241.2deg);
        }
        .oddCircle[data-fill="68"] > .ocBar {
          clip: rect(auto, auto, auto);
        }
        .oddCircle[data-fill="68"] > .ocBar:before {
          transform: rotate(180deg);
        }
        .oddCircle[data-fill="68"] > .ocBar:after {
          transform: rotate(244.8deg);
        }
        .oddCircle[data-fill="69"] > .ocBar {
          clip: rect(auto, auto, auto);
        }
        .oddCircle[data-fill="69"] > .ocBar:before {
          transform: rotate(180deg);
        }
        .oddCircle[data-fill="69"] > .ocBar:after {
          transform: rotate(248.4deg);
        }
        .oddCircle[data-fill="70"] > .ocBar {
          clip: rect(auto, auto, auto);
        }
        .oddCircle[data-fill="70"] > .ocBar:before {
          transform: rotate(180deg);
        }
        .oddCircle[data-fill="70"] > .ocBar:after {
          transform: rotate(252deg);
        }
        .oddCircle[data-fill="71"] > .ocBar {
          clip: rect(auto, auto, auto);
        }
        .oddCircle[data-fill="71"] > .ocBar:before {
          transform: rotate(180deg);
        }
        .oddCircle[data-fill="71"] > .ocBar:after {
          transform: rotate(255.6deg);
        }
        .oddCircle[data-fill="72"] > .ocBar {
          clip: rect(auto, auto, auto);
        }
        .oddCircle[data-fill="72"] > .ocBar:before {
          transform: rotate(180deg);
        }
        .oddCircle[data-fill="72"] > .ocBar:after {
          transform: rotate(259.2deg);
        }
        .oddCircle[data-fill="73"] > .ocBar {
          clip: rect(auto, auto, auto);
        }
        .oddCircle[data-fill="73"] > .ocBar:before {
          transform: rotate(180deg);
        }
        .oddCircle[data-fill="73"] > .ocBar:after {
          transform: rotate(262.8deg);
        }
        .oddCircle[data-fill="74"] > .ocBar {
          clip: rect(auto, auto, auto);
        }
        .oddCircle[data-fill="74"] > .ocBar:before {
          transform: rotate(180deg);
        }
        .oddCircle[data-fill="74"] > .ocBar:after {
          transform: rotate(266.4deg);
        }
        .oddCircle[data-fill="75"] > .ocBar {
          clip: rect(auto, auto, auto);
        }
        .oddCircle[data-fill="75"] > .ocBar:before {
          transform: rotate(180deg);
        }
        .oddCircle[data-fill="75"] > .ocBar:after {
          transform: rotate(270deg);
        }
        .oddCircle[data-fill="76"] > .ocBar {
          clip: rect(auto, auto, auto);
        }
        .oddCircle[data-fill="76"] > .ocBar:before {
          transform: rotate(180deg);
        }
        .oddCircle[data-fill="76"] > .ocBar:after {
          transform: rotate(273.6deg);
        }
        .oddCircle[data-fill="77"] > .ocBar {
          clip: rect(auto, auto, auto);
        }
        .oddCircle[data-fill="77"] > .ocBar:before {
          transform: rotate(180deg);
        }
        .oddCircle[data-fill="77"] > .ocBar:after {
          transform: rotate(277.2deg);
        }
        .oddCircle[data-fill="78"] > .ocBar {
          clip: rect(auto, auto, auto);
        }
        .oddCircle[data-fill="78"] > .ocBar:before {
          transform: rotate(180deg);
        }
        .oddCircle[data-fill="78"] > .ocBar:after {
          transform: rotate(280.8deg);
        }
        .oddCircle[data-fill="79"] > .ocBar {
          clip: rect(auto, auto, auto);
        }
        .oddCircle[data-fill="79"] > .ocBar:before {
          transform: rotate(180deg);
        }
        .oddCircle[data-fill="79"] > .ocBar:after {
          transform: rotate(284.4deg);
        }
        .oddCircle[data-fill="80"] > .ocBar {
          clip: rect(auto, auto, auto);
        }
        .oddCircle[data-fill="80"] > .ocBar:before {
          transform: rotate(180deg);
        }
        .oddCircle[data-fill="80"] > .ocBar:after {
          transform: rotate(288deg);
        }
        .oddCircle[data-fill="81"] > .ocBar {
          clip: rect(auto, auto, auto);
        }
        .oddCircle[data-fill="81"] > .ocBar:before {
          transform: rotate(180deg);
        }
        .oddCircle[data-fill="81"] > .ocBar:after {
          transform: rotate(291.6deg);
        }
        .oddCircle[data-fill="82"] > .ocBar {
          clip: rect(auto, auto, auto);
        }
        .oddCircle[data-fill="82"] > .ocBar:before {
          transform: rotate(180deg);
        }
        .oddCircle[data-fill="82"] > .ocBar:after {
          transform: rotate(295.2deg);
        }
        .oddCircle[data-fill="83"] > .ocBar {
          clip: rect(auto, auto, auto);
        }
        .oddCircle[data-fill="83"] > .ocBar:before {
          transform: rotate(180deg);
        }
        .oddCircle[data-fill="83"] > .ocBar:after {
          transform: rotate(298.8deg);
        }
        .oddCircle[data-fill="84"] > .ocBar {
          clip: rect(auto, auto, auto);
        }
        .oddCircle[data-fill="84"] > .ocBar:before {
          transform: rotate(180deg);
        }
        .oddCircle[data-fill="84"] > .ocBar:after {
          transform: rotate(302.4deg);
        }
        .oddCircle[data-fill="85"] > .ocBar {
          clip: rect(auto, auto, auto);
        }
        .oddCircle[data-fill="85"] > .ocBar:before {
          transform: rotate(180deg);
        }
        .oddCircle[data-fill="85"] > .ocBar:after {
          transform: rotate(306deg);
        }
        .oddCircle[data-fill="86"] > .ocBar {
          clip: rect(auto, auto, auto);
        }
        .oddCircle[data-fill="86"] > .ocBar:before {
          transform: rotate(180deg);
        }
        .oddCircle[data-fill="86"] > .ocBar:after {
          transform: rotate(309.6deg);
        }
        .oddCircle[data-fill="87"] > .ocBar {
          clip: rect(auto, auto, auto);
        }
        .oddCircle[data-fill="87"] > .ocBar:before {
          transform: rotate(180deg);
        }
        .oddCircle[data-fill="87"] > .ocBar:after {
          transform: rotate(313.2deg);
        }
        .oddCircle[data-fill="88"] > .ocBar {
          clip: rect(auto, auto, auto);
        }
        .oddCircle[data-fill="88"] > .ocBar:before {
          transform: rotate(180deg);
        }
        .oddCircle[data-fill="88"] > .ocBar:after {
          transform: rotate(316.8deg);
        }
        .oddCircle[data-fill="89"] > .ocBar {
          clip: rect(auto, auto, auto);
        }
        .oddCircle[data-fill="89"] > .ocBar:before {
          transform: rotate(180deg);
        }
        .oddCircle[data-fill="89"] > .ocBar:after {
          transform: rotate(320.4deg);
        }
        .oddCircle[data-fill="90"] > .ocBar {
          clip: rect(auto, auto, auto);
        }
        .oddCircle[data-fill="90"] > .ocBar:before {
          transform: rotate(180deg);
        }
        .oddCircle[data-fill="90"] > .ocBar:after {
          transform: rotate(324deg);
        }
        .oddCircle[data-fill="91"] > .ocBar {
          clip: rect(auto, auto, auto);
        }
        .oddCircle[data-fill="91"] > .ocBar:before {
          transform: rotate(180deg);
        }
        .oddCircle[data-fill="91"] > .ocBar:after {
          transform: rotate(327.6deg);
        }
        .oddCircle[data-fill="92"] > .ocBar {
          clip: rect(auto, auto, auto);
        }
        .oddCircle[data-fill="92"] > .ocBar:before {
          transform: rotate(180deg);
        }
        .oddCircle[data-fill="92"] > .ocBar:after {
          transform: rotate(331.2deg);
        }
        .oddCircle[data-fill="93"] > .ocBar {
          clip: rect(auto, auto, auto);
        }
        .oddCircle[data-fill="93"] > .ocBar:before {
          transform: rotate(180deg);
        }
        .oddCircle[data-fill="93"] > .ocBar:after {
          transform: rotate(334.8deg);
        }
        .oddCircle[data-fill="94"] > .ocBar {
          clip: rect(auto, auto, auto);
        }
        .oddCircle[data-fill="94"] > .ocBar:before {
          transform: rotate(180deg);
        }
        .oddCircle[data-fill="94"] > .ocBar:after {
          transform: rotate(338.4deg);
        }
        .oddCircle[data-fill="95"] > .ocBar {
          clip: rect(auto, auto, auto);
        }
        .oddCircle[data-fill="95"] > .ocBar:before {
          transform: rotate(180deg);
        }
        .oddCircle[data-fill="95"] > .ocBar:after {
          transform: rotate(342deg);
        }
        .oddCircle[data-fill="96"] > .ocBar {
          clip: rect(auto, auto, auto);
        }
        .oddCircle[data-fill="96"] > .ocBar:before {
          transform: rotate(180deg);
        }
        .oddCircle[data-fill="96"] > .ocBar:after {
          transform: rotate(345.6deg);
        }
        .oddCircle[data-fill="97"] > .ocBar {
          clip: rect(auto, auto, auto);
        }
        .oddCircle[data-fill="97"] > .ocBar:before {
          transform: rotate(180deg);
        }
        .oddCircle[data-fill="97"] > .ocBar:after {
          transform: rotate(349.2deg);
        }
        .oddCircle[data-fill="98"] > .ocBar {
          clip: rect(auto, auto, auto);
        }
        .oddCircle[data-fill="98"] > .ocBar:before {
          transform: rotate(180deg);
        }
        .oddCircle[data-fill="98"] > .ocBar:after {
          transform: rotate(352.8deg);
        }
        .oddCircle[data-fill="99"] > .ocBar {
          clip: rect(auto, auto, auto);
        }
        .oddCircle[data-fill="99"] > .ocBar:before {
          transform: rotate(180deg);
        }
        .oddCircle[data-fill="99"] > .ocBar:after {
          transform: rotate(356.4deg);
        }
        .oddCircle[data-fill="100"] > .ocBar {
          clip: rect(auto, auto, auto);
        }
        .oddCircle[data-fill="100"] > .ocBar:before {
          transform: rotate(180deg);
        }
        .oddCircle[data-fill="100"] > .ocBar:after {
          transform: rotate(360deg);
        }
        /*Fill start*/
/*end cirle*/