.tgreivews-breaker {
   height: 1.5rem;
   clear: left;
   }
   .tgreviews {
   max-width: 100%;
   margin: auto;
   }
   .tgreviews div {
   -moz-box-sizing: border-box;
   -webkit-box-sizing: border-box;
   box-sizing: border-box;
   }
   .tgreviews-average-overlay {
   overflow: hidden;
   position: absolute;
   top: -4px;
   left: 0;
   white-space: nowrap;
   color: #000; 
   }
   .tgreviews-breakdown {
   clear: left;
   }
   .tgreviews-breakdown__rating,
   .tgreviews-breakdown__count {
   -webkit-flex:0 0 auto;
   -moz-flex:0 0 auto;
   -ms-flex:0 0 auto;
   -o-flex:0 0 auto;
   flex:0 0 auto;
   }
   .tgreviews-breakdown__rating {
   text-align: right;
   }
   .tgreviews-breakdown__percent {
   -webkit-flex: 1 1 auto;
   -moz-flex: 1 1 auto;
   -ms-flex: 1 1 auto;
   -o-flex: 1 1 auto;
   flex: 1 1 auto;
   }
   .tgreviews-breakdown__percentage {
   height: 8px;
   background: #DDDDDD;
   position: relative;
   margin-top: 5px;
   }
   .tgreviews-breakdown__percentage-overlay {
   background: #ffc107;
   height: 8px;
   position: absolute;
   top: 0;
   left: 0;
   }
   .tgreviews-breakdown__rating,
   .tgreviews-breakdown__percent,
   .tgreviews-breakdown__count {
   float: left;
   padding: 2px 5px;
   }
   .tgreviews-breakdown__star {
   color: #ffc107;
   }
   .tgreviews-half {
   float: left;
   width: 50%;
   }
   .tgreviews-sorting,
   .tgreviews-breakdown,
   .tgreviews-flex {
   display: -webkit-flex;
   display: -moz-flex;
   display: -ms-flex;
   display: -o-flex;
   display: flex;
   align-items: center;
   }
   .tgreviews-label,
   .tgreviews-pagination-label {
   font-size: 11px;
   font-weight: bold;
   text-transform: uppercase;
   margin-right: 1rem;
   }
   .tgreviews-label {
   -webkit-flex: 0 0 auto;
   -moz-flex: 0 0 auto;
   -ms-flex: 0 0 auto;
   -o-flex: 0 0 auto;
   flex: 0 0 auto;
   }
   .tgreviews-average {
   text-align: center;
   }
   .tgreviews-average__star,
   .tgreviews-average__star-overlay {
   position: relative;
   color: #DDDDDD;
   }
   .tgreviews-average__star {
   font-size: 2rem;
   display: inline-block;
   position: relative;
   }
   .tgreviews-average__star-overlay {
   position: absolute;
   top: 0;
   left: 0;
   color: #ffc107;
   overflow: hidden;
   bottom: 0;
   display: inline-block;
   text-align: left;
   white-space: nowrap;
   }
   .tgreviews-average__text {
   font-weight: bold;
   text-transform: uppercase;
   font-size: 11px;
   }
   .tgreviews-review {
   border-bottom: 1px solid #DDDDDD;
   line-height: 1.5;
   padding-top: 22px;
   }
   .tgreviews-rating-title {
   margin-bottom: 0.25rem;
   position: relative;
   clear: both;
   }
   .tgreviews-verified-buyer {
   font-size: 9px;
    text-transform: uppercase;
    color: #00843d;
    border: 1px solid #00843d;
    border-radius: 12px;
    padding: 2px;
    text-align: center;
   }
   .tgreviews-rating-stars {
   color: #ffc107;
   }
   .tgreviews-review__rating {
   padding: 2px 5px;
   font-size: 11px;
   border: 1px solid #DDDDDD;
   margin-right: 0.5rem;
   }
   .tgreviews-review__user {
   margin-bottom: 0.25rem;
   }

   .tgreviews-review__date, .tgreviews-review__note {
   margin-bottom: 0.25rem;
   font-size: .85em;
   color: #808080;
   }

   .tgreviews-review__addlfield-label {
   font-weight: bold;
   }
	.tgreviews-review__addlfield {
	font-weight: bold;
}
.tgreviews-review__addlfield__familiarity {
	margin-top: 12px;
	font-size: .85em;
	color: #00843d;
}

   .tgreviews-review__title {
   font-weight: bold;
   }
   .tgreviews-review__rating-info {
   font-size: .9em;
   margin-bottom: 8px;
   }
   .tgreviews-rating-title:before,
   .tgreviews-rating-title:after {
   content: " ";
   display: table;
   }
   .tgreviews-rating-title:after {
   clear: both;
   }
   .tg-review-overall {
   margin: 0 auto 0 auto;
   width: 100px;
   background: #ffc106;
   padding: 6px;
   }
   .tg-review-overall-rating {    
   background: #f7f7f7;
   font-weight: bold;
   margin: 2px 0;
   padding: 4px;
   text-align: center;
   font-size: 2em;
   }
   .tgreviews-review__storenote {
   margin: 14px 0px;
   border-left: #00843d solid 1px;
   color: gray;
   padding-left: 18px;
   font-size: .85em;
   }
	.tgreviews__form {
		max-width: 100%;
		margin: auto;
	}

	.tgr_rating {
		display: inline-flex;
	}

	.tgr_rating > input {
		border: 0;
		clip: rect(0 0 0 0);
		height: 1px;
		margin: -1px;
		overflow: hidden;
		padding: 0;
		position: absolute;
		width: 1px;
	}

	.tgr_rating > label {
		font-size: 1.25rem;
		padding: 0 0.25rem;
		color: #DDDDDD;
		cursor: pointer;
		border-radius: 0.25rem;
	}

	.tgr_rating > label:first-child {
		margin-right: -0.25rem;
	}

	.tgr_rating:not(:hover) > input:checked ~ label,
	.tgr_rating > label:hover,
	.tgr_rating > label:hover ~ label,
	.tgr_rating > input:checked + label:hover,
	.tgr_rating > input:checked ~ label:hover,
	.tgr_rating > label:hover ~ input:checked ~ label,
	.tgr_rating > input:checked ~ label:hover ~ label {
		color: #FFA500;
	}

    .rating {
    float:left;
}

/* :not(:checked) is a filter, so that browsers that don’t support :checked don’t 
   follow these rules. Every browser that supports :checked also supports :not(), so
   it doesn’t make the test unnecessarily selective */
.rating:not(:checked) > input {
    position:absolute;
    visibility: hidden;
    clip:rect(0,0,0,0);
}

.rating:not(:checked) > label {
    float:right;
    width:1em;
    padding:0 .1em;
    overflow:hidden;
    white-space:nowrap;
    cursor:pointer;
    font-size:200%;
    line-height:1.2;
    color:#ddd;

}

.rating:not(:checked) > label:before {
    content: "\2605";
}

.rating > input:checked ~ label {
    color: #ffc107;

}

.rating:not(:checked) > label:hover,
.rating:not(:checked) > label:hover ~ label {
    color: gold;

}

.rating > input:checked + label:hover,
.rating > input:checked + label:hover ~ label,
.rating > input:checked ~ label:hover,
.rating > input:checked ~ label:hover ~ label,
.rating > label:hover ~ input:checked ~ label {
    color: #ea0;

}

.rating > label:active {
    position:relative;
    top:2px;
    left:2px;
}