.pegasaas-score-bar {
  position: relative;
  height: 30px;
  width: 30px;
  margin: 0 auto;
}
@media (max-width: 767px) {
	.pegasaas-score-bar {
		margin: 0px; 
	}
}
.pegasaas-accelerator-perfscore { margin-top: 6px; }
#pegasaas-accelerator-main-controls .pegasaas-accelerator-perfscore { margin-top: 0px;}
 
.pegasaas-score-bar div {
  position: absolute;
  height: 30px;
  width: 30px;
  border-radius: 50%;
}
 
#pegasaas-accelerator-main-controls .pegasaas-score-bar div {

  height: 40px;
  width: 40px;

}

.pegasaas-score-bar div span {
  position: absolute;
  font-family: 'Lato', sans-serif;
  font-size: 10px;
  line-height: 25px;
  height: 26px;
  width: 26px;
  left: 2px;
  top: 2px;
	font-weight: bold;
  text-align: center;
	color: #333;
  border-radius: 50%;
  background-color: #fff;
}

.pegasaas-score-bar.slow div span { 
background-color: #FFEEEC;
}
.pegasaas-score-bar.average div span { 
background-color: #FFF6E6;
}
.pegasaas-score-bar.fast div span { 
background-color: #E7FAF0;
}
 
#pegasaas-accelerator-main-controls .pegasaas-score-bar div span {

  line-height: 35px;
  height: 36px;
  width: 36px;
  left: 2px;
  top: 2px;

}


.pegasaas-score-bar .background { background-color: #b3cef6; }
 
.pegasaas-score-bar .rotate {
  clip: rect(0 15px 30px 0);
  background-color: #4b86db;
}
 
.pegasaas-score-bar .left {
  clip: rect(0 15px 30px 0);
  opacity: 1;
  background-color: #b3cef6;
}
 
.pegasaas-score-bar .right {
  clip: rect(0 15px 30px 0);
  transform: rotate(180deg);
  opacity: 0;
  background-color: #4b86db;
}

#pegasaas-accelerator-main-controls .pegasaas-score-bar .rotate {
  clip: rect(0 20px 40px 0);
}
/*
#pegasaas-accelerator-main-controls .left {
  clip: rect(0 20px 40px 0);
}
 
#pegasaas-accelerator-main-controls .right {
  clip: rect(0 20px 40px 0);
}
*/

.pegasaas-feature-box-sidebar .pegasaas-score-bar { margin-top: -6px; margin-right: -8px; float: right; }
.pegasaas-score-bar .fa-hourglass-2 { color: #aaa; }