.detail-top {
    display: none;
}
.apus-breadscrumb .bread-title {
    display: none;
}
.apus-breadscrumb .breadcrumb {
    display: none;
}

.flex-wrapper {
  flex-flow: row nowrap;
}

.single-chart {
  justify-content: space-around ;
}

.circular-chart {
  display: block;
  margin: 10px auto;
  max-width: 80%;
  max-height: 120px;
}

.circle-bg {
  fill: none;
  stroke: #eee;
  stroke-width: 3.8;
}

.circle {
  fill: none;
  stroke-width: 2.8;
  stroke-linecap: round;
  animation: progress 1s ease-out forwards;
}

@keyframes progress {
  0% {
    stroke-dasharray: 0 100;
  }
}

.circular-chart.M0 .circle {
  stroke: #ff9f00;
}

.circular-chart.M1 .circle {
  stroke: #4CC790;
}

.circular-chart.M2 .circle {
  stroke: #3c9ee5;
}

.circular-chart.M3 .circle {
  stroke: #e889c3;
}

.circular-chart.M4 .circle {
  stroke: #3ce5c3;
}

.circular-chart.M5 .circle {
  stroke: #bbe53c;
}

.circular-chart.M6 .circle {
  stroke: #e5b73c;
}

.circular-chart.M7 .circle {
  stroke: #e5903c;
}

.circular-chart.M8 .circle {
  stroke: #e5683c;
}

.circular-chart.M9 .circle {
  stroke: #e53cc3;
}

.circular-chart.M10 .circle {
  stroke: #FCD2D1;
}

.circular-chart.M11 .circle {
  stroke: #FFF3E4;
}

.circular-chart.M12 .circle {
  stroke: #EED6C4;
}

.circular-chart.M13 .circle {
  stroke: #FFB085;
}

.circular-chart.M14 .circle {
  stroke: #90AACB;
}

.circular-chart.M15 .circle {
  stroke: #DE3163;
}

.circular-chart.M16 .circle {
  stroke: #DFFF00;
}

.circular-chart.M17 .circle {
  stroke: #CCCCFF;
}

.colorM0 {
background-color: #ff9f00!important;
}

.colorM1 {
background-color: #4CC790!important;
}

.colorM2 {
background-color: #3c9ee5!important;
}

.colorM3 {
background-color: #e889c3!important;
}

.colorM4 {
background-color: #3ce5c3!important;
}

.colorM5 {
background-color: #bbe53c!important;
}

.colorM6 {
background-color: #e5b73c!important;
}

.colorM7 {
background-color: #e5903c!important;
}

.colorM8 {
background-color: #e5683c!important;
}

.colorM9 {
background-color: #e53cc3!important;
}

.colorM10 {
background-color: #FCD2D1!important;
}

.colorM11 {
background-color: #FFF3E4!important;
}

.colorM12 {
background-color: #EED6C4!important;
}

.colorM13 {
background-color: #FFB085!important;
}

.colorM14 {
background-color: #90AACB!important;
}

.colorM15 {
background-color: #DE3163!important;
}

.colorM16 {
background-color: #DFFF00!important;
}

.colorM17 {
background-color: #CCCCFF!important;
}

.percentage {
  fill: #666;
  font-family: sans-serif;
  font-size: 0.5em;
  text-anchor: middle;
}

.foo {
  float: left;
  width: 25px;
  height: 25px;
  margin: 5px;
  border: 1px solid rgba(0, 0, 0, .5);
  border-radius: 25px;
  text-align: center;
}

.fooa {
    float: left;
    width: 80px;
    height: 30px;
    margin: 5px;
    /* border: 1px solid rgba(0, 0, 0, .5); */
    border-radius: 25px;
    text-align: center;
    color: #666;
    background-color: #eeeeee;
}

.foob {
  float: left;
  text-align: center;
}

.wpt_test.get_results .meter, .wpt_test.get_results .scale.scores {
font-family: iransans !important;
}

.wpt_test.get_results .meter, .wpt_test.get_results .meter > span {
    border-radius: 15px !important;
}

@media only screen and (max-device-width: 480px) {
.wpt_test.get_results .meter, .wpt_test.get_results .scale.scores {
font-size: 70%!important;
}
}
}