




@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;*/
	font-family: "Ubuntu",sans-serif !important;
	background-color: #ffffff !important;
	color: #31708f;
}
a {
	color: #337ab7 !important;
	text-decoration: none !important;
}	

/* BACKGROUND_COLORS */
		
		.bg-1 {
			background-color: #003671 !important;
			color: #FFFFFF !important;
		}
		
		.bg-2 {
			background-color: #337ab7 !important;
			color: #ffffff !important;
		}
		.bg-2:hover {
			background-color: #286090 !important;
			color: #ffffff !important;
		}
		.bg-2 a {
			color: #ffffff !important;
		}
		
		.bg-3 {
			background-color: #1c528d !important;
			color: #ffffff !important;
		}
		.bg-3:hover {
			background-color: #003671 !important;
			color: #ffffff !important;
		}
		.bg-3 a{
			color: #FFFFFF !important;
		}
		.bg-3:hover a{
			color: #FFFFFF !important;
		}
		
/* FONT_COLORS */

		.txt-color-1 {
			color: #444444 !important;
		}
		.txt-color-2 {
			color: #337ab7 !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  #337ab7;
		border-radius: 10px;
	}
	.bordered-form fieldset legend {
		padding: 2px 30px 2px 30px;
		border: 2px solid  #337ab7;
		border-radius: 10px;
		text-transform: uppercase;
		color: #337ab7;
		font-weight: bold;
		font-style: italic;
	}

/* Bordo generico */
.bordered {
		padding: 30px;
		border: 2px solid  #337ab7;
		border-radius: 10px;
	}
.bordered legend {
		padding: 10px;
		border: 2px solid  #337ab7;
		border-radius: 10px;
		color: #337ab7;
		text-transform: uppercase;
		font-weight: bold;
	}
	

/* sezioni singole */

#__header {
	
}

#__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: #003671;
	color: #FFFFFF;
	border: none;
	text-align: center;
}
.cliente th:hover{
	cursor:pointer;
}

.cliente > tbody > tr > th {
	background-color: #337ab7;
	text-align: center !important;
    			vertical-align: middle !important;
}

table.cliente{
	border:none;
}

.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;
}

/* colori e stili tabelle dipendenti*/

/* rimozione spazio bianco */
.dipendenteCliente {
	margin: 0px !important;
	width: 100% !important;
}
.dipendenteCliente tr{
	border-bottom: 1px solid #003671;
}

.dipendenteCliente th {
    	font-size: 9.5px;
	padding: 0 5px;
}
.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{
	min-width: 150px;
	color: #31708f;
font-weight: 300;
margin-top: 10px;
}

#logo {
    background-color: #fff;
    margin: 2px;
}

#__header h1 {
    color: #FFFFFF !important;
}
#__footer {
    color: #FFFFFF !important;
}

legend{
background-color: /*#efefef;*/transparent;
border-radius: 3px;
padding: 4px;
color: #0193d7;
font-size:30px;
}

button, html input[type="button"], input[type="reset"], input[type="submit"] {
-webkit-appearance: button;
cursor: pointer;
padding: 4px;border-radius: 4px;
color: #FFFFFF;
background-color: #337ab7;
border: none;

}
button:hover, html input[type="button"]:hover, input[type="reset"]:hover, input[type="submit"]:hover {

background-color: #286090;

}
.errors ul li, ul.errors li{
	color: #a94442;
}

.ui-icon.ui-icon-triangle-1-e, .ui-icon.ui-icon-triangle-1-s {
    display: inline-block;
}

a.btn.btn-primary {
    color: white !important;
}

button, input, optgroup, select, textarea {
    border: 1px solid #ccc;
    border-radius: 4px;
    padding: 3px;
}

.ui-accordion .ui-accordion-header {
    background: #bbb none repeat scroll 0 0;
    color: #fff !important;
}

#divRegistrationForm input[type="password"], #divRegistrationForm input[type="text"] ,#divRegistrationForm select,#divRegistrationForm textarea {

    width: 85%;
	
}
.thumbnail {
    background: #d9edf7 none repeat scroll 0 0;
}


/*div.thumbnail {
   
    min-height: 240px;
}
div.thumbnail .caption {
   
    vertical-align:bottom;
}*/
div.alert-info p, div.alert-info p a{
	font-size: 1.1em;
	color: #31708f !important;
}
div.caption p {
    min-height: 60px;
}

#content{
    background: #ebf0f7 none repeat scroll 0 0;
    border: 1px solid #e7e7e7;
    border-radius: 4px;
    margin-top: 20px;
}

#formRicercaPresenze hr, hr[size="7"]{
	height:10px;
	margin-top:0;
	margin-bottom:0;
	margin:0;
}
#formRicercaPresenze #detailImg{
	max-width:unset !important;
	cursor:pointer;
}

.ui-tabs .ui-tabs-nav li.ui-tabs-active {
    margin-bottom: -1px;
    padding-bottom: 10px;
    background: #337ab7 !important;
}

#formRicercaPresenze td{
	font-size:0.9em;
}

.ui-widget-header {
    background: #bbb;
    border: 1px solid #bbb;
    color: #13397e;
    font-weight: bold;
}

.liCartolinaPanel{
	background: #13397e !important;
}
.liCartolinaPanel a {
    color: white !important;
	padding: 15px !important;
	
}

.ui-tabs .ui-tabs-nav li {
    padding: 10px;
}

.liCartolinaPanel .ui-state-active  a , .liCartolinaPanel .ui-state-active  a:visited{
    background: #ff3333 !important;
}
input.inputCartolina{
	text-align:right;
}

#jqcombobox_causaleDaAggiungere {
    border: 1px solid #aaaaaa;
    margin-right: 0;
	height:20px;
}
.ui-autocomplete a, .ui-autocomplete a:visited,{
	color: #666666 !important;
}
#tableCartolinaPres {
    font-size: 0.9em;
}

input.inputCartolina {
    width: 60px;
}

/*.save-bar {
    background: #13397e none repeat scroll 0 0 !important;
    padding: 10px;
}*/
#salvaCartolinaButton{
	margin-bottom:15px;
}

.trSabato > td , .trDomenica> td{
    background: #ffe6e6 none repeat scroll 0 0;
    color: #990000;
}

.trFestivo > td{    
    color: #DD0000;
	background: #ffe6e6 none repeat scroll 0 0;
}

ul.ui-autocomplete  li a {
    color: #13397e !important;
}

.liCartolinaPanel.ui-state-default.ui-corner-top.ui-tabs-selected.ui-state-active {
    background: #286090 none repeat scroll 0 0 !important;
}

#cartolinaPanel li.liCartolinaPanel {
    border-top-right-radius: 20px !important;
    border-top-left-radius: 6px !important;
    padding: 0px;
    margin: 0;
}

#cartolinaUl {
background: white;
border-bottom: 1px solid #13397e;
border-radius: 0;
border-top: none;
border-right: none;
border-left: none;	
}	

.log_content.alert.alert-info {
    font-size: 0.8em;
}

#infoCartolinaDiv table {
    font-size: 14px;
}

#cartolinaPanel, #cartolinaPanel input, #cartolinaPanel textarea{
    font-family: "Ubuntu", sans-serif !important;
    font-size: 14px;
    
}

#cartolinaPanel textarea{
color: rgb(49, 112, 143);
}

#jqi {
    background: #ddd none repeat scroll 0 0;
    border-radius: 12px;
    margin-top: 20px;
    padding: 20px;
    text-align: center;
	margin-left:0 !important;
	box-shadow: 10px 10px 5px #888888 !important;
	border. solid 1px #bbb;
	line-height:30px;
}

.jqiclose{
	background: #337ab7;
	color:white;
}
.jqibuttons button {
    border-radius: 4px;
    margin: 10px;
    min-width: 50px;
    padding: 3px;
}