@media (min-width: 1200px) {
    .container{
        max-width: 1340px;
    }
}
/* Personalizzazioni sulla registrazione Account */
.fieldWrapper.form-group.privacy_cnf, .fieldWrapper.form-group.privacy_com_cnf{
    border: solid 1px #959595;
    border-radius: 6px;
    margin-top: 12px;
    margin-bottom: 12px;
    padding: 10px;

}
#lookup_container_unit{
    position: absolute;
    z-index: 1000;
    background-color: white;
    width: 100%;
    max-height: 300px;
    box-shadow: 5px 10px 8px #888888;
    display: inline-table;
}

/*sezione personalizzata configuatore */
.cnf-title{
    font-size: 32px;
    color: gray;
    text-align: center;
    width: 100%;
}

.cnf-lan-selector{
    margin-right: 8px;
}

/* Flags di selezione per utenti esperti  */
.cnf-flags-cnt{
    margin-right: 20px;
    color: white;
    font-weight: bold;
}
input:checked + .slider {
    background-color: firebrick !important;
  }
  
  input:focus + .slider {
    box-shadow: 0 0 1px firebrick !important;
}

/* Containre generale  */
.cnt-gen-config{
    margin-left: 15px;
    margin-right: 15px;
    margin-top: 10px;
}


.cnt-config{
    padding-right: 5px;
}
/* .family-row1{
    background-color: rgb(246, 201, 141);
    max-width: 600px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 5px;
    padding-top: 8px;
    padding-bottom: 8px;
    border-radius: 5px;
}
.family-row2{
    background-color: rgb(202, 155, 93);
    max-width: 600px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 5px;
    padding-top: 8px;
    padding-bottom: 8px;
    border-radius: 5px;
} */

.feature-def{
    /* Riga contenete la caratteristica */
    margin-top: 6px;
    border: solid 1px #dadada;
    border-radius: 6px;
    padding-top: 5px;
    user-select: none;
   
}

/* descrizione della caratteristica con acapo sulla parola per la lingua tedesca*/
.lan_break{
    word-break: break-word;
   
}

.results-pro{
    padding-bottom: 10px;
}

/* caratteristica di dettaglio */
.feature{

    border: solid 1px #e2c7c7;
    border-radius: 6px;
    min-height: 30px;
    float: left;
    margin-left: 5px;
    margin-bottom: 5px;
    padding: 4px;
    cursor: pointer
}

.choice.feature{
    width: 100%;
}

.feature.active{
    background-color: orange;
}
.feature.alone{
    background-color: rgb(255, 228, 177);
    cursor: not-allowed;
}

.feature:hover:not(.alone){
    box-shadow: 5px 5px 5px #ada8a8;
}

.feature-aux{
    width: 100%;
}
.material-icons.del-fea{
    font-size: 14px;
    padding-left: 10px;
    margin-top: 4px;
    font-weight: bold;
}

.feature-reset{
    background-color: lightgrey;
    padding: 6px;
    border-radius: 6px;
    text-align: center;
    margin-right: -14px;
}

.feature-reset:hover{
    background-color: rgb(240, 240, 240);
    box-shadow: 5px 5px 5px #ada8a8;
}

/* Selezione 1° famiglie */
.family-btn-txt{
    font-size: 12px;
    padding-left: 8px;
    padding-right: 8px;
    padding-top: 14px;
}


.family-menu-small{
    display: none;
}

/* Tasto famigli agenerale */
.menu-family-btn{
    margin-right: 10px;
    height: 300px;
    max-width: 620px;
    background-color: rgb(244,244,244);
    margin-bottom: 10px;
    border-radius: 10px;

}
.menu-family-btn:hover{
    box-shadow: 5px 5px 5px #ada8a8;
}

.menu-family-desc{
    color: rgb(228, 228, 228);
    font-size: 18px;
}

.menu-family-desc:hover{
    text-shadow: 0px 0px 15px #ffffff;  
    transition: text-shadow 0.9s ease-in-out;
    font-weight: bold;
    color: white;
}

/* Tasto famiglia richiamo menu selezione */
.btn-family-small{
    height: 130px;
    max-width: 200px;
    float: left;
    border: solid 1px #e2c7c7;
    border-radius: 8px;
    margin-left: 3px;
    margin-bottom: 4px;
}
.btn-family-small:hover{
    border: solid 1px #af9a9a;
    box-shadow: 5px 5px 5px #ada8a8;

}
.btn-family-scnt{
    position: absolute;
    margin-top: 0px;
    max-width: inherit;
    border-radius: 6px;
}

.col-fm-10{
    /*010 C35 M35 Y48 K10 */
    background-color: rgb(158,144,124) !important;

}
.col-fm-16{
    background-color: rgb(135,105,123) !important;

}
.col-fm-20{

    /*020/032/030   C40 M55 Y30 K20*/
    background-color: rgb(124,195,102) !important;
}
.col-fm-30{
    /*020/032/030   C40 M55 Y30 K20*/
    background-color:rgb(124,195,102) !important;
}
.col-fm-32{
    /*020/032/030   C40 M55 Y30 K20*/
    background-color:rgb(124,195,102) !important;
}
.col-fm-40{
    /*040/080   C80 M15 Y50 K0*/
    background-color:rgb(13,161,147) !important;
}

.col-fm-50{
    /*050    C10 M90 Y60 K0*/
    background-color: rgb(219,65,87) !important;
}
.col-fm-60{
    background-color: rgb(0,66,112) !important;
}

.col-fm-80{
    background-color: rgb(13,161,147) !important;
}


.btn-family-scode {
    /* font-size: 22px; */
    font-weight: bold;
    
    font-family: 'TitilliumWeb-Bold';
    color: white;
   
    margin-left: 60px;
    margin-right: 60px;
    border-radius: 8px;
}
.family-btn-stxt{
    font-size: 12px;
    padding-left: 8px;
    padding-right: 8px;
    text-overflow: clip; 
    overflow: hidden;
    width: 200px;
    color: white;
    height: 34px;
}

.img-family{
    width: 100%;
    height: auto;
    max-width: 540px;
    border-radius: 8px;
}



/* 2° selezione  */
.bc-family{
    background-color: rgb(240,240,240);
    margin-bottom: 10px;
    padding-left: 10px !important;
}

.bc-family.code{
    font-size: 34px;
    font-weight: bold;
    font-family: 'TitilliumWeb-Bold';
    border-radius: 8px;
    z-index: 100;
    color: white;
}

.bc-family.desc{
    font-weight: bold;
    padding-top: 12px;    

}
.bc-family.code:hover{
    background-color: rgb(253, 212, 185);
    opacity: 0.8;
}

.cnt-selezioni{
    /* margin-left: 10px;
    margin-right: 10px; */
    /* border: solid 1px lightgray; */
    padding-left: 10px;
    padding-top: 20px;
    /* border-radius: 6px; */
    min-height: 60px;
    background-color: rgb(240,240,240);
    width: 100%;

}

.selezione{
    /* border: solid 1px lightgray; */
    border-radius: 6px;
    padding: 6px;
    margin-right: 8px;
    margin-bottom: 12px;

    float: left;
    text-align: center;
    background-color: white;

}
.selezione.active{
    /* background-color: #ff9801; */
    box-shadow: 5px 10px 8px #fdebeb;
}
.selezione:hover{    
    box-shadow: 5px 10px 8px #bdbdbd;
}

/* 3° Blocco Configuratore */
.cnt-config-unit{
    /* border: solid 1px lightgray; */
    padding-left: 8px;
    margin-left: -4px;
    margin-top: 10px;
    border-radius: 6px;
    display: none;
}

/* Result Section */
.cnt-config-res{
    padding-right: 20px;
    /* background-color: white; */
    margin-left: -15px;
    padding-left: 20px;
    border-radius: 6px;
    height: 100%;

}

.results.pro-desc{
    font-style: italic;
}
.results.pro-code{
    font-weight: bold;
}
.result-img-cnt{
    text-align: center;
    width: 100%;
    border-radius: 12px;
}

.cnt-log-filter{
    display: unset;
}

.btn-cmd{
    background-color: rgb(146, 146, 146);
    border-radius: 8px;
    height: 40px;
    text-align: center;
    color: white;
    margin-top: 3px;
    padding: 6px;

}

.btn-cmd:hover{
    background-color: rgb(219, 219, 219);
}

 /* definizione relative a smartSearch 
    elementi che definiscno la ricerca
 */
 .smart-search-result-cnt{
    display: none;
    position: absolute;
    background-color: rgb(244,244,244);
    z-index: 2000;
    padding-bottom: 20px;
    box-shadow: 5px 10px 8px #888888;
    margin-top: 30px;
}

.user-item-cnt:hover{
    background-color: #3498db6d;
}

.row.selectable:hover{
    background-color: #ff990178;
    border-radius: 4px;
}

.row.r1{
    background-color: rgb(240,240,240);
}
.row.r2{
    background-color: rgb(246, 246, 246);
}
.row.r1a{
    background-color: rgba(240, 240, 240, 0.700);
}
.row.r2a{
    background-color: rgba(246, 246, 246, 0.700);
}

.header-grid{
    border-bottom: solid 1px lightgray;
    font-style: italic;
    margin-bottom: 8px;
}