/* Base setup */
@import url(//netdna.bootstrapcdn.com/font-awesome/3.2.1/css/font-awesome.css);
/* Ratings widget */
#content_list_porduct .rate {
    display: inline-block;
    border: 0;
    padding: 0;
    margin: 0;
}
/* Hide radio */
#content_list_porduct .rate > input {
    display: none;
}
/* Order correctly by floating highest to the right */
#content_list_porduct .rate > label {
    float: right;
}
/* The star of the show */
#content_list_porduct .rate > label:before {
    display: inline-block;
    font-size: 1.1rem;
    padding: 0.3rem 0.2rem;
    margin: 0;
    cursor: pointer;
    font-family: FontAwesome;
    content: "\f005 "; /* full star */
}
/* Zero stars rating */
#content_list_porduct .rate > label:last-child:before {
    content: "\f089 "; /* half star no outline */
}
/* Half star trick */
#content_list_porduct .rate .half:before {
    content: "\f089 "; /* half star no outline */
    position: absolute;
    padding-right: 0;
}
/* Click + hover color */
#content_list_porduct input:checked ~ label, /* color current and previous stars on checked */
#content_list_porduct label:hover, 
#content_list_porduct label:hover ~ label {
    color: #94f619;
} /* color previous stars on hover */

/* Hover highlights */
#content_list_porduct input:checked + label:hover, input:checked ~ label:hover, /* highlight current and previous stars */
#content_list_porduct input:checked ~ label:hover ~ label, /* highlight previous selected stars for new rating */
#content_list_porduct label:hover ~ input:checked ~ label /* highlight previous selected stars */ {
    color: #94f619;
}

/* ---------------------------------------product-detail--------------------------------------- */

/* Ratings widget */
#product-detail .rate {
    display: inline-block;
    border: 0;
}
/* Hide radio */
#product-detail .rate > input {
    display: none;
}
/* Order correctly by floating highest to the right */
#product-detail .rate > label {
    float: right;
}
/* The star of the show */
#product-detail .rate > label:before {
    display: inline-block;
    font-size: 1.1rem;
    padding: 0.3rem 0.2rem;
    margin: 0;
    cursor: pointer;
    font-family: FontAwesome;
    content: "\f005 "; /* full star */
}
/* Zero stars rating */
#product-detail .rate > label:last-child:before {
    content: "\f089 "; /* half star no outline */
}
/* Half star trick */
#product-detail .rate .half:before {
    content: "\f089 "; /* half star no outline */
    position: absolute;
    padding-right: 0;
}
/* Click + hover color */
#product-detail input:checked ~ label {
    /* color current and previous stars on checked */
    color: #94f619;
} /* color previous stars on hover */

/* Hover highlights */
#product-detail input:checked + label:hover, input:checked ~ label:hover, /* highlight current and previous stars */
#product-detail  input:checked ~ label:hover ~ label, /* highlight previous selected stars for new rating */
#product-detail  label:hover ~ input:checked ~ label /* highlight previous selected stars */ {
    color: #94f619;
}