/* Rating Star Widgets Style */
.rating-stars ul {
  list-style-type:none;
  padding:0;
  
  -moz-user-select:none;
  -webkit-user-select:none;
}
.rating-stars ul > li.star {
  display:inline-block;
  
}
.rating-stars ul > form li.star {
  display:inline-block;
  
}

/* Hover state of the stars */
.add-review-form #rating li.star.hover i.fa {
  color:#dfd23b;
}

/* Selected state of the stars */
.add-review-form #rating li.star.selected i.fa{
  color:#FFCC36;
}


span.usr_stars, span.usr_stars span {
    display: block;
    background: url(../images/stars.png) 0 -16px repeat-x;
    width: 80px;
    height: 17px;
}

span.usr_stars span {
    background-position: 0 0;
}
.rate-avg-user:checked + i:after, [type="radio"]:not(:checked) + i:after {
  background: none;
}
.rate-avg-user:checked + i:before, [type="radio"]:not(:checked) + i:before {
  background: none;
  }

.rate-avg-user {
    width:100px;
}
.rate-avg-user span { float:right; position:relative; }
.rate-avg-user span input {
    position:absolute;
    top:0px;
    left:0px;
    opacity:0;
    cursor: pointer !important;
}
.rate-avg-user span i {
    display:inline-block;
    width:15px;
    height:15px;
    text-align:center;
    color:#ccc;
    font-size:15px;
    margin-right:2px;

}

.rate-avg-user span:hover ~ span i,
.rate-avg-user span:hover i,
.rate-avg-user span.checked i,
.rate-avg-user span.checked ~ span i{
    color:#dfd23b;
}