@charset "utf-8";

/* CSS Document */



/****** Style untuk rating star *****/



.rating { 

  border: none;

  float: left;

}



.rating > input { display: none; } 

.rating > label:before { 



  font-size: 1.25em;

  font-family: FontAwesome;

  display: inline-block;

  content: "\f005";

}



.rating > .half:before { 

  content: "\f089";

  position: absolute;

}



.rating > label{ 

  color: #ddd; 

 float: right; 

}



.rating > label > .focus{ 

  color: #FFFF00; 

 float: right; 

}





/***** CSS untuk hover nya *****/



.rating > input:checked ~ label, /* memperlihatkan warna emas pada saat di klik */

.rating:not(:checked) > label:hover, /* hover untuk star berikutnya */

.rating:not(:checked) > label:hover ~ label { color: #FFD700;  } /* hover untuk star sebelumnya  */



.rating > input:checked + label:hover, /* hover ketika mengganti rating */

.rating > input:checked ~ label:hover,

.rating > label:hover ~ input:checked ~ label, /* seleksi hover */

.rating > input:checked ~ label:hover ~ label { color: #FFED85;  }