/*!
 * @copyright © Kartik Visweswaran, Krajee.com, 2013 - 2015
 * @version 3.5.2
 *
 * 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
 
 
 
 
 */

@font-face {
    font-family: Glyphicons Halflings;
    src: url(fonts/glyphicons-halflings-regular.ttf);
}

.hide {
    display: none !important;
}

.form-control {
    display: block;
    width: 100%;
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}

.rating-gly-star {
    font-family: 'Glyphicons Halflings';
    padding-left: 2px;
}

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

.rating-fa {
    font-family: FontAwesome;
    padding-left: 1px;
}

    .rating-fa .rating-stars:before {
        padding-left: 1px;
    }

.rating-gly {
    font-family: 'Glyphicons Halflings';
}

.rating-gly-star {
    font-family: 'Glyphicons Halflings';
    padding-left: 2px;
}

    .rating-gly-star .rating-stars:before {
        padding-left: 2px;
    }

.rating-lg .rating-gly-star, .rating-lg .rating-gly-star .rating-stars:before {
    padding-left: 4px;
}

.rating-xl .rating-gly-star, .rating-xl .rating-gly-star .rating-stars:before {
    padding-left: 2px;
}

.rating-active {
    cursor: default;
}

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

.rating-uni {
    font-size: 1.2em;
    margin-top: -5px;
}

.rating-container {
    position: relative;
    vertical-align: middle;
    display: flex;
    color: #e3e3e3;
    overflow: hidden;
    margin-left: auto;
    margin-right: auto;
    width: 200px;
}
    .rating-container:before {
        content: attr(data-content);
    }

    .rating-container .rating-stars {
        position: absolute;
        left: 0;
        top: 0;
        white-space: nowrap;
        overflow: hidden;
        color: #fde16d;
        transition: all .25s ease-out;
        -o-transition: all .25s ease-out;
        -moz-transition: all .25s ease-out;
        -webkit-transition: all .25s ease-out;
    }

        .rating-container .rating-stars:before {
            content: attr(data-content);
            text-shadow: 0 0 1px rgba(0,0,0,.7);
        }

.rating-container-rtl {
    position: relative;
    vertical-align: middle;
    display: inline-block;
    overflow: hidden;
    color: #fde16d;
}

    .rating-container-rtl:before {
        content: attr(data-content);
        text-shadow: 0 0 1px rgba(0,0,0,.7);
    }

    .rating-container-rtl .rating-stars {
        position: absolute;
        left: 0;
        top: 0;
        white-space: nowrap;
        overflow: hidden;
        color: #e3e3e3;
        transition: all .25s ease-out;
        -o-transition: all .25s ease-out;
        -moz-transition: all .25s ease-out;
        -webkit-transition: all .25s ease-out;
    }

        .rating-container-rtl .rating-stars:before {
            content: attr(data-content);
        }

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

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

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

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

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

.star-rating .clear-rating, .star-rating-rtl .clear-rating {
    color: #aaa;
    cursor: not-allowed;
    display: inline-block;
    vertical-align: middle;
    font-size: 60%;
}

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

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

.star-rating .clear-rating {
    padding-right: 5px;
}

.star-rating .caption, .star-rating-rtl .caption {
    color: #999;
    display: inline-block;
    vertical-align: middle;
    font-size: 55%;
}

.star-rating .caption {
    padding-left: 5px;
}

.star-rating-rtl .caption {
    padding-right: 5px;
}