/*!
 * Krajee SVG Theme styling for bootstrap-star-rating.
 * This file must be loaded after 'star-rating.css'.
 *
 * @see http://github.com/kartik-v/bootstrap-star-rating
 * @author Kartik Visweswaran <kartikv2@gmail.com>
 */
.theme-krajee-svg .krajee-icon,
.theme-krajee-svg .krajee-icon-clear {
    display: inline-block;
    width: 2rem;
    height: 2rem;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

.theme-krajee-svg .clear-rating,
.theme-krajee-svg .rating-stars {
    font-size: 5px;
    border: none;
    outline: none;
}

.theme-krajee-svg .krajee-icon-clear {
    background-image: url('../img/minus-circle.svg');
}

.theme-krajee-svg .filled-stars .krajee-icon-ball {
    background-image: url('../img/ball-2.svg');
}
.theme-krajee-svg:hover .filled-stars .krajee-icon-ball {
    opacity: 0.6;
}
.clear-rating-active:active,
.theme-krajee-svg .filled-stars .krajee-icon-ball:active {
    opacity: 1;
}

.theme-krajee-svg.rating-xl .krajee-icon,
.theme-krajee-svg.rating-xl .krajee-icon-clear {
    width: 3rem;
    height: 3rem;
}

.theme-krajee-svg.rating-lg .krajee-icon,
.theme-krajee-svg.rating-lg .krajee-icon-clear {
    width: 2.5rem;
    height: 2.5rem;
}

.theme-krajee-svg.rating-md .krajee-icon,
.theme-krajee-svg.rating-md .krajee-icon-clear {
    width: 2rem;
    height: 2rem;
}

.theme-krajee-svg.rating-sm .krajee-icon,
.theme-krajee-svg.rating-sm .krajee-icon-clear {
    width: 1.5rem;
    height: 1.5rem;
}

.theme-krajee-svg.rating-xs .krajee-icon,
.theme-krajee-svg.rating-xs .krajee-icon-clear {
    width: 1rem;
    height: 1rem;
}

.theme-krajee-svg .krajee-icon-clear:hover {
    background-image: url('../img/minus-circle-hover.svg');
}

.theme-krajee-svg .empty-stars .krajee-icon-ball {
    background-image: url('../img/ball-np.svg');
}