.rating-star {
    padding: 0px 0px;
    direction: rtl;
    font-size: 30px;
    unicode-bidi: bidi-override;
    display: inline-block;
}

    .rating-star input {
        opacity: 0;
        position: relative;
        left: -33px;
        z-index: 2;
        cursor: pointer;
        height: 30px;
        width: 30px;
    }

    .rating-star span.star:before {
        color: #777777;
    }

    .rating-star span.star {
        display: inline-block;
        font-family: FontAwesome;
        font-style: normal;
        font-weight: normal;
        position: relative;
        z-index: 1;
    }

        .rating-star span.star:before {
            color: #777777;
            content: "\f006";
        }

    .rating-star input:hover + span.star:before, .rating-star input:hover + span.star ~ span.star:before, .rating-star input:checked + span.star:before, .rating-star input:checked + span.star ~ span.star:before {
        color: #56CCF2;
        content: "\f005";
    }

.selected-rating {
    color: #F3A59C;
    font-weight: bold;
    font-size: 42px;
}