




@import "https://fonts.googleapis.com/css?family=Roboto:400,100,100italic,300,300italic,400italic,500,500italic,700,700italic,900,900italic";

body {
    font-family: "Roboto",sans-serif !important;
	background-color: #ffffff !important;
}
a {
	color: #bf022a !important;
	text-decoration: none !important;
}	

label{
	min-width: 164px;
	**width:164px;
}
/* BACKGROUND_COLORS */
		
		.bg-1 {
			background-color: #252d32 !important;
			color: white !important;
		}
		
		.bg-2 {
			background-color: #bf022a !important;
			color: #ffffff !important;
		}
		.bg-2:hover {
			background-color: #d4173f !important;
			color: #ffffff !important;
		}
		.bg-2 a {
			color: #ffffff !important;
		}
		
		.bg-3 {
			background-color: #666 !important;
			color: #ffffff !important;
		}
		.bg-3:hover {
			background-color: #252d32 !important;
			color: #ffffff !important;
		}
		.bg-3 a{
			color: #ffffff !important;
		}
		.bg-3:hover a{
			color: #444444 !important;
		}
		
/* FONT_COLORS */

div#__header.content.bg-1 h1 {
    color: #d4173f;
}

		.txt-color-1 {
			color: #444444 !important;
		}
		.txt-color-2 {
			color: #bf022a !important;
		}
		.txt-color-3 {
			color: #ffffff !important;
		}
		
		
		
/* Renderele immagini responsive */
	img { 
		display:block; height: auto; max-width: 100%; 
	}
		

/* Rendere il testp dei bottoni responsive */
	.multi-line-button { 
		#ffffff-space: normal !important; 
		text-align: left !important; 
	}

/* centrare verticalmente e orizoontalmente */

	.super-center {
		text-align: center !important;
    			vertical-align: middle !important;
	}

	
/* Form con bordi */
	.bordered-form fieldset {
		padding: 30px;
		border: 2px solid  #bf022a;
		border-radius: 10px;
	}
	.bordered-form fieldset legend {
		padding: 2px 30px 2px 30px;
		border: 2px solid  #bf022a;
		border-radius: 10px;
		text-transform: uppercase;
		color: #bf022a;
		font-weight: bold;
		font-style: italic;
	}

/* Bordo generico */
.bordered {
		padding: 30px;
		border: 2px solid  #bf022a;
		border-radius: 10px;
	}
.bordered legend {
		padding: 10px;
		border: 2px solid  #bf022a;
		border-radius: 10px;
		color: #bf022a;
		text-transform: uppercase;
		font-weight: bold;
	}
	

/* sezioni singole */

#__header {
	border-bottom: 1px solid #333;
	background-color:white !important;
}

#__footer {
	padding: 30px;
}

#content {
	padding: 10px 20px 10px 20px;
}


/* candidato home */
.linkbox h2{
	width: 70%;
}



/* NASCONDERE LE SCROLL BARS */
/*::-webkit-scrollbar {
	display: none;
}
div {
	overflow: -moz-scrollbars-none;
}*/


/* TABELLE CONTRATTI CLIENTE */

/* affianca freccia e titolo tabella anni */
#listaAnniContratti > h3 > span {
	display: inline-block!important;
}
/* affianca freccia e titolo tabella sedi */
#listaSediDiLavoro > h2 > span {
	display: inline-block!important;
}
/* rimozione spazi bianchi tambella anni */
#listaAnniContratti > div {
	padding: 0!important;
}
/* rimozione spazi bianchi tambella sedi */
#listaSediDiLavoro > div {
	padding: 0!important;
}

/* Colori e stile tabelle sedi */

/* rimozione spazio bianco */
.cliente td[colspan="8"] {
	padding: 0px !important;
}

 /* valida per cliente e sottotabella */
.cliente th{
	padding: 8px 0px;
	background-color: #252d32;
	text-align: center;
}
.cliente th:hover{
	cursor:pointer;
}

.cliente > tbody > tr > th {
	background-color: #bf022a;
	text-align: center !important;
    			vertical-align: middle !important;
}

.cliente > tbody > tr > th > a{
	color:white !important;
}
.cliente a {
    color: #444444 !important;
    background-color: transparent;
    font-size: 12px !important;
    font-weight: bold !important;
}

.cliente td{
	padding: 4px 0px;
	text-align: center;
text-align: center !important;
    			vertical-align: middle !important;
padding: 15px 5px;
font-size: 12px;
}

/* colori e stili tabelle dipendenti*/

/* rimozione spazio bianco */
.dipendenteCliente {
	margin: 0px !important;
	width: 100% !important;
}
.dipendenteCliente tr{
	border-bottom: 1px solid #252d32;
}

.dipendenteCliente th {
    	font-size: 9.5px;
	padding: 0 5px;
	color:white;
}
.dipendenteCliente td {
    	font-size: 9.5px;
	padding: 10px 5px;
}




/* TABELLE FATTURE CLIENTE */

/* affianca freccia e titolo tabella anni */

#listaAnniFatture > h3 > span {
	display: inline-block!important;
}

/* rimozione spazi bianchi tabella anni */

#listaAnniFatture > div {
	padding: 0!important;
}

#listaAnniFatture .cliente {
	margin: 0px !important;
	width: 100% !important;
}





/* FRECCIE PER LE TABELLE ORDINABILI */
.DESC {
	background-image: url(../images/sort_down.gif);
	background-position: right top;
	background-repeat: no-repeat;
}

.ASC {
	background-image: url(../images/sort_up.gif);
	background-position: right top;
	background-repeat: no-repeat;
}




/* Consentire al contenuto degli accrdio di scrollare  */

.ui-accordion-content.ui-helper-reset.ui-widget-content.ui-corner-bottom.ui-accordion-content-active {
    	overflow-x: scroll !important;
	overflow-y: hidden !important;
}


/* CANDIDATO TABELLA CONTRATTI */

#listaAnniAss div {
	padding: 0;
	margin: 0;
}


/* CANDIDATO TABELLA CEDOLINI */



#listaAnniCed > h3 > span {
	display: inline-block!important;
}

#listaAnniCed div {
	padding: 0;
	margin: 0;
}

#listaAnniCed td {
	padding: 15px 0 15px 0;
	
}


label.lblinline {
    display: inline;
	width:100px;
    
}

.errors{
	color:red;
}
#input_cittaNascita, #input_residenzaCitta {
    display: inline;
}
.h1, h1 {
    font-size: 25px;
}
.h2, h2 {
    font-size: 18px;
}


.alert-success {
    background-color: #edffdd;
    border-color: #d0e2b0;
    color: #666;
}

 @media only screen and (max-width: 767px) { 

/***************************** STUDI *****************************/		
     /* Forza la tabella a non comportarsi come una normale tabella */ 

  
 	#no-more-tables-studi table,  
 	#no-more-tables-studi thead,  
 	#no-more-tables-studi tbody,  
 	#no-more-tables-studi th,  
 	#no-more-tables-studi td,  
 	#no-more-tables-studi tr {  
 		display: block;  
 	} 
  
 	/* Nasconde le intestazioni della tabella */ 
 	#no-more-tables-studi thead tr {  
 		position: absolute; 
 		top:-9999px; 
 		left:-9999px; 
 	} 
 	#no-more-tables-studi tr { border: 1px solid #ccc; } 
	#no-more-tables-studi td {  
 		/* Inserisce il comportamento come una riga */ 
 		border: none; 
 		border-bottom: 1px solid #eee;  
 		position: relative; 
 		/*padding-left: 50%;  */
 		
 		white-space: normal; 
 		text-align:left; 
				
			 
 	} 

 	#no-more-tables-studi td:before{  

 		/* Inserisce il comportamento come un'intestazione di tabella */ 
 		position: relative; 
 		/* I valori top/left agiscono come padding */ 
 		/*top: 0; 
 		left: 6px; 
 		width: 45%;  
 		 
 		white-space: nowrap; 
 		text-align:left; */
 		padding-right: 10px; 
 		font-weight: bold; 
 	} 

 	/* Aggiunge l'etichetta ai dati della tabella */ 
 		#no-more-tables-studi td:before{ content: attr(data-title)  			
 	} 
	
/***************************** LINGUE *****************************/		
     /* Forza la tabella a non comportarsi come una normale tabella */ 

  
 	#no-more-tables-lingue table,  
 	#no-more-tables-lingue thead,  
 	#no-more-tables-lingue tbody,  
 	#no-more-tables-lingue th,  
 	#no-more-tables-lingue td,  
 	#no-more-tables-lingue tr {  
 		display: block;  
 	} 
  
 	/* Nasconde le intestazioni della tabella */ 
 	#no-more-tables-lingue thead tr {  
 		position: absolute; 
 		top:-9999px; 
 		left:-9999px; 
 	} 
 	#no-more-tables-lingue tr { border: 1px solid #ccc; } 
	#no-more-tables-lingue td {  
 		/* Inserisce il comportamento come una riga */ 
 		border: none; 
 		border-bottom: 1px solid #eee;  
 		position: relative; 
 		/*padding-left: 50%;  */
 		
 		white-space: normal; 
 		text-align:left; 
 	} 

 	#no-more-tables-lingue td:before{  

 		/* Inserisce il comportamento come un'intestazione di tabella */ 
 		position: relative; 
 		/* I valori top/left agiscono come padding */ 
 		/*top: 0; 
 		left: 6px; 
 		width: 45%;  
 		 
 		white-space: nowrap; 
 		text-align:left; */
 		padding-right: 10px; 
 		font-weight: bold; 
 	} 

 	/* Aggiunge l'etichetta ai dati della tabella */ 
 		#no-more-tables-lingue td:before{ content: attr(data-title)  			
						
 	} 	
	
/***************************** CONOSCENZE INFORMATICHE *****************************/		
     /* Forza la tabella a non comportarsi come una normale tabella */ 

  
 	#no-more-tables-conosc table,  
 	#no-more-tables-conosc thead,  
 	#no-more-tables-conosc tbody,  
 	#no-more-tables-conosc th,  
 	#no-more-tables-conosc td,  
 	#no-more-tables-conosc tr {  
 		display: block;  
 	} 
  
 	/* Nasconde le intestazioni della tabella */ 
 	#no-more-tables-conosc thead tr {  
 		position: absolute; 
 		top:-9999px; 
 		left:-9999px; 
 	} 
 	#no-more-tables-conosc tr { border: 1px solid #ccc; } 
	#no-more-tables-conosc td {  
 		/* Inserisce il comportamento come una riga */ 
 		border: none; 
 		border-bottom: 1px solid #eee;  
 		position: relative; 
 		/*padding-left: 50%;  */
 		
 		white-space: normal; 
 		text-align:left; 
 	} 

 	#no-more-tables-conosc td:before{  

 		/* Inserisce il comportamento come un'intestazione di tabella */ 
 		position: relative; 
 		/* I valori top/left agiscono come padding */ 
 		/*top: 0; 
 		left: 6px; 
 		width: 45%;  
 		 
 		white-space: nowrap; 
 		text-align:left; */
 		padding-right: 10px; 
 		font-weight: bold; 
 	} 

 	/* Aggiunge l'etichetta ai dati della tabella */ 
 		#no-more-tables-conosc td:before{ content: attr(data-title)  			
 	}  

/***************************** ESP PROF *****************************/		
     /* Forza la tabella a non comportarsi come una normale tabella */ 

  
 	#no-more-tables-esp table,  
 	#no-more-tables-esp thead,  
 	#no-more-tables-esp tbody,  
 	#no-more-tables-esp th,  
 	#no-more-tables-esp td,  
 	#no-more-tables-esp tr {  
 		display: block;  
 	} 
  
 	/* Nasconde le intestazioni della tabella */ 
 	#no-more-tables-esp thead tr {  
 		position: absolute; 
 		top:-9999px; 
 		left:-9999px; 
 	} 
 	#no-more-tables-esp tr { border: 1px solid #ccc; } 
	#no-more-tables-esp td {  
 		/* Inserisce il comportamento come una riga */ 
 		border: none; 
 		border-bottom: 1px solid #eee;  
 		position: relative; 
 		/*padding-left: 50%;  */
 		
 		white-space: normal; 
 		text-align:left; 
 	} 

 	#no-more-tables-esp td:before{  

 		/* Inserisce il comportamento come un'intestazione di tabella */ 
 		position: relative; 
 		/* I valori top/left agiscono come padding */ 
 		/*top: 0; 
 		left: 6px; 
 		width: 45%;  
 		 
 		white-space: nowrap; 
 		text-align:left; */
 		padding-right: 10px; 
 		font-weight: bold; 
 	} 

 	/* Aggiunge l'etichetta ai dati della tabella */ 
 		#no-more-tables-esp td:before{ content: attr(data-title)  			
 	}   		
 	
/***************************** ASSUNZIONI DIPENDENTE *****************************/		
     /* Forza la tabella a non comportarsi come una normale tabella */ 

  #no-more-tables-assunz td{
  	padding-top: 4px;
  	padding-bottom: 4px;
  	font-size:0.9em;
  }
  
 	#no-more-tables-assunz table,  
 	#no-more-tables-assunz thead,  
 	#no-more-tables-assunz tbody,  
 	#no-more-tables-assunz th,  
 	#no-more-tables-assunz td,  
 	#no-more-tables-assunz tr {  
 		display: block;  
 	} 
  
 	/* Nasconde le intestazioni della tabella */ 
 	#no-more-tables-assunz thead tr {  
 		position: absolute; 
 		top:-9999px; 
 		left:-9999px; 
 	} 
 	#no-more-tables-assunz tr { border: 1px solid #ccc; } 
	#no-more-tables-assunz td {  
 		/* Inserisce il comportamento come una riga */ 
 		border: none; 
 		border-bottom: 1px solid #eee;  
 		position: relative; 
 		/*padding-left: 50%;  */
 		
 		white-space: normal; 
 		text-align:left; 
 	} 

 	#no-more-tables-assunz td:before{  

 		/* Inserisce il comportamento come un'intestazione di tabella */ 
 		position: relative; 
 		/* I valori top/left agiscono come padding */ 
 		/*top: 0; 
 		left: 6px; 
 		width: 45%;  
 		 
 		white-space: nowrap; 
 		text-align:left; */
 		padding-right: 10px; 
 		font-weight: bold; 
 	} 

 	/* Aggiunge l'etichetta ai dati della tabella */ 
 		#no-more-tables-assunz td:before{ content: attr(data-title)  			
 	}   	 
	
 } 	
li.subMenu {
    border-radius:4px;
    margin-bottom: 2px;
}

li.subMenu a{
border-radius: 4px;
}
button.navbar-toggle{
height:34px;	
}	

.btn-primary:hover {
    color: #fff;
    background-color: #d4173f !important;
    border-color: #ffffff  !important;
}

.btn-primary {
    color: #fff;
    background-color: #bf022a !important;
    border-color: #ffffff  !important;
}

	div.thumbnail{
		min-height: 225px;
	}

.caption h3 {
    font-size: 1.4em !important;
    white-space: nowrap;

}	
@media only screen and (min-width: 767px) {
	div.caption p {
		min-height: 94px !important;
		line-height: 23px !important;
	}
}		

#body {
    min-height: 300px;
}

.cliente th {
    background-color: #bf022a !important;
    text-align: center !important;
    vertical-align: middle !important;
	
}

table.dipendenteCliente tbody tr th {
    background-color: #666666 !important;
}

.cliente th a {
	color:white !important;

}

.alert-info {
    color: #666;
    background-color: #f6f6f6;
    border-color: #d7d7d7;
}

table.cliente.assunzioni {
  color: #666;
}
