body {
    background-color: #EBEBEB;
    padding-bottom: 100px;
}

.navbar {
    background-color: transparent !important;
    margin-left: 140px;
    top: -30px;
}

#content, #corpo {
    max-width: 1300px;
    background-color: #FFFFFF;
    padding: 1rem;
}
#corpo {
	background-color: transparent;
}
ul#horizontal-list {
	list-style: none;
	}
	ul#horizontal-list li {
		display: inline;
	}
.avatar {
    border-radius: 50%!important;
    border: 1px solid #ccc;
}
.modifica-avatar {
    position: absolute;
    margin-left: -100px;
    margin-top: 80px;
    cursor: pointer;
}
.red {
    color: #ED1414;
}
.green {
    color: #2F8A1C;
}
.yellow {
    color: #FFC300 ;
}
textarea {
    height: 100px;
}

.eliminao {
    cursor: pointer;
}

input[type="text"]:disabled {
    background-color: #FFFFFF !important;
}

footer {
    position: fixed;
    font-size: .8rem;
  left: 0;
  bottom: 0;
  height: 50px;
  width: 100%;
  background-color: #FFFFFF;
  color:  #1c2833;
  text-align: center;
}



/* ipad desktop ----------- */
@media only screen and (min-width : 1201px) {

form.post-form {
	width:100%;
	margin: 0 0 0 0;
	padding: 4rem 0 0 0;
	position: relative;
	display:flex;
	align-items:flex-start;
	justify-content:space-between;

	display:-webkit-flex;
	-webkit-align-items:flex-start;
	-webkit-justify-content:space-between;

	display:-ms-flexbox;
	-ms-align-items:flex-start;
	-ms-flex-pack: space-between;
	
	flex-flow:row wrap;
	-webkit-flex-flow:row wrap;
	-ms-flex-flow:row wrap;
}
.no_delegazione {
	padding: 1rem 0 0 0!important;
}
	
#residenza, #corrispondenza {
	width: calc(100% - 25px);
	margin: 0 0 0 0px;
	padding: 10px 0 25px 25px;
	display:flex;
	align-items:flex-start;
	justify-content:space-between;

	display:-webkit-flex;
	-webkit-align-items:flex-start;
	-webkit-justify-content:space-between;

	display:-ms-flexbox;
	-ms-align-items:flex-start;
	-ms-flex-pack: space-between;
	
	flex-flow:row wrap;
	-webkit-flex-flow:row wrap;
	-ms-flex-flow:row wrap;
	border-bottom: 1px solid #DDD;
}
#corrispondenza {
	margin: 0 0 1.25rem 0;
}	
form.post-form h4 {
	width: 100%;
	padding: 1.25rem 0 0 0;
}	
div.campo-delegazione {
	width: calc(30% - 4px);
	display: block;
	padding: 0 2px!important;
	margin: 0px 0!important;
	position: absolute;
	top:0;
	right: 0;
}
div.campo-note_versamento, div.campo-note_aggregato {
	width: calc(100% - 4px);
	display: block;
	padding: 0 2px!important;
	margin: 5px 0!important;
}
div.campo-nome, div.campo-cognome, div.campo-attitudini, div.campo-note, div.campo-residenza_provincia_estero, div.campo-residenza_nazione_estero, div.campo-invio_corrispondenza_provincia_estero, div.campo-invio_corrispondenza_nazione_estero, div.campo-titolo_aggregato, div.campo-titolo_amico {
	width: calc(50% - 4px);
	display: block;
	padding: 0 2px!important;
	margin: 5px 0!important;
}
div.campo-numero_brevetto, div.campo-anno_brevetto, div.campo-titolo, div.campo-anno_iscrizione, div.campo-ente, div.campo-causale, div.campo-istituto, div.campo-residenza_cap, div.campo-residenza_provincia, div.campo-residenza_nazione, div.campo-residenza_nazione_descrizione, div.campo-invio_corrispondenza_cap, div.campo-invio_corrispondenza_provincia, div.campo-invio_corrispondenza_nazione, div.campo-invio_corrispondenza_nazione_descrizione {
	width: calc(25% - 4px);
	display: block;
	padding: 0 2px!important;
	margin: 5px 0!important;
}
div.campo-codice_fiscale, div.campo-nato_il, div.campo-nato_a, div.campo-nato_a_provincia, div.campo-nato_a_nazione, div.campo-sesso, div.campo-residenza_via, div.campo-residenza_estensione, div.campo-residenza_citta, div.campo-tipologia, div.campo-carica_ente_soc {
	width: calc(33.33% - 4px);
	display: block;
	padding: 0 2px!important;
	margin: 5px 0!important;
}
div.campo-invio_corrispondenza_via, div.campo-invio_corrispondenza_estensione, div.campo-invio_corrispondenza_citta, div.campo-progressivo  {
	width: calc(33.33% - 4px);
	display: block;
	padding: 0 2px!important;
	margin: 5px 0!important;
}
div.campo-telefono, div.campo-cellulare, div.campo-email, div.campo-skype, div.campo-titolo_studio, div.campo-azienda_ultimo_impiego, div.campo-qualifica, div.campo-settore, div.riga-causale {
	width: calc(25% - 4px);
	display: block;
	padding: 0 2px!important;
	margin: 5px 0!important;
}
div.campo-privacy, div.campo-autorizzazione_foto, div.campo-pensionato, div.campo-assicurazione, div.campo-news_online, div.campo-posta_mail, div.campo-abb_magistero, div.campo-magistero_online, div.campo-rivista_regionale, div.campo-rivista_regionale_online, div.campo-news_consolato, div.campo-news_online_amici {
	/*width: calc(16.6666% - 4px);*/
	width: calc(20% - 4px);
	display: block;
	padding: 5px 2px 5px 22px!important;
	margin: 25px 0!important;
	/*background: #F5F5F5;*/
	font-size: 0.875rem;
}
div.campo-data_esonero_quota, div.campo-defunto_il, div.campo-dimissioni_il, div.campo-trasferito_il, div.campo-riammissione_il {
	width: calc(20% - 4px);
	display: block;
	padding: 0 2px!important;
	margin: 5px 0!important;
}
div.submit {
	width: calc(100% - 4px);
	display: block;
	padding: 10px 2px!important;
	margin: 15px 0!important;
	
	display:flex;
	align-items:center;
	justify-content:center;

	display:-webkit-flex;
	-webkit-align-items:center;
	-webkit-justify-content:center;

	display:-ms-flexbox;
	-ms-align-items:center;
	-ms-flex-pack: center;
	
	flex-flow:row wrap;
	-webkit-flex-flow:row wrap;
	-ms-flex-flow:row wrap;
	
	
	border-top: 1px solid #DDD;
}
form.post-form div.display_stato {
	width: calc(100% - 4px);
	display: block;
	padding: 10px 2px!important;
	margin: 15px 0!important;
	
	display:flex;
	align-items:center;
	justify-content:center;

	display:-webkit-flex;
	-webkit-align-items:center;
	-webkit-justify-content:center;

	display:-ms-flexbox;
	-ms-align-items:center;
	-ms-flex-pack: center;
	
	flex-flow:row wrap;
	-webkit-flex-flow:row wrap;
	-ms-flex-flow:row wrap;
	
	
	border-top: 1px solid #DDD;
	
	font-size: 1.2rem!important;
}
form.post-form div.display_stato h5 {
	
	font-size: 1.2rem!important;
	padding: 9px 5px 0;
	color: #2F8A1B;font-weight: 700;
}
	
	
div.blocchi-cards {
	width: 100%;
	display: block;
	padding: 0px 0px!important;
	margin: 0px 0!important;
	
	display:flex;
	align-items:flex-start;
	justify-content:flex-start;

	display:-webkit-flex;
	-webkit-align-items:flex-start;
	-webkit-justify-content:flex-start;

	display:-ms-flexbox;
	-ms-align-items:flex-start;
	-ms-flex-pack: flex-start;
	
	flex-flow:column wrap;
	-webkit-flex-flow:column wrap;
	-ms-flex-flow:column wrap;
	
}
div.card {
	width:100%;
}
}