/*
* Per ridefinire gli stili, su un particolare progetto verticalizzato, è possiblile intervenire 
* ridefinedo le classi in questo file (sul progetto verticalizzato)  
*/
html, body
{
    background-color: #E2E2E2;
    background-image: none;
}
/*
* N.B. Abilitati primefaces.FONT_AWESOME come context-param nel web.xml per permettere modifica a colore icone fa (ui-icon sono immagini con colore fisso in base al tema scelto)
*/

.mainMenu {
	padding-bottom: 0px;
}
.mainform {
    padding-top: 0px;
}

.container {
    background-color: #ffffff;
    width: auto;
    /* uso tutto la pagina in verticale*/
 	min-height: 100vh;
 	text-aling: center !important;
}

/* per avere banda colorata sotto il logo in alto nella pagina*/
.container .mainLogo {
	background-image: url(../images/bg_top_logo.jpg);
	background-repeat: no-repeat !important;
 	background-size: 100% 96.5%;
 	text-align: left;
 	padding-left: 1rem;
}

.header{
    padding-top: 0px;
/*     text-align:left; */
}

.linklogopagine img{
/* 	  width: 970px; */
}

.ui-widget-content{
	background: #E2E2E2;
	background-color: #E2E2E2;
}

/* personalizzazione menu inizio*/
.ui-menubar.myMenubar {	
	padding-left: 25px;
	background: #B1121F !important;
}

.ui-menuitem  {
	background: #B1121F !important;
}
.ui-menu .ui-menuitem-text {  
    color: white;   

}
.ui-menu .ui-menuitem-active .ui-menuitem-text {    
    color: white;
    text-decoration: underline;
}
.ui-menuitem-active .ui-state-hover {
    background: #CC0000 !important;
    border: 1px solid white;
}
.fa {
	color: white;;
}
.ui-menuitem-active .fa {
	color: white;
}
/* personalizzazione menu fine*/