@charset "utf-8";
/* CSS Document */
body{ font-family: 'Muli', sans-serif; font-size:13px }z
a{ 
	text-decoration:none;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
 }
#n-inside li{margin-bottom:2px!important}
#n-inside .separatore{margin-bottom:3px!important; margin-top:3px!important}
a:hover { text-decoration:none; }
.aligncenter{ text-align:center }
.alignright{ text-align:right }
.alignleft{ text-align:left }
.rosso{ color:#C00; }
.verde{ color:#0C0; }
.arancione{ color:#F60 }
.spazio{ padding-bottom:10px }
#reset, #logout, #delete{ display:none; }
.hidden{dispay:none}
.select2 {margin-bottom: 10px!important;}
header{
	background:#246A73;
	color:#FFF;
	padding:5px 20px;
	position:fixed;
	top:0;
	left:0;
	right:0;
	z-index:3;
	height:50px;
}
.scaduto{
	color: #721c24;
    background-color: #f8d7da;
    border-color: #f5c6cb;
}
#logo{
	width:100px;
	height:54px;
	overflow:hidden;
	float:left;
}
#logo img{
	max-width:100%;
	max-height:54px;	
}
.titolo-pagina{
	font-size:1.8em;
	line-height:50px;
	font-weight:300;
}
.titolo-utente{
	font-size:1.1em;
	font-weight:bold;	
}
.sottotitolo-utente{
	padding-left:15px;
	font-size:0.8em;
	font-style:italic;
	font-weight:300;
	line-height:13px;
}
.logout{
	font-size:0.8em;
	font-weight:300;
	cursor:pointer;	
}
.logout a{ color:#FFF }
#navbar{
	color:#818285;
	background:#FFF;
	position:fixed;
	top:60px;
	bottom:0;
	left:0;
	width:220px;
	z-index:2;
	-webkit-box-shadow: 1px 0px 2px 0px rgba(50, 50, 50, 0.75);
	-moz-box-shadow:    1px 0px 2px 0px rgba(50, 50, 50, 0.75);
	box-shadow:         1px 0px 2px 0px rgba(50, 50, 50, 0.75);
}
#n-inside{
	padding:10px 20px;	
}
#info-barra{
	position:absolute;
	bottom:0;
	width:100%;
	z-index:3;	
}
.footer-barra{
	font-size:11px;
	padding:6px;
	border-top: 1px solid #666;
	color:#FFF;	
	background:#14080E;
	line-height: 12px;
}
#n-inside a{ color:#818285; }
.active, #n-inside a:hover{ color:#222 !important }
.menu{ list-style-type:none }
.menu .multilevel:before{ font-family: FontAwesome; content: "\f1b3"; display: inline-block; padding-right: 10px; color:#246A73; font-size:1.2em;}
.menu .settings:before{ font-family: FontAwesome; content: "\f085"; display: inline-block; padding-right: 10px; color:#246A73; font-size:1.2em;}
.menu .singlelevel:before{ font-family: FontAwesome; content: "\f1b2"; display: inline-block; padding-right: 10px; color:#246A73; font-size:1.2em;}
.menu .iconagestione:before{ font-family: FontAwesome; content: "\f0c0"; display: inline-block; padding-right: 10px; color:#246A73; font-size:1.2em;}
.menu .gestionedisc:before{ font-family: FontAwesome; content: "\f007"; display: inline-block; padding-right: 10px; color:#246A73; font-size:1.2em;}
.menu .generafattura:before{ font-family: FontAwesome; content: "\f2bb"; display: inline-block; padding-right: 10px; color:#246A73; font-size:1.2em;}
.menu .storicofilecaricati:before{ font-family: FontAwesome; content: "\f1c3"; display: inline-block; padding-right: 10px; color:#246A73; font-size:1.2em;}
.menu .iconahome:before{ font-family: FontAwesome; content: "\f015"; display: inline-block; padding-right: 10px; color:#246A73; font-size:1.2em;}
.menu .iconagestcorsi:before{ font-family: FontAwesome; content: "\f07b"; display: inline-block; padding-right: 10px; color:#246A73; font-size:1.2em; }
.menu .iconamanuale:before{ font-family: FontAwesome; content: "\f02d"; display: inline-block; padding-right: 10px; color:#246A73; font-size:1.2em; }
.menu li ul{ list-style-type:none; margin:0.3rem 0 0 2rem }
.menu li ul li{ margin-bottom:0 }
#content{
	color:#222;
	position:absolute;
	background:#FFF;
	top:70px;
	bottom:0;
	right:0;
	left:220px;
	z-index:1;
}
#c-inside{ padding:20px; }
.link-azioni a{
	font-size:12px;
	color:#666;
	font-weight:bold;
	display:inline-block;
	margin-right:10px;	
}
.link-azioni a:hover{ text-decoration:underline }
.separatore{
	height:1px;
	margin:20px 0;
	background:#666;	
}
.miniatura{
	width:150px;
	max-height:150px;
	overflow:hidden;
	border:1px solid #EFEFEF;
	margin-bottom:10px;	
}
.miniatura img{
	max-width:100%;
	height:auto;	
}
.checker{
	padding:10px;
	text-align:left;
	margin-bottom:10px;

	color:#FFF;
	background:#ff6b6b;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
.sottoform{ padding:30px; background:#DDD; margin-bottom:20px; display:none }
.sottoform form{ margin:0; }
.titolo-campi{ font-size:1.1em; border-left:4px solid #818285; padding:5px 0; padding-left:10px; background:#F9F9F9; }
#ricerca{ display:none; padding-top:20px }
.tab-switcher span{
	display:inline-block;
	padding:8px 15px;
	text-transform:uppercase;
	font-size:0.7em;
	color:#000;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
	cursor:pointer;
}
.tab-switcher span.tab-active, .tab-switcher span:hover{ background:#666; color:#FFF }
.tabs{ margin-bottom:20px; }
.tabs form{ margin:0 }
.tab{ display:none; padding:20px; border:1px solid #999; }
.tab-open{ display:block }
.filtri-ricerca{ background:#EFEFEF; padding:10px; font-size:1.2em; margin-bottom:20px; }
.filtri-ricerca ul{ margin-bottom:0 }
.passaggio{ background:url(passaggio.jpg) right center no-repeat; background-size:cover; padding:10px; min-height:200px; }
.passaggio-finale{ background:url(passaggio-finale.jpg) right center no-repeat; background-size:cover; padding:10px; min-height:200px; }
.sola-lettura{ color:#777; }
.separa-colonne{ background:url(separa-colonne.png) center center no-repeat; /*background-size:cover;*/ margin-top:10px; margin-bottom:10px; }
.pannello-info h5{ font-size:1.3em; border-left:5px solid #069; padding-left:10px; }
.contatto{ padding:10px; background:#EFEFEF; margin-bottom:5px; font-size:0.9em; }
.contatto h6{ margin-bottom:5px; font-size:1.1em }
.contatto .button{ margin-bottom:5px; }
.contatto .nome-ref{ text-transform:uppercase; font-size:1em; padding-top:5px; }
.contatto .tipologia-ref{ text-transform:uppercase; font-size:0.8em; padding-bottom:5px; }
.contatto-inline{  margin-bottom:5px; width:25%; display:inline-block; }
.contatto-inline div:first-child{ padding:10px; background:#EFEFEF; font-size:0.9em; margin:5px; }
.contatto-inline h6{ margin-bottom:5px; font-size:1.1em }
.contatto-commerciale{ background:#c9dae1; padding:10px 10px 1px 10px; margin-bottom:20px; }
.notifica{ color:#FFF; padding:5px; margin-bottom:10px; background:#069; }
.notifica::before{ content:'\f0f3'; font-family:FontAwesome; color:#FFF; padding-right:10px; padding-left:5px; }
table.divisa-meta tr td{ width:50%; font-size:1.2em }
table.divisa-meta tr td span{ color:#666; padding-right:10px; display:inline-block; font-weight:bold; font-size:0.9em; }
table.divisa-meta tr td:first-child{ border-right:1px solid #E1E1E1; }
table.tabella-fatturazione td, table.tabella-fatturazione th{ font-size:1.2em }
table.tabella-fatturazione tr td{ padding:5px; }
table.tabella-fatturazione tr td table{ margin-bottom:0; }
table.tabella-fatturazione tr td table tr td{ border:0; font-size:0.9em; padding:2px; }
table td .fa-check{ color:#0C0; }
table td .fa-exclamation-triangle{ color:#F60; }
.campo-obbligatorio::after{ content:'*'; color:#C00; display:inline-block; padding-left:3px; font-weight:bold }
.paginatore{ text-align:center; }
.paginatore a{ display:inline-block; margin:0 10px;	 font-size:1.6em; font-weight:bold; color:#000; }
.disabilitato{ background:#DDD !important; }

/* DESKTOP */
@media (min-width: 1200px){

}
/* TABLET ORIZZONTALE */
@media (min-width: 992px) and (max-width: 1199px){
	#navbar .separatore{ margin:10px 0; }
	#navbar h5{ margin-bottom:1rem }
	.menu li{ margin-bottom:0; }
}
/* TABLET VERTICALE */
@media (min-width: 768px) and (max-width: 991px){
	body{ font-size:11px; }
	header{ position:relative; height:auto }
	#navbar .separatore{ margin:10px 0; }
	#navbar h5{ margin-bottom:1rem }
	.menu li{ margin-bottom:0; }
}
/* SMARTPHONE */
@media (max-width: 767px){
	body{ font-size:11px; }
	header{ position:relative; height:auto }
	#navbar{
		position:relative;
		top:0;
		bottom:0;
		left:0;
		width:100%;
	}
	#content{
		position:relative;
		top:0;
		bottom:0;
		right:0;
		left:0;
		z-index:1;
	}
	#info-barra{ display:none }
	#navbar .separatore{ margin:10px 0; }
	#navbar h5{ margin-bottom:1rem }	
	.menu li{ margin-bottom:0; }
}
/* SMARTPHONE PICCOLO*/
@media (max-width: 480px){

}

.warning {
    color: #F60;
}

.danger {
    color: #F00;
}

.paginazione {
    text-align: center;
    margin: 20px 0;
  }
  .paginazione .paginazione-pagina {
    color: #383e42;
    border: 1px solid #383e42;
    display: inline-block;
    margin-right: 5px;
    width: 30px;
    line-height: 30px;
    text-align: center;
    cursor: pointer;
  }
  .paginazione .paginazione-pagina:hover {
    color: #666;
    border-color: #666;
  }
  .paginazione .paginazione-corrente {
    border: 1px solid #595959;
    display: inline-block;
    margin-right: 5px;
    width: 30px;
    line-height: 30px;
    text-align: center;
    font-weight: 600;
  }