.rateit {
    display: -moz-inline-box;
    display: inline-block;
    position: relative;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -o-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
}

    .rateit .rateit-range {
        position: relative;
        display: -moz-inline-box;
        display: inline-block;
        /*background: url(star.gif);*/
        height: 16px;
        outline: none;
    }

        .rateit .rateit-range * {
            display: block;
        }

    /* for IE 6 */
    * html .rateit, * html .rateit .rateit-range {
        display: inline;
    }

        /* for IE 7 */
        * + html .rateit, * + html .rateit .rateit-range {
            display: inline;
        }

            .rateit .rateit-hover, .rateit .rateit-selected {
                position: absolute;
                left: 0;
                top: 0;
                width: 0;
            }

            .rateit .rateit-hover-rtl, .rateit .rateit-selected-rtl {
                left: auto;
                right: 0;
            }

            .rateit .rateit-hover {
                /*background: url(star.gif) left -32px;*/
                /*color: rgb(239, 197, 41);*/
                color: #ff8c00;
            }

            .rateit .rateit-hover-rtl {
                background-position: right -32px;
            }

            .rateit .rateit-selected {
                /*background: url(star.gif) left -16px;*/
                /*color: rgb(191,66,66);*/
                color: #ff8c00;
            }

            .rateit .rateit-selected-rtl {
                background-position: right -16px;
            }

            .rateit .rateit-preset {
                /*background: url(star.gif) left -48px;*/
                color: rgb(239, 107, 34);
            }

            .rateit .rateit-preset-rtl {
                /*background: url(star.gif) left -48px;*/
            }

            .rateit button.rateit-reset {
                background: url(delete.gif) 0 0;
                width: 16px;
                height: 16px;
                display: -moz-inline-box;
                display: inline-block;
                float: left;
                outline: none;
                border: none;
                padding: 0;
            }

            .rateit .rateit-reset span {
                display: none;
            }

            .rateit button.rateit-reset:hover, .rateit button.rateit-reset:focus {
                background-position: 0 -16px;
            }


.rateit-font {
    font-size: 24px;
    line-height: 1em;
}

    .rateit-font .rateit-range {
        background: none;
        height: auto;
    }

    .rateit-font .rateit-empty {
        color: rgba(0,0,0, 0.24);
    }

    .rateit-font .rateit-range > div, .rateit-font .rateit-range > span {
        background: none;
        overflow: hidden;
        cursor: default;
    }

.rateit.rateit-font .rateit-reset {
    font-size: inherit;
    background: none;
    width: 0.6em;
    height: 0.6em;
    margin-top: 0.2em;
    background: gray;
    border-radius: 50%;
    position: relative;
}

    .rateit.rateit-font .rateit-reset span {
        display: block;
        font-weight: bold;
        color: white;
        height: calc(50% - 0.045em);
        top: 0;
        position: absolute;
        border-bottom: 0.09em solid white;
        width: 72%;
        margin-left: 14%;
    }


    .rateit.rateit-font .rateit-reset:hover, .rateit.rateit-font button.rateit-reset:focus {
        background: #e6574b; /* Old browsers */
        background: radial-gradient(ellipse at center, #e6574b 55%,#f6836b 77%,#f9d3cc 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
        background-position: 0 0;
    }




div.svg div.rateit-range {
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' version='1.1' id='Capa_1' x='0px' y='0px' viewBox='0 0 477.899 477.899' style='enable-background:new 0 0 477.899 477.899;' xml:space='preserve'%3E%3Cg%3E%3Cg%3E%3Cpath d='M469.11,170.122c-5.462-6.13-12.926-10.117-21.058-11.249v-0.017l-127.01-17.545L270.781,21.213 c-7.339-17.579-27.539-25.88-45.117-18.541c-8.38,3.499-15.043,10.161-18.541,18.541l-50.261,120.098l-127.01,17.545 c-18.923,2.634-32.128,20.111-29.494,39.034c1.132,8.132,5.119,15.596,11.249,21.058l95.693,85.333L87.638,438.185 c-2.13,13.597,4.115,27.144,15.838,34.355c11.558,7.391,26.425,7.115,37.7-0.7l97.775-66.492l97.775,66.56 c15.777,10.708,37.248,6.599,47.957-9.178c4.866-7.17,6.859-15.907,5.582-24.477l-19.661-133.956l95.693-85.333 C480.561,206.254,481.821,184.386,469.11,170.122z M341.01,285.012c-4.281,3.825-6.352,9.545-5.513,15.224l20.48,143.36 l-107.383-73.011c-5.789-3.934-13.394-3.934-19.183,0l-108.015,72.567l21.009-142.984c0.816-5.656-1.254-11.345-5.513-15.155 l-102.4-92.297l136.67-18.859c5.984-0.825,11.085-4.752,13.414-10.325l54.579-129.399c0.062,0.076,0.108,0.163,0.137,0.256 l54.016,129.075c2.329,5.573,7.431,9.5,13.414,10.325l136.841,19.695L341.01,285.012z'/%3E%3C/g%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3C/svg%3E");
}

div.svg div.rateit-hover {
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' version='1.1' id='Capa_1' x='0px' y='0px' viewBox='0 0 511.916 511.916' style='enable-background:new 0 0 511.916 511.916;' xml:space='preserve'%3E%3Cpath style='fill:%23FFC107;' d='M495.253,197.676c-1.8-5.322-6.415-9.197-11.968-10.048l-147.584-22.4L269.589,24.204 c-3.501-7.493-12.414-10.73-19.908-7.228c-3.183,1.487-5.741,4.046-7.228,7.228l-66.144,140.8L28.821,187.628 C20.627,188.88,15,196.537,16.251,204.73c0.473,3.096,1.903,5.967,4.089,8.21l107.168,109.824l-25.344,155.328 c-0.916,5.667,1.466,11.361,6.144,14.688c2.538,1.76,5.551,2.708,8.64,2.72c2.544,0.012,5.048-0.639,7.264-1.888l131.808-72.8 l131.808,72.864c7.231,4.015,16.348,1.408,20.363-5.823c1.638-2.95,2.232-6.367,1.685-9.697l-25.344-155.392l107.2-109.888 C495.635,208.854,496.99,203.003,495.253,197.676z'/%3E%3Cpath d='M404.341,511.564c-2.697-0.001-5.35-0.683-7.712-1.984l-140.608-77.728L115.413,509.58 c-7.736,4.271-17.469,1.462-21.74-6.275c-1.737-3.147-2.364-6.787-1.78-10.333l27.04-165.696L4.565,210.092 c-6.18-6.316-6.071-16.446,0.245-22.626c2.395-2.344,5.466-3.877,8.779-4.382l157.408-24.064L241.525,8.78 c4.548-8.006,14.725-10.809,22.731-6.261c2.613,1.484,4.776,3.648,6.261,6.261l70.4,150.24l157.408,24.064 c8.736,1.332,14.738,9.493,13.406,18.229c-0.505,3.313-2.038,6.384-4.382,8.779L392.981,327.276l27.04,165.696 c1.432,8.72-4.477,16.949-13.197,18.381c-0.863,0.142-1.737,0.212-2.611,0.211H404.341z M256.021,397.58 c2.708-0.005,5.372,0.678,7.744,1.984l119.488,66.048l-23.04-141.152c-0.807-5.007,0.808-10.1,4.352-13.728l98.24-100.704 l-135.04-20.64c-5.275-0.808-9.799-4.193-12.064-9.024l-59.68-127.136l-59.68,127.136c-2.265,4.831-6.789,8.216-12.064,9.024 l-135.04,20.64l98.24,100.704c3.544,3.628,5.159,8.721,4.352,13.728l-23.04,141.152l119.488-66.048 C250.649,398.258,253.313,397.575,256.021,397.58z'/%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3C/svg%3E");
}

div.svg div.rateit-selected {
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' version='1.1' id='Capa_1' x='0px' y='0px' viewBox='0 0 511.916 511.916' style='enable-background:new 0 0 511.916 511.916;' xml:space='preserve'%3E%3Cpath style='fill:%23FFC107;' d='M495.253,197.676c-1.8-5.322-6.415-9.197-11.968-10.048l-147.584-22.4L269.589,24.204 c-3.501-7.493-12.414-10.73-19.908-7.228c-3.183,1.487-5.741,4.046-7.228,7.228l-66.144,140.8L28.821,187.628 C20.627,188.88,15,196.537,16.251,204.73c0.473,3.096,1.903,5.967,4.089,8.21l107.168,109.824l-25.344,155.328 c-0.916,5.667,1.466,11.361,6.144,14.688c2.538,1.76,5.551,2.708,8.64,2.72c2.544,0.012,5.048-0.639,7.264-1.888l131.808-72.8 l131.808,72.864c7.231,4.015,16.348,1.408,20.363-5.823c1.638-2.95,2.232-6.367,1.685-9.697l-25.344-155.392l107.2-109.888 C495.635,208.854,496.99,203.003,495.253,197.676z'/%3E%3Cpath d='M404.341,511.564c-2.697-0.001-5.35-0.683-7.712-1.984l-140.608-77.728L115.413,509.58 c-7.736,4.271-17.469,1.462-21.74-6.275c-1.737-3.147-2.364-6.787-1.78-10.333l27.04-165.696L4.565,210.092 c-6.18-6.316-6.071-16.446,0.245-22.626c2.395-2.344,5.466-3.877,8.779-4.382l157.408-24.064L241.525,8.78 c4.548-8.006,14.725-10.809,22.731-6.261c2.613,1.484,4.776,3.648,6.261,6.261l70.4,150.24l157.408,24.064 c8.736,1.332,14.738,9.493,13.406,18.229c-0.505,3.313-2.038,6.384-4.382,8.779L392.981,327.276l27.04,165.696 c1.432,8.72-4.477,16.949-13.197,18.381c-0.863,0.142-1.737,0.212-2.611,0.211H404.341z M256.021,397.58 c2.708-0.005,5.372,0.678,7.744,1.984l119.488,66.048l-23.04-141.152c-0.807-5.007,0.808-10.1,4.352-13.728l98.24-100.704 l-135.04-20.64c-5.275-0.808-9.799-4.193-12.064-9.024l-59.68-127.136l-59.68,127.136c-2.265,4.831-6.789,8.216-12.064,9.024 l-135.04,20.64l98.24,100.704c3.544,3.628,5.159,8.721,4.352,13.728l-23.04,141.152l119.488-66.048 C250.649,398.258,253.313,397.575,256.021,397.58z'/%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3C/svg%3E");
}

div.svg div.rateit-preset {
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' version='1.1' id='Capa_1' x='0px' y='0px' viewBox='0 0 477.899 477.899' style='enable-background:new 0 0 477.899 477.899;' xml:space='preserve'%3E%3Cg%3E%3Cg%3E%3Cpath d='M469.11,170.122c-5.462-6.13-12.926-10.117-21.058-11.249v-0.017l-127.01-17.545L270.781,21.213 c-7.339-17.579-27.539-25.88-45.117-18.541c-8.38,3.499-15.043,10.161-18.541,18.541l-50.261,120.098l-127.01,17.545 c-18.923,2.634-32.128,20.111-29.494,39.034c1.132,8.132,5.119,15.596,11.249,21.058l95.693,85.333L87.638,438.185 c-2.13,13.597,4.115,27.144,15.838,34.355c11.558,7.391,26.425,7.115,37.7-0.7l97.775-66.492l97.775,66.56 c15.777,10.708,37.248,6.599,47.957-9.178c4.866-7.17,6.859-15.907,5.582-24.477l-19.661-133.956l95.693-85.333 C480.561,206.254,481.821,184.386,469.11,170.122z M341.01,285.012c-4.281,3.825-6.352,9.545-5.513,15.224l20.48,143.36 l-107.383-73.011c-5.789-3.934-13.394-3.934-19.183,0l-108.015,72.567l21.009-142.984c0.816-5.656-1.254-11.345-5.513-15.155 l-102.4-92.297l136.67-18.859c5.984-0.825,11.085-4.752,13.414-10.325l54.579-129.399c0.062,0.076,0.108,0.163,0.137,0.256 l54.016,129.075c2.329,5.573,7.431,9.5,13.414,10.325l136.841,19.695L341.01,285.012z'/%3E%3C/g%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3C/svg%3E");
}