@import '_theme_variables';

#product_comments_block_extra {
	padding:8px 10px 10px;
	font-weight: bold;	
	line-height:18px;
	border:1px solid $base-border-color;
	background:$base-box-bg;
	margin:39px 0 22px
}
.comments_advices {
padding-top:2px;

	li{display:inline-block;
	line-height:30px;
	
	@media (min-width: $screen-sm) and (max-width: $screen-sm-max) {	//min 768px max 991px
	display:block;	
	line-height:20px
	}
	}
   a {  
	text-decoration: none;	
    color:#777;
	position:relative;	
	margin-right:8px;
	line-height:30px;
	padding:0;
	display:inline-block;	
		
	@media (min-width: $screen-sm) and (max-width: $screen-md-max) { //min 768px max 991px
	float:none;
	line-height:20px;
	}	
	
 &:before{	
    background:#929292;
    border-radius:50px;	
	-moz-border-radius:50px;
	-webkit-border-radius:50px;
    color: white;    
    display: inline-block;
    font-family: $font-icon;
    font-size: 15px;
    font-weight: normal;
    height: 30px;
    line-height: 30px;
    margin-right: 6px;
    text-align: center;
    width: 30px;	
	
	/*max 1199px*/
	@media  (max-width: $screen-md-max) {
	display:none	
	}
		
}

}
 a.reviews:before{content:""}
 a.open-comment-form:before{content:""}
 a:hover {color:$base-text-color}
 a.reviews{
  border-right:1px solid $base-border-color;
  padding-right:30px;
  margin-right:9px;
 
	@media (min-width: $screen-sm) and (max-width: $screen-sm-max) { // min 768px max 991px
	margin-right:0;
	padding:0;
	border:none
	} 
 }
}


#product_comments_block_extra{	
	.comments_note {margin-bottom:5px}	
    .comments_note span,
	.star_content {
		float:left;
		color:$base-text-color;
	}	
	.star_content {
		margin-top:1px;
	}	
	div.star {
		&:after {
			content:"";
			font-family:$font-icon;
			display:inline-block;
			color:#777676;
		}
	}
	div.star_on {
		&:after {
			content:"";
			font-family:$font-icon;
			display:inline-block;
			color:#ef8743;	
		}
	}	
	.comments_advices {clear:both;}
}


/* pop-in add grade/advice ********************************************************************* */
#fancybox-wrap { width:585px }
#fancybox-content {
	width:585px;
	border-width:0
}
.new_comment_form_content .intro_form {
	padding-bottom: 10px;
	font-weight: bold;
	font-size: 12px
}

#new_comment_form {
	width:465px;
	overflow:hidden;
	color: $base-text-color;
	text-align: left;	
	
	@media (max-width: $screen-xs-max) { //max 767px
	width:275px;
	}
	
	h2{margin-bottom:10px}			
			 .title {
				padding:10px;
				font-size: 13px;
				color: $light-text-color;
				text-transform: uppercase;
				background: $dark-background
			}
			
			 ul.grade_content {list-style-type:none}			 
			 .grade_content li {width:50%}
			 .product {padding:15px}
			 .product img {			
			   border: $main_border;
			}
			 .product .product_desc {									
				line-height:18px;
				color:$description-color;
			}
			 .product .product_desc .product_name {
				padding:10px 0 5px;
				font-size:13px;
				color:#000
			}
			
			 .grade_content {margin:0 0 20px 0}
			 .grade_content span,
			 .grade_content span {
				display:inline-block;
				padding:0 10px;
				width:150px;/* 160 */
				font-weight:bold
			}
			 .grade_content .cancel {margin-right:5px}			
			 .new_comment_form_content {
				padding:15px;
				background:#f8f8f8
			 }			
			 label {
				display: block;
				margin:12px 0 4px 0;
				font-weight: bold;
				font-size: 12px;
			}
			 input,
			 textarea  {
				padding: 0 5px;
				height: 28px;
				width: 100%;
				border: 1px solid #ccc;
				background: $light-background;
			}
			 textarea {		
				height: 80px;		
			}
			
			 .submit {
				margin-top:20px;
				padding:0;
				font-size:13px;
				text-align:right
			}
		
			 #criterions_list {
				border-bottom: 1px solid #CCC;
				padding-bottom: 15px;
				list-style-type: none;
			}			
			 #criterions_list li {
				margin-bottom: 10px;
			}			
			 #criterions_list label {
				display: inline;
				float: left;
				margin: 0 10px 0 0;
			}
			
			 #criterions_list .star_content {
				float: left;
			
			}
			
			 #new_comment_form_footer {
				margin-top: 20px;
				font-size: 12px;
			}
}
/* TAB COMMENTS ******************************************************************************** */
#product_comments_block_tab {margin:0 0 20px 0;

		 div.comment {
			margin:0 0 14px;
			padding-top:14px;		
			border-top: 1px solid $base-border-color;			
		}
		
		div.comment:first-child{padding:0;border:none}		
	    div.comment div.comment_author {		
			padding:0 20px;
			line-height:18px
		}
		 div.comment div.comment_author span {font-weight:bold;}
		 div.comment div.comment_author span,
		 div.comment .star_content {
			float:left;
		}
		 div.comment .star_content {margin: 0 0 0 5px}
		 div.star {
			&:after {
				content:"";
				font-family:$font-icon;
				display:inline-block;
				color:#777676;	
			} 
		 }
		 div.star_on {
			&:after {
				content:"";
				font-family:$font-icon;
				display:inline-block;
				color:#ef8743;	
			}
		}
		 .comment_author_infos {clear:both;
		 padding-top:9px;
		 strong{display:block;color:$base-text-color}
		  em {color:#adadad}
		 
		}
		 div.comment div.comment_details {
		
			overflow:hidden;
			border-left:$main_border;	
					
			@media (max-width: $screen-sm-max) { //max 767px
			 border-left: none					
			}
			
		}
		
		 div.comment_details ul {
			list-style-type:none;
			margin:0
		}
		 div.comment_details li {
			padding:2px 0 2px;
		&:before{
			font-family:$font-icon;	
			content:"";	
			color:$base-text-color;
			margin-right:8px
			}
		
		
		}
		div.comment_details  .title_block{text-transform:capitalize}		
		 a {
			text-decoration: none;
			font-weight: bold;	
		}
			
		 span.report_btn {cursor: pointer}
		 span.report_btn:hover {text-decoration:underline}

}

.fl { float: left; }
.fr { float: right; }
