/*
	Ratings Stars
	(with as little code as possible)
	https://css-tricks.com/star-ratings/
*/
.rating {
	unicode-bidi: bidi-override;
	direction: rtl;
	text-align: left;
	font-size: 20px;
}
.rating > .star {
	display: inline-block;
	position: relative;
	width: 1.1em;
	clear:none;
	float:none;
	margin: 0;
	
	color: #c9bfa6;
}
.rating > .star.empty-star {
	color: #c9bfa6;
}
.rating > .star.filled-star {
	color: #498564;
}


.rating.changeable > .star:hover,
.rating.changeable > .star:hover ~ .star {
	color: transparent;
	cursor: pointer;
}
.rating.changeable > .star:hover:before,
.rating.changeable > .star:hover ~ .star:before {
	content: "\2605";
	position: absolute;
	left: 0; 
	color: #99c221;
}