.cancel-on-png, .cancel-off-png, .star-on-png, .star-off-png, .star-half-png {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  /*This is the important part*/
  font-family: "FontAwesome";
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  line-height: 1;
  speak: none;
  text-transform: none;
  font-size: 15px;
  color: #ffb74f; }

.cancel-on-png:before {
  /*the "\f057" represents an unfilled circle with an x in it*/
  /*each of these can be configured to be whichever icon you would like*/
  /*fore more information on the icon code, look at the link listed below*/
  content: "\f057"; }

.cancel-off-png:before {
  content: "\f05c"; }

.star-on-png:before {
  content: "\f005"; }

.star-off-png:before {
  content: "\f006"; }

.star-half-png:before {
  content: "\f123"; }

.star-on-png, .star-half-png {
  color: #ffb74f; }

/*# sourceMappingURL=stars.css.map */