@font-face {
    font-family: 'fontello-star-rating';
    src: url('/libs/fonts/fontello-star-rating.eot');
    src: url('/libs/fonts/fontello-star-rating.eot#iefix') format('embedded-opentype'), url('/libs/fonts/fontello-star-rating.woff') format('woff'), url('/libs/fonts/fontello-star-rating.ttf') format('truetype'), url('/libs/fonts/fontello-star-rating.svg#fontello-star-rating') format('svg');
    font-weight: normal;
    font-style: normal;
}

.rating-cancel,
.star-rating {
    position: relative;
    top: 1px;
    font-family: 'fontello-star-rating';
    font-style: normal;
    font-weight: normal;
    speak: none;
    display: inline-block;
    text-decoration: none;
    text-align: center;
    /* opacity: .8; */
    /* For safety - reset parent styles, that can break glyph codes*/
    font-variant: normal;
    text-transform: none;
    /* fix buttons height, for twitter bootstrap */
    line-height: 1em;
    /* Animation center compensation - margins should be symmetric */
    /* remove if not needed */
    margin-left: .2em;
    /* you can be more comfortable with increased icons size */
    /* font-size: 120%; */
    /* Font smoothing. That was taken from TWBS */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    cursor: pointer;
    color: #999;
    text-shadow: 0px 1px 0px white;
}

.rating-cancel a,
.star-rating a {
    display: none;
}

.rating-cancel {
    display: none;
}

.star-rating:before {
    content: "\e802";
}

.star-rating-hover:before,
.star-rating-on:before {
    content: "\e801";
}

.star-rating-half:before {
    content: '\e804';
}

.star-rating-on {
    color: #ffc000;
}

.star-rating-hover {
    /* color: #a4a4a4; */
}

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