body {
  /*background-color: #fcfcfd;*/
}
.div_pie {
    width: 90%;
    position: relative;
    left: 5%;
    background: #fff;
    border-radius: 5px;
    padding: 5px 0px 10px;
    margin-bottom: 15px;
    text-align:center;
}
.div_pie:hover{opacity:0.8;}
.div_pie>figure {
     position: relative;
  display: inline-block;
  margin: 0 auto;
  border-radius: 50%;
  overflow: hidden;
}
.div_pie>figure>svg {
  width: 100%;
  height: 100%;
  -webkit-transform: rotate(-90deg);
  transform: rotate(-90deg);
  overflow: visible;
}

.div_pie .percentage {
    font-size: 16px;
}


.div_pie .percentage{
      position: absolute;
  opacity: 1;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
}
.div_pie .percentage .name{
    font-size:20px;
    height:30px;
    line-height:30px;
    display:block;
    color:#333;
}
.div_pie .percentage .text {width:100%;height:25px;line-height:25px;display:block;font-size:14px;color:#666;}
.div_pie span b{color:#90cd18;}

.div_pie .button {
    width: 100%;
}
.div_pie .button a {
    font-size: 16px;
    line-height: 30px;
    text-align: center;
    background: #f90;
    border-radius: 3px;
    color: #fff;
    padding: 5px;
}

.div_pie .button a:active {
      color: red;
}

#LearningHistory figure {
  box-shadow: none;
  background: #90cd18;
}
#LearningHistory figure circle:nth-child(1) {
  fill: #efefef;
}
#LearningHistory figure circle:nth-child(2) {
  fill: #efefef;
  stroke: #90cd18;
}
#LearningHistory figure .percentage {
  color: #90cd18;
}
.div_pie figure circle:nth-child(1) {
 /* fill: #ccc;*/
   fill: #efefef;
}

#MyError figure {
  box-shadow: none;
  background: #ad2500;
}
#MyError figure circle:nth-child(1) {
  fill: #efefef;
}
#MyError figure circle:nth-child(2) {
  fill: #efefef;
  stroke: #ad2500;
}
#MyError figure .percentage {
  color: #90cd18;
}

.inner_circle {
  position: absolute;
  opacity: 1;
  top: 50%;
  left: 50%;
  font-family: Helvetica;
  font-size: 2rem;
  /*-webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);*/
}