@import url(../fonts/fonts.css);

.flex_h, .flex_v {
    -webkit-box-direction: normal
}

*, .title {
    font-family: 'Red Hat Display',sans-serif
}

.cb_item input[type=checkbox]:checked + label:before, .foo .box_suscribe .accept input:checked + label:before, .form_box .column_check .list_checkbox .cb_item input[type=checkbox]:checked + label:before {
    background-position: center center;
    background-image: url('../images/icons/check.png');
    background-repeat: no-repeat
}

.box .info_detail .part_right .data_detail .table_colors_available .table_colors_scroll tbody tr, .flex {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.flex_inline {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex
}

.flex_h {
    -webkit-box-orient: horizontal;
    -ms-flex-direction: row;
    flex-direction: row
}

.flex_v {
    -webkit-box-orient: vertical;
    -ms-flex-direction: column;
    flex-direction: column
}

.flex_aic {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.flex_ais {
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch
}

.flex_aist {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: start
}

.flex_aib, .foo .box_grey .content_foo .row_footer.rf2, .resume .element_trolley {
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end
}

.flex_ait {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}

.flex_jcc {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.flex_jcr {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.flex_jcl {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.box_shop.message_ok_trans .box_id .iban, .flex_nowrap {
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap
}

.content .col_center .filter_detail .hea_filter .val_search, .fnone, .principal_header .filter_detail .hea_filter .val_search {
    -webkit-box-flex: none;
    -ms-flex: none;
    flex: none
}

.f0, .resume .element_trolley.f0 {
    -webkit-box-flex: 0;
    -ms-flex: 0;
    flex: 0
}

.box.box_2col .col > .row_form .column_form, .box_shop .buttons_2b .btn1, .content .col_center .content_main .list_products .item_products .hea_product, .content .col_left .group .prime_select .label, .f1, .hea_wb .info, .label_large, .label_range .txt, .list_customize .item_customize .header_customize .zone .div_dz .item_select, .min_max .box_minmax, .parts .part_large, .popup_shop .popup_box .pop_part .content_pop .list_directions .direction_article > input + label + .direction_box .group_info, .tableResponsive .row .col {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.box_shop .buttons_2b .btn2, .f2, .form_box .row_box .column_box.column_f2 {
    -webkit-box-flex: 2;
    -ms-flex: 2;
    flex: 2
}

.f3 {
    -webkit-box-flex: 3;
    -ms-flex: 3;
    flex: 3
}

.f4 {
    -webkit-box-flex: 4;
    -ms-flex: 4;
    flex: 4
}

.f5 {
    -webkit-box-flex: 5;
    -ms-flex: 5;
    flex: 5
}

.f6 {
    -webkit-box-flex: 6;
    -ms-flex: 6;
    flex: 6
}

.f7 {
    -webkit-box-flex: 7;
    -ms-flex: 7;
    flex: 7
}

.f8 {
    -webkit-box-flex: 8;
    -ms-flex: 8;
    flex: 8
}

.flex_inverse_order {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-flow: row-reverse wrap-reverse;
    flex-flow: row-reverse wrap-reverse
}

.box_nopad .group.packaging .list_packaging .item_packaging .data_packaging .values_kg .value .input_text, body {
    background-color: #e4e4e6
}

.title {
    font-size: 1.2em;
    color: #333;
    font-weight: 300;
    margin-bottom: 1.2em
}

.title_pad {
    padding-left: 12px
}

.wrapper {
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    max-width: 98%;
    margin: 0 auto -91px;
    padding-bottom: 91px
}

.wrapper_login .hea {
    padding: .5em !important
}

.content {
    flex: 0
}

.principal_header {
    width: 100vw;
    display: flex;
    margin-bottom: 15px
}

    .principal_header .col_left {
        background-color: #fff;
        border-radius: 5px;
        height: 100%
    }

    .principal_header .main_title {
        text-align: center;
        font-size: 1.6rem;
        line-height: 2rem;
        display: block;
        margin: auto;
        text-decoration: underline;
        text-decoration-color: var(--main_color)
    }

    .principal_header .filter {
        border: 1px solid #d2d6df;
        background-color: #fff;
        border-radius: .4em;
        padding: .8em 1.5em;
        flex-grow: 2
    }

        .box_nopad .group.packaging .list_packaging .item_packaging .data_packaging, .box_nopad .group.packaging .list_packaging .item_packaging .data_packaging .values .value, .box_nopad .group.packaging .list_packaging .item_packaging .header_packaging .units, .buttons_col, .content .col_center .content_main .list_products .item_products .hea_product .sup, .content .col_center .filter .hea_filter, .foo .box_white .content_foo, .form_box .row_box .column_box .checks_buttons, .hea .info_hea .sup_hea .box_user .info_user .user, .hea_packaging_1 .w50 .units, .hea_wb, .label_range, .list_customize .item_customize .header_customize .zone .div_dz .zone_values .group_values, .maqueta_wiss .new_version .modal_content .group_images .list_images, .parts .part_large .title, .pay_box .list_radio_h, .principal_header .filter .hea_filter, .second_menu ul, .table_area tbody tr td.td_amount .units, .table_data tbody tr td .tc_h {
            display: -webkit-box;
            display: -moz-box;
            display: -ms-flexbox;
            display: -webkit-flex;
            display: flex;
            -webkit-flex-wrap: wrap;
            -ms-flex-wrap: wrap;
            flex-wrap: wrap;
            -webkit-box-orient: horizontal;
            -webkit-box-direction: normal;
            -ms-flex-direction: row;
            flex-direction: row;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center
        }

            .content .col_center .filter .hea_filter .val_search, .principal_header .filter .hea_filter .val_search {
                -webkit-box-flex: 1;
                -ms-flex: 1;
                flex: 1;
                display: -webkit-box;
                display: -moz-box;
                display: -ms-flexbox;
                display: -webkit-flex;
                display: flex;
                -webkit-flex-wrap: wrap;
                -ms-flex-wrap: wrap;
                flex-wrap: wrap;
                -webkit-box-orient: horizontal;
                -webkit-box-direction: normal;
                -ms-flex-direction: row;
                flex-direction: row;
                -webkit-box-align: center;
                -ms-flex-align: center;
                align-items: center;
                font-size: 1.2em;
                color: #3b3b3b;
                padding-right: 30px
            }

                .content .col_center .filter .hea_filter .val_search .back, .content .col_center .filter .hea_filter .val_search .delete_search, .principal_header .filter .hea_filter .val_search .back, .principal_header .filter .hea_filter .val_search .delete_search {
                    font-size: 1.4em;
                    display: inline-block;
                    margin-right: 10px;
                    color: #ff4e1b
                }

                .content .col_center .filter .hea_filter .val_search .back, .principal_header .filter .hea_filter .val_search .back {
                    font-size: .8em;
                    width: 30px;
                    line-height: 26px;
                    height: 30px;
                    border-radius: 50%;
                    display: -webkit-box;
                    display: -moz-box;
                    display: -ms-flexbox;
                    display: -webkit-flex;
                    display: flex;
                    -webkit-flex-wrap: wrap;
                    -ms-flex-wrap: wrap;
                    flex-wrap: wrap;
                    -webkit-box-align: center;
                    -ms-flex-align: center;
                    align-items: center;
                    -webkit-box-pack: center;
                    -ms-flex-pack: center;
                    justify-content: center;
                    border: 2px solid #ff4e1b
                }

                .principal_header .filter .hea_filter .val_search .val, .table_data tbody tr td .tc_pad {
                    padding-right: 30px
                }

            .content .col_center .filter .hea_filter .result_search, .principal_header .filter .hea_filter .result_search {
                display: -webkit-box;
                display: -moz-box;
                display: -ms-flexbox;
                display: -webkit-flex;
                display: flex;
                -webkit-flex-wrap: wrap;
                -ms-flex-wrap: wrap;
                flex-wrap: wrap;
                -webkit-box-orient: horizontal;
                -webkit-box-direction: normal;
                -ms-flex-direction: row;
                flex-direction: row;
                -webkit-box-align: center;
                -ms-flex-align: center;
                align-items: center;
                justify-content: end
            }

                .foo, .principal_header .filter .hea_filter .result_search .filter_clean {
                    -webkit-flex-wrap: wrap;
                    display: -webkit-box;
                    display: -moz-box;
                    display: -ms-flexbox;
                    display: -webkit-flex;
                    -webkit-box-direction: normal
                }

                .principal_header .filter .hea_filter .result_search .filter_clean {
                    margin-left: 30px;
                    font-size: .75em;
                    color: #ff4e1b;
                    font-family: 'Red Hat Display',sans-serif;
                    font-weight: 700;
                    text-transform: uppercase;
                    display: flex;
                    -ms-flex-wrap: wrap;
                    flex-wrap: wrap;
                    -webkit-box-orient: horizontal;
                    -ms-flex-direction: row;
                    flex-direction: row;
                    -webkit-box-align: center;
                    -ms-flex-align: center;
                    align-items: center
                }

                    .content .col_center .filter .hea_filter .result_search .filter_clean .ico_filter, .principal_header .filter .hea_filter .result_search .filter_clean .ico_filter {
                        margin-left: 8px;
                        padding: 8px 10px;
                        border: 1px solid #ff4e1b;
                        border-radius: .5em
                    }

        .principal_header .filter .result_filter .value_filter {
            margin-bottom: 5px;
            margin-top: 5px;
            padding: .1em 1.2em .1em 1.4em;
            color: #fff;
            background-color: var(--secondary_color);
            text-transform: uppercase;
            font-size: .7em;
            margin-left: 10px;
            display: inline-block;
            vertical-align: middle;
            border-radius: 1.4em
        }

            .content .col_center .filter .result_filter .value_filter .delete_value_filter, .principal_header .filter .result_filter .value_filter .delete_value_filter {
                font-size: 1.4em;
                margin-left: 5px;
                color: #fff;
                position: relative;
                top: 2px
            }

            .box .info_detail .part_left .gallery_imgs .minis .figure_mini:first-of-type, .box.box_2col .col1, .box.box_2col .col > .row_form .row_form_2 .column_form:first-of-type, .box.box_2col .col > .row_form > .column_form:first-of-type, .box_2 .col:first-of-type, .box_2p .part .box_links_policy .link:first-of-type, .box_nopad .group.packaging .list_packaging .item_packaging .data_packaging .values:first-of-type, .box_nopad .group.packaging .list_packaging .item_packaging:nth-of-type(odd), .box_shop .buttons_2b .btn:first-of-type, .content .col_center .content_main .list_products .item_products:nth-of-type(4n+1), .content .col_center .filter .result_filter .value_filter:first-of-type, .form_box .row_box .column_box .checks_buttons .check_button:first-of-type, .form_box .row_box .column_box:first-of-type, .hea .info_hea .sup_hea .menu_sup ul li:first-of-type, .hea_responsive .info_hea .sup_hea .menu_sup ul li, .list_customize .item_customize .data_customize .box_images .list_images .img_check:first-of-type, .list_customize .item_customize:nth-of-type(odd), .modal_add .buttons .btn:first-of-type, .modal_customers .modal_container .modal_content .products_detail .content_minis .minis .figure_mini:first-of-type, .modal_customers_customization .modal_container .container_customize .item_customize:nth-of-type(4n+1), .modal_previsualization .modal_container .modal_content .pop_select_logo .part_inf .imgs_inf .content_minis .minis .figure_mini:first-of-type, .modal_previsualization .modal_container .modal_content .pop_select_logo .part_sup .imgs_right .content_minis .minis .figure_mini:nth-of-type(odd), .modal_previsualization .modal_container .modal_footer .btn:nth-of-type(4n+1), .order_direction .parts .box .part_large .directions .box_fact .element_checks .checks_buttons .check_button:first-of-type, .order_direction .parts .box .part_large .directions .direction_box:first-of-type, .order_direction .parts .box .part_large .form .element_form:first-of-type, .pay_box .list_radio_h .radio_item:first-of-type, .popup_shop .popup_box .pop_part .buttons .btn:first-of-type, .popup_shop .popup_box .pop_part .content_pop .list_directions .direction_article > input + label + .direction_box .group_buttons .btn:first-of-type, .principal_header .filter .result_filter .value_filter:first-of-type, .second_menu ul li:first-of-type, .trolley_direction .parts .box .part_large .directions .box_fact .element_checks .checks_buttons .check_button:first-of-type, .trolley_direction .parts .box .part_large .directions .direction_box:first-of-type, .trolley_direction .parts .box .part_large .form .element_form:first-of-type {
                margin-left: 0
            }

    .content .col_center .filter_detail .result_filter, .principal_header .filter_detail .result_filter {
        margin-top: 0;
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1
    }

.foo {
    max-width: 100%;
    margin: 20px auto 0;
    border-top: 0;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-orient: vertical;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    padding: 0;
    background-color: transparent
}

    .foo .content_foo {
        max-width: 98%;
        margin: auto
    }

    .foo .box_white {
        padding: 1.6rem;
        background-color: #fff;
        width: 100%
    }

        .foo .box_white .content_foo .zone {
            display: -webkit-box;
            display: -moz-box;
            display: -ms-flexbox;
            display: -webkit-flex;
            display: flex;
            -webkit-flex-wrap: wrap;
            -ms-flex-wrap: wrap;
            flex-wrap: wrap;
            -webkit-box-orient: horizontal;
            -webkit-box-direction: normal;
            -ms-flex-direction: row;
            flex-direction: row;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            -webkit-box-flex: 1;
            -ms-flex: 1;
            flex: 1;
            padding-right: 5%
        }

            .foo .box_white .content_foo .zone > svg {
                width: 100px;
                height: 100px
            }

            .foo .box_white .content_foo .zone .texts {
                -webkit-box-flex: 1;
                -ms-flex: 1;
                flex: 1;
                padding-left: 1em
            }

                .foo .box_white .content_foo .zone .texts .title_foo {
                    font-size: 1.2em;
                    color: #3b3b3b;
                    margin-bottom: .5em;
                    font-weight: 400
                }

                .foo .box_white .content_foo .zone .texts .txt {
                    font-size: .8rem;
                    line-height: 1.2rem;
                    color: #3b3b3b;
                    margin-bottom: 0
                }

        .foo .box_white .content_foo .zone1 > svg > path:first-of-type, .foo .box_white .content_foo .zone1 > svg > path:nth-of-type(3), .foo .box_white .content_foo .zone2 > svg > path:first-of-type, .foo .box_white .content_foo .zone3 > svg > path:first-of-type, .foo .box_white .content_foo .zone3 > svg > path:nth-of-type(7), .foo .box_white .content_foo .zone3 > svg > path:nth-of-type(8), .foo .box_white .content_foo .zone3 > svg > path:nth-of-type(9) {
            fill: var(--main_color)
        }

    .foo .box_grey {
        padding: 1.6rem;
        width: 100%;
        background-color: #e4e4e6
    }

        .foo .box_grey .content_foo .row_footer {
            display: -webkit-box;
            display: -moz-box;
            display: -ms-flexbox;
            display: -webkit-flex;
            display: flex;
            -webkit-flex-wrap: wrap;
            -ms-flex-wrap: wrap;
            flex-wrap: wrap;
            -webkit-box-orient: horizontal;
            -webkit-box-direction: normal;
            -ms-flex-direction: row;
            flex-direction: row;
            -webkit-box-align: start;
            -ms-flex-align: start;
            align-items: flex-start;
            margin-bottom: 30px
        }

            .box.box_2col .col > .row_form .row_form_2 .column_form .box_form_item:last-of-type, .box.box_2col .col > .row_form:last-of-type, .box:last-of-type, .box_nopad .group.characteristics .txt_info:last-of-type, .box_shop:last-of-type, .content .col_center .content_main .list_products .item_products .hea_product, .content .col_left .group:last-of-type, .error section .name_error, .foo .box_grey .content_foo .row_footer:last-of-type, .foo .menu_foo .footer_links .opt_link:last-of-type, .form_box .row_box:last-of-type, .form_box:last-of-type, .label, .modal_customers .modal_container .modal_content, .modal_previsualization .modal_container .modal_content .pop_select_logo .part_inf .buttons_select_logo .btn:last-of-type, .order_direction .parts .box .part_large .directions .direction_box .group_info .value_dir.city, .parts .part_large .direction_box .direction:last-of-type, .popup_shop .popup_box .pop_part .content_pop .list_directions .direction_article:last-of-type, .popup_shop .popup_box .pop_part .content_pop .list_directions .direction_article > input + label + .direction_box .group_info .value_dir.city, .resume_nomb, .tableResponsive .row:last-child, .table_data.table_td_spe td:nth-of-type(6) .total, .trolley_direction .parts .box .part_large .directions .direction_box .group_info .value_dir.city {
                margin-bottom: 0
            }

            .box .info_detail .part_right .data_detail .info .group_product .available, .foo .box_grey .content_foo .row_footer .column_footer {
                -webkit-box-flex: 1;
                -ms-flex: 1;
                flex: 1;
                display: -webkit-box;
                display: -moz-box;
                display: -ms-flexbox;
                display: -webkit-flex;
                display: flex;
                -webkit-flex-wrap: wrap;
                -ms-flex-wrap: wrap;
                flex-wrap: wrap;
                -webkit-box-orient: vertical;
                -webkit-box-direction: normal;
                -ms-flex-direction: column;
                flex-direction: column;
                -ms-flex-wrap: nowrap;
                flex-wrap: nowrap
            }

            .foo .box_grey .content_foo .row_footer.rf2 .column_footer.cf2, .foo .box_suscribe .suscribe {
                display: -webkit-box;
                display: -moz-box;
                display: -ms-flexbox;
                display: -webkit-flex;
                -webkit-box-direction: normal
            }

            .box .list_products .item_products .data_money, .foo .box_grey .content_foo .row_footer .column_footer.cf2, .foo .method_pay {
                display: -webkit-box;
                display: -moz-box;
                display: -ms-flexbox;
                display: -webkit-flex;
                display: flex;
                -webkit-flex-wrap: wrap;
                -ms-flex-wrap: wrap;
                flex-wrap: wrap;
                -webkit-box-orient: vertical;
                -webkit-box-direction: normal;
                -ms-flex-direction: column;
                flex-direction: column;
                -ms-flex-wrap: nowrap;
                flex-wrap: nowrap;
                -webkit-box-align: end;
                -ms-flex-align: end;
                align-items: flex-end
            }

            .foo .box_grey .content_foo .row_footer.rf2 .column_footer.cf1 {
                -webkit-box-flex: none;
                -ms-flex: none;
                flex: none;
                width: 300px
            }

            .foo .box_grey .content_foo .row_footer.rf2 .column_footer.cf2 {
                display: flex;
                -webkit-flex-wrap: wrap;
                -ms-flex-wrap: wrap;
                flex-wrap: wrap;
                -webkit-box-orient: vertical;
                -ms-flex-direction: column;
                flex-direction: column;
                -ms-flex-wrap: nowrap;
                flex-wrap: nowrap;
                -webkit-box-pack: end;
                -ms-flex-pack: end;
                justify-content: flex-end
            }

    .foo .box_suscribe .title {
        margin: 0 0 5px;
        font-weight: 600;
        color: #3b3b3b;
        font-size: 1em
    }

    .foo .box_suscribe p {
        font-size: .8em;
        margin: 0 0 5px
    }

    .foo .box_suscribe .suscribe {
        width: 100%;
        max-width: 480px;
        display: flex;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-orient: horizontal;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        background-color: #fff;
        border-radius: 4px;
        padding: 5px 5px 5px 10px;
        margin-bottom: 10px
    }

        .foo .box_suscribe .suscribe .input_sus {
            -webkit-box-flex: 1;
            -ms-flex: 1;
            flex: 1;
            padding: 0 10px 0 0;
            border: 0;
            height: 30px;
            line-height: 30px;
            font-size: .8em;
            color: #3b3b3b
        }

    .foo .box_suscribe .accept input + label, .foo .menu_foo {
        -webkit-flex-wrap: wrap;
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal
    }

    .foo .box_suscribe .suscribe .btn_sus {
        height: 30px;
        line-height: 30px;
        background-color: var(--main_color);
        border: 1px solid var(--main_color);
        border-radius: 4px;
        font-size: .8em;
        text-transform: uppercase;
        color: #fff;
        padding: 0 15px;
        cursor: pointer
    }

        .foo .box_suscribe .suscribe .btn_sus:hover {
            color: var(--main_color);
            background-color: #fff
        }

    .box_select .select:disabled + .select_arrow, .foo .box_suscribe .accept input, .form_box .row_box .column_box .checks_buttons .check_button input, .hea_responsive, .hea_responsive .info_hea .inf_hea .search_box .search a, .list_customize .item_customize .data_customize .box_images .list_images .img_check input, .list_customize .item_customize .data_customize .box_images .list_images .img_check:first-of-type input, .list_customize .item_customize .data_customize .box_images .list_images .img_check:first-of-type input + label:before, .order_direction .parts .box .part_large .directions .box_fact .element_checks .checks_buttons .check_button input, .pay_box .list_radio_h .radio_item .input_radio, .popup_shop .popup_box .pop_part .content_pop .list_directions .direction_article > input, .trolley_direction .parts .box .part_large .directions .box_fact .element_checks .checks_buttons .check_button input {
        display: none
    }

        .foo .box_suscribe .accept input + label {
            display: flex;
            -ms-flex-wrap: wrap;
            flex-wrap: wrap;
            -ms-flex-direction: row;
            flex-direction: row;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            cursor: pointer
        }

            .foo .box_suscribe .accept input + label .txt {
                font-size: .8em;
                margin-left: 8px;
                color: #3b3b3b
            }

            .foo .box_suscribe .accept input + label:before {
                content: '';
                border: 1px solid #fff;
                border-radius: 4px;
                height: 22px;
                width: 22px;
                background-color: #fff
            }

.btn, .btn:hover {
    border: 1px solid var(--main_color)
}

.foo .box_suscribe .accept input:checked + label:before {
    background-color: var(--main_color);
    border: 1px solid var(--main_color)
}

.foo .method_pay .label {
    margin: 0 0 10px;
    font-weight: 600;
    color: #3b3b3b;
    font-size: .8em
}

.foo .attention .txt, .label {
    color: #3b3b3b;
    font-weight: 500
}

.foo .method_pay img {
    max-width: 270px;
    width: 100%
}

.foo .logo {
    margin-bottom: 15px
}

    .foo .logo img {
        width: 100%;
        object-fit: contain;
        object-position: left
    }

.foo .attention .txt {
    margin: 0 0 5px;
    font-size: 1em
}

.foo .attention .tel {
    font-weight: 600;
    color: var(--main_color);
    font-size: 1.2em
}

.foo .menu_foo {
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    width: 100%
}

    .foo .menu_foo .footer_links {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
        padding-left: 1em;
        border-left: 2px solid var(--main_color)
    }

        .foo .menu_foo .footer_links .opt_link {
            margin-bottom: 1.2em;
            display: inline-block;
            font-size: .8em;
            color: #3b3b3b
        }

            .foo .menu_foo .footer_links .opt_link:hover, .table_data.table_trolley .data_product .name_product {
                text-decoration: underline
            }

.label {
    padding-left: 1em;
    font-size: .79em
}

.box .list_products .item_products .data_money .date_mb5, .box .list_products .item_products .total .label_mb5, .content .col_center .content_main .list_products .item_products .hea_product .sup .prime_delivery_mb5, .label_mb5, .prime_delivery_mb5, .table_data tbody tr td .units .label_mb5 {
    margin-bottom: 5px;
    display: block
}

.btn_add, .table_data tbody tr td .units {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    -webkit-flex-wrap: wrap
}

.label_range input {
    border: 0;
    display: inline-block;
    width: 90px;
    text-align: right
}

.btn {
    background-color: var(--main_color)
}

    .btn:hover {
        color: var(--main_color);
        background-color: #fff
    }

.btn_download:hover, .btn_secondary, .btn_secondary:hover {
    border: 1px solid var(--secondary_color)
}

.btn_add {
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

    .box .info_detail .part_right .data_detail .info .group_product .btn, .btn_add .btn {
        font-weight: 400;
        letter-spacing: 1px;
        width: 220px
    }

        .box .info_detail .part_right .data_detail .info .group_product .btn .icon, .btn_add .btn .icon {
            font-size: 1.4em;
            margin-left: 8px
        }

.btn_download, .modal_add .buttons .btn_secondary, .scroll_up {
    border: 1px solid var(--secondary_color);
    background-color: var(--secondary_color)
}

    .btn_download:hover {
        color: var(--secondary_color);
        background-color: #fff
    }

.accept_terms_conditions {
    margin-bottom: 1.2rem;
    font-size: .85rem
}

    .accept_terms_conditions input + label {
        margin-left: .8rem
    }

.btn_secondary {
    background-color: var(--secondary_color)
}

    .btn_secondary:hover {
        background-color: #fff;
        color: var(--secondary_color)
    }

.btn_white {
    background-color: #fff;
    border: 2px solid #d8e2e7;
    color: #333;
    border-radius: 20px;
    font-size: .7em
}

    .box.box_2col .col > .row_form .row_form_2 .column_form, .box.box_2col .col > .row_form > .column_form, .btn_white i {
        margin-left: 20px
    }

    .btn_white:hover {
        background-color: #d8e2e7;
        color: #333;
        border: 2px solid #d8e2e7
    }

.btn_trans, .btn_trans:hover {
    border: 1px solid var(--main_color)
}

.btn_trans {
    background-color: transparent;
    color: var(--main_color)
}

    .btn_trans:hover {
        background-color: var(--main_color);
        color: #fff
    }

.btn_secondary_trans {
    background-color: transparent;
    border: 1px solid var(--secondary_color);
    color: var(--secondary_color)
}

    .btn_secondary_trans:hover {
        background-color: var(--secondary_color);
        color: #fff;
        border: 1px solid var(--secondary_color)
    }

.hea_responsive .info_hea .sup_hea .menu_sup ul li a, .item_select .box_select, .pos_rel, .relative {
    position: relative
}

    .item_select .box_select .select {
        border-radius: .4em;
        font-size: .8em;
        width: 100%;
        font-weight: 700
    }

    .item_select .box_select .select_arrow {
        top: .8rem;
        color: var(--main_color)
    }

.btn_green {
    background-color: #00b06c;
    border: 1px solid #00b06c
}

    .btn_green:hover {
        background-color: #fff;
        color: #00b06c;
        border: 1px solid #00b06c
    }

.box .info_detail .part_left .gallery_imgs .figure_detail .arrow:hover, .cb_item input[type=checkbox]:checked + label, .scroll_up:hover {
    color: var(--secondary_color)
}

.group_login {
    border: 1px solid #fff;
    background-color: #fff
}

    .box.box_2col .col > .row_form .label, .box_nopad .group.packaging .list_packaging .item_packaging .data_packaging .values .label, .group_login label, .list_customize .item_customize .header_customize .zone .item_select label, .min_max .box_minmax .label, .resume .box_form_item .label {
        margin-bottom: 5px
    }

.code {
    display: block;
    color: #3b3b3b;
    font-size: .85em
}

.name_product {
    color: #3b3b3b;
    font-size: .9em;
    line-height: 1em;
    margin-bottom: 0;
    font-weight: 700;
    font-family: 'Red Hat Display',sans-serif
}

.box_product .delete i, .content .col_center .content_main .list_products .item_products .hea_product .sup .prime_delivery .fas, .prime_delivery .fas, .title_second {
    font-size: 1.2em
}

.table_data thead tr th, .title_second {
    font-family: 'Red Hat Display',sans-serif;
    font-weight: 300
}

.title_second {
    color: #3b3b3b;
    margin-bottom: 20px
}

.content .col_center .content_main .list_products .item_products .hea_product .sup .prime_delivery, .prime_delivery {
    margin-bottom: 0;
    color: #3b3b3b;
    font-weight: 500;
    font-size: 1em;
    padding-left: 0;
    color: var(--main_color)
}

    .box .info_detail .part_left .hea_detail, .box .info_detail .part_right .data_detail .info, .content .col_center .content_main .list_products .item_products .hea_product .sup .prime_delivery.mb, .list_customize .item_customize .header_customize .select_area .list_checkbox, .mb20, .prime_delivery.mb, .steps_num, .table_data {
        margin-bottom: 20px
    }

        .content .col_center .content_main .list_products .item_products .hea_product .sup .prime_delivery_little, .prime_delivery_little, .table_data.table_invoice .txt_info {
            font-size: .8em
        }

.cb_item, .form_box .column_check .list_checkbox .cb_item {
    padding-left: .65em
}

    .cb_item input[type=checkbox] + label {
        color: #555;
        text-transform: uppercase;
        font-size: .75em;
        font-family: 'Red Hat Display',sans-serif;
        background: #fff;
        font-weight: 700;
        border-radius: 3px
    }

        .cb_item input[type=checkbox] + label:before, .form_box .column_check .list_checkbox .cb_item input[type=checkbox] + label:before {
            border: 1px solid #555
        }

    .cb_item input[type=checkbox]:checked + label:before {
        transition-timing-function: ease-out;
        border: 1px solid var(--secondary_color);
        background-color: var(--secondary_color)
    }

.cb_item_no_pad, .form_box .column_check .list_checkbox .cb_item_no_pad {
    padding-right: 0
}

.cb_item.checkbox input[type=checkbox] + label:before, .form_box .column_check .list_checkbox .cb_item.checkbox input[type=checkbox] + label:before {
    margin-right: 0
}

.table_data {
    width: 100%
}

    .table_data thead tr th {
        text-align: left;
        color: #8f8f8f;
        font-size: .8em;
        padding-bottom: 10px;
        border-bottom: 1px solid #d2d6df
    }

    .table_data tbody tr td {
        padding: 8px 20px 8px 0;
        vertical-align: top;
        min-width: 130px;
        border-bottom: 1px solid #d2d6df
    }

        .table_data tbody tr td .color {
            width: 20px;
            height: 20px;
            border: 1px solid #d2d6df;
            background-color: #4f666a;
            margin-right: 8px;
            border-radius: .2em
        }

        .table_data tbody tr td .name_color {
            -webkit-box-flex: 1;
            -ms-flex: 1;
            flex: 1;
            font-size: .8em;
            color: #3b3b3b;
            font-family: 'Red Hat Display',sans-serif;
            font-weight: 700
        }

            .table_data tbody tr td .name_color.underline {
                text-decoration: underline;
                cursor: pointer
            }

        .table_data tbody tr td .area_size, .table_data tbody tr td .date, .table_data tbody tr td .size, .table_data tbody tr td .type_custom {
            -webkit-box-flex: 1;
            -ms-flex: 1;
            flex: 1;
            font-size: .8em;
            color: #3b3b3b;
            font-family: 'Red Hat Display',sans-serif;
            line-height: 20px
        }

        .table_data tbody tr td .area_size {
            width: 300px
        }

        .box_product .element_product .data_product .code, .table_data tbody tr td .date, .table_data.table_trolley .data_product .code {
            margin-bottom: 3px
        }

        .box .info_detail .part_right .data_detail .info .group_product .available .prime_delivery, .box_2p .part .box_confirm .list_checkbox .cb_item, .box_nopad .group.packaging .list_packaging .item_packaging .header_packaging .units .label, .hea_responsive .info_hea .sup_hea .box_user .shop, .list_customize .item_customize .header_customize .select_area .list_checkbox .cb_item, .table_data tbody tr td .prime_delivery {
            padding-left: 0
        }

        .table_data tbody tr td .units {
            display: flex;
            -ms-flex-wrap: wrap;
            flex-wrap: wrap;
            -webkit-box-orient: horizontal;
            -webkit-box-direction: normal;
            -ms-flex-direction: row;
            flex-direction: row;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            margin-bottom: 5px
        }

            .table_data tbody tr td .units .input_text {
                text-align: right;
                font-size: 1.2em;
                font-family: 'Red Hat Display',sans-serif;
                font-weight: 800;
                width: 120px;
                padding: 0 10px;
                height: 36px
            }

            .table_data tbody tr td .units .input_value {
                text-align: right;
                font-family: 'Red Hat Display',sans-serif;
                font-weight: 700;
                color: var(--main_color);
                font-size: 1rem
            }

            .table_data tbody tr td .units .label {
                padding-left: 1em;
                font-size: .79em;
                color: #3b3b3b;
                font-weight: 500;
                margin-bottom: 0;
                margin-left: 5px
            }

        .table_data tbody tr td .txt_info {
            color: #3b3b3b;
            font-size: .7em
        }

        .table_data tbody tr td .total {
            text-align: right;
            color: var(--main_color);
            display: block;
            line-height: 38px;
            font-family: 'Red Hat Display',sans-serif;
            font-weight: 700;
            font-size: 1.2em
        }

        .table_data tbody tr td .money_unit {
            color: #3b3b3b;
            font-size: .8em;
            display: -webkit-box;
            display: -moz-box;
            display: -ms-flexbox;
            display: -webkit-flex;
            display: flex;
            -webkit-flex-wrap: wrap;
            -ms-flex-wrap: wrap;
            flex-wrap: wrap;
            -webkit-box-orient: horizontal;
            -webkit-box-direction: normal;
            -ms-flex-direction: row;
            flex-direction: row;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            -webkit-box-pack: end;
            -ms-flex-pack: end;
            justify-content: flex-end
        }

            .table_data tbody tr td .money_unit strong {
                font-family: 'Red Hat Display',sans-serif;
                font-weight: 800;
                font-size: 1.2em;
                margin-left: 8px
            }

        .table_data tbody tr td .money_format, .table_data tbody tr td .type_custom {
            display: block;
            text-align: right;
            width: 100%;
            margin-bottom: 0
        }

        .table_data tbody tr td.trash {
            min-width: 20px;
            width: 20px
        }

            .table_data tbody tr td.trash .tc_h {
                min-width: 13px
            }

        .box .list_products, .box.box_2col .col2, .hea .info_hea .sup_hea .box_user .info_user .data_user, .table_data tbody tr td .tc_v {
            display: -webkit-box;
            display: -moz-box;
            display: -ms-flexbox;
            display: -webkit-flex;
            display: flex;
            -webkit-flex-wrap: wrap;
            -ms-flex-wrap: wrap;
            flex-wrap: wrap;
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
            -ms-flex-direction: column;
            flex-direction: column;
            -ms-flex-wrap: nowrap;
            flex-wrap: nowrap
        }

    .hea .info_hea, .table_data.table_invoice .title_product {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        -webkit-flex-wrap: wrap;
        -webkit-box-direction: normal
    }

    .list_import.linm .item_import, .tableResponsive .article:last-child .article_variant, .table_data tbody tr:last-of-type td {
        border-bottom: 0
    }

    .table_data.table_invoice td, .table_data.table_invoice th, .table_data.table_trolley td {
        vertical-align: middle
    }

        .table_data.table_invoice td:first-of-type, .table_data.table_invoice th:first-of-type {
            min-width: 80px
        }

        .table_data.table_invoice td:nth-of-type(2), .table_data.table_invoice th:nth-of-type(2) {
            min-width: 300px
        }

    .table_data.table_invoice .title_product {
        color: #2b2f3e;
        font-family: 'Red Hat Display',sans-serif;
        font-weight: 400;
        font-size: .9em;
        cursor: pointer;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-orient: horizontal;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

        .table_data.table_invoice .title_product i {
            margin-left: 5px;
            font-size: 1.1em
        }

    .resume_product .part_big .total .value, .table_data.table_invoice .total {
        font-size: 1em
    }

    .box_product .element_product .fig_product, .modal_add .product .fig_product, .table_data.table_trolley .fig_product {
        height: 64px;
        width: 64px;
        position: relative
    }

        .box .list_products .item_products .fig_product .img_product, .box_product .element_product .fig_product .img_product, .modal_add .product .fig_product .img_product, .table_data.table_trolley .fig_product .img_product {
            border: 1px solid #cecedc;
            width: 100%;
            height: 100%;
            z-index: 1;
            position: relative;
            background-color: #fff;
            object-fit: contain
        }

    .box_product .element_product .data_product, .modal_add .product .data_product, .table_data.table_trolley .data_product {
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
        padding-left: 10px
    }

    .table_data.table_trolley .total {
        font-size: 1rem
    }

    .table_data.table_td_spe td:first-of-type {
        width: 255px
    }

    .table_data.table_td_spe td:nth-of-type(2), .table_data.table_td_spe td:nth-of-type(6) {
        width: 150px
    }

    .table_data.table_td_spe td:nth-of-type(3) {
        min-width: 215px;
        width: 215px
    }

    .table_data .txt_table {
        padding-right: 65px
    }

.ui-slider-horizontal {
    height: 2px
}

    .ui-slider-horizontal .ui-slider-handle {
        top: -.5em
    }

    .popup_shop .popup_box .pop_part .content_pop .list_directions .direction_article > input:checked + label, .ui-slider-horizontal .ui-slider-range {
        border: 2px solid var(--secondary_color)
    }

.ui-widget.ui-widget-content {
    border: 1px solid #e0e0e2;
    margin-top: 20px;
    margin-bottom: 10px
}

.ui-button, .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, html .ui-button.ui-state-disabled:active, html .ui-button.ui-state-disabled:hover {
    border-radius: 50%;
    background-color: var(--secondary_color) !important;
    border: 1px solid var(--secondary_color) !important
}

    .ui-button, .ui-state-default:nth-of-type(2), .ui-widget-content .ui-state-default:nth-of-type(2), .ui-widget-header .ui-state-default:nth-of-type(2), html .ui-button.ui-state-disabled:nth-of-type(2):active, html .ui-button.ui-state-disabled:nth-of-type(2):hover {
        border-radius: 50%;
        background-color: var(--main_color) !important;
        border: 1px solid var(--main_color) !important
    }

.second_menu {
    -webkit-box-flex: none;
    -ms-flex: none;
    flex: none;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    padding-bottom: 30px
}

    .second_menu ul li {
        margin-left: 30px
    }

        .second_menu ul li a {
            color: #b9bccf;
            text-transform: uppercase;
            font-size: .82em;
            font-weight: 700;
            position: relative;
            font-family: OpenSans
        }

            .second_menu ul li a .num_padding {
                padding-top: 3px !important;
                padding-bottom: 3px !important
            }

            .second_menu ul li a .num {
                background-color: #6b6661;
                border-radius: 15px;
                padding: 1px 10px;
                position: absolute;
                right: 0;
                top: -28px;
                color: #fff;
                font-size: .9em;
                display: inline-block
            }

                .second_menu ul li a .num:after {
                    content: '';
                    position: absolute;
                    left: 50%;
                    bottom: -4px;
                    margin-left: -5px;
                    border-bottom: 0;
                    border-top: 5px solid #6b6661;
                    border-left: 5px solid transparent;
                    border-right: 5px solid transparent
                }

            .bold.color, .maqueta_wiss .new_version .modal_content .group_blo .box_select .select.selected, .maqueta_wiss .new_version .modal_content .group_blo .box_select .select.selected + .select_arrow, .second_menu ul li a.active, .second_menu ul li a:hover {
                color: var(--main_color)
            }

                .second_menu ul li a.active:before, .second_menu ul li a:hover:before {
                    content: '';
                    border-bottom: 10px solid var(--main_color);
                    color: var(--main_color);
                    background-color: transparent;
                    position: absolute;
                    bottom: -30px;
                    width: 100%
                }

.hea {
    padding: 0;
    border: 1px solid #d2d6df;
    border-top: 0;
    display: block;
    border-radius: 0 0 .4em .4em
}

    .hea .info_hea {
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-orient: vertical;
        -ms-flex-direction: column;
        flex-direction: column;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        padding: 0
    }

        .box .info_detail .part_right .data_detail .info .group_product, .box.box_2col, .box.box_2col .col > .row_form .row_form_2, .box_2, .box_nopad .group.packaging .list_packaging, .box_shop .buttons_2b, .content .col_center .content_main .list_products, .hea .info_hea .sup_hea, .list_customize, .list_customize .item_customize .header_customize, .min_max, .modal_previsualization .modal_container .modal_content .pop_select_logo .content_minis .minis, .order_direction .parts, .parts, .popup_shop .popup_box .pop_part .buttons, .trolley_direction .parts {
            display: -webkit-box;
            display: -moz-box;
            display: -ms-flexbox;
            display: -webkit-flex;
            display: flex;
            -webkit-flex-wrap: wrap;
            -ms-flex-wrap: wrap;
            flex-wrap: wrap;
            -webkit-box-orient: horizontal;
            -webkit-box-direction: normal;
            -ms-flex-direction: row;
            flex-direction: row
        }

            .hea .info_hea .sup_hea .box_user, .hea .info_hea .sup_hea .menu_sup {
                -webkit-box-flex: none;
                -webkit-box-orient: horizontal;
                -webkit-box-direction: normal
            }

            .hea .info_hea .sup_hea .logo img {
                width: 190px;
                object-fit: contain;
                max-width: none;
                max-height: none
            }

            .hea .info_hea .sup_hea .logo_ministerio {
                max-width: 400px
            }

                .hea .info_hea .sup_hea .logo_ministerio img {
                    width: 100%;
                    height: 100%
                }

            .hea .info_hea .sup_hea .menu_sup {
                -ms-flex: none;
                flex: none;
                display: -webkit-box;
                display: -moz-box;
                display: -ms-flexbox;
                display: -webkit-flex;
                display: flex;
                -webkit-flex-wrap: wrap;
                -ms-flex-wrap: wrap;
                flex-wrap: wrap;
                -ms-flex-direction: row;
                flex-direction: row;
                -webkit-box-align: end;
                -ms-flex-align: end;
                align-items: flex-end;
                margin-right: 30px
            }

            .hea .info_hea .sup_hea .box_user, .hea .info_hea .sup_hea .box_user .info_user, .hea .info_hea .sup_hea .box_user .shop {
                display: -webkit-box;
                display: -moz-box;
                display: -ms-flexbox;
                display: -webkit-flex
            }

            .hea .info_hea .sup_hea .menu_sup ul li {
                margin-right: 0;
                margin-left: 30px
            }

                .hea .info_hea .sup_hea .menu_sup ul li a {
                    border-radius: 0;
                    border: 0;
                    border-bottom: 10px solid transparent;
                    color: #b9bccf;
                    padding: 12px 5px 20px;
                    font-size: .82em;
                    cursor: pointer;
                    font-family: OpenSans
                }

                    .hea .info_hea .sup_hea .menu_sup ul li a.active, .hea .info_hea .sup_hea .menu_sup ul li a:hover {
                        border-bottom: 10px solid var(--main_color);
                        color: var(--main_color);
                        background-color: transparent
                    }

            .hea .info_hea .sup_hea .box_user {
                -ms-flex: none;
                flex: none;
                display: flex;
                -webkit-flex-wrap: wrap;
                -ms-flex-wrap: wrap;
                flex-wrap: wrap;
                -ms-flex-direction: row;
                flex-direction: row;
                padding: 0 1em 0 30px;
                border-left: 1px solid #d2d6df
            }

                .hea .info_hea .sup_hea .box_user .info_user {
                    -webkit-box-flex: none;
                    -ms-flex: none;
                    flex: none;
                    display: flex;
                    -webkit-flex-wrap: wrap;
                    -ms-flex-wrap: wrap;
                    flex-wrap: wrap;
                    -webkit-box-orient: horizontal;
                    -webkit-box-direction: normal;
                    -ms-flex-direction: row;
                    flex-direction: row;
                    -webkit-box-align: end;
                    -ms-flex-align: end;
                    align-items: flex-end;
                    padding-left: 40px
                }

                    .hea .info_hea .sup_hea .box_user .info_user .initials {
                        width: 36px;
                        height: 36px;
                        display: block;
                        display: -webkit-box;
                        display: -moz-box;
                        display: -ms-flexbox;
                        display: -webkit-flex;
                        display: flex;
                        -webkit-flex-wrap: wrap;
                        -ms-flex-wrap: wrap;
                        flex-wrap: wrap;
                        -webkit-box-align: center;
                        -ms-flex-align: center;
                        align-items: center;
                        -webkit-box-pack: center;
                        -ms-flex-pack: center;
                        justify-content: center;
                        font-family: 'Red Hat Display',sans-serif;
                        font-weight: 700;
                        text-transform: uppercase;
                        color: #fff;
                        font-size: .75em;
                        border-radius: 50%;
                        margin-right: 15px;
                        background-color: var(--secondary_color)
                    }

                    .hea .info_hea .sup_hea .box_user .info_user .data_user .name {
                        color: #3a405b;
                        font-size: .75em;
                        margin-bottom: 3px
                    }

                    .hea .info_hea .sup_hea .box_user .info_user .data_user .money {
                        color: #3a405b;
                        font-weight: 800;
                        font-family: 'Red Hat Display',sans-serif;
                        font-size: 1.1em
                    }

                    .hea .info_hea .sup_hea .box_user .info_user .logout_btn {
                        margin-left: 15px;
                        border: none;
                        background: 0 0;
                        cursor: pointer
                    }

                        .hea .info_hea .sup_hea .box_user .info_user .logout_btn .logout {
                            font-size: 1.2em;
                            color: #ff4e1b
                        }

                .hea .info_hea .sup_hea .box_user .shop {
                    -webkit-box-flex: none;
                    -ms-flex: none;
                    flex: none;
                    display: flex;
                    -webkit-flex-wrap: wrap;
                    -ms-flex-wrap: wrap;
                    flex-wrap: wrap;
                    -webkit-box-align: end;
                    -ms-flex-align: end;
                    align-items: flex-end;
                    -webkit-box-pack: end;
                    -ms-flex-pack: end;
                    justify-content: flex-end;
                    padding-left: 40px;
                    position: relative
                }

        .content, .hea .info_hea .inf_hea {
            -webkit-flex-wrap: wrap;
            display: -webkit-box;
            display: -moz-box;
            display: -ms-flexbox;
            display: -webkit-flex;
            -webkit-box-direction: normal;
            -webkit-box-orient: horizontal
        }

        .hea .info_hea .sup_hea .box_user .shop .icon {
            font-size: 1.8em;
            color: #2b2f3e;
            margin-right: 8px
        }

        .hea .info_hea .sup_hea .box_user .shop .num_products {
            color: #fff;
            background-color: var(--main_color);
            font-size: .75em;
            font-family: 'Red Hat Display',sans-serif;
            font-weight: 700;
            cursor: pointer
        }

            .box .list_products .item_products .data_money .date i, .box .list_products .item_products .data_product .name_product i, .hea .info_hea .sup_hea .box_user .shop .num_products i, .modal_previsualization .modal_container .modal_content .pop_select_logo .part_inf .imgs_inf .content_minis .minis .figure_mini, .modal_previsualization .modal_container .modal_content .pop_select_logo .part_sup .imgs_right .content_minis .minis .figure_mini {
                margin-left: 5px
            }

        .hea .info_hea .sup_hea .box_user .shop.active .num_products {
            background-color: #2b2f3e
        }

        .hea .info_hea .sup_hea .box_user .shop.active:before {
            content: '';
            border-bottom: 10px solid var(--main_color);
            color: var(--main_color);
            background-color: transparent;
            position: absolute;
            bottom: 0
        }

        .hea .info_hea .inf_hea {
            display: flex;
            -ms-flex-wrap: wrap;
            flex-wrap: wrap;
            -ms-flex-direction: row;
            flex-direction: row;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            padding: 20px 1em;
            border-top: 1px solid #d2d6df
        }

            .hea .info_hea .inf_hea .search_box {
                -webkit-box-flex: 1;
                -ms-flex: 1;
                flex: 1;
                -webkit-box-pack: start;
                -ms-flex-pack: start;
                justify-content: flex-start;
                margin-right: 0;
                height: 40px
            }

                .hea .info_hea .inf_hea .search_box .search {
                    width: 100%;
                    -webkit-box-pack: start;
                    -ms-flex-pack: start;
                    justify-content: flex-start
                }

                    .hea .info_hea .inf_hea .search_box .search input {
                        -webkit-box-flex: 1;
                        -ms-flex: 1;
                        flex: 1;
                        max-width: none;
                        border: 1px solid #d2d6df;
                        background-color: #f0f2f7;
                        border-radius: .5em;
                        height: 40px;
                        padding-left: 36px;
                        background-image: url('../images/icons/ico_search.png');
                        background-repeat: no-repeat;
                        background-position: 15px center
                    }

                    .hea .info_hea .inf_hea .search_box .search .text {
                        border: 1px solid #b9bccf;
                        background-color: #b9bccf;
                        line-height: 38px;
                        font-size: .8em;
                        margin-left: 20px
                    }

                        .hea .info_hea .inf_hea .search_box .search .text:hover {
                            color: #999;
                            background-color: #fff
                        }

.content {
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-direction: row;
    flex-direction: row;
    padding: 20px 0
}

    .content .col_left {
        width: 240px;
        margin-right: 20px;
        border: 0;
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap
    }

        .content .col_left .group {
            border: 1px solid #d2d6df;
            background-color: #fff;
            border-radius: .4em;
            padding: 1em;
            margin-bottom: 1em
        }

        .content .col_left .group_nopad {
            padding-right: 5px
        }

        .content .col_left .group .prime_select, .popup_shop .popup_box .pop_part .content_pop .list_directions .direction_article {
            display: -webkit-box;
            display: -moz-box;
            display: -ms-flexbox;
            display: -webkit-flex;
            display: flex;
            -webkit-flex-wrap: wrap;
            -ms-flex-wrap: wrap;
            flex-wrap: wrap;
            -webkit-box-orient: horizontal;
            -webkit-box-direction: normal;
            -ms-flex-direction: row;
            flex-direction: row;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            margin-bottom: 1em
        }

        .content .col_center, .content .col_left .group .cb_item {
            -webkit-flex-wrap: wrap;
            display: -webkit-box;
            display: -moz-box;
            display: -ms-flexbox;
            display: -webkit-flex;
            -webkit-box-direction: normal
        }

        .content .col_left .group .prime_select .switch {
            width: 60px
        }

            .content .col_left .group .prime_select .switch .onoffswitch-label .onoffswitch-inner:after, .content .col_left .group .prime_select .switch .onoffswitch-label .onoffswitch-inner:before {
                height: 25px;
                line-height: 25px;
                font-size: .7em;
                color: #fff
            }

            .content .col_left .group .prime_select .switch .onoffswitch-label .onoffswitch-inner:before {
                content: "SI";
                background-color: #63ae6f
            }

            .content .col_left .group .prime_select .switch .onoffswitch-label .onoffswitch-inner:after {
                content: "NO";
                background-color: #ff4e1b
            }

            .content .col_left .group .prime_select .switch .onoffswitch-label .onoffswitch-switch {
                width: 16px;
                right: 30px
            }

            .content .col_left .group .prime_select .switch .onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-switch {
                right: 0
            }

        .content .col_left .group .cb_item {
            padding-left: 0;
            padding-right: 20px;
            display: flex;
            -ms-flex-wrap: wrap;
            flex-wrap: wrap;
            -webkit-box-orient: horizontal;
            -ms-flex-direction: row;
            flex-direction: row;
            position: relative
        }

            .content .col_left .group .cb_item label, .list_customize .item_customize .header_customize .zone .div_dz .zone_values .group_values .value {
                -webkit-box-flex: 1;
                -ms-flex: 1;
                flex: 1;
                display: -webkit-box;
                display: -moz-box;
                display: -ms-flexbox;
                display: -webkit-flex;
                display: flex;
                -webkit-flex-wrap: wrap;
                -ms-flex-wrap: wrap;
                flex-wrap: wrap;
                -webkit-box-orient: horizontal;
                -webkit-box-direction: normal;
                -ms-flex-direction: row;
                flex-direction: row;
                -webkit-box-align: center;
                -ms-flex-align: center;
                align-items: center
            }

                .content .col_left .group .cb_item label .value {
                    position: absolute;
                    right: 0
                }

        .bocadillo .bocadillo_text, .content .col_left .group .cb_item_special {
            padding-left: 10px
        }

        .content .col_left .group .box_form_item, .content .col_left .group .item_select, .popup_catalog .modal_container .part_blo .group_blo, .resume.mb10 {
            margin-bottom: 10px
        }

            .content .col_left .group .box_form_item .label, .content .col_left .group .item_select .label, .list_customize .item_customize .header_customize .zone > .item_select {
                margin-bottom: 8px
            }

            .content .col_left .group .item_select .select {
                height: 36px;
                padding: 0 1em;
                font-size: .8em;
                border-radius: .4em;
                border: 1px solid #d2d6df
            }

            .content .col_left .group .item_select .select_arrow {
                color: var(--main_color);
                top: 10px
            }

    .content .col_center {
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-orient: vertical;
        -ms-flex-direction: column;
        flex-direction: column;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        padding: 0;
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1
    }

        .box, .content .col_center .filter {
            border: 1px solid #d2d6df;
            background-color: #fff;
            border-radius: .4em;
            padding: 1.5em;
            margin-bottom: 1em
        }

            .content .col_center .filter .hea_filter .result_search .filter_clean {
                font-size: .75em;
                color: #ff4e1b;
                font-family: 'Red Hat Display',sans-serif;
                font-weight: 700;
                text-transform: uppercase;
                display: -webkit-box;
                display: -moz-box;
                display: -ms-flexbox;
                display: -webkit-flex;
                display: flex;
                -webkit-flex-wrap: wrap;
                -ms-flex-wrap: wrap;
                flex-wrap: wrap;
                -webkit-box-orient: horizontal;
                -webkit-box-direction: normal;
                -ms-flex-direction: row;
                flex-direction: row;
                -webkit-box-align: center;
                -ms-flex-align: center;
                align-items: center
            }

            .content .col_center .filter .result_filter {
                margin-top: 7px
            }

                .content .col_center .filter .result_filter .value_filter {
                    margin-bottom: 0;
                    padding: .1em 1.2em .1em 1.4em;
                    color: #fff;
                    background-color: var(--secondary_color);
                    text-transform: uppercase;
                    font-size: .7em;
                    margin-left: 10px;
                    display: inline-block;
                    vertical-align: middle;
                    border-radius: 1.4em
                }

        .content .col_center .content_main .list_products .item_products {
            border: 1px solid #d2d6df;
            border-radius: .4em;
            background-color: #fff;
            padding: 1em;
            flex: 1 0 23.5%;
            max-width: 23.5%;
            margin-left: 2%;
            margin-top: 20px;
            display: -webkit-box;
            display: -moz-box;
            display: -ms-flexbox;
            display: -webkit-flex;
            display: flex;
            -webkit-flex-wrap: wrap;
            -ms-flex-wrap: wrap;
            flex-wrap: wrap;
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
            -ms-flex-direction: column;
            flex-direction: column;
            -ms-flex-wrap: nowrap;
            flex-wrap: nowrap
        }

            .content .col_center .content_main .list_products .item_products .figure_product {
                height: 210px;
                width: 100%;
                margin-bottom: 15px;
                position: relative;
                transition: 2s ease-out;
                -webkit-box-flex: none;
                -ms-flex: none;
                flex: none;
                overflow: initial
            }

                .content .col_center .content_main .list_products .item_products .figure_product .go_detail {
                    width: 100%;
                    height: 100%;
                    top: 0;
                    left: 0;
                    position: absolute;
                    background-color: rgba(85,85,101,.8);
                    -webkit-flex-wrap: wrap;
                    -ms-flex-wrap: wrap;
                    flex-wrap: wrap;
                    -webkit-box-orient: vertical;
                    -webkit-box-direction: normal;
                    -ms-flex-direction: column;
                    flex-direction: column;
                    -ms-flex-wrap: nowrap;
                    flex-wrap: nowrap;
                    -webkit-box-align: center;
                    -ms-flex-align: center;
                    align-items: center;
                    -webkit-box-pack: center;
                    -ms-flex-pack: center;
                    justify-content: center;
                    display: none
                }

                    .content .col_center .content_main .list_products .item_products .figure_product .go_detail .icon {
                        width: 30px;
                        height: 30px;
                        border: 1px solid #fff;
                        border-radius: 50%;
                        display: -webkit-box;
                        display: -moz-box;
                        display: -ms-flexbox;
                        display: -webkit-flex;
                        display: flex;
                        -webkit-flex-wrap: wrap;
                        -ms-flex-wrap: wrap;
                        flex-wrap: wrap;
                        -webkit-box-orient: horizontal;
                        -webkit-box-direction: normal;
                        -ms-flex-direction: row;
                        flex-direction: row;
                        -webkit-box-pack: center;
                        -ms-flex-pack: center;
                        justify-content: center;
                        -webkit-box-align: center;
                        -ms-flex-align: center;
                        align-items: center;
                        margin-bottom: 8px;
                        color: #fff
                    }

                    .content .col_center .content_main .list_products .item_products .figure_product .go_detail .txt {
                        text-transform: uppercase;
                        font-size: .8em;
                        color: #fff
                    }

                .content .col_center .content_main .list_products .item_products .figure_product .img_product {
                    width: 100%;
                    height: 100%;
                    object-fit: contain;
                    border: 1px solid #d2d6df
                }

                .content .col_center .content_main .list_products .item_products .figure_product .img_product_without_product {
                    background-color: #f4f4f4
                }

                .content .col_center .content_main .list_products .item_products .figure_product:hover .go_detail {
                    display: -webkit-box;
                    display: -moz-box;
                    display: -ms-flexbox;
                    display: -webkit-flex;
                    display: flex;
                    -webkit-flex-wrap: wrap;
                    -ms-flex-wrap: wrap;
                    flex-wrap: wrap;
                    z-index: 1
                }

            .content .col_center .content_main .list_products .item_products .hea_product .sup .code {
                display: block;
                color: #3b3b3b;
                -webkit-box-flex: 1;
                -ms-flex: 1;
                flex: 1;
                font-size: .8em
            }

            .content .col_center .content_main .list_products .item_products .hea_product .name_product {
                color: #3b3b3b;
                font-size: .9em;
                margin-bottom: 0;
                font-weight: 700;
                font-family: 'Red Hat Display',sans-serif
            }

            .content .col_center .content_main .list_products .item_products .foo_product {
                display: -webkit-box;
                display: -moz-box;
                display: -ms-flexbox;
                display: -webkit-flex;
                display: flex;
                -webkit-flex-wrap: wrap;
                -ms-flex-wrap: wrap;
                flex-wrap: wrap;
                -webkit-box-orient: horizontal;
                -webkit-box-direction: normal;
                -ms-flex-direction: row;
                flex-direction: row;
                -webkit-box-align: end;
                -ms-flex-align: end;
                align-items: flex-end;
                -webkit-box-flex: none;
                -ms-flex: none;
                flex: none
            }

                .content .col_center .content_main .list_products .item_products .foo_product .units_value {
                    -webkit-box-flex: 1;
                    -ms-flex: 1;
                    flex: 1;
                    display: -webkit-box;
                    display: -moz-box;
                    display: -ms-flexbox;
                    display: -webkit-flex;
                    display: flex;
                    -webkit-flex-wrap: wrap;
                    -ms-flex-wrap: wrap;
                    flex-wrap: wrap;
                    -webkit-box-orient: vertical;
                    -webkit-box-direction: normal;
                    -ms-flex-direction: column;
                    flex-direction: column;
                    -webkit-box-align: end;
                    -ms-flex-align: end;
                    align-items: flex-end;
                    padding-right: 0
                }

                .box .hea_box, .box .list_products .item_products, .content .col_center .content_main .list_products .item_products .foo_product .add_shop {
                    -webkit-box-orient: horizontal;
                    -webkit-box-direction: normal;
                    display: -webkit-box;
                    display: -moz-box;
                    display: -ms-flexbox;
                    display: -webkit-flex
                }

                .content .col_center .content_main .list_products .item_products .foo_product .units_value .units {
                    color: #3b3b3b;
                    font-size: .9em;
                    margin-bottom: 0;
                    -webkit-box-flex: 1;
                    -ms-flex: 1;
                    flex: 1
                }

                .content .col_center .content_main .list_products .item_products .foo_product .units_value .value {
                    color: var(--main_color);
                    font-size: 1.1em;
                    font-family: 'Red Hat Display',sans-serif;
                    font-weight: 700;
                    padding-left: 5px;
                    -webkit-box-flex: 1;
                    -ms-flex: 1;
                    flex: 1;
                    text-align: right
                }

                .content .col_center .content_main .list_products .item_products .foo_product .units_value .without_vat_text {
                    color: #999;
                    margin-left: 5px;
                    margin-top: 2px;
                    font-size: .8em;
                    font-family: 'Red Hat Display',sans-serif;
                    font-weight: 700;
                    align-self: flex-end
                }

                .content .col_center .content_main .list_products .item_products .foo_product .add_shop {
                    color: #3b3b3b;
                    font-size: .65em;
                    font-family: 'Red Hat Display',sans-serif;
                    font-weight: 700;
                    text-transform: uppercase;
                    display: flex;
                    -webkit-flex-wrap: wrap;
                    -ms-flex-wrap: wrap;
                    flex-wrap: wrap;
                    -ms-flex-direction: row;
                    flex-direction: row;
                    -webkit-box-align: end;
                    -ms-flex-align: end;
                    align-items: flex-end
                }

                    .content .col_center .content_main .list_products .item_products .foo_product .add_shop .icon {
                        color: var(--main_color);
                        margin-left: 5px;
                        font-size: 2em;
                        position: relative;
                        top: 2px
                    }

            .box_nopad .group.packaging .list_packaging .item_packaging:first-of-type, .box_nopad .group.packaging .list_packaging .item_packaging:nth-of-type(2), .content .col_center .content_main .list_products .item_products:first-of-type, .content .col_center .content_main .list_products .item_products:nth-of-type(2), .content .col_center .content_main .list_products .item_products:nth-of-type(3), .content .col_center .content_main .list_products .item_products:nth-of-type(4), .list_customize .item_customize:first-of-type, .list_customize .item_customize:nth-of-type(2), .pay_box .list_radio_h .radio_item:first-of-type, .pay_box .list_radio_h .radio_item:nth-of-type(2) {
                margin-top: 0
            }

.box .hea_box {
    padding: 20px;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

    .box .hea_box .search_box {
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        margin-right: 20px
    }

        .box .hea_box .search_box input {
            -webkit-box-flex: 1;
            -ms-flex: 1;
            flex: 1;
            max-width: none;
            border: 1px solid #d2d6df;
            background-color: #f0f2f7;
            border-radius: .5em;
            height: 40px;
            padding: 0 30px 0 15px;
            color: #555
        }

        .box .hea_box .search_box .text {
            border: 1px solid var(--secondary_color);
            background-color: var(--secondary_color);
            line-height: 38px;
            font-size: .8em;
            margin-left: 10px;
            border-radius: .4em;
            padding: 0 20px;
            font-weight: 700;
            color: #fff;
            text-transform: uppercase
        }

            .box .hea_box .search_box .text:hover, .modal_add .buttons .btn_secondary:hover {
                color: var(--secondary_color);
                background-color: #fff
            }

    .box .hea_box .item_select .box_select .select, .buttons_col .c .btn, .buttons_col .l, .buttons_col .r, .register_login .box .btn {
        width: 200px
    }

.box .list_products .item_products {
    background-color: #fff;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-direction: row;
    flex-direction: row;
    border-bottom: 1px solid #d7e7ec;
    padding: 20px;
    cursor: pointer
}

    .box .list_products .item_products .fig_product {
        height: 90px;
        width: 90px;
        position: relative
    }

        .box .list_products .item_products .fig_product:before {
            content: '';
            height: 90px;
            width: 90px;
            position: absolute;
            top: 5px;
            left: -5px;
            border: 1px solid #cecedc;
            background-color: #f0f2f7
        }

    .box .list_products .item_products .data_product {
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        padding: 0 15px
    }

        .box .info_detail, .box .list_products .item_products .data_money .date, .box .list_products .item_products .data_product .state, .box .list_products .item_products .total {
            -webkit-box-orient: horizontal;
            -webkit-box-direction: normal
        }

        .box .list_products .item_products .data_product .name_product {
            font-size: 1.2em;
            font-family: 'Red Hat Display',sans-serif;
            font-weight: 300;
            margin-bottom: 5px;
            color: #3a405b
        }

        .box .list_products .item_products .data_product .code, .box .list_products .item_products .data_product .state {
            display: block;
            font-weight: 700;
            font-style: normal;
            margin-bottom: 3px;
            font-family: 'Red Hat Display',sans-serif;
            text-transform: uppercase
        }

        .box .list_products .item_products .data_product .code {
            color: #3b3b3b;
            font-size: .7em;
            -webkit-box-flex: 1;
            -ms-flex: 1;
            flex: 1
        }

        .box .list_products .item_products .data_product .state {
            color: #3b3b3b;
            -webkit-box-flex: 1;
            -ms-flex: 1;
            flex: 1;
            -webkit-box-flex: none;
            -ms-flex: none;
            flex: none;
            display: -webkit-box;
            display: -moz-box;
            display: -ms-flexbox;
            display: -webkit-flex;
            display: flex;
            -webkit-flex-wrap: wrap;
            -ms-flex-wrap: wrap;
            flex-wrap: wrap;
            -ms-flex-direction: row;
            flex-direction: row;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            font-size: .75em
        }

            .box .list_products .item_products .data_product .state .circle {
                display: inline-block;
                margin-right: 8px;
                width: 15px;
                height: 15px;
                border-radius: 50%;
                position: relative;
                top: -1px
            }

            .box .list_products .item_products .data_product .state.confirmed .circle {
                background-color: #3498ff
            }

            .box .list_products .item_products .data_product .state.preconfirmed .circle {
                background-color: #3b3b3b
            }

            .box .list_products .item_products .data_product .state.pending .circle {
                background-color: #f0b618
            }

            .box .list_products .item_products .data_product .state.delivered .circle {
                background-color: #00b06c
            }

    .box .list_products .item_products .total {
        padding: 0 40px 0 15px;
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }

        .box .list_products .item_products .total .label {
            padding-left: 1em;
            font-size: .79em;
            color: #3b3b3b;
            font-weight: 500;
            margin-top: 2px;
            margin-bottom: 0
        }

        .box .list_products .item_products .total .num_total {
            margin-left: 5px;
            font-size: .8em;
            padding: 2px 15px;
            border-radius: .8em;
            font-family: 'Red Hat Display',sans-serif;
            font-weight: 700;
            color: #fff;
            background-color: var(--secondary_color);
            display: inline-block
        }

    .box .list_products .item_products .data_money .date {
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
        padding-left: 1em;
        font-size: .79em;
        color: #3b3b3b;
        font-weight: 500;
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        margin-bottom: 0
    }

    .box .list_products .item_products .data_money .date_2 .date i, .box .list_products .item_products .data_money_2 .date i {
        margin-right: 5px;
        margin-left: 0;
        color: var(--main_color)
    }

    .box .list_products .item_products .data_money .money {
        font-family: 'Red Hat Display',sans-serif;
        font-weight: 800;
        color: var(--main_color);
        font-size: 1em
    }

    .box .info_detail .part_right .data_detail .table_colors_available .table_colors tbody tr:nth-of-type(odd) td, .box .list_products .item_products:nth-of-type(2n), .box_nopad .group:nth-of-type(2n) {
        background-color: #fafafa
    }

.box .info_detail {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-direction: row;
    flex-direction: row;
    display: block
}

    .box .info_detail .part_left {
        width: 430px;
        margin-right: 40px
    }

        .box .info_detail .part_left .hea_detail .code {
            display: block;
            color: #3b3b3b;
            font-size: .85em;
            margin-bottom: 8px
        }

        .box .info_detail .part_left .hea_detail .name_product {
            font-size: 1.4em
        }

        .box .info_detail .part_left .gallery_imgs .figure_detail {
            width: 100%;
            height: 430px;
            border: 1px solid #d2d6df;
            position: relative;
            margin-bottom: 10px;
            margin-top: 20px;
            overflow: initial
        }

            .box .info_detail .part_left .gallery_imgs .figure_detail .arrow {
                position: absolute;
                top: 50%;
                margin-top: -.7em;
                font-size: 1.4em;
                color: #c7c7c7;
                cursor: pointer
            }

            .box .info_detail .part_left .gallery_imgs .figure_detail .arrow_left {
                left: 10px
            }

            .box .info_detail .part_left .gallery_imgs .figure_detail .arrow_right {
                right: 10px
            }

        .box .info_detail .part_left .gallery_imgs .minis, .modal_customers .modal_container .modal_content .products_detail .content_minis .minis, .modal_previsualization .modal_container .modal_content .pop_select_logo .part_inf .imgs_inf .content_minis .minis {
            display: block;
            overflow-x: auto;
            overflow-y: hidden;
            white-space: nowrap
        }

            .box .info_detail .part_left .gallery_imgs .minis .figure_mini, .modal_customers .modal_container .modal_content .products_detail .content_minis .minis .figure_mini {
                height: 100px;
                width: 100px;
                margin-left: 10px;
                border: 1px solid #d2d6df;
                display: inline-block;
                cursor: pointer
            }

                .box .info_detail .part_left .gallery_imgs .minis .figure_mini img, .list_customize .item_customize .header_customize .select_area .fig_area .img_area, .maqueta_wiss .new_version .modal_content .group_images .list_images .item_photo .fig_photo > img, .modal_customers .modal_container .modal_content .products_detail .content_minis .minis .figure_mini img, .modal_customers_customization .modal_container .container_customize .item_customize .img, .modal_customers_customization .modal_container .header_customize .img_header_customize .img, .modal_previsualization .modal_container .modal_content .pop_select_logo .content_minis .minis .figure_mini img, .modal_previsualization .modal_container .modal_content .products_detail .content .content_minis .minis .figure_mini img {
                    width: 100%;
                    height: 100%;
                    object-fit: contain
                }

    .box .info_detail .part_right {
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
        padding-top: 20px
    }

        .box .info_detail .part_right .data_detail .info .group_product .available .label {
            padding-left: 0;
            font-size: .9em;
            color: #3b3b3b;
            margin-bottom: 12px;
            font-weight: 400
        }

        .box .info_detail .part_right .data_detail .info .group_product .available .date {
            font-family: 'Red Hat Display',sans-serif;
            font-weight: 700;
            margin-bottom: 5px
        }

        .box .info_detail .part_right .data_detail .table_colors_available .table_colors thead tr th {
            padding-left: 8px;
            width: 25%
        }

        .box .info_detail .part_right .data_detail .table_colors_available .table_colors tbody {
            outline: #d2d6df solid 1px;
            border: 1px solid #d2d6df
        }

            .box .info_detail .part_right .data_detail .table_colors_available .table_colors tbody tr td {
                padding: 8px;
                width: 25%;
                vertical-align: middle
            }

                .box .info_detail .part_right .data_detail .table_colors_available .table_colors tbody tr td .available_txt, .box .info_detail .part_right .data_detail .table_colors_available .table_colors tbody tr td .units_txt {
                    font-size: .8em;
                    color: #3b3b3b;
                    line-height: 20px
                }

                .box .info_detail .part_right .data_detail .table_colors_available .table_colors tbody tr td.cell_check {
                    min-width: 18px;
                    width: 18px
                }

                    .box .info_detail .part_right .data_detail .table_colors_available .table_colors tbody tr td.cell_check .cb_item {
                        padding-left: 0;
                        width: 100%;
                        display: -webkit-box;
                        display: -moz-box;
                        display: -ms-flexbox;
                        display: -webkit-flex;
                        display: flex;
                        -webkit-flex-wrap: wrap;
                        -ms-flex-wrap: wrap;
                        flex-wrap: wrap;
                        -webkit-box-pack: center;
                        -ms-flex-pack: center;
                        justify-content: center
                    }

                        .box .info_detail .part_right .data_detail .table_colors_available .table_colors tbody tr td.cell_check .cb_item .nomr:before {
                            margin-right: 0 !important
                        }

                .box .info_detail .part_right .data_detail .table_colors_available .table_colors tbody tr td .btn .ico_small, .modal_add .buttons .btn_secondary .img_small {
                    width: 28px;
                    height: 28px
                }

                    .box .info_detail .part_right .data_detail .table_colors_available .table_colors tbody tr td .btn .ico_small .ico_shop, .modal_add .buttons .btn_secondary .img_small .ico_shop {
                        stroke: #ffffff;
                        transition: .3s ease-in-out
                    }

                .box .info_detail .part_right .data_detail .table_colors_available .table_colors tbody tr td .btn:hover .ico_small .ico_shop {
                    stroke: var(--main_color)
                }

            .box .info_detail .part_right .data_detail .table_colors_available .table_colors tbody tr:last-of-type td {
                border-bottom: 0 solid #d2d6df
            }

        .box .info_detail .part_right .data_detail .table_colors_available .table_colors_scroll {
            width: calc(100% + 10px)
        }

            .box .info_detail .part_right .data_detail .table_colors_available .table_colors_scroll thead {
                display: inline-table;
                width: 98%
            }

            .box .info_detail .part_right .data_detail .table_colors_available .table_colors_scroll tbody {
                display: block;
                width: 99%;
                max-height: 410px;
                overflow-y: auto;
                overflow-x: hidden
            }

                .box .info_detail .part_right .data_detail .table_colors_available .table_colors_scroll tbody tr td {
                    width: 25% !important
                }

.box_nopad {
    padding: 0;
    overflow: hidden
}

    .box_nopad .group {
        padding: 1.5em;
        border-bottom: 1px solid #d2d6df
    }

        .box_nopad .group.characteristics .txt_info {
            font-family: 'Red Hat Display',sans-serif;
            font-weight: 700;
            color: #3b3b3b;
            margin-bottom: .8em
        }

        .box_nopad .group.characteristics .data_detail .table_colors tbody tr td {
            background-color: #fff !important
        }

        .box_nopad .group.packaging .list_packaging .item_packaging {
            border: 1px solid #d2d6df;
            padding: 1em;
            flex: 1 0 48%;
            max-width: 48%;
            margin-left: 4%;
            margin-top: 20px
        }

            .box.box_2col .col > .row_form, .box_nopad .group.packaging .list_packaging .item_packaging .header_packaging {
                -webkit-flex-wrap: wrap;
                display: -webkit-box;
                display: -moz-box;
                display: -ms-flexbox;
                display: -webkit-flex;
                -webkit-box-orient: horizontal;
                -webkit-box-direction: normal
            }

            .box_nopad .group.packaging .list_packaging .item_packaging .header_packaging {
                display: flex;
                -ms-flex-wrap: wrap;
                flex-wrap: wrap;
                -ms-flex-direction: row;
                flex-direction: row;
                -webkit-box-align: center;
                -ms-flex-align: center;
                align-items: center;
                margin-bottom: .5em
            }

                .box_nopad .group.packaging .list_packaging .item_packaging .header_packaging .label_title {
                    -webkit-box-flex: 1;
                    -ms-flex: 1;
                    flex: 1;
                    line-height: 36px;
                    font-size: 1em;
                    font-weight: 600
                }

                .box_nopad .group.packaging .list_packaging .item_packaging .header_packaging .units .label_value {
                    font-family: 'Red Hat Display',sans-serif;
                    font-weight: 300;
                    font-size: .9em
                }

                .box_nopad .group.packaging .list_packaging .item_packaging .header_packaging .units .input_text, .hea_packaging_1 .w50 .units .input_text {
                    margin: 0 5px;
                    text-align: right;
                    font-size: 1.2em;
                    font-family: 'Red Hat Display',sans-serif;
                    font-weight: 800;
                    width: 100px;
                    padding: 0 10px;
                    height: 36px
                }

            .box_nopad .group.packaging .list_packaging .item_packaging .data_packaging .values, .maqueta_wiss .new_version .modal_footer .btn i, .min_max .box_minmax.max {
                margin-left: 10px
            }

                .box_nopad .group.packaging .list_packaging .item_packaging .data_packaging .values .value .input_text {
                    margin: 0 5px;
                    text-align: right;
                    font-size: 1.2em;
                    font-family: 'Red Hat Display',sans-serif;
                    font-weight: 800;
                    width: 75px;
                    padding: 0 10px;
                    height: 36px;
                    border-radius: 0
                }

                .box_nopad .group.packaging .list_packaging .item_packaging .data_packaging .values .value .label_value {
                    padding-left: 0;
                    font-family: 'Red Hat Display',sans-serif;
                    font-weight: 300;
                    font-size: .9em;
                    margin-bottom: 0;
                    margin-left: 5px
                }

        .box.box_2col .col .list_files .item_file:last-of-type .name, .box.box_2col .col .list_files .item_file:last-of-type .size, .box_nopad .group:last-of-type {
            border: 0
        }

.box.box_2col .col {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    margin-left: 30px
}

    .box.box_2col .col .title {
        padding-left: 12px;
        margin-bottom: 1em
    }

    .box.box_2col .col .label.label_title, .box.box_2col .col > .row_form .row_form_2 .column_form .box_form_item, .parts .part_large .direction_box, .popup_shop .popup_box .pop_part .content_pop .list_directions .direction_article > input + label + .direction_box .group_info .value_dir.tel {
        margin-bottom: 1em
    }

    .box.box_2col .col p {
        padding-left: 12px;
        font-size: .9em;
        line-height: 1.3em;
        font-family: 'Red Hat Display',sans-serif;
        font-weight: 500
    }

    .box.box_2col .col > .row_form {
        margin-bottom: 1em;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -ms-flex-direction: row;
        flex-direction: row
    }

    .box.box_2col .col .list_files {
        border: 1px solid #ddd;
        padding: 2px 12px;
        background-color: #fafafa
    }

        .box.box_2col .col .list_files .item_file, .order_direction .parts .box .part_large .directions .box_fact .element_checks .checks_buttons, .trolley_direction .parts .box .part_large .directions .box_fact .element_checks .checks_buttons {
            display: -webkit-box;
            display: -moz-box;
            display: -ms-flexbox;
            display: -webkit-flex;
            display: flex;
            -webkit-flex-wrap: wrap;
            -ms-flex-wrap: wrap;
            flex-wrap: wrap;
            -webkit-box-orient: horizontal;
            -webkit-box-direction: normal;
            -ms-flex-direction: row;
            flex-direction: row;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            width: 100%
        }

            .box.box_2col .col .list_files .item_file .name {
                -webkit-box-flex: 1;
                -ms-flex: 1;
                flex: 1;
                padding: 10px 0;
                font-size: .85em;
                border-bottom: 1px solid #ddd
            }

            .box.box_2col .col .list_files .item_file .size {
                margin-right: 15px;
                padding: 10px 0;
                font-size: .85em;
                border-bottom: 1px solid #ddd
            }

            .box.box_2col .col .list_files .item_file .delete {
                color: #ff4c39;
                font-size: .8em
            }

.box.box_2col .col2 .textarea {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    height: auto
}

.box_mb {
    margin-bottom: 1em !important
}

.modal_customers {
    background-color: rgba(0,0,0,.4)
}

    .modal_customers .modal_container {
        width: 545px;
        min-width: 545px;
        max-width: 90%;
        padding: 20px;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        max-height: 96%;
        border-top: 0
    }

        .modal_customers .modal_container .modal_header {
            padding-right: 20px
        }

            .modal_customers .modal_container .modal_header .code {
                margin-bottom: 2px
            }

            .modal_customers .modal_container .modal_header .modal_header_label_big {
                font-family: 'Red Hat Display',sans-serif;
                font-weight: 500;
                font-size: 1.4em
            }

            .modal_customers .modal_container .modal_header .modal_close {
                border-radius: 50%;
                font-size: .9em;
                width: 26px;
                height: 26px;
                border: 1px solid #ff6949;
                display: -webkit-box;
                display: -moz-box;
                display: -ms-flexbox;
                display: -webkit-flex;
                display: flex;
                -webkit-flex-wrap: wrap;
                -ms-flex-wrap: wrap;
                flex-wrap: wrap;
                -webkit-box-align: center;
                -ms-flex-align: center;
                align-items: center;
                -webkit-box-pack: center;
                -ms-flex-pack: center;
                justify-content: center
            }

        .buttons_col .c, .list_customize .item_customize .header_customize .zone .div_dz, .modal_customers .modal_container .modal_content .type {
            display: -webkit-box;
            display: -moz-box;
            display: -ms-flexbox;
            display: -webkit-flex
        }

        .modal_customers .modal_container .modal_content .img_product {
            height: 550px;
            width: 100%;
            object-fit: contain;
            border: 1px solid #ddd
        }

        .modal_customers .modal_container .modal_content .type {
            margin-bottom: 3px;
            display: flex;
            -webkit-flex-wrap: wrap;
            -ms-flex-wrap: wrap;
            flex-wrap: wrap;
            -webkit-box-orient: horizontal;
            -webkit-box-direction: normal;
            -ms-flex-direction: row;
            flex-direction: row;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center
        }

            .modal_customers .modal_container .modal_content .type .label {
                padding-left: 0;
                width: 130px;
                margin-bottom: 0
            }

            .modal_customers .modal_container .modal_content .type .value {
                font-size: .9em;
                font-family: 'Red Hat Display',sans-serif;
                font-weight: 500
            }

.list_customize .item_customize {
    flex: 1 0 49%;
    margin-left: 2%;
    max-width: 49%;
    background-color: #fafafa;
    border: 1px solid #d2d6df;
    padding: 1em;
    margin-top: 15px
}

    .list_customize .item_customize .header_customize .select_area .list_checkbox .cb_item input[type=checkbox] + label {
        text-transform: none;
        font-size: 1em;
        font-weight: 400
    }

    .list_customize .item_customize .header_customize .select_area .fig_area {
        width: 140px;
        height: 140px
    }

    .list_customize .item_customize .header_customize .zone {
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
        padding-left: 30px
    }

        .list_customize .item_customize .header_customize .zone .name_zone {
            width: 100%;
            margin-bottom: .8em;
            font-size: 1em;
            padding-left: 1em
        }

        .list_customize .item_customize .header_customize .zone .div_dz {
            display: flex;
            -webkit-flex-wrap: wrap;
            -ms-flex-wrap: wrap;
            flex-wrap: wrap;
            -webkit-box-orient: horizontal;
            -webkit-box-direction: normal;
            -ms-flex-direction: row;
            flex-direction: row;
            -webkit-box-align: start;
            -ms-flex-align: start;
            align-items: flex-start;
            margin-bottom: 10px
        }

            .list_customize .item_customize .header_customize .zone .div_dz .zone_values {
                -webkit-box-flex: 1;
                -ms-flex: 1;
                flex: 1;
                margin-left: 10px
            }

                .list_customize .item_customize .header_customize .zone .div_dz .zone_values .label {
                    display: block;
                    width: 100%;
                    margin-bottom: 5px
                }

                .list_customize .item_customize .header_customize .zone .div_dz .zone_values .group_values .value .input_text {
                    padding: .65rem .4em;
                    display: inline-block;
                    font-size: 1em;
                    font-family: 'Red Hat Display',sans-serif;
                    font-weight: 800;
                    -webkit-box-flex: 1;
                    -ms-flex: 1;
                    flex: 1;
                    min-width: 43px;
                    text-align: right
                }

                .list_customize .item_customize .header_customize .zone .div_dz .zone_values .group_values .value .label {
                    width: auto;
                    display: inline-block;
                    padding-left: 5px
                }

                .list_customize .item_customize .header_customize .zone .div_dz .zone_values .group_values .xicon {
                    font-family: 'Red Hat Display',sans-serif;
                    font-weight: 800;
                    font-size: 1.2em;
                    -webkit-box-flex: none;
                    -ms-flex: none;
                    flex: none;
                    margin: 0 10px
                }

        .list_customize .item_customize .header_customize .zone .txt_info {
            width: 100%;
            font-style: italic;
            font-size: .75em;
            text-align: right;
            margin-top: 5px;
            display: block
        }

    .list_customize .item_customize .data_customize .label {
        padding-left: 0;
        margin-bottom: 8px
    }

    .box_shop.message_ok_trans .buttons .btn, .form_box .row_box_particular .column_box:nth-of-type(2) .checks_buttons, .hea_responsive .info_hea .sup_hea .logo img, .list_customize .item_customize .data_customize .box_images, .list_customize .item_customize .data_customize .btn, .part_little .btn, .popup_login .pop_part.part1 .content_pop .form_box .btn, .popup_shop .pop_part.part1 .content_pop .form_box .btn {
        width: 100%
    }

        .list_customize .item_customize .data_customize .box_images .list_images {
            margin-bottom: 8px;
            display: block;
            overflow-x: auto;
            overflow-y: hidden;
            white-space: nowrap;
            width: auto;
            height: 100px
        }

            .list_customize .item_customize .data_customize .box_images .list_images .img_check {
                position: relative;
                margin-left: 15px;
                display: inline-block;
                width: 100px;
                height: 100px
            }

                .list_customize .item_customize .data_customize .box_images .list_images .img_check .box_inputfile {
                    height: 100px;
                    width: 100px
                }

                    .list_customize .item_customize .data_customize .box_images .list_images .img_check .box_inputfile .btn {
                        border: 1px solid #d2d6df;
                        background-color: #fff;
                        color: #3b3b3b;
                        border-radius: 0;
                        font-size: .7em
                    }

                        .list_customize .item_customize .data_customize .box_images .list_images .img_check .box_inputfile .btn span {
                            display: -webkit-box;
                            display: -moz-box;
                            display: -ms-flexbox;
                            display: -webkit-flex;
                            display: flex;
                            -webkit-flex-wrap: wrap;
                            -ms-flex-wrap: wrap;
                            flex-wrap: wrap;
                            -webkit-box-orient: vertical;
                            -webkit-box-direction: normal;
                            -ms-flex-direction: column;
                            flex-direction: column;
                            -ms-flex-wrap: nowrap;
                            flex-wrap: nowrap;
                            -webkit-box-align: center;
                            -ms-flex-align: center;
                            align-items: center;
                            -webkit-box-pack: center;
                            -ms-flex-pack: center;
                            justify-content: center
                        }

                            .list_customize .item_customize .data_customize .box_images .list_images .img_check .box_inputfile .btn span i {
                                width: 30px;
                                height: 30px;
                                line-height: 27px;
                                border: 1px solid #3b3b3b;
                                border-radius: 50%
                            }

                                .list_customize .item_customize .data_customize .box_images .list_images .img_check .box_inputfile .btn span i:before {
                                    position: relative;
                                    left: .5px
                                }

                        .list_customize .item_customize .data_customize .box_images .list_images .img_check .box_inputfile .btn:hover {
                            border: 1px solid #d2d6df;
                            background-color: #3b3b3b;
                            color: #fff
                        }

                            .list_customize .item_customize .data_customize .box_images .list_images .img_check .box_inputfile .btn:hover i {
                                border: 1px solid #fff
                            }

                .list_customize .item_customize .data_customize .box_images .list_images .img_check .img {
                    height: 100px;
                    width: 100px;
                    padding: 10px;
                    object-fit: contain;
                    background-color: #efefef
                }

                .list_customize .item_customize .data_customize .box_images .list_images .img_check input + label {
                    position: absolute;
                    width: 100%;
                    height: 100%;
                    cursor: pointer;
                    border: 1px solid #d2d6df
                }

                    .list_customize .item_customize .data_customize .box_images .list_images .img_check input + label:before {
                        content: '';
                        transition-timing-function: ease-out;
                        border: 1px solid #d2d6df;
                        background-color: #d2d6df;
                        width: 18px;
                        height: 18px;
                        border-radius: 3px;
                        position: absolute;
                        right: 5px;
                        top: 5px
                    }

                    .list_customize .item_customize .data_customize .box_images .list_images .img_check input + label.disabled:before {
                        opacity: .7
                    }

                .list_customize .item_customize .data_customize .box_images .list_images .img_check input:checked + label {
                    border: 1px solid var(--secondary_color)
                }

                    .list_customize .item_customize .data_customize .box_images .list_images .img_check input:checked + label:before {
                        content: '';
                        background-repeat: no-repeat;
                        background-position: center center;
                        background-image: url(../images/icons/check.png);
                        transition-timing-function: ease-out;
                        border: 1px solid var(--secondary_color);
                        background-color: var(--secondary_color);
                        width: 18px;
                        height: 18px;
                        border-radius: 3px;
                        position: absolute;
                        right: 5px;
                        top: 5px
                    }

.buttons_col .c {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.steps_num .value_menu:after, .steps_num .value_menu:before {
    background-color: #f0f2f7;
    border: 0;
    height: 5px
}

.steps_num .value_menu .circle_value {
    background-color: #f0f2f7;
    color: #a2b5c0;
    border: 0;
    font-family: 'Red Hat Display',sans-serif;
    font-weight: 700;
    font-size: 1em
}

.steps_num .item_new.active .value_menu:after, .steps_num .item_new.active .value_menu:before {
    background-color: #a2b5c0
}

.steps_num .item_new.active .value_menu .circle_value {
    color: #f0f2f7;
    background-color: #a2b5c0
}

.steps_num .item_new.active .label_menu {
    color: #a2b5c0
}

.steps_num .item_new .label_menu {
    text-transform: uppercase;
    color: #ccc
}

.delete {
    color: #fe000d
}

.parts .part_large .title .title_large, .resume_product .part_little .title {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    font-family: 'Red Hat Display',sans-serif;
    color: #333;
    font-weight: 300;
    margin-bottom: 0
}

.list_import .item_import, .total {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    -webkit-flex-wrap: wrap;
    -webkit-box-orient: horizontal
}

    .list_import .item_import .label, .total label {
        font-size: .9em;
        font-weight: 400;
        padding-left: 0
    }

.parts .part_large .title .date {
    font-size: .8em;
    margin-left: 15px;
    font-family: 'Red Hat Display',sans-serif;
    font-weight: 700
}

.parts .part_large .direction_box .direction {
    display: block;
    font-size: .85em;
    color: #333;
    margin-bottom: 7px;
    font-family: 'Red Hat Display',sans-serif;
    font-weight: 700
}

.parts .part_large .direction_box .textarea {
    border-radius: .5em;
    padding: 1em
}

.list_import {
    margin-bottom: 20px;
    position: relative
}

    .list_import .item_import {
        padding: 5px;
        border-bottom: 1px solid #ddd;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

        .list_import .item_import .label {
            -webkit-box-flex: 1;
            -ms-flex: 1;
            flex: 1;
            width: 250px
        }

.resume .element_trolley .value, .total .value {
    font-weight: 700;
    font-size: 1.2em;
    color: var(--main_color);
    font-family: 'Red Hat Display',sans-serif
}

.total {
    margin-bottom: 1em;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.resume, .resume .box_form_item .order_container, .resume .element {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    -webkit-box-direction: normal
}

.total .value {
    margin-left: 20px
}

.part_little {
    width: 375px;
    margin-left: 50px
}

.resume {
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-orient: horizontal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    margin-bottom: 3em
}

    .resume .box_form_item {
        -webkit-box-flex: 4;
        -ms-flex: 4;
        flex: 4;
        margin-bottom: 0
    }

        .resume .box_form_item .order_container {
            display: flex;
            -webkit-flex-wrap: wrap;
            -ms-flex-wrap: wrap;
            flex-wrap: wrap;
            -webkit-box-orient: horizontal;
            -ms-flex-direction: row;
            flex-direction: row;
            margin-right: 100px
        }

            .resume .box_form_item .order_container .btn {
                height: 45px
            }

    .resume .element {
        padding: 0 3rem 0 30px;
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
        display: flex;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-orient: vertical;
        -ms-flex-direction: column;
        flex-direction: column;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap
    }

.hea_packaging_1 .w50, .modal_add .product {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    -webkit-flex-wrap: wrap
}

.resume .element .label {
    display: block;
    margin-bottom: 5px;
    padding-left: 0
}

.resume .element_trolley .value {
    margin-bottom: 5px
}

.resume .element_trolley.f0 .btn, .title_generate_catalog .btn {
    width: 230px;
    height: 45px
}

.ico_date {
    font-size: 2em;
    margin-left: 15px;
    color: var(--main_color)
}

.back_only, .negMoney {
    color: #ff4e1b
}

.left_money {
    margin-top: 5px;
    font-size: .75em
}

    .left_money strong {
        font-family: 'Red Hat Display',sans-serif;
        font-weight: 800
    }

.hea_packaging_1 .w50 {
    width: 48%;
    margin-bottom: 1em;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

    .hea_packaging_1 .w50 .title_second {
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
        margin-bottom: 0
    }

    .hea_packaging_1 .w50 .units .label_value {
        font-family: 'Red Hat Display',sans-serif;
        font-weight: 300;
        font-size: .9em;
        padding-left: 5px
    }

.modal_add .modal_container {
    max-height: none;
    height: auto
}

.modal_add .modal_header {
    padding-right: 0 !important
}

.modal_add .add_correct {
    border: 2px solid #0fae6b;
    border-radius: .4em;
    background-color: #c9ffe5;
    padding: 1em
}

    .modal_add .add_correct .text {
        font-size: 1.1em;
        font-weight: 700;
        color: #13af6e;
        letter-spacing: 1px
    }

.modal_add .add_incorrect {
    border: 2px solid #fe000d;
    border-radius: .4em;
    background-color: #f78888;
    padding: 1em;
    margin-bottom: 1em
}

.modal_add .buttons, .modal_add .product, .resume_product {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    margin-bottom: 20px
}

.modal_add .add_incorrect .text {
    font-size: 1.1em;
    font-weight: 700;
    color: #6d0404;
    letter-spacing: 1px
}

.modal_add .product {
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.modal_add .buttons, .resume_product, .resume_product .part_big {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex
}

.modal_add .product .data_product .code {
    display: block;
    color: #3b3b3b;
    font-style: italic;
    font-size: 1em;
    margin-bottom: 5px
}

.modal_add .product .data_product .name_product {
    color: #3b3b3b;
    font-size: 1.2em;
    line-height: 1em;
    margin-bottom: 0;
    font-family: 'Red Hat Display',sans-serif;
    font-weight: 700
}

.modal_add .buttons {
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-direction: row;
    flex-direction: row
}

    .box_2 .col, .form_box .row_box .column_box, .modal_add .buttons .btn, .order_direction .parts .box:nth-of-type(2), .trolley_direction .parts .box:nth-of-type(2) {
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
        margin-left: 20px
    }

    .modal_add .buttons .btn_secondary:hover .ico_shop {
        stroke: var(--secondary_color)
    }

.modal_add .text_info {
    font-size: .9em;
    line-height: 1.4em;
    margin-bottom: 25px
}

.modal_add .text_info_stock {
    font-size: 1em;
    font-weight: 700;
    color: #fe000d
}

.modal_add .btn_search, .register_login .box .container_reg_log .btn_search {
    width: 100%;
    padding: 1rem;
    border-radius: 60px;
    background-color: #fff;
    color: #616161;
    border: 1px solid #c1d6dd;
    height: 3.2rem
}

    .modal_add .btn_search i, .register_login .box .container_reg_log .btn_search i {
        color: #747474
    }

    .modal_add .btn_search:hover, .register_login .box .container_reg_log .btn_search:hover {
        background-color: #c1d6dd
    }

.pdl {
    padding-left: 64px
}

.resume_product {
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    padding: 20px 0;
    background-color: #f3f3f3
}

    .resume_product .part_big {
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
        display: flex;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        padding-top: 0;
        padding-left: 0
    }

.box_product, .box_product .element_product {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal
}

.resume_product .part_big .total {
    margin-bottom: 0;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    width: 583px
}

.resume_product .part_little {
    -webkit-box-flex: none;
    -ms-flex: none;
    flex: none;
    width: auto
}

    .resume_product .part_little .list_import {
        margin-bottom: 0;
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end
    }

        .resume_product .part_little .list_import .item_import {
            padding: 0 53px 0 0
        }

            .resume_product .part_little .list_import .item_import .value {
                margin-left: 20px;
                font-size: 1em
            }

.resume_product.resume_product_area .part_big .total {
    width: 43rem !important
}

.box_product {
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 20px;
    padding-right: 22px
}

    .box_product .element_product {
        display: flex;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1
    }

    .box_product .delete {
        margin-left: 20px;
        font-weight: 400;
        text-transform: uppercase;
        font-size: .8em
    }

        .box_product .delete .mr10, .hea .info_hea .sup_hea .box_user .info_user .ico_user, .maqueta_wiss .new_version .modal_content .group_images .list_images .item_photo .fig_photo .cb_item input + label, .maqueta_wiss .new_version .modal_header .modal_header_label_big i {
            margin-right: 10px
        }

.bold {
    font-weight: 700
}

.money_format:after {
    content: ' €'
}

.money_format.iva_text_sin:after {
    content: none
}

.money_format.iva_text_sin + span {
    color: var(--main_color);
    font-family: 'Red Hat Display',sans-serif;
    font-weight: 700;
    padding-left: 5px;
    font-size: 1em;
    align-self: flex-end
}

.without_vat_text.iva_text_con + span {
    color: #999;
    margin-left: 5px;
    font-size: .7em;
    font-family: 'Red Hat Display',sans-serif;
    font-weight: 700;
    align-self: flex-end
}

.label_large + .money_format {
    padding-right: 8px
}

.tr_result .label {
    padding-right: 10px;
    display: block;
    text-align: right
}

.back_only, .hea_wb .back {
    font-size: .8em;
    width: 30px;
    line-height: 26px;
    height: 30px;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    margin-right: 15px;
    transition: .2s ease-out
}

.tr_result td {
    background-color: #f1f5ff !important
}

.back_only {
    -webkit-box-flex: none;
    -ms-flex: none;
    flex: none;
    border-radius: 50%;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border: 2px solid #ff4e1b;
    position: relative;
    top: -5px
}

    .back_only:hover, .hea_wb .back:hover {
        background-color: #ff4e1b;
        color: #fff
    }

.hea_wb .back {
    -webkit-box-flex: none;
    -ms-flex: none;
    flex: none;
    border-radius: 50%;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    color: #ff4e1b;
    border: 2px solid #ff4e1b
}

.hea_wb .info .name_product {
    font-size: 1.4em;
    margin-top: 5px
}

.txt_table {
    color: var(--main_color) !important;
    font-size: .85em;
    display: block;
    position: relative;
    top: 4px
}

.txt_table_min {
    font-size: .75em
}

.txt_table_abs {
    position: absolute;
    text-align: right;
    right: 3.3rem;
    width: 27rem;
    top: 5em
}

.txt_info_warning {
    font-size: 1em;
    font-weight: 700;
    color: #bd2e2e;
    margin-bottom: 15px;
    display: block
}

.modal_customers_customization .modal_container .header_customize, .warning_box {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    -webkit-box-direction: normal;
    -webkit-box-orient: horizontal
}

.txt_info_warning_2 {
    margin-top: 15px;
    margin-bottom: 0
}

.order_code {
    color: var(--main_color) !important
}

.warning_box {
    background-color: var(--main_color);
    height: auto;
    padding: 20px;
    width: 98%;
    border-radius: 0 0 10px 10px;
    position: fixed;
    left: 1%;
    top: 0;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    z-index: 1000000
}

    .warning_box .text {
        color: #fff;
        text-align: center
    }

.txt_right {
    text-align: right !important;
    padding-right: 1rem
}

.total_adjust {
    padding-right: 2px
}

    .import_adjust .label, .total_adjust .label {
        position: relative;
        top: 1px
    }

    .total_adjust .value {
        font-size: .8em !important;
        font-family: 'Red Hat Display',sans-serif;
        font-weight: 500
    }

        .tooltip_content .txt, .total_adjust .value span {
            font-family: 'Red Hat Display',sans-serif;
            font-weight: 700
        }

        .total_adjust .value span {
            font-size: 1.4em;
            padding-right: 22px
        }

.import_adjust .value {
    font-size: 1rem !important
}

    .import_adjust .value:before {
        font-family: 'Red Hat Display',sans-serif;
        font-weight: 500
    }

.table_area tbody tr td {
    min-width: 16rem !important
}

    .table_area tbody tr td:nth-of-type(3) {
        width: auto !important
    }

    .table_area tbody tr td:nth-of-type(4), .table_area tbody tr td:nth-of-type(5), .table_area tbody tr td:nth-of-type(6), .table_area tbody tr td:nth-of-type(7) {
        min-width: 10rem !important;
        width: 10rem !important
    }

    .table_area tbody tr td.td_amount {
        min-width: 12rem !important;
        width: 12rem !important
    }

        .table_area tbody tr td.td_amount .units .input_text {
            width: calc(100% - 30px);
            display: inline-block;
            text-align: right;
            -webkit-box-flex: 1;
            -ms-flex: 1;
            flex: 1
        }

        .table_area tbody tr td.td_amount .units .total {
            -webkit-box-flex: none;
            -ms-flex: none;
            flex: none;
            width: auto;
            display: inline-block;
            text-align: right
        }

    .table_area tbody tr td.trash {
        width: 20px !important;
        min-width: 20px !important
    }

.txt_table_import {
    text-align: right;
    padding-right: .5rem !important;
    width: 200%;
    position: absolute;
    right: .6rem;
    margin-top: 3px;
    bottom: 20px;
    top: auto
}

@media screen and (max-width:1600px) {
    .table_area tbody tr td.trash {
        width: 20px !important;
        min-width: 20px !important
    }

    .resume_product.resume_product_area .part_big .total {
        width: 39rem !important
    }
}

@media screen and (max-width:1345px) {
    .table_area tbody tr td {
        width: 6rem !important
    }

        .table_area tbody tr td:nth-of-type(3) {
            width: auto !important;
            min-width: 14rem !important
        }

        .table_area tbody tr td:nth-of-type(5), .table_area tbody tr td:nth-of-type(6) {
            min-width: 8rem !important;
            width: 8rem !important
        }

        .table_area tbody tr td.trash {
            width: 20px !important;
            min-width: 20px !important
        }

    .hea .info_hea .sup_hea .logo img.logo_wotto {
        margin-left: 15px
    }

    .hea .info_hea .sup_hea .logo_ministerio img {
        width: 100%
    }

    .resume_product.resume_product_area .part_big .total {
        width: 34.8rem !important
    }
}

.resume_back {
    -webkit-box-align: center !important;
    -ms-flex-align: center !important;
    align-items: center !important
}

    .resume_back .back_only {
        top: 0 !important;
        cursor: pointer
    }

    .resume_back .label {
        color: #ff4e1b;
        padding-left: 0
    }

.figure_logo {
    position: relative;
    overflow: hidden
}

    .figure_logo .logo_in_figure, .figure_logo .logo_in_figure_mini {
        max-width: 100%;
        max-height: 100%;
        width: 100%;
        height: 100%;
        object-fit: contain
    }

    .figure_logo .containerWiSS, .master_container_inv .composite_container_inv .container_logo_inv {
        position: absolute;
        top: 0
    }

.modal_customers_customization .modal_container {
    height: 700px;
    width: 700px
}

    .modal_customers_customization .modal_container .header_customize {
        display: flex;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
        position: relative
    }

        .modal_customers_customization .modal_container .header_customize .img_header_customize {
            width: 80px;
            height: 80px;
            border: 1px solid #d2d6df
        }

        .modal_customers_customization .modal_container .header_customize .texts_header_customize .title_header_customize {
            margin-top: 10px
        }

        .modal_customers_customization .modal_container .header_customize .close_header_customize {
            color: red;
            position: absolute;
            right: 0;
            top: 0;
            font-size: 1.4em
        }

    .modal_customers_customization .modal_container .container_customize {
        height: 100%;
        overflow: auto;
        margin-top: 20px;
        margin-bottom: 20px;
        display: inline-grid;
        grid-gap: 1rem;
        justify-content: space-between;
        grid-template-columns: repeat(4,148px);
        grid-template-rows: repeat(100,148px)
    }

.master_container_inv, .modal_previsualization {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    -webkit-flex-wrap: wrap
}

.modal_customers_customization .modal_container .container_customize .item_customize {
    border: 1px solid #d2d6df;
    position: relative;
    object-fit: contain;
    margin-top: 10px
}

    .modal_customers_customization .modal_container .container_customize .item_customize .checkbox {
        position: absolute;
        top: 0;
        right: 0;
        margin-right: 5px !important;
        margin-top: 5px !important
    }

.master_container_inv {
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    position: absolute;
    z-index: -1000
}

    .master_container_inv .composite_container_inv {
        position: relative;
        overflow: hidden;
        height: 500px;
        width: 500px
    }

.tooltip_content:after, .tooltip_content:before {
    content: '';
    width: 0;
    height: 0;
    border-top: 0;
    position: absolute
}

.master_container_inv .composite_container_inv .background_image_inv {
    max-width: 100%;
    max-height: 100%;
    width: 100%;
    height: 100%;
    object-fit: contain;
    border: 0 solid coral !important
}

.master_container_inv.composite_container_inv.default_color {
    background-color: #e4e4e6;
    height: 100%;
    width: 100%;
    position: absolute;
    z-index: 0
}

.tooltip_content {
    width: 332px;
    padding: 1rem;
    border: 1px solid #ddd;
    border-radius: 5px;
    position: relative
}

    .tooltip_content:before {
        border-bottom: 10px solid #ddd;
        border-left: 10px solid transparent;
        border-right: 10px solid transparent;
        top: -10px;
        left: 166px
    }

    .tooltip_content:after {
        border-bottom: 9px solid #fff;
        border-left: 9px solid transparent;
        border-right: 9px solid transparent;
        top: -9px;
        left: 167px
    }

    .tooltip_content .txt {
        font-size: .8rem;
        color: #333;
        text-align: center;
        display: block;
        line-height: 1.2rem
    }

.modal_previsualization {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    z-index: 3;
    background-color: rgba(0,0,0,.4)
}

    .modal_previsualization .modal_container, .modal_previsualization .modal_container .modal_content {
        -webkit-flex-wrap: wrap;
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        -webkit-box-direction: normal;
        position: relative;
        padding: 0
    }

    .modal_previsualization .modal_container {
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-orient: vertical;
        -ms-flex-direction: column;
        flex-direction: column;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        width: 937px;
        height: 630px;
        min-width: 500px;
        max-width: 100%;
        max-height: 100%;
        border-top: 20px solid var(--main_color)
    }

        .modal_previsualization .modal_container .modal_content {
            display: flex;
            -ms-flex-wrap: wrap;
            flex-wrap: wrap;
            -webkit-box-orient: horizontal;
            -ms-flex-direction: row;
            flex-direction: row;
            -ms-flex-wrap: nowrap;
            flex-wrap: nowrap;
            overflow-y: auto;
            margin: 0
        }

        .modal_previsualization .modal_container .modal_content_noscroll {
            overflow-y: hidden;
            padding: 10px;
            border-bottom: 0 solid
        }

        .modal_previsualization .modal_container .modal_content .pop_select_logo {
            display: -webkit-box;
            display: -moz-box;
            display: -ms-flexbox;
            display: -webkit-flex;
            display: flex;
            -webkit-flex-wrap: wrap;
            -ms-flex-wrap: wrap;
            flex-wrap: wrap;
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
            -ms-flex-direction: column;
            flex-direction: column;
            -ms-flex-wrap: nowrap;
            flex-wrap: nowrap;
            width: 100%
        }

            .modal_previsualization .modal_container .modal_content .pop_select_logo .content_minis, .modal_previsualization .modal_container .modal_content .products_detail .content .content_minis {
                display: -webkit-box;
                display: -moz-box;
                display: -ms-flexbox;
                display: -webkit-flex;
                display: flex;
                -webkit-flex-wrap: wrap;
                -ms-flex-wrap: wrap;
                flex-wrap: wrap;
                -webkit-box-orient: vertical;
                -webkit-box-direction: normal;
                -ms-flex-direction: column;
                flex-direction: column;
                -ms-flex-wrap: nowrap;
                flex-wrap: nowrap;
                margin-right: 20px;
                overflow: auto;
                overflow-x: hidden
            }

                .modal_previsualization .modal_container .modal_content .pop_select_logo .content_minis .minis .figure_mini {
                    height: 80px;
                    width: 80px;
                    border: 1px solid #d2d6df;
                    display: inline-block;
                    cursor: pointer;
                    margin-top: 10px
                }

            .modal_previsualization .modal_container .modal_content .pop_select_logo .part_sup {
                display: -webkit-box;
                display: -moz-box;
                display: -ms-flexbox;
                display: -webkit-flex;
                display: flex;
                -webkit-flex-wrap: wrap;
                -ms-flex-wrap: wrap;
                flex-wrap: wrap;
                -webkit-box-orient: horizontal;
                -webkit-box-direction: normal;
                -ms-flex-direction: row;
                flex-direction: row;
                height: 475px;
                margin-bottom: 10px
            }

                .modal_previsualization .modal_container .modal_content .pop_select_logo .part_sup .product_logo_reloc {
                    margin: 0;
                    border: 1px solid #d2d2d2
                }

                .modal_previsualization .modal_container .modal_content .pop_select_logo .part_sup .imgs_right {
                    -webkit-box-flex: 1;
                    -ms-flex: 1;
                    flex: 1;
                    display: -webkit-box;
                    display: -moz-box;
                    display: -ms-flexbox;
                    display: -webkit-flex;
                    display: flex;
                    -webkit-flex-wrap: wrap;
                    -ms-flex-wrap: wrap;
                    flex-wrap: wrap;
                    -webkit-box-orient: vertical;
                    -webkit-box-direction: normal;
                    -ms-flex-direction: column;
                    flex-direction: column;
                    -ms-flex-wrap: nowrap;
                    flex-wrap: nowrap;
                    margin-left: 20px;
                    overflow: hidden;
                    height: 100%
                }

                    .modal_previsualization .modal_container .modal_content .pop_select_logo .part_sup .imgs_right .modal_close_loc {
                        -webkit-box-flex: none;
                        -ms-flex: none;
                        flex: none;
                        display: -webkit-box;
                        display: -moz-box;
                        display: -ms-flexbox;
                        display: -webkit-flex;
                        display: flex;
                        -webkit-flex-wrap: wrap;
                        -ms-flex-wrap: wrap;
                        flex-wrap: wrap;
                        -webkit-box-orient: horizontal;
                        -webkit-box-direction: normal;
                        -ms-flex-direction: row;
                        flex-direction: row;
                        -webkit-box-align: center;
                        -ms-flex-align: center;
                        align-items: center;
                        -webkit-box-pack: end;
                        -ms-flex-pack: end;
                        justify-content: flex-end;
                        padding: .25rem;
                        overflow: hidden;
                        cursor: pointer;
                        background-color: transparent;
                        border: 1px solid transparent;
                        border-radius: 5px;
                        text-transform: uppercase;
                        font-size: .7em;
                        letter-spacing: 1px;
                        color: #ff4e1b;
                        margin-bottom: 10px
                    }

                        .maqueta_wiss .new_version .modal_header .modal_close .ico_close, .modal_previsualization .modal_container .modal_content .pop_select_logo .part_sup .imgs_right .modal_close_loc .ico_close {
                            font-size: 2em
                        }

                    .modal_previsualization .modal_container .modal_content .pop_select_logo .part_sup .imgs_right .content_minis {
                        -webkit-box-flex: 1;
                        -ms-flex: 1;
                        flex: 1;
                        overflow: hidden;
                        margin-right: 0
                    }

                        .modal_previsualization .modal_container .modal_content .pop_select_logo .part_sup .imgs_right .content_minis .minis {
                            overflow-y: auto
                        }

            .modal_previsualization .modal_container .modal_content .pop_select_logo .part_inf {
                display: -webkit-box;
                display: -moz-box;
                display: -ms-flexbox;
                display: -webkit-flex;
                display: flex;
                -webkit-flex-wrap: wrap;
                -ms-flex-wrap: wrap;
                flex-wrap: wrap;
                -webkit-box-orient: horizontal;
                -webkit-box-direction: normal;
                -ms-flex-direction: row;
                flex-direction: row;
                -webkit-box-flex: none;
                -ms-flex: none;
                flex: none;
                -webkit-box-align: center;
                -ms-flex-align: center;
                align-items: center
            }

                .modal_previsualization .modal_container .modal_content .pop_select_logo .part_inf .imgs_inf {
                    width: 707px
                }

                    .modal_previsualization .modal_container .modal_content .pop_select_logo .part_inf .imgs_inf .content_minis {
                        overflow: hidden;
                        width: 100%
                    }

                .modal_previsualization .modal_container .modal_content .pop_select_logo .part_inf .buttons_select_logo {
                    -webkit-box-flex: 1;
                    -ms-flex: 1;
                    flex: 1;
                    display: -webkit-box;
                    display: -moz-box;
                    display: -ms-flexbox;
                    display: -webkit-flex;
                    display: flex;
                    -webkit-flex-wrap: wrap;
                    -ms-flex-wrap: wrap;
                    flex-wrap: wrap;
                    -webkit-box-orient: vertical;
                    -webkit-box-direction: normal;
                    -ms-flex-direction: column;
                    flex-direction: column;
                    -ms-flex-wrap: nowrap;
                    flex-wrap: nowrap;
                    margin-left: 20px
                }

                    .modal_previsualization .modal_container .modal_content .pop_select_logo .part_inf .buttons_select_logo .btn {
                        width: 100%;
                        margin-bottom: 5px
                    }

        .modal_previsualization .modal_container .modal_content .product_logo_reloc {
            margin: auto;
            position: relative;
            overflow: hidden
        }

        .modal_previsualization .modal_container .modal_content .product_logo_reloc_image {
            object-fit: contain
        }

        .modal_previsualization .modal_container .modal_content .wrapper_logo {
            height: 60px;
            width: 60px;
            background-size: 100% 100%;
            position: relative;
            cursor: move
        }

            .modal_previsualization .modal_container .modal_content .wrapper_logo .ui-rotatable-handle {
                position: relative;
                top: -15px;
                left: -15px;
                width: 12px;
                height: 12px;
                cursor: grab;
                color: #000;
                font-size: 15px
            }

                .modal_previsualization .modal_container .modal_content .wrapper_logo .ui-rotatable-handle:before {
                    display: block;
                    position: absolute;
                    font-weight: 900;
                    font-family: Font Awesome\ 5 Free;
                    content: "\f0e2"
                }

            .modal_previsualization .modal_container .modal_content .wrapper_logo .ui-resizable-handle {
                position: absolute;
                background-color: rgba(0,0,0,.75);
                width: 5px;
                height: 5px;
                display: none
            }

        .modal_previsualization .modal_container .modal_content .products_detail, .modal_previsualization .modal_container .modal_content .products_detail .content, .modal_previsualization .modal_container .modal_content .products_detail .content .content_minis .minis, .modal_previsualization .modal_container .modal_footer {
            display: -webkit-box;
            display: -moz-box;
            display: -ms-flexbox;
            display: -webkit-flex;
            -webkit-box-direction: normal
        }

        .modal_previsualization .modal_container .modal_content .wrapper_logo .ui-resizable-handle.ui-resizable-se {
            bottom: -5px;
            right: -5px
        }

        .modal_previsualization .modal_container .modal_content .wrapper_logo .ui-resizable-handle.ui-resizable-ne {
            right: -5px;
            top: -5px
        }

        .modal_previsualization .modal_container .modal_content .wrapper_logo .ui-resizable-handle.ui-resizable-nw {
            left: -5px;
            top: -5px
        }

        .modal_previsualization .modal_container .modal_content .wrapper_logo .ui-resizable-handle.ui-resizable-sw {
            left: -5px;
            bottom: -5px
        }

        .modal_previsualization .modal_container .modal_content .wrapper_logo .ui-resizable-handle.ui-resizable-e, .modal_previsualization .modal_container .modal_content .wrapper_logo .ui-resizable-handle.ui-resizable-n, .modal_previsualization .modal_container .modal_content .wrapper_logo .ui-resizable-handle.ui-resizable-s, .modal_previsualization .modal_container .modal_content .wrapper_logo .ui-resizable-handle.ui-resizable-w {
            z-index: 100
        }

        .modal_previsualization .modal_container .modal_content .wrapper_logo .innerLogo {
            position: absolute;
            height: 100%;
            width: 100%;
            object-fit: contain;
            border-style: dashed;
            border-color: #1e90ff
        }

        .modal_previsualization .modal_container .modal_content .products_detail {
            display: flex;
            -webkit-flex-wrap: wrap;
            -ms-flex-wrap: wrap;
            flex-wrap: wrap;
            -webkit-box-orient: horizontal;
            -ms-flex-direction: row;
            flex-direction: row;
            -ms-flex-wrap: nowrap;
            flex-wrap: nowrap;
            height: 475px
        }

            .modal_previsualization .modal_container .modal_content .products_detail .content {
                display: flex;
                -webkit-flex-wrap: wrap;
                -ms-flex-wrap: wrap;
                flex-wrap: wrap;
                -webkit-box-orient: vertical;
                -ms-flex-direction: column;
                flex-direction: column;
                -ms-flex-wrap: nowrap;
                flex-wrap: nowrap;
                padding: 10px 0
            }

                .modal_previsualization .modal_container .modal_content .products_detail .content .label {
                    color: #3b3b3b;
                    font-size: .9em;
                    line-height: 1em;
                    margin: 0;
                    padding: 0;
                    font-family: 'Red Hat Display',sans-serif;
                    font-weight: 700
                }

                .modal_previsualization .modal_container .modal_content .products_detail .content .content_minis .minis {
                    display: flex;
                    -webkit-flex-wrap: wrap;
                    -ms-flex-wrap: wrap;
                    flex-wrap: wrap;
                    -webkit-box-orient: vertical;
                    -ms-flex-direction: column;
                    flex-direction: column
                }

                    .modal_previsualization .modal_container .modal_content .products_detail .content .content_minis .minis .figure_mini {
                        height: 100px;
                        width: 100px;
                        border: 1px solid #d2d6df;
                        display: inline-block;
                        cursor: pointer;
                        margin-top: 10px
                    }

        .modal_previsualization .modal_container .modal_footer {
            display: flex;
            -webkit-flex-wrap: wrap;
            -ms-flex-wrap: wrap;
            flex-wrap: wrap;
            -webkit-box-orient: horizontal;
            -ms-flex-direction: row;
            flex-direction: row;
            padding: 1rem;
            text-align: right;
            margin: 0
        }

            .maqueta_wiss .new_version .modal_footer, .modal_previsualization .modal_container .modal_footer .btn, .title_generate_catalog {
                display: -webkit-box;
                display: -moz-box;
                display: -ms-flexbox;
                display: -webkit-flex
            }

            .modal_previsualization .modal_container .modal_footer .btn {
                display: flex;
                -webkit-flex-wrap: wrap;
                -ms-flex-wrap: wrap;
                flex-wrap: wrap;
                -webkit-box-flex: 1;
                -ms-flex: 1;
                flex: 1;
                min-width: 150px;
                margin-left: 10px;
                text-align: center
            }

.title_generate_catalog {
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    align-items: baseline;
    margin-right: 48px
}

.popup_catalog .modal_container {
    border-top: 20px solid #42609e;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap
}

    .popup_catalog .modal_container .modal_header .modal_header_txts .modal_header_label_big {
        color: #42609e
    }

    .popup_catalog .modal_container .modal_header .modal_header_txts modal_header_label_little {
        color: #32405f
    }

    .popup_catalog .modal_container .part_blo {
        padding: .5em
    }

    .popup_catalog .modal_container .modal_content_cover .modal_content .element_catalog .info_prod_catalog .fig_prod_catalog {
        margin: 0 20px 0 0
    }

    .popup_catalog .modal_container .modal_content_cover .modal_content .element_catalog .info_prod_catalog .data_prod_catalog .txts {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: start
    }

        .popup_catalog .modal_container .modal_content_cover .modal_content .element_catalog .info_prod_catalog .data_prod_catalog .txts .label_catalog {
            padding: .4em;
            text-transform: uppercase;
            font-weight: bolder;
            letter-spacing: 1px;
            color: var(--main_color);
            border-radius: .4em;
            font-size: .7em;
            margin-bottom: 5px;
            background-color: #00b06c
        }

        .popup_catalog .modal_container .modal_content_cover .modal_content .element_catalog .info_prod_catalog .data_prod_catalog .txts .catalog_found {
            font-family: 'Red Hat Display',sans-serif;
            font-weight: 700;
            text-transform: none;
            font-size: .8em
        }

    .popup_catalog .modal_container .modal_footer .btn_add {
        background-color: #42609e;
        margin-left: 0
    }

        .popup_catalog .modal_container .modal_footer .btn_add:hover {
            border: 1px solid #42609e;
            background-color: #fff;
            color: #42609e
        }

.maqueta_wiss .modal_container {
    padding: 0;
    border-top: 20px solid var(--main_color);
    max-height: 100%
}

.maqueta_wiss .new_version {
    max-width: 590px;
    min-width: 590px;
    max-height: 90%;
    height: auto
}

    .maqueta_wiss .new_version .modal_footer {
        display: flex;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-flex: none;
        -ms-flex: none;
        flex: none;
        padding: 1rem;
        text-align: right;
        margin: 0
    }

        .maqueta_wiss .new_version .modal_footer .btn {
            -webkit-box-flex: 1;
            -ms-flex: 1;
            flex: 1;
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            justify-content: center;
            margin: 0
        }

    .maqueta_wiss .new_version .modal_content {
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
        background-color: #fff !important;
        overflow-y: auto;
        border-bottom: 1px solid #d2d2d2;
        position: relative;
        padding: .5em !important;
        margin: 0
    }

        .maqueta_wiss .new_version .modal_content .group_images {
            border-bottom: 1px solid #ccc;
            margin-bottom: 1em;
            padding: 0 1em
        }

            .maqueta_wiss .new_version .modal_content .group_blo .label, .maqueta_wiss .new_version .modal_content .group_images .title_section {
                margin-bottom: 1em;
                color: #3b3b3b;
                font-size: .75em;
                font-weight: 700;
                display: block;
                padding: .7em
            }

            .maqueta_wiss .new_version .modal_content .group_images .list_images .item_photo {
                flex: 1 0 23% !important;
                max-width: 23% !important;
                margin-bottom: 1em;
                margin-left: 2%
            }

    .maqueta_wiss .new_version .modal_header, .maqueta_wiss .new_version .modal_header .modal_close {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        -webkit-flex-wrap: wrap;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal
    }

    .maqueta_wiss .new_version .modal_content .group_images .list_images .item_photo:nth-of-type(3n+1) {
        margin-left: 2% !important
    }

    .maqueta_wiss .new_version .modal_content .group_images .list_images .item_photo:nth-of-type(4n+1), .ml0 {
        margin-left: 0 !important
    }

    .maqueta_wiss .new_version .modal_content .group_images .list_images .item_photo .fig_photo {
        width: 114px;
        height: 114px;
        position: relative;
        background-color: #fff;
        border-radius: 5px;
        border: 1px solid #ddd;
        margin: 0
    }

        .maqueta_wiss .new_version .modal_content .group_images .list_images .item_photo .fig_photo .cb_item {
            position: absolute;
            right: -5px;
            top: 5px
        }

            .box_2p .part.p1 .form_box, .box_message .group_title_message .txt_message, .maqueta_wiss .new_version .modal_content .group_images .list_images .item_photo .fig_photo .cb_item input + label:before, .maqueta_wiss .new_version .modal_content .group_images .list_images .item_photo .fig_photo .cb_item input:checked + label:before, .order_direction .parts .box .part_little .box_discount .txt_info_error, .trolley_direction .parts .box .part_little .box_discount .txt_info_error {
                margin: 0
            }

    .maqueta_wiss .new_version .modal_content .group_blo {
        padding: 0 1em
    }

        .maqueta_wiss .new_version .modal_content .group_blo .box_select {
            position: relative;
            display: block;
            margin-bottom: 1em
        }

            .maqueta_wiss .new_version .modal_content .group_blo .box_select .select {
                font-size: .8rem;
                -webkit-appearance: none;
                -moz-appearance: none;
                appearance: none;
                display: block;
                width: 100%;
                padding: .7rem 2.75rem .7rem 1rem;
                border-radius: .7em;
                cursor: pointer;
                border: 1px solid #e4e7ef;
                line-height: 1.2em;
                color: var(--main_color);
                font-weight: 500
            }

                .maqueta_wiss .new_version .modal_content .group_blo .box_select .select option.bopt {
                    color: #000
                }

                .maqueta_wiss .new_version .modal_content .group_blo .box_select .select.not_selected2 {
                    background-color: var(--main_color);
                    font-weight: 600
                }

            .maqueta_wiss .new_version .modal_content .group_blo .box_select .select_arrow {
                position: absolute;
                right: 1.2rem;
                top: .78rem;
                width: .625rem;
                height: .3125rem;
                pointer-events: none
            }

    .maqueta_wiss .new_version .modal_header {
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        padding: 1rem;
        margin: 0;
        border-bottom: 1px solid #d2d2d2
    }

        .maqueta_wiss .new_version .modal_header .modal_header_label_big {
            -webkit-box-flex: 1;
            -ms-flex: 1;
            flex: 1;
            font-size: 1.2rem;
            font-weight: 300;
            line-height: 1.25;
            margin: 0
        }

        .maqueta_wiss .new_version .modal_header .modal_close {
            display: flex;
            -ms-flex-wrap: wrap;
            flex-wrap: wrap;
            -ms-flex-direction: row;
            flex-direction: row;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            position: inherit;
            padding: .25rem;
            overflow: hidden;
            cursor: pointer;
            background-color: transparent;
            border: 1px solid transparent;
            border-radius: 5px;
            color: #ff4e1b;
            text-transform: uppercase;
            font-size: .7em;
            letter-spacing: 1px
        }

.register_login .box, .register_login .box .decorative_text {
    -webkit-flex-wrap: wrap;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex
}

.br10 {
    border-radius: 10px
}

.customers_message, .hea .info_hea .sup_hea .logo {
    padding: 1em
}

    .customers_message .text {
        font-size: 1.1em;
        font-weight: 700;
        color: #666;
        letter-spacing: 1px
    }

.blo_center.not_elements {
    background-color: #fff;
    border: 1px solid #e3e8f0;
    margin-bottom: 20px;
    border-radius: .4em
}

.error .center {
    margin: auto
}

.error section {
    padding: 1.2em;
    text-align: center
}

    .error section h1 {
        font-size: 2em;
        font-weight: 300;
        margin-bottom: 40px
    }

    .error section h2 {
        font-size: 1.4em;
        font-weight: 300;
        margin-bottom: 20px
    }

    .error section a {
        text-decoration: none
    }

    .error section .name_error .type {
        display: block;
        font-size: 8em;
        line-height: 1em;
        color: #3b3b3b
    }

    .error section .name_error .name {
        font-size: 1em;
        font-weight: 700;
        color: #8f8f8f
    }

.error .txt_center {
    text-align: center
}

.pos_sticky {
    position: sticky;
    bottom: 0
}

.box_select .select:disabled {
    border: 0 solid rgba(61,112,178,.1);
    cursor: not-allowed;
    background-color: #f8f8f8;
    color: #585659
}

.resume_product.resume_product_area .part_big .total {
    right: 27.8rem
}

.h100, .register_login {
    height: 100%
}

    .register_login .box {
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        height: 100%
    }

        .register_login .box .container_reg_log {
            margin-top: 50px;
            width: 600px
        }

            .register_login .box .container_reg_log .buttons {
                margin-bottom: 50px;
                margin-top: 50px
            }

            .register_login .box .container_reg_log .name_product {
                font-size: 1em;
                line-height: 1em
            }

        .register_login .box .decorative_text {
            display: flex;
            -ms-flex-wrap: wrap;
            flex-wrap: wrap;
            -webkit-box-orient: horizontal;
            -webkit-box-direction: normal;
            -ms-flex-direction: row;
            flex-direction: row;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            -webkit-box-flex: 1;
            -ms-flex: 1;
            flex: 1;
            margin-bottom: 20px;
            margin-top: 20px
        }

.form_box .row_box, .form_box .row_buttons {
    -webkit-flex-wrap: wrap;
    -webkit-box-direction: normal;
    -webkit-box-orient: horizontal
}

.register_login .box .decorative_text .text_into_lines {
    margin-left: 10px;
    margin-right: 10px;
    margin-bottom: 0
}

.form_box {
    margin-bottom: 3em
}

    .form_box.box_0 {
        padding-bottom: 1em !important
    }

    .form_box .row_buttons {
        margin-top: 2.5em;
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -ms-flex-direction: row;
        flex-direction: row
    }

    .form_box .row_box, .form_box .row_box .column_box.column_box_center {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex
    }

    .form_box .row_buttons .btn {
        width: 428px
    }

    .form_box .row_box {
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -ms-flex-direction: row;
        flex-direction: row;
        margin-bottom: 1.2em
    }

        .form_box .row_box .column_box.column_box_center {
            display: flex;
            -webkit-flex-wrap: wrap;
            -ms-flex-wrap: wrap;
            flex-wrap: wrap;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center
        }

        .form_box .row_box .column_box.col75 {
            max-width: calc(75% + 6px)
        }

        .form_box .row_box .column_box .label {
            margin-bottom: .5em;
            padding-left: 1rem
        }

        .form_box .row_box .column_box .input_text {
            border: 1px solid #e0e0e0;
            background-color: #fff;
            color: #bababa;
            height: 38px
        }

        .form_box .row_box .column_box .input_text50, .form_box .row_box .column_box .select50, .tableResponsive .areaButton {
            width: 50%
        }

        .form_box .row_box .column_box .input_text:not(:placeholder-shown), .form_box .row_box .column_box .select:not(:placeholder-shown) {
            background-color: #fff;
            color: #3a3a3a;
            border: 1px solid #999
        }

            .form_box .row_box .column_box .input_text:not(:placeholder-shown).disabled, .form_box .row_box .column_box .select:not(:placeholder-shown).disabled {
                background-color: #fff;
                color: #3a3a3a
            }

        .form_box .row_box .column_box .select {
            border: 1px solid #e0e0e0;
            background-color: #fff;
            color: #bababa;
            padding: 0 2.75em 0 1rem;
            line-height: 38px
        }

        .form_box .row_box .column_box .select_arrow {
            top: 13px
        }

        .form_box .row_box .column_box .txt_checks {
            margin-bottom: 0;
            padding-right: 6em;
            padding-left: 1em
        }

        .form_box .row_box .column_box .checks_buttons .check_button, .order_direction .parts .box .part_large .directions .box_fact .element_checks .checks_buttons .check_button, .order_direction .parts .box .part_large .form .element_form, .trolley_direction .parts .box .part_large .directions .box_fact .element_checks .checks_buttons .check_button, .trolley_direction .parts .box .part_large .form .element_form {
            -webkit-box-flex: 1;
            -ms-flex: 1;
            flex: 1;
            margin-left: 1em
        }

            .form_box .row_box .column_box .checks_buttons .check_button input + label, .order_direction .parts .box .part_large .directions .box_fact .element_checks .checks_buttons .check_button input + label, .trolley_direction .parts .box .part_large .directions .box_fact .element_checks .checks_buttons .check_button input + label {
                display: block;
                line-height: 48px;
                border: 1px solid #9696a0;
                border-radius: .7em;
                color: #9696a0;
                text-align: center;
                font-size: .85em;
                cursor: pointer;
                transition: .5s ease-out;
                font-weight: 600
            }

            .form_box .row_box .column_box .checks_buttons .check_button input:checked + label, .order_direction .parts .box .part_large .directions .box_fact .element_checks .checks_buttons .check_button input:checked + label, .trolley_direction .parts .box .part_large .directions .box_fact .element_checks .checks_buttons .check_button input:checked + label {
                background-color: #e8e6ff;
                color: #1b4ea3;
                border: 1px solid #e8e6ff
            }

                .form_box .row_box .column_box .checks_buttons .check_button input:checked + label:before, .order_direction .parts .box .part_large .directions .box_fact .element_checks .checks_buttons .check_button input:checked + label:before, .trolley_direction .parts .box .part_large .directions .box_fact .element_checks .checks_buttons .check_button input:checked + label:before {
                    content: '\f00c';
                    margin-right: 8px;
                    font-family: "Font Awesome 5 Free";
                    font-weight: 900
                }

        .form_box .row_box .column_box .txt_info {
            -webkit-box-flex: 1;
            -ms-flex: 1;
            flex: 1;
            line-height: 1.8em;
            padding-left: 1rem;
            padding-right: 0;
            text-align: left;
            margin-bottom: 0;
            font-size: .8em;
            color: #828282;
            margin-top: .6em
        }

    .box_2p .part .box_links_policy, .form_box .row_box_particular .column_box {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        -webkit-flex-wrap: wrap
    }

    .box_shop .txt_desc strong, .form_box .row_box .column_box .txt_info strong {
        color: #464646
    }

    .form_box .row_box_particular .column_box {
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        flex: 1 0 100%;
        width: 100%
    }

        .form_box .row_box_particular .column_box:nth-of-type(2) {
            margin-left: 0;
            margin-top: 20px
        }

    .form_box .element_checks {
        margin-top: 0;
        margin-bottom: 0
    }

    .form_box .column_check {
        align-self: center;
        width: 100%
    }

        .form_box .column_check .list_checkbox .cb_item input[type=checkbox] + label {
            color: #9696a0;
            cursor: pointer;
            transition: .5s ease-out;
            font-weight: 600;
            text-transform: initial;
            font-size: .85rem;
            white-space: nowrap
        }

        .form_box .column_check .list_checkbox .cb_item input[type=checkbox]:checked + label {
            color: #1b4ea3;
            opacity: 1
        }

            .form_box .column_check .list_checkbox .cb_item input[type=checkbox]:checked + label:before {
                transition-timing-function: ease-out;
                border: 1px solid #1b4ea3;
                background-color: #1b4ea3
            }

.box_shop {
    width: 100%;
    max-width: 900px;
    margin: 0 auto 20px;
    padding: 3em;
    border: 1px solid #d2d6df
}

    .box_shop .title_box {
        font-size: 1em;
        color: #333;
        font-weight: 700;
        padding-left: 1em
    }

    .box_shop .txt_desc {
        font-size: 1em;
        padding-left: 1em;
        color: #828282
    }

    .box_shop .buttons_2b .btn {
        margin-left: 2.4em
    }

    .box_shop .buttons_2b .btn_invert, .popup_login .pop_part .buttons .btn_invert, .popup_shop .pop_part .buttons .btn_invert {
        border: 1px solid var(--main_color);
        background-color: #fff;
        color: var(--main_color)
    }

        .box_shop .buttons_2b .btn_invert:hover, .hea .info_hea .sup_hea .box_user .info_user .btn_login:hover, .order_direction .parts .box .part_large .directions .direction_box .btn_select.btn_invert:hover, .popup_login .pop_part .buttons .btn_invert:hover, .popup_shop .pop_part .buttons .btn_invert:hover, .trolley_direction .parts .box .part_large .directions .direction_box .btn_select.btn_invert:hover {
            background-color: var(--main_color);
            color: #fff
        }

    .box_shop p {
        color: #787885
    }

    .box_shop .copy_button {
        width: 3.3rem;
        height: 3.3rem;
        border: 0;
        background-color: transparent;
        position: relative;
        top: 4px;
        cursor: pointer;
        left: 10px
    }

    .box_shop.message_ok_trans .box_id, .box_shop.message_ok_trans .message {
        margin-bottom: 40px
    }

        .box_shop.message_ok_trans .message .txt_message.txt_message2 strong {
            display: inline !important
        }

        .box_shop.message_ok_trans .box_id .value_id {
            color: #4f4f4f;
            width: 100%
        }

            .box_shop.message_ok_trans .box_id .value_id.bg_green {
                background: #d0f1de;
                border: 0;
                -webkit-box-flex: 1;
                -ms-flex: 1;
                flex: 1;
                margin-bottom: 12px
            }

        .box_shop.message_ok_trans .box_id .empty {
            width: 3.3rem;
            height: 3.3rem
        }

        .box_shop.message_ok_trans .box_id .iban .value_id {
            border-radius: 8.5px;
            font-size: 1.1em;
            width: auto;
            padding: .5em
        }

            .box_shop.message_ok_trans .box_id .iban .value_id.bg_gray {
                background: #e0e0e0
            }

.box_message {
    max-width: 600px
}

    .box_message.message_ok {
        background-repeat: no-repeat;
        background-position: center top;
        background-image: url('../images/bk_message_ok.svg');
        padding-top: 100px
    }

        .box_message.message_ok .message {
            margin-bottom: 37px
        }

        .box_message.message_ok .group_title_message .img_message {
            position: relative;
            left: -1em;
            margin-bottom: 1.5em
        }

        .box_message.message_ok .group_title_message .txt_message {
            margin: auto;
            width: 70%
        }

    .box_message .txt_message {
        text-align: center;
        color: #787885;
        font-size: 1em;
        line-height: 1.6em;
        text-wrap: pretty
    }

        .box_message .txt_message strong, .popup_login .pop_part.part2 .type_info, .popup_shop .pop_part.part2 .type_info {
            color: #4f4f4f
        }

    .box_message .box_id {
        margin-bottom: 110px
    }

        .box_message .box_id .txt_id {
            text-align: center;
            margin-bottom: 10px;
            line-height: 1em
        }

        .box_message .box_id .value_id {
            color: #474747;
            font-weight: 700;
            font-size: 1.5em;
            text-align: center;
            display: block;
            padding: .3em .5em;
            letter-spacing: 1px;
            border-radius: .4em;
            border: 1px solid #56ccf2;
            margin: auto;
            width: 70%
        }

    .box_message .group_title_message {
        margin-bottom: 2em
    }

        .box_message .group_title_message .img_message {
            display: block;
            margin: 0 auto 1em
        }

    .box_message .message {
        margin-bottom: 100px
    }

        .box_message .message .txt_message strong {
            display: block
        }

    .box_message .buttons .btn {
        width: 70%;
        display: block;
        margin: 0 auto
    }

.box_2p {
    padding: 0 !important
}

    .box_2p .part, .box_2p .part .box_padding, .popup_login .pop_part, .popup_shop .pop_part {
        padding: 3em
    }

        .box_2p .part .box_fact {
            margin-top: 2em
        }

        .box_2p .part.p1 {
            padding: 0
        }

        .box_2p .part.p2 {
            border-top: 1px solid #ddd
        }

        .box_2p .part .box_confirm {
            max-width: 50%;
            margin: auto auto 2em
        }

            .box_2p .part .box_confirm .text {
                text-align: center;
                font-size: .8rem
            }

            .box_2p .part .box_confirm .list_checkbox .cb_item input + label {
                text-transform: none
            }

                .box_2p .part .box_confirm .list_checkbox .cb_item input + label:before {
                    border: 1px solid #bdbdbd
                }

                .box_2p .part .box_confirm .list_checkbox .cb_item input + label a {
                    font-weight: 700;
                    color: #2979ff;
                    margin-left: 5px
                }

            .box_2p .part .box_confirm .list_checkbox .cb_item input:checked + label:before {
                border: 1px solid var(--secondary_color) !important
            }

        .box_2p .part .box_buttons {
            max-width: 55%;
            margin: auto;
            width: 100%
        }

            .box_2p .part .box_buttons .btn {
                width: 100%;
                margin-bottom: 0
            }

        .box_2p .part .box_links_policy {
            max-width: 50%;
            margin: 40px auto 0;
            width: 100%;
            display: flex;
            -ms-flex-wrap: wrap;
            flex-wrap: wrap;
            -webkit-box-orient: horizontal;
            -webkit-box-direction: normal;
            -ms-flex-direction: row;
            flex-direction: row;
            justify-content: space-around
        }

        .box_inputfile_cert .inputfile + label, .popup_login .pop_part .buttons, .popup_login .popup_box, .popup_shop .pop_part .buttons, .popup_shop .popup_box {
            display: -webkit-box;
            display: -moz-box;
            display: -ms-flexbox;
            display: -webkit-flex
        }

        .box_2p .part .box_links_policy .link {
            font-size: .8rem;
            font-weight: 400;
            color: #828282;
            text-decoration: underline
        }

            .box_2p .part .box_links_policy .link:hover {
                color: #555
            }

.box_inputfile_cert .inputfile + label {
    width: 100%;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

    .box_inputfile_cert .inputfile + label .input_text {
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
        border: 1px solid #e0e0e0 !important;
        position: relative;
        padding-right: 30px;
        background-image: url('../images/icons/clip.svg');
        background-repeat: no-repeat;
        background-position: 98%;
        background-size: auto 20px;
        color: #bdbdbd !important
    }

        .box_inputfile_cert .inputfile + label .input_text.filled {
            color: #3a3a44 !important;
            border: 1px solid #999 !important
        }

    .box_inputfile_cert .inputfile + label .btn {
        margin-left: 1em;
        height: 38px;
        line-height: 38px;
        background-color: #b9bccf;
        border: 1px solid #b9bccf;
        font-size: .7em
    }

        .box_inputfile_cert .inputfile + label .btn:hover {
            color: #b9bccf;
            background-color: #fff
        }

.popup_login .popup_box, .popup_shop .popup_box {
    width: 540px;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    background-color: #fff;
    border-radius: 10px;
    padding: 0;
    border: 1px solid #e0e0e0;
    box-shadow: 0 2px 8px rgba(0,0,0,.135216)
}

.popup_login .pop_part .title_pop, .popup_shop .pop_part .title_pop {
    font-size: 1em;
    color: #4f4f4f;
    font-weight: 700;
    text-align: center;
    margin-bottom: .7em
}

.popup_login .pop_part .type_info, .popup_shop .pop_part .type_info {
    font-size: 1em;
    color: #787885;
    margin-bottom: 1.5em;
    text-align: center
}

.popup_login .pop_part .buttons, .popup_shop .pop_part .buttons {
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

    .hea .info_hea .sup_hea .box_user .shop.active:before, .popup_login .pop_part .buttons .btn, .popup_shop .pop_part .buttons .btn {
        width: 70%
    }

.popup_login .pop_part.part1, .popup_shop .pop_part.part1 {
    padding: 3em;
    position: relative
}

    .popup_login .pop_part.part1 .modal_close, .popup_shop .pop_part.part1 .modal_close {
        position: absolute;
        top: 1em;
        right: 1em;
        color: #ff4e1b;
        font-size: 1.3em;
        cursor: pointer
    }

    .popup_login .pop_part.part1 .content_pop .form_box, .popup_shop .pop_part.part1 .content_pop .form_box {
        width: 70%;
        margin: auto
    }

        .popup_login .pop_part.part1 .content_pop .form_box .row_box .column_box .input_text, .popup_shop .pop_part.part1 .content_pop .form_box .row_box .column_box .input_text {
            padding-right: 40px;
            background-repeat: no-repeat;
            background-position: 98% 8px
        }

            .popup_login .pop_part.part1 .content_pop .form_box .row_box .column_box .input_text.input_email, .popup_shop .pop_part.part1 .content_pop .form_box .row_box .column_box .input_text.input_email {
                background-image: url('../images/icons/input_email.svg') !important
            }

            .popup_login .pop_part.part1 .content_pop .form_box .row_box .column_box .input_text.input_pass, .popup_shop .pop_part.part1 .content_pop .form_box .row_box .column_box .input_text.input_pass {
                background-image: url('../images/icons/input_pass.svg') !important
            }

        .popup_login .pop_part.part1 .content_pop .form_box .forget_pass, .popup_shop .pop_part.part1 .content_pop .form_box .forget_pass {
            margin-bottom: 2em;
            display: -webkit-box;
            display: -moz-box;
            display: -ms-flexbox;
            display: -webkit-flex;
            display: flex;
            -webkit-flex-wrap: wrap;
            -ms-flex-wrap: wrap;
            flex-wrap: wrap;
            -webkit-box-pack: end;
            -ms-flex-pack: end;
            justify-content: flex-end
        }

            .popup_login .pop_part.part1 .content_pop .form_box .forget_pass .link, .popup_shop .pop_part.part1 .content_pop .form_box .forget_pass .link {
                text-decoration: none;
                color: var(--main_color)
            }

        .popup_login .pop_part.part1 .content_pop .form_box .errors, .popup_shop .pop_part.part1 .content_pop .form_box .errors {
            width: 100%;
            margin: 10px auto -53px
        }

            .popup_login .pop_part.part1 .content_pop .form_box .errors .type_error, .popup_shop .pop_part.part1 .content_pop .form_box .errors .type_error {
                line-height: 1.8em;
                font-size: .8em;
                padding: 0 10px;
                text-align: center;
                background-color: #ff6949;
                color: #fff
            }

.popup_login .pop_part.part2, .popup_shop .pop_part.part2 {
    border-top: 1px solid #d2d6df
}

.popup_shop .popup_box .pop_part {
    padding: 2em
}

    .popup_shop .popup_box .pop_part .content_pop .title_pop, .popup_shop .popup_box .pop_part .content_pop .txt_left, .popup_shop .popup_box .pop_part .content_pop .type_info {
        text-align: left
    }

    .popup_shop .popup_box .pop_part .content_pop .list_directions {
        overflow: auto;
        max-height: 390px
    }

        .popup_shop .popup_box .pop_part .content_pop .list_directions .direction_article > input + label {
            -webkit-box-flex: none;
            -ms-flex: none;
            flex: none;
            position: relative;
            width: 20px;
            height: 20px;
            border: 2px solid #787885;
            border-radius: 50%;
            cursor: pointer
        }

            .popup_shop .popup_box .pop_part .content_pop .list_directions .direction_article > input + label + .direction_box {
                margin-left: 1em;
                padding: 1em;
                border-radius: .4em;
                -webkit-box-flex: 1;
                -ms-flex: 1;
                flex: 1;
                display: -webkit-box;
                display: -moz-box;
                display: -ms-flexbox;
                display: -webkit-flex;
                display: flex;
                -webkit-flex-wrap: wrap;
                -ms-flex-wrap: wrap;
                flex-wrap: wrap;
                -webkit-box-orient: horizontal;
                -webkit-box-direction: normal;
                -ms-flex-direction: row;
                flex-direction: row;
                -webkit-box-align: start;
                -ms-flex-align: start;
                align-items: flex-start
            }

                .order_direction .parts .box .part_large .directions .direction_box .group_info .value_dir, .popup_shop .popup_box .pop_part .content_pop .list_directions .direction_article > input + label + .direction_box .group_info .value_dir, .trolley_direction .parts .box .part_large .directions .direction_box .group_info .value_dir {
                    display: block;
                    margin-bottom: .5em;
                    font-size: .85em;
                    color: #4f4f4f
                }

                .popup_shop .popup_box .pop_part .content_pop .list_directions .direction_article > input + label + .direction_box .group_buttons {
                    -webkit-box-flex: none;
                    -ms-flex: none;
                    flex: none;
                    display: -webkit-box;
                    display: -moz-box;
                    display: -ms-flexbox;
                    display: -webkit-flex;
                    display: flex;
                    -webkit-flex-wrap: wrap;
                    -ms-flex-wrap: wrap;
                    flex-wrap: wrap;
                    -webkit-box-orient: horizontal;
                    -webkit-box-direction: normal;
                    -ms-flex-direction: row;
                    flex-direction: row;
                    margin-left: 1em
                }

                    .popup_shop .popup_box .pop_part .content_pop .list_directions .direction_article > input + label + .direction_box .group_buttons .btn {
                        margin-left: .8em;
                        background-color: #fff;
                        border: 1px solid transparent
                    }

                        .popup_shop .popup_box .pop_part .content_pop .list_directions .direction_article > input + label + .direction_box .group_buttons .btn:hover {
                            border: 1px solid #ddd
                        }

        .popup_shop .popup_box .pop_part .content_pop .list_directions .direction_article > input:checked + label:before {
            position: absolute;
            height: 14px;
            width: 14px;
            top: 1px;
            left: 1px;
            border-radius: 50%;
            background-color: var(--secondary_color);
            content: ''
        }

        .popup_shop .popup_box .pop_part .content_pop .list_directions .direction_article > input:checked + label + .direction_box {
            background-color: #f2f5f5
        }

    .popup_shop .popup_box .pop_part .buttons .btn {
        margin-left: 20px;
        width: auto;
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1
    }

@-webkit-keyframes autofill {
    to {
        color: #666;
        background: 0 0
    }
}

input:-webkit-autofill {
    -webkit-animation-name: autofill;
    -webkit-animation-fill-mode: both
}

.hea .info_hea .sup_hea .logo img {
    min-height: 50px;
    height: auto
}

.hea .info_hea .sup_hea .box_user .info_user {
    padding-bottom: 24px
}

    .hea .info_hea .sup_hea .box_user .info_user .btn_login {
        line-height: 37px;
        border: 1px solid var(--main_color);
        color: var(--main_color);
        font-size: .8em;
        font-weight: 400;
        padding: 0 2em;
        border-radius: 18px;
        position: relative;
        top: 4px
    }

        .hea .info_hea .sup_hea .box_user .info_user .btn_login.active {
            background-color: var(--main_color);
            border: 1px solid var(--main_color);
            color: #fff
        }

.hea .info_hea .sup_hea .box_user .shop {
    padding-bottom: 28px
}

    .hea .info_hea .sup_hea .box_user .shop .num_products {
        line-height: 24px;
        margin-right: .3em;
        padding: 0 10px;
        border-radius: .8em;
        width: auto;
        min-width: 32px;
        text-align: center
    }

    .hea .info_hea .sup_hea .box_user .shop .icon {
        position: relative;
        top: 2px
    }

.hea_responsive .info_hea .sup_hea {
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    width: 100%
}

    .hea_responsive .info_hea .sup_hea .logo {
        margin: 0;
        -webkit-box-flex: none;
        -ms-flex: none;
        flex: none;
        width: 30%;
        height: 80px;
        padding: 15px
    }

    .hea_responsive .info_hea .sup_hea .box_user {
        border: 0;
        padding: 0;
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap
    }

        .hea_responsive .info_hea .sup_hea .box_user .info_user {
            padding-left: 0;
            margin-right: 15px
        }

            .hea_responsive .info_hea .sup_hea .box_user .info_user .user {
                margin-right: 1rem
            }

            .hea_responsive .info_hea .sup_hea .box_user .info_user .btn_login {
                border: 0;
                padding: 0 !important
            }

    .hea_responsive .info_hea .sup_hea .menu_sup {
        padding: 0;
        border: 0
    }

        .hea_responsive .info_hea .sup_hea .menu_sup ul {
            right: 0;
            left: auto;
            height: 100vh
        }

            .hea_responsive .info_hea .sup_hea .menu_sup ul li a .num {
                color: #fff;
                background-color: var(--main_color);
                font-size: .9em;
                font-family: 'Red Hat Display',sans-serif;
                font-weight: 700;
                cursor: pointer;
                line-height: 20px;
                margin-right: .3em;
                border-radius: .8em;
                width: auto;
                min-width: 25px;
                text-align: center;
                padding: 5px;
                position: absolute;
                top: 5px;
                right: 5%
            }

        .hea_responsive .info_hea .sup_hea .menu_sup .menu_expand {
            top: 1.1rem;
            right: .7rem;
            border: 0
        }

            .hea_responsive .info_hea .sup_hea .menu_sup .menu_expand + ul {
                box-shadow: 0 6px 5px rgba(0,0,0,.24),0 9px 18px rgba(0,0,0,.18)
            }

            .hea_responsive .info_hea .sup_hea .menu_sup .menu_expand.expand + ul {
                right: 0;
                width: 75%
            }

.content .col_center .content_main .list_products .item_products .hea_product .sup {
    margin-bottom: .85em
}

.content .col_center .content_main .list_products .item_products .hea_product .name_product {
    line-height: 1.4em
}

.content .col_center .content_main .list_products .item_products .foo_product {
    margin-top: 1em
}

.mb5 {
    margin-bottom: 5px !important
}

.order_direction .parts .box, .trolley_direction .parts .box {
    -webkit-box-flex: none;
    -ms-flex: none;
    flex: none;
    margin-bottom: 0
}

    .order_direction .parts .box:first-of-type, .trolley_direction .parts .box:first-of-type {
        width: 500px
    }

    .order_direction .parts .box .part_little, .trolley_direction .parts .box .part_little {
        margin-left: 0;
        width: 100%;
        height: 100%
    }

        .order_direction .parts .box .part_little .title, .trolley_direction .parts .box .part_little .title {
            margin-bottom: 1.2em;
            padding-left: 5px
        }

        .order_direction .parts .box .part_little .list_import, .trolley_direction .parts .box .part_little .list_import {
            margin-bottom: 12px
        }

            .order_direction .parts .box .part_little .list_import .item_import, .trolley_direction .parts .box .part_little .list_import .item_import {
                padding-bottom: 5px;
                padding-top: 10px
            }

        .order_direction .parts .box .part_little .container_pay, .trolley_direction .parts .box .part_little .container_pay {
            margin-bottom: 50px
        }

            .order_direction .parts .box .part_little .container_pay .total .label, .trolley_direction .parts .box .part_little .container_pay .total .label {
                padding-left: 5px
            }

            .order_direction .parts .box .part_little .container_pay .txt_info, .trolley_direction .parts .box .part_little .container_pay .txt_info {
                padding-left: 5px;
                line-height: 1.2em
            }

            .order_direction .parts .box .part_little .container_pay .txt_info_error, .trolley_direction .parts .box .part_little .container_pay .txt_info_error {
                margin-top: 0;
                padding-left: 5px;
                margin-bottom: 6px;
                line-height: 1.2em
            }

        .order_direction .parts .box .part_little .txt_info, .trolley_direction .parts .box .part_little .txt_info {
            font-size: .75em;
            font-weight: 700;
            margin-top: 3px;
            margin-bottom: 6px;
            line-height: 1.2em
        }

        .order_direction .parts .box .part_little .txt_info_error, .trolley_direction .parts .box .part_little .txt_info_error {
            color: #ff6949;
            margin-top: 6px;
            padding-left: 1rem;
            margin-bottom: 6px;
            line-height: 1.2em
        }

        .order_direction .parts .box .part_little .txt_info.message_trans, .trolley_direction .parts .box .part_little .txt_info.message_trans {
            padding: 0;
            margin-top: 10px
        }

        .order_direction .parts .box .part_little .box_discount, .trolley_direction .parts .box .part_little .box_discount {
            margin-bottom: 22px
        }

            .order_direction .parts .box .part_little .box_discount .discount, .trolley_direction .parts .box .part_little .box_discount .discount {
                display: -webkit-box;
                display: -moz-box;
                display: -ms-flexbox;
                display: -webkit-flex;
                display: flex;
                -webkit-flex-wrap: wrap;
                -ms-flex-wrap: wrap;
                flex-wrap: wrap;
                -webkit-box-orient: horizontal;
                -webkit-box-direction: normal;
                -ms-flex-direction: row;
                flex-direction: row;
                margin-bottom: 6px
            }

                .order_direction .parts .box .part_little .box_discount .discount .input, .trolley_direction .parts .box .part_little .box_discount .discount .input {
                    -webkit-box-flex: 1;
                    -ms-flex: 1;
                    flex: 1;
                    height: 40px
                }

                .order_direction .parts .box .part_little .box_discount .discount .btn, .trolley_direction .parts .box .part_little .box_discount .discount .btn {
                    -webkit-box-flex: none;
                    -ms-flex: none;
                    flex: none;
                    width: auto;
                    margin-left: 20px
                }

        .order_direction .parts .box .part_little .total .value, .trolley_direction .parts .box .part_little .total .value {
            font-weight: 700;
            color: #4f4f4f
        }

    .order_direction .parts .box .part_large .directions, .trolley_direction .parts .box .part_large .directions {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        margin-bottom: 1.4em
    }

        .order_direction .parts .box .part_large .directions .direction_box, .trolley_direction .parts .box .part_large .directions .direction_box {
            background-color: #f9f9f9;
            border-radius: 5px;
            -webkit-box-flex: 1;
            -ms-flex: 1;
            flex: 1;
            padding: 1.4em;
            margin-bottom: 0;
            margin-left: 1em
        }

            .order_direction .parts .box .part_large .directions .direction_box .group_info, .trolley_direction .parts .box .part_large .directions .direction_box .group_info {
                -webkit-box-flex: 1;
                -ms-flex: 1;
                flex: 1;
                margin-bottom: 1.2em
            }

                .order_direction .parts .box .part_large .directions .direction_box .group_info .value_dir.tel, .trolley_direction .parts .box .part_large .directions .direction_box .group_info .value_dir.tel {
                    margin-bottom: .8em
                }

            .order_direction .parts .box .part_large .directions .direction_box .btn_select.btn_invert, .trolley_direction .parts .box .part_large .directions .direction_box .btn_select.btn_invert {
                border: 1px solid var(--main_color);
                background-color: #fff;
                color: var(--main_color);
                width: 100%;
                border-radius: 1.4em
            }

        .order_direction .parts .box .part_large .directions .box_fact, .trolley_direction .parts .box .part_large .directions .box_fact {
            -webkit-box-flex: 1;
            -ms-flex: 1;
            flex: 1;
            margin-left: 1em;
            padding: 1.4em;
            border-radius: 5px;
            border: 1px dashed #d2d6df;
            display: -webkit-box;
            display: -moz-box;
            display: -ms-flexbox;
            display: -webkit-flex;
            display: flex;
            -webkit-flex-wrap: wrap;
            -ms-flex-wrap: wrap;
            flex-wrap: wrap;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            justify-content: center
        }

    .order_direction .parts .box .part_large .form, .trolley_direction .parts .box .part_large .form {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start
    }

.pay_box {
    margin-bottom: 15px;
    padding-top: 30px;
    position: relative
}

    .pay_box:before {
        content: '';
        position: absolute;
        top: 0;
        left: -1.5em;
        width: calc(100% + 3em);
        height: 1px;
        background-color: #d2d6df
    }

    .pay_box .list_radio_h .radio_item {
        flex: 1 0 50%;
        max-width: 50%;
        margin-top: 1.4em;
        height: 37px
    }

        .pay_box .list_radio_h .radio_item .input_radio + .label, .popup_card_error .card_info, .popup_card_success .card_info {
            display: -webkit-box;
            display: -moz-box;
            display: -ms-flexbox;
            display: -webkit-flex;
            -webkit-flex-wrap: wrap;
            -webkit-box-direction: normal
        }

        .pay_box .list_radio_h .radio_item .input_radio + .label {
            display: flex;
            -ms-flex-wrap: wrap;
            flex-wrap: wrap;
            -webkit-box-orient: horizontal;
            -ms-flex-direction: row;
            flex-direction: row;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            position: relative;
            line-height: 32px;
            font-size: 1em;
            color: #3a3a44;
            cursor: pointer;
            padding-left: 0
        }

            .pay_box .list_radio_h .radio_item .input_radio + .label:before {
                content: '';
                width: 20px;
                height: 20px;
                border: 2px solid #787885;
                margin-right: 10px;
                border-radius: 50%
            }

            .pay_box .list_radio_h .radio_item .input_radio + .label:after {
                content: ''
            }

            .pay_box .list_radio_h .radio_item .input_radio + .label .txt, .pay_box .list_radio_h .radio_item .input_radio + .label img {
                opacity: .5;
                margin-right: 12px;
                font-size: .85rem
            }

            .pay_box .list_radio_h .radio_item .input_radio + .label img {
                width: 40px
            }

            .pay_box .list_radio_h .radio_item .input_radio + .label .txt {
                margin-right: 0;
                -webkit-box-flex: 1;
                -ms-flex: 1;
                flex: 1;
                font-weight: 700
            }

        .pay_box .list_radio_h .radio_item .input_radio:checked + .label:before {
            border: 2px solid #43a047
        }

        .pay_box .list_radio_h .radio_item .input_radio:checked + .label:after {
            position: absolute;
            height: 12px;
            width: 12px;
            left: 4px;
            background-color: #37833b;
            border-radius: 50%
        }

        .pay_box .list_radio_h .radio_item .input_radio:checked + .label .txt, .pay_box .list_radio_h .radio_item .input_radio:checked + .label img {
            opacity: 1
        }

            .pay_box .list_radio_h .radio_item .input_radio:checked + .label .txt.txt_small, .pay_box .list_radio_h .radio_item .input_radio:checked + .label img.txt_small {
                font-size: .85em
            }

        .pay_box .list_radio_h .radio_item.radio_paypal .label img {
            width: 108px
        }

        .pay_box .list_radio_h .radio_item.radio_bizum .label img {
            width: 108px
        }

.textarea {
    border: 1px solid #ccc
}

.bocadillo {
    position: absolute;
    top: -40px;
    width: 120px;
    height: 30px;
    border: 2px solid var(--main_color);
    border-radius: 5px
}

    .bocadillo::after {
        content: "";
        position: absolute;
        width: 0;
        height: 0;
        border-left: 5px solid transparent;
        border-right: 5px solid transparent;
        border-top: 5px solid var(--main_color);
        bottom: -5px;
        left: 4px
    }

#companyCIFLabel.input_error_file {
    border: 1px solid #ff6949 !important
}

.register_form .box_select .select {
    padding: .5rem 1rem;
    font-size: .85em;
    border-radius: .4em;
    border: 1px solid #e0e0e0;
    background-color: #fff;
    color: #bababa;
    height: 38px
}

    .register_form .box_select .select .box_select_option_disabled {
        color: #bababa
    }

.register_form .box_select .select_arrow {
    top: 12px
}

.popup_card_error, .popup_card_success {
    width: 100%;
    height: 100%;
    position: fixed;
    display: flex;
    flex-direction: column
}

    .popup_card_error .card_info, .popup_card_success .card_info {
        z-index: 10000;
        background: #fff;
        text-align: center;
        position: relative;
        margin: 0 auto;
        overflow: hidden;
        width: 540px;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-orient: vertical;
        -ms-flex-direction: column;
        flex-direction: column;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        border-radius: 10px;
        padding: 0;
        box-shadow: 0 2px 8px rgba(0,0,0,.135216)
    }

.label_discount, .spinner, .tableResponsive .row, .tableResponsive .row .col_value_special {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex
}

.popup_card_error .card_info .card_title_pop, .popup_card_success .card_info .card_title_pop {
    font-size: 1em;
    color: #4f4f4f;
    font-weight: 700;
    text-align: center;
    padding-top: 45px
}

.popup_card_error .card_info .card_close, .popup_card_success .card_info .card_close {
    position: absolute;
    top: 8px;
    right: 10px;
    cursor: pointer;
    color: #ff6949
}

.popup_card_error .card_info .card_info_title, .popup_card_success .card_info .card_info_title {
    padding: 40px 50px;
    text-align: center;
    word-break: break-word;
    height: 100%;
    font-size: 1em;
    color: #787885
}

.popup_card_error .card_info .card_timer, .popup_card_success .card_info .card_timer {
    width: 100%;
    height: 8px;
    bottom: 0;
    position: absolute
}

    .popup_card_error .card_info .card_timer .card_progress, .popup_card_success .card_info .card_timer .card_progress {
        height: 100%;
        width: 0%;
        border-bottom-left-radius: 10px
    }

    .popup_card_error .card_info .card_timer .card_progress {
        background: #ff6949
    }

    .popup_card_success .card_info .card_timer .card_progress {
        background: #00b06c
    }

.mr20 {
    margin-right: 20px !important
}

.spinner {
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-top: 20px
}

@keyframes ldio-zgcj5ivpoqj {
    0% {
        opacity: 1
    }

    100% {
        opacity: 0
    }
}

.ldio-zgcj5ivpoqj div {
    left: 47px;
    top: 24px;
    position: absolute;
    animation: 1s linear infinite ldio-zgcj5ivpoqj;
    background: var(--main_color);
    width: 6px;
    height: 12px;
    border-radius: .5px;
    transform-origin: 3px 26px;
    box-sizing: content-box
}

    .ldio-zgcj5ivpoqj div:first-child {
        transform: rotate(0);
        animation-delay: -.91666667s;
        background: var(--main_color)
    }

    .ldio-zgcj5ivpoqj div:nth-child(2) {
        transform: rotate(30deg);
        animation-delay: -.83333333s;
        background: var(--main_color)
    }

    .ldio-zgcj5ivpoqj div:nth-child(3) {
        transform: rotate(60deg);
        animation-delay: -.75s;
        background: var(--main_color)
    }

    .ldio-zgcj5ivpoqj div:nth-child(4) {
        transform: rotate(90deg);
        animation-delay: -.66666667s;
        background: var(--main_color)
    }

    .ldio-zgcj5ivpoqj div:nth-child(5) {
        transform: rotate(120deg);
        animation-delay: -.58333333s;
        background: var(--main_color)
    }

    .ldio-zgcj5ivpoqj div:nth-child(6) {
        transform: rotate(150deg);
        animation-delay: -.5s;
        background: var(--main_color)
    }

    .ldio-zgcj5ivpoqj div:nth-child(7) {
        transform: rotate(180deg);
        animation-delay: -.41666667s;
        background: var(--main_color)
    }

    .ldio-zgcj5ivpoqj div:nth-child(8) {
        transform: rotate(210deg);
        animation-delay: -.33333333s;
        background: var(--main_color)
    }

    .ldio-zgcj5ivpoqj div:nth-child(9) {
        transform: rotate(240deg);
        animation-delay: -.25s;
        background: var(--main_color)
    }

    .ldio-zgcj5ivpoqj div:nth-child(10) {
        transform: rotate(270deg);
        animation-delay: -.16666667s;
        background: var(--main_color)
    }

    .ldio-zgcj5ivpoqj div:nth-child(11) {
        transform: rotate(300deg);
        animation-delay: -83.33333ms;
        background: var(--main_color)
    }

    .ldio-zgcj5ivpoqj div:nth-child(12) {
        transform: rotate(330deg);
        animation-delay: 0s;
        background: var(--main_color)
    }

.loadingio-spinner-spinner-9tohnynzj67 {
    width: 100px;
    height: 100px;
    display: inline-block;
    overflow: hidden
}

.ldio-zgcj5ivpoqj {
    width: 100%;
    height: 100%;
    position: relative;
    transform: translateZ(0) scale(1);
    backface-visibility: hidden;
    transform-origin: 0 0
}

.orders_empty {
    height: 100%;
    min-height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 0;
    padding: 2em
}

    .orders_empty .orders_empty_text {
        margin-bottom: 0;
        width: 100%;
        text-align: center;
        font-size: 1.4rem
    }

#popupMessage .modal_container {
    width: 300px;
    min-width: 300px
}

.tableResponsive {
    position: relative;
    display: none
}

.tableResponsive_withborder {
    padding: 10px;
    border: 1px solid #d2d6df;
    border-radius: 4px;
    margin-bottom: 20px
}

.tableResponsive.totals {
    background-color: #f1f5ff !important;
    padding: 10px;
    border: 1px solid #d2d6df;
    border-radius: 4px;
    margin-bottom: 20px
}

.tableResponsive .article .article_variant {
    border-bottom: 1px solid #d2d6df;
    padding: 20px 0
}

.tableResponsive .row {
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-bottom: 1em;
    align-items: baseline
}

    .tableResponsive .row .col_key {
        color: #8f8f8f;
        font-size: .8em;
        font-family: 'Red Hat Display',sans-serif;
        font-weight: 300
    }

        .tableResponsive .row .col_key.f_none {
            -webkit-box-flex: none;
            -ms-flex: none;
            flex: none;
            margin-right: 5px
        }

    .tableResponsive .row .col_value {
        font-size: .8em;
        color: #3b3b3b;
        font-family: 'Red Hat Display',sans-serif;
        font-weight: 700
    }

    .tableResponsive .row .col_value_special {
        display: flex;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-align: end;
        -ms-flex-align: end;
        align-items: flex-end
    }

        .tableResponsive .row .col_value_special .input_text {
            width: 70%;
            height: 1px
        }

    .tableResponsive .row .col_value.input_formatted {
        color: var(--main_color);
        font-size: 1.1em
    }

.tableResponsive .delete {
    position: absolute;
    top: 0;
    right: 0;
    border: 1px solid #fe000d;
    border-radius: 4px;
    padding: 3px 5px
}

.tableResponsive .areaButton .ico_small {
    height: 28px;
    width: 28px
}

    .tableResponsive .areaButton .ico_small .ico_shop {
        stroke: #fff;
        transition: .3s ease-in-out
    }

.tableResponsive + .buttons_col .l {
    width: 100%;
    text-align: right
}

.tableResponsive .product {
    padding: 30px;
    border-bottom: 1px solid #ccc;
    cursor: pointer
}

    .tableResponsive .product .row .row_img {
        color: #3b3b3b;
        font-size: 1.1em;
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1
    }

        .tableResponsive .product .row .row_img .img_product {
            width: 64px;
            height: 64px;
            outline: #CCC solid 1px;
            background-color: #fff;
            object-fit: contain;
            padding: 7px;
            cursor: pointer;
            margin-right: 10px
        }

.label_discount {
    left: 0;
    position: absolute;
    top: 0;
    width: 84px;
    height: 73px;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    overflow: hidden
}

    .label_discount .bk {
        position: absolute;
        top: 0;
        left: 0;
        width: 0;
        height: 0;
        border-bottom: 73px solid transparent;
        display: block;
        border-left: 84px solid var(--main_color)
    }

    .label_discount .value {
        font-size: 14px;
        font-weight: 700;
        color: #fff;
        position: relative;
        top: -15px;
        left: -13px
    }

.box_apply {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-flex: none;
    -ms-flex: none;
    flex: none
}

.txt_apply {
    padding-right: .5em;
    margin-left: 1em;
    font-size: .85em;
    color: var(--main_color)
}

.txt_discount {
    font-size: 14px;
    font-weight: 700;
    color: #fff;
    line-height: 30px;
    background-color: var(--main_color);
    padding: 0 20px;
    border-radius: 4px;
    display: block
}

.date_estimated {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    background-color: #dceddd;
    padding: 8px 12px;
    border-radius: 4px;
    margin-bottom: 1.4em
}

    .date_estimated .icon {
        color: #219653
    }

    .date_estimated .label {
        color: #219653;
        margin-left: 0;
        font-size: 12px;
        font-weight: 500;
        position: relative;
        top: 1px
    }

    .date_estimated .value {
        color: #219653;
        font-size: 14px;
        margin-left: 8px;
        font-weight: 500
    }

@media screen and (max-width:1400px) {
    .list_products .result_list .product .element_view .value_element_view.money_format:after {
        content: ' €';
        position: absolute;
        right: 20px
    }
}

@media screen and (max-width:1350px) {
    .resume_product.resume_product_area .part_big .total {
        right: 22.8rem
    }
}

@media screen and (max-width:1495px) {
    #main_detail_order .table_data.table_trolley tfoot .total {
        position: absolute !important;
        left: 35px
    }
}

@media screen and (max-width:1420px) {
    .order_direction .parts .box .part_large .directions, .trolley_direction .parts .box .part_large .directions {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

        .order_direction .parts .box .part_large .directions .direction_box, .trolley_direction .parts .box .part_large .directions .box_fact, .trolley_direction .parts .box .part_large .directions .direction_box, order_direction .parts .box .part_large .directions .box_fact {
            margin-left: 0;
            margin-top: 1rem
        }
}

@media screen and (max-width:1281px) {
    .list_customize .item_customize .header_customize .zone .div_dz .zone_values {
        -webkit-box-flex: 2;
        -ms-flex: 2;
        flex: 2
    }

    .resume_product.resume_product_area .part_big .total {
        right: 21.5rem
    }

    .content .col_center .content_main .list_products .item_products:nth-of-type(2), .content .col_center .content_main .list_products .item_products:nth-of-type(3), .content .col_center .content_main .list_products .item_products:nth-of-type(4), content .col_center .content_main .list_products .item_products:first-of-type {
        margin-top: 0
    }
}

@media screen and (max-width:1280px) {
    .hea .info_hea .sup_hea .logos {
        flex-wrap: wrap
    }
}

@media screen and (min-width:991px) and (max-width:1450px) {
    .table_data .total_adjust {
        display: block;
        position: relative !important;
        left: 0;
        top: 3px !important;
        width: 175px;
        text-align: right
    }

        .table_data .total_adjust .value span {
            display: inline !important;
            margin-right: 26px;
            padding: 0
        }

        .table_data .total_adjust .label {
            padding: 0;
            display: inline;
            top: 0
        }

    .table_data .list_import {
        bottom: 5px;
        right: 20px;
        position: absolute
    }

        .table_data .list_import .item_import {
            position: relative;
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            justify-content: center
        }

            .table_data .list_import .item_import .label {
                padding: 0;
                position: relative;
                width: 215px;
                left: 0;
                top: -3px
            }

    .table_data tbody tr td .units {
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap
    }

    .table_data tfoot td {
        position: relative
    }

        .table_data tfoot td:nth-of-type(3) {
            padding: 0 !important
        }

    #main_detail_order .table_data .list_import .item_import .label {
        width: 250px;
        position: initial
    }

    #main_detail_order .total_adjust {
        top: 5px !important
    }
}

@media screen and (min-width:991px) and (max-width:1280px) {
    .content_main .list_products .item_products {
        flex: 1 0 32% !important;
        max-width: 32% !important;
        margin-left: 2% !important
    }

        .content_main .list_products .item_products:nth-of-type(3n+1) {
            margin-left: 0 !important
        }

    .content .col_center .content_main .list_products .item_products:nth-of-type(4) {
        margin-top: auto
    }
}

@media screen and (min-width:540px) and (max-width:990px) {
    .content_main .list_products {
        -webkit-box-orient: horizontal !important;
        -webkit-box-direction: normal !important;
        -ms-flex-direction: row !important;
        flex-direction: row !important;
        padding: 0 !important
    }

        .content_main .list_products .item_products {
            flex: 1 0 49% !important;
            max-width: 49% !important
        }

            .content_main .list_products .item_products:nth-of-type(odd) {
                margin-right: 2% !important
            }
}

@media screen and (max-width:1070px) {
    .col_center .product_box .table_data {
        display: none
    }

    .col_center .product_box .tableResponsive {
        display: block
    }
}

@media screen and (max-width:990px) {
    .principal_header {
        flex-direction: column;
        height: auto;
        width: auto
    }

        .principal_header .main_title {
            padding: 25px 10px
        }

    #hea_remember_password, .content .col_center .box .info_detail .part_right .data_detail .table_colors_available .table_colors.table_colors_characteristics thead tr {
        display: flex
    }

        #hea_remember_password .logo {
            margin-top: 10px
        }

    #list_products, .content .col_center #main_detail_order .box .table_data, .content .col_center .box .info_detail .part_right .data_detail .table_colors_available .table_colors, .content .col_center .filter, .content .col_center .product_box .table_data, .hea {
        display: none
    }

    .content .col_center #main_detail_order .box .div_pad .box_select, .content .col_left .group, table {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex
    }

    .hea .sup_hea {
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        width: 100%
    }

        .foo .box_grey .content_foo .row_footer .column_footer.cf2, .foo .box_white .content_foo .zone:last-of-type, .hea .sup_hea .logo, .hea_responsive .info_hea .sup_hea .logos, .pay_box .list_radio_h .radio_item:last-of-type {
            margin-bottom: 0
        }

        .hea .sup_hea .box_user .shop {
            margin-right: 30px
        }

        .hea .sup_hea .menu_sup {
            padding: 0;
            border: 0
        }

            .hea .sup_hea .menu_sup ul {
                right: 0;
                left: auto;
                height: 100vh;
                z-index: 2
            }

                .hea .sup_hea .menu_sup ul li, .modal_customers .modal_container .modal_content .buttons {
                    margin-left: 0
                }

            .hea .sup_hea .menu_sup .menu_expand {
                top: 1.6rem;
                right: .7rem;
                border: 0
            }

                .hea .sup_hea .menu_sup .menu_expand + ul {
                    box-shadow: 0 6px 5px rgba(0,0,0,.24),0 9px 18px rgba(0,0,0,.18)
                }

                .hea .sup_hea .menu_sup .menu_expand.expand + ul {
                    right: 0;
                    width: 75%;
                    left: auto
                }

    .hea_responsive {
        display: block;
        z-index: 2
    }

        .hea_responsive .info_hea .sup_hea .logos .logo {
            -webkit-box-flex: none;
            -ms-flex: none;
            flex: none;
            padding: 5px 15px;
            height: 60px
        }

        .content .col_center .box .group.characteristics .info_detail .part_right .data_detail .table_colors_available .table_data tbody tr td, .content .col_center .box .group.characteristics .info_detail .part_right .data_detail .table_colors_available .table_data thead tr th, .hea_responsive .info_hea .sup_hea .logos .logo_ministerio {
            -webkit-box-flex: 1;
            -ms-flex: 1;
            flex: 1
        }

            .content .col_center #main_detail_order .box .div_pad .box_select .select, .content .col_center .box .info_detail .part_right, .content .col_left .group .min_max, .foo .box_grey .content_foo .row_footer.rf2 .column_footer.cf1, .foo .box_grey .content_foo .row_footer.rf2 .column_footer.cf2, .hea_responsive .info_hea .sup_hea .logos .logo_ministerio img, .popup_login .pop_part.part1 .content_pop .form_box, .popup_shop .pop_part.part1 .content_pop .form_box {
                width: 100%
            }

        .hea_responsive .info_hea .sup_hea .box_user {
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            justify-content: center
        }

            .hea_responsive .info_hea .sup_hea .box_user .info_user {
                margin-right: .5rem;
                padding-bottom: 10px
            }

    .content .col_center .box .info_detail .part_left, .content .col_left {
        margin-right: 0;
        width: 100%
    }

    .hea_responsive .info_hea .sup_hea .box_user .info_user .user {
        position: relative;
        top: 3px;
        margin-right: .5rem
    }

    .hea_responsive .info_hea .sup_hea .box_user .info_user .btn_login {
        border: 0;
        padding: 0 1em
    }

    .hea_responsive .info_hea .sup_hea .box_user .shop {
        padding-bottom: 12px
    }

    .content {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        padding: 5px 0
    }

        .content .col_left {
            margin-bottom: 1rem
        }

            .content .col_left .group {
                display: flex;
                -webkit-flex-wrap: wrap;
                -ms-flex-wrap: wrap;
                flex-wrap: wrap;
                margin-bottom: .3rem
            }

                .content .col_left .group .item_select {
                    -webkit-box-flex: 1;
                    -ms-flex: 1;
                    flex: 1;
                    margin-left: .5rem
                }

                    .content .col_left .group .item_select:first-of-type {
                        margin: 0
                    }

                .content .col_left .group .list_checkbox {
                    width: 100%;
                    -webkit-box-orient: horizontal;
                    -webkit-box-direction: normal;
                    -ms-flex-direction: row;
                    flex-direction: row;
                    align-items: baseline
                }

        .content .col_center #main_detail_order .box .div_pad .box_select, .content .col_center .content_main .list_products, .foo .box_grey .content_foo .row_footer, .foo .box_white .content_foo, .foo .menu_foo, .form_box .row_box, .pay_box .list_radio_h, table {
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal
        }

        .content .col_center .content_main .list_products {
            -ms-flex-direction: column;
            flex-direction: column;
            padding: 0 20px
        }

            .content .col_center .content_main .list_products .item_products {
                max-width: 100%;
                margin-bottom: 1rem;
                margin-left: 0;
                margin-top: 0
            }

        .content .col_center #main_detail_order .order_direction .parts, .content .col_center #main_detail_order .order_direction .parts .box .part_large .directions, .content .col_center #main_detail_order .order_direction .parts .box .part_large .directions ~ .form, .content .col_center .box .group.packaging .list_packaging, .content .col_center .trolley_direction .part_large .directions, .content .col_center .trolley_direction .part_large .directions ~ .form, .popup_shop .popup_box .pop_part .buttons {
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
            -ms-flex-direction: column;
            flex-direction: column
        }

            .content .col_center #main_detail_order .order_direction .parts .box .part_large .directions ~ .form .element_form, .content .col_center .trolley_direction .part_large .directions ~ .form .element_form, .content .col_center .trolley_direction .parts .box {
                width: 100%;
                margin-bottom: 1rem;
                margin-left: 0
            }

            .content .col_center #main_detail_order .order_direction .parts .box, .content .col_center #main_detail_order .order_direction .parts .box .part_large .directions .direction_box, .content .col_center .trolley_direction .part_large .directions .direction_box {
                margin-bottom: 1rem;
                margin-left: 0
            }

        .content .col_center .trolley_direction .parts .box:first-of-type {
            order: 1
        }

        .content .col_center .box .info_detail .part_right .data_detail .table_colors_available .table_colors.table_colors_characteristics {
            display: flex !important
        }

        .content .col_center .box .group.packaging .list_packaging .item_packaging {
            max-width: 100%;
            margin-bottom: 1rem;
            margin-left: 0
        }

            .content .col_center .box .group.packaging .list_packaging .item_packaging .data_packaging .values {
                margin-right: 10px;
                margin-left: 0;
                margin-bottom: 10px
            }

        .content .col_center .box .group.characteristics .info_detail .part_right .data_detail .table_colors_available .table_data tbody tr, .table_trolley tbody tr, .table_trolley thead tr {
            display: -webkit-box;
            display: -moz-box;
            display: -ms-flexbox;
            display: -webkit-flex;
            display: flex;
            -webkit-flex-wrap: wrap;
            -ms-flex-wrap: wrap;
            flex-wrap: wrap
        }

        .content .col_center #main_detail_order .box .div_pad {
            -webkit-box-align: stretch;
            -ms-flex-align: stretch;
            align-items: stretch
        }

            .content .col_center #main_detail_order .box .div_pad .box_select {
                display: flex;
                -webkit-flex-wrap: wrap;
                -ms-flex-wrap: wrap;
                flex-wrap: wrap;
                -ms-flex-direction: column;
                flex-direction: column;
                margin-right: 50px
            }

            .content .col_center #main_detail_order .box .div_pad .total_values, .form_box .row_box .column_box .txt_checks {
                padding: 0
            }

        .content .col_center #main_detail_order .order_direction .parts .box:first-of-type, .popup_login .popup_box {
            width: auto
        }

    .modal_customers .modal_container {
        min-width: 25vh
    }

    table {
        display: flex;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -ms-flex-direction: column;
        flex-direction: column;
        overflow: auto
    }

    .popup_shop .popup_box {
        width: 95%;
        height: 100%
    }

        .popup_shop .popup_box .pop_part .buttons .btn {
            margin-left: 0;
            line-height: 36px
        }

            .box_2p .part .box_fact .row_box .column_box, .checks_buttons .check_button:first-of-type, .edit_user_form .box .part .box_padding .form_box, .edit_user_form .box .part .box_padding .form_box .row_box .column_box#blo_DNI, .modal_customers .modal_container .modal_content .buttons:first-of-type, .popup_shop .popup_box .pop_part .buttons .btn:first-child {
                margin-bottom: 1rem
            }

    .form_box .row_box {
        -ms-flex-direction: column;
        flex-direction: column;
        margin-bottom: 1rem
    }

        .form_box .row_box .column_box {
            margin-left: 0;
            margin-right: 0 !important
        }

    .edit_user_form .box .part {
        padding: 1em 0
    }

        .edit_user_form .box .part .box_padding {
            padding: 0 3em
        }

            .edit_user_form .box .part .box_padding .form_box .row_box .column_box {
                margin-right: 0 !important;
                margin-bottom: 1rem
            }

    .register_form .box_shop {
        padding: 1.5rem
    }

    .register_form .box_confirm, .register_form .box_links_policy {
        max-width: 90% !important
    }

    .register_form .box_buttons {
        max-width: 75% !important
    }

    .input_text50, .order_direction .parts .box:nth-of-type(2), .trolley_direction .parts .box:nth-of-type(2) {
        width: 100% !important
    }

    .box_2p .part .box_fact {
        margin-top: 0
    }

    .box_2p .part .box_padding {
        padding: 1.5em
    }

    .form_box .row_buttons .btn {
        width: 80%
    }

    .box_2p .part .box_buttons {
        max-width: 80%
    }

    .checks_buttons {
        -webkit-box-orient: vertical !important;
        -webkit-box-direction: normal !important;
        -ms-flex-direction: column !important;
        flex-direction: column !important
    }

        .checks_buttons .check_button {
            width: 100%;
            margin-left: 0 !important
        }

    .pay_box .list_radio_h {
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: stretch;
        -ms-flex-align: stretch;
        align-items: stretch
    }

        .pay_box .list_radio_h .radio_item {
            margin-left: 0;
            -webkit-box-flex: 1;
            -ms-flex: 1;
            flex: 1;
            max-width: 100%;
            margin-top: 0 !important;
            margin-bottom: 1.4rem
        }

            .pay_box .list_radio_h .radio_item img {
                width: 40px
            }

            .pay_box .list_radio_h .radio_item.radio_paypal img {
                width: 108px
            }

    .foo .method_pay .label, .pdl {
        padding-left: 0
    }

    .table_trolley thead tr th {
        width: 15%;
        display: block
    }

    .table_trolley tbody tr td {
        width: 15%
    }

    .tableResponsive {
        display: block
    }

    .scroll_up {
        width: 32px;
        height: 32px;
        bottom: 10px;
        right: 10px;
        line-height: 32px
    }

    .foo .content_foo {
        max-width: 100%
    }

    .foo .box_grey .content_foo .row_footer, .foo .box_white .content_foo {
        -ms-flex-direction: column;
        flex-direction: column;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap
    }

        .foo .box_white .content_foo .zone {
            padding-right: 0;
            margin-bottom: 30px;
            width: 100%
        }

            .foo .box_white .content_foo .zone .img_foo {
                width: 60px;
                height: 60px
            }

        .foo .box_grey .content_foo .row_footer .column_footer {
            margin-bottom: 40px
        }

    .foo .method_pay {
        width: 100%;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start
    }

    .foo .menu_foo {
        -ms-flex-direction: column;
        flex-direction: column;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        width: 100%
    }

        .foo .menu_foo .footer_links {
            padding-bottom: 16px
        }

            .foo .menu_foo .footer_links:last-of-type {
                padding-bottom: 0
            }

    .hea_res .box_apply {
        flex: 1 0 100%;
        width: 100%;
        margin-top: 20px
    }
}

@media screen and (max-width:840px) {
    .hea_responsive .info_hea .sup_hea {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

        .hea_responsive .info_hea .sup_hea .logo_ministerio {
            max-width: 60%
        }

        .hea_responsive .info_hea .sup_hea .box_user {
            -webkit-box-pack: end;
            -ms-flex-pack: end;
            justify-content: flex-end;
            margin-top: 0
        }

            .hea_responsive .info_hea .sup_hea .box_user .shop {
                margin-right: 0
            }
}

@media screen and (max-width:656px) {
    .box_shop.message_ok_trans .box_id .empty {
        display: none
    }

    .box_shop.message_ok_trans .box_id .iban .value_id {
        font-size: .9em
    }
}

@media screen and (max-width:450px) {
    .login .group_login, .order_direction .parts .box .part_large .directions .direction_box, .trolley_direction .parts .box .part_large .directions .direction_box {
        width: 100%
    }

    .hea_responsive .info_hea .sup_hea .box_user {
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end
    }

    .modal_add .modal_container .modal_content .buttons .btn {
        -webkit-box-flex: none;
        -ms-flex: none;
        flex: none;
        width: 100%
    }

    .modal_add .modal_container .modal_content .buttons .btn_secondary {
        margin-top: 1em;
        margin-left: 0
    }

    .order_direction .parts .box .part_large .directions .direction_box .btn_select.btn_invert, .trolley_direction .parts .box .part_large .directions .direction_box .btn_select.btn_invert {
        font-size: 75%
    }

    .info_user .user .data_user .name {
        text-overflow: ellipsis;
        overflow: hidden;
        height: 1.2em;
        white-space: nowrap;
        width: 80px
    }
}

@media screen and (max-width:410px) {
    .hea_responsive .info_hea .sup_hea .menu_sup .menu_expand {
        background: 0 0
    }
}

@media screen and (max-width:390px) {
    .hea_responsive .info_hea .sup_hea .box_user .info_user {
        margin-right: 10px
    }

    .hea_responsive .info_hea .sup_hea .box_user .shop .num_products {
        min-width: 20px;
        padding: 0
    }

    .content .col_center .box .group.packaging .list_packaging .item_packaging .data_packaging .values {
        margin-right: 1px
    }

    .content .col_left .group .list_checkbox {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }
}

@media screen and (max-width:360px) {
    .hea_responsive .info_hea .sup_hea .box_user .info_user .user a .ico_user {
        display: none
    }

    .modal_add .btn_search, .order_direction .parts .box .part_large .directions .direction_box .btn_select.btn_invert, .trolley_direction .parts .box .part_large .directions .direction_box .btn_select.btn_invert {
        font-size: 65%
    }
}

.form.form_pay .label {
    padding-left: 1.4em
}

.pop_nopad {
    padding: 2rem 0 0 !important;
    border-top: 0 !important
}

.clean_header {
    padding: 0;
    margin: 0
}