.ratingcontrol, .ratingcontrol label::before {
    display: inline-block;
    padding-left: 8px;
}

    .ratingcontrol label:hover, .ratingcontrol label:hover ~ label {
        color: #189800;
    }

    .ratingcontrol * {
        margin: 5px;
        padding: 8px;
    }

    .ratingcontrol input {
        display: none;
    }

.ratingcontrol {
    unicode-bidi: bidi-override;
    direction: rtl;
    position:relative;
}

    .ratingcontrol label {
        color: #ccc;
    }

        .ratingcontrol label::before {
            content: "\2605";
            width: 18px;
            line-height: 5px;
            text-align: left;
            font-size: 25px;
            cursor: pointer;
            position: absolute;
            min-width: 0px !important;
        }

    .ratingcontrol input:checked ~ label {
        color: #f5b301;
    }

.labelrate {
    min-width: 0px !important;
    width: auto !important;
}


#tblGridDetail .ratingcontrol label::before {
    font-size: 15px;
    margin: 0px;
    line-height: 0px;
    padding-left: 0px;
}

#tblGridDetail .ratingcontrol * {
    padding-right: 0px;
    padding-bottom: 0px;
    padding-top: 0px;
}

#tblGridDetail .ratingcontrol *, .ratingcontrol.lbl-view * {
    pointer-events: none;
}