body { font-size:14px; display:flex; flex-direction:column; }



#erplogincontent { width:340px; }



@media ( max-width:600px ) {
	table.form tr { display:block; margin-bottom:0.8em; }
	table.form td { display:block; }
	
	#erplogincontent { max-height:80%; }
	#erploginmain { margin-bottom:30px; }
}




.wrapper { flex:0 0 100%; display:block; position:relative; }
#wrapperappunti { flex:0 0 100%; display:none; width:100%!important; height:auto!important; }


#areaappunti { width: 100%!important;; }


.allarme { background:var(--erpcolor); line-height:2em; margin:0 0 10px; padding:0 10px; color:#fff; }



#loadingrichiesteajax { visibility:hidden; top:0; position:sticky; z-index:999; background:#f9f9f9; margin:0 50%; height:0px; }
#loadingrichiesteajax img { background:#fff; padding:5px; margin:8px; border-radius:21px; }




#popup { max-width:98%; padding:8px; }
#popupcontainer { padding:8px; margin-bottom:10px; }




#header { position:sticky; top:0; z-index:1001; display:flex; flex-wrap: wrap; align-items: center; align-content: center; height:auto; }

#header #logo { flex:0 0 100px; }
#header #logo a img { width:80px; }

#header #lastlogin { display:none; }

#header #utility { flex:1; display:flex; justify-content: flex-end; font-size:11px; }
#header #utility a { color:#202020; text-decoration:none; }

#header #utility .utility { background-size:18px; padding-top:18px; display:inline-block; height:34px; margin:3px 0; width:50px; }

#header #utility #utilitymenupricipale { display:block; }

#header #utility #utilityappunti { display:block;}





#main { display:block; position:relative; }

#sx { width:100%!important; }
#cx { width:100%!important; max-width: 100%!important; font-size:1em; padding:0.5em 8px 16px; }


#nav { font-size:0.9rem; display:none; overflow:hidden; margin-top:-1px; }
#bloccanav { display:none; }
#nav ul { width:100%; }


#content { margin:0 -8px; padding:8px 8px 0; border:0px; width:calc(100% + 16px); max-width: calc(100% + 16px); }


#footer { display:flex; flex-wrap: wrap; height:auto; border-top:1px solid #ccc; }
#footer1 { flex: 0 0 100px; width:auto; padding:8px; text-align:center; vertical-align:middle; }
#footer1 span { display:block; }
#footer1 a { color:#fff; }
#footer2 { flex:1 1 100%; order:99; flex:1; width:auto;  padding:8px; background:#f5f5f5; }
#footer3 { flex:1 1 calc(100% - 100px); color:#666; padding:8px; text-align:right; vertical-align:middle; }
#footer3 #versione { flex:1; padding:0 5px 5px; color:#666; }
#footer3 #permessidipagina { padding:0 5px 5px; }


#areaappunti { height:auto; }
h4#bloccaappunti { height:auto; font-size:1rem; line-height:2rem; text-transform:uppercase; cursor:auto; background-image:none!important; }
#elencoappunti { height:auto; }





#ajax2 { width:96%; }



table.tabellaLinearizzabile { max-height:none!important; }
table.tabellaLinearizzabile thead { display: none; }
table.tabellaLinearizzabile tr { display:flex; flex-direction: column; border-bottom:1px solid #ccc; padding:1rem 0; }
table.tabellaLinearizzabile tr:first-child { border-top:1px solid #ccc; }
table.tabellaLinearizzabile td { margin-left:30%; width:70%; text-align: left!important; border:0; display:block; font-weight:bold; margin-bottom:0.15rem; }
table.tabellaLinearizzabile td::before { content: attr(aria-label) ': '; margin-left:-42.9%; display:inline-block; font-weight:normal; width: 41%; }