/* Cambiar los estilos del bloque de resumen de valoraciones de proveedores */

body#supplier main#page section#wrapper .container #content-wrapper .supplier_content .supplier_content_first_block #ecommium_supplier_comment_summary_block {

    margin-top: 32px;

}

body#supplier main#page section#wrapper .container #content-wrapper .supplier_content .supplier_content_first_block #ecommium_supplier_comment_summary_block .ecommium_supplier_comment_summary_note {

    margin-bottom: 10px;

}

body#supplier main#page section#wrapper .container #content-wrapper .supplier_content .supplier_content_first_block #ecommium_supplier_comment_summary_block .ecommium_supplier_comment_summary_note .supplier_note_with_decimals {

    display: inline-block;
    vertical-align: middle;

}

body#supplier main#page section#wrapper .container #content-wrapper .supplier_content .supplier_content_first_block #ecommium_supplier_comment_summary_block .ecommium_supplier_comment_summary_note .supplier_note_with_decimals p {

    color: #17171b;
    font-size: 20px;
    font-weight: bold;
    line-height: 25px;
    margin-bottom: 0px;

}

body#supplier main#page section#wrapper .container #content-wrapper .supplier_content .supplier_content_first_block #ecommium_supplier_comment_summary_block .ecommium_supplier_comment_summary_note .supplier_note_with_stars {

    display: inline-block;
    margin-left: 10px;

}

body#supplier main#page section#wrapper .container #content-wrapper .supplier_content .supplier_content_first_block #ecommium_supplier_comment_summary_block .ecommium_supplier_comment_summary_note .supplier_note_with_stars .star::before {

    font-size: 20px;
    line-height: 25px;

}

body#supplier main#page section#wrapper .container #content-wrapper .supplier_content .supplier_content_first_block #ecommium_supplier_comment_summary_block .ecommium_supplier_comment_summary_count_comments {

    margin-bottom: 10px;

}

body#supplier main#page section#wrapper .container #content-wrapper .supplier_content .supplier_content_first_block #ecommium_supplier_comment_summary_block .ecommium_supplier_comment_summary_count_comments p {

    color: #a2a2a4;
    font-size: 14px;
    line-height: 18px;
    margin-bottom: 0px;

}

body#supplier main#page section#wrapper .container #content-wrapper .supplier_content .supplier_content_first_block #ecommium_supplier_comment_summary_block .ecommium_supplier_comment_summary_write_comment a {

    color: #263d6c;

}

body#supplier main#page section#wrapper .container #content-wrapper .supplier_content .supplier_content_first_block #ecommium_supplier_comment_summary_block .ecommium_supplier_comment_summary_write_comment a p.link_to_comment_form_text {

    display: inline-block;
    margin-right: 8px;
    margin-bottom: 0px;
    font-size: 16px;
    line-height: 20px;
    text-decoration: underline;

}

body#supplier main#page section#wrapper .container #content-wrapper .supplier_content .supplier_content_first_block #ecommium_supplier_comment_summary_block .ecommium_supplier_comment_summary_write_comment a i {

    display: inline-block;

}

@media (max-width: 349px){

    body#supplier main#page section#wrapper .container #content-wrapper .supplier_content .supplier_content_first_block #ecommium_supplier_comment_summary_block .ecommium_supplier_comment_summary_write_comment a p.link_to_comment_form_text {

        font-size: 14px;

    }

    body#supplier main#page section#wrapper .container #content-wrapper .supplier_content .supplier_content_first_block #ecommium_supplier_comment_summary_block .ecommium_supplier_comment_summary_write_comment a i {

        font-size: 13px;

    }

}

/* Cambiar los estilos del bloque de valoraciones de proveedores */

body#supplier main#page section#wrapper .container #content-wrapper .supplier_content #ecommium_supplier_comment_block_container {

    padding-top: 15px;
    border-top: 1px solid #f3f3f3;

}

body#supplier main#page section#wrapper .container #content-wrapper .supplier_content #ecommium_supplier_comment_block_container .ecommium_supplier_comment_block_header {

    padding-top: 16px;
    border-top: 1px solid #f3f3f3;

}

body#supplier main#page section#wrapper .container #content-wrapper .supplier_content #ecommium_supplier_comment_block_container .ecommium_supplier_comment_block_header span.ecommium_supplier_comment_block_title i.fa-star {

    display: inline-block;
    margin-right: 16px;

}

body#supplier main#page section#wrapper .container #content-wrapper .supplier_content #ecommium_supplier_comment_block_container .ecommium_supplier_comment_block_header span.ecommium_supplier_comment_block_title p {

    font-weight: bold;
    font-size: 18px;
    color: #17171b;
    display: inline-block;
    margin-bottom: 0px;

}

body#supplier main#page section#wrapper .container #content-wrapper .supplier_content #ecommium_supplier_comment_block_container .ecommium_supplier_comment_block_header span.ecommium_supplier_comment_block_link {

    float: right;
    font-size: 16px;
    line-height: 20px;
    color: #a2a2a4;
    cursor: pointer;

}

body#supplier main#page section#wrapper .container #content-wrapper .supplier_content #ecommium_supplier_comment_block_container .ecommium_supplier_comment_block_note_container {

    margin-top: 18px;

}

body#supplier main#page section#wrapper .container #content-wrapper .supplier_content #ecommium_supplier_comment_block_container .ecommium_supplier_comment_block_note_container .ecommium_supplier_comment_block_note {

    max-width: -moz-fit-content;
    max-width: fit-content;

}

body#supplier main#page section#wrapper .container #content-wrapper .supplier_content #ecommium_supplier_comment_block_container .ecommium_supplier_comment_block_note_container .ecommium_supplier_comment_block_note p.ecommium_supplier_comment_block_note_p {

    font-size: 48px;
    line-height: 52px;
    font-weight: bold;
    color: #17171b;
    margin-bottom: 6px;

}

body#supplier main#page section#wrapper .container #content-wrapper .supplier_content #ecommium_supplier_comment_block_container .ecommium_supplier_comment_block_note_container .ecommium_supplier_comment_block_note p.ecommium_supplier_comment_block_max_note {

    font-size: 14px;
    line-height: 18px;
    color: #a2a2a4;
    text-align: center;

}

body#supplier main#page section#wrapper .container #content-wrapper .supplier_content #ecommium_supplier_comment_block_container .ecommium_supplier_comment_block_note_container .ecommium_supplier_comment_block_detailed_valuations .ecommium_supplier_comment_block_detailed_valuations_stars {

    text-align: right;

}

body#supplier main#page section#wrapper .container #content-wrapper .supplier_content #ecommium_supplier_comment_block_container .ecommium_supplier_comment_block_note_container .ecommium_supplier_comment_block_detailed_valuations .ecommium_supplier_comment_block_detailed_valuations_stars .star {

    overflow: unset;
    height: 8px;
    /* vertical-align: unset; */

}

body#supplier main#page section#wrapper .container #content-wrapper .supplier_content #ecommium_supplier_comment_block_container .ecommium_supplier_comment_block_note_container .ecommium_supplier_comment_block_detailed_valuations .ecommium_supplier_comment_block_detailed_valuations_stars .star::before {

    font-size: 8px;
    height: 8px;
    line-height: 8px;

}

body#supplier main#page section#wrapper .container #content-wrapper .supplier_content #ecommium_supplier_comment_block_container .ecommium_supplier_comment_block_note_container .ecommium_supplier_comment_block_detailed_valuations .ecommium_supplier_comment_block_detailed_valuations_row {

    display: flex;
    height: 8px;
    margin-bottom: 6px;

}

body#supplier main#page section#wrapper .container #content-wrapper .supplier_content #ecommium_supplier_comment_block_container .ecommium_supplier_comment_block_note_container .ecommium_supplier_comment_block_detailed_valuations .ecommium_supplier_comment_block_detailed_valuations_progressbar {

    padding-left: 0px;
    padding-top: 5px;

}

body#supplier main#page section#wrapper .container #content-wrapper .supplier_content #ecommium_supplier_comment_block_container .ecommium_supplier_comment_block_note_container .ecommium_supplier_comment_block_detailed_valuations .ecommium_supplier_comment_block_detailed_valuations_progressbar .progress {

    margin-bottom: 0px;
    background-color: #f3f3f3;
    overflow: hidden;
    border-radius: 0px;
    box-shadow: none;
    height: 8px;

}

body#supplier main#page section#wrapper .container #content-wrapper .supplier_content #ecommium_supplier_comment_block_container .ecommium_supplier_comment_block_note_container .ecommium_supplier_comment_block_detailed_valuations .ecommium_supplier_comment_block_detailed_valuations_progressbar .progress .progress-bar {

    background-color: #263d6c;
    height: 100%;
    transition: width 0.6s ease;

}

body#supplier main#page section#wrapper .container #content-wrapper .supplier_content #ecommium_supplier_comment_block_container .ecommium_supplier_comment_block_note_container .ecommium_supplier_comment_block_detailed_valuations .ecommium_supplier_comment_block_count_comments {

    padding-right: 15px;
    float: right;
    margin-top: 3px;
    font-size: 14px;
    line-height: 18px;
    color: #a2a2a4;

}

body#supplier main#page section#wrapper .container #content-wrapper .supplier_content #ecommium_supplier_comment_block_container .ecommium_supplier_comment_block_note_container .ecommium_supplier_comment_block_detailed_valuations .ecommium_supplier_comment_block_count_comments p {

    margin-bottom: 0px;

}

body#supplier main#page section#wrapper .container #content-wrapper .supplier_content #ecommium_supplier_comment_block_container #new_comment_form {

    padding-bottom: 16px;

}

body#supplier main#page section#wrapper .container #content-wrapper .supplier_content #ecommium_supplier_comment_block_container #new_comment_form article.alert {

    padding: 10px 15px !important;
    border: none;

}

body#supplier main#page section#wrapper .container #content-wrapper .supplier_content #ecommium_supplier_comment_block_container #new_comment_form article.alert-danger::before {

    display: none;

}

body#supplier main#page section#wrapper .container #content-wrapper .supplier_content #ecommium_supplier_comment_block_container #new_comment_form article.alert-danger ul {

    padding-left: 15px;

}

body#supplier main#page section#wrapper .container #content-wrapper .supplier_content #ecommium_supplier_comment_block_container #new_comment_form article.alert-danger ul li {

    list-style: initial;

}

body#supplier main#page section#wrapper .container #content-wrapper .supplier_content #ecommium_supplier_comment_block_container #new_comment_form form#id_new_comment_form .new_comment_form_content p.new_comment_form_text_head {

    font-size: 18px;
    line-height: 22px;
    font-weight: bold;
    color: #17171b;
    margin-bottom: 8px;

}

body#supplier main#page section#wrapper .container #content-wrapper .supplier_content #ecommium_supplier_comment_block_container #new_comment_form form#id_new_comment_form .new_comment_form_content p.new_comment_form_text_body {

    font-size: 16px;
    line-height: 20px;
    color: #a2a2a4;
    margin-bottom: 16px;

}

body#supplier main#page section#wrapper .container #content-wrapper .supplier_content #ecommium_supplier_comment_block_container #new_comment_form form#id_new_comment_form .new_comment_form_content .star_content {

    margin-bottom: 16px;
    height: 32px;

}

body#supplier main#page section#wrapper .container #content-wrapper .supplier_content #ecommium_supplier_comment_block_container #new_comment_form form#id_new_comment_form .new_comment_form_content .star_content .cancel {

    display: none;

}

body#supplier main#page section#wrapper .container #content-wrapper .supplier_content #ecommium_supplier_comment_block_container #new_comment_form form#id_new_comment_form .new_comment_form_content .star_content .star::before {

    font-size: 32px;
    height: 32px;
    margin-top: 6px;

}

body#supplier main#page section#wrapper .container #content-wrapper .supplier_content #ecommium_supplier_comment_block_container #new_comment_form form#id_new_comment_form .new_comment_form_content .textarea_content {

    display: none;

}

body#supplier main#page section#wrapper .container #content-wrapper .supplier_content #ecommium_supplier_comment_block_container #new_comment_form form#id_new_comment_form .new_comment_form_content .textarea_content label {

    display: block;
    text-align: unset;

}

body#supplier main#page section#wrapper .container #content-wrapper .supplier_content #ecommium_supplier_comment_block_container #new_comment_form form#id_new_comment_form .new_comment_form_content .textarea_content textarea#content {

    width: 100%;
    height: 100px;
    resize: none;
    border: 1px solid #e4e4e4;
    padding: 5px;

}

body#supplier main#page section#wrapper .container #content-wrapper .supplier_content #ecommium_supplier_comment_block_container #new_comment_form form#id_new_comment_form .new_comment_form_content #new_comment_form_footer button#submitNewMessageSupplier {

    min-width: 380px;
    font-size: 18px;
    font-weight: bold;
    background-color: #263d6c;
    text-transform: initial;

}

body#supplier main#page section#wrapper .container #content-wrapper .supplier_content #ecommium_supplier_comment_block_container #new_comment_form form#id_new_comment_form .new_comment_form_content #new_comment_form_footer button#submitNewMessageSupplier:disabled {

    opacity: 1;
    background-color: #d1d1d2;

}

body#supplier main#page section#wrapper .container #content-wrapper .supplier_content #ecommium_supplier_comment_block_container #new_comment_form form#id_new_comment_form .new_comment_form_content #new_comment_form_footer button#submitNewMessageSupplier:not([disabled]):hover {

    background-color: #1a2333;

}

body#supplier main#page section#wrapper .container #content-wrapper .supplier_content #ecommium_supplier_comment_block_container #new_comment_form p.not_create_new_comment_head {

    font-size: 18px;
    line-height: 22px;
    font-weight: bold;
    color: #17171b;
    margin-bottom: 8px;

}

body#supplier main#page section#wrapper .container #content-wrapper .supplier_content #ecommium_supplier_comment_block_container #new_comment_form p.not_create_new_comment_body {

    margin-bottom: 0px;
    font-size: 16px;
    line-height: 20px;
    color: #a2a2a4;

}

body#supplier main#page section#wrapper .container #content-wrapper .supplier_content #ecommium_supplier_comment_block_container ul.supplier_comments {

    margin-top: 24px;

}

body#supplier main#page section#wrapper .container #content-wrapper .supplier_content #ecommium_supplier_comment_block_container ul.supplier_comments li.extra_comment {

    display: none;

}

body#supplier main#page section#wrapper .container #content-wrapper .supplier_content #ecommium_supplier_comment_block_container ul.supplier_comments li .comment {

    background-color: #fafafa;
    border-radius: 8px;
    padding: 16px;
    margin-bottom: 15px;

}

body#supplier main#page section#wrapper .container #content-wrapper .supplier_content #ecommium_supplier_comment_block_container ul.supplier_comments li .comment .comment_header {

    margin-bottom: 16px;

}

body#supplier main#page section#wrapper .container #content-wrapper .supplier_content #ecommium_supplier_comment_block_container ul.supplier_comments li .comment .comment_header .comment_rating_customer {

    margin-bottom: 2px;

}

body#supplier main#page section#wrapper .container #content-wrapper .supplier_content #ecommium_supplier_comment_block_container ul.supplier_comments li .comment .comment_header .comment_rating_customer .comment_rating {

    color: #17171b;
    font-weight: bold;
    font-size: 14px;
    line-height: 18px;

}

body#supplier main#page section#wrapper .container #content-wrapper .supplier_content #ecommium_supplier_comment_block_container ul.supplier_comments li .comment .comment_header .comment_rating_customer span.comment_customer,
body#supplier main#page section#wrapper .container #content-wrapper .supplier_content #ecommium_supplier_comment_block_container ul.supplier_comments li .comment .comment_header .comment_stars_date span.comment_date {

    float: right;
    font-size: 14px;
    line-height: 18px;
    color: #a2a2a4;

}

body#supplier main#page section#wrapper .container #content-wrapper .supplier_content #ecommium_supplier_comment_block_container ul.supplier_comments li .comment .comment_body .comment_details p {

    margin-bottom: 0px;
    font-size: 14px;
    line-height: 18px;
    color: #17171b;

}

body#supplier main#page section#wrapper .container #content-wrapper .supplier_content #ecommium_supplier_comment_block_container .show_all_comments_button_div {

    margin-top: 24px;

}

body#supplier main#page section#wrapper .container #content-wrapper .supplier_content #ecommium_supplier_comment_block_container .show_all_comments_button_div button.show_all_comments_button {

    background-color: #fff;
    color: #263d6c;
    border: 1px solid #263d6c;
    min-width: 380px;

}

@media (max-width: 349px){

    body#supplier main#page section#wrapper .container #content-wrapper .supplier_content #ecommium_supplier_comment_block_container .ecommium_supplier_comment_block_note_container .ecommium_supplier_comment_block_detailed_valuations .ecommium_supplier_comment_block_detailed_valuations_row .ecommium_supplier_comment_block_detailed_valuations_stars .star::before{

        font-size: 8px;
    
    }

}

@media (min-width: 350px) and (max-width: 649px){

    body#supplier main#page section#wrapper .container #content-wrapper .supplier_content #ecommium_supplier_comment_block_container .ecommium_supplier_comment_block_note_container .ecommium_supplier_comment_block_detailed_valuations .ecommium_supplier_comment_block_detailed_valuations_row .ecommium_supplier_comment_block_detailed_valuations_stars .star::before{

        font-size: 10px;
    
    }

}

@media (max-width: 449px){

    body#supplier main#page section#wrapper .container #content-wrapper .supplier_content #ecommium_supplier_comment_block_container #new_comment_form form#id_new_comment_form .new_comment_form_content #new_comment_form_footer button#submitNewMessageSupplier,
    body#supplier main#page section#wrapper .container #content-wrapper .supplier_content #ecommium_supplier_comment_block_container .show_all_comments_button_div button.show_all_comments_button {

        width: 100%;
        min-width: unset;
    
    }

}