.nwfs-response{
    display: none;
    width: 100%;
    max-width: 400px;
    min-height: 300px;
    margin: auto;
    background: url("loading.gif") center no-repeat;
}
.nwfs-form{
    width: 100%;
    max-width: 600px;
    margin:  auto;
    font-family: "Roboto", Sans-serif;
}
.nwfs-form *{
    font-family: "Roboto", Sans-serif;

}
.nwfs-form label{
    display: block;
    width: 100%;
    margin-top: 10px;
}
.nwfs-form label.commerce_agreement_lbl{
    display: inline-block;
    width: 90%;
    padding-left: 10px;
}

.nwfs-form input[type="text"]{
    display: block;
    width: 100%;
}
.nwfs-form input[type="number"]{
    display: block;
    width: 100%;

    font-size: 13px;
    color: #767676;
    padding: 10px 12px;
    background-color: #fdfdfd;
    border: 1px solid #e3e3e3;
    outline: 0;
    margin-bottom: 4px;
    box-sizing: border-box;
}

.nwfs-form select{
    max-width: 100%;
}
.nwfs-form select.birth{
    width: 32%;
    max-width: 240px !important;
    min-width: 90px !important;
    display: inline-block !important;
    padding: 10px 12px 12px 16px;
}
@media only screen and (max-width: 400px)  {
    .nwfs-form select.birth{
        min-width: 80px !important;
        display: inline-block !important;
        padding-left: 4px !important;
    }
}
.nwfs-form label.error{
    color: #900;
}
.nwfs-form input.error, .nwfs-form input.error:focus, .nwfs-form input[type="text"].error:focus{
    border-color: #900;
}
.msgerror{
    display: block;
    width: 100%;
    box-sizing: border-box;
    padding: 10px;
    border: #900 2px solid;
}

/* combos iaes */
#commerce_iae_sub_cont{
    display: none;
    height: 0;
    opacity: 0;
    visibility: hidden;
}
#comcont{
    display: none;
}
#culturalcont{
    display: none;
}
/* fin combos*/ 

.forminfo{
    font-size: 12px;
    font-style: italic;
    color: #555;
}
.formwarning{
    font-size: 12px;
    font-style: italic;
    color: #fff;
    background-color: #BE0031;
}

#commerce_add_button, #user_add_button{
    display: block;
    background: #cd2653;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    font-size: 16px;
    font-weight: 600;
    line-height: 1.25;
    margin: 0;
    padding: 10px;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;

    width: 100%;
}
#commerce_agreement-error{
    /*display: none;*/
}
.contterminos{
    display: flex;
    flex-direction: row;
    align-items: center;
    flex-wrap: wrap;
}
.contterminos input[type="checkbox"]{
    order: 1;
    flex: 0 0 auto;
}
.contterminos label.error{
    order: 3;
    flex: 1 1 100%;
}
.contterminos .commerce_agreement_lbl{
    order: 2;
    flex: 0 0 auto;
    min-width: 150px;
}


.cont_recaptcha{
    display: block;
    width: 100%;
    text-align: center;
    margin: 0 auto 10px auto;
}
.cont_recaptcha .g-recaptcha{
    margin: auto;
}
.g-recaptcha > div{
    margin: auto;
}
.nwfs-subform{
    display: none;
}
.user-form-step-2{
    display: none;
}
/* contadores */
.NWFS_counter{
    display: block;
    box-sizing: border-box;
    text-align: center;
    width: auto;
    margin: auto;
}
.NWFS_counter span{
    display: block;
    font-size: 60px;
    box-sizing: border-box;
    width: 100%;
    padding: 20px;
    color: #E3062F;
    font-family: "Roboto", Sans-serif;
    font-weight: 600;
}
/* fin contadores */

/* tablas */
.visualizer-front{
    display: block;
    width: 100%;
    font-family: "Roboto", Sans-serif;
}
.visualizer-front table.dataTable th, .visualizer-front table.dataTable td{
    text-align: left;
}
.visualizer-front table.dataTable.dtr-inline.collapsed > tbody > tr[role="row"] > td:first-child::before, 
.visualizer-front table.dataTable.dtr-inline.collapsed > tbody > tr[role="row"] > th:first-child::before{
    /*font-family: ;*/
    font-family: "Font Awesome 5 Free", FontAwesome;
    content: "\f150";
    display: inline-block;
    font-weight: 900;
    vertical-align: middle;
    color: #999;
    background-color: #fff;
    border: none;
    border-radius: 0;
    box-shadow: none;
    top: 15px;
}
.visualizer-front table.dataTable.dtr-inline.collapsed > tbody > tr.parent > td:first-child::before, 
.visualizer-front table.dataTable.dtr-inline.collapsed > tbody > tr.parent > th:first-child::before {

    content: "\f151";
}
.dataTables_wrapper .dataTables_paginate .paginate_button.disabled{
    display: none;
}
.dataTables_wrapper .dataTables_filter{
    display: block;
    width: 100%;
    float: left !important;
    box-sizing: border-box;
}

.dataTables_wrapper .dataTables_filter input{
    width: 100%;
    max-width: 350px;
    /*margin: 0 !important;*/
}
.dataTables_wrapper .dataTables_filter label{
    text-align: left;
}
/* fin tablas */

/* Tablas mostrables */
.NWFS_commerce_list {
    display: block;
    width: 100%;
    max-width: 1200px !important;
    margin: auto !important;
}
.NWFS_commerce_list .conttable{
    /*display: none;*/
}
.NWFS_commerce_list .commerce_table h2{
    cursor: pointer;
    color: #E4022C;
    font-size: 16px;
    text-decoration: underline;
}
.NWFS_commerce_list .dtrg-group td{
    color: #E4022C;
    font-size: 16px;
    font-weight: bold;
    background: #eee;
}
.NWFS_commerce_list table tbody td{
    text-align: left;
}

.gmaps_link{
    display: block;
    margin: auto;
    width: 100%;
    text-align: center;
}
.gmaps_link a{
    display: block;
    margin: auto;
    text-align: center;
}
.gmaps_link a img{
    /*display: block;*/
    margin: auto;
    text-align: center;

}
@media only screen and (max-width: 500px)  {
    table.dataTable thead th, table.dataTable thead td{
        padding: 5px 18px 5px 5px !important;
    }
    .NWFS_commerce_list table thead th{
        font-size: 11px !important;
    }
    .mk-main-wrapper-holder .theme-page-wrapper:not(.full-width-layout){
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
    #theme-page .theme-page-wrapper .theme-content{
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
    /* Elementor: Estructura antigua (Section/Column) - compatibilidad hacia atrás */
    .elementor-column-gap-default > .elementor-row > .elementor-column > .elementor-element-populated{
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
    /* Elementor 3.6+: Flexbox Containers */
    .elementor-element.e-con,
    .elementor-element.e-con > .e-con-inner,
    .e-con > .e-con-inner > .elementor-widget,
    .elementor[data-elementor-type] .e-con{
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
}

@media only screen and (max-width: 360px)  {
    table.dataTable thead th, table.dataTable thead td{
        padding: 5px 15px 5px 0px !important;
    }
    table.dataTable th, table.dataTable td{
        font-size: 11px !important;
    }
    .mk-main-wrapper-holder .theme-page-wrapper:not(.full-width-layout){
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
}
.containerQr{
    width: 100%;
    height: auto;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: start;
    flex-wrap: wrap;
    gap: 20px;
}
.qr_mod{
    width: 210px;
    height: auto;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: start;
    cursor:pointer;
    margin-top: 10px;
}
.qr_title{
    width: 100%;
    height: 30px;
    text-align: center;
    font-weight: bold;
    position: relative;
}
.qr_image{
    width: 250px;
    height: 250px;
}
.qr_mod{    
    margin-top: 60px;
}
.btn_download{
    display: block;
    background: #cd2653;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    font-size: 16px;
    font-weight: 600;
    line-height: 1.25;
    margin: 0;
    padding: 10px;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    width: 100%;
} 
@media (max-width:400px){
    .containerQr{
        height: auto;
        flex-direction: column;
        align-items: center;
        justify-content: start;
        flex-wrap: wrap;
        gap: 30px;
    }
    .containerQr:first-child{
        margin-top: 0px;
    }
    .qr_mod{    
        margin-top: 60px;
    }
}

