@charset "UTF-8";
@import url(//fonts.googleapis.com/css?family=Open+Sans);


/* =========== STILI PER IL LAYOUT FLUIDO ========== */

html,body{
	margin: 0;
	padding:0;
	overflow-x:hidden; /*risolve il problema della barra orizzontale apparsa nelle versioni di firefox >=3.5*/
	/* E' stato eliminato perche' causava problemi in caso di visualizzazione del dialog jquery nella pagina
	position:relative;  Senza la posizione relativa gli oggetti all'interno della pagina che hanno la proprieta' "position:relative" ma non sul contenitore, in IE diventano FIXED*/
	background-color: #005970;
	color: #fff;
}

body{
	font-size: 83%;
	font-family: "Open Sans", -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
	background-color: #f8f4f4;
	color: #005970;
}

div#container{
	background-color: #005970;
}

/*stili generici, su header e footer*/
div#header{
	background-color:#033850;
	height: 60px;
	margin-left: 0px;
}

#footer{
    clear: both;
    background-color: #005970
}



/* ========= INTESTAZIONE PAGINA ========== */

div#topmenu{
	float:left;
	padding-right: 0.5em;
	height: 60px;
}

div#topmenu div ul{
    float: left;
    margin: 18px 0 0 0;
    padding: 0;
    /* font-size: 110%; */
    list-style: none;
}

div#topLogout ul {
    padding: 0;
    list-style: none;
}

form span[class*="fa-"], table span[class*="fa-"], .form-row span[class*="fa-"] {
	padding: 0 3px 0 3px;
	font-size: 1.4rem;
	color: #02A19B;
	text-shadow: 1px 1px rgba(0,0,0,.16); 
}

form span[class*="fa-question-circle"]{
	margin-top:-8px;
}
form span[class*="fa-"]:not(.nonCliccabile), table span[class*="fa-"]:not(.nonCliccabile), .form-row span[class*="fa-"]:not(.nonCliccabile){ 
	cursor: pointer;
	cursor: hand;
}
form span[class*="small"], table span[class*="small"]{
	cursor: pointer;
	cursor: hand;
	padding: 0 3px 0 3px;
	font-size: 0.78rem;
	color: #FFFFFF;
	text-shadow: 1px 1px rgba(0,0,0,.16); 
}
form .rigaselezionata span[class*="fa-"], table .rigaselezionata span[class*="fa-"]{
	color: #fff;
}
form span[class*="fa-"][disabled], table span[class*="fa-"][disabled] { 
	color: #02A19B;
	pointer-events: none !important;
}

form span[class*="fa-"]:hover:not(.nonCliccabile), table span[class*="fa-"]:hover:not(.nonCliccabile){
	color: #30cfc0;
}

form .rigaselezionata span[class*="fa-"]:hover:not(.nonCliccabile), table .rigaselezionata span[class*="fa-"]:hover:not(.nonCliccabile){
	color: #E75333;
}

	
div#topmenu ul li span[class*="fa-"]{
	font-size:1.7em;
	color: #FFF !important;
}
div#topLogout ul li span[class*="fa-"]{
	font-size:2em;
	color: #FFF !important;
}

div#topmenu ul li {
    float: left;
    margin: 0 3px 0 0;
    padding: 0px 7px;
}
div#topmenu ul li a:not(.badgeInMenu) {
    float: left;
    display: block;
    padding: 5px 6px;
    text-decoration: none;
    color: #FFF;
}
div#topmenu ul li strong a {
    color:#369;
	background: #005292;
    color:#FFF;
    font-weight:bold;
}

div#topmenu ul li a.area {
	float: left;
	display: block;
	text-decoration: none;
	color: #FFF;
	font-weight: bold;
	font-size:1rem;
}

div#topmenu ul li a img {
   padding-bottom:2px;  
   border: none;   
}

div#topDatiOperatore{
	float:left;
	height: 50px;
	padding:10px 5px 0 40px;
	color: #fff;
	font-size: 90%;
	font-weight: bold;
	line-height: 130%;
}

div#topDatiOperatore span{
	white-space: nowrap;
    display: inline-flex;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 100%;
}


/*stili generici, su header e footer*/
div#topLogo{
	height: 60px;
	margin: 0px 0 0 0;
	
	background: #033850 url(../img/logo_ncup.png) no-repeat left;
}

div#topLogout{
	float:right;
	height: 60px;
	margin: 0px 0 0 0;
}

div#topLogout ul{
	padding-right:10px;
	margin: 18px 0 0 0;
	text-align:right;
}

/* SE LA RISOLUZIONE E' <= 1024 NON MOSTRA PIU' IL LOGO EXPRIVIA PER DEDICARLO AL MENU E AI DATI OPERATORE */
@media screen and (max-width: 1152px){
   div#topmenu{ width:55%; }
   div#topDatiOperatore{ width:30%; }
   div#topLogo { width:0%; }
   div#topLogout{ width:5%; }
}

div#content{
	padding: 1em;
	background-color: #005970;
	line-height: 1em; /* risolve il peekaboo bug di IE6 */
}








/* ======== BARRA DI NAVIGAZIONE ======= */

div#navigation{
	color: #FFF;
	background-color: #033850;
	border-top: 1px solid #f8f4f4;
	height: auto;
}

div#navigation a{
	color:#FFF;
	font-weight: bold;
	text-decoration: none
}

div#internonav{
	padding-top: 6px;
	padding-left: 6px;
	padding-bottom: 6px;
	font-size: 0.88em;
}




div#sx {
	float: left;
	position: relative;
	width: 49%;
	min-height: 200px;
	height: auto !important;
	background-image: none !important;
}

/* AGGIUNTO SU EDOTTO */
div#sx h5 {
	display: none;
}

div#dx {
	float: right;
	position: relative;
	padding-bottom: 50px; /* per non far sorapporre il testo all'immagine di sfondo */
	width: 49%;
	height: 150px;
	min-height: 150px;
   	height: auto !important;

	border-radius: 3px 0 3px 3px;
	background-color: #B2DFDB;
}

fieldset.note{
	display:block;
	/* margin-top: 20px; */
	border: none 0;
	border-radius: 3px 0 3px 3px;
	background-color: #B2DFDB;
	padding-bottom: 20px; /* per non far sovrapporre il testo all'immagine di sfondo */
	padding-top: 10px;
	line-height: 1.2em;
	
	background-color: #B2DFDB;
}

fieldset#dxnote, fieldset.sxnote {
	width:45%;
	display:block;
	
	padding-bottom: 15px;
	padding-top: 10px;
	border: none 0;
	margin-top: 20px;
	line-height: 1.2em;

	border-radius: 3px 0 3px 3px;
	background-color: #B2DFDB;
}

fieldset#dxnote{
	float:right;
}
fieldset.sxnote {
	float:left;
}
fieldset#dxnote h5, fieldset.sxnote h5, fieldset.note h5 {
	font-size: 15px;
	font-weight: bold;
	margin-bottom: 15px;
}


fieldset fieldset.dxnoteSmart {
	
	background-color: #B2DFDB;
	float:right;
	width:45%;
	display:block;
	padding-top: 10px;
	border: none 0;
	color: #005191;
	line-height: 1.2em;
	margin-top: -10px;
}

fieldset fieldset.dxnoteSmart h5 {
	font-size: 15px;
	font-weight: bold;
	margin-bottom: 15px;
}


fieldset#dxnote legend{
	border: 0 none;
	color: #005191;
	background-color: #B2DFDB;
	font-size: 15px;
	font-weight: bold;
	text-transform: none;
	
}

fieldset#sxnote {
	float:left;
	width:45%;
	display:block;
	background-color: #B2DFDB;
	background-image: none;
	border: 1px dotted;
}

fieldset#up-dxnote {
	width: 45%;
	margin: -0.7em 0.8em 0.8em 0;
    padding: 0 0.8em 0 0.8em;
	float:left;

	display:block;
	background-color: #FFFFFF;
	background-image: none;
	border: 1px dotted;
}

fieldset#up-dxnote legend{
	margin-bottom: -5px;
	padding: 0.3em;
	border-color: #EEA21D;
	background-color: #FFFFFF;
	border: 1px dotted;
}

div .up-dxnote {
	width: 50%;
	padding: 0.5em;
	padding-top:0.2em;
	margin-top:0.2em;
	float:left;

	display:block;
	border-color: #EEA21D;
	background-color: #FFFFFF;
	background-image: none;
	border: 1px  dashed;
}

div .up-dxnote  .legend{
	width: 3em;
	margin-bottom: -0.8em;
	margin-top: -0.8em;
	padding-top: 0;
	padding: 0.3em;
	border-color: #EEA21D;
	background-color: #FFFFFF;
	border: 1px dotted;
	color : #369;
	font-weight : bold;
	font-size: 0.9em;
}

div#dx:before{
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    border-width: 0 40px 40px 0;
    border-style: solid;
    border-color: #f2f2f2 #f2f2f2 #02a19b #02a19b;
    background: #658E15;
    display: block;
    width: 0;
    -webkit-box-shadow: 0px 0px 0px rgba(0,0,0,0.3), -1px 1px 1px rgba(0,0,0,0.2);
    -moz-box-shadow: 0px 0px 0px rgba(0,0,0,0.3), -1px 1px 1px rgba(0,0,0,0.2);
    box-shadow: 0px 0px 0px rgba(0,0,0,0.3), -1px 1px 1px rgba(0,0,0,0.2);
}

fieldset#dxnote:before, fieldset#sxnote:before, fieldset.note:before, fieldset fieldset.dxnoteSmart:before{
	content: "";
    position: absolute;
    top: 0;
    right: 0;
    border-width: 0 40px 40px 0;
    border-style: solid;
    border-color: #f2f2f2 #f2f2f2 #02a19b #02a19b;
    background: #658E15;
    display: block;
    width: 0;
    border-radius: 0 0 0 3px;
    -webkit-box-shadow: 0px 0px 0px rgba(0,0,0,0.3), -1px 1px 1px rgba(0,0,0,0.2);
    -moz-box-shadow: 0px 0px 0px rgba(0,0,0,0.3), -1px 1px 1px rgba(0,0,0,0.2);
    box-shadow: 0px 0px 0px rgba(0,0,0,0.3), -1px 1px 1px rgba(0,0,0,0.2);
}
 
input[type=checkbox]:checked {
content: "\2022";
color: #f3f3f3;
font-size: 30px;
text-align: center;
line-height: 18px;
}



/* AGGIUNTO SU EDOTTO */
#dx h5.sx {
	border: none;
	background: transparent;
	margin: 0;
	padding: 0;
	position: static;
	padding: 20px 0 0 20px;
	float: none;
	font-size: 16px;
	font-weight: bold; 
	color: #033850;
}







/* ===== stili per la home page delle AREE APPLICATIVE ======== */

#hpcontentsx{
	color: #033850;
}

#hpcontentsx p {
	margin: 0;
	padding-bottom:20px;
	line-height: 130%;
	font-size: 16px;
	font-weight: bold;
}

div#hpcontentdx{
	padding: 0;
}

div#hpcontentdx ul{
	padding: 1.2em;
	list-style-type:disc;
}
div#hpcontentdx ul li{
	margin-left: 1em;
	padding: 5px 0 0 1em;
	list-style-type:disc;
}



/* ===== link della home page delle AREE APPLICATIVE ======== */

ul.navlist{
	padding-left: 0;
	width: 90%;
}
		
ul.navlist li{
	list-style: none;
	margin: 0;
	padding: 0;
	border-bottom: 2px solid #dee2e6;
}
		
ul.navlist li a { 
	display: block;
	color: #033850;
	font-weight: bold;
	text-decoration: none;
	padding: 0.5em;
}

ul.navlist li a:hover { 
	background-color:#b0bec5 !important;
	
}

/* ===== fine stili per la home page ======== */








/* ==================== STILI PER LE INFO DI RIEPILOGO =========== */
div#inforiepilogo{
	line-height: 1em; 
}
div.riepilogovuoto{
	float: left; 
}
div.riepilogo{
	float: left;
	width:99.6%;
	margin: 0 0.8em 0.8em 0; 
	padding: 0 0 5px 5px;
	
	border-radius: 0px 0px 3px 3px;
	-moz-border-radius: 0px 0px 3px 3px;
	-webkit-border-radius: 0px 0px 3px 3px;
	
	font-size: 0.84rem;
	background-color: #02a19b;
	color: #fff !important;
}

div.legendriepilogo{
	float: left;
	width:99.6%;
	margin-top:10px;
	padding: 5px 0 5px 5px;
	
	border-radius: 3px 3px 0px 0px;
	-moz-border-radius: 3px 3px 0px 0px;
	-webkit-border-radius: 3px 3px 0px 0px;
	
	font-weight : bold;
	font-size: 1.15em;
	text-align: left;
	line-height: 1em;
	
	background-color: #02a19b;
	color : #fff;
}

/* Distanza verticale tra le label nel div riepilogo */
div.riepilogo label{
	margin-top:0px;
}

/* div.riepilogo label + label{
	font-weight : bold;
} */
	
div.riepilogoint{
	float: left; 
}

/* AGGIUNTO SU EDOTTO */
.riepilogo .riepilogoint {
	margin: 5px 20px 0 0;
}

/* UTILIZZARLA PER VISUALIZZARE I DATI DI UN ENTITA' */
div.legendriepilogo2, div.riepilogo legend{
	float: left; 
	padding: 0.4em;
	
	font-weight : bold;
	font-size: 1.15em;
	text-align: left;
	line-height: 1em;

	background-color: #02a19b;
	color : #fff;
}	

div.riepilogo td{
	padding:2px 5px
}

div.riepilogoint td{
	padding:2px 5px
}
div.riepilogoint td+td{
	padding-right: 30px;
}

div.riepilogo table{
	border-collapse: collapse;
 	width: auto;
 	margin: 3px 6px 0px 15px;
 	padding: 5px;
 	color: #fff;
}

div.riepilogoint table{
	border-collapse: collapse;
 	width: auto;
 	margin: 3px 3px 5px 5px;
 	padding: 5px;
}

.riepilogosupbold {
	font-weight : bold;
	font-size: 0.9em;
	text-align: left;
	line-height: 1em;
	white-space: pre; 
}
	
.riepilogosup {
	font-size: 0.9em;
	text-align: left;
	line-height: 1em; 
	white-space: pre;
}
/* =============== FINE STILI DI RIEPILOGO =========== */





/* ==================== STILI PER LE FORMS ==================*/

form h4{
	background-color:#f2f2f2;
 	color: #005970;
}

fieldset, form div.riepilogo, form div.riepilogo div.riepilogoint{
	position: relative;
	width: auto;
	border: 1px solid #033850;
	border-radius: 3px;
	margin: 0.1em 0.8em 0.8em 0;
	padding: 0em 0.8em 0.8em 1em; 
}

fieldset fieldset, div.dxRiepilogo fieldset, div.sxRiepilogo fieldset {
	border: 1px solid #033850;
	width: auto;
}

fieldset fieldset legend, div.dxRiepilogo fieldset legend, div.sxRiepilogo fieldset legend {
	color: #033850;
}


form div.riepilogo, form div.riepilogo table{
	background-color: #f2f2f2;
	color: #033850!important;
}

form div.riepilogo div.legendriepilogo2 {
	float: left; 
	margin: -20px 0;
	padding: 0.4em;
	background-color: #f2f2f2;
	
	font-weight : bold;
	font-size: 1.15em;
	text-align: left;
	line-height: 1em;
	text-transform: uppercase;
	color: #033850;
}	


/* stili da usare in caso di form con due fieldset affiancati */
/* -----------------------------------------------------------*/
fieldset#sx {
	float:left;
	width:45%;
	margin-right:10px;
}

fieldset#dx {
	float:right;
	width:45%;
	display:block;
}

.sx {
	float:left;
	width:45%;
	margin-right:10px;
}
.sx_75 {
	float:left;
	width:75%;
	margin-right:10px;
}

.dx {
	float:right;
	width:45%;
	display:block;
}

/* ----------------------------------------------------------*/

/* stili per i form con un unico fieldset 
e due div flottanti affiancati */
.flsinistra {
	float:left;
	margin-right:20px;
}
	
/* -----------------------------------------------------------*/


legend {
	padding: 0.5em;
	margin-bottom: 2px; 
 	color : #033850;
	font-weight: bold;
	font-size: 1em;
	text-align: left;
	text-transform: uppercase;
}

fieldset label,input,select,textarea, div.fieldset label{
	float: left ;
	margin-bottom: 7px;
	text-align: left;
	font-family: inherit;
	
}
caption div.fieldset label{
	color: #005970;
}

fieldset input[type="text"], fieldset input[type="password"], fieldset input[type="number"], select, textarea, div.fieldset input[type="text"], div.fieldset input[type="number"]  {
	background-color: #fff;
	border: 1px solid #B8B8B8 ;
	/*line-height: 20px;  Altezza di riga */
}

input[type="text"]:disabled, input[type="number"]:disabled, input[readonly] {
	background-color: #e9ecef !important;
  	opacity: 1;
}

/*Funziona da IE 7+ e serve a visualizzare input di tipo submit contenute in 
fieldset con il testo centrato, per IE antecedenti questo stile non ha effetto*/
fieldset input[type="submit"], div.fieldset input[type="submit"]{
	float: left ;
	margin-bottom: 10px;
}

fieldset input[type="radio"], fieldset input[type="checkbox"], div.fieldset input[type="checkbox"]{
	margin: 6px 5px 0 0;
}


input[type="submit"], input[type="button"], input[type="reset"], button[type="button"]{
	position: relative;
	margin-bottom: 5px;
	margin-top: -2px;
	padding:5px;
   	width:auto;
   	overflow:visible; /* necessario in explorer per visualizzare il submit/button nella dimensione 'auto' */
	cursor:pointer; 
	cursor:hand;
	
	font-weight: bold;
	text-align: center;
	color: #033850; 
 	background-color: buttonface; 
 	border-color: rgba(0,0,0,.26); 
 	box-shadow: 0 2px 5px 0 rgba(0,0,0,.16), 0 2px 10px 0 rgba(0,0,0,.12);
}

div.sub1 input[type="button"], div.sub input[type="button"], div.sub1 input[type="submit"].crud, div.sub input[type="submit"].crud{
	padding:5px;
}

input[type="submit"]:hover, input[type="button"]:hover, button[type="button"]:hover, input[type="reset"]:hover{
	box-shadow: 0 5px 11px 0 rgba(0,0,0,.18), 0 4px 15px 0 rgba(0,0,0,.15); 
 	background-color: #ccc;
}

/* APPLICA LO STILE SOLO AI PULSANTI FINALI DELLA PAGINA */

form > .sub1 input[type="submit"]:not(.indietro), 
form > .sub1 input[type="button"], 
form > .sub input[type="submit"], 
form > .sub input[type="button"], 
form > .sub1 input[type="submit"].crud, 
form > .sub input[type="submit"].crud,
.sub1 .button-primary,
.sub .button-primary,
a.linkButton{
	/* margin-top:10px; */
	background-color: #02A19B;
	color:#fff;
}

form > .sub1 input[type="submit"]:not(.indietro):hover, 
form > .sub1 input[type="button"]:hover, 
form > .sub input[type="submit"]:hover, 
form > .sub input[type="button"]:hover, 
form > .sub1 input[type="submit"].crud:hover, 
form > .sub input[type="submit"].crud:hover,
.sub1 .button-primary:hover,
.sub .button-primary:hover,
a.linkButton:hover{ 
 	background-color: #30cfc0; 
 	color: #fff;
}

form > .sub1 .separatorePulsanti{
	float:right; 
	padding: 5px 30px 0 30px; 
	font-size:30px;
	color: #033850;
}


form{
	overflow: hidden;
	margin-top: 10px;
	padding: 10px;
	background-color: #f2f2f2;
}

input {
	width: auto;
	margin-bottom: 0px;
	margin-right: 3px; /* AGGIUNTO CAMP */
}
	
label {
	text-align: left;
	width: auto /*75px*/;
	padding-right: 10px;
	padding-left: 0px;
	margin-top: 7px;
	margin-left: 0px;
}

td label{
	padding-right: 0px;
}
	
select {
	width: auto;
	display: block;
}

textarea {
	display: block;
}

/* BUG FIREFOX - IMPOSTA UNA GRANDEZZA DEL FONT + GRANDE RISPETTO A QUELLA PREVISTA*/
@-moz-document url-prefix() {
    textarea {
        font-size:13px;
    }
}

br {
	clear: left;
}

div.spacer {
	clear: both;
}


input, select, textarea, div.sub a, div.sub1 a, form, .alert, h4{
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}

fieldset.radio{
	width: auto;
	height: auto;
	float:right; /*E' stato aggiunto per allineare il flusso agli altri fieldset. */
}

	
fieldset.radio br {
  clear: left;
}
  
div.sub {  /* in questo blocco vanno i link e i bottoni in fondo alla pagina,
              nel caso in cui si usa un solo fieldset che occupa met&agrave; della pagina */
	clear: both;
	/* width: 47%; */
	position: relative;
} 

div.sub1 {  /* in questo blocco vanno i link e i bottoni in fondo alla pagina,
              nel caso in cui si usano due fieldset che occupano tutta la pagina */
	clear: both;
	/* width: 97%; */
	overflow:hidden;
	position: relative;
	margin:7px;
	padding: 5px 0 5px 0;
} 

div.sub a, div.sub1 a,
div.sub1 .indietro, a.linkButton{
	margin-right: 10px;
	border: 1px solid;
 	border-color: rgba(0,0,0,.26); 
 	box-shadow: 0 2px 5px 0 rgba(0,0,0,.16), 0 2px 10px 0 rgba(0,0,0,.12);
 	
 	color: #033850; 
 	background-color: buttonface; 
 	text-decoration: none;
}


div.sub a, div.sub1 a{  
	position: relative;
	float: left;
	/* margin: 0em 0.3em 0em 0.3em; */
	padding: 5px 6px;
}

div.sub a:hover, div.sub1 a:hover{  
	text-decoration: none;
}
	
div.sub input, div.sub1 input {  
	text-align: center;
	width: auto;
	position: relative;
	float: right;
	margin: 0em 0.2em 0em 0.2em;
}

div.sub1 input[type="reset"] { /*questo stile deve essere presente dopo "div.sub input, div.sub1 input"*/
	float: left;
}

/* -- indietro --> utilizzarla per assegnare lo stesso stile di un link ad un pulsante di submit per tornare indietro alle pagine precedenti.*/ 
div.sub1 .indietro, a.linkButton{  
	position: relative;
	float: left;
	margin: 0em 0.3em 0em 0.3em;
	text-decoration: none;
}
div.sub1 .indietro:hover, a.linkButton:hover {  
	text-decoration: none;
}


/* IN EDOTTO SONO UTILIZZATI MA NON SI CONOSCE L'UTILITA' */

div.sub1 a.fldx {  
	width: auto;
	position: relative;
	float: right;
	margin: 0em 0.2em 0em 0.2em;
}
div.sub a.fldx {  
	width: auto;
	position: relative;
	float: right;
	margin: 0em 0.2em 0em 0.2em;
}
div.fldx {  
	width: auto;
	position: relative;
	float: right; 
	margin: 0em 0.2em 0em 0.2em;
}




.wPerc5{
	width:5%
}
.wPerc10{
	width:10%
}
.wPerc15{
	width:15%
}
.wPerc20{
	width:20%
}
.wPerc21{
	width:21%
}
.wPerc25{
	width:25%
}
.wPerc30{
	width:30%
}
.wPerc35{
	width:35%
}
.wPerc50{
	width:50%
}

.w5 {
	width: 5px;
}
.w10 {
	width: 10px;
}
.w20 {
	width: 20px;
}
.w30{
	width: 30px;
}
.w40{
	width: 40px;
}
.w50 {
	width: 50px;
}
.w60 {
	width: 60px;
}
.w65 {
	width: 65px;
}
.w70 {
	width: 70px;
	}
.w75 {
	width: 75px;
}
.w80 {
	width: 80px;
}
.w90 {
	width: 90px;
}
.w100 {
	width: 100px;
}
.w110 {
	width: 110px;
}
.w120 {
	width: 120px;
}
.w130 {
	width: 130px;
}
.w140 {
	width: 140px;
}
.w150 {
	width: 150px;
}
.w160 {
	width: 160px;
}
.w170 {
	width: 170px;
}
.w180 {
	width: 180px;
}
.w190 {
	width: 190px;
}
.w200 {
	width: 200px;
}
.w210 {
	width: 210px;
}
.w220 {
	width: 220px;
}
.w230 {
	width: 230px;
}
.w240 {
	width: 240px;
}
.w250 {
	width: 250px;
}
.w300 {
	width: 300px;
}
.w320 {
	width: 320px;
}
.w350 {
	width: 350px;
}
.w400 {
	width: 400px;
}
.w450 {
	width: 450px;
}
.w500 {
	width: 500px;
}
.w550 {
	width: 550px;
}
.w600 {
	width: 600px;
}
.w650 {
	width: 650px;
}
.w800 {
	width: 800px;
}
.wauto {
	text-align: center;
	width: auto;
}



/** STILE PER EVIDENZIARE LA OPTION DI UNA SELECT**/  
.bold-option{font-weight: bolder;}



/** STILI PER EVIDENZIARE I CAMPI 
USATO IN CASO DI PRESENTAZIONE ALL'UTENTE DI DATI DISCORDANTI 
PROVENIENTI DA FONTI DIVERSE (AREA ASTP)
**/  

div.alertbold { 
	background-color: #f5d0d3;
	font-weight: 700;
	padding: 2px;
	margin: 0 5px 0 0;
	border: 2px dotted #000000;
	float: left;
}

div.alertbold select {
	background-color: #f5d0d3;
	margin-bottom: 0px;
	font-weight: bold;
}

div.alertbold input {
	background-color: #f5d0d3;
	margin-bottom: 0px;
	font-weight: bold;
}

div.alertbold label {
	margin: 0;
}

fieldset div.alertbold {
   margin: 7px 0 7px 0;
}

/** FINE STILI EVIDENZIA CAMPI  **/








/*=========== STILI PER TEMPLATE OPERAZIONI DI CRUD ====================*/
div#tablesx {
	float:left;
	width:100%;
	margin-right:5px;
}

.crudmenu {
	background-color: transparent;
	font-weight: normal;
}

select.crmenualtri {
	margin-right: 4px;
	margin-top: -2px;
	border: 1px solid #999;
	padding: 2px;
}

input.crud{
	/* color: #fff;
	border: 1px solid #0092bb;
	background-color: #0092bb;
	font-weight: bold; */
	margin-right: 4px;
	padding: 2px;
}

legend.crud {
	border-color: #6286A9;
	background-color: #6286A9;
	border: 1px solid;
	border-bottom: hidden;
	padding: 0.4em;
	margin: 0px 0px 20px -21px;
	color : #FFF;
	font-weight : bold;
	font-size: 0.9em;
	text-align: left;
}

/*=========== FINE STILI PER TEMPLATE OPERAZIONI DI CRUD ====================*/



/* ============ FINE STILI PER LE FORMS ============================== */

















/* ============= STILI PER LE TABELLE =================================*/
table{
	border:none;
	width:100%;
}

.datatable {
	/* QUESTE 3 RIGHE AGGIUNTE DA ME PER SISTEMARE GLI SPAZI TRA LE CELLE */
	padding:1px; 
	border-spacing:0; 
	border-collapse:collapse;
	
	color: #033850;
	width: 100%;
}
	
.datatable-scroll{
	width: 98.8%;
}

table.datatable td, table.datatable-scroll td{
	border: 1px solid #dee2e6;
	padding:2px;
	vertical-align:middle;
	color: #033850!important;
	font-size: .78rem;
}
table.datatable th{
	padding: 6px 3px;
	color: #033850!important;
}

table.datatable th.sorting, table.datatable th.sorting_asc, table.datatable th.sorting_desc{
	cursor:pointer; 
   	cursor:hand;
}

table.datatable td ul li{
	padding-top:6px;
}
	
.scrollabile{
	overflow:auto;
	max-height:183px;
	overflow-x:hidden;
}

/* AGGIUNTO SU NCUP es. CAP -> aggiornarefasciaerogazionegiornaliera */
.scrollabile200{
	overflow:auto;
	/* max-height: 200px; */
	height: 200px;
	width: 100%;
}

.div-container{
	/* height:150px;
	overflow: hidden; */
	
	height:242px;
	overflow: auto;
} 

.tabriepilogo {
	border-collapse: collapse;
	border: 2px solid #6286A9;
	width: auto;
}

caption {
	height: 30px;
	color: #FFF;
	text-align: left;
	padding: 0px 0px 0px 6px;
	margin: 5px 0px 10px 0px;
	font-weight: bold;
}

.menutabella {	
	height: 30px;
	color: #FFF;
	text-align: left;
	padding: 0px 0px 0px 6px;
	margin: 5px 0px 0px 0px;
	width: auto;
	font-weight: bold;
}

.tab:link {
	text-decoration : none;
	font-weight: normal;
	text-align: left;
}

.tab:hover {
	text-decoration : underline;
	font-weight: normal;
	text-align: left;
	background-color: #b0bec5 !important;
}

.tab:visited {
	text-decoration : none;
	color: #CC3366;
	font-weight: normal;
	text-align: left;
}




/* AGGIUNTE SU EDOTTO */
.determinaruolo td {
	padding: 0;
}
.determinaruolo a.tab {
	color: #033850;
	padding: 3px;
	display: block;
}
.determinaruolo  a.tab:hover {
	color: #000;
	text-decoration: none;
}



.intestazionetabella {
	text-align: left;
}	
		
.intestazionetabellaright {
	text-align: right;
	padding-right:10px;
}
		
.intestazionetabellacenter {
	text-align: center;
}

table.datatable th.intestazionetabella, .intestazionetabella, .intestazionetabellaright, .intestazionetabellacenter {
	border: 1px solid #dee2e6; 
	border-bottom: 2px solid #dee2e6;
	padding: .75rem .75rem .75rem .20rem;
	font-weight : bold;
    background-color: #FFFFFF!important;
    color: #033850!important;
}

/* ============= RIGA PARI, RIGA DISPARI PER LE TABELLE ============*/

.rigapari, .rigapariright, .rigaparicenter{
	background-color : #0000000d;
	border: 1px solid #dee2e6;
}

.rigaparicenter input, .rigadisparicenter input{
	float:none !important;
	text-align:center !important;
}

.rigadispari, .rigadispariright, .rigadisparicenter {
	background-color : #FFFFFF;
	border: 1px solid #dee2e6;
}

.rigapari {
	text-align: left;
}

.rigadispari {
	text-align: left;
}

.rigapariright {
	text-align: right;
	padding-right:10px;
}

.rigadispariright {
	text-align: right;
	padding-right:10px;
}

.rigaparicenter {
	text-align: center;
}

.rigadisparicenter {
	text-align: center;
}

.rigaselezionata {
   	background-color: #b0bec5 !important;
}
.rigacliccabile {   
   cursor:pointer; 
   cursor:hand;
}


.rigaevidenziata-gray {   
   cursor:pointer; cursor:hand;
   background-color: #B6B0AF;
   color:#000;
}










/* ============== STILI PER IL TESTO ========================= */
h1,h2,h3,h4{
	margin: 0;
	padding:0;
}

h1{
	float: right;
   	margin: 25px 0 0 5px;
    padding: 0;
	font: bold 1.8em;
	color: #FEEFC3;
}

h2{
 	color : #FFFFCC;
 	text-align : left;
 	font-size: 1.3em;
}
 
h3{
 	color : #003366;
 	text-align : left;
 	font-size: 1.2em;
}
 
h4{
	display: inline-block;
	margin-top:-2px;
	margin-bottom:0px;
	padding: 8px;
	font-size: 1.4em;
	font-weight : bold;
	text-align : left;
	background-color:#005970;
 	color: #f2f2f2;
}
 
h5.sx{
 	color: #fff;
	text-align : left;
	font-size: 1em;
	border-width: 1px;
	border-style: solid;
	border-color: #336699;
	padding: 3px;
	margin-top: -10px;
	margin-left: 15px;
	width: auto;
	background-color: #FFF;
	position: absolute;
}
 
 h5.dx{
	color : #003366;
	text-align : right;
	font-size: 1em;
	border-width: 1px;
	border-style: solid;
	border-color: #336699;
	padding: 3px;
	margin-top: -10px;
	margin-left: 15px;
	width: auto;
	background-color: #FFF;
	position: absolute;
 }

.text-left {
    text-align: left!important;
}

.text-center {
    text-align: center!important;
}

.text-right {
    text-align: right!important;
}

.text-nowrap {
	white-space: nowrap!important;
}

/* ===================== STILI DA UTILIZZARE PER IL RIEPILOGO DEI DATI =============== */
 
div.sxRiepilogo, div.dxRiepilogo, div.fullRiepilogo, div.autoRiepilogo{
	margin: 1em 0.8em 0.8em 0; 
	padding: 0 10px 5px 25px;
	border: 1px solid #005191;
}
div.sxRiepilogo{
	float: left;
	width:45%;
}
div.dxRiepilogo{
	float: right;
	width:45%;
}
div.fullRiepilogo{
	width: auto;
}
div.autoRiepilogo{
	float: left;
}
div.sxRiepilogo .legendriepilogo, div.dxRiepilogo .legendriepilogo, div.fullRiepilogo .legendriepilogo, div.autoRiepilogo .legendriepilogo{
	float: left; 
	display: inline;
	width: auto;
	margin:-15px 10px 10px 0px;

	background-color: #f2f2f2;
	color: #033850;
	
	padding: 0.5em;
	font-weight: bold;
	font-size: 1em;
	text-align: left;
	text-transform: uppercase;
}
div.sxRiepilogo label, div.sxRiepilogo input, div.sxRiepilogo select, div.sxRiepilogo textarea,
div.dxRiepilogo label, div.dxRiepilogo input, div.dxRiepilogo select, div.dxRiepilogo textarea,
div.fullRiepilogo label, div.fullRiepilogo input, div.fullRiepilogo select, div.fullRiepilogo textarea,
div.autoRiepilogo label, div.autoRiepilogo input, div.autoRiepilogo select, div.autoRiepilogo textarea,
div.riepilogo label{
	float: left ;
	margin-bottom: 8px;
	text-align: left;
}
 
 
 
 
 








#footer span{
	line-height: 1.3em;
}

.titolosezione {
	color : #336699;
	font-weight : bold;
	caption-side: top;	
	text-align: left;
}

.bold{
	font-weight : bold !important;
}
 

.normalleft {
	font-weight : normal;
	text-align: left;
}
 
.normalright {
	font-weight : normal;
	text-align: right;
}

.normalcenter {
	font-weight : normal;
	text-align: center;
}

p {
	line-height: 1.2em;
}
p.right {
	text-align:right;
	padding-right: 10px;
}

#nodisplay {
	display : none;
}
/* Utile per nascondere il div errori*/
.nodisplay{
	display : none;
}

.evidenzia, .required::after{
	display: inline-block;
	color: #DF6426;
	font-weight: bold;
	font-size: 1.1em;
}
.required::after{
	content: " *";
    white-space: pre;
}

.info-required::before{
display: inline-block;
color: #DF6426;
font-weight: bold;
font-size: 1.1em;
content: "* ";
white-space: pre;
}


/* ----------------- */
/* MESSAGGI DI ALERT */
/* ----------------- */

.alert{
    padding: .75rem 1.25rem;
    margin-bottom: 1rem;
    border: none 0;
  
    line-height: 1.2em;
    font-size: 1em;
    font-weight : bold;
	text-align: left;
	
    border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
}

.alert-danger {
	color: #fff;
	background: #b00020;
	border: none 0;
}

.alert-info{
	position:relative;
	background-color: #B3E5FC;
	color: #033850;
}

.alert-warning {
	position:relative;
	background-color: #E6EE9C;
	color: #033850;
}

.alert-success{
	position:relative;
	color: #155724;
    background-color: #d4edda;
    border-color: #c3e6cb;
    
    line-height: 1.3em;
    font-size: 1.2em;
}

.alert span.closeMessage{ 
	position:absolute;
	cursor:pointer; 
	cursor:hand;
	right:10px;
	top:13px;
}

.messaggioInPrimoPiano{
	z-index: 100000 !important;
 	/* position: absolute;
	width: 96.5%; */
}








/* ============ STILI PER I TAB (LINGUETTE) ============ */
/* QUESTE TAB SONO UTILIZZATE DA DIVERSE PAGINE IN EDOTTO QUINDI NON SONO STATE ELIMINATE. SONO STATI UTILIZZATI PERCHE' NON C'ERA A DISPOSIZIONE JQUERY CHE USA UN ALTRO STILE */

/* IL SELETTORE SEGUENTE IDENTIFICA IL DIV CHE DEVE CONTENERE LA LISTA */
#nav1   { 
	background-color: transparent; 
	border-style: solid; 
	border-width: 0px 0px 0px 0px; 
	border-color: #000; 
	width: 100%; height: 60px; 
	visibility: visible; 
	display: block;
}
			
UL.nav LI {
	display: inline; 
	list-style: none;
	margin: 0px; 
	padding: 0px;
}
* html ul.nav li  {
	display: inline; 
	float: left;
} 
 ul.nav {
	border: #FFF 1px solid;
	margin: 0.5em 0px 0 10px;
	padding: 12px 0 6px 6px;
	background: transparent;
}
* html ul.nav {
	clear: both; width: 100%;
	padding: 6px 0 0 6px; 
}
UL.nav LI A {
	BACKGROUND-COLOR: #DCEEF5;
	BORDER: #009BCC 1px solid;
	COLOR: #800;
	PADDING: 6px;
	TEXT-DECORATION: none;
	border-bottom: 1px solid #DCEEF5;
} 
* html ul.nav li a {
	display: inline; 
	float: left; 
	margin-right: 6px;
	position: relative; bottom: -1px;
}
UL.nav LI A:hover {
	BACKGROUND-COLOR: #F5F5DC; COLOR: #800
}
UL.nav LI.qui {
	BORDER: #ccc 1px solid;
	BORDER-BOTTOM: #009BCC 1px solid; 
	MARGIN-RIGHT: 4px; 
	margin-left: 4px;
	padding: 6px;
	background: #009BCC;
	color: #FFC;
	font-size: 1.1em;
	font-weight: bold;
}
* html ul.nav li.qui {
	position: relative; bottom: -1px;
	float: left;
	display: inline; 
	margin-right: 6px;
}
 div#nav1 p {
	PADDING-BOTTOM: 1em;
	PADDING-LEFT: 1em; 
	PADDING-RIGHT: 0.5em; 
	PADDING-TOP: 0.1em;
}		
p.commentotab {
	color: #FFC;
	BACKGROUND-COLOR: #009BCC;
	BORDER-BOTTOM: #ccc 1px solid;
	font-size: 1.1em;
	BORDER-TOP: none; 
	MARGIN: 0px 0px 1em 0px; 
	PADDING-BOTTOM: 1em;
	PADDING-LEFT: 1em; 
	PADDING-RIGHT: 0.5em; 
	PADDING-TOP: 0.5em;

}		
UL.nav LI input {
	background-color: #F0F7FF;
	BORDER: #369 1px solid;
	COLOR: #800;
	PADDING: 0em !important;
	TEXT-DECORATION: none;
	border-bottom: 1px solid #DCEEF5;
	width: auto;
	margin: 0em !important;
	margin-bottom: -1px;
	text-align: center ; 
} 
* html ul.nav li input {
	display: inline; 
	float: left; 
	margin-right: 1px;
	position: relative; bottom: -1px;
	width: auto;
	margin: 0 !important;
}
UL.nav LI input.qui {
	BORDER: #369 1px solid;
	BORDER-BOTTOM: 0px ; 
	MARGIN-RIGHT: 1px; 
	margin-left: 1px;
	padding: 1px;
	background-color: #DCEEF5;
	color: #369;
	font-size: 1em;
	font-weight: bold;
	width: auto;
}
* html ul.nav li input.qui {
	position: relative; bottom: -1px;
	float: left;display: inline; margin-right: 1px;
}
#nav2 { background-color: transparent; 
	border-style: solid; 
	border-width: 0px 0px 0px 0px; 
	border-color: #000; 
	width: 100%; height: 40px; 
	visibility: visible; 
	display: block;
	margin: 0px;
	padding:0;
}
fieldset.pertab {
	border-color: #336699;
	background-color: #F0F7FF;
	width: auto;
	border: 1px solid;
	margin: -5px; 
	padding: 0 0.8em 0.8em 1em; 
}
fieldset.pertab legend {
	border-color: #336699;
	background-color: #DCEEF5;
	border: 1px solid;
	margin-bottom: 10px;
	color : #369;
	font-weight : bold;
	font-size: 0.9em;
	text-align: left;
	width: 100%;
	margin-top: 0px;
}








/* - - - - - P A G I N A Z I O N E - - - - - */

div.paginazione {
	float: right;
	vertical-align:middle;
	padding-top: 10px;
	margin-top:10px;
	margin-bottom:10px;
	/* margin-bottom:0.4em; */
}

div.paginazione input, div.paginazione span a{
	cursor: pointer;
	float: none;
	margin: 0em 0.2em 0em 0.2em;
	padding: 5px 7px;
	border: 1px solid rgba(0,0,0,.26);
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	
	text-decoration: none;
	text-align: left;
	
	color: #033850; 
 	background-color: buttonface; 
 	box-shadow: 0 2px 5px 0 rgba(0,0,0,.16), 0 2px 10px 0 rgba(0,0,0,.12);
}

div.paginazione span a:hover{
	box-shadow: 0 5px 11px 0 rgba(0,0,0,.18), 0 4px 15px 0 rgba(0,0,0,.15); 
 	background-color: #ccc;
}


div.paginazione span.pagina_corrente, div.paginazione span.paginaCorrente {
	margin: 0em 0em 0em 0em;
	padding: 0.2em 0.2em 0.2em 0.2em;
	text-align: center;
	width:inherit;
	font-weight: bold;
	color: #033850;
}

/* - - - - - F I N E   P A G I N A Z I O N E - - - - - */




/* INSERIRE LA TABLE IN QUESTO DIV PER RENDERLA SCOLLABILE CON BARRA ORIZZONTALE SENZA DIMENSIONARE LA GRANDEZZA */

div.container-table-horiz{
	overflow-x: auto;
	overflow-y: hidden;
	width:100%;
}


/*  LABEL IN UN ELENCO DI TAB */
.ui-tabs .ui-tabs-nav li label {
	float: left; 
	text-decoration: none; 
	color: #005191; 
}

.ui-tabs .ui-tabs-nav li.ui-tabs-selected label {
	font-weight: bold;
}


/* - - - - -SCROLL ORIZONTALE + TOOLTIP - - - - - */

.scrollabile-horiz{
	height:183px;
	overflow-x: hidden;
	overflow-y: auto;
}

.table-container-horiz{
	height:222px;
	overflow-x: auto;
	overflow-y: hidden;
}





/* STILI PER LA TABELLA */

table tbody a {  /*questa &egrave; fondamentale*/
    z-index:24; 
    text-decoration: none;
	color: #000;
}


table thead a {
    z-index:24; 
    text-decoration: none;
	color: #cbd300;
}

table tfoot .stileRiepilogoTotali{
	float:right; 
	font-weight: bold; 
	padding-right: 2px;
}

table tfoot tr td{
	padding-top: 0px;
	padding-bottom: 0px;
}

.riquadroTooltip{	
	width:20%; 
	height:30px; 
	border: 1px solid #c93; 
	display:none; 
	float: left;
	background: #ffc url(../img/pointerSu.gif) no-repeat 10px 50px;
	position: absolute;
}
	


/* AGGIUNTE SU NCUP */

div.card{
	overflow:hidden;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	padding: 10px;
	
	background-color: #f2f2f2;
	color: #033850;
}

div.errorPage{
	padding: 10px;
	background-color: #f2f2f2;
	
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}

div.errorPage ol{
	padding: 10px;
	list-style-type:decimal;
}

div.errorPage ol li{
    margin: 8px 3px 0 20px;
    padding: 0;
    display: list-item;
}

/* STILE PER L'ELENCO NEI FIELDSET */
fieldset ul{
	list-style-type:disc;
	padding: 1em;
	line-height: 1.3em;
}
fieldset ul li{
	list-style-type:disc;
	margin-left: 1em;
	padding: 0.3em 0 0 0em;
	/* text-indent: -1em; */
}
fieldset ul li p{
	color: #033850;
}

/* Per la visualizzazione del toolTip sotto il campo su cui e' impostato un limite massimo di immissione*/
.limiterBox {
	border: 1px solid #000;
	border-top: none;
	background-color: #ffc;
	padding: 3px 6px;
	font-size: 12px;
}


img.imgCliccabile {
	cursor:pointer; 
	cursor:hand;
}

/* Stili da applicare alla tabella */
table tr .normalright {
	font-weight : normal;
	text-align: right;
	padding-right: 10px;
}

table tr .importiright {
	float:right; 
	padding-right: 10px;
}

iframe.visibility {
	/*display:none;*/
	visibility:hidden;
}



input#inputNofocus{
	background-color: #005970 !important;
}

/* Nasconde la pagina se e' disabilitato javscript. */
.errorPaginaNoSupporto{
	position: fixed; 
	top: 0px; 
	left: 0px; 
	z-index: 3000; 
	height: 100%; 
	width: 100%; 
	background-color: #FFFFFF;
}
.errorPaginaNoSupporto div{
	margin: 0 auto;
	text-align: center;
	padding-top: 20px;
}
.errorPaginaNoSupporto div p{
	font-size: 110%;
	font-weight:bold;
}


/* Aggiunto per gestire il tooltip in prenotazione */
.tooltip {
	border:1px solid #fff;
	width:600px;
	position:absolute;
	text-align:left;
	font-size:12px;
	z-index: 20000;
	top:0;
	left:0;
	/* outline radius for mozilla/firefox only */
	box-shadow:0 0 10px #000;
	-moz-box-shadow:0 0 10px #000;
	-webkit-box-shadow:0 0 10px #000;
}


/* VISUALIZZAZIONE DEL PRELOAD A SEGUITO DI UNA CHIAMATA AJAX */
div#preLoadingAjax{
	height: 100%;
	width: 100%;
	position: fixed;
	left: 0;
	top: 0;
	z-index: 10000 !important;
	background-color: #f2f2f2;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=75)"; /* internet explorer precedenti */
	filter: alpha(opacity=75); /* internet explorer 9 */
	-khtml-opacity: 0.75;      /* khtml, old safari */
	-moz-opacity: 0.75;       /* mozilla, netscape */
	opacity: 0.75;           /* fx, safari, opera */
}
div#preLoadingAjax span{
	margin: 0 auto;
    position: absolute;
    top: 48%;
    left: 48%;
    font-size: 5rem;
    color: #02A19B;
}

/* ACCORDION MULTIPLO */

.accordionMultiLivel {position:relative; list-style-type: none; border: 1px solid #d3d3d3; padding:6px 6px 8px; margin-top:5px; cursor:pointer;  }
.accordionMultiLivel ul { padding: 0; margin: 0; width: 100%; }
.accordionMultiLivel li { background: #e6e6e6 url(jquery/images/ui-bg_glass_75_dadada_1x400.png) 50% 50% repeat-x;  cursor: pointer; list-style-type: none; padding: 0; margin: 0; overflow:hidden;}
.accordionMultiLivel li.active>a { background: #e6e6e6 url(jquery/images/ui-bg_glass_75_e6e6e6_1x400.png) 50% 50% repeat-x; }
.accordionMultiLivel li div { padding: 20px;  }
.accordionMultiLivel a { text-decoration: none; border: 1px solid #d3d3d3; font: bold 1.1em/2em Arial, sans-serif; color: #222; padding: 0 10px; display: block; cursor: pointer; }

/*Level 2 */
.accordionMultiLivel li ul{ padding:15px; }
.accordionMultiLivel li ul li { background: #9AC1C9;  margin-top: 5px; margin-left:10px; font-size: 0.9em; width:95%; overflow:hidden;}
.accordionMultiLivel li ul li div.elencoUl { background: #ffffff; }



.uppercaseprimalettera{
	text-transform: lowercase;
}
.uppercaseprimalettera:first-letter {
    text-transform: uppercase;
}
.uppercaseTesto{
	text-transform: uppercase;
}


.drag-drop-ul{
	list-style-type: none;
	border: 1px solid #6286A9;
	padding: 0px;
	cursor:pointer; 
	cursor:hand;
}
.draggable, .droppable{
	list-style-type: none;
}


.avvisi {
    background-color: #005191;
    color: #FFFFFF;
    float: right;
    font-weight: bold;
    padding: 1px 4px;
    margin-top:-20px;
    font-size: 12px;
}

/* Sovrascrittura overlay di jquery quando si apre una finestra di dialog */
.ui-widget-overlay{
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=75)"; /* internet explorer precedenti */
	filter: alpha(opacity=75) !important; /* internet explorer 9 */
	-khtml-opacity: 0.75 !important;      /* khtml, old safari */
	-moz-opacity: 0.75 !important;       /* mozilla, netscape */
	opacity: 0.75 !important;           /* fx, safari, opera */
}

/* Sovrascrittura del testo mostrato all'inetrno dei tab di jquery */
.ui-widget-content{
	color:#005970 !important;
}







/* DROPDOWN PER PULSANTI (bootstrap) */

.dropup,
.dropright{
	position: relative;
}

.dropup .dropdown-menu {
  position: absolute;
  top: auto;
  bottom: 100%;
  margin-top: 0;
  margin-bottom: 0.125rem;
  min-width: 240px;
}

.dropright .dropdown-menu {
  position: absolute;
  top: 0px;
  left:90px;  
  min-width: 160px;
  overflow: auto;
  background-color: #f1f1f1;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;
}

.dropdown-menu a {
	display: block;
	padding: 12px 16px;
 	text-decoration: none;
	font-weight: bold;
    color: #033850;
    background-color: #f8f9fa;
}

.dropdown a:hover {
	background-color: #ddd;
}

.dropright .dropdown-toggle{
	min-width: 90px;
}
.dropright .dropdown-toggle::after {
  display: inline-block;
  width: 0;
  height: 0;
  margin-left: 0.255em;
  vertical-align: 0.255em;
  content: "";
  border-top: 0.3em solid transparent;
  border-bottom: 0.3em solid transparent;
  border-left: 0.3em solid;
}
.dropright .dropdown-toggle::after {
  vertical-align: 0;
}

.dropdown-item:hover, .dropdown-item:focus {
  color: #16181b;
  text-decoration: none;
  background-color: #f8f9fa;
}
/* 
.dropdown-item.active, .dropdown-item:active {
  color: #fff;
  text-decoration: none;
  background-color: #30cfc0;
} */

.dropdown-item.disabled, .dropdown-item:disabled {
  color: #6c757d;
  background-color: transparent;
}