.jsrate {
  position: relative;
  display: inline-block;
}

.jsrate-svg {
  cursor: pointer;
}

.jsrate-star-border {
  stroke: #000000;
  stroke-width: 37px;
  stroke-linecap: round;
  stroke-linejoin: round;
  fill: none;
}

.jsrate-star-border.-star1, .jsrate-star-clip.-star1 {
  transform: translateX(512px);
}

.jsrate-star-border.-star2, .jsrate-star-clip.-star2 {
  transform: translateX(1024px);
}

.jsrate-star-border.-star3, .jsrate-star-clip.-star3 {
  transform: translateX(1536px);
}

.jsrate-star-border.-star4, .jsrate-star-clip.-star4 {
  transform: translateX(2048px);
}

.jsrate-rect-over {
  fill: #ffca00;
}

.jsrate-rect-current {
  fill: #f7db70;
}

.jsrate-loading, .jsrate-success, .jsrate-error {
  display: none;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: rgba(255,255,255,0.5);
  text-align: center;
  font-size: 13px;
  font-weight: bold;
  line-height: 25px;
}

.jsrate-success {
  color: #336699;
  background-color: rgba(255,255,255,0.8);
}

.jsrate-error {
  color: #c00000;
  background-color: rgba(255,255,255,0.8);
}