/*********************************************************************************

	Template Name: Boighor Bookshop Responsive Bootstrap4 Template
	Description: Template description
	Version: 1.0
	Note: This is custom css. All custom styles (user styles) declare here.

**********************************************************************************/
.rate{
    height:22px;
    /*border:#e9e9e9 1px solid;*/
    /*background-color:  #f6f6f6;*/
    margin:4px 0px;
    margin-bottom:0px;
}
.rate .rate-btn{
    width: 25px; height:20px;
    float: left;
    background: url(/front/images/icons/rate-btn.png) no-repeat;
    cursor: pointer;
}
.rate .rate-btn:hover, .rate  .rate-btn-hover, .rate  .rate-btn-active{
    background: url(/front/images/icons/rate-btn-hover.png) no-repeat;
}

.rated .rate-btn{
    width: 25px; height:20px;
    float: left;
    background: url(/front/images/icons/rate-btn.png) no-repeat;
}

.rated .rated-btn{
    width: 25px; height:20px;
    float: left;
    background: url(/front/images/icons/rate-btn-hover.png) no-repeat;
}

.result-container{
    width: 41px; height: 9px;
    position: relative;
    background-color: #ccc;
    border: #ccc 1px solid;
    margin:auto;
}
.rate-stars{
    width: 41px; height: 9px;
    background: url(/front/images/icons/rate-stars.png) no-repeat;
    position: absolute;
}
.rate-bg{
    height: 9px;
    background-color: #ffbe10;
    position: absolute;
}