/* 
	Mobile si/no
*/ 

.nomobile,*.nomobile, fieldset span.nomobile {
	display:none !important;
}
.onmobile,*.onmobile {
	display:inline !important;
}

*:not(input):not(textarea) {
   -webkit-user-select: none; /* disable selection/Copy of UIWebView */
   -webkit-touch-callout: none; /* disable the IOS popup when long-press on a link */
} 
   
body {
	text-rendering: optimizeLegibility;
	-webkit-font-smoothing: antialiased;
	-webkit-text-size-adjust: none;
    text-size-adjust: none;
    font-size: 0.9rem;
}
	        


/* SFONDO e TESTO */
html,#mainbox,#form-normal {
	border:0px;
	background-color:#ffffff;
}


/* Schermo fluido */
#mainbox {	
	width: 100% !important;
	min-width: 100% !important;
	width: 100% !important;
	min-width: 100% !important;
	margin-left:0px !important;
	margin-right:0px !important;
}
#mainbox.logged { margin-bottom:3.5rem !important; }

#contenitore,#contenitore.unlogged,#contenitore.logged {
	/* Questo fa scrollare il contenitore al posto della pagina ma perdiamo l'inerzia su iphone 
	position: fixed;
	top: 48px;
	left: 0;
	bottom:45px;
	right:0;
	overflow:auto;
	*/
	position: inherit;
	top: 0px;
	left: 0;
	bottom:0px;
	right:0;
	padding:0;
	margin:0;	
}

.col-main-content { padding-left:0px; padding-right:0px;}


#testata,#testata.logged,#testata.unlogged,
#nav_titolo,#nav_user {
	display:none;
}

#debug_info,#debug_info * {
	color: inherit;
}


ul.help_list {
	top:60px !important;
	bottom:3.5rem !important;
	left:0px !important;
	right:0px !important;
    width: 100% !important;
    overflow:auto;

}  



#menu_mobile { 
	position:fixed;
	bottom:0px;
	left:0px;
	width:100%;
	/*height: calc(3.5rem + 2px);*/
	border-top: 1px solid var(--gray);
	background-color: #ffffff;
	padding:0 15px 0 15px;
	z-index: 200;
	text-align: left;
	
	/*Horizontal scroll in bootstrap (flexbox)*/
	display: flex;
	flex-wrap: nowrap;
	overflow-x: auto;
  	
  	/*Larghezza elementi interni a coprire tutto lo spazio*/
	flex: 1 0 auto;
	justify-content: space-between;  	
/*
	-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);	
	*/
}
#menu_mobile a { /*display: inline-block;  padding: 0.1rem 1.2rem 0.1rem 1.2rem; text-align:center */
	color:var(--gray);

	font-size: 95%;
	flex-direction: column;
	padding: 0.7rem 0.4rem 0.4rem 0.4rem;
}
#menu_mobile .imb {	 font-size: 1.7rem; display: block; }
#menu_mobile .tmb {	line-height: 1.2rem; display: block; }

#menu {
	position:fixed;
	top:60px;
	bottom:3.5rem;
	left:0px;
	display: none;
	float: none;
    width: 100% !important;
    width: 100%;
    min-height:0px;
    margin: 0 0 0 0;
    border-left:0px;
    border-color:#121212;
    overflow:auto;
    background-color: #ffffff;
    /*height:70%;*/
}    


.menu_voce.menu_intestazione {
	height:auto;
	background: #121212 url("../images/mobile/toolbar_bg.png") repeat-x center -45px;
}

.menu_voce.menu_intestazione a, .menu_voce.menu_intestazione p {
	font-size: 100%;
	color:#BBB;
	height:2.2rem;
    border:0px;
}

.menu_voce {
	border-bottom:1px solid #DDDDDD;
}

.menu_voce.menu_intestazione a:hover {
	color:#BBB;
	background-color: #121212;
}
.menu_voce.menu_intestazione a:visited {
	color: #BBB;
}


.menu_voce a, .menu_voce p  {
    background-image: url();
    font-size: 100%;
    font-weight: normal;
    padding-top: 10px;
    padding-bottom: 0px;
	height: 2.2rem;
    text-align: center;
}

.tonTreeToggle, .tonTreeDesc {
    font-size: 100%;
}
.opened a.tonTreeToggle { background-image: url('../images/icons/16/meno.png');}
.closed a.tonTreeToggle { background-image: url('../images/icons/16/piu.png');}

/* Toolbar */
#toolbar, #toolbarNoSfondo {
	overflow-x:auto;
	overflow-y: hidden;
	white-space:nowrap;
	height:auto !important;
}
#toolbar a, #toolbarNoSfondo a, 
#toolbar span, #toolbarNoSfondo span, 
#toolbar p, #toolbarNoSfondo p {
	display:inline-block;
	float:none;
	font-size: 100%;
	line-height: inherit;
    height: auto;
}

.icon_toolbar_small p,.icon_toolbar_small a, .icon_toolbar_small span {
	color:inherit;
	font-size: 100%;
	line-height: inherit;
}
.icon_toolbar {
	overflow-x:auto;
	overflow-y: hidden;
	white-space:nowrap;
}

.icon_toolbar a {
	font-weight:normal;
	font-size: 100%;
	text-align:center;
}
.icon_toolbar a img {
	width:24px;
}
.icon_toolbar a.tbbtn {
	font-weight:normal;
	padding: 25px 2px 2px 2px;
	background-repeat:no-repeat;
	background-position: center top;
	border:0px;
	background-size: 24px 24px;
}
.icon_toolbar .tbbtn_dropdown_content {
	display: inline-block;
	border-radius: 0px;
	position:relative;
}
.icon_toolbar .tbbtn_dropdown_content a { display: inline-block; }
.icon_toolbar a.tbbtn_dropdown_hover {
	display:none;
}




/* Listview*/
table.listview tr td,
table.listview tr td {
	word-wrap: break-word;
}
table.listview tr td, table.listview tr td * {
	-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);
}
/* form */
input[type="button"],input[type="submit"],button,.btn {
    padding: 4px 10px 4px 10px !important;

}

input[type=button]:active,input[type="submit"]:active,active,.btn:active {
  /*color: #666666;*/
  padding: 4px 10px 4px 10px;
}

input[type="button"].small,input[type="submit"].small,button.small,.btn.small {
	padding: 2px 2px 2px 2px !important;
    border-radius: 4px !important;
    -moz-border-radius: 4px !important;
    -webkit-border-radius: 4px !important;
}


fieldset { 
  border: 0px solid #aaaaaa;
  padding: 0 0 0 0; 
  margin: 0 0 0 0;
}

fieldset legend { font-size:95%; }

fieldset.newform,fieldset.newform.noBorder {  
  margin: 5px 0 5px 0;
  width: 99%; 
  padding:0 0.5% 0 0.5%;
}

fieldset.newform label,fieldset.newform span,fieldset.newform .infobox { 
	margin: 5px 0 0;
	display: block;
	float: none; 
	width: auto;
	text-align:left; 
}

fieldset small {	margin: 0 0 5px 0;}
fieldset textarea { width:90%;}
 
fieldset.bigInput input, fieldset.bigInput select, fieldset.bigInput textarea, fieldset.bigInput button {	 font-size:100%; }
fieldset.bigInput label,fieldset.bigInput span { font-size:100%; } 

.w10 {	width:50% !important; }
.w20 {	width:70% !important; }
.w30 {	width:70% !important; }
.w40 {	width:90% !important; }
.w50 {	width:90% !important; }
.w60 {	width:90% !important; }
.w90 {	width:95% !important; }
.w100 {	width:100% !important; }

fieldset .title.right_label span { min-width:30%}

fieldset .infobox.med {	margin:1%; padding-left:1%; }
.form_labeltop { margin-left: 1%; margin-right: 1%}

footer,#footer,#footer.logged,#footer.unlogged {
	display:none;
}

/* Contatti su unica colonna*/
/*
.contatti_sx,.contatti_dx {
   	float: none;
   	text-align: left;
   	width: 100%;
   	border:0px;
}	
*/
li.li_contatto {
	float:none;
	display: block;
	width:auto;
}

/* no caricamento dati nelle tiles suu mobile */
.home_load_block_content { display:none; } 
	
/* Home su unica colonna*/
.home_sx,.home_dx {
   	float: none;
   	text-align: left;
   	width: 100%;
   	border:0px;
}	

li.home_list {
    margin: 0 0 0;
    padding-bottom:5px;
}

ul.home_grid {
	margin:0px;
}

li.home_grid {
	float:none;
	margin:0px 0px 0px 0px !important;
	padding:0px 0px 0px 0px !important;
	width: 100% !important;
}
 
.home_riservata ,.home_benvenuto ,.home_h_login ,.home_h_cns ,.home_h_cnsreg ,.home_h_reg ,.home_h_psw  {
	color:inherit;
	line-height: 52px;
	padding-left:55px;
	background-size:52px 52px;
}
.home_riservata *,.home_benvenuto *,.home_h_login *,.home_h_cns *,.home_h_cnsreg *,.home_h_reg *,.home_h_psw *,
.home_riservata a:visited,.home_benvenuto a:visited,.home_h_login a:visited,.home_h_cns a:visited,.home_h_cnsreg a:visited,.home_h_reg a:visited,.home_h_psw a:visited { 
	color:inherit;
}
.home_h_psw { background-image: url();} 

.home_menu_block {
	border-bottom-width:1px !important;
	min-height: 64px !important;
	height:auto !important;
	margin-top:5px  !important;
	padding-left: 132px !important;
	padding-top: 20px !important;
} 
.home_menu_block.critem a,.home_menu_block.critem p,.home_menu_block.critem span,.home_menu_block.critem label,.credit_info p { font-size:100%; }
.home_menu_block.critem,.home_menu_block.alitem { padding-left: 20px !important; }

div.home_menu_content.hscroll,div.home_menu_content.hscrolljs {
	height:auto !important;
	margin-bottom:10px;
}
/*Le news scrollano pure su mobile*/
.gestione_news_elenco div.home_menu_content {
	height:120px !important;
}

.credit_admin_info {float:none;width:auto;}
.credit_admin_ops {float:none;width:auto;}

/* Tabelle*/
.table_label {
	margin-right:10px;
	/*color:#222222;*/
	font-size:90%;
}
/* Tabelle che cambiano a card su display piccoli */
table.responsive   table,
table.responsive   tbody,
table.responsive   tr,
table.responsive   td {    display: block; width:100%; }
table.responsive   thead {    display: none;  }
table.responsive   tr {    border-bottom: 1px dotted #dddddd; margin-bottom:13px }
table.responsive   td {    position: relative;        border: 0px;    height:auto;  }
table.responsive   td[data-label] {        padding: 20px 10px 2px 10px;    }
table.responsive     td[data-label]:before {      content: attr(data-label);
      position: absolute;      white-space: nowrap;
      top: 0;      left: 0;
      text-align: left;      padding: 0px 0px 0px 6px;
      font-size:80%;      font-weight: 600; 
    }


/*Logo su poste*/
.toolbar_posteitaliane {
    background-image: url("");
    padding-right:0px;
}

#postProgressImgBottom img {
	width:95%;
}

#postProgressImg img {
	width:10%;
}

#overlay_posteitaliane {
	position:relative;
	overflow:inherit; 
}

#poste_dettaglio {
	position:relative;
	overflow:inherit; 
}

#poste_dettaglio div.mittente_contenitore {
	height: auto;
	overflow:inherit;
}

#poste_dettaglio div.destinatari_contenitore {
	height: auto;
	overflow:inherit;
}

#poste_dettaglio .textarea_posteitaliane {
	font-size:70%;
}
#poste_dettaglio div.destinatario_posteitaliane label, #poste_dettaglio div.mittente_contenitore label, #poste_dettaglio div.destinatario_mittente_posteitaliane label {
	font-size:70%;
    display: block;
    width: 90%;
} 
#poste_dettaglio div.destinatario_posteitaliane input, #poste_dettaglio div.mittente_contenitore input, #poste_dettaglio div.destinatario_mittente_posteitaliane input {
	font-size:70%;
    width: 90%;
}

#mail_dettaglio {
	overflow-x:auto; 
}

#composeheader label {
	float:none;
}
#composeheader input {
    width: 95%;
}

/*Varie */
.pager {overflow-x:auto; overflow-y: hidden;}
.pager a , .pager p, .pager span {	font-size: 100%; }
.pager a.control { height:20px; }

.calendario_home_lista {
	float:none; 
	width:100%;
}

.calendario_home_cal {
	display:none;
}


.menuContext, .menuContext *,
table.listview,table.listview * {
	-webkit-user-select: none;
} 

/* MENU CONTESTUALE */
.menuContext {
	position:fixed; 
	top:45px !important;
	bottom:40px !important;
	left:0px;
    width: 100% !important;
    width: 100%;
    margin: 0 0 0 0;
    border-left:0px;
    border-color:#121212;
    overflow:auto;
    background-color: #ffffff;
}   
.menuContext li.separator {
	display:none;
}

.menuContext a, .menuContext p  {
	border-bottom: 1px solid #DDDDDD;
    background-image: url();
    font-size: 100%;
    font-weight: normal;
    padding-top: 10px;
    padding-bottom: 0px;
	height:2.2rem;
    text-align: center;
}

div.step_container { margin-left:0 }
div.step_info_left { width:auto;float:none; }

/* carrello */
.carrello_icon { display:none }
.carrello_title .row {    padding-top: inherit;    padding-bottom: inherit; }
.carrello_desc { font-size:90%}
.carrello_desc_extra { font-size:80%}
.carrello_price { font-size:80%}

/* TELEFONO */
.step {
	margin-left:3%;
}

.voip_chiamante,.voip_chiamato,.voip_contatti, .voip_numeri {
	width:auto;
	height:auto;
	background-color:transparent;
}

/* Register*/
.register_privacy {  margin-left:5%; margin-right:5%;  }
.register_step { width:25%; padding-top:45px; background-size: 44px 28px; }

/*FORUM*/
ul.forum_list li { float:none; width:auto; margin:0 5px 10px 5px; }

/*Professione*/
ul.prof_list li { float:none; width:auto; margin:10px 5px 10px 5px; }