.nomobile{
    display: none;
}

#menu_vendita_al_banco,.menu_carico_scarico{
    display: none !important;
}

.no_desktop{
    display: block !important;
}

h1{
    width: calc(100% - 20px) !important;        
    height: 20px;
    margin: 0;
    padding: 0;
    padding-bottom: 10px;
    padding-left: 0px;
    text-align: center;
}

#login{
    margin: auto;
    clear: both;
    float: none;
    padding: 0px;
    padding-top: 25px;    
    height: calc(100% - 25px);
}

#header{   
    position: fixed;
    left:50px;
    right: 0;
    height: 40px !important;
    min-height: 40px !important;
    max-height: 40px !important;
    background-color:transparent;
    display: block;
    color:white;
    overflow: hidden;
    z-index: 9;
    
}
#logo_software{
    display:none;
}

#foto_user{
    margin-left: 25px;
}

#banner_gestendo{
    display: none;
}

#menu{      
    width: 80%;
    left:0px;
    left:-300px;
    right:0px;
    top:0px;
    bottom: 0px;
    position: fixed;    
    overflow-y: scroll;
    height: calc(100% - 0px); 
    display: block;
    clear: both;
    z-index: 1;    
    background-color:#2E323E; 
    border-bottom:1px solid #2E323E;   
    display: none;        
}


#menu a,#menu .no_link{ 
    width: 100%;
    min-width: 100%;
    max-width: 100%;    
}

.sottomenu{
    position: relative;
    width: 100%;
    display: none;
    margin-left: 0px;
    clear: both;
    float: none;
    margin-top:0px;    
}


#option{    
    position: fixed;
    z-index: 10000;    
    font-size: 20px;
    text-align: center;    
    height: 30px;    
    line-height: 30px;
    float: right;
    overflow: hidden;   
    top:5px;
    right:5px;    
    color:#444;
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    border-radius: 1px;
    cursor: pointer;
}
#option img{
    height: 100%;
}


.valore .pulsante{
	margin-bottom:5px !important;
}

.pulsanteimg{
    width: calc(100%);    
}

.valore .tag{
    margin-left: 0px;
}

.div_home{
    width: 100%;
    clear: both;    
}

.divricercagenerale{
    width: calc(100% - 20px);
    padding:10px;    
    clear: both;
}

.scheda, .schedaleft, .schedaright, .width50, .width33,.width20,.width25, .width66, .width75, .width14,.width40,.width45,.width55,.width60, .width30, .width70{    
    width: calc(100%) !important;
    max-width: calc(100%) !important;
    min-width: calc(100%) !important;
    padding:0px !important;
    margin: 0px !important;
    margin-bottom: 10px;
    float: none;
    position: relative;
    clear:both;
}
.width10{
    width: calc(33%) !important;
    max-width: calc(33%) !important;
    min-width: calc(33%) !important;
    padding:0px !important;
    margin: 0px !important;
    margin-bottom: 10px;
}

.box, .div_ricerca{    
    width: calc(100% - 30px) !important;
    max-width: calc(100% - 30px) !important;
    min-width: calc(100% - 30px) !important;
    padding:10px;    
    float: none;
    position: relative;
    clear:both;
    margin: auto;
    margin-bottom:10px;
}   


#popup,#popup2{
    top:0;
    right:0;
    left:0;
    bottom:0;
    position: fixed;
    padding-top: 25px;
}

.popup, #popup_demo{
    width: calc(100% - 20px);
    max-height: calc(100vh - 0px) !important;
    padding: 5px !important;
    margin:5px;
    z-index:11;
    
}


#popup #popup1,#popup #popup2{
    width: calc(100% - 20px);
    min-width: calc(100% - 20px);
    max-width: calc(100% - 20px);
    padding: 10px;
    margin-bottom:0px;
    background-color:white;
    margin: auto;    
    margin-top: 50px;
}


#popup_demo_inner{
    margin: 5px;
    width: calc(100% - 20px);
    max-height: calc(100vh - 30px);
    background-color:white;
    padding:1px;
    padding-left: 5px;
    padding-right: 5px;    
    overflow-y: auto;
}

.label{
    width: calc(100% - 5px);
    height: 25px;
    line-height: 25px;    
    margin-bottom: 1px !important;    
    padding-left:5px;    
}

.valore{
    float: none;
    min-width: calc(100% - 10px);
    max-width: calc(100% - 10px);
    clear: both;
    font-size: 12px !important;
    text-align: left;
    padding-left:5px;
    padding-right:5px;
}

.labeltotale{
    color:white;    
    font-size:12px;
    line-height: 30px;
    margin-right: 5px;
    float: none;
    width: 100%;
    clear: both;
}
.totale{
    text-align: center;
    height: 30px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    border:none;
    float: none;
    width: 100%;
    clear: both;
}

#viaggionozze{
    width: 100%;
    padding:0;
    text-align: center;
}

.nozze50,.nozze33{
   float:none;
   width: 100%;
}


.separatoreviaggionozze img{
    width: 70%;
    padding-top: 10px;
    padding-bottom: 10px;
    text-align: center;
    float: none;
}

#viaggionozze input[type="text"],#viaggionozze input[type="number"]{
    width: calc(100% - 10px);
    height: 40px;
    margin-bottom: 10px;
    border:1px solid lightgray;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;    
    padding-left: 5px;
    font-size: 14px;
    border:none;
}

#fullscreen{
    width: 100%;
    margin: 0;
    padding: 0;
}
.fullscreensposi{
    background-image: none;
}

.home{
    width: calc(100% - 24px);
    border:1px solid #f2f2f2;    
    margin: 10px;
    padding: 0px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    -moz-box-shadow:1px 1px 1px lightgray;
    -webkit-box-shadow:1px 1px 1px lightgray;
    box-shadow:1px 1px 1px lightgray;
    float: left;
}

.tabella2{            
    width: 100%;
    min-width: 100%;
    max-width: 100%;
    border-collapse:collapse;    
    border:1px solid #f2f2f2;
    display: block;
    overflow-x: auto;
}    

.tabella2 tbody tr td, .tabella2 thead tr th{    
    white-space: nowrap;
    font-size: 11px;
}

.tabella2 tr td:last-child{
    width:1%;
    white-space:nowrap;
}



#listamedia{
    width: calc(100% - 10px);    
    padding: 5px;
    overflow: auto;
    clear: both;
}
#schedamedia{
    width: calc(100% - 10px);    
    padding: 5px;
    overflow: auto;
    clear: both;
}


#ricercaprodotti{
    max-height: 250px;
    overflow: auto;
}


#totali_carrello{
    margin:0 !important;
    position: relative !important;
    width: 100% !important;
    height: 300px !important;
}





#div_aggiornamento{
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    background-color:rgba(0,0,0,0.5);
    z-index: 100000;
}
#aggiornamento{
    padding: 10px;
    background-color: white;
    width: calc(100% - 40px);
    margin: auto;
    margin-top: 25px;
}

.taborizzontale{
    float: left !important;
}


#ricerca_avanzata{    
    float: left;
    margin-left: 5px;
}

.search, .search_select{
    width: calc(100% - 4px);
    margin: 2px;
    margin-bottom: 5px;
    clear: both;
    float: none;
}

#search_prodotti{
    width: calc(100% - 100px);
	min-width: calc(100% - 100px);
	max-width: calc(100% - 100px);
    margin: 2px;
    margin-bottom: 5px;
    clear: both;
    float: none;
}

#search, #cerca_per, #ricercaprodotto, #valorecercacategoria{
    min-width: calc(100% - 54px) !important;
    max-width: calc(100% - 54px) !important;
    width: calc(100% - 54px) !important;
    float: left;
}



.tabs{
    display: flex;
    flex-wrap: nowrap; 
    overflow: auto;    
    overflow-y:hidden;
}

.tab{
    flex: 0 0 auto;
}


/* Force table to not be like tables anymore */
.tabella_responsive, .tabella_responsive thead, .tabella_responsive tbody, .tabella_responsive tabella_responsive th,.tabella_responsive td,.tabella_responsive tr {
    display: block;
}

/* Hide table headers (but not display: none;, for accessibility) */
.tabella_responsive thead tr {
    position: absolute;
    top: -9999px;
    left: -9999px;
    display: none;
}

.tabella_responsive tr {
    margin: 0 0 1rem 0;
}

.tabella_responsive tr:nth-child(odd) {
    background: #f2f2f2;
}

.tabella_responsive td {
    border: none;
    height: 32px;
    line-height: 32px;
    border-bottom: 1px solid #f2f2f2;
    position: relative;
    padding-left: 25%;
    text-align: left;
}
.tabella_responsive .tagsmall{
    float: left;
    margin-left: 5px !important;
}

.tabella_responsive .pulsantesmall{
    margin: 1px 1px 1px 1px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}

.tabella_responsive td:before {
    position: absolute;
    top: 0;
    left: 6px;
    width: 25%;
    padding-right: 10px;
    white-space: nowrap;
    font-weight: 500;
}


#logo_home{
    max-width: calc(100% - 40px);
    margin: 10px;
    padding:10px;
}

#iframe_anteprima{
    width: calc(100% - 10px);
    height: 100vh;
    border:none;
    overflow: hidden;    
}


#pulsante_assistenza_menu,#pulsante_chat_menu{
    display: block !important;
}
.pulsanti_assistenza{
    display: none !important;
}

.gruppo_pulsanti{    
    display: block;
    position: fixed;           
    width: calc(100% - 40px);
    margin: auto;
    margin-top: 0px;
    top:0px;
    z-index: 3;
    left:20px;
    overflow: hidden;
    background-color: rgba(255,255,255,1);   
    display: none;
}

#totali, #totali_pagamenti{
    display: block;
    position: fixed;               
    top: 10%;
    left: -5px;
    right: 5px;
    width: calc(100% - 45px) !important;
    transform: translate(0%, 0);
    overflow: hidden;
    background-color: rgba(0,0,0,0.8);   
    display: none;
}


#footer{
    display: block;
    position: fixed;           
    min-width: calc(100% - 40px);
    max-width: calc(100% - 40px);
    width: calc(100% - 40px);
    top: 10%;
    z-index: 2;
    overflow: hidden;
    background-color: rgba(0,0,0,0.6);   
    display: none;
    padding: 10px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    top:40px;
}

#footer .titolo{
    font-size: 20px;
    height: 32px;
    line-height: 32px;
    width: calc(100% - 15px);
    padding: 0;
    padding-left: 10px;
    margin: 0;
    font-weight: 300;
    letter-spacing: 1px;    
    color:white;
    border-bottom: none;
    margin-bottom: 10px;
}

#footer .pulsante,#footer .pulsantesmall{
    display: block;
    height: 100px;
    min-height: 100px;
    max-height: 100px;    
    width: calc(33.33% - 20px) !important;
    min-width: calc(33.33% - 20px) !important;
    max-width: calc(33.33% - 20px) !important;
    margin: 10px;    
    font-size: 13px;
    line-height: 15px !important;
    float: left !important;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    text-align: center;
}
#footer .pulsante img, #footer .pulsantesmall img{
    display: block;
    height: 30px;
    width: auto;   
    clear: both;
    margin: auto;
    float: none;
    margin-bottom: 5px;
    
}

.pulsante_chiudi_footer{
    height: 24px;
    margin-top: 4px;
    float: right;
    clear: both;
    cursor: pointer;    
}


#gruppo_stampa_prodotti,#gruppo_giacenza_prodotti,#gruppo_stampa_documenti,#gruppo_stampa_pagamenti,#gruppo_azioni_documento,#gruppo_azioni_documenti,#gruppo_trasforma_documenti,#gruppo_trasformazione_documenti{
    margin-left: auto;
    left: 10px;
    top: 80px;
}

gruppo_pulsanti_contabilita{
    position: fixed;
    background-color: rgba(0,0,0,0.8);
    top: 50px;
}


.popup_pulsanti{
    min-width: calc(100% - 40px) !important;
    max-width: calc(100% - 40px) !important;
    width: calc(100% - 40px) !important;
}

riga_intestazione{
    display:none;
}

riga{
    width: calc(100% - 0px);
    margin-bottom: 10px;
    margin-top: 10px;
}
cella{    
    clear: both;    
    min-height: 20px;
    max-height: 20px;
    height: 20px;
    line-height: 20px;
}
cella_etichetta{
    width: 145px;
    padding-right: 5px;
    display: block;
    float: left;    
    text-align: right;    
    background-color: white;
    font-weight: 500;
    height: 20px;
    line-height: 20px;
    border-right: 1px solid lightgray;
}
cella_valore{
    width: calc(100% - 156px) !important;
    display: block;
    float: left; 
    padding-left: 5px;
    min-height: 20px;
    max-height: 20px;
    height: 20px;
    line-height: 20px;
}

cella_valore .pulsante,cella_valore a{
    margin-top: 0px !important;
    margin-left: 2px !important;
}
cella_valore input[type=checkbox], cella_valore span, .checkboxdocumento{
    margin-top:1px !important;
    margin-left: 1px !important;
    height: 16px;
    width: 16px;
    float: left;
}

cella_valore span{
    margin-top:1px !important;
    margin-left: 2px !important;
    height: 16px;
    width: 16px;
    line-height: 20px;
    display: block;
    float: left;

}

cella_valore tag, cella_valore tag_small{
    margin: 0px !important;
    margin-left: 2px !important;
}
riga_separatore{
    min-height: 2px;
    max-height: 2px;
    height: 2px;
    display: block;
    width: 100%;
    clear: both;
    -webkit-box-shadow: inset -1px 3px 8px 5px #1F87FF, 2px 5px 16px 0px #0B325E, 5px 5px 15px 5px rgba(0,0,0,0); 
    box-shadow: inset -1px 3px 8px 5px #1F87FF, 2px 5px 16px 0px #0B325E, 5px 5px 15px 5px rgba(0,0,0,0);
    
}

card{
    width: calc(100% - 21px);
    margin-top: 10px;
}

.pulsante_tabella{
    float: right;
    margin-right: 5px;
    margin-bottom: 2px;
}


#home_interventi_left{
    width: calc(100% - 10px);  
    max-height: 300px;        
    margin: 5px;
    clear: both;
}

#home_interventi_map{
    width: calc(100% - 10px);  
    margin: 5px;
    clear: both;
}

.tabella, .tabella_small, .tabella2{
    overflow-x: auto;
    white-space: nowrap;
    width: 100%;
}

#footer_mobile{
    display: block;
    position: fixed;
    bottom:0;
    left:0; 
    height: 50px;
    background-color: #fbfbfb;
    width: 100%;
    z-index: 3;
    box-shadow: 0 -5px 10px rgba(0, 0, 0, 0.5);
    -webkit-border-top-left-radius: 25px;
    -webkit-border-top-right-radius: 25px;
    -moz-border-radius-topleft: 25px;
    -moz-border-radius-topright: 25px;
    border-top-left-radius: 25px;
    border-top-right-radius: 25px;
}

#footer_mobile .voce_menu{
    min-width: calc(20% - 8px);
    max-width: calc(20% - 8px);
    width: calc(20% - 8px);
    float: left;
    height: 100%;
    border: 1px solid transparent;
    text-align: center;
    padding: 3px;
}

#footer_mobile .voce_menu span{
    text-align: center;
    margin: auto;
    color:#737373
    padding-bottom:5px;
}

#footer_mobile .voce_menu img{
    height: 20px;
    padding-top: 2px;
}

#footer_mobile .voce_menu:hover{
    background-color: #b3e1f7;
}

#footer_mobile a.menu_selected{
    opacity: 0.5;
}

#container{     
    width: calc(100% - 10px) !important;    
    position: relative;
    clear: both;
    margin: 0px 0px 0px 0px !important;
    padding-left: 5px !important;
    padding-right: 5px !important;            
    padding-top: 10px;
    z-index: 0; 
    overflow-y: auto;
    height: calc(100% - 10px);
}
#logo_menu{
    display: none;
}
h3{
    padding-left: 10px;
}
.box_home{
    min-width: calc(50% - 50px);
    height: 100px;
}

.box_home h2{
    font-size: 12px;
}

.box_home .label,.box_home .valore{
    display: none;
}
.box_interventi_home{
    max-height: 100%;
    overflow-y: auto;
}
h3{
    height: 30px;        
    line-height: 30px;   
}

h1 .pulsantesmall{
    position: absolute;
    top:7px;
    left:12px;
    display: block;
    height: 25px;
    width: 25px;
    z-index: 12;
}

h1 .pulsantesmall img{
    width: 15px;
    padding: 5px;
}

#pulsante_menu_mobile{
    display:block !important;
}

h3.dark{
    width: calc(100% - 30px);
    margin-left: 5px;
}

.pulsante_mostra_nascondi_menu{
    display: none !important;
}

#btn_toggle_crm_eventi{
    margin-top: 135px
}


 #div_crm_eventi_home {
    width: 100%;
}

/* aggiunto 20/06/25 */

.valore,.label{
    padding:0px;
    margin:0px;
    padding-left: 3px;
    min-height: 28px;
    line-height: 28px;
    border: 0.5px solid #dedede;
    width: calc(100% - 5px) !important;
    min-width: calc(100% - 5px) !important;
    max-width: calc(100% - 5px) !important;
}

.valore{
    padding-left: 0px !important;
    width: calc(100% - 2px) !important;
    min-width: calc(100% - 2px) !important;
    max-width: calc(100% - 2px) !important;
}

.valore input{
    border:none !important;
}

.valore input[type=text]{
    background: #f2f2f2 !important;
    width:calc(100% - 7px);
    height: 28px;
    border:none;
}

.valore select{
    background: #f2f2f2 !important;
    width:calc(100%);
    height: 28px;
    border:none;
}

.valore input[type=date],.valore input[type=number],.valore input[type=time]{
    background: #f2f2f2 !important;
    width:fit-content;
    height: 28px;
    border: none;
}

.valore textarea{
    background: #f2f2f2 !important;
    width:calc(100% - 7px);    
    border:none;
    min-height: 100px !important;    
    height: 100px !important;    
    max-height: 100px !important;    
}

.valore .tag{
    margin: 0px;
}

.valore .pulsante{
    margin-top: 3px;
}

.pulsante_tabella{
    margin-top: 0px !important;
}
.valore span{
    background: white;
}
.label:empty ,.valore:empty {
    display: none !important;
}


.valore input:focus,
.valore select:focus,
.valore textarea:focus {
    border: 1px solid #039be6 !important;
    outline: none !important;
    box-shadow: 0 0 2px rgba(0, 123, 255, 0.5);
}