.score input {
  position:absolute!important;
  top: -2em;
  clip:rect(0,0,0,0);
}

.score {
  unicode-bidi: bidi-override;
  direction: rtl;
  text-align: left;
  border: 0;
  font-size: 0;
}
.score legend {
  overflow: hidden;
  height: 0;
}
.score label {
  font-size: 32px; font-size: 2rem;
  line-height: 32px; line-height: 2rem;
  display: inline-block;
  position: relative;
  text-align: center;
  width: 1.2em;
  height: 1em;
  overflow: hidden;
  text-indent: 100%;
}
.score label:before {
   content: "â˜†";
   position: absolute;
   top: 0; left: 0; right: 0; bottom: 0;
   text-indent: 0;
   line-height: 1em;
   color: #aaa;
}
.score label:hover:before,
.score label:hover ~ label:before,
.score input:checked ~ label:before {
   content: "â˜…";
   color: #ffbb04;
}
.score label:active {
  position: relative;
  top: 1px;
}



#rat{
    font-size: 19px;
    padding: 0px;
}

.cu_star ul{
margin:0px;
padding:0px;
}

.cu_star li {
float:left;
list-style:none;
padding:2px;
}
.cu_star li i{
color: #ffcc00;
}
.no_col i{
color:#ccc !important;
}