/* line 1, app/assets/stylesheets/ratings.css.scss */
fieldset,
label {
  margin: 0;
  padding: 0;
}

/* line 6, app/assets/stylesheets/ratings.css.scss */
body {
  margin: 20px;
}

/* line 9, app/assets/stylesheets/ratings.css.scss */
h1 {
  font-size: 1.5em;
  margin: 10px;
}

/****** Style Star Rating Widget *****/
/* line 16, app/assets/stylesheets/ratings.css.scss */
.item-rating {
  display: block;
}

/* line 20, app/assets/stylesheets/ratings.css.scss */
.rating {
  border: none;
  float: left;
}

/* line 26, app/assets/stylesheets/ratings.css.scss */
.rating > input {
  display: none;
}

/* line 29, app/assets/stylesheets/ratings.css.scss */
.rating > label:before {
  margin: 5px;
  font-size: 1.25em;
  font-family: FontAwesome;
  display: inline-block;
  content: "\f005";
}

/* line 37, app/assets/stylesheets/ratings.css.scss */
.rating > .half:before {
  content: "\f089";
  position: absolute;
}

/* line 42, app/assets/stylesheets/ratings.css.scss */
.rating > label {
  color: #ddd;
  float: right;
}

/***** CSS Magic to Highlight Stars on Hover *****/
/* line 49, app/assets/stylesheets/ratings.css.scss */
.rating > input:checked ~ label,
.rating:not(:checked) > label:hover,
.rating:not(:checked) > label:hover ~ label {
  color: #ffd700;
}

/* hover previous stars in list */
/* line 55, app/assets/stylesheets/ratings.css.scss */
.rating > input:checked + label:hover,
.rating > input:checked ~ label:hover,
.rating > label:hover ~ input:checked ~ label,
.rating > input:checked ~ label:hover ~ label {
  color: #ffed85;
}