/* ----------------------------------------------------------------------------------------------------
   Module:    Rezensionsaufgliederung nach vergebenen Sternen (rev. awidsRatingBreakdown_v1.1_20200210)
   Date:      2020-02-10
   Author:    awids
   --------------------------------------------------------------------------------------------------*/
.avg_container {
    display:none;
    position:absolute;
    width:auto;
    max-width: 300px;
    z-index:999;
}
.avg_container.list {
    width: 97%;
	top: 50%;
	transform: translateY(-50%);
}
.avg_bar:hover .avg_progress {
    background-color: #bbbbbb;
}
.avg_bar a:hover {
	text-decoration:none;
}
.avg_left {
    width:15%;
	line-height: 20px;
}
.avg_left .fas {
	color: #fde16d;
}
.avg_center {
    width:65%;
}
.avg_right {
    width:20%;
	line-height: 20px;
}
.avg_progress {
    overflow: hidden;
    height: 10px;
    margin: 5px 0;
    background-color: #ebebeb;
    border-radius: 4px;
    -webkit-box-shadow: none;
    box-shadow: none;
}
.avg_progress_bar {
    float: left;
    height: 100%;
    -webkit-box-shadow: inset 0 -1px 0 rgba(0,0,0,0.15);
    box-shadow: inset 0 -1px 0 rgba(0,0,0,0.15);
}
.avg_navigation {
	text-align:left;
	margin-bottom:10px;
	padding-bottom:10px;
	border-bottom:1px solid #bbb;
}
.avg.nav .active > div {
	background-color:#eee;
}
.full {
    color: #f1c40f;
}
.empty {
	color:#aaa;
}
.avg.nav {
	font-size: 10px;
}
.hideContent {
	display:none;
}
.showContent {
	display:inline-block;
}
@media only screen and (max-width: 690px) {
	.hideContent {
		display:inherit;
	}
	.showContent {
		display:none;
	}
}
.ratings {
    position: relative;
    vertical-align: middle;
    display: inline-block;
    color: #b1b1b1;
    overflow: hidden;
	line-height: 1;
}
.full-stars {
    position: absolute;
    left: 0;
    top: 0;
    white-space: nowrap;
    overflow: hidden;
    color: #fde16d;
}
.full-stars, .empty-stars {
	line-height: 1.2;
}
.empty-stars:before, .full-stars:before {
    content:"\f005\f005\f005\f005\f005";
}