

		.intestazione{
			font-size: 22px;
			color:#000000;
		}
		a {
			text-decoration: none !important;
		}
	
		.borderRow {
			border-bottom: 1px solid #ddd;
		}
	
		input[type="button"], button {
			border-radius: 10px !important;
			background-color: #009e85;
			color: #ffffff;
			margin-top: 20px;
			text-transform: uppercase;
			height: 45px;			
			font-weight: bold;
		}
	
		input[type="submit"], button[type="submit"] {
			border-radius: 10px !important;
			background-color: #009e85;
			color: #ffffff;
			margin-top: 20px;
			text-transform: uppercase;
			height: 45px;
			line-height: 0;
		}
	
		input[type="button"]:hover,  button:hover {
			background-color: #20bfbf !important; /*fc6a1d*/
			color: #ffffff !important;
		}
	
.btn-primary:hover {

    color: #fff !important;
    background-color: #20bfbf;
    border-color:  #20bfbf;    

	}
	.btn-primary {

    color: #fff;
    background-color: #009e85;
    border-color: #009e85;
	}	
	
	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;
	}
}		
	
	@media only screen and (max-width: 767px) {
		.navbar-offcanvas {
			padding-top: 140px;
		}
	}
	
	#section {padding-top: 200px;}
	#aboveFooter {
		margin-bottom: 30px;
		width:100%;
		display: flex;
		justify-content: center;
		margin-top: 45px;
	}
	@media only screen and (max-width: 767px) {
		#section {
			padding-top: 140px;
		}
	}
	
	@media only screen and (max-width: 600px) {
		#section {
			padding-top: 40px;
		}
	}
	
	@media only screen and (max-width: 1024px) {
		#aboveFooter {
			display: inline-block !important;
			margin-top: 0 !important;
		}
		
		#aboveFooter p {
			width: 100% !important;
		}
	}
	
		input[type="submit"]:hover,  button[type="submit"]:hover {
			background-color: #20bfbf!important;
			color: #ffffff !important;
		}
	
		.datiAziendali {
			margin: 0;
			padding-bottom: 10px;
		}
	
		* {
			font-family: "Helvetica", sans-serif;
		}
	
		legend {
			font-size: 28px;
		}
	
		legend:first-letter {
			text-transform: capitalize;
		}
		
		h3:first-letter {
			text-transform: capitalize;
		}
	
		.subMenu, .subMenu:hover {
			background-color: #009e85;
			border-radius: 4px;
		}
		
		.subMenu a {
			color: #ffffff !important;
			border-radius: 4px;
		}
		
		.subMenu a:hover {
			color: #ffffff;
			background-color: #20bfbf !important;
			border-radius: 4px;
		}
	
		.subMenu a:first-letter {
			text-transform: uppercase;
		}
		
		label {
			font-weight: bold !important;
		}
	
		caption {
			font-size: 27px;
			color: #DC172C;
		}
	
		caption:first-letter {
			text-transform: capitalize;
		}
	
		.browseResultLink {
			background-color: #009e85;
			border-radius: 5px;
			display: flex;
			justify-content: center;
			align-items: center;
			padding: 0 !important;
			width: 10%;
		}
	
		.browseResultLink a {
			color: #ffffff !important;
		}
	
		.browseResultLink:hover {
			background-color: #20bfbf;
			color: #ffffff !important;
		}
	
		.browseResultLink a:hover {
			color: #ffffff !important;
		}
	
		.w-nav-list.level_2 {
			background-color: #E2E2E2;
		}
	
		.sub-menu-div {
			margin-bottom: 20px;
		}
	
		.margine {
			margin-top: 20px;
		}
	
		.navigazione li {
			margin: 0 2px;
		}
	
		.pulsantiNav {
			background-color: #fff;
		}
	
		.pulsantiNav:hover {
			
		}
	
		.pulsantiNav a {
			text-align: center;
			font-size: 13px !important;
			color: #009e85;
			height: 108px;
			display: flex;
			align-items: center;
			padding: 0 !important;
			margin: 0 20px;
			border-top: 3px solid #ffffff;
		}
		
		@media only screen and (max-width: 900px) {
			.pulsantiNav a {
				height: 40px;
			}
			
			#ulNav {
				padding: 0;
			}
			
			#ulNav li {
				background-color: #f6f6f6;
			}
			
			#ulNav li a {
				color: #333333 !important;
				border-top: none !important;
				padding-left: 25px !important;
				font-size: 11px !important;
			}
		}
	
		.pulsantiNav a:hover {
			color: #20bfbf !important;
			border-top: 3px solid #20bfbf;
		}
	
		/**Aggiunti maury */
		
		.errors {
			color: #e43b20;   
		}

		ul.errors, div.errors ul {
			border-left: 4px solid #e43b20;
			box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1);
			list-style: outside none none;
			margin-left:0;
		}
		.errors > li {
			margin-left: 20px;
		}
		
		.ui-accordion .ui-accordion-content {padding:0;}
		.ui-widget-content{ color:#111111;}
		.ui-icon{display: inline-table;}
		
		

 @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)  			
 	}  
 	
/***************************** CONOSCENZE INFORMATICHE *****************************/		
     /* 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)  			
 	}   	 	
}		

#listaAnniAss h3.ui-accordion-header{
	background: #009e85!important;
}
select{
	background:white;
}

.l-titlebar.size_large .l-titlebar-h, .l-titlebar.size_huge .l-titlebar-h, .l-sidebar, .l-section-h {

    padding: 0;

}

#listaAnniContratti h3.ui-accordion-header{
	background: #009e85!important;
}

#listaSediDiLavoro h2.ui-accordion-header{
	background: #000000 !important;
}

#listaAnniFatture h3.ui-accordion-header{
	background: #009e85!important;
}

.buttonIndietro a, button.buttonIndietro {
	color: #fff !important;
	border-radius: 10px !important;
}

#listaSediDiLavoro td, #listaSediDiLavoro th {
    font-size: 0.8em; 
}

#listaSediDiLavoro .dipendenteCliente{
	background: #DEFFDA;
}
a.mostraDipendenti{
	font-weight:bold;
	font-size:20px;
}

.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;
}

.alert-info {
    color: #009e85;
    background-color: #cbd7cd;
    border-color: #cbd7cd;
}

form label {
    text-transform: none;
    color: #000000;
    margin-bottom: 0;
}

h3 {
    color: #009e85;
}

#content{
	background: #eef9f0;
	border-radius:4px;
	padding:20px;
	margin: 0;
	border: solid 1px #ececec;
	min-height: 150px;
}

div#content 

.divcontainerw{
border: solid 1px #B7E4E6;border-radius: 4px; width:99%;padding:10px;margin-top:10px; 
background:white;
}


	@media (min-width:768px){
	.nav > li > a {
	
	    position: relative;
	    display: block;
	    padding: 2px;
			text-align: center;
	}
	
	.nav > li {
	
	    position: relative;
	    display: inline-table;
	    min-width: 100px;
	    font-size: 0.9em;
	
	}
	
	.nav ul li, ol li {
	
	    margin: 0 0 0.0;
	
	}

#sub-menu{
margin-left:0;margin-right:0;
}

#navbar-offcanvas{
 padding-left:0;padding-right:0;	
}
}


#imgprofilo {
  background-color: #eee;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij48cGF0aCBmaWxsPSIjNzU3NTc1IiBkPSJNMTIgMTJjMi4yMSAwIDQtMS43OSA0LTRzLTEuNzktNC00LTQtNCAxLjc5LTQgNCAxLjc5IDQgNCA0em0wIDJjLTIuNjcgMC04IDEuMzQtOCA0djJoMTZ2LTJjMC0yLjY2LTUuMzMtNC04LTR6Ii8+PHBhdGggZD0iTTAgMGgyNHYyNEgweiIgZmlsbD0ibm9uZSIvPjwvc3ZnPg==);
  background-position: center;
  background-repeat: no-repeat;
  background-size: 110%;
  border: 3px solid #009e85;
  border-radius: 50%;
  height: 100px;
  width: 100px;
  text-align:center;
}
#fotodiv {
  /*border-bottom: 2px solid #757575;*/
  /*border-top: 2px solid #757575;*/
  font-size: 1.2rem;
  height: 80px;
}

button#inserisci_cv, button#inserisci_foto, button#cambia_cv {

    padding: 1px;
    line-height: 1px;
    height: 22px;
    border-radius: 4px !important;
    font-size: 12px;

}


label[for="nazioneNascita"], label[for="dataNascita"] {
    white-space: nowrap !important;
}

#addPatente, #addTitolo, #addEsperienza, #addSkill, #addLingua {
    height: 32px;
}	

.slider{
	width: 60px;
}

input[type="date"].form-control, input[type="time"].form-control, input[type="datetime-local"].form-control, input[type="month"].form-control {

    line-height: 1em !important;
}

#residenzaCap, #domicilioCap {
    min-width: 70px;
}

.nomeFile {

font-size: 12px;
text-overflow: ellipsis;
/*white-space: nowrap;*/
max-width: 150px;
display: block; 
overflow: hidden;
word-wrap: break-word;
line-height: 15px;
padding: 4px;
}

input[type="text"], input[type="password"], input[type="email"], input[type="url"], input[type="tel"], input[type="number"], input[type="date"], input[type="search"], input[type="range"], select {
line-height: 1em;
}

input.form-control, select.form-control{
line-height: 25px;
}

input[type="date"]{
    line-height: 1em !important;
    min-width: 130px;
}

.field-icon-pwd {
  float: right;
  margin-left: -25px;
  margin-top: -25px;
  position: relative;
  margin-right: 7px;
  cursor:pointer;
  z-index: 2;
}

#myBtnTop a i {color white !important;}
#myBtnTop {
  display: none; /* Hidden by default */
  position: fixed; /* Fixed/sticky position */
  bottom: 110px; /* Place the button at the bottom of the page */
  right: 30px; /* Place the button 30px from the right */
  z-index: 99; /* Make sure it does not overlap */
  border: none; /* Remove borders */
  outline: none; /* Remove outline */
  background-color: #009e85; /* Set a background color */
  color: white !important; /* Text color */
  cursor: pointer; /* Add a mouse pointer on hover */
  padding: 11px !important; /* Some padding */
  border-radius: 30px !important; /* Rounded corners */
  font-size: 14px; /* Increase font size */
  width: 50px;
	height: 50px;
	text-align: center;
	opacity: 0.5;
}
#myBtnTop:hover {
	opacity: 1;
	background-color: #009e85; /* Set a background color */
}

#myBtnTop:hover {
  background-color: #555; /* Add a dark-grey background on hover */
}

.mandatoryField {
	border-bottom: solid 2px #009e85;
}	
.mandatoryFieldAlmenoUno{
	border-bottom: solid 2px #009e85;
	border-bottom-style: dashed;
}	

button.close {

    color: #009e85 !important;
	opacity: 0.5 !important;
	text-shadow: 0 1px 0 #8ab4d8;
	background:  transparent;
    border-radius: 4px !important;
    padding: 4px;

}

.blucolortext {
	font-weight: bold;
	color: #0066cc;
}
