.bloccoFiltroLettere {
    width: 100%;
    display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */
    display: -moz-box; /* OLD - Firefox 19- (buggy but mostly works) */
    display: -ms-flexbox; /* TWEENER - IE 10 */
    display: -webkit-flex; /* NEW - Chrome */
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    justify-content: center;
    align-items: flex-start;
}

    .bloccoFiltroLettere .label {
        margin: 0 5px 5px 5px;
        background-color: #e3e3e3;
        font-size: 14px;
        text-shadow: 1px 1px 0 #fff;
        color: #000;
        font-family: 'Overpass Bold', 'Verdana', 'Arial', 'Sans Serif' /*'Roboto Regular'  'Chivo Regular'*/;
    }

        .bloccoFiltroLettere .label:hover {
            cursor: pointer;
            opacity: 0.7;
        }

        .bloccoFiltroLettere .label.selezionato {
            background-color: #4568dc;
            text-shadow: none;
            color: #fff;
        }

            .bloccoFiltroLettere .label.selezionato:hover {
                cursor: default;
                opacity: 1;
            }

.collapseCercaExpo.opencloseCercaCatalogoExpo {
    margin-top: 30px;
    margin-bottom: 2px;
    font-size: 24px;
    border: 1px solid #e3e3e3;
    -webkit-transition: background-color 0.8s ease-out, color 0.8s ease-out;
    -moz-transition: background-color 0.8s ease-out, color 0.8s ease-out;
    -o-transition: background-color 0.8s ease-out, color 0.8s ease-out;
    transition: background-color 0.8s ease-out, color 0.8s ease-out;
    width: 100%;
    display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */
    display: -moz-box; /* OLD - Firefox 19- (buggy but mostly works) */
    display: -ms-flexbox; /* TWEENER - IE 10 */
    display: -webkit-flex; /* NEW - Chrome */
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
}

    .collapseCercaExpo.opencloseCercaCatalogoExpo:hover {
        background-color: #000; /*#4568dc;*/
        color: #ffffff;
    }

    .collapseCercaExpo.opencloseCercaCatalogoExpo #lblFiltraElencoExpo {
        align-self: flex-start;
    }

    .collapseCercaExpo.opencloseCercaCatalogoExpo .glyphicon {
        align-self: flex-end;
    }

.collapseEleExpo {
    cursor: pointer;
    display: none; /*viene visualizzato solo per tablet/mobile*/
    font-family: 'Overpass Regular', 'Verdana', 'Arial', 'Sans Serif' /*'Roboto Regular'  'Chivo Regular'*/;
    color: #4568dc;
    font-size: 18px;
}

    .collapseEleExpo:hover {
        opacity: 0.6;
    }

.divPaginaExpoCerca {
    width: 100%;
    margin-top: 30px;
    margin-bottom: 10px;
    display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */
    display: -moz-box; /* OLD - Firefox 19- (buggy but mostly works) */
    display: -ms-flexbox; /* TWEENER - IE 10 */
    display: -webkit-flex; /* NEW - Chrome */
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: flex-start;
}

    .divPaginaExpoCerca #waitRicerca {
        width: 100%;
        min-height: 100%;
        background-color: rgba(241, 241, 244, 0.6);
        z-index: 500;
        position: absolute;
        top: 0;
        left: 0;
    }

        .divPaginaExpoCerca #waitRicerca img {
            display: block;
            margin: 15% auto;
        }

#divCercaExpo {
    width: 100%;
}

    #divCercaExpo.contenutoCercaCatalogoExpo #PanelRicercaTesto, #divCercaExpo.contenutoCercaCatalogoExpo #PanelRicercaSettore {
        border-bottom: 1px solid #ddd;
        border-left: 1px solid #ddd;
        border-right: 1px solid #ddd;
        border-radius: 4px;
    }

        #divCercaExpo.contenutoCercaCatalogoExpo #PanelRicercaSettore #divSettori {
            margin-top: 0;
            padding: 15px 8px 0 8px;
        }

        #divCercaExpo.contenutoCercaCatalogoExpo #PanelRicercaTesto #divCriteri {
            margin-top: 0;
            padding: 15px 8px;
        }

/* NUOVO stile catalogo MF 2020-11-16 */
.divListaAziende {
    width: 100%;
}

.divListaElementiAziende {
    width: 100%;
}

.buttonLetteraCerca {
    display: inline-block;
    width: 20px;
}

buttonLetteraDoppio {
    display: inline-block;
    width: 40px;
}

.padding5 {
    padding: 5px;
}
/* fine NUOVO stile catalogo MF 2020-11-16 */

.divListaExpo {
    width: 35%;
}

.divListaElementi {
    width: 100%;
    /*min-width: 380px;*/
    max-height: 550px;
    overflow: auto;
}

    .divListaElementi::-webkit-scrollbar {
        width: 1em;
    }

    .divListaElementi::-webkit-scrollbar-track {
        /*-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);*/
        -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
        border-radius: 10px;
    }

    .divListaElementi::-webkit-scrollbar-thumb {
        /*background-color: darkgrey;
        outline: 1px solid slategrey;*/
        border-radius: 10px;
        background-color: rgba(68,210,174,0.5);
        -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5);
    }

.divElementoListaExpo {
    border-bottom: 1px solid #CAC7C7;
    padding: 5px;
    text-decoration: none !important;
}

    .divElementoListaExpo:hover {
        /*background-color: #f1f1f4;*/
        border: 3px solid #4568dc;
    }

    .divElementoListaExpo h3 {
        color: #0A0A0A /*aet200.1 vecchio colore sotituito #000000*/;
        font-family: 'Overpass Black', 'Verdana', 'Arial', 'Sans Serif' /*'Roboto Regular'  'Chivo Regular'*/;
    }

    .divElementoListaExpo p {
        color: #CAC7C7;
        font-family: 'Overpass LightItalic', 'Verdana', 'Arial', 'Sans Serif' /*'Roboto LightItalic'  'Chivo LightItalic'*/;
    }

    .divElementoListaExpo a:active, .divElementoListaExpo a:hover, .divElementoListaExpo a:focus, .divElementoListaExpo a:visited {
        text-decoration: none !important;
    }

.imgLogoSmallExpo {
    max-height: 80px;
    width: auto;
}

    .imgLogoSmallExpo img {
        max-height: 80px;
    }

.elementoSelezione {
    border: 3px solid #4568dc;
}

#divSchedaExpo {
    width: 63%;
    margin-bottom: 10px;
}

.msgCostruzione {
    width: 100%;
    text-align: center;
    font-size: 2em;
}

    .msgCostruzione img {
        width: 100px;
        height: auto;
    }

.sectionScheda {
    width: 100%;
    padding: 0 5px 0 15px;
    display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */
    display: -moz-box; /* OLD - Firefox 19- (buggy but mostly works) */
    display: -ms-flexbox; /* TWEENER - IE 10 */
    display: -webkit-flex; /* NEW - Chrome */
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    justify-content: flex-start; /*space-between*/
    align-items: flex-start;
}

    .sectionScheda h2 {
        width: 100%;
        margin-top: 0;
        color: #0A0A0A;
        font-family: 'Overpass Black', 'Verdana', 'Arial', 'Sans Serif';
    }

.asideDxScheda {
    width: 30%;
}

    .asideDxScheda a {
        font-style: italic;
    }

.asideSxScheda {
    width: 68%;
    margin-right: 10px;
}

    .asideSxScheda h3 {
        font-size: 18px;
        color: #0A0A0A /*aet200.1 vecchio colore sotituito #000000*/;
        font-family: 'Overpass Black', 'Verdana', 'Arial', 'Sans Serif' /*'Roboto Regular'  'Chivo Regular'*/;
    }

    .asideSxScheda .partecipaCon {
        font-family: 'Overpass Bold', 'Verdana', 'Arial', 'Sans Serif' /*'Roboto Bold'  'Chivo Bold'*/;
    }

        .asideSxScheda .partecipaCon span {
            font-family: 'Overpass Italic', 'Verdana', 'Arial', 'Sans Serif' /*'Roboto Italic'  'Chivo Italic'*/;
        }

    .asideSxScheda span.partecipaCon {
        font-family: 'Overpass Bold', 'Verdana', 'Arial', 'Sans Serif' /*'Roboto Bold'  'Chivo Bold'*/;
        margin-top: 10px;
        display: block;
    }

        .asideSxScheda span.partecipaCon .partecipazioneSmartFactory {
            font-family: 'Overpass Italic', 'Verdana', 'Arial', 'Sans Serif' /*'Roboto Italic'  'Chivo Italic'*/;
            margin-left: 5px;
        }

.borderRightAside {
    padding-right: 10px;
    border-right: 1px solid #CAC7C7;
}

.h3ApriChiudi {
    width: 100%;
    padding: 0 5px 0 10px;
    border-bottom: 1px solid #4568dc;
    color: #4568dc;
    font-family: 'Overpass Regular', 'Verdana', 'Arial', 'Sans Serif' /*'Roboto Regular'  'Chivo Regular'*/;
    font-size: 1.3em;
    cursor: pointer;
}

    .h3ApriChiudi:hover {
        opacity: 0.5;
    }

.sectionElenco {
    width: 100%;
    padding: 0 5px 0 10px;
    display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */
    display: -moz-box; /* OLD - Firefox 19- (buggy but mostly works) */
    display: -ms-flexbox; /* TWEENER - IE 10 */
    display: -webkit-flex; /* NEW - Chrome */
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: flex-start;
}

.divSxMeeting {
    width: 25%;
    margin-bottom: 5px;
    font-family: 'Overpass Regular', 'Verdana', 'Arial', 'Sans Serif' /*'Roboto Regular'  'Chivo Regular'*/;
}

    .divSxMeeting p i, .divSxMeeting p:first-child i {
        display: inline-block;
        margin: 0 5px 0 0;
        padding: 6px 8px;
        border-radius: 100px;
    }

    .divSxMeeting p:first-child i {
        padding: 6px 10px;
    }

    .divSxMeeting p:last-child {
        padding: 0 0 0 9px;
    }

.divDxMeeting {
    width: 75%;
    margin-bottom: 5px;
}

    .divDxMeeting p:first-child {
        font-size: 19px;
        color: #0A0A0A /*aet200.1 vecchio colore sotituito #000000*/;
        font-family: 'Overpass Regular', 'Verdana', 'Arial', 'Sans Serif' /*'Roboto Regular'  'Chivo Regular'*/;
    }

.divSxNovita {
    width: 20%;
    min-width: 150px;
}

.divDxNovita {
    width: 78%;
}

.divAllCasoAppl {
    width: 100%;
}

    .divDxNovita p:first-child, .divAllCasoAppl p:first-child {
        font-size: 18px;
        color: #0A0A0A /*aet200.1 vecchio colore sotituito #000000*/;
        font-family: 'Overpass Regular', 'Verdana', 'Arial', 'Sans Serif' /*'Roboto Regular'  'Chivo Regular'*/;
    }

.imgNovita {
    min-width: 150px;
    margin-bottom: 10px;
    border-left: 1px solid #CAC7C7;
    border-right: 1px solid #CAC7C7;
    border-radius: 10px;
    overflow: hidden;
}

    .imgNovita img {
        max-width: 100%;
        margin: auto;
        display: block;
        border-radius: 10px;
    }

.divSettori {
    width: 100%;
    margin-bottom: 10px;
}

    .divSettori span {
        color: #0A0A0A /*aet200.1 vecchio colore sotituito #000000*/;
        font-family: 'Overpass Regular', 'Verdana', 'Arial', 'Sans Serif' /*'Roboto Regular'  'Chivo Regular'*/;
    }

.sectionElenco hr.separatoreContenuto {
    width: 100%;
    height: 1px;
    margin: 5px 0 25px 0;
    border: 0;
    background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

/*inizio ELENCO ESPOSITORI nella pagina CERCA*/
.divElencoExpo {
    width: 100%;
    display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */
    display: -moz-box; /* OLD - Firefox 19- (buggy but mostly works) */
    display: -ms-flexbox; /* TWEENER - IE 10 */
    display: -webkit-flex; /* NEW - Chrome */
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
}

.expandWidthBiglietto {
    width: 100% !important;
}

.bigliettoSelezionato {
    border: 2px solid #FF9A02 !important;
    box-shadow: 0 3px 2px #ccc !important;
}

.divSchedaExpoDaCerca {
    width: 100%;
    height: auto;
    border: 2px solid #FF9A02 !important;
    border-radius: 3px;
    box-shadow: 0 3px 2px #ccc;
}

.bigliettoAzienda {
    width: 31%; /*140px;*/
    min-width: 200px;
    height: 128px;
    border: 2px solid #CAC7C7;
    margin: 5px;
    padding: 2px;
    border-radius: 3px;
}

    .bigliettoAzienda:hover {
        border: 2px solid #FF9A02 !important;
    }

.titoloSchedaLnk {
    font-size: 16px !important;
    font-family: 'Overpass Bold', 'Verdana', 'Arial', 'Sans Serif';
    color: #0A0A0A /*aet200.1 vecchio colore sotituito #000000*/ !important;
    text-align: right;
    padding: 0 3px 0 0;
}

    .titoloSchedaLnk span {
        font-size: 12px;
        font-family: 'Overpass Regular', 'Verdana', 'Arial', 'Sans Serif' /*'Roboto Regular'  'Chivo Regular'*/;
    }

.bigliettoDxAzienda {
    /*float: left;*/
    flex: 1;
    width: 139px;
    height: 114px;
    border: 2px solid #AC3D3C;
    margin: 2px 0px 4px 0px;
    border-radius: 3px;
}

.imgBiglietto {
    height: 50px;
    margin: 1px 0px 3px 3px;
}

    .imgBiglietto img {
        max-width: 120px;
    }

.txtBiglietto {
    height: 50px;
    vertical-align: text-bottom;
    margin-top: 1px;
    padding: 0px 2px 0px 1px;
    text-align: right;
    font-size: 11px;
    font-family: 'Overpass Regular', 'Verdana', 'Arial', 'Sans Serif' /*'Roboto Regular'  'Chivo Regular'*/;
    color: #0A0A0A /*aet200.1 vecchio colore sotituito #000000*/;
}

.divIniziali {
    width: 100%;
    height: auto;
    min-height: 35px;
    margin: 10px auto;
    padding: 5px 5px 0 5px;
    background-color: #4f4e4d;
    border-radius: 5px;
    display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */
    display: -moz-box; /* OLD - Firefox 19- (buggy but mostly works) */
    display: -ms-flexbox; /* TWEENER - IE 10 */
    display: -webkit-flex; /* NEW - Chrome */
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
}

.inizialiLnk {
    /*border-top-left-radius: 3px;     border-top-right-radius: 5px;     border-top: 1px solid #cecece;     border-right: 1px solid #cecece;*/
    padding: 0 4px 0 4px;
    margin: 0px 3px 0px 0px;
    font-size: 16px;
    color: #ff9a02 !important;
    font-family: 'Overpass Bold', 'Verdana', 'Arial', 'Sans Serif';
    font-variant: small-caps !important;
    text-decoration: none;
    /*border-radius: 3px;
    border: 2px solid #cecece;
    box-shadow: 2px 2px 0 #cecece;
    font-size: 17px !important;
    background-color: #efefef !important;*/
}

    .inizialiLnk:hover {
        background-color: #95928E !important;
        color: #ffffff !important;
    }
/*fine ELENCO ESPOSITORI nella pagina CERCA*/

@media screen and (max-width: 1170px) {
    .divSxNovita, .divSxCasoAppl {
        min-width: 130px;
        margin-right: 5px;
    }

    .divDxNovita, .divDxCasoAppl {
        width: 76%;
    }

    .imgNovita, .imgCasoAppl {
        min-width: 130px;
    }
}

@media screen and (max-width: 1020px) {
    .asideDxScheda img {
        max-width: 150px;
    }
}

@media screen and (max-width: 990px) {
    .divSxMeeting, .divDxMeeting {
        width: 100%;
    }

    .divSxMeeting {
        /*----flexbox-----*/
        display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */
        display: -moz-box; /* OLD - Firefox 19- (buggy but mostly works) */
        display: -ms-flexbox; /* TWEENER - IE 10 */
        display: -webkit-flex; /* NEW - Chrome */
        display: flex;
        -webkit-flex-wrap: wrap;
        flex-wrap: wrap;
        justify-content: center;
        align-items: flex-start; /**/
    }

        .divSxMeeting p:first-child, .divSxMeeting p:nth-child(4) {
            width: 100%;
            text-align: center;
        }

        .divSxMeeting p:nth-child(2), .divSxMeeting p:nth-child(3) {
            flex: 1;
        }

        .divSxMeeting p:nth-child(2) {
            text-align: right;
            margin-right: 20px;
        }

        .divSxMeeting p:nth-child(3) {
            text-align: left;
        }
}

@media screen and (max-width: 980px) {
    .divSxNovita, .divSxCasoAppl {
        min-width: 100px;
        margin-right: 5px;
    }

    .divDxNovita, .divDxCasoAppl {
        width: 76%;
    }

    .imgNovita, .imgCasoAppl {
        min-width: 100px;
    }
}

@media screen and (max-width: 890px) {
    .sectionScheda h3 {
        width: 100%;
        order: 1;
    }

    .asideSxScheda {
        width: 100%;
        order: 3;
    }

    .borderRightAside {
        border-right: none;
        padding-right: 0;
        border-top: 1px solid #CAC7C7;
    }

    .asideDxScheda {
        width: 100%;
        order: 2;
        /*flexbox*/
        padding: 0 5px 0 10px;
        display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */
        display: -moz-box; /* OLD - Firefox 19- (buggy but mostly works) */
        display: -ms-flexbox; /* TWEENER - IE 10 */
        display: -webkit-flex; /* NEW - Chrome */
        display: flex;
        -webkit-flex-wrap: wrap;
        flex-wrap: wrap;
        justify-content: space-between;
        align-items: flex-start;
    }

        .asideDxScheda p {
            width: 48%;
        }
}

.checkSize { /*classe che serve solo per controllare se la visualizzazione è mobile da javascript*/
    clear: none;
}

@media screen and (max-width: 768px) {
    .collapseEleExpo {
        display: block;
        margin-top: 10px;
    }

    .divListaExpo {
        width: 99%;
    }

    #divSchedaExpo {
        width: 99% !important;
    }

    .divListaElementi {
        border: 1px solid #CAC7C7;
    }

    .checkSize {
        clear: both;
    }

    .bigliettoAzienda {
        min-width: 160px;
    }

    .titoloSchedaLnk {
        font-size: 13px !important;
    }
}

@media screen and (max-width: 640px) {
    .divListaElementi {
        max-height: 350px;
    }
}

@media screen and (max-width: 590px) {
    .bigliettoAzienda {
        min-width: 200px;
    }
}

@media screen and (max-width: 520px) {
    .asideDxScheda {
        width: 100%;
        order: 2;
        /*flexbox*/
        padding: 0 5px 0 10px;
        display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */
        display: -moz-box; /* OLD - Firefox 19- (buggy but mostly works) */
        display: -ms-flexbox; /* TWEENER - IE 10 */
        display: -webkit-flex; /* NEW - Chrome */
        display: flex;
        -webkit-flex-wrap: wrap;
        flex-wrap: wrap;
        justify-content: space-between;
        align-items: flex-start;
    }

        .asideDxScheda div:first-child {
            width: 100%;
            text-align: center;
        }

        .asideDxScheda p {
            width: 45%;
            margin-right: 5px;
            margin-right: 5px;
            word-break: break-word;
        }

        .asideDxScheda .btnPreferitoContenitore {
            margin-top: 10px;
        }
}

@media screen and (max-width: 490px) {
    .divSxNovita, .divSxCasoAppl {
        width: 100%;
    }

    .imgNovita, .imgCasoAppl {
        text-align: center;
    }

        .imgNovita img, .imgCasoAppl img {
            width: auto;
            max-width: 180px;
        }

    .divDxNovita, .divDxCasoAppl {
        width: 100%;
    }

    #apriChiudiNovita .divPreferitoNovitaExpo {
        justify-content: center;
    }
}

@media screen and (max-width: 470px) {
    .bigliettoAzienda {
        width: 90%;
    }

    .titoloSchedaLnk {
        font-size: 16px !important;
    }
}

@media screen and (max-width: 445px) {
    .collapseCercaExpo.opencloseCercaCatalogoExpo {
        font-size: 20px;
    }
}

@media screen and (max-width: 405px) {
    .asideDxScheda .btnPreferitoContenitore a, .asideDxScheda .btnPreferitoContenitore a span {
        display: block;
        text-align: center;
    }
}

@media screen and (max-width: 280px) {
    .asideDxScheda p {
        width: 100%;
    }
}