/**
 * Shop product reviews
 *
 * @author    businesstech.fr <modules@businesstech.fr> - https://www.businesstech.fr/
 * @copyright Business Tech - https://www.businesstech.fr/
 * @license   see file: LICENSE.txt
 *
 *           ____    _______
 *          |  _ \  |__   __|
 *          | |_) |    | |
 *          |  _ <     | |
 *          | |_) |    | |
 *          |____/     |_|
 */
#spr {
    /** Product footer review list block **/
    /* Tooltip container */
    /* Tooltip text */
    /* Show the tooltip text when you mouse over the tooltip container */
    /* Tooltip text */
    /** expand more and less **/
}

#spr .row {
    /*display: block !important;*/
}

#spr .spr-btn-text {
    white-space: normal;
    text-align: center;
}

#spr .hide {
    display: none;
}

#spr .show {
    display: block;
}

#spr .average_text {
    font-size: 15px !important;
}

#spr .pull-center {
    text-align: center !important;
}

#spr .pull-left {
    text-align: left !important;
}

#spr .pull-right {
    text-align: right !important;
}

#spr .bold {
    font-weight: bold;
}

#spr .review_container {
    /*min-height: 150px;*/
    /*border-bottom: 1px solid rgba(0, 0, 0, 0.1);*/
    background-color: rgba(248, 248, 248, 1);
    border-radius: 10px;
    padding: 15px;
}

.review_container + .review_container {
    margin-top: 1rem;
}

#spr .review_title {
    font-weight: 700;
    font-size: 18px;
    /*color: #7a7a7a;*/
    -ms-word-break: break-all;
    word-break: break-all;
    word-break: break-word;
    -webkit-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto;
}

#spr .review_global_label {
    font-size: 15px;
    /*color: #7a7a7a;*/
}

#spr .review_customer {
    font-weight: bold;
    font-size: 14px;
    vertical-align: middle;
    display: block;
    /*color: #7a7a7a;*/
}

#spr .review_product {
    font-weight: bold;
    font-size: 14px;
    vertical-align: middle;
    text-decoration: underline;
    /*color: #7a7a7a;*/
}

#spr i.spr_vote_up,
#spr i.spr_vote_down {
    color: lightgray;
    cursor: pointer;
}

#spr i.spr_vote_up:hover {
    color: green;
}

#spr i.spr_vote_up_shop,
#spr i.spr_vote_down_shop {
    color: lightgray;
    cursor: pointer;
}

#spr i.spr_vote_up_shop:hover {
    color: green;
}

#spr .spr_voted_up {
    color: green !important;
}

#spr .spr_voted_down {
    color: red !important;
}

#spr i.spr_vote_down:hover {
    color: red;
}

#spr .spr_report_abuse {
    color: lightgray;
    cursor: pointer;
}

#spr .spr_report_abuse:hover {
    color: orange;
    cursor: pointer;
}

#spr .spr_report_abuse_shop {
    color: lightgray;
    cursor: pointer;
}

#spr .spr_report_abuse_shop:hover {
    color: orange;
    cursor: pointer;
}

#spr .review-vote {
    font-weight: bold;
    font-size: 14px;
    padding-left: 10px;
}

#spr .review_text {
    font-style: normal;
    font-size: 10pt;
    /*border-left: 2px solid rgba(0, 0, 0, 0.1);*/
    /*padding-left: 10px;*/
    /*min-height: 80px;*/
    word-break: break-word;
}

#spr .spr-icon_verified {
    color: green;
}

#spr .spr-icon_verified_text {
    font-size: 12px;
    font-style: italic;
    color: green;
}

#spr .spr-icon_unverified_text {
    font-size: 12px;
    font-style: italic;
    color: red;
}

#spr .spr-icon_success {
    color: green;
}

#spr .spr-icon_danger {
    color: red;
}

#spr .spr-icon_warning {
    color: orange;
}

#spr .pagination .page-list {
    box-shadow: none;
}

#spr .review_title_battle {
    font-size: 15px;
    font-weight: 700;
    /*color: #7a7a7a;*/
    text-align: center;
}

#spr .spr_explain_moderation {
    margin-top: 20px;
}

#spr .table_cell {
    vertical-align: middle;
}

#spr .last_review_block_cat {
    background-color: transparent;
    height: auto;
    border-top: 1px solid rgba(0, 0, 0, 0.1);
    padding: 10px;
}

#spr .review_text_home {
    font-style: normal;
    font-size: 10pt;
    border-left: 2px solid rgba(0, 0, 0, 0.1);
    padding-left: 10px;
    word-break: break-word;
}

#spr .home_last_review {
    background-color: white;
    box-shadow: 2px 2px 8px 0 rgba(0, 0, 0, 0.2);
}

#spr .home_last_review_cat_hook {
    background-color: white;
    box-shadow: 2px 2px 8px 0 rgba(0, 0, 0, 0.2);
}

#spr .home_last_review_cat {
    background-color: transparent;
}

#spr .review_container_home {
    min-height: 150px;
    padding: 10px;
}

#spr .average_cat_block {
    background-color: transparent;
}

#spr .average_cat_block_bottom {
    background-color: white;
    box-shadow: 2px 2px 8px 0 rgba(0, 0, 0, 0.2);
    padding: 10px;
}

#spr .bt_see_all {
    color: white;
    width: 33%;
}

#spr .bt_filter_row {
    border-top: 1px solid rgba(0, 0, 0, 0.1);
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    padding: 10px;
}

#spr .tooltip_spr {
    position: relative;
    display: inline-block;
    cursor: pointer;
}

#spr .tooltip_spr .tooltiptext {
    visibility: hidden;
    width: 120px;
    background-color: black;
    color: white;
    text-align: center;
    padding: 5px 0;
    border-radius: 6px;
    /* Position the tooltip text - see examples below! */
    position: absolute;
    z-index: 1;
}

#spr .tooltip_spr:hover .tooltiptext {
    visibility: visible;
    margin-left: 25px;
}

#spr .tooltip_spr .tooltiptext_vote {
    visibility: hidden;
    width: 120px;
    background-color: black;
    color: white;
    text-align: center;
    padding: 5px 0;
    border-radius: 6px;
    /* Position the tooltip text - see examples below! */
    position: absolute;
    z-index: 1;
}

#spr .tooltip_spr:hover .tooltiptext_vote {
    visibility: visible;
    margin-top: 35px;
}

#spr .spr_expand {
    cursor: pointer !important;
    background-color: transparent;
    border: 1px solid rgba(0, 0, 0, 0.1);
}

#spr .spr_expand {
    cursor: pointer !important;
    background-color: transparent;
    border: 1px solid rgba(0, 0, 0, 0.1);
}

#spr .spr_go_to {
    cursor: pointer !important;
    background-color: transparent;
    border: 1px solid rgba(0, 0, 0, 0.1);
}

#spr .product-review-line-label {
    font-weight: bold;
    font-size: 14px;
    vertical-align: middle;
    /*color: #7a7a7a;*/
    text-align: center;
    margin-bottom: 10px;
}

#spr .product-review-line-label-battle {
    font-weight: bold;
    font-size: 13px;
    vertical-align: middle;
    /*color: #7a7a7a;*/
    text-align: center;
    margin-bottom: 10px;
}

#spr .star_custom_size-review-line-label {
    font-size: 21px !important;
}

#spr .criteria-details {
    border: 1px solid rgba(0, 0, 0, 0.1);
    padding: 15px;
    border-radius: 10px;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 5px 0px, rgba(0, 0, 0, 0.1) 0px 0px 1px 0px;
}

#spr .criteria-details-battle {
    border-top: 1px solid rgba(0, 0, 0, 0.1);
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    padding: 15px;
}

#spr .criteria-details-average {
    padding: 15px;
}

#spr .star_custom_size-left {
    font-size: 40px !important;
}

#spr .clr_hr_shadow {
    position: relative;
    padding: 0 !important;
    margin: 0 !important;
    display: block !important;
    border: none;
    width: 100%;
    height: 50px;
    box-shadow: 0 16px 12px -20px #333;
    margin: 0 auto 20px !important;
}

#spr .cms_link {
    color: gray;
    font-size: 12px;
}

#spr .cms_link:hover {
    text-decoration: underline;
    font-weight: bold;
}

#spr .battle-block {
    padding: 10px;
    border-top: 1px solid rgba(0, 0, 0, 0.1);
}

/** small screen **/
@media screen and (min-width: 0px) and (max-width: 821px) {
    .star_custom_size {
        text-align: center !important;
        margin-bottom: 10px;
    }

    .average_text_info {
        text-align: center !important;
        margin-bottom: 10px;
    }

    .top_reviews_block {
        text-align: center !important;
        margin-bottom: 10px;
        font-size: 17px !important;
    }

    .review_title_battle {
        text-align: center !important;
    }

    .criteria_average_battle {
        text-align: center !important;
    }

    .share_block {
        text-align: center !important;
    }

    .product-review-line-label {
        text-align: center !important;
    }

    .product-review-line-label-stars {
        text-align: center !important;
    }

    .review-vote {
        text-align: center !important;
    }

    .bt_see_all {
        color: white;
        width: 100%;
    }

    .clr_hr_shadow {
        height: 10%;
    }
}
