/*
* Prefixed by https://autoprefixer.github.io
* PostCSS: v8.4.14,
* Autoprefixer: v10.4.7
* Browsers: last 4 version
*/


.ui_button {width:45px;height:45px;position:relative;}

.rating_wrapper {
    width: 225px!important;
    height: 45px!important;
    max-width: 225px!important;
    min-width: initial!important;
}

.star{
    position: relative;
    z-index: 50;
    background-image: url("/public/deutrik/skins/buildify/img/star.png");
    display: block;
    background-position: center;
    cursor: pointer;
    -webkit-transition: 200ms all linear;
    -o-transition: 200ms all linear;
    transition: 200ms all linear;
    background-repeat: no-repeat;
    position: relative;
    background-size:100%;
    float: left;
}



.rating_bar {
    -webkit-transition: 50ms all ease-in-out;
    -o-transition: 50ms all ease-in-out;
    transition: 50ms all ease-in-out;
    position: absolute;
    top: 0;
    left: 0;
    width: 0%!important;
    height: 100%;
    background-color: rgba(255, 222, 0, 1);}

.star.skull {background-image: url("../img/rating/skull.png");}
.star.heart{background-image: url("../img/rating/heart.png");}
.star.star-icon{background-image: url("../img/rating/star.png");}
.star.star-icon {background-image: url("/public/deutrik/skins/buildify/img/star.png");}


.current_rate_one_stars .rating_bar{width:20% !important;}
.current_rate_h_one_stars .rating_bar{width:20% !important;}

.current_rate_two_stars .rating_bar{width:40% !important;}
.current_rate_h_two_stars .rating_bar{width:40% !important;}

.current_rate_h_three_stars .rating_bar{width:60% !important;}
.current_rate_three_stars .rating_bar{width:60% !important;}

.current_rate_h_four_stars .rating_bar{width:80% !important;}
.current_rate_four_stars .rating_bar{width:80% !important;}

.current_rate_h_five_stars .rating_bar{width:100% !important;}
.current_rate_five_stars .rating_bar{width:100% !important;}

.rating_bar.full_star_1{width:20% !important;}
.rating_bar.full_star_2{width:40% !important;}
.rating_bar.full_star_3{width:60% !important;}
.rating_bar.full_star_4{width:80% !important;}
.rating_bar.full_star_5{width:100% !important;}