/*!
 * @copyright © Kartik Visweswaran, Krajee.com, 2013 - 2016
 * @version 4.0.1
 *
 * A simple yet powerful JQuery star rating plugin that allows rendering fractional star ratings and supports
 * Right to Left (RTL) input.
 *
 * For more JQuery/Bootstrap plugins and demos visit http://plugins.krajee.com
 * For more Yii related demos visit http://demos.krajee.com
 */
.rating-container .caption, .rating-container .clear-rating,
	.rating-container .rating {
	display: inline-block;
	vertical-align: middle
}

.rating-loading {
	width: 25px;
	height: 25px;
	font-size: 0;
	color: #fff;
	background: url(../img/loading.gif) top left no-repeat;
	border: none
}

.rating-container .rating {
	cursor: default;
	position: relative;
	overflow: hidden;
	white-space: nowrap
}

.rating-disabled .rating {
	cursor: not-allowed
}

.rating-container .star {
	display: inline-block;
	margin: 0 3px;
	text-align: center
}

.rating-container .empty-stars {
	color: gold;
}

.rating-container .filled-stars {
	position: absolute;
	left: 0;
	top: 0;
	margin: auto;
	color: gold;
	white-space: nowrap;
	overflow: hidden;
	-webkit-text-stroke: 1px #777;
}

.rating-rtl {
	float: right
}

.rating-animate .filled-stars {
	transition: width .25s ease;
	-o-transition: width .25s ease;
	-moz-transition: width .25s ease;
	-webkit-transition: width .25s ease
}

.rating-rtl .filled-stars {
	left: auto;
	right: 0;
	-moz-transform: matrix(-1, 0, 0, 1, 0, 0) translate3d(0, 0, 0);
	-webkit-transform: matrix(-1, 0, 0, 1, 0, 0) translate3d(0, 0, 0);
	-o-transform: matrix(-1, 0, 0, 1, 0, 0) translate3d(0, 0, 0);
	transform: matrix(-1, 0, 0, 1, 0, 0) translate3d(0, 0, 0)
}

.rating-rtl.is-star .filled-stars {
	right: .06em
}

.rating-rtl.is-heart .empty-stars {
	margin-right: .07em
}

.rating-lg {
	font-size: 3.91em
}

.rating-md {
	font-size: 3.13em
}

.rating-sm {
	font-size: 2.5em
}

.rating-xs {
	font-size: 2em
}

.rating-xl {
	font-size: 4.89em
}

.rating-container .clear-rating {
	color: #aaa;
	cursor: not-allowed;
	font-size: 60%;
	padding-right: 5px
}

.clear-rating-active {
	cursor: pointer !important
}

.clear-rating-active:hover {
	color: #843534
}

.rating-container .caption {
	color: #999;
	font-size: 60%;
	margin-top: -.6em;
	margin-left: 5px;
	margin-right: 0
}

.rating-rtl .caption {
	margin-right: 5px;
	margin-left: 0
}

.theme-krajee-fa .star {
	font-size: 1.0em
}

.theme-krajee-fa .caption {
	margin-top: -.2em
}

@media print {
	.rating-container .clear-rating {
		display: none
	}
}