.es-icon-star{
	display: inline-block;
	width: 1.6em;
	height: 1.5em;
	margin: 0;
	padding: 0;
	background-repeat: no-repeat;
	background-position: center center;
	-webkit-background-size: contain;
	background-size: contain;
	vertical-align: sub;
	background-image: url("data:image/svg+xml,%3Csvg id='Layer_1' data-name='Layer 1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Ctitle%3Eicon-empty-star%3C/title%3E%3Cpolygon points='61.21 39.34 50 4.84 38.79 39.34 2.52 39.34 31.86 60.66 20.65 95.16 50 73.84 79.35 95.16 68.14 60.66 97.48 39.34 61.21 39.34' fill='%23e6e6e6'/%3E%3C/svg%3E");
}
.es-icon-star .es-star,
.es-star{
	background-image: url("data:image/svg+xml,%3Csvg id='Layer_1' data-name='Layer 1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Ctitle%3Eicon-star%3C/title%3E%3Cpolygon points='61.21 39.34 50 4.84 38.79 39.34 2.52 39.34 31.86 60.66 20.65 95.16 50 73.84 79.35 95.16 68.14 60.66 97.48 39.34 61.21 39.34' fill='%23fc0'/%3E%3C/svg%3E");
}
.es-icon-star .es-half-star,
.es-half-star{
	background-image: url("data:image/svg+xml,%3Csvg id='Layer_1' data-name='Layer 1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Ctitle%3Eicon-half-star%3C/title%3E%3Cpolygon points='61.21 39.34 50.01 4.84 38.8 39.34 2.52 39.34 31.87 60.66 20.66 95.16 50.01 73.84 79.35 95.16 68.14 60.66 97.49 39.34 61.21 39.34' fill='%23e6e6e6'/%3E%3Cpolygon points='50.02 4.92 49.99 4.84 38.79 39.34 2.51 39.34 31.86 60.66 20.65 95.16 49.99 73.84 50.02 73.86 50.02 4.92' fill='%23fc0'/%3E%3C/svg%3E");	
}
.es-icon-star .es-empty-star,
.es-empty-star{
	background-image: url("data:image/svg+xml,%3Csvg id='Layer_1' data-name='Layer 1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Ctitle%3Eicon-empty-star%3C/title%3E%3Cpolygon points='61.21 39.34 50 4.84 38.79 39.34 2.52 39.34 31.86 60.66 20.65 95.16 50 73.84 79.35 95.16 68.14 60.66 97.48 39.34 61.21 39.34' fill='%23e6e6e6'/%3E%3C/svg%3E");
}

.es-avg-rates{
	display: block;
	margin: 10px 0;
}
.es-star-rating,
.es-star-rate-avg{
	font-size: 1em;
	line-height: 1.1em;
	display: inline-flex;
	justify-content: center;
	align-items: center;
	min-width: 110px;
	min-height: 21px;
}

#sf-es-star-rating{
	display: inline-flex;
	flex-wrap: wrap;
	margin: 0px 0px 20px;
}

.es-star-avg{
	margin: 0 5px;
	color: #888;
}

.es-star-rating-input .es-icon-star{
	cursor: pointer;
}
.es-star-rating-input input{
	display: none;
}

.es-star-rating-input:hover .es-icon-star{
	background-image: url("data:image/svg+xml,%3Csvg id='Layer_1' data-name='Layer 1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Ctitle%3Eicon-star%3C/title%3E%3Cpolygon points='61.21 39.34 50 4.84 38.79 39.34 2.52 39.34 31.86 60.66 20.65 95.16 50 73.84 79.35 95.16 68.14 60.66 97.48 39.34 61.21 39.34' fill='%23fc0'/%3E%3C/svg%3E");
}
.es-star-rating-input:hover .es-icon-star:hover ~ .es-icon-star{
	background-image: url("data:image/svg+xml,%3Csvg id='Layer_1' data-name='Layer 1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Ctitle%3Eicon-empty-star%3C/title%3E%3Cpolygon points='61.21 39.34 50 4.84 38.79 39.34 2.52 39.34 31.86 60.66 20.65 95.16 50 73.84 79.35 95.16 68.14 60.66 97.48 39.34 61.21 39.34' fill='%23e6e6e6'/%3E%3C/svg%3E");
}

[data-star-rate="1"] .es-icon-star:nth-child(1){
	background-image: url("data:image/svg+xml,%3Csvg id='Layer_1' data-name='Layer 1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Ctitle%3Eicon-star%3C/title%3E%3Cpolygon points='61.21 39.34 50 4.84 38.79 39.34 2.52 39.34 31.86 60.66 20.65 95.16 50 73.84 79.35 95.16 68.14 60.66 97.48 39.34 61.21 39.34' fill='%23fc0'/%3E%3C/svg%3E");
}
[data-star-rate="2"] .es-icon-star:nth-child(1),
[data-star-rate="2"] .es-icon-star:nth-child(2){
	background-image: url("data:image/svg+xml,%3Csvg id='Layer_1' data-name='Layer 1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Ctitle%3Eicon-star%3C/title%3E%3Cpolygon points='61.21 39.34 50 4.84 38.79 39.34 2.52 39.34 31.86 60.66 20.65 95.16 50 73.84 79.35 95.16 68.14 60.66 97.48 39.34 61.21 39.34' fill='%23fc0'/%3E%3C/svg%3E");
}
[data-star-rate="3"] .es-icon-star:nth-child(1),
[data-star-rate="3"] .es-icon-star:nth-child(2),
[data-star-rate="3"] .es-icon-star:nth-child(3){
	background-image: url("data:image/svg+xml,%3Csvg id='Layer_1' data-name='Layer 1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Ctitle%3Eicon-star%3C/title%3E%3Cpolygon points='61.21 39.34 50 4.84 38.79 39.34 2.52 39.34 31.86 60.66 20.65 95.16 50 73.84 79.35 95.16 68.14 60.66 97.48 39.34 61.21 39.34' fill='%23fc0'/%3E%3C/svg%3E");
}
[data-star-rate="4"] .es-icon-star:nth-child(1),
[data-star-rate="4"] .es-icon-star:nth-child(2),
[data-star-rate="4"] .es-icon-star:nth-child(3),
[data-star-rate="4"] .es-icon-star:nth-child(4){
	background-image: url("data:image/svg+xml,%3Csvg id='Layer_1' data-name='Layer 1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Ctitle%3Eicon-star%3C/title%3E%3Cpolygon points='61.21 39.34 50 4.84 38.79 39.34 2.52 39.34 31.86 60.66 20.65 95.16 50 73.84 79.35 95.16 68.14 60.66 97.48 39.34 61.21 39.34' fill='%23fc0'/%3E%3C/svg%3E");
}
[data-star-rate="5"] .es-icon-star:nth-child(1),
[data-star-rate="5"] .es-icon-star:nth-child(2),
[data-star-rate="5"] .es-icon-star:nth-child(3),
[data-star-rate="5"] .es-icon-star:nth-child(4),
[data-star-rate="5"] .es-icon-star:nth-child(5){
	background-image: url("data:image/svg+xml,%3Csvg id='Layer_1' data-name='Layer 1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Ctitle%3Eicon-star%3C/title%3E%3Cpolygon points='61.21 39.34 50 4.84 38.79 39.34 2.52 39.34 31.86 60.66 20.65 95.16 50 73.84 79.35 95.16 68.14 60.66 97.48 39.34 61.21 39.34' fill='%23fc0'/%3E%3C/svg%3E");
}

.sr-hide{
	display: none !important;
}

.sr-app-card{
	display: block;
	background-color: #fff;
	color: #000;
	box-shadow: 0 3px 15px rgba(0, 0, 0, 0.2);
	border-radius: 12px;
	max-width: 800px;
	margin: 40px auto;
}
@media screen and (max-width: 991px) {
	.sr-app-card{
		margin: 40px 20px;
	}
}
.sr-app-card .es-star-rate-avg{
	margin-left: -3px;
	margin: 10px 0px 10px -3px;
}
.sr-app-card .sr-app-flex-between{
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding-right: 15px;
	flex-wrap: wrap;
}

.sr-app-card .sr-app-date{
	font-size: 0.8em;
	color: #999;
	margin: 5px 0;
}
.sr-app-card .sr-app-card-content{
	padding: 30px;
}
.sr-app-card .sr-app-card-content:empty{
	display: none;
}
.sr-app-card .sr-app-card-content+.sr-app-card-content{
	padding-top: 0px;
}
#es-sf-star-rating-input{
	font-size: 2em;
	margin-top: 5px;
}
.sr-app-card .sr-app-comment+.sr-app-comment{
	border-top: 1px solid #ccc;
	margin-top: 30px;
	padding-top: 30px;
}

.sr-app-card hr.sr-app-card-hr{
	clear: both;
	border-top: solid #ccc;
	border-width: 1px 0 0;
	margin: 30px 0;
	height: 0;
}
.sr-app-card .sr-app-card-content hr.sr-app-card-hr:first-child{
	margin-top: 0;
}

#es-sr-app-table{
	overflow: auto;
	max-height: 400px;
}
.sr-app-h3{
	font-size: 58px;
	line-height: 1.1;
	margin-bottom: 10px;
}
.sr-app-h3 .sr-app-color-grey{
	font-size: 0.7em;
	margin-right: 3px;
}
.sr-app-card .sr-app-h3 .sr-app-h3-star{
	font-size: 20px;
	line-height: 1.1;
	margin: 0;
}
.sr-app-color-grey{
	color: #999;
}

.sr-app-circle-img{
	display: inline-block;
	max-width: 40px;
	max-height: 40px;
	border-radius: 50%;
	margin-right: 15px;
}
.sr-app-img-comment{
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	align-items: flex-start;
	font-size: 14px;
}

.sr-app-img-comment .sr-app-variant_name{
	color: #666;
	display: block;
}

.sr-app-img-comment > div{
	width: 100%;
	padding-top: 7px;
}

.sr-app-card #sr-comments{
	margin-bottom: 0px;
	min-height: 100px;
}

#sr-comment-error,
.sr-comment-error{
	display: block;
	min-height: 20px;
	line-height: 20px;
	color: #d02e2e;
	font-weight: bold;
	font-size: 13px;
	margin: 5px 0;
}

.sr-app-card .sr-app-thumbnail img{
	width: auto;
	max-width: 120px;
	max-height: 120px;
}
.sr-app-product-detail{
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	align-items: flex-start;
	flex-wrap: wrap;
}
.sr-app-card-content h1:last-child,
.sr-app-card-content h4,
.sr-app-card-content p{
	margin-bottom: 0;
	line-height: 1.5;
}

.sr-app-product-name{
	padding-left: 20px;
	flex-grow: 1;
}

@media screen and (max-width: 500px) {
	.sr-app-img-comment .es-star-rate-avg{
		margin: 0px 0px 3px -3px;
	}
	.sr-app-img-comment .sr-app-comment-content{
		font-size: 12px;
	}
	#es-sr-app-table{
		overflow: auto;
		max-height: 300px;
	}
	.sr-app-product-name{
		padding-top: 20px;
		padding-left: 0
	}
	.sr-app-product-name + #es-sf-star-rating-input.es-star-rating-input{
		padding-top: 20px;
		margin-bottom: 0;
	}
}

.template-app .sr-app-card{
	margin: 30px auto;
}

.sr-app-card textarea{
	resize: none;
}

.sr-app-card.sr-app_is-rated .sr-app-thumbnail img{
	max-width: 80px;
	max-height: 80px;
}
.sr-app-card.sr-app_is-rated .sr-comment-error{
	display: none;
}
.sr-app-card.sr-app_is-rated .es-star-rating{
	pointer-events: none;
}
.sr-app-card.sr-app_is-rated textarea{
	border: none;
	min-height: 80px;
}

.sr-app_customer_name.sr-app-is_verified{
	padding-right: 17px;
	background-image: url('https://s3-ap-southeast-1.amazonaws.com/eesb.public/images/apps/product-star-rating/verified.png');
	background-position: center right;
	background-size: 13px;
	background-repeat: no-repeat;
}