/*!


 * @copyright © Kartik Visweswaran, Krajee.com, 2013 - 2016


 * @version 4.0.1


 *


 * A simple yet powerful JQuery star rantingy plugin that allows rendering fractional star rantingys 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


 */.rantingy-container .caption, .rantingy-container .clear-rantingy, .rantingy-container .rantingy { display: inline-block; vertical-align: middle }


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


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


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


.rantingy-container .star { display: inline-block; margin: 0 2px!important; text-align: center }


.rantingy-container .empty-stars { color: #aaa }


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


.rantingy-rtl { float: right }


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


.rantingy-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) }


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


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


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


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


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


.rantingy-xs { font-size: 1em }


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


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


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


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


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


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


@media print {


.rantingy-container .clear-rantingy { display: none }


}