/** Original del proyecto Polaris **/

.eerat {
  display:inline-block;
  cursor: pointer;
  font-size:1.25em;
  margin-right:1em;
}
.eerat .eerat_icon {margin-right:0.25em; }
.eerat_fiveStars .eerat_icon.star { color: orange; }
.eerat_fiveStars {border: 1px solid orange; border-radius: 4px; padding:0.5em;}
.eerat_fiveStars .opinions { color: gray; }
.eerat_hearts .eerat_icon.heart { color: red; }
.eerat_hearts {border: 1px solid red; border-radius: 4px; padding:0.5em;}
.eerat_likeDislike .eerat_icon.like { color: blue; }
.eerat_likeDislike .eerat_icon.dislike { color: blue; }
.eerat_likeDislike .eerat_icon.dislike { margin-left:0.75em;}
.eerat_likeDislike {border: 1px solid blue; border-radius: 4px; padding:0.5em;}

#eerat_overlay {
  top:0;
  left:0;
  position: fixed;
  z-index: 100;
  background: rgba(0,0,0,0.5);
  width: 100%;
  height: 100%;
  animation: slideInDown;
  animation-duration:0.5s;
  display: flex;
  align-items: center;
  justify-content: center;
}

#eerat_overlay .eerat_fiveStars_form {
  display: inline-block;
  background:white;
  padding:1em;
  border-radius: 4px;
  text-align: center;
  position: relative;
}

#eerat_overlay .eerat_fiveStars_form .eerat_fiveStars_form_close {
  font-size:2em;
  position: absolute;
  top: -0.25em;
  right:-0.25em;
  color: #333;

}

#eerat_overlay .eerat_fiveStars_form .eerat_fiveStars_bar i {
  font-size: 3em;
  color: orange;
  margin-left:0.25em;
  margin-right:0.25em;
  margin-top:0.5em;
  margin-bottom:0.5em;
}


#eerat_fiveStars_comment {
  font-family: var(--font-family);
  width: 100%;
  min-height: 8em;
  margin-bottom: 1em;
  padding: 0.5em;
  box-sizing: border-box;
}