#product_comments_block_extra {
line-height: 18px;
}
#product_comments_block_extra .comments_note {
display: inline-block;
}
#product_comments_block_extra .comments_note span,
#product_comments_block_extra .star_content {
float: left;
}
.rtl #product_comments_block_extra .comments_note span, .rtl
#product_comments_block_extra .star_content {
float: right;
}
#product_comments_block_extra .star_content {
margin-right: 5px;
}
#product_comments_block_extra div.star:after {
content: "\f006";
font-family: "FontAwesome";
display: inline-block;
color: #777676;
}
#product_comments_block_extra div.star_on:after {
content: "\f005";
font-family: "FontAwesome";
display: inline-block;
color: #ffb100;
}
#product_comments_block_extra .comments_advices {
clear: both;
display: inline-block;
margin-top: -4px;
position: absolute;
font-size: 10px;
}

.comments_advices {
margin-top: -3px;
position: absolute;
}
.comments_advices li {
display: inline-block;
line-height: 30px;
}
@media (min-width: 768px) and (max-width: 991px) {
.comments_advices li {
display: block;
line-height: 20px;
}
}
.comments_advices a {
text-decoration: none;
position: relative;
line-height: 30px;
padding: 0;
display: inline-block;
}
@media (min-width: 768px) and (max-width: 1199px) {
.comments_advices a {
float: none;
line-height: 20px;
}
}
.comments_advices a:before {
display: inline-block;
font-family: "FontAwesome";
font-size: 15px;
font-weight: normal;
height: 30px;
line-height: 30px;
margin-right: 10px;
/*max 1199px*/
}
.rtl .comments_advices a:before {
margin-left: 10px;
margin-right: inherit;
}
@media (max-width: 1199px) {
.comments_advices a:before {
display: none;
}
}

.comments_advices a.open-comment-form:before {
content: "\f040";
}
.comments_advices a.reviews {
color: #6b6b6b;
cursor: pointer;
}
.rtl .comments_advices a.reviews {
padding-left: 30px;
padding-right: inherit;
}
@media (min-width: 768px) and (max-width: 991px) {
.comments_advices a.reviews {
margin-right: 0;
padding: 0;
border: none;
}
}

/* pop-in add grade/advice ********************************************************************* */
#fancybox-wrap {
width: 585px;
}

#fancybox-content {
width: 585px;
border-width: 0;
}

#new_comment_form {
overflow: hidden;
text-align: left;
}
.rtl #new_comment_form {
text-align: right;
}
#new_comment_form h2 {
margin-bottom: 10px;
margin-top: 10px;
border-bottom: 1px solid #e0e0e0;
padding-bottom: 15px;
}
#new_comment_form .title {
padding: 10px;
font-size: 13px;
color: black;
text-transform: uppercase;
}
#new_comment_form ul.grade_content {
list-style-type: none;
margin: 0 0 20px 0;
}
#new_comment_form ul.grade_content li {
width: 50%;
}
#new_comment_form ul.grade_content span {
display: inline-block;
padding: 0 10px;
width: 150px;
font-weight: bold;
}
#new_comment_form ul.grade_content .cancel {
margin-right: 5px;
}
#new_comment_form .product {
padding: 15px;
}
#new_comment_form .product img {
border: 1px solid #f3f3f3;
}
#new_comment_form .product .product_desc {
line-height: 18px;
color: black;
}
#new_comment_form .product .product_desc .product_name {
padding: 10px 0 5px;
font-size: 13px;
color: #000;
}
#new_comment_form .new_comment_form_content {
padding: 15px 25px 15px 15px;
background: #f8f8f8;
}
@media (max-width: 767px) {
#new_comment_form .new_comment_form_content {
padding-left: 25px;
}
}
#new_comment_form .new_comment_form_content .intro_form {
padding-bottom: 10px;
font-weight: bold;
font-size: 12px;
}
#new_comment_form label {
display: block;
margin: 12px 0 4px 0;
font-weight: 500;
font-size: 13px;
}
#new_comment_form input,
#new_comment_form textarea {
padding: 0 5px;
height: 40px;
width: 100%;
border: 1px solid #e6e6e6;
background: #fafafa;
}
#new_comment_form textarea {
height: 80px;
}
#new_comment_form .submit {
margin-top: 20px;
padding: 0;
font-size: 13px;
text-align: right;
}
.rtl #new_comment_form .submit {
text-align: left;
}
#new_comment_form #criterions_list {
list-style-type: none;
}
#new_comment_form #criterions_list li {
margin-bottom: 10px;
}
#new_comment_form #criterions_list label {
display: inline;
float: left;
margin: 0 10px 0 0;
}
.rtl #new_comment_form #criterions_list label {
float: right;
}
#new_comment_form #criterions_list .star_content {
float: left;
}
.rtl #new_comment_form #criterions_list .star_content {
float: right;
}
#new_comment_form #new_comment_form_footer {
margin-top: 20px;
font-size: 12px;
}

/* TAB COMMENTS ******************************************************************************** */
#product_comments_block_tab div.comment {
padding: 15px 15px;
background: #f4f4f4;
margin: 15px 15px;
border-radius: 8px;
}
#product_comments_block_tab div.comment .comment_author {
line-height: 18px;
text-align: left;
}
#product_comments_block_tab div.comment .comment_author span {display: none;}
.rtl #product_comments_block_tab div.comment .comment_author span {
float: right;
}
#product_comments_block_tab div.comment .comment_author .star_content {
display: inline-block;
vertical-align: middle;
}
#product_comments_block_tab div.comment .comment_details {
overflow: hidden;
border-left: 1px solid #dcd7d6;
font-size: 14px;
font-weight: 300;
color: #554740;
text-align: left;
}
@media (max-width: 991px) {
#product_comments_block_tab div.comment .comment_details {
border-left: none;
padding-top: 8px;
}
}
#product_comments_block_tab div.comment .comment_details ul {
list-style-type: none;
margin: 0;
}
#product_comments_block_tab div.comment .comment_details ul li {
padding: 2px 0 2px;
}
#product_comments_block_tab div.comment .comment_details ul li:before {
font-family: "FontAwesome";
content: "\f0da";
margin-right: 8px;
}
}
#product_comments_block_tab div.comment .comment_details .button {
line-height: 10px;
margin-left: 5px;
font-size: 12px;
}
#product_comments_block_tab div.star:after {
content: "\f006";
font-family: "FontAwesome";
display: inline-block;
color: #777676;
}
#product_comments_block_tab div.star_on:after {
content: "\f005";
font-family: "FontAwesome";
display: inline-block;
color: #ffb000;
}
#product_comments_block_tab .comment_author_infos {
clear: both;
}
#product_comments_block_tab .comment_author_infos strong {
display: block;
font-weight: 500;
line-height: 40px;
color: #103438;
}
#product_comments_block_tab .comment_author_infos em {
font-style: normal;
font-size: 11px;
color: #7e7e7e;
line-height: 30px;
}
#product_comments_block_tab a {
border: none;
font-size: 14px;
text-transform: inherit;
background: #103438;
width: 160px;
float: inherit;
border-radius: 8px;
margin-top: 20px;
color: #fff !important;
}

#product_comments_block_tab a:hover, #product_comments_block_tab a:focus,#product_comments_block_tab a:active { 
border: none;
font-size: 14px;
text-transform: inherit;
background: #825644;
color: #ffffff;
}

#product_comments_block_tab span.report_btn {
cursor: pointer;
}
#product_comments_block_tab span.report_btn:hover {
text-decoration: underline;
}

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

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