html,body{margin:0;padding:0;background:#dee1e3;color:#111;  font-family: 'Roboto';}
div#wrapStars{height: auto;margin: 0 auto;padding-top:20px;padding-bottom:20px;text-align: center;width: 100%;}
div#wrapStars h2{color:crimson;font-size:30px;margin: 0;padding: 0;}
.rating {display: flex;height: auto;flex-direction: row-reverse;justify-content:center;margin: 0 auto;padding:0;font-size: 3rem;cursor: pointer;text-align: center;width: 30%;}
.rating input {display: none;margin: 0 auto;text-align: center;}
.rating label {color: #ccc;transition: color 0.2s;background: ;}
.rating label.hover,
.rating label.selected {color: gold;cursor: pointer;}
/* Mensajes tipo toast */
#rating-message {height: auto;width: 100%;padding: 0px;font-size:20px;font-weight: bold;margin: 0 auto;margin-top:10px;color: #fff;display: none;z-index: 9999;opacity: 0;transition: opacity 0.5s;}
#rating-message.thanks { color:#28a745;text-align: center;} /* verde */
#rating-message.already { color: crimson;text-align: center;} /* rojo */
/* Promedio debajo de las estrellas */
#rating-average {margin-top: 0px;font-size: 1.3rem;font-weight: bold;text-align: center;}