.starRating:not(old){
  display        : inline-block;
  width          : 7.5em;
  height         : 1.5em;
  overflow       : hidden;
  vertical-align : middle;
}

.starRating:not(old) > input{
  margin-right : -100%;
  opacity      : 0;
}

.starRating:not(old) > label{
  display         : block;
  float           : right;
  position        : relative;
  background      : url("../images/fake-temp/star-blank.png");
  background-size : contain;
}

.starRating:not(old) > label:before{
  content         : '';
  display         : block;
  width           : 1.5em;
  height          : 1.5em;
  background      : url('../images/fake-temp/star-fill.png');
  background-size : contain;
  opacity         : 0;
  transition      : opacity 0.2s linear;
}

.ratable.starRating:not(old) > label:hover:before,
.ratable.starRating:not(old) > label:hover ~ label:before,
.ratable.starRating:not(:hover) > :checked ~ label:before,{
  /*opacity : 1;*/
}


.moveLeft{
  position:absolute;left:8px;top:65px;
}


.starRating.rating1 > label[for*="rating2"] ~ label:before,
.starRating.rating1 > label[htmlfor*="rating2"] ~ label:before {
opacity : 1 !important;
}

.starRating.rating2 > label[for*="rating3"] ~ label:before,
.starRating.rating2 > label[htmlfor*="rating3"] ~ label:before {
opacity : 1 !important;
}

.starRating.rating3 > label[for*="rating4"] ~ label:before,
.starRating.rating3 > label[htmlfor*="rating4"] ~ label:before {
opacity : 1 !important;
}

.starRating.rating4 > label[for*="rating5"] ~ label:before,
.starRating.rating4 > label[htmlfor*="rating5"] ~ label:before {
opacity : 1 !important;
}

.starRating.rating5 > label:before{
opacity : 1 !important;
}