/*
* Per ridefinire gli stili, su un particolare progetto verticalizzato, è possiblile intervenire
* ridefinedo le classi in questo file (sul progetto verticalizzato)  
*/

html,body {
	background-color: #a7a7a7;
	background-repeat: no-repeat;
	background-position: top center;
}


/*
* 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)
*/
.fa {
    color: black;
}
.mainform {
    padding-top: 0px;
    max-width: 978px;

  display: block;
  margin-left: auto;
  margin-right: auto;
    
}


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

.bottom{
	padding-top: 5%;
}
 

.header{
    width: auto;
    padding-top: 0px;
    text-align:left;
}


.main {
     width: auto;
     text-align: center;
}
.mainMenu {
     width: auto;
     text-align: center;
}

.header{
    padding-top: 0px;
}

 
/* personalizzazione menu inizio*/
.ui-menubar.myMenubar {
    padding-left: 15px;   
    padding-top: 0px;  
    padding-bottom: 0px;      
    text-align: left;
/*     margin-bottom: 1px; */
    background: #A6CAA7;
    padding: 0px;
}

.ui-menu .ui-menuitem-text {  
    color: black;
}
.ui-menuitem-active .ui-state-hover {
    background: #a6cabc !important;
}
/* No bordi arrotondati*/
.ui-corner-all.myMenubar{
	/* no bordi arrotondati nel menu*/
   border-radius: 0px !important;
}
/* personalizzazione menu fine*/