@import url('/styles/stars.css');

.reviewMod{
	font-size:14px;
	//padding-bottom:10px;	
	-webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  cursor:default;
}
.reviewMod.reviewStats{
	display:flex;			  
  flex-wrap:wrap;
  align-items: center;
  margin-top:5px;
}
.reviewMod.reviewStats > div{
	margin-right:15px;
}
.itemPage .reviewStatsImage, .prodContent .reviewStatsImage{
	display:none;
}
.singleItem .revItemName, .itemPage .revItemName{
	display:none;
}
.itemPage .reviewFilterBar{
	margin-top:10px;
}
.revItemThumb img {
	width:60px;
}
.singleItem .revItemThumb{
	display:none;
}
.reviewMod{
	margin-top:10px;
}
.reviewHD{
	max-width:1000px;
}
.reviewHD .reviewMod{
	margin-top:0px;
}
.reviewHeader, .reviewHeader a{
	display:flex;	
	flex-wrap:wrap;
	align-items: center;
	padding-bottom:3px;	
}
.reviewHeader, .reviewHeader a.svgIconLink{
	padding-bottom:0px;	
}
.revEditControls{
	margin-top:8px;
	margin-bottom:8px;
}
.revEditControls > div{
	//background-color:#ccc;
	border:1px solid #888888;
	padding:8px;	
	padding-bottom:0px;
	display:flex;	
	flex-wrap:wrap;
	align-items: center;
}
.revEditControls > div > *{
	margin-right:8px;
	margin-bottom:8px;
	position:relative;
}
.wasHelpful{
	display:flex;	
	align-items: center;
	padding-bottom:0px;
}
.reviewHeader  > div, .reviewHeader a > *:not(svg), .wasHelpful > *{
	margin-right:10px;	
}
.reviewHeader .svgIcon{
	margin-right:5px;
	margin-bottom:3px;
}
.reviewHeader{
	min-width:300px;
}
.reviewBody{
	padding:10px 0px;	
}
.reviewImages img{
	height:70px !important;
	width:auto !important;
	margin:0px !important;
}
.reviewImages .revImage.notApproved img{
	opacity:0.3;
}
.revImageTools{
	display:none;
	position:absolute;
	top:-5px;
	left:-5px;
}
.revReplyMod:hover .revImageTools, .revImage:hover .revImageTools{
	display:block;
}
.revReplies .revImageTools{
	left:-18px;
}
.revImageTools .svgIcon{
	display:block;
	position:relative;
	opacity:0.7;
}
.revImageTools .svgIcon:hover{
	opacity:1;
}
.orange{
	color:chocolate;
}
.green{
	color:green;	
}

.reviewUI > div{
	
}
.listHeader{
	display:inline-block;
	padding: 7px;
	background-color:#ccc;
	border-radius:0px 5px 0px 0px;
	font-weight:bold;
}
.reviewUI .orderList{
	display: flex;
	flex-wrap:wrap;	
	margin-bottom:20px;
}
.reviewUI .orderList > div{
	margin-right:20px;
	margin-top:20px;
}
.reviewUI .itemList{
	display: flex;
	flex-wrap:wrap;
	padding: 5px;
	padding-right:3px;
	border:1px solid #ccc;
	border-radius:0px 10px 0px 0px;
}
.reviewUI .itemList .listItem{
	border: 1px solid #ffffff;
	cursor:pointer;
	position:relative;
	width:182px;
	height:182px;
}
.listItem.newReview .svgIcon{
	width:60%;
	height:60%;
	top:-30%;
	margin:50% auto;
}
.reviewUI .itemList .listItem:hover{
	border: 1px solid #a5a5a5;
}
.reviewUI .itemList img{
	height:180px;
}
.reviewUI .itemList .svgProductIcon{
	width:180px;
	height:180px;
}
.reviewUI .itemList .itemQuant{
	position:absolute;
	top:-18px;
	right:-3px;
	background-color: #027aea;
	border:4px solid #eeeeee;
	font-size:20px;
	font-weight:bold;
	color:#ffffff;
	width:30px;
	height:30px;
	border-radius:19px;
	z-index:20;
	text-align:center;
	line-height:30px;
}
.reviewUI .itemList .revFlag{
	position:absolute;
	top:-1px;
	left:-1px;	
	z-index:20;	
	background-color: rgba(25,215,54,0.9);	
	color:#ffffff;
	border-radius:0px 0px 10px 0px;
	padding:7px;
}

.reviewUI .itemList .listItemSerial{
	position:absolute;
	bottom:-1px;
	right:-1px;
	background-color: rgba(133,154,134,0.9);	
	color:#ffffff;
	border-radius:10px 0px 0px 0px;
	padding:7px;
	z-index:20;	
}
.reviewUI .itemList a{
	position:relative;
	margin-right:2px;
}
.reviewUI .itemList a.reviewed{
	
}
.reviewUI .itemList a.reviewed .noClick{
	position:absolute;
	top:0px;
	width:100%;
	height:100%;
	background-color: rgba(0,0,0,0.2);
	border-radius:0px 6px 0px 0px;
	pointer-events:none;
}

.editableCont{
	display:none;
}
.revLink{
	color:#027aea;
	cursor:pointer;
	font-size:small;
}
a.revLink{
	padding-bottom:0px;
}
.moreReviews.revLink{
	margin-top:10px;
}
.moreReviews{
	text-transform:uppercase;
	padding:8px;
}
.moreReviews:hover{
	background:#f5f5f5;
}
.moreReviews > div{
	margin:0px auto; 
}
.moreReviews > div:first-of-type{
	text-align:center;
	line-height:30px;
}
p.small{
	font-size:small;
}
.revRepliesLink{	
	margin-bottom:10px;
	font-size:14px;
	text-transform:uppercase;
}
.revRepliesLink:before{
	content: 'View Replies ';
}
.revRepliesLink.opened:before{
	content: 'Hide Replies ';
}
.revReplies{
	position:relative;
	overflow:hidden;
	display:none;
}
.revReplyMod{
	background:#e5e5e5;
	padding:10px;
	margin-bottom:10px;
	margin-left:3%;
	padding-bottom:20px;
	position:relative;
	-webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  cursor:default;
}
.revReplyMod.notApproved{
	background:#fce9ff;
}
.revReplyInput{
	margin:10px 0px;
	margin-left:3%;
	//padding-bottom:20px;
	position:relative;
}
.revReplyInput textarea{
	width:100%;
	height:200px;	
	box-sizing:border-box;
	margin:0px;
	padding:10px;
}
.reviewHeader.buttonGroup >*{
	margin-top:8px;
	margin-right:8px;
}
.revReplyBody{
	margin-top:10px;
}
*:not(.editing) .revRepliesLink{
	//margin-bottom:8px;
}



.reviewHeader.starBars{
	display:block;
}

.starBarCont > div{
	display:inline-block;
	vertical-align:middle;
	margin:2px 0px;
  margin-right:8px; 
  overflow:hidden;
}
.starDesc{
	 min-width:40px;
}
.starBar{
	  height: 18px;
    width: 180px;
    border: .5px solid #a5a5a5;
    -moz-box-shadow: inset 0 0 5px #000000;
    -webkit-box-shadow: inset 0 0 5px #000000;
    box-shadow: inset 0 0 5px #a5a5a5;   
}
.starBar div{
	  height: 100%;
    background: #ffa500;	
}

#rated {
  margin-top: 1em;
}

.rtl {
  direction: rtl
}
.dropzone-previews{
	position:fixed;
	top:50%;
	left:50%;
	margin-left:-96px;
	margin-top:-96px;
	background:none;
	border:none;
	z-index:200;
}
.dropzone .dz-preview.dz-image-preview {
      background: none;
 }

/* Form styles */

.reviewUIText{
	display:none;
}
.reviewUIText.preopened{
	display:block;
}
.revTitle, .revDescription{
	width:70% !important;	
	box-sizing:border-box;
	margin-top:0px;
}
.revDescription{
	padding-top:5px;
	height:300px;
} 
.reviewUIForm > .reviewHeader{
	margin-bottom:8px;
}
.reviewUIForm > div{
	position:relative;
}
.staticCont{
	-webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  cursor:default;
}
.inlineWrap{
	display: flex;
  flex-wrap: wrap;
  align-items: center;
 	margin-bottom:5px;
 	margin-right:5px;
}
.inlineWrap > *{
	margin-right:8px;
}
.revOn{
	display: flex;
  flex-wrap: wrap;
  align-items: center;
}
.revOn > div{
	
}
.revOn .revOnName, .revOn .revOnLogo{
	margin-left:5px;
}
.revOn .revOnLogo{		
	background-size:100%;
	background-repeat: no-repeat;
	background-position: 0% 0%;
	position:relative;		
}
.revOn .revOnLogo.amazonLogo{	
	height:17px;
	width:50px;
	background-image: url(/images/amazonLogo2.svg),none;
	top:3px;
}
.revOn .revOnLogo.mfLogo{	
	height:20px;
	width:90px;
	background-image: url(/images/mfLogo.svg),none;
	top:0px;
}
.revOn .revOnLogo.sweetWaterLogo{	
	height:17px;
	width:60px;
	background-image: url(/images/sweetWaterLogo.svg),none;
	top:4px;
}
.revOn .revOnLogo.gcLogo{	
	height:34px;
	width:40px;
	background-image: url(/images/gcLogo.svg),none;
	top:4px;
}
.reviewFilterBar{
	padding:5px;
	background-color:#f5f5f5;
	border: 1px solid #d5d5d5;
}
.reviewFilterBar .svgIcon.search{
	display:none;
}
.staticCont span.hl{
	background-color:#00dfff;
}
.nonVerRevUI button{
	display:none;
}
.starBarCont{
	cursor:pointer;
}