/* -------------------------------------------- */
/* rating stars */
/* -------------------------------------------- */
.rating {
    direction: rtl;
    font-size: 1.2em;
    float: left;
    color: #D3D3D3 !important;
    white-space: nowrap;
}

.rating > input {
    display: none;
}

.rating > input:checked ~ label {
    color: #539700 !important;
}

.rating-enabled > input:checked + label:hover,
.rating-enabled > input:checked + label:hover ~ label,
.rating-enabled > input:checked ~ label:hover,
.rating-enabled > input:checked ~ label:hover ~ label,
.rating-enabled > label:hover ~ input:checked ~ label,
.rating-enabled:not(:checked) > label:hover,
.rating-enabled:not(:checked) > label:hover ~ label {
    color: #80E800;
    cursor: pointer
}