.supporthost-average-rating-box, .supporthost-stars-container {
	color: #808080;
	font-size: 0.75em;
}

.supporthost-average-rating-box .average-rating-label, .supporthost-stars-container .stars .show-comment-label {
	min-width: 130px;
}

.supporthost-average-rating-box, .average-rating-value {
	min-width: 20px;
}

.supporthost-average-rating-box .average-rating-single, .supporthost-stars-container .stars {
	border-bottom: 1px solid #E8E8E8;
	padding: 5px 0;
	display: flex;
    column-gap: 15px;
}

.supporthost-average-rating-box .average-rating-stars .dashicons, .supporthost-average-rating-box .average-rating-stars .dashicons-before:before, .supporthost-stars-container .show-stars .dashicons {
	color: #FDCC0D;
}

fieldset.supporthost-comments-rating {
	border: none;
}

.supporthost-comments-rating .supporthost-rating-container {
	font-size: 0;
	padding: 5px 0;
	unicode-bidi: bidi-override;
	direction: rtl;
    display: flex;
    flex-wrap: nowrap;
    justify-content: flex-end;
	border-bottom: 1px solid #E8E8E8;
	align-items: center;
}

.supporthost-comments-rating .rating-label {
	float: left;
	font-size: 0.75rem !important;
	min-width: 130px;
	color: #808080;
	margin-right: 15px
}

/** Star rating css **/

.supporthost-rating-container * {
	font-size: 1.25rem;
	margin-top: 5px;
}

.supporthost-rating-container > input {
	display: none !important;
}

.supporthost-rating-container > input + label {
	font-family: 'dashicons';
	display: inline-block;
	overflow: hidden;
	text-indent: 9999px;
	width: 1em;
	white-space: nowrap;
	cursor: pointer;
	margin: 0;
}

.supporthost-rating-container > input + label:before {
	display: inline-block;
	text-indent: -9999px;
	content: "\f154";
	color: #888;
}

.supporthost-rating-container > input:checked ~ label:before,
.supporthost-rating-container > input + label:hover ~ label:before,
.supporthost-rating-container > input + label:hover:before {
	content: "\f155";
	color: #FDCC0D;
	text-shadow: 0 0 1px #333;
}

.supporthost-rating-container > .star-cb-clear + label {
	text-indent: -9999px;
	width: .5em;
	margin-left: -.5em;
}

.supporthost-rating-container > .star-cb-clear + label:before {
	width: .5em;
}

.supporthost-rating-container:hover > input + label:before {
	content: "\f154";
	color: #888;
	text-shadow: none;
}

.supporthost-rating-container:hover > input + label:hover ~ label:before,
.supporthost-rating-container:hover > input + label:hover:before {
	content: "\f155";
	color: #FDCC0D;
	text-shadow: 0 0 1px #333;
}