/**
* 2007-2020 PrestaShop
*
* NOTICE OF LICENSE
*
* This source file is subject to the Academic Free License (AFL 3.0)
* that is bundled with this package in the file LICENSE.txt.
* It is also available through the world-wide-web at this URL:
* http://opensource.org/licenses/afl-3.0.php
* If you did not receive a copy of the license and are unable to
* obtain it through the world-wide-web, please send an email
* to license@prestashop.com so we can send you a copy immediately.
*
* DISCLAIMER
*
* Do not edit or add to this file if you wish to upgrade PrestaShop to newer
* versions in the future. If you wish to customize PrestaShop for your
* needs please refer to http://www.prestashop.com for more information.
*
*  @author    PrestaShop SA <contact@prestashop.com>
*  @copyright 2007-2020 PrestaShop SA
*  @license   http://opensource.org/licenses/afl-3.0.php  Academic Free License (AFL 3.0)
*  International Registered Trademark & Property of PrestaShop SA
*
* Don't forget to prefix your containers with your own identifier
* to avoid any conflicts with others containers.
*/

/* Rating Star Widgets Style */
.rating-stars ul {
    list-style-type:none;
    padding:0;
    margin:0;
    -moz-user-select:none;
    -webkit-user-select:none;
}
.rating-stars ul > li.star {
    display:inline-block;
    cursor: pointer;
	margin-left: 1px;
    margin-bottom: 5px;
}

.rating-stars ul > li.star.disabled {
    cursor: not-allowed;
}

#review-output{
background: rgba(0, 0, 0, 0.4);
}

/* Idle State of the stars */
.rating-stars ul > li.star > i.fa {
    font-size:20px; /* Change the size of the stars */
    color:#ccc; /* Color on idle state */
	width:auto;
}
.rating-stars ul > li.star > i.fa:before{
    /*content: "";*/
	display:block;
	/*background:url(../img/1-B.png) no-repeat;*/
    /*width:16px;*/
    height:16px;
}
/* Hover state of the stars */
.rating-stars ul > li.star.hover > i.fa{
    color:#ffdb41;
}
.rating-stars ul > li.star.star_selected > i.fa:before,.rating-stars ul > li.star.star_selected > i.fa:before,
.rating-stars ul > li.star.selected > i.fa:before,.rating-stars ul > li.star.selected > i.fa:before,
.rating-stars ul > li.star.hover > i.fa:before,.rating-stars ul > li.star.hover > i.fa:before{
    /*content: "";*/
	display:block;
	/*background:url(../img/1-A.png) no-repeat;
    width:16px;*/
    height:16px;
    color:#ffdb41;
}

/* Selected state of the stars */
.rating-stars ul > li.star.selected > i.fa {
    color: #ffdb41;
}
.rating-stars ul > li.star.voted > i.fa {
    color: #ffdb41;
}
.output_box {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 9999; /* Sit on top */
    padding-top: 100px; /* Location of the box */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
}
.output_box_content {
    position: relative;
    background-color: #fefefe;
    margin: auto;
    padding: 0;
    width: 100%;
    max-width:500px;
    /*box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);*/
    -webkit-animation-name: animatetop;
    -webkit-animation-duration: 0.4s;
    animation-name: animatetop;
    animation-duration: 0.4s;
    /*border: 23px solid rgba(0, 0, 0, 0.4);*/
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
}
.output_box_content p{    padding: 20px;
    text-align: center;
    margin: 0;}
.output_box_content p:before{
    display: block;
    text-align: center;
    font-size: 16px;
    line-height: 16px;
    font-family: FontAwesome;
}
.output_box_content p.success:before {
    color: green;
    content: "\f14a";
}
.output_box_content p.error:before {
    color: red;
    content: "\f12a";
}
.comment_area label{float:left;margin-bottom: 0;color:inherit;}
.comment_area input,.comment_area textarea{display:block;width: 100%;margin:5px 0;}
.comment_area{text-align: center;padding:5px;}

/*.label_for_stars {display: inline-block;}*/
/*.rating-stars{display:inline-block}*/

#product .wt_popup{    background: #f5f5f5;
    border: 1px solid #ddd;
    padding: 15px;margin-top: 25px;}
.wt_popup .comment_area{padding-top:0;}
.wt_popup .rating-area{padding:5px; border:none;    text-align: left; font-size: 14px}
/*.comment_area{display:none;}*/
.open_comment_form:hover{cursor: pointer;}
#productComments .info-icons{display: inline-block;width: 20%;text-align: center;}
/*#productComments div.comment_details {
    padding: 15px 10px;
    width: 100%;
    float: right;
    border: 1px solid #ebebeb!important;
    border-radius: 4px;
    background: #fff;
    overflow: hidden;
}*/
#productComments .rating-stars{float:right;}
#productComments .info-icons i {
    display: inline-block;
    font-size: 28px;
    margin-top: 26px;
    width: 48px;
    height: 48px;
    line-height: 48px;
    background: #fff;
    border: 1px solid #e4e1e3;
}
#productComments .details_customer_date_add,#productComments .details_customer_name{display: inline-block;}
#productComments .rating-stars ul>li.star>i.fa{font-size: 14px;}
#productComments .details_customer_comment{margin-top:10px;clear:both;font-size: 14px;}
.comment_area label.required:after{content: ' * ';color: red;}

#review-output .close_reviews.fa-close:before{
    font-size: 25px;
    font-family: "FontAwesome";
    content: "\f00d";
}

#review-output .close_reviews.fa-close{
    position: absolute;
    top: 15px;
    right: 15px;
    cursor: pointer;
}

#review-output .req_fields_reviews{display: block;}
.rating-area{
    text-align: center;
    padding: 8px;
    border: 1px solid #ddd;
    background: #f5f5f5;
    font-size: 14px;
    color: #777;
    margin-top: 10px;
    }

#productComments{
    display: table;
    width: 100%;
}

.productComment{
    display: grid;
    background: #f5f5f5;
    border: 1px solid #ddd;
    padding: 15px;
    margin-bottom: 5px;
}

.reviews_prod .page-product-heading{
    margin: 0 0 9px;
}


.reviews_prod{margin: 27px 0 27px 0;}

.star.star_selected:after {
    color: #ffd624;
}
.review-title{display: inline;}

#stars{display: inline;}

.submit_comment{
    color: #fff;
    background-color: #b60003;
    background-image: none;
	width:auto;    padding: 2px 10px;margin-top: 10px;
}


#product .reviews_product.wt_popup .comment_area.visible_form label {
    display: inline-block;
}

#product .reviews_product.wt_popup .comment_area.visible_form .col-25, .rating-stars .col-25{
    float: left;
    width: 25%;
    margin-top: 6px;
}

#product .reviews_product.wt_popup .comment_area.visible_form .col-75, #product .rating-stars .col-75{
    float: left;
    width: 75%;
    margin-top: 0;
}

#product .reviews_product.wt_popup .comment_area.visible_form .row:after{
    content: "";
    display: table;
    clear: both;
}

#product .reviews_product.wt_popup .comment_area.visible_form input[type=text],.reviews_product.wt_popup .comment_area.visible_form textarea {
    width: 100%;
    padding: 5px;
    border: 1px solid #ccc;
    border-radius: 4px;
    resize: vertical;outline:none;border-radius: 0;-moz-border-radius: 0;-webkit-border-radius: 0;
}

@media screen and (max-width: 600px) {
    .reviews_product.wt_popup .comment_area.visible_form  .col-25,.reviews_product.wt_popup .comment_area.visible_form  .col-75 {
        width: 100%;
        margin-top: 0;
    }
}

.comment_details .content {font-size: 14px;}

.details_customer_name{
    color: #44d;
    font-weight: bold;
	margin-right: 10px;
}
.details_customer_date_add{
    color: #666;
    font-weight: bold;
}

.already_voted{
    background: #f5f5f5;
    border: 1px solid #ddd;
    padding: 15px;
    padding-left: 18px;
    margin-top: 20px;
}

/*.already_voted .voting_rules{
    color: #44d;
    font-weight: bold;
    margin-bottom: 5px;
}

.already_voted .already_voted_text{
    color: #C00;
    font-weight: bold;
}*/

#category .reviews_category.wt_popup {float: right;}
#cms .reviews_cms.wt_popup {float: right;}

#cms .label_for_stars,#cms .rating-stars .row{text-align: center;}

.label_for_stars_all_reviews{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    margin-top: 10px;
    column-gap: 1rem;
    padding: 8px;
    background: #f5f5f5;
    font-size: 14px;
    color: #777;
    text-align: center;
}
.product-description .gslisting.label_for_stars_all_reviews{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    column-gap: 1rem;
    padding: unset;
    padding-bottom: 8px;
    font-size: 14px;
    color: #777;
    background-color: unset;
    text-align: center;
}
.gslisting.label_for_stars_all_reviews .rating-stars ul > li.star > i.fa{
    font-size: 16px;
}

.reviews_category .rating-stars .row, .reviews_category .label_for_stars{
    text-align: center;
}

.reviews_product.wt_popup .heading_comment_form{
    font-size: 14px;
    font-weight: bold;
    border-bottom: 1px solid #ddd;
    padding-bottom: 5px;
    margin: 0;
    color: #44d;
}
.already_voted .already_voted_p{
    color: #C00;
    font-weight: bold;
}

table.dataTable#productComments, table.dataTable#productComments tr , table.dataTable#productComments tr th{border:none;} 
table.dataTable#productComments tr td{border:1px solid #ddd}

.productComment .comment_details .rating-stars ul{float: left;    margin-right: 7px;}
#productComments_filter input{outline:none;}
#productComments_length, #productComments_filter, #productComments_info, #productComments_paginate{font-size:12px;}
#productComments_info, #productComments_paginate{padding:5px 0;}

@media (max-width: 767px) {
    .label_for_stars_all_reviews {
        margin-top: 0;
        margin-bottom: 10px;
    }
}