div.rating-cancel,
div.star-rating {
    font-size: 18px;
    float: left;
    width: 20px;
    height: 20px;
    cursor: pointer;
    display: block;
    background: transparent;
    overflow: hidden;
}

div.rating-cancel {
    font-family: FontAwesome;
    font-feature-settings: normal;
    font-kerning: auto;
    font-language-override: normal;
    font-size-adjust: none;
    font-stretch: normal;
    font-style: normal;
    font-synthesis: weight style;
    font-variant: normal;
    font-weight: normal;
    line-height: 1;
    text-rendering: auto;
}

div.rating-cancel.star-rating-hover {
    color: #aa0b0b !important;
}

div.rating-cancel a {
    /*background: url(../images/delete.gif) no-repeat 0 -16px;*/
}

div.rating-cancel:before {
    content: "\f056";
    font-family: FontAwesome;
}

div.star-rating,
div.star-rating a {
    /*background: url(../images/star.gif) no-repeat 0 0;*/
}

div.rating-cancel a,
div.star-rating {
    color: #333;
}

div.star-rating a {
    color: #fff;
    display: block;
    width: 20px;
    height: 100%;
    background-position: 0 0;
}

div.star-rating-on a {
    background-position: 0 -16px !important;
}

div.star-rating-hover a {
    background-position: 0 -32px;
}


/* Read Only CSS */

div.star-rating-readonly a {
    cursor: default !important;
}


/* Partial Star CSS */

div.star-rating {
    background: transparent !important;
    overflow: hidden !important;
}

@media (max-width: 767px) {
    div.rating-cancel,
    div.star-rating {
        width: 30px;
        height: 30px;
        font-size: 28px;
    }
}