.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-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTkiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAyMyAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTIxLjUxMDggNy4xNDcyM0wxNC44MDM2IDYuMjA3MjNMMTEuNzk4MSAwLjMyOTA1M0MxMS43MzA0IDAuMjI3NDIyIDExLjYzODYgMC4xNDQwODggMTEuNTMwOSAwLjA4NjQ1MTNDMTEuNDIzMiAwLjAyODgxNDQgMTEuMzAzIC0wLjAwMTM0Mjc3IDExLjE4MDggLTAuMDAxMzQyNzdDMTEuMDU4NyAtMC4wMDEzNDI3NyAxMC45Mzg0IDAuMDI4ODE0NCAxMC44MzA4IDAuMDg2NDUxM0MxMC43MjMxIDAuMTQ0MDg4IDEwLjYzMTMgMC4yMjc0MjIgMTAuNTYzNiAwLjMyOTA1M0w3LjU1ODExIDYuMjA3MjNMMC44NTA4MzMgNy4xNDcyM0MwLjczMTY4NCA3LjE1NDU5IDAuNjE3Mjc5IDcuMTk2NiAwLjUyMTY3NSA3LjI2ODA5QzAuNDI2MDcxIDcuMzM5NTggMC4zNTM0MzIgNy40Mzc0MyAwLjMxMjY4MiA3LjU0OTY0QzAuMjcxOTMzIDcuNjYxODUgMC4yNjQ4NDggNy43ODM1MSAwLjI5MjI5OCA3Ljg5OTY5QzAuMzE5NzQ4IDguMDE1ODcgMC4zODA1MzcgOC4xMjE1IDAuNDY3MTk3IDguMjAzNkw1LjMzOTkyIDEyLjc4OTFMNC4xODkwMSAxOS4yNzA5QzQuMTc3MjkgMTkuMzkzNCA0LjE5OTQyIDE5LjUxNjkgNC4yNTMgMTkuNjI3N0M0LjMwNjU4IDE5LjczODYgNC4zODk1NSAxOS44MzI2IDQuNDkyODggMTkuODk5NUM0LjU5NjIxIDE5Ljk2NjUgNC43MTU5MyAyMC4wMDM4IDQuODM5IDIwLjAwNzRDNC45NjIwNyAyMC4wMTEgNS4wODM3NyAxOS45ODA4IDUuMTkwODMgMTkuOTJMMTEuMTgxNyAxNi44NzQ1TDE3LjE3MjcgMTkuOTE0NUMxNy4yNzk3IDE5Ljk3NTMgMTcuNDAxNCAyMC4wMDU1IDE3LjUyNDUgMjAuMDAxOUMxNy42NDc2IDE5Ljk5ODMgMTcuNzY3MyAxOS45NjEgMTcuODcwNiAxOS44OTQxQzE3Ljk3MzkgMTkuODI3MSAxOC4wNTY5IDE5LjczMzEgMTguMTEwNSAxOS42MjIzQzE4LjE2NDEgMTkuNTExNCAxOC4xODYyIDE5LjM4OCAxOC4xNzQ1IDE5LjI2NTRMMTcuMDIzNiAxMi43ODkxTDIxLjg5NjMgOC4yMDM2QzIxLjk4MjEgOC4xMjExNiAyMi4wNDIyIDguMDE1NTYgMjIuMDY5MiA3Ljg5OTYzQzIyLjA5NjIgNy43ODM3MSAyMi4wODg5IDcuNjYyNDQgMjIuMDQ4MyA3LjU1MDU2QzIyLjAwNzYgNy40Mzg2OSAyMS45MzU0IDcuMzQxMDIgMjEuODQwMyA3LjI2OTQyQzIxLjc0NTIgNy4xOTc4MiAyMS42MzE0IDcuMTU1MzcgMjEuNTEyNyA3LjE0NzIzSDIxLjUxMDhaIiBmaWxsPSIjZDNkNGQ1Ii8+Cjwvc3ZnPgo=);
    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-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTkiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxOSAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTE3Ljg1OTIgNS43MTYyOEwxMi40OTU4IDQuOTY0NjJMMTAuMDkyNSAwLjI2NDE5N0MxMC4wMzg0IDAuMTgyOTI5IDkuOTY0OTcgMC4xMTYyOTIgOS44Nzg4NiAwLjA3MDIwMzZDOS43OTI3NiAwLjAyNDExNDkgOS42OTY2IDAgOS41OTg5NCAwQzkuNTAxMjcgMCA5LjQwNTEyIDAuMDI0MTE0OSA5LjMxOTAxIDAuMDcwMjAzNkM5LjIzMjkgMC4xMTYyOTIgOS4xNTk1MSAwLjE4MjkyOSA5LjEwNTM0IDAuMjY0MTk3TDYuNzAyMDYgNC45NjQ2MkwxLjMzODY2IDUuNzE2MjhDMS4yNDMzOSA1LjcyMjE3IDEuMTUxOSA1Ljc1NTc2IDEuMDc1NDUgNS44MTI5MkMwLjk5OTAwNiA1Ljg3MDA5IDAuOTQwOTIxIDUuOTQ4MzQgMC45MDgzMzYgNi4wMzgwNkMwLjg3NTc1MSA2LjEyNzc5IDAuODcwMDg1IDYuMjI1MDggMC44OTIwMzUgNi4zMTc5OEMwLjkxMzk4NSA2LjQxMDg4IDAuOTYyNTk1IDYuNDk1MzQgMS4wMzE4OSA2LjU2MDk5TDQuOTI4MzIgMTAuMjI3N0w0LjAwOCAxNS40MTA4QzMuOTk4NjMgMTUuNTA4OCA0LjAxNjMyIDE1LjYwNzUgNC4wNTkxNyAxNS42OTYyQzQuMTAyMDEgMTUuNzg0OCA0LjE2ODM2IDE1Ljg2IDQuMjUwOTkgMTUuOTEzNUM0LjMzMzYxIDE1Ljk2NzEgNC40MjkzNSAxNS45OTY5IDQuNTI3NzYgMTUuOTk5OEM0LjYyNjE3IDE2LjAwMjYgNC43MjM0OCAxNS45Nzg1IDQuODA5MSAxNS45Mjk5TDkuNTk5NjYgMTMuNDk0NkwxNC4zOTAyIDE1LjkyNTVDMTQuNDc1OCAxNS45NzQxIDE0LjU3MzIgMTUuOTk4MyAxNC42NzE2IDE1Ljk5NTRDMTQuNzcgMTUuOTkyNSAxNC44NjU3IDE1Ljk2MjcgMTQuOTQ4MyAxNS45MDkyQzE1LjAzMSAxNS44NTU2IDE1LjA5NzMgMTUuNzgwNCAxNS4xNDAyIDE1LjY5MThDMTUuMTgzIDE1LjYwMzIgMTUuMjAwNyAxNS41MDQ1IDE1LjE5MTMgMTUuNDA2NUwxNC4yNzEgMTAuMjI3N0wxOC4xNjc0IDYuNTYwOTlDMTguMjM2MSA2LjQ5NTA3IDE4LjI4NDEgNi40MTA2MyAxOC4zMDU3IDYuMzE3OTNDMTguMzI3MyA2LjIyNTIzIDE4LjMyMTQgNi4xMjgyNiAxOC4yODkgNi4wMzg4QzE4LjI1NjUgNS45NDkzNCAxOC4xOTg3IDUuODcxMjQgMTguMTIyNyA1LjgxMzk5QzE4LjA0NjYgNS43NTY3MyAxNy45NTU2IDUuNzIyNzkgMTcuODYwNyA1LjcxNjI4SDE3Ljg1OTJaIiBmaWxsPSIjRkVDRjBDIi8+Cjwvc3ZnPgo=);

}

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

.rateit .rateit-selected {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTkiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxOSAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTE3Ljg1OTIgNS43MTYyOEwxMi40OTU4IDQuOTY0NjJMMTAuMDkyNSAwLjI2NDE5N0MxMC4wMzg0IDAuMTgyOTI5IDkuOTY0OTcgMC4xMTYyOTIgOS44Nzg4NiAwLjA3MDIwMzZDOS43OTI3NiAwLjAyNDExNDkgOS42OTY2IDAgOS41OTg5NCAwQzkuNTAxMjcgMCA5LjQwNTEyIDAuMDI0MTE0OSA5LjMxOTAxIDAuMDcwMjAzNkM5LjIzMjkgMC4xMTYyOTIgOS4xNTk1MSAwLjE4MjkyOSA5LjEwNTM0IDAuMjY0MTk3TDYuNzAyMDYgNC45NjQ2MkwxLjMzODY2IDUuNzE2MjhDMS4yNDMzOSA1LjcyMjE3IDEuMTUxOSA1Ljc1NTc2IDEuMDc1NDUgNS44MTI5MkMwLjk5OTAwNiA1Ljg3MDA5IDAuOTQwOTIxIDUuOTQ4MzQgMC45MDgzMzYgNi4wMzgwNkMwLjg3NTc1MSA2LjEyNzc5IDAuODcwMDg1IDYuMjI1MDggMC44OTIwMzUgNi4zMTc5OEMwLjkxMzk4NSA2LjQxMDg4IDAuOTYyNTk1IDYuNDk1MzQgMS4wMzE4OSA2LjU2MDk5TDQuOTI4MzIgMTAuMjI3N0w0LjAwOCAxNS40MTA4QzMuOTk4NjMgMTUuNTA4OCA0LjAxNjMyIDE1LjYwNzUgNC4wNTkxNyAxNS42OTYyQzQuMTAyMDEgMTUuNzg0OCA0LjE2ODM2IDE1Ljg2IDQuMjUwOTkgMTUuOTEzNUM0LjMzMzYxIDE1Ljk2NzEgNC40MjkzNSAxNS45OTY5IDQuNTI3NzYgMTUuOTk5OEM0LjYyNjE3IDE2LjAwMjYgNC43MjM0OCAxNS45Nzg1IDQuODA5MSAxNS45Mjk5TDkuNTk5NjYgMTMuNDk0NkwxNC4zOTAyIDE1LjkyNTVDMTQuNDc1OCAxNS45NzQxIDE0LjU3MzIgMTUuOTk4MyAxNC42NzE2IDE1Ljk5NTRDMTQuNzcgMTUuOTkyNSAxNC44NjU3IDE1Ljk2MjcgMTQuOTQ4MyAxNS45MDkyQzE1LjAzMSAxNS44NTU2IDE1LjA5NzMgMTUuNzgwNCAxNS4xNDAyIDE1LjY5MThDMTUuMTgzIDE1LjYwMzIgMTUuMjAwNyAxNS41MDQ1IDE1LjE5MTMgMTUuNDA2NUwxNC4yNzEgMTAuMjI3N0wxOC4xNjc0IDYuNTYwOTlDMTguMjM2MSA2LjQ5NTA3IDE4LjI4NDEgNi40MTA2MyAxOC4zMDU3IDYuMzE3OTNDMTguMzI3MyA2LjIyNTIzIDE4LjMyMTQgNi4xMjgyNiAxOC4yODkgNi4wMzg4QzE4LjI1NjUgNS45NDkzNCAxOC4xOTg3IDUuODcxMjQgMTguMTIyNyA1LjgxMzk5QzE4LjA0NjYgNS43NTY3MyAxNy45NTU2IDUuNzIyNzkgMTcuODYwNyA1LjcxNjI4SDE3Ljg1OTJaIiBmaWxsPSIjRkVDRjBDIi8+Cjwvc3ZnPgo=);
}

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

.rateit .rateit-preset {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTkiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxOSAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTE3Ljg1OTIgNS43MTYyOEwxMi40OTU4IDQuOTY0NjJMMTAuMDkyNSAwLjI2NDE5N0MxMC4wMzg0IDAuMTgyOTI5IDkuOTY0OTcgMC4xMTYyOTIgOS44Nzg4NiAwLjA3MDIwMzZDOS43OTI3NiAwLjAyNDExNDkgOS42OTY2IDAgOS41OTg5NCAwQzkuNTAxMjcgMCA5LjQwNTEyIDAuMDI0MTE0OSA5LjMxOTAxIDAuMDcwMjAzNkM5LjIzMjkgMC4xMTYyOTIgOS4xNTk1MSAwLjE4MjkyOSA5LjEwNTM0IDAuMjY0MTk3TDYuNzAyMDYgNC45NjQ2MkwxLjMzODY2IDUuNzE2MjhDMS4yNDMzOSA1LjcyMjE3IDEuMTUxOSA1Ljc1NTc2IDEuMDc1NDUgNS44MTI5MkMwLjk5OTAwNiA1Ljg3MDA5IDAuOTQwOTIxIDUuOTQ4MzQgMC45MDgzMzYgNi4wMzgwNkMwLjg3NTc1MSA2LjEyNzc5IDAuODcwMDg1IDYuMjI1MDggMC44OTIwMzUgNi4zMTc5OEMwLjkxMzk4NSA2LjQxMDg4IDAuOTYyNTk1IDYuNDk1MzQgMS4wMzE4OSA2LjU2MDk5TDQuOTI4MzIgMTAuMjI3N0w0LjAwOCAxNS40MTA4QzMuOTk4NjMgMTUuNTA4OCA0LjAxNjMyIDE1LjYwNzUgNC4wNTkxNyAxNS42OTYyQzQuMTAyMDEgMTUuNzg0OCA0LjE2ODM2IDE1Ljg2IDQuMjUwOTkgMTUuOTEzNUM0LjMzMzYxIDE1Ljk2NzEgNC40MjkzNSAxNS45OTY5IDQuNTI3NzYgMTUuOTk5OEM0LjYyNjE3IDE2LjAwMjYgNC43MjM0OCAxNS45Nzg1IDQuODA5MSAxNS45Mjk5TDkuNTk5NjYgMTMuNDk0NkwxNC4zOTAyIDE1LjkyNTVDMTQuNDc1OCAxNS45NzQxIDE0LjU3MzIgMTUuOTk4MyAxNC42NzE2IDE1Ljk5NTRDMTQuNzcgMTUuOTkyNSAxNC44NjU3IDE1Ljk2MjcgMTQuOTQ4MyAxNS45MDkyQzE1LjAzMSAxNS44NTU2IDE1LjA5NzMgMTUuNzgwNCAxNS4xNDAyIDE1LjY5MThDMTUuMTgzIDE1LjYwMzIgMTUuMjAwNyAxNS41MDQ1IDE1LjE5MTMgMTUuNDA2NUwxNC4yNzEgMTAuMjI3N0wxOC4xNjc0IDYuNTYwOTlDMTguMjM2MSA2LjQ5NTA3IDE4LjI4NDEgNi40MTA2MyAxOC4zMDU3IDYuMzE3OTNDMTguMzI3MyA2LjIyNTIzIDE4LjMyMTQgNi4xMjgyNiAxOC4yODkgNi4wMzg4QzE4LjI1NjUgNS45NDkzNCAxOC4xOTg3IDUuODcxMjQgMTguMTIyNyA1LjgxMzk5QzE4LjA0NjYgNS43NTY3MyAxNy45NTU2IDUuNzIyNzkgMTcuODYwNyA1LjcxNjI4SDE3Ljg1OTJaIiBmaWxsPSIjRkVDRjBDIi8+Cjwvc3ZnPgo=);
}

.rateit .rateit-preset-rtl {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTkiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxOSAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTE3Ljg1OTIgNS43MTYyOEwxMi40OTU4IDQuOTY0NjJMMTAuMDkyNSAwLjI2NDE5N0MxMC4wMzg0IDAuMTgyOTI5IDkuOTY0OTcgMC4xMTYyOTIgOS44Nzg4NiAwLjA3MDIwMzZDOS43OTI3NiAwLjAyNDExNDkgOS42OTY2IDAgOS41OTg5NCAwQzkuNTAxMjcgMCA5LjQwNTEyIDAuMDI0MTE0OSA5LjMxOTAxIDAuMDcwMjAzNkM5LjIzMjkgMC4xMTYyOTIgOS4xNTk1MSAwLjE4MjkyOSA5LjEwNTM0IDAuMjY0MTk3TDYuNzAyMDYgNC45NjQ2MkwxLjMzODY2IDUuNzE2MjhDMS4yNDMzOSA1LjcyMjE3IDEuMTUxOSA1Ljc1NTc2IDEuMDc1NDUgNS44MTI5MkMwLjk5OTAwNiA1Ljg3MDA5IDAuOTQwOTIxIDUuOTQ4MzQgMC45MDgzMzYgNi4wMzgwNkMwLjg3NTc1MSA2LjEyNzc5IDAuODcwMDg1IDYuMjI1MDggMC44OTIwMzUgNi4zMTc5OEMwLjkxMzk4NSA2LjQxMDg4IDAuOTYyNTk1IDYuNDk1MzQgMS4wMzE4OSA2LjU2MDk5TDQuOTI4MzIgMTAuMjI3N0w0LjAwOCAxNS40MTA4QzMuOTk4NjMgMTUuNTA4OCA0LjAxNjMyIDE1LjYwNzUgNC4wNTkxNyAxNS42OTYyQzQuMTAyMDEgMTUuNzg0OCA0LjE2ODM2IDE1Ljg2IDQuMjUwOTkgMTUuOTEzNUM0LjMzMzYxIDE1Ljk2NzEgNC40MjkzNSAxNS45OTY5IDQuNTI3NzYgMTUuOTk5OEM0LjYyNjE3IDE2LjAwMjYgNC43MjM0OCAxNS45Nzg1IDQuODA5MSAxNS45Mjk5TDkuNTk5NjYgMTMuNDk0NkwxNC4zOTAyIDE1LjkyNTVDMTQuNDc1OCAxNS45NzQxIDE0LjU3MzIgMTUuOTk4MyAxNC42NzE2IDE1Ljk5NTRDMTQuNzcgMTUuOTkyNSAxNC44NjU3IDE1Ljk2MjcgMTQuOTQ4MyAxNS45MDkyQzE1LjAzMSAxNS44NTU2IDE1LjA5NzMgMTUuNzgwNCAxNS4xNDAyIDE1LjY5MThDMTUuMTgzIDE1LjYwMzIgMTUuMjAwNyAxNS41MDQ1IDE1LjE5MTMgMTUuNDA2NUwxNC4yNzEgMTAuMjI3N0wxOC4xNjc0IDYuNTYwOTlDMTguMjM2MSA2LjQ5NTA3IDE4LjI4NDEgNi40MTA2MyAxOC4zMDU3IDYuMzE3OTNDMTguMzI3MyA2LjIyNTIzIDE4LjMyMTQgNi4xMjgyNiAxOC4yODkgNi4wMzg4QzE4LjI1NjUgNS45NDkzNCAxOC4xOTg3IDUuODcxMjQgMTguMTIyNyA1LjgxMzk5QzE4LjA0NjYgNS43NTY3MyAxNy45NTU2IDUuNzIyNzkgMTcuODYwNyA1LjcxNjI4SDE3Ljg1OTJaIiBmaWxsPSIjRkVDRjBDIi8+Cjwvc3ZnPgo=);
}

.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: #ccc;
}

.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;
}