@charset "UTF-8";
/* CSS Mobile Document (c) 2024 */            


/* PRELOAD SPECIFIC IMAGES */
.MobileClass body:after,
.MOBILE_APP body:after {         
display: block;
overflow: hidden;
visibility: hidden;
position: absolute;
width: 0;
height: 0;
content: url('../imgs/app_mobile/first.png') url('../imgs/app_mobile/prev.png') url('../imgs/app_mobile/next.png') url('../imgs/app_mobile/first_noactive.png') url('../imgs/app_mobile/prev_noactive.png') url('../imgs/app_mobile/next_noactive.png') url(/imgs/loading-blue.gif) url(/imgs/login-loading.gif) url('../imgs/first_hover.png') url('../imgs/prev_hover.png') url('../imgs/next_hover.png') url('../imgs/inCommercioReset.png') url('../imgs/inCommercioON.png') url('../imgs/first.png') url('../imgs/first_hover.png') url('../imgs/prev.png') url('../imgs/prev_hover.png')url('../imgs/next.png') url('../imgs/next_hover.png') url('../imgs/video.png') url('../imgs/filter.png') url('../imgs/lente.png') url('../imgs/first.png') url('../imgs/prev.png') url('../imgs/next.png') url('../imgs/loading_book.gif') url('../imgs/logo-gallery-hover.png') url('../imgs/logo-gallery_resized_hover.png') url('/imgs/logo-gallery-hoverM.png') url('/imgs/logo-gallery-resized-open-hover.png') url('/imgs/logo-gallery_resized_hover-azienda.png') url('/imgs/logo-gallery-resized-open-hover-azienda.png') url('/imgs/logo-gallery-hoverM-azienda.png') url(/imgs/logo-gallery-hover-pharmacy.png) url(/imgs/logo-gallery_resized_hover-pharmacy.png) url(/imgs/logo-gallery-resized-open-hover-pharmacy.png) url(/imgs/logo-gallery-hoverM-pharmacy.png)
}


/* PRELOAD AGGIUNTIVO GALLERY APP MOBILE */         
body.MOBILE_APP:after {
display: block;
overflow: hidden;
visibility: hidden;
position: absolute;
width: 0;
height: 0;
content: url('../imgs/app_mobile/first.png') url('../imgs/app_mobile/prev.png');                   
}

                
.MobileClass html, 
.MobileClass * {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0) !important;   
}


.MOBILE_APP html, 
.MOBILE_APP * {
    touch-action: manipulation !important;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0) !important;
}


.isSafari * {
    font-family: -apple-system, BlinkMacSystemFont, sans-serif !important;
}


.MobileClass #logoutExit {
    font-size: 2.75em !important;
}


.MobileClass #exit {
    font-size: 1em !important;
    font-weight: normal !important;            
}


.MobileClass #exit div {
    border-radius: 45px !important;
}               


.MobileClass #exit img {
    content: url(/imgs/loading-blue.gif);
    height: 200px !important;
    width: 200px !important;
    margin-top: 10px;
    display: block;
}


.MobileClass .logoMenuMobileOpenPharmacy {
    height: 189px;
    width: 130px;
    margin-top: 10px;
    margin-left: 10px;
    margin-right: 10px;
    background-image: url(/imgs/logo-gallery-pharmacy-mobile.png);
    background-repeat: no-repeat;
    background-size: cover;
}


.MobileClass #LabelEsitoLogin div {
    font-size: 1.125em !important;
}


.MobileClass #divPagingGrigliaPrincipale {
    width: 32em !important;
}


.MobileClass .clearBtnFiltri {
    width: 100vw !important;
}


.MobileClass #divConteggioPrincipale {
    flex-shrink: 1 !important;
    min-width: 0 !important;
    float: left;
    text-align: left;
    width: 50% !important;
    margin-top: 20px;
    display: table-cell !important;
    font-size: 1em;
    padding-top: 0px !important;
    padding-left: 10px;
}


.MobileClass #divConteggioPrincipale span:not(#lblFiltriPresenti) {
    font-size: 2.3em;
}


.MobileClass #DivForFadeGrid {
    margin-top: 135px !important;
    width: calc(100vw - 20px) !important;
    max-width: 100vw !important;
    left: 0;
    right: 0;
    margin: auto;                   
}


.MobileClass #PanelFiltriPresenti {
    width: calc(100vw - 40px);
    margin-left: 0px;
    text-align: center;
}


.MobileClass #H3PanelTipoProdFiltri {
    background: #bfd4e8;
    text-align: center;
    padding: 10px;
    margin: 0px;
    border-bottom: 1px solid #e6eaef;
    font-size: 14px;
    color: #224160;
    text-transform: uppercase;
    font-size: 2.3rem !important;
    letter-spacing: -0.15px;
}


.MobileClass .button-filtri-impostati {
    border-radius: 60px !important;
    border: 1px solid #e5e5e5;
    padding: 25px 100px 25px 25px;
    margin: 10px;
    background-image: url(/imgs/delete-filter-applicato-mobile.png);
    background-position: right;
    background-position-x: 95%;
    background-repeat: no-repeat;
    background-size: 45px;
    letter-spacing: -0.125px;
    font-size: 0.96em;
    color: #444;
    font-weight: normal;
    background-color: #f1f1f1;
    background-attachment: scroll;
    max-width: 98%;
    text-overflow: ellipsis !important;
    white-space: pre-wrap;
}


.MobileClass .panelTipoProd, .panelTipoProdLITE {
    background: #fff;
    /*width: 96vw;*/
    float: right;
    height: 302px;
    position: relative;
    /*margin-bottom: -80px;*/
    top: 21px;
    height: 105%;
    border-radius: 20px;
    /*margin: 0px 8px -80px 8px;*/
    margin-right: 0px;
}


.MobileClass .panelTipoProd {
    border: none !important;
}


.MobileClass .clearBtnFiltri {
    width: 99.4% !important;
}


.MobileClass #PanelRicercaAvanzata {
    margin-left: 200px !important;
    width: 62% !important;
    background-image: url(/imgs/ricerca-avanzata-on.png) !important;
    background-position: 5px 12px;
    left: 2px !important;
    top: 115px !important;
    height: auto !important;
    width: 62vw !important;
    font-size: 2.25em !important;
    -moz-box-shadow: 0 0 3px #ccc;
    box-shadow: 0 0 10px #f3f3f3;
    border-radius: 25px !important;
    padding: 10px !important;
    background-repeat: no-repeat;
    background-size: 55px !important;
}


.MobileClass #PanelRicercaAvanzata span {
    padding-left: 28px !important;
    display: block;
}


.MobileClass input::placeholder {
    font-size: 1em !important;
}


.MobileClass #TextBoxUsername,
.MobileClass #TextBoxPassword {
    border-radius: 20px !important;
}


.MobileClass #TextBoxUsername:focus,
.MobileClass #TextBoxPassword:focus {
    outline: 8px solid #1a914b !important;
}


/*.MobileClass #ImgButtonFiltroCommercio {    
    height: 3.85vh !important;
    width: 18.9vh !important;
    right: 0;
    bottom: 0;
    position: absolute;
    font-size: 1.85vh;
    border-radius: 14px !important;
    margin-bottom: -145px;
    margin-right: 20px;
}*/


.MobileClass #ButtonSwitchFiltri {
    vertical-align: middle !important;
    width: 5.5em !important;
    height: 5.5em !important;
    background-image: url(../imgs/filter.png) !important;
    background-size: contain !important;
    border: none !important;
    background-color: transparent !important;
    cursor: pointer !important;
    background-repeat: no-repeat !important;
    margin-left: -40px;
    position: absolute;
}


/*.IsiPad #ButtonSwitchFiltri {
    margin-left: -20px !important;
    margin-top: 6px !important;
}*/


.MobileClass #panelMenu {       
    border: none;
    border-right: 3px solid #e5e5e5 !important;
    box-shadow: none !important;
    height: 100vh !important;
}


.MobileClass .textboxxTxt:focus {
    outline: none !important;
    border: 1px solid #fff !important;          
}


.MobileClass .textboxxTxt {
    border: 1px solid #fff !important;
    height: 22px;
    font-size: 14px;
    padding: 4px 4px 4px 4px;
    border-radius: 1px;
    -moz-border-radius: 1px;
    -webkit-border-radius: 1px;
    box-shadow: 0px 0px 2px #d9d9d9;
    -moz-box-shadow: 0px 0px 2px #d9d9d9;
    -webkit-box-shadow: 0px 0px 2px #d9d9d9;
    text-transform: uppercase;
    margin: 0px 0px 0px 5px;
    width: 43% !important;
    max-width: 485px !important;
    padding-right: 65px !important;
    border-radius: 30px !important;
    padding-left: 8px !important;
}


.MobileClass .clearBtn {
    left: 70% !important;
}


.MobileClass #PanelFiltriTitle {
    display: none !important;
}


.MobileClass #PanelFiltriTitleMobile,
.MobileClass #H3PanelTipoProdFiltri {
    display: block !important;
    background-color: #fff;
    text-align: left !important;
    color: #222;
    z-index: 5 !important;
    position: relative;
    width: 92vw;
    max-width: 92vw;
    margin-top: 0.85%;
    height: fit-content !important;
    font-size: 4.5rem !important;
    letter-spacing: -0.15px;
    padding: 12px !important;
    left: 0 !important;
    margin-left: 0px !important;
    font-weight: bold !important;
    overflow: hidden !important;
    border: none !important;
    text-transform: inherit !important;
    margin-top: -20px;
}


.MobileClass #divChiudiFiltri {
    left: 0;
    width: 2.5em !important;
    height: auto !important;
    margin-top: 1.35em !important;
}


.MobileClass #ImgDivChiudiFiltri {
    width: 1.7em !important;
    background-size: contain !important;      
    height: 1.7em !important;
    background-position: center;
    margin-top: 78% !important;
    margin-left: 0.5em !important;
    background-image: url(/imgs/app_mobile/clear-ricerche.png) !important;
}


.MobileClass .Applica-filtri-rapidi {
    left: 0;
    position: absolute;
    margin-left: 23% !important;
    padding-left: 0px !important;
    padding-right: 0px !important;
    border-radius: 20px !important;
    background: url(../imgs/add_filtro_rapido.png) 0 0/18px no-repeat #079248 !important;
}


.MobileClass .Rimuovi-filtri-rapidi {
    margin-left: 33vw !important;
    padding-left: 0px !important;
    padding-right: 0px !important;
    border-radius: 20px !important;
}


.MobileClass #ContainerPanelFiltri {
    height: 100vh !important;
    background: rgb(68 68 68 / 25%) !important;
    -webkit-backdrop-filter: blur(1px) !important;
    backdrop-filter: blur(1px) !important;
}


.MobileClass #PopUpHomeFarmaGare {
    display: none !important;
}

.MobileClass .LblCommercio {
    background-color: #208f4e !important;
    color: #fff !important;
    padding: 0px 20px !important;
    border-radius: 50px !important;
}

.MobileClass .ui-widget.ui-widget-content {
    position: absolute !important;
    border-radius: 25px !important;
}


.MobileClass .foo .wrapper {
    z-index: 9999 !important;
    background-color: rgb(0 0 0 / 23%) !important;
    -webkit-backdrop-filter: blur(2px) !important;
    backdrop-filter: blur(2px) !important;
}

.MobileClass .suggest-right {
    display: none !important;
}


.MobileClass #SpanNoResult {
    font-size: 1em !important;
    color: #000;
    margin-top: 45px;
    width: fit-content !important;
    padding: 2px 20px;
    border-radius: 30px;
    letter-spacing: -0.35px;
}


.MobileClass #LabelPanelForseCercavi, .MobileClass #LabelPanelFiltriPresenti {
    margin-bottom: 30px;
}


.MobileClass #DivForseCercavi {
    margin-top: 30px !important;
}


.MobileClass #ImgForseCercavi, .MobileClass #ImgFiltriPresenti {
    content: url(/imgs/ricerca-forse-cercavi-mobile.png) !important;
    height: 120px;
    width: 120px;
}


.MobileClass #DivForseCercavi {
    margin-top: -20px !important;
    margin-bottom: 60px !important;
}


.MobileClass #LabelPanelForseCercavi span, .MobileClass #LabelPanelFiltriPresenti span {
    margin: 12px !important;
    margin-left: 0px !important;
}


.MobileClass #DivForseCercavi, 
.MobileClass #DivFiltriPresenti {
    max-width: calc(100vw - 110px);
    width: calc(100vw - 110px);
    left: 0;
    right: 0;
    margin: auto;
    border-radius: 50px !important;
    padding: 25px;
    border: 4px solid #f1f1f1 !important;
}


.MobileClass #PanelFirstLoadSearch {                   
    font-size: 2.55em !important;                                    
    margin-top: 60px !important;
    border-radius: 50px !important;
    border: 4px solid #f1f1f1 !important;                                   
    padding: 40px 0px;
    width: calc(100vw - 60px);
    left: 0;
    right: 0;
    margin: auto;
    -webkit-text-size-adjust: 100% !important;
}


.MobileClass #GridViewForseCercavi td {
    padding-left: 0px !important;
    text-align: center !important;
    font-size: 2.5rem !important;
}


.MobileClass #GridViewForseCercavi td:nth-of-type(1):before {
    content: unset !important;
}


.MobileClass #ContainerAI {            
    text-align: center;
    height: 4em;
    margin-left: 13.5%;
    position: fixed;
    left: 0;
    color: #ffffff;   
    font-family: "Open Sans", sans-serif;
    font-size: 1.75em;
    margin-top: -4px !important;                   
    left: 0;
    letter-spacing: 2px;
    font-weight: 700;                             
    width: 2em;
}


.MobileClass .RicercaAI_ON {
    background: url(/imgs/toggle-on-mobile.png);
    background-size: 4.5em;
    background-position: center;
    background-repeat: no-repeat;
    border: none;
    height: 4.5em;
    width: 4.5em;
    background-color: transparent;
    cursor: pointer !important;
}


.MobileClass .RicercaAI_OFF {
    background: url(/imgs/toggle-off-mobile.png);
    background-size: 4.5em;
    background-position: center;
    background-repeat: no-repeat;
    border: none;
    height: 4.5em;
    width: 4.5em;
    background-color: transparent;              
    cursor: pointer !important;
}


.MOBILE_APP #ImgAggDB {
    display: block !important;
    content: url(/imgs/app_mobile/aggdb.png);
    height: 3.75vh;
    width: 3.75vh;
    margin-top: 3vh;
}


.MOBILE_APP .ui-autocomplete.ui-widget {
    line-height: 1.5 !important;
    padding: 10px 0px 10px 10px !important;
}


.MOBILE_APP #DivPagingButtonsGrigliaPrincipale {
    position: absolute !important;     
    right: 0 !important;
    margin-right: 20px !important;
    margin-top: -15px !important;
}


#ButtonChiudiAppMobileScanCode,
#ButtonChiudiAppMobileScanText {
    content: url(../imgs/app_mobile/clear.png) !important;
    width: 1.75em !important;
    height: 1.75em !important;
    right: 0;
    position: absolute;
    margin: 15px;
    background-color: transparent;
    border: none;
    border-radius: 100px;
}


.MOBILE_APP #ButtonAvanti {
    height: 10em !important;
    width: 10em !important;
    max-height: 10em !important;
    max-width: 10em !important;
    min-height: 10em !important;
    min-width: 10em !important;
    cursor: pointer;
    background-repeat: no-repeat !important;
    background-image: url('../imgs/app_mobile/next.png') !important;
    background-size: 10em !important;
    background-position: center !important;
    margin-left: 15px !important;
    margin-right: 5px !important;
}


.MOBILE_APP #ButtonIndietro {
    height: 10em !important;
    width: 10em !important;
    max-height: 10em !important;
    max-width: 10em !important;
    min-height: 10em !important;
    min-width: 10em !important;
    cursor: pointer;
    background-repeat: no-repeat !important;
    background-image: url('../imgs/app_mobile/prev.png') !important;
    background-size: 10em !important;
    background-position: center !important;
    margin-left: 15px !important;
}


.MOBILE_APP #ButtonFirstPage {
    height: 10em !important;
    width: 10em !important;
    max-height: 10em !important;
    max-width: 10em !important;
    min-height: 10em !important;
    min-width: 10em !important;
    cursor: pointer;
    background-repeat: no-repeat !important;
    background-image: url('../imgs/app_mobile/first.png') !important;
    background-size: 10em !important;
    background-position: center !important;
}


.MOBILE_APP #ButtonAvanti:disabled,
.MOBILE_APP #ButtonAvanti .aspNetDisabled {
    height: 10em !important;
    width: 10em !important;
    max-height: 10em !important;
    max-width: 10em !important;
    min-height: 10em !important;
    min-width: 10em !important;
    cursor: pointer;
    background-repeat: no-repeat !important;
    background-image: url('../imgs/app_mobile/next_noactive.png') !important;
    background-size: 10em !important;
    background-position: center !important;
    margin-left: 15px !important;
    margin-right: 5px !important;
}


.MOBILE_APP #ButtonIndietro:disabled,
.MOBILE_APP #ButtonIndietro .aspNetDisabled {
    height: 10em !important;
    width: 10em !important;
    max-height: 10em !important;
    max-width: 10em !important;
    min-height: 10em !important;
    min-width: 10em !important;
    cursor: pointer;
    background-repeat: no-repeat !important;
    background-image: url('../imgs/app_mobile/prev_noactive.png') !important;
    background-size: 10em !important;
    background-position: center !important;
    margin-left: 15px !important;
}


.MOBILE_APP #ButtonFirstPage:disabled,
.MOBILE_APP #ButtonFirstPage .aspNetDisabled {
    height: 10em !important;
    width: 10em !important;
    max-height: 10em !important;
    max-width: 10em !important;
    min-height: 10em !important;
    min-width: 10em !important;
    cursor: pointer;
    background-repeat: no-repeat !important;
    background-image: url('../imgs/app_mobile/first_noactive.png') !important;                 
    background-size: 10em !important;
    background-position: center !important;
}


/* IPAD */  

   
.IsiPad #ButtonAvanti {         
    height: 8em !important;
    width: 8em !important;
    max-height: 8em !important;
    max-width: 8em !important;
    min-height: 8em !important;
    min-width: 8em !important;
    cursor: pointer;
    background-repeat: no-repeat !important;
    background-image: url('../imgs/app_mobile/next.png') !important;
    background-size: 8em !important;
    background-position: center !important;
    margin-left: 15px !important;
    margin-right: 5px !important;
}


.IsiPad #ButtonIndietro {
    height: 8em !important;
    width: 8em !important;
    max-height: 8em !important;
    max-width: 8em !important;
    min-height: 8em !important;
    min-width: 8em !important;
    cursor: pointer;
    background-repeat: no-repeat !important;
    background-image: url('../imgs/app_mobile/prev.png') !important;
    background-size: 8em !important;
    background-position: center !important;
    margin-left: 15px !important;
}


.IsiPad #ButtonFirstPage {
    height: 8em !important;
    width: 8em !important;
    max-height: 8em !important;
    max-width: 8em !important;
    min-height: 8em !important;
    min-width: 8em !important;
    cursor: pointer;
    background-repeat: no-repeat !important;
    background-image: url('../imgs/app_mobile/first.png') !important;
    background-size: 8em !important;
    background-position: center !important;
}


.IsiPad #ButtonAvanti:disabled,
.IsiPad #ButtonAvanti .aspNetDisabled {
    height: 8em !important;
    width: 8em !important;
    max-height: 8em !important;
    max-width: 8em !important;
    min-height: 8em !important;
    min-width: 8em !important;
    cursor: pointer;
    background-repeat: no-repeat !important;
    background-image: url('../imgs/app_mobile/next_noactive.png') !important;
    background-size: 8em !important;
    background-position: center !important;
    margin-left: 15px !important;
    margin-right: 5px !important;
}


.IsiPad #ButtonIndietro:disabled,
.IsiPad #ButtonIndietro .aspNetDisabled {
    height: 8em !important;
    width: 8em !important;
    max-height: 8em !important;
    max-width: 8em !important;
    min-height: 8em !important;
    min-width: 8em !important;
    cursor: pointer;
    background-repeat: no-repeat !important;
    background-image: url('../imgs/app_mobile/prev_noactive.png') !important;
    background-size: 8em !important;
    background-position: center !important;
    margin-left: 15px !important;
}


.IsiPad #ButtonFirstPage:disabled,
.IsiPad #ButtonFirstPage .aspNetDisabled {
    height: 8em !important;
    width: 8em !important;
    max-height: 8em !important;
    max-width: 8em !important;
    min-height: 8em !important;
    min-width: 8em !important;
    cursor: pointer;
    background-repeat: no-repeat !important;
    background-image: url('../imgs/app_mobile/first_noactive.png') !important;                 
    background-size: 8em !important;
    background-position: center !important;          
}      


.IsiPad #ButtonApplicaFiltri, 
.IsiPad #ButtonRipristinaFiltri {
    scale: 0.725 !important;
}     


.IsiPad #divConteggioPrincipale .textLabel {      
    font-size: 1.75em !important;
    padding-top: 0px !important;        
}             


.IsiPad .ButtonResetMobileAppSearch {
    border-radius: 100px !important;
    position: relative !important;
    font-size: 1.55em !important;
    margin-top: 0px !important;
    letter-spacing: -0.75px;
    background-color: #c0392b !important;
    border: 1px solid #c0392b !important;
    color: #fff !important;
    width: 14vw;
} 


.IsiPad #ImgDivChiudiFiltri {
    width: 2.5em !important;
    background-size: 2em !important;
    height: 2.5em !important;
    background-repeat: no-repeat;
    background-position: center;
    margin-top: 120% !important;
    margin-left: 0.5em !important;
    background-image: url(/imgs/app_mobile/clear-ricerche.png) !important;
}    


.IsiPad #ButtonAppMobileScanCode {
    width: 22vw !important;      
}
/*END IPAD*/


.MOBILE_APP #GridViewResult td:first-child {
    letter-spacing: -1px;
}


.MobileClass #DivFiltriGridAppMobile {
    text-align: left;
    display: block !important;
    margin-top: 30px !important;                                        
    width: -webkit-fill-available;          
    overflow: hidden;
}


.MobileClass #DivFiltriGridAppMobile span {
    font-size: 2.2em !important;
    margin-right: 12px;
}   


#ButtonAppMobileScanCode,
#ButtonAppMobileScanCode2,
#ButtonAppMobileScanText,
#ButtonAppMobileScanText2 {
    font-size: 2em !important;
    height: 4.1vh !important;
    color: #333;
    background-image: url(/imgs/app_mobile/camera.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 2.8vmax !important;
    background-position-x: 25px;
    padding-left: 3.75vmax !important;
    border: 1px solid #f1f1f1;
    background-color: #f1f1f1;
    border-radius: 100px;
}


#ButtonAppMobileScanCode, 
#ButtonAppMobileScanCode2 {
    width: 28vw !important;                 
    margin-left: 0px !important;
}


#ButtonAppMobileScanText,
#ButtonAppMobileScanText2 {
    /*margin-left: 20px;*/
    width: 46vw !important;
    background-image: url(/imgs/app_mobile/text-scan.png) !important;            
}


#ButtonAppMobileScanCode2,
#ButtonAppMobileScanText2 {
    width: fit-content !important;
}


.MobileClass #ButtonAppMobileScanCode {
    display: none !important;
}


.MOBILE_APP #ButtonAppMobileScanCode {
    padding-left: 20px;
    display: block !important;
    right: 0;
    position: absolute;
    margin-right: 20px;
}


#ImgFiltriGridAppMobile {
    height: 2.4vh;
    width: 2.4vh;
    content: url(/imgs/app_mobile/filter.png);
    display: block;
    float: left;
    margin-top: 12px;
    margin-right: 4px;
    margin-bottom: 0px;
}  


.MOBILE_APP #DivInfoBarcodeAppMobile,
.MOBILE_APP #DivScanTextAppMobile {
    display: none;
    position: fixed;
    z-index: 999; 
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    width: 100vw;
    height: 100vh;
    overflow: hidden;
    background-color: rgba(0,0,0,0.4);
}


/*.MOBILE_APP #CampiTestoFiltriRapidi {
    display: block !important;
}*/


.MOBILE_APP #CampiTestoFiltriRapidi {
    margin-left: 3vw;
    width: 96vw !important;
    text-align: left !important;
    clear: both !important;
    padding: 50px 0px 50px 10px !important;
    height: fit-content !important;
}


.MOBILE_APP .TitoloCampoTestiLeft, .MOBILE_APP .TitoloCampoTesti {
    width: 45vw !important;
    float: left !important;
    background: #eff2f5 !important;
    padding: 10px !important;
    margin: 0px !important;
    font-size: 0.9em !important;
    line-height: 1 !important;
    border-top-left-radius: 30px !important;
    border-bottom-left-radius: 30px !important;
    border: 0.5px solid #e1e6eb !important;
    height: 2em !important;
}


.MOBILE_APP #CampiTestoFiltriRapidi div {
    width: 100% !important;
    float: unset !important;
    text-align: unset !important;
    clear: unset !important;
    padding: unset !important;
    height: fit-content !important;
    margin-top: 1vh !important;
    display: table !important;
}


.MOBILE_APP #CampiTestoFiltriRapidi input[type=search], 
.MOBILE_APP #DropDown_Classe {
    border-top-right-radius: 30px !important;
    border-bottom-right-radius: 30px !important;
    background-image: none !important;
    padding-left: 5px !important;
    font-size: 1em !important;
    line-height: 1.8;
    border: 4px solid #f1f1f1;
    border-left: none !important;
    display: table;
    height: calc(2em + 12px) !important;
    width: 46vw !important;
}


.MOBILE_APP #CampiTestoFiltriRapidi br {
    display: none !important;
}


.MOBILE_APP #TipoProdottoFiltriRapidi {
    padding: 7px 0px 2vh 0px !important;
}


.MOBILE_APP #DivInfoBarcodeAppMobile div,
.MOBILE_APP #DivScanTextAppMobile div {
    font-size: 2.5em !important;
    height: fit-content;
    max-height: 90vh !important;
    width: 94vw;
    position: absolute;
    z-index: 1000;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    border-radius: 50px;
    background-color: #fff;
    text-align: center;
    margin: auto;
}


.MOBILE_APP #PanelFiltriContainer {
    max-height: 70vh !important;
    overflow: hidden;
    overflow-y: scroll !important;
}


.MOBILE_APP #CodAttribuitoDitta .Toggle {        
    display: none !important;
}


.MOBILE_APP #DivInfoBarcodeAppMobile div span,
.MOBILE_APP #DivScanTextAppMobile div span {
    background-color: #1a914b;
    padding: 10px 20px;
    color: #fff;
    display: block;
    width: 90%;
    margin-left: 3%;
    border-radius: 30px;
    margin-top: 25px;
}


.ButtonResetMobileAppSearch {               
    background-color: #c0392b !important;           
    border: 1px solid #c0392b !important;            
    color: #fff !important;            
    font-weight: bold !important;
    height: 4.1vh;
    padding: 0px 2vmax;
    border-radius: 100px;
    font-size: 2em !important;     
    margin-right: 10px;
    background-image: url(/imgs/app_mobile/reset-white.png);                              
    background-size: 2.25vh;
    background-repeat: no-repeat;
    padding-left: 4.25vh;
    background-position-x: 0.9vh;
    background-position-y: center;    
}


.MOBILE_APP #ButtonResetMobileAppSearch2 {
    display: block !important;
    margin-top: 75px !important;
    display: block;
    position: sticky;
    background-color: #B43433;
    color: white;
    padding: 10px 30px;
    letter-spacing: -0.35px;
    font-size: .75em !important;
    width: 34vw;
    padding-left: 5vw;      
}


.MOBILE_APP #DivForFadeGrid {           
    margin-top: 10px !important;
}


.MOBILE_APP #PanelContainer {
    overflow: hidden !important;
    min-height: 90vh !important;
    position: fixed !important;
}          
                              

.IsiPad #PanelContainer,
.IsiPad .container {
    min-height: 96vh !important;   
    overflow: hidden !important;
    min-height: 90vh !important;
    position: fixed !important;          
}


.IsiPad table tr td {
/*font-size: 1.6vmax !important;*/
line-height: 1;
text-align: left;
height: auto;
padding-top: 0.6vmax;
padding-bottom: 0.6vmax;		
}


.MOBILE_APP #PanelLogin {
    opacity: 0 !important;
}


.MobileClass #RightContainerUtility {
    display: none !important;
}


.MOBILE_APP #divMenuProd,
.MOBILE_APP #divIndietroProd {
    margin-top: 0px !important;
} 


.MOBILE_APP #LblNome {
    margin-top: 10px !important;                   
}


.MOBILE_APP #ButtonInfoAppVersion {        
    display: block !important;
    margin: auto;
    margin-bottom: 25px;
    font-weight: bold !important;
}

     
.MOBILE_APP #ButtonLogout {
    display: none !important;
}


.MOBILE_APP #ButtonLogoutMobileApp {
    background-image: url(/imgs/menu/logout.png);
    background-repeat: no-repeat;
    background-position: 0px;
    background-size: 2.8vmax !important;
    background-position-x: 11px;          
    padding-left: 28px;
    border-radius: 8px;
    display: block !important;
    margin: auto;
    width: 80% !important;
    font-size: 2vmax !important;
    font-weight: bold !important;
    margin-bottom: 15px;
    padding: 15px;
    border-radius: 20px !important;
}


.MOBILE_APP .LblCommercio {
    background-color: #208f4e !important;
    color: #fff !important;
    padding: 0px 20px !important;
    padding-left: 5vw !important;
    background-image: url(/imgs/app_mobile/in-commercio-grid.png);
    background-size: 1em;
    background-position: left;
    background-position-x: 0.15em;
    background-repeat: no-repeat;
    border-radius: 100px !important;
}                                   


.MobileClass #ImgButtonFiltroCommercio {
    display: none !important;
}


.MOBILE_APP .underlineHover,
.MOBILE_APP a {
    text-decoration: underline !important;   
}


.MobileClass #lblFiltriPresenti {
    display: none !important;
}


.MobileClass:not(.MOBILE_APP) #ButtonAvanti {
    height: 9em !important;
    width: 9em !important;
    max-height: 9em !important;
    max-width: 9em !important;
    min-height: 9em !important;
    min-width: 9em !important;
    cursor: pointer;
    background-image: url('../imgs/next.png');
    background-size: 9em !important;
    background-repeat: no-repeat !important;
}


.MobileClass:not(.MOBILE_APP) #ButtonIndietro {
    height: 9em !important;
    width: 9em !important;
    max-height: 9em !important;
    max-width: 9em !important;
    min-height: 9em !important;
    min-width: 9em !important;
    cursor: pointer;
    background-image: url('../imgs/prev.png');
    background-size: 9em !important;
    background-repeat: no-repeat !important;
}


.MobileClass:not(.MOBILE_APP) #ButtonFirstPage {
    height: 9em !important;
    width: 9em !important;
    max-height: 9em !important;
    max-width: 9em !important;
    min-height: 9em !important;
    min-width: 9em !important;
    cursor: pointer;
    background-image: url('../imgs/first.png');
    background-size: 9em !important;
    background-repeat: no-repeat !important;
}


.MobileClass .SpanNoResult {
    display: table !important;
}


.MobileClass #CheckFiltriRapidi label, 
.MobileClass #TipoProdottoFiltriRapidi {
    font-size: 1.15em !important;
}


.IsiPad #PanelFiltriContainer {
    max-height: 45vh !important;
    overflow-y: scroll !important;
}


.MobileClass #PanelProfiloUtente {
    width: 96vw !important;
    height: 75vh !important;
    left: 0 !important;
    right: 0 !important;
    top: 0 !important;
    bottom: 0 !important;
    margin: auto !important;
    font-size: 2.7em !important;
    overflow-y: hidden;
    overflow-x: hidden;
    border-radius: 55px;
}


.MobileClass #PanelContattaci {
    width: 96vw !important;
    height: 82vh !important;
    left: 0 !important;
    top: 0 !important;
    bottom: 0 !important;
    right: 0 !important;
    margin: auto !important;
    font-size: 2.4em !important;
    overflow-y: hidden;
    overflow-x: hidden;
    border-radius: 55px;
}


.MobileClass #ButtonConfermaPassword,
.MobileClass #ButtonInviaMsg 
{
    font-size: 1.1em !important;
    width: auto;
    padding: 5px 35px;
    border-radius: 20px;
    border: none;
}


.MobileClass #PanelProfiloUtente input {
    border-radius: 20px !important;
}


.MobileClass #divXProfiloUtente input, .MobileClass #divXContattaci input {
    margin: 35px !important;
}


.MobileClass #PanelProfiloUtente h1, .MobileClass #PanelContattaci h1  {
    margin-top: 0px !important;
    font-size: 1.5em !important;
}


.MobileClass #PanelProfiloUtente img, .MobileClass #PanelContattaci img 
{
    height: 220px !important;
    width: 220px !important;
}


.MobileClass #SelectCred {
    height: 65px !important;
    border: 2px solid #e5e5e5 !important;
    cursor: pointer !important;
    min-width: 40% !important;
    width: 55%;
    font-size: 27pt !important;
    border-radius: 20px !important;
    padding-left: 10px;
    background-color: white !important;
}


.MobileClass #divTitoloModificaCred {
    margin-top: 25px !important;
}


.MobileClass #divPswAttuale, 
.MobileClass #divNuovaPassword, 
.MobileClass #divConfermaPassword, 
.MobileClass #divNuovaMail, 
.MobileClass #divConfermaMail {
    width: 90% !important;
    text-align: left !important;
    font-size: 0.85em !important;
    display: flow-root !important;
    margin-top: 45px !important;
}


.MobileClass #PanelProfiloUtente input[type=text],
.MobileClass #PanelProfiloUtente input[type=password],
.MobileClass #PanelContattaci input[type=text]
{
    font-size: 0.85em !important;
    border-radius: 20px !important;
    margin-top: 0px !important;
    padding: 14px !important;
    border: 2px solid #e5e5e5 !important;
}


.MobileClass #TextBoxPswAttuale, 
.MobileClass #TextBoxEmailReimpostaConferma,
.MobileClass #TextBoxEmailReimposta,
.MobileClass #TextBoxReimpostaPasswordUtente,
.MobileClass #TextBoxReimpostaPasswordUtenteConferma
{
    position: absolute !important;
    display: flex !important;
    width: 83% !important;
}


.MobileClass #divSelectCred 
{
    font-size: 0.85em !important;
}


.MobileClass #divPswAttuale {
    margin-top: 20px !important;
}



.MobileClass #ButtonConfermaPassword,
.MobileClass #ButtonInviaMsg
{
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    width: fit-content;
    margin: auto;
    font-size: 1em !important;
    margin-bottom: 50px;
    height: 80px !important;
}


.MobileClass #divTitoloContattaci {
    font-size: 1em !important;
    padding: 0px 15px;
}


.MobileClass #divTipoContatto {
    display: grid !important;
    font-size: 1em !important;
    margin: 25px 0px 10px 0px !important;
}


.MobileClass #TextBoxMessaggio {
    border-radius: 20px !important;      
}


.MobileClass #DivContPanelContattaci {
    overflow: hidden;      
    overflow-y: scroll;
    max-height: 46.5vh;
    bottom: 0;
    margin-bottom: 180px;
    position: absolute;
    width: 100%;
}


.MobileClass #ButtonInviaMsg {
    height: 80px !important;
    width: 250px !important;
}


.MOBILE_APP #CopyMobile {
    display: block !important;
    position: fixed !important;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    font-size: 32px !important;
    color: #898989;
    margin-bottom: 60px;
    font-family: 'Open Sans', sans-serif;
    margin-top: unset !important;
    top: unset !important;
}


.MOBILE_APP #LblAggDB {
    font-size: 2.2em !important;
}


.IsiPad #CopyMobile {
    margin-bottom: 10px !important;
    /*font-size: 2vmin !important*/
}


.MobileClass .jconfirm.jconfirm-light .jconfirm-box {
    border-radius: 25px !important;
    width: 92vw !important;    
}


.MobileClass > .jconfirm-box > .jconfirm-content  {       
    font-size: 2.45em !important;
    margin: 40px 0px !important;
}


.MOBILE_APP input[type="checkbox"],
.MobileClass input[type="checkbox"] {
    width: 30px;
    height: 30px;
}


.MobileClass .jconfirm .jconfirm-box .jconfirm-buttons button.btn-blue {
    height: 80px !important;
    width: 180px !important;
    font-size: 2.45em !important;
    border-radius: 15px !important;
    float: right !important;
}


.MobileClass .jconfirm .jconfirm-box div.jconfirm-title-c .jconfirm-title {
    font-size: 2.725em !important;
    margin: 30px !important;
    margin-left: 0px !important;
}


.MobileClass #lblInfoNuovaPassword {
    display: inline-table !important;
    margin-top: 90px !important;
    background-image: unset !important;
    margin-left: unset !important;
    text-decoration: underline !important;
    font-size: 0.85em !important;
}


.MobileClass #LblVersione {
    display: inline-block;
    font-weight: bold;
    margin-bottom: 15px;
    margin-top: 55px;
    padding: 1px 18px !important;
    border-radius: 50px;
    background-color: #e9e9e9;
    width: fit-content !important;
}


.MobileClass #TipoProdottoFiltriRapidi input[type=checkbox],
.MobileClass #CheckFiltriRapidi input[type=checkbox]
{
display: none !important;
}


.MobileClass #TipoProdottoFiltriRapidi input[type=checkbox] + label,
.MobileClass #CheckFiltriRapidi input[type=checkbox] + label
{
background: url(/imgs/unchecked-toggle-mobile.png);
background-repeat: no-repeat;
border: none;
background-position-y: -0.25em;
background-position-x: 0px;
background-size: 1.5em;
padding: 0px 0px 0px 8.5vmin;
display: block;
}


.MobileClass #TipoProdottoFiltriRapidi input[type=checkbox]:checked + label,
.MobileClass #CheckFiltriRapidi input[type=checkbox]:checked + label
{
background: url(/imgs/checked-toggle-mobile.png);
background-repeat: no-repeat;
border: none;
background-position-y: -0.25em;
background-position-x: 0px;
background-size: 1.5em;
padding: 0px 0px 0px 8.5vmin;
display: block;
}


.MobileClass #CheckFiltriRapidi div,
.MobileClass #TipoProdottoFiltriRapidi div
{
margin-bottom: 20px !important;
line-height: 1 !important;
}


.MobileClass #menuBtn {
    background-color: #fff !important;
}


.MobileClass #panelLogin {
    margin: auto;
    background-color: #fff !important;
    font-family: "Open Sans", sans-serif !important;
    border: 3px solid #efefef !important;
    width: 90% !important;
    height: 1000px !important;
    position: fixed !important;
    top: 0 !important;
    bottom: 0 !important;
    left: 0 !important;
    right: 0 !important;
    float: none !important;
    z-index: 5;
    border-radius: 60px;
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    -o-box-shadow: none !important;
    box-shadow: none !important;
}


.MobileClass #ButtonVediProdottiGruppoDitta {
    display: none !important;
}


.MobileClass #PanelAccettaCondizioniUso {
    position: fixed !important;
    overflow: hidden;
}


.MobileClass #FrameAccettaCondizioniUso {
    top: 0;     
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    position: absolute;
    min-width: 45vw !important;
    width: 45vw !important;
    height: 10vh;
    background-color: #fff;
    border: 0px solid #e5e5e5;
    border-radius: 20px;
    box-shadow: 0px 0px 10px 1px #81818145;
    padding: 15px;
    padding-top: 10px;
    scale: 2;
}


.MobileClass #lblAccesso {          
    font-size: 1em !important;
    font-weight: normal;
    letter-spacing: 1px !important;
    margin-left: 120px;
}


.MobileClass div.spinner {          
    scale: 3 !important;
}


.MobileClass #TipoProdottoFiltriRapidi,
.MOBILE_APP #TipoProdottoFiltriRapidi {
    height: fit-content !important;
    max-height: fit-content !important;
}


.MobileClass #DivEscludiPrepMagistrali,
.MOBILE_APP #DivEscludiPrepMagistrali {
    display: block;
    margin: 0px !important;
    margin-top: 20px !important;
    padding-left: 8vw;
}


.MobileClass #ImgLogoMenuAbsolute,
.MOBILE_APP #ImgLogoMenuAbsolute {
    position: fixed !important;
}


#PanelResetPswApp {
    font-size: 2.5em !important;
    height: 120vh;
    width: 100vw;
    background-color: #fff;
    z-index: 9;
}


.absolute-center {
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    position: absolute;
    margin: auto;
    height: fit-content;
}


#InfoCambioPswApp {
    font-size: 1em;
    width: fit-content;
}


.MobileClass .jconfirm-closeIcon,
.MOBILE_APP .jconfirm-closeIcon,
.MobileClass .jconfirm-icon-c,
.MOBILE_APP .jconfirm-icon-c  {
    display: none !important;
}


.MobileClass .jconfirm-content-pane no-scroll,
.MOBILE_APP .jconfirm-content-pane no-scroll {
    padding-left: 25px;
}


#TextBoxNuovaPswApp1,
#TextBoxNuovaPswApp2 {
    width: 70% !important;
    height: 95px !important;
    font-size: 1em !important;
    padding-left: 20px !important;
    background-color: #fff !important;
    border: 2px solid #ececec !important;
    padding: 4px 8px;
    margin-top: 15px;
    border-radius: 25px;
}


#InfoCambioPswApp {
    font-size: 1em !important;
    width: fit-content !important;
    margin-bottom: 60px;
}


#ButtonConfermaCambioPswApp {
    width: 72vw !important;
    height: 95px;
    font-size: 1.05em;
    border-radius: 20px;
    border-radius: 100px;
    border: none;
    padding: 6px 16px;
    background-color: #1a914b;
    color: #fff;
}


#PanelResetPswAppLogo {
    height: 22vh;
    width: auto;
    content: url(/imgs/GALLERY.png);
    background-repeat: no-repeat;
    background-size: cover;
    border: none;
    margin-bottom: 0px;
    display: block;
}


.MOBILE_APP .jconfirm.jconfirm-white .jconfirm-box {
    max-width: 95vw !important;
    width: auto !important;
    padding: 15px !important;
    box-sizing: border-box;
}


.MOBILE_APP .jconfirm-box {
    padding: 30px !important;
}


.MOBILE_APP .jconfirm-buttons {
    width: 100% !important;
}


.MOBILE_APP .jconfirm-buttons button {
    width: 100% !important;
    font-size: 4vw !important;
    padding: 12px !important;
    box-sizing: border-box;
    margin: 10px;
    margin-top: 20px;
    border-radius: 20px !important;
}


.MobileClass #PanelCodifaAdHeader {
    bottom: 0 !important;
    width: -webkit-fill-available !important;
    margin-bottom: 5px !important;
    border: 1px solid #fff;                     
    background-color: #fff;
}


.MobileClass #LblAggDB,
.MOBILE_APP #LblAggDB {
    font-size: 3.8vmin !important;
}


.MobileClass #logo-codifa {
    height: 21vh !important;
    width: auto !important;
}


@media only screen and (max-device-width: 1023px) {
    #logo-codifa {
        height: 21vh !important;
        width: auto !important;
    }
}   


body.MobileClass.codifa-style #ImgLogoMenu {        
    background-image: url(/imgs/codifa/logo-codifa-mobile.png) !important;
}


.MobileClass.codifa-style .RicercaAI_ON {
    background: url(/imgs/codifa/toggle-on-mobile.png) !important;
    background-size: 4.5em;
    background-position: center;
    background-repeat: no-repeat !important;
    border: none;
    height: 4.5em;
    width: 4.5em;
    background-color: transparent;
    cursor: pointer !important;
}


.MobileClass .codifa-style #overlay {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background-color: rgba(0, 0, 0, 0.3);
    padding: 20px;
    box-shadow: rgba(0, 0, 0, 0.3) 0px 4px 10px;
    z-index: 9999;
    min-width: 300px;
    min-height: 250px;
    border-radius: 12px;
    width: 100vw;
    height: 100vh;
}


.MobileClass #popupGAM {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: rgb(255, 255, 255);
    padding: 20px;
    box-shadow: rgba(0, 0, 0, 0.3) 0px 4px 10px;
    z-index: 9999;
    min-width: 300px;
    min-height: 250px;
    border-radius: 30px !important;
    width: 85vw !important;
    height: 45vw !important;
    padding-top: 150px !important;
}


.MobileClass #closePopupGAM {
    height: 3vh !important;
    width: 3vh !important;
    margin: 25px !important;
    background-repeat: no-repeat;
    background-size: 3vh !important;
}


.MobileClass .ui-autocomplete {
    max-width: 72vw !important;
    white-space: normal !important;
    word-wrap: break-word !important;
    box-sizing: border-box !important;           
}


/* IPAD */


.IsiPad input::placeholder 
{
    font-size: 1em !important;
}

/* --- PANEL LOGIN --- */
.IsiPad #panelLogin {
    margin: auto;
    background-color: #fff !important;
    font-family: "Open Sans", sans-serif !important;
    border: 3px solid #efefef !important;
    width: 90% !important;
    height: 1000px !important;
    position: fixed !important;
    top: 0 !important;
    bottom: 0 !important;
    left: 0 !important;
    right: 0 !important;
    float: none !important;
    z-index: 5;
    border-radius: 60px;
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    -o-box-shadow: none !important;
    box-shadow: none !important;
    scale: 0.8 !important;          
}

.IsiPad #logo-gallery {
    height: 25em;   
    padding-bottom: 25px;
    width: auto;
    margin-top: 35px;
}

.IsiPad #logo-codifa{
    height: 30vh !important;
    width: auto !important;
}

.IsiPad #TextBoxPassword, 
.IsiPad #TextBoxPasswordAttuale, 
.IsiPad #TextBoxPasswordNuova1, 
.IsiPad #TextBoxPasswordNuova2 {
    border-radius:5px;
    width:85% !important;
    height:2em !important;
    font-size:2em !important;
    margin-top: 20px;
    border-radius: 10px;
}

.IsiPad #TextBoxUsername {
    border-radius:5px;
    width:85% !important;
    height:2em !important;
    font-size:2em !important;
    border-radius: 10px;
}

.IsiPad #TextBoxUsername, 
.IsiPad #TextBoxPassword {
    border-radius: 20px !important;
}

.IsiPad #TextBoxUsername:focus, 
.IsiPad #TextBoxPassword:focus {
    outline: 8px solid #1a914b !important;
}

.IsiPad #ButtonLogin, 
.IsiPad #ButtonConfermaCambioPsw {
    width: 88% !important;
    height: 2.5em;
    min-height: 60px;
    font-size: 2em !important;     
    border-radius: 20px;
}

.IsiPad #lblCredSmarriteLogin, 
.IsiPad #lblRegistratiLogin {
    display:none !important;
} 

.IsiPad #PanelCambioPassword span, 
.IsiPad #PanelCambioPassword b {
    font-size: 1.5em !important;
}

.IsiPad #cred-non-valide {
    font-size: 3vmin !important;
}

/* --- PANEL RICERCA --- */

.IsiPad #PanelFullScreen, 
.IsiPad #PanelResetSearch, 
.IsiPad #BtnImgListSearch, 
.IsiPad #BtnImgListSearchAic, 
.IsiPad #ButtonPrevSearch, 
.IsiPad #btn_AggiungiProdLista, 
.IsiPad #btnLogoutTop, 
.IsiPad #PrezzoFiltriRapidi, 
.IsiPad #btnInfoTop, 
.IsiPad #btnVideoTop {
    display:none !important;
}

.IsiPad #PanelBtnFiltri {       
    position: fixed !important;
    right: 0;
    height: 4rem;
    width: 4rem;
    display: inline-block;
    left: inherit !important;
    margin-top: 2.7rem !important;
    right: 7%;
}

.IsiPad #CampiTestoFiltriRapidi, 
.IsiPad #AnagraficheFiltriRapidi {
    display: none !important; 
}

.IsiPad .panelTipoProd, 
.IsiPad .panelTipoProdLITE  {    
    background: #fff;
    width: 100%;
    float: right;
    height: 302px;
    position: relative;
    margin-bottom: -80px;
    top: 0px;
    height: 105%;
    border-radius: 20px;
    margin: 0px 8px -80px 8px;
}

.IsiPad .panelTipoProd h3, 
.IsiPad .panelTipoProdLITE h3  {          
    font-size: 1.5rem !important;
}

.IsiPad #PanelTipoProdFiltri input {
    width: 34px;
    height: 34px; 
    margin-right: 10px; 
}         

.IsiPad #TipoProdottoFiltriRapidi {    
    background-image: none !important; 
    width: 96% !important;
    font-size: 2.75vmin !important;        
    padding: 4px 0px 7px 0px !important;           
    float: right !important;
} 

.IsiPad #PanelFiltriTitle { 
    height: 3rem !important;
    font-size: 2rem !important;
    margin-top: -55px;
    padding: 12px;
    padding-top: 18px;
    width: 100%;
    left: 0;
    margin-left: 0px;
}

.IsiPad #CheckFiltriRapidi {
    width: 96% !important;
    font-size: 2.75vmin !important;        
    padding: 4px 0px 7px 0px !important;           
    float: right !important;
}

.IsiPad #CheckFiltriRapidi input {
    width: 34px;
    height: 34px;
    margin-right: 10px;
}

.IsiPad #EscludiProdottiNonInCommercio {
    cursor: pointer !important;
    float: left;
    padding-right: 16px;
    width: 99% !important;
}		

.IsiPad #ProdottiVendibili {
    cursor: pointer !important;
    float: left;
    width: 99% !important;
}

.IsiPad #InListaAIFA {
    cursor: pointer !important;
    float: left;
    padding-right: 16px;
    width: 99% !important;
}

.IsiPad #SOP_OTC {
    cursor: pointer !important;
    float: left;
    padding-right: 20px;
    width: 99% !important;
}

.IsiPad #InPHT {
    cursor: pointer !important;
    float: left;
    padding-right: 16px;
    width: 99% !important;
}

.IsiPad #FarmaStampati {
    cursor: pointer !important;
    float: left;
    width: 99% !important;
}

.IsiPad #ProdottiAdEsaurimento {
    cursor: pointer !important;
    float: left;
    width: 100% !important;
}

.IsiPad #EscludiEsaurimento {
    cursor: pointer !important;
    float: left;
    width: 100% !important;
}

.IsiPad #spanReimpostaFiltri2 {
    display: none;
}

.IsiPad #ButtonApplicaFiltri, 
.IsiPad #ButtonRipristinaFiltri {
    height: 8vh !important;
    width: 35vw;
    border-radius: 30px !important;
    font-size: 2.7rem;
    background-image: none !important;
    padding-left: 0px !important;
    text-align: center !important;
}

.IsiPad .clearBtnFiltri {
    cursor: pointer;
    position: absolute;
    left: -1px;
    top: 100%;
    right: 0px;
    background-color: #f3f3f3;
    padding: 2px 2px;
    border: 1px solid #e1e1e1;
    margin: 0px;
    border-bottom-left-radius: 20px !important;
    border-bottom-right-radius: 20px !important;
    padding-top: 15px;
    padding-bottom: 15px;
}

.IsiPad #PanelFiltriContainer {
    overflow: hidden !important;
    height: 315px;
    padding-bottom: 110px;	     
} 

.IsiPad #ButtonClear {               
    width: 3em !important;
    position: absolute;
    left: 69% !important;                     
    top: 20px;		
}

.IsiPad #searchPanel {
    background-color:green; 
    height:auto;		                    
    padding: 12px 0px !important;                    
    height: 125px !important;
}


.IsiPad #TextBoxSearchContainer {   
    position: fixed;
    left: 53%;                                        
    transform: translateX(-50%);
    width: 60% !important;
    max-width: 60% !important;
    height: 105px;
    margin-top: -15px;
}


.IsiPad #TextBoxSearch {
    width: 100% !important;
    height: 100%;
    padding-right: 70px; 
    font-size: 2.4rem;
    box-sizing: border-box;
    padding: 15px 10px;
    padding-left: 28px !important;
    padding-right: 165px !important;
    border-radius: 35px !important;                      
    line-height: 60px;
}


.IsiPad .textboxxTxt {
    max-width: 90% !important;
}


.IsiPad #ImgLogoMenu {
    margin-top: 150px !important;
    /*margin-left: 160px !important;*/
    margin-bottom: 20px !important;    
}

.IsiPad .ui-menu-item .li-el, 
.IsiPad .ui-menu-item .li-pa, 
.IsiPad .ui-menu-item .li-atc, 
.IsiPad .ui-menu-item .li-ditta, 
.IsiPad .ui-menu-item .li-gmp {
    font-size:2.2rem !important;
}

.IsiPad .ui-menu-item .li-sub {
    font-size:2.1rem !important;
}

.IsiPad .ui-menu-item { 
    font-size:2rem !important;
}

.IsiPad #panelOrdinamentoMobile {
    margin-top:12vmin !important;
    margin-bottom:2vmin !important;
    text-align:left;
}        

.IsiPad #ddlOrdinamentoMobile, 
.IsiPad #ddlDirezioneOrdinamentoMobile {
    font-size:4vmin !important;
    cursor:pointer !important;
    margin-left:10px;
    background-color: #f2f2f2;
    width:35%;
    height:5vmax;
    border-radius: 5px;
}

.IsiPad #ddlOrdinamentoMobile option, 
.IsiPad #ddlDirezioneOrdinamentoMobile option { 
    font-size:3vmin !important;          
}

/* -- PANEL PROFILO E CONTATTI -- */

.IsiPad #PanelProfiloUtente {
    width:95vw !important;
    height:85vh !important;
    /*left:0% !important;*/
    right:0% !important;
    top:0% !important; 
    bottom:0% !important;
    margin:auto !important;
    font-size:2vmax !important;    
    overflow-y:auto;
    overflow-x:hidden; 
}

.IsiPad #PanelContattaci {
    width:95vw !important;
    height:85vh !important;
    /*left:0% !important;*/
    /*right:0% !important;*/
    /*top:7% !important;
    bottom:0% !important;*/
    margin:auto !important;
    font-size:2vmax !important;    
    overflow-y:auto;
    overflow-x:hidden;
}

.IsiPad #divXProfiloUtente {
    /*position:fixed;*/
    top:0;
    right:0;
}

.IsiPad #divXProfiloUtente input { 
    height: 8vmin !important;
    width: 8vmin !important;
}

.IsiPad #divXContattaci input {
    height: 8vmin !important;
    width: 8vmin !important;
}

.IsiPad #divXContattaci {
    /*position:fixed;*/
    top:0;
    right:0;
}

.IsiPad #PanelInfo input {
    height: 100px !important;
    width: 100px !important;
    margin-top: -10px;
    margin-right: -15px;
}

.IsiPad #rbtRichiestaInfoContattaci, 
.IsiPad #rbtAssistenzaSoftwareContattaci {
    height:2vmax;
    width:2vmax;
}

.IsiPad #SelectCred {
    height: 65px !important;
    background-color: #cce2ea !important;
    border: 1px solid #eceff0 !important; 
    cursor: pointer !important;
    min-width: 40% !important;
    font-size: 1em !important;
}

.IsiPad #DropDownListRecapito {
    background-color: #cce2ea !important; 
    border: 1px solid #eceff0 !important;
    cursor: pointer !important;
    height: 65px !important;
    margin-left: -30px !important;
    min-width: 40% !important;
    font-size: 1em !important; 
}

.IsiPad #TextBoxPswAttuale, 
.IsiPad #TextBoxEmailReimposta, 
.IsiPad #TextBoxEmailReimpostaConferma, 
.IsiPad #TextBoxNominativo, 
.IsiPad #TextBoxEmail, 
.IsiPad #TextBoxTelefono, 
.IsiPad #TextBoxQualifica, 
.IsiPad #TextBoxOggetto, 
.IsiPad #TextBoxMessaggio {
    font-size:1em !important;
}

.IsiPad #ButtonConfermaPassword {
    font-size: 1.5em !important;
    width: auto; 
    padding: 5px 35px;
}

.IsiPad #btnDownloadLink {
    font-size: 1.4em !important;
    width: auto;
    padding: 5px 35px;
    margin: 30px 0px;
}

.IsiPad #ButtonInviaMsg {
    font-size: 1.5em !important;
    width: auto;
    padding: 5px 35px;
}

.IsiPad #divBtnLista {
    display: none!important;
}

.IsiPad #divSalvaLink {
    display: none;
}

/* -- TABELLA -- */

.IsiPad table {
    box-shadow: none !important;
}

.IsiPad table, 
.IsiPad thead, 
.IsiPad tbody, 
.IsiPad th, 
.IsiPad td, 
.IsiPad tr { 
    display: block; 
}

.IsiPad table tr td {
    font-size: 2.15em !important;                                
    line-height: 1;       
    text-align: left;
    height: auto;
    padding-top: 0.225em !important;   
    padding-bottom: 0.225em !important;   
    letter-spacing: -0.45px !important;                                 
}      
          
.IsiPad table tr td {              
    border: 0;                
}

.IsiPad #PanelPrimoAvvioEvidenza h1 {
    font-size: 1.3rem !important;
    padding: 10px !important;
    margin: 0px !important;
}

.IsiPad #PanelFirstLoadSearch,
.IsiPad #GridViewRicercheFrequenti td,
.IsiPad #PanelPrimoAvvioEvidenza,
.IsiPad #DivForseCercavi,
.IsiPad #GridViewForseCercavi td,
.IsiPad #DivFiltriPresenti {
    font-size: 1.45rem !important;                                    
}

.IsiPad #PanelFirstLoadSearch,
.IsiPad #PanelPrimoAvvioEvidenza {
    font-size: 2em;
    margin-top: 45px !important;
    border: 4px solid #f1f1f1 !important;
    padding: 25px 0px;
    width: calc(100vw - 60px) !important;
    left: 0;
    right: 0;                
    margin: auto;
    height: max-content !important;
    border-radius: 35px !important;         
}

.IsiPad #Panel5 .underlineHover {
    font-size: 0.65em !important;
    max-height: 8.5vh;
    padding-bottom: 0px !important;
    border-radius: 20px !important;
}

.IsiPad #GridViewRicercheFrequenti tbody {
    column-gap: 0px !important;
}

.IsiPad #GridViewRicercheFrequenti tr {
    padding: 0px !important;
    margin: 0px !important;
}

.IsiPad tr { 
    height: auto !important;
    border: 1px solid #e5e5e5 !important;      
}

.IsiPad .grid-header {
    /*height:1px !important;*/    
    display: none;
}

.IsiPad th {
    position: absolute;    /* Nascondiamo la testata */
    top: -9999px;
    left: -9999px;
}

.IsiPad td {
    position:relative;     /* Spazio per l'intestazione */
    padding-left:30%;
    border:0;
}

.IsiPad td:before {
    position:absolute; /* Creiamo le altre celle per la descrizione */
    left: 30px;
    width: 80%;
    font-weight: normal !important;     
    line-height:1;        
    /*top:5px;*/
    text-align:left;
    color: #333;
}

.IsiPad td:nth-of-type(1):before { content: "Nome"; line-height:1; } 
.IsiPad td:nth-of-type(3):before { content: "Ditta"; line-height:1; }
.IsiPad td:nth-of-type(4):before { content: "Prezzo €"; line-height:1; }
.IsiPad td:nth-of-type(5):before { content: "Reperibilità"; line-height:1; }

.IsiPad .Vendibilita {
    display: none !important;
}

.IsiPad .PHT {
    display: none !important;     
}

.IsiPad .ListaTrasp {
    display: none !important; 
}

.IsiPad .Codice {
    display: none !important;
}

.IsiPad #ButtonFirstPage, 
.IsiPad #ButtonIndietro, 
.IsiPad #ButtonAvanti {
    height:5vmax !important;
}

.IsiPad #PanelControlBoxGrid { 
    height: 100px;
    width: 96.5%;
    margin-top: 20px;    
}

.IsiPad #divConteggioPrincipale {
    flex-shrink:1 !important;
    min-width:0 !important;
    float:left;
    text-align:left;
}

.IsiPad #divListePaginazione {
    display:inline-block !important;
    text-align:right !important;
}


.IsiPad #panelMenu {
    width: 80% !important;         
    height: 100vmax !important; 
}

.IsiPad #menuBtn {
    width:100%!important;
}

.IsiPad .textLabel {
    font-size:3.8vmin;
    margin-bottom:35px !important;
    margin-top:15px !important;
    width:100%;
}

.IsiPad #ButtonInfoAppVersion, 
.IsiPad #ButtonProfiloUtente, 
.IsiPad #ButtonContattaci, 
.IsiPad #ButtonInformazionisu, 
.IsiPad .BtnLogout2, 
.IsiPad .BtnLogout {
    width: 80%!important;
    font-size: 2vmax!important;
    margin-bottom: 15px;    
    padding: 15px;    
    border-radius: 20px !important;
}

.IsiPad #btnAnnullaEliminaSessionePendente, 
.IsiPad #BtnEliminaSessionePendente {         
    width: 50% !important;
    font-size:3vmin !important;
    display:block;
}  

.IsiPad #LabelEsitoLogin {
    font-size: 3vmin !important;
}

.IsiPad #ImgLogoMenu {        
    width: 25vmax !important;
    height: 25vmax !important;    
}

.IsiPad #ImgLogoMenuAbsolute.menuGallery {
    cursor: pointer;
    width: 5em!important;
    left: 3%;
    margin: 0 !important;
    position: absolute;
    height: 5em !important;
    top: 2rem;
}

/* -- FINE MENU -- */

.IsiPad .footer_after {
    display:block; 
}

.IsiPad #footer {
    /*height: 270px !important;*/
    display: none;
}

.IsiPad #logo-fd {
    height: 200px !important;      
}

.IsiPad #footer p {
    color: Gray;
    font-family: "Open Sans", sans-serif;
    font-size: 0.5em !important;       
    margin: 15px !important;    
    color: #686868;
}

.IsiPad #lblRegistratiLogin {
    font-size: 3vmin !important;    
    display: block !important;    
    margin-top: 3vmin !important;    
}

.IsiPad #divAlertAccesso, 
.IsiPad #bAccedi {
    font-size: 5vmin !important;    
}

.IsiPad #lblRegistratiLogin a{
    font-size: 3vmin !important;    
}

.IsiPad #login-loading {
    height: 55px;
    width: 55px;
    position: absolute;
    margin-left: 105px;
    display: block;
}

/* -- PROGRESS -- */

.IsiPad .UpdateProgressCenter_Class, 
.IsiPad .UpdateProgressCenter_Class_Anagr {
    height: 210px;
    width: calc(100% - 30px);
    padding-top: 40px;
    border-radius: 40px;
    margin-left: 15px !important;
}

.IsiPad #UpdateProgressCenter img {
    height: 100px !important;
    margin-top: -20px;
}

.IsiPad #UpdateProgressCenter label {
    position: absolute;
    top: 35%;
    left: 1%;
    margin-top: 85px !important;
}

.IsiPad .foo .wrapper {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    height: 100%;
    border-radius: 5px !important;
}

.IsiPad #divPswAttuale, 
.IsiPad #divNuovaPassword, 
.IsiPad #divConfermaPassword, 
.IsiPad #divNuovaMail, 
.IsiPad #divConfermaMail {
    width: 40%;
}

.IsiPad #TextBoxPswAttuale, 
.IsiPad #TextBoxReimpostaPasswordUtente, 
.IsiPad #TextBoxReimpostaPasswordUtenteConferma, 
.IsiPad #TextBoxEmailReimposta, 
.IsiPad #TextBoxEmailReimpostaConferma {
    width: 100%;
    margin: 10px 0px !important;
    font-size: 1em !important;
}

.IsiPad #lblInfoNuovaPassword {
    font-size: 1em !important;
    width: 100% !important;
    float: left;
    margin-bottom: 35px;    
}

.IsiPad #PanelInfo {
    z-index: 99999;
    width: 90%;
    height: 50%;
    font-size: 2em;
}

.IsiPad #TitleInfo h1 {
    background-image: none !important;    
}    

.IsiPad #PanelAccedi {
    margin-top: -30px !important;         
}

.IsiPad .clearBtnFiltri {
    cursor: pointer;
    position: absolute;
    left: -1px;
    top: 100%;
    right: 0px;
    background-color: #f3f3f3;
    padding: 2px 2px;
    border: 1px solid #e1e1e1;
    margin: 0px;
    border-bottom-left-radius: 50px !important;
    /*box-shadow: 0 15px 30px -2px #e1e1e1 !important;*/
    border-bottom-right-radius: 50px !important;
    padding-top: 15px;
    padding-bottom: 15px;
}


.IsiPad #PanelFiltriContainer {
    overflow-y: scroll !important;     
}


.IsiPad #PanelFiltriAPP input[type=submit], 
.IsiPad #PanelFiltriAPP input[type=button], 
.IsiPad #ButtonFiltroCommAppMobile,
.IsiPad #ButtonAppMobileScanCode {
    font-size: 1.55em !important;                     
}


.IsiPad #contBtnMenu {
    text-align: center !important;
    width: 100% !important;
    margin-bottom: 10vh !important;                   
}   


.IsiPad #contBtnMenu input {
    background-size: 2.8vmax !important;       
}    
/* END IPAD */


body.MobileClass:not(.MOBILE_APP):not(.isSafari) #CopyMobile {
    display: none !important;              
}


#PanelFiltriAPP {
    text-align: left;
    display: block !important;
    margin-top: 160px !important;
    width: -webkit-fill-available;
    overflow: hidden;
    /*width: calc(100% - 20px);*/
    left: 0;
    right: 0;
    display: block;
    margin: auto;
    height: auto;
}


#DivPanelFiltriAPP {
    width: -webkit-fill-available;
    overflow: hidden;
    overflow-x: auto;
    height: auto;
    padding: 0px 20px;
    display: flex !important;
}


#PanelFiltriAPP input[type=submit],
#PanelFiltriAPP input[type=button],
#ButtonFiltroCommAppMobile {
    border-radius: 100px !important;
    height: 4.1vh !important;
    width: auto;
    font-size: 2em !important;
    padding: 0px 38px;
    border: 1px solid #f1f1f1;
    background-color: #f1f1f1;
    margin-right: 12px !important;      
    color: #545454;
    font-weight: normal;       
}


.filtro-app,
.FiltroCommAppMobile {
    background-color: #26975a !important;
    border: 1px solid #26975a !important;
    font-weight: bold !important;
    color: #fff !important;                       
}


#PanelResultFiltroApp {
    position: fixed;
    background-color: #f1f1f1;
    height: -webkit-fill-available;
    width: 100vw;
    left: 0;
    display: block;
    top: 0;
    margin-top: 290px;
    width: 100%;
    overflow: hidden;
    overflow-y: auto;                                            
} 


#DivGridViewResultFiltroApp {
    max-height: 80%;
    height: 80%;                                                          
    overflow: hidden;
    overflow-y: auto; 
}      


#GridViewResultFiltroApp {
    border: none;
    width: calc(100% - 80px);
    margin-left: 40px;
    margin-top: 40px;
    border-collapse: collapse !important;
}


#GridViewResultFiltroApp td {
    padding-left: 30px !important;    
    font-weight: bold !important;
    background-color: #fff !important;                         
    color: #333 !important;
    vertical-align: middle;
}


#GridViewResultFiltroApp tr {
    margin: 0px !important;
    height: 7vh !important;
    background-color: #fff !important;
    border-radius: 0px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}


#GridViewResultFiltroApp td:first-child {
    flex: 0 0 auto;
}


#GridViewResultFiltroApp tr:not(:last-child) {
    border-bottom: 0.5px solid #efefef !important;
}


#GridViewResultFiltroApp td:before {
    content: unset !important;
}


#GridViewResultFiltroApp td:nth-child(2) {
    display: none !important;
}


#GridViewResultFiltroApp td:nth-child(3) {
    order: 1;
    text-align: left;
    width: 100%;
    text-align: right;
    padding-left: 15px !important;
    flex: 1.5 !important;
    text-align: right;
    text-overflow: ellipsis !important;
    word-wrap: break-word;
    overflow-wrap: break-word !important;                     
}


#GridViewResultFiltroApp td:nth-child(4) {
    order: 2;
    text-align: left;
    margin-right: 20px;
    padding-left: 0px !important;
    margin-left: 0px !important;
    font-weight: normal !important;
    color: #a9a9a9 !important;
    padding-right: 65px;
    background-color: transparent !important;               
}


#GridViewResultFiltroApp td:nth-child(3) { flex: 1; text-align: right; white-space: normal; word-wrap: break-word; overflow-wrap: break-word; }                    
#GridViewResultFiltroApp td:nth-child(4) { flex: 1; text-align: right; }


#GridViewResultFiltroApp tr {
    display: flex;
    justify-content: space-between;
    background-image: url(/imgs/app_mobile/open-arrow-right.png);
    background-size: 40px;
    background-repeat: no-repeat;
    background-position-x: 96%;
    background-position-y: center;
}


#GridViewResultFiltroApp td:first-child {
    flex: 0 0 auto;
}


#GridViewResultFiltroApp td:nth-child(3) {
    flex: 1;
    text-align: left;
    padding-left: 30px;
}


#GridViewResultFiltroApp #ImgFiltroApp {
    width: 4vh;
    height: 4vh;    
    left: 0;
    display: block;
    border-radius: 20px;
}


.filtro-app-pattivo #ImgFiltroApp {
    background-color: #2E86DE42 !important;
    background-image: url(/imgs/app_mobile/ico-filtro-app-pattivo.png);
    background-size: 2.575vh;
    background-position: center;
    background-repeat: no-repeat;
}


.filtro-app-ditta #ImgFiltroApp {
    background-color: #d3540042 !important;
    background-image: url(/imgs/app_mobile/ico-filtro-app-ditta.png);
    background-size: 2.5vh;
    background-position: center;
    background-repeat: no-repeat;
}


.filtro-app-atc #ImgFiltroApp {
    background-color: #10AC8442 !important;
    background-image: url(/imgs/app_mobile/ico-filtro-app-atc.png);
    background-size: 2.575vh;
    background-position: center;
    background-repeat: no-repeat;
}


.filtro-app-gmp #ImgFiltroApp {
    background-color: #B5347142 !important;
    background-image: url(/imgs/app_mobile/ico-filtro-app-gmp.png);
    background-size: 2.575vh;
    background-position: center;
    background-repeat: no-repeat;
}


#GridViewResultFiltroApp tr:nth-child(1) {
    border-top-left-radius: 45px;
    border-top-right-radius: 45px;
}


#GridViewResultFiltroApp tr:last-child {
    border-bottom-left-radius: 45px;
    border-bottom-right-radius: 45px;
}


#GridViewResultFiltroApp tr:first-child td:nth-child(1) {
  border-top-left-radius: 45px;
  /*border-top-right-radius: 45px;*/
}


#GridViewResultFiltroApp tr:last-child td:nth-child(1) {
  border-bottom-left-radius: 45px;
  /*border-bottom-right-radius: 45px;*/
}


.MobileClass #searchPanel {
    width: 100% !important;
    max-width: 100% !important; 
    margin: 0px !important;
    padding-left: 0px !important;   
    padding-right: 0px !important;             
}


#LabelResultFiltroApp {
    display: block;
    margin: auto;
    margin-top: 3vh;
    left: 0;
    right: 0;
    position: absolute;
    font-size: 2.25em;
    width: fit-content;
    color: #333;
    font-family: "Open Sans", sans-serif;
}


body.MobileClass:not(.MOBILE_APP) #DivForFadeGrid {
    margin-top: 20px !important;                            
}


.MobileClass #TextBoxSearchContainer {
    position: fixed;
    left: 53%;
    transform: translateX(-50%);
    width: 60% !important;
    height: 105px;
    margin-top: -15px;
}


.MobileClass #TextBoxSearch {
    width: 100% !important;
    height: 100%;
    padding-right: 70px; 
    font-size: 2.4rem;
    box-sizing: border-box;
    padding: 15px 10px;          
    padding-left: 28px !important;
    padding-right: 165px !important;
    border-radius: 35px !important;
    line-height: 60px;
}


.MobileClass:not(.codifa-style) #ButtonSearch {
    position: absolute;
    top: 50%;                
    right: 0;
    transform: translateY(-50%);
    width: 4vh !important;
    height: 4vh !important;                           
    background: url(/imgs/app_mobile/lente.png) !important;
    background-repeat: no-repeat !important;  
    background-position: center !important;                    
    border: none !important;
    background-size: contain !important;                        
    position: absolute;     
    left: 82% !important;                         
}


.MobileClass.codifa-style #ButtonSearch {
    position: absolute;
    top: 50%;                
    right: 0;
    transform: translateY(-50%);
    width: 3.75vh !important;
    height: 3.75vh !important;                                 
    background: url(/imgs/codifa/lente.png) !important;            
    background-repeat: no-repeat !important;  
    background-position: center !important;                    
    border: none !important;
    background-size: contain !important;                        
    position: absolute;                
    left: 82% !important;                                  
}



#DivFiltroCommercioAppMobile {
    padding-left: 20px;
}


/*  DISPOSITIVI IOS  */
@supports (-webkit-touch-callout: none) {
    .MobileClass:not(.codifa-style) #ButtonSearch {
        top: 50% !important;   
        height: 4vh !important;
        width: 4vh !important;
        max-height: 4vh !important;
        max-width: 4vh !important;
        min-height: 4vh !important;
        min-width: 4vh !important; 
        background: url(/imgs/app_mobile/lente.png) !important;
        background-repeat: no-repeat !important;                              
        background-position: center !important;                    
        border: none !important;
        background-size: contain !important;    
        left: 79.5% !important;                             
    }

    .IsiPad:not(.codifa-style) #ButtonSearch {
        top: 50% !important;   
        height: 6vh !important;
        width: 6vh !important;
        max-height: 6vh !important;
        max-width: 6vh !important;
        min-height: 6vh !important;
        min-width: 6vh !important; 
        background: url(/imgs/app_mobile/lente.png) !important;
        background-repeat: no-repeat !important;       
        background-position: center !important;                    
        border: none !important;              
        background-size: contain !important;    
        left: 81% !important;                                                                  
    }

    .MobileClass.codifa-style #ButtonSearch {
        top: 50% !important;   
        height: 4vh !important;
        width: 4vh !important;
        max-height: 4vh !important;
        max-width: 4vh !important;
        min-height: 4vh !important;
        min-width: 4vh !important; 
        background: url(/imgs/codifa/lente.png) !important;
        background-repeat: no-repeat !important;  
        background-position: center !important;                    
        border: none !important;
        background-size: contain !important;    
        left: 79.5% !important;                             
    }

    .IsiPad.codifa-style #ButtonSearch {
        top: 50% !important;   
        height: 4.5vh !important;
        width: 4.5vh !important;
        max-height: 4.5vh !important;
        max-width: 4.5vh !important;
        min-height: 4.5vh !important;
        min-width: 4.5vh !important;       
        background: url(/imgs/codifa/lente.png) !important;
        background-repeat: no-repeat !important;  
        background-position: center !important;                    
        border: none !important;
        background-size: contain !important;    
        left: 82% !important;                                                   
    }
}


.IsiPad #PanelFiltriTitleMobile, .IsiPad #H3PanelTipoProdFiltri {
    font-size: 3rem !important;
}


.IsiPad .Rimuovi-filtri-rapidi {
    margin-left: 36vw !important;
}


.IsiPad #PanelFiltriTitleMobile {
    margin-top: -30px !important;        
}


.IsiPad #ContainerPanelFiltri {
    width: 100vw !important;
    height: 100vh !important;     
}


.MobileClass:not(.IsiPad) #PanelPrimoAvvioEvidenza {
    font-size: 2em;
    margin-top: 45px !important;
    border-radius: 50px !important;
    border: 4px solid #f1f1f1 !important;
    padding: 40px 0px;
    width: calc(100vw - 60px) !important;
    left: 0;
    right: 0;
    margin: auto;
    height: max-content !important;
}


.MobileClass #PanelPrimoAvvioEvidenza h1 {
    font-size: 1.35em !important;
    padding: 15px 20px !important;
    margin: 0px !important;     
}


.MobileClass #Panel5  {
    height: max-content !important;
    margin-top: 10px;
    padding: 25px !important;
}


.MobileClass #Panel5 a {         
    font-size: 0.925em !important;
    border-radius: 30px;
    margin-right: 15px;
    background-size: 2.15em;
    padding: 28px;
    padding-bottom: 5px;
    padding-top: 2.5em !important;
    margin-bottom: 0px !important;
    text-decoration: none !important;
    background-position-y: 12px !important;                     
    padding-top: 50px !important;                  
}


.MobileClass #ImgInEvidenza {
    content: url(/imgs/in-evidenza-1.png);
    width: 1em;
    height: 1em;
}


.MobileClass #GridViewRicercheFrequenti td {
    padding-left: unset !important;
    font-size: 3.125em;         
}


.MobileClass #GridViewRicercheFrequenti td:before {
    content: unset !important;
}


.MobileClass #DivIcoInfoFirstLoadSearch {
    height: 1.55em;
    width: 100%;
    background-image: url(/imgs/first-load-info.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    margin-bottom: 10px;
}


.MobileClass #DivIcoTxtFirstLoadSearch {
    height: 2em;       
    width: 100%;
    background-image: url(/imgs/first-load-search.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}


.MobileClass #PanelBtnFiltri {       
    position: fixed !important;
    height: 4rem;
    width: 4rem;
    display: inline-block;
    left: inherit !important;
    margin-top: 2.7rem !important;       
    right: 5.5%;
}


.MobileClass #PrimoAvvioPAUcraino {
    display: none !important;
}


.MOBILE_APP #ButtonScansionaApp {
    display: block !important;
    font-size: 2.25em;
    margin-top: 45px !important;
    border-radius: 40px;
    border: 0px solid #308543;
    padding: 40px 0px;
    width: calc(100vw - 60px) !important;
    left: 0;
    right: 0;
    margin: auto;
    height: 4em !important;
    background-color: rgb(48, 133, 67);
    background-image: url(/imgs/app_mobile/camera-white.png);
    background-size: 2.5em;
    background-repeat: no-repeat;
    background-position: 25vw center;
    padding-left: 4.25em;
    color: #fff !important;
    font-weight: bold;
}