div.rating-cancel,
div.star-rating {
  font-size: 18px;
  float: left;
  width: 20px;
  height: 20px;
  cursor: pointer;
  display: block;
  background: transparent;
  overflow: hidden;
}

div.rating-cancel {
  font-family: FontAwesome;
  font-feature-settings: normal;
  font-kerning: auto;
  font-language-override: normal;
  font-size-adjust: none;
  font-stretch: normal;
  font-style: normal;
  font-synthesis: weight style;
  font-variant: normal;
  font-weight: normal;
  line-height: 1;
  text-rendering: auto;
  margin-right: 10px;
  margin-top: 1px;
}

div.rating-cancel.star-rating-hover {
  color: #aa0b0b !important;
}

div.rating-cancel a {
  /*background: url(../images/delete.gif) no-repeat 0 -16px;*/
}

div.rating-cancel:before {
  content: '\f056';
  font-family: FontAwesome;
}

div.star-rating,
div.star-rating a {
  /*background: url(../images/star.gif) no-repeat 0 0;*/
}

div.rating-cancel a,
div.star-rating {
  color: transparent;
  -webkit-text-stroke: 1px var(--site-color);
  margin-right: 10px;
}

div.star-rating a {
  color: #fff;
  display: block;
  width: 20px;
  height: 100%;
  background-position: 0 0;
}

div.star-rating-on a {
  background-position: 0 -16px !important;
}

div.star-rating-hover a {
  background-position: 0 -32px;
}

/* Read Only CSS */

div.star-rating-readonly a {
  cursor: default !important;
}

/* Partial Star CSS */

div.star-rating {
  background: transparent !important;
  overflow: hidden !important;
}