
.tests{
  display: inline-block;
}

 h2{
  float: left;
  color: #000;
}
 h5{
  float: left;
  text-align: left;
  margin-top:16px;
}
 h6{
  float: left;
  text-align: left;
  margin-top:16px;
   width:84%;
}



.completed{
  margin-top:0px;
}
.completed h5{
  font-size:1.27em;
  color: #000;

}

.completed .test_title{
  opacity: 0.7;
  color: #000000;
}
.yetTo .test_title{
  opacity: 0.7;
  color: #000000;
}
.yetTo h5{
  opacity: 0.5;
  color: #000000;
}
.Active h5{
  opacity: 0.5;
  color: #000000;
}
.completed{
  margin-top:0px;
}
.Active {
  padding-top:12px;
}
.notStarted{
  padding-top:52px;
}
.coachEvaluation{
  padding-top: 13px;
}

.coachEvaluation h5{
  color: #00CCFF;
  opacity: 0.7;
  font-size: 0.6em;
  margin-top:13px;
}
.Progress{
  display: inline-block;
  float: left;
  clear: both;
  height: 6px;
  width: 100%;
  /* margin-top:15px;*/
  border-radius: 100px;
  background-color: #D8D8D8;
}
.progress_fill{

  width: 60%;
  display: inline-block;
  float: left;
  height: 6px;
  position: relative;
  top: 0px;
  left: -1px;
  border-radius: 98px;
}
.completed .progress_fill{
  background: linear-gradient(180deg, #B5EB45 0%, #7ED321 100%);
  width: 60%;
  display: inline-block;
  float: left;
  height: 6px;
  position: relative;
  top: 0px;
  left: -1px;
  border-radius: 98px;
}
.Active .progress_fill{

  background: linear-gradient(180deg, #FAD961 0%, #F76B1C 100%);
  width: 60%;
  display: inline-block;
  float: left;
  height: 6px;
  position: relative;
  top: 0px;
  left: -1px;
  border-radius: 98px;
}
.notStarted .progress_fill{
  background: transparent;
}
.coachEvaluation .progress_fill{
  background: linear-gradient(180deg, #74E4FF 0%, #00CCFF 100%);
  opacity: 0.5;

}
