@import url(https://netdna.bootstrapcdn.com/font-awesome/3.2.1/css/font-awesome.css);
.myratings1, .myratings2, .myratings3 {
    font-size: 70px;
    color: #52B54A
}
.reset-option1, .reset-option2, .reset-option3 {
    display: none
}
.rating1, .rating2, .rating3 {
    border: none;
}
.rating1>label:before, .rating2>label:before, .rating3>label:before {
    margin: 5px;
    font-size: 4.5em;
    font-family: FontAwesome;
    display: inline-block;
    content: "\f005"
}
.rating1>.half:before, .rating2>.half:before, .rating3>.half:before {
    content: "\f089";
    position: absolute
}
.rating1>label, .rating2>label, .rating3>label {
    color: #ddd;
    float: right
}
.rating1>[id^="star"], .rating2>[id^="star"], .rating3>[id^="star"] {
    display: none
}
.rating1>[id^="star"]:checked~label,
.rating2>[id^="star"]:checked~label,
.rating3>[id^="star"]:checked~label,
.rating1:not(:checked)>label:hover,
.rating2:not(:checked)>label:hover,
.rating3:not(:checked)>label:hover,
.rating1:not(:checked)>label:hover~label,
.rating2:not(:checked)>label:hover~label,
.rating3:not(:checked)>label:hover~label {
    color: #52B54A
}
.rating1>[id^="star"]:checked+label:hover,
.rating2>[id^="star"]:checked+label:hover,
.rating3>[id^="star"]:checked+label:hover,
.rating1>[id^="star"]:checked~label:hover,
.rating2>[id^="star"]:checked~label:hover,
.rating3>[id^="star"]:checked~label:hover,
.rating1>label:hover~[id^="star"]:checked~label,
.rating2>label:hover~[id^="star"]:checked~label,
.rating3>label:hover~[id^="star"]:checked~label,
.rating1>[id^="star"]:checked~label:hover~label,
.rating2>[id^="star"]:checked~label:hover~label,
.rating3>[id^="star"]:checked~label:hover~label{
    color: #B7C43A
}