/* star ratings */
.rating {
    overflow: hidden;
    display: inline-block;
    position: relative;
    font-size:14px;
    color: #FFCA00;
}

.rating {
    overflow: hidden;
    display: inline-block;
    position: relative;
    font-size:20px;
    color: #FFCA00;
}
.rating-star {
    padding: 0 5px;
    margin: 0;
    cursor: pointer;
    display: block;
    float: right;
}
.rating-star:after {
    position: relative;
    font-family: FontAwesome;
    content:'\f006';
}

.rating-star.checked ~ .rating-star:after,
.rating-star.checked:after {
  content:'\f005';
  /*content:'\f0f9';*/
}

.rating:hover .rating-star:after {content:'\f006';}

.rating-star:hover ~ .rating-star:after,
.rating-star:hover:after {
    content:'\f005' !important;
}

/*show ratings already given */
.rating-starfilled {
    padding: 0 5px;
    margin: 0;
    cursor: pointer;
    display: block;
    float: right;
    color: #FFCA00;
}

.rating-starfilled:after {
    position: relative;
    font-family: FontAwesome;
    content:'\f005';
}

.rating-starempty {
    padding: 0 5px;
    margin: 0;
    cursor: pointer;
    display: block;
    float: right;
    color: #FFCA00;
}

.rating-starempty:after {
    position: relative;
    font-family: FontAwesome;
    content:'\f006';
}

.rating-halfstar {
    padding: 0 5px;
    margin: 0;
    cursor: pointer;
    display: block;
    float: right;
    color: #FFCA00;
}

.rating-halfstar:before {
    padding: 0 5px;
    position: absolute;
    font-family: FontAwesome;
    content:'\f006';
}

.rating-halfstar:after {
    padding: 0 5px;
    position: relative;
    font-family: FontAwesome;
    content:'\f089';
}