html {
  min-height: 100%;
}

body {
  min-height: 100%;
}

.alignCenter{
	text-align: center;
}

.alignRight{
	text-align: right;
}

.alignMiddleDiv{
 	display: flex;
 	align-items: center	
}

.alignGridDiv{
 	display: grid;
 	align-items: center	
}


.bi-eye-slash {
	position: absolute;
	width: 27px;
	height: 24px;
	background-image: url(img/login/eye_close.svg);
	background-repeat: no-repeat;
	top: 14px;
	right: 18px;
}

.bi-eye {
	position: absolute;
	width: 27px;
	height: 24px;
	background-image: url(img/login/eye.svg);
	background-repeat: no-repeat;
	top: 20px;
	right: 18px;	
}

.someCssClassName {
    background-image: url(images/icona_username.png)
}

.ui-menu-list .ui-widget .ui-icon.tiaki-index{
	width: 24px;
	height: 24px;
	background-image: url(img/menu/tiakiIndex.svg) !important;
}

.ui-menu-list .ui-widget .ui-icon.tuoi-dati{
	width: 24px;
	height: 24px;
	background-image: url(img/menu/Anagrafica.svg) !important;
}

.ui-menu-list .ui-widget .ui-icon.statistiche{
	width: 24px;
	height: 24px;
	background-image: url(img/menu/MatrMaterialita.png) !important;
}

.ui-menu-list .ui-widget .ui-icon.bilSostenib{
	width: 24px;
	height: 24px;
	background-image: url(img/menu/BilSostenib.png) !important;
}

.ui-menu-list .ui-widget .ui-icon.tpi{
	width: 24px;
	height: 24px;
	background-image: url(img/menu/TPI.svg) !important;
}

.ui-menu-list .ui-widget .ui-icon.report{
	width: 24px;
	height: 24px;
	background-image: url(img/menu/ESG.svg) !important;
}


.ui-menu-list .ui-widget .ui-icon.percezione{
	width: 24px;
	height: 24px;
	background-image: url(img/menu/percezione.svg) !important;
}

.ui-menu-list .ui-widget .ui-icon.settings{
	width: 24px;
	height: 24px;
	background-image: url(img/menu/impostazioni.png) !important;
}

.ui-menu-list .ui-widget .ui-icon.upload{
	width: 24px;
	height: 24px;
	background-image: url(img/menu/documentazione.png) !important;
}
    

body{
	margin: 0px;	
	background-color: #F0F3F8;
}

body .ui-widget , .ui-g{
	font-family: Nunito;
}



.logo-cabel-login {
	margin-top: 50px;    
	width: 360px;
    height: 120px;    
    margin-right: auto;
    margin-left: auto;  
}

/* .ui-g .credenziali{ */
/* 	background-repeat: no-repeat; */
/* 	background-size: 40px; */
/* 	background-position-y: center; */
/* 	height: 45px;   */
/* 	width: 80%;	 */
/* 	margin-left: 10%;	 */
/* 	font-family: "Roboto", sans-serif; */
/* 	border: 1px solid #e3dcdc;; */
/* 	font-size: 14px; */
/* 	padding-left: 40px; */

/* } */

input.ui-inputfield{
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
}

.pannelloLogin {
    margin-left: auto;
    margin-right: auto;
    margin-top: 20px;
    width: 400px;
    height: 250px;       
	padding: 30px;
/* 	box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.2), 0 5px 5px 0 rgba(0, 0, 0, 0.24);              */
}

.pannelloRicerca{
	width: 100%;
	margin-bottom: 10px;
	
}

.pannelloIniziale{
	width: 100%;
	height: 120px;
}

.pannelloRicerca-header .ui-widget-header{
	padding: .75rem 1.25rem;
	margin-bottom: 0;
	background-color: white;
	border-radius: 15px ;
	border: none;	
}

.pannelloRicerca-header {
	border-radius: 15px ;
    padding: 0px;
    border: 0px;
    border-bottom: 3px solid #0872b1;
    width: 90%;
    margin-left: 5%;
    margin-right: 5%;
    box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.2), 0 5px 5px 0 rgba(0, 0, 0, 0.24); 
}


.bottone {
  	font-family: "Roboto", sans-serif;
  	text-transform: uppercase;
    background: #105c8a;
  	border: 0;
  	padding: 8px 15px 8px 15px;
  	color: #FFFFFF;
  	font-size: 14px;
  	-webkit-transition: all 0.3 ease;
  	transition: all 0.3 ease;
  	cursor: pointer;
  	text-align: center;
  	text-shadow: none;
}

.bottoneLogin{
	width: 80%;	
	margin-left: 10%;
}
 
.backgroud{
	background-color: #EDECEC;
}


.logoutHeader {
	background: url("img/header/Logout.svg") no-repeat top;
	width: 90px;
	height: 30px;
    background-size: contain;
    border: none;  
	-webkit-box-shadow: none;
	padding-top: 10px;
}

.logoutAdmin{
	background: url("img/logout.svg") no-repeat top;
	width: 38px;
	height: 38px;
    background-size: contain;
    border: none;  
	-webkit-box-shadow: none;
	padding-top: 10px;
}


.profiloClienteHeader {
	background: url("img/header/Profilo.svg") no-repeat top;
	width: 150px;
	height: 30px;
    background-size: contain;
    border: none;  
	-webkit-box-shadow: none;
}

.abbonamentoHeader {
	background: url("img/header/abbonamento.svg") no-repeat top;
	width: 150px;
	height: 30px;
    background-size: contain;
    border: none;  
	-webkit-box-shadow: none;	
}



.width100perc{
	width: 100%;
}

.width10perc{
	width: 10%;
}

.width15perc{
	width: 15%;
}

.width90perc{
	width: 90%;
}

.ui-g .noPadding{
	padding: 0px;
}

.quetsionario div{
/* 	border: 0px solid #fafafa; */
/* 	border-bottom: 0px; */
}

.quetsionario div.domanda{
/* 	border-right: 3px solid #EAB574; */
	text-align: left;
/* 	position: relative; */
}


.ui-g .ultimaRilevazioneContent{
	padding-bottom: 0px;
	padding-top: 0px;
}

.puntoDiDomanda{
	vertical-align: top;
}

.quetsionario div.domanda label{	 
	font-size: 21px; 
	font-weight: bold;	
	color: #537890;	
}



.bottoneRispostaContent{
	margin-top: 15px;
}


.quetsionario div.boxRisposte  .contentRisposte{
	border-left: 1px solid #CECB97;
}



.quetsionario div.risposta{
	border-right: 1px solid #CECB97;
	text-align: left;
	
}

.ui-g div.verticalmenu{
	text-align: center;
	padding-top: 0px;
	padding-left: 0px;
}

.pannelloArgomenti{
	margin-top: 50px;
	text-align: center;
}

.landingPage{
	background: linear-gradient(#10181E, #3D596C);	
}

.loginForm{
	height: 100%;
	margin-bottom: 0px;
}

.loginContainer{
	position: absolute;
	top: 20%;
}

.verticalmenu div.menuContainer{
	background: linear-gradient(#213138, #537890);
	border-bottom-right-radius: 25px;	
	padding-top: 20px;
	
	/* Stile per menu fixed*/
	
    	height: 96%;
    	position: fixed;
    	width: 15.40%;	
	
}

li.ui-menuitem .ui-state-hover,
li.ui-menuitem  .ui-state-active{
	background: none;
	box-shadow: none;
	
}

li.ui-menuitem .ui-state-hover .ui-menuitem-text{
	color: #EAB574;
}

li.ui-menuitem .ui-state-active .ui-menuitem-text{
	text-shadow: none;
	color: #EAB574;
	padding-top: 3px;
}

.verticalmenu div.menuContent{
	width: auto;
	background: none;
	border: none;
	padding-top: 30px;
	font-size: 15px;
}

li.ui-menuitem .tiakiPerformance .ui-menuitem-text {
    width: 130px;
    text-align: justify;
    padding-right: 0px;
}


div.menuContent .ui-menuitem-text {
	padding-left: 10px;
	padding-top: 3px;
}

.ui-g .header , .ui-g .content , .ui-g .quetsionario{
	border: 0px;
}

.ui-g .evidenziaRiga{
	background-color: rgba(234, 181, 116, 0.49);
	 
}

.ui-menuitem-text{
	color: rgb(234 234 234 / 100%);
}

.ui-g .product-grid-item-top {
	background-color: #EAB574;
	opacity: 0.79;
	height: 100px;
}

.product-grid-item-top .imgRes{
	padding-top: 10px;
	padding-bottom: 10px;
	background-color: #EAB574;
	opacity: 0.79;
	height: 90px;
}

.product-grid-item-top .imgResBlocked{
	padding-top: 10px;
	padding-bottom: 10px;
	background-color: #EAB574;
	opacity: 0.3;
	height: 90px;
	cursor: not-allowed !important;
}

.ui-g .product-grid-item-top-selected {
	background-color: #EAB574;
	height: 100px;
}

.product-grid-item-top-selected .imgRes{
	padding-top: 10px;
	padding-bottom: 10px;
	background-color: #EAB574;
	height: 90px;
}

.panel-unselected{
	position: relative;
	height: 105px;
	background-color: red;
	text-align:center;	
}

.panel-selected{
	position: relative;
	height: 105px;
	background-color: yellow;
	text-align:center;	
}


.panel-unselected_0{
	position: relative;
	height: 105px;
	background-color: #C19BC0;
	text-align:center;	
}

.panel-selected_0{
	position: relative;
	height: 105px;
	background-color: #B481B0;
	text-align:center;	
}

.panel-unselected_1{
	position: relative;
	height: 105px;
	background-color: #EDBBAC;
	text-align:center;	
}

.panel-selected_1{
	position: relative;
	height: 105px;
	background-color: #EDAA95;
	text-align:center;	
}

.panel-unselected_2{
	position: relative;
	height: 105px;
	background-color: #EEC98F;
	text-align:center;	
}

.panel-selected_2{
	position: relative;
	height: 105px;
	background-color: #EEBD6F;
	text-align:center;	
}

.product-grid-item-top-selected2{
	background-color: black;
}

.ui-g .evidenziaRiga {
	display: flex;
	align-items: center;    
}

.ui-carousel-item div{
	border: 0px;
}


.ui-g .evidenziaRiga img{
	margin-left: auto;
	margin-right: auto;	
}

.ui-g .ui-chart{
	background-color: rgba(234, 181, 116, 0.49);
}


.quetsionario div .graphContainer{
    border: 20px solid #F0F3F8;    
}

.argomentotxt{	 
	font-size: 36px; 
	font-weight: bold;	
	color: #537890;
	margin-right: 10px;
}

.ui-g .uploadLogotxt{	 
	font-size: 16px; 
	font-weight: normal;	
	color: #537890;
	margin-right: 10px;
}

.ui-g .requiredLogotxt{
  color: #BCBCBC;
  font-size: 12px;	
}



.titleAnagrafica{	  
	font-weight: bold;	
	color: #EAB574;
	margin-right: 10px;
}

.ui-widget .titleAnagrafica{
	font-size: 24px;
}



.valueTextAreaAnagrafica{	 
	font-size: 36px; 	
	color: #537890;
	margin-right: 10px;		
}


.areeGeograficheMenu label.ui-selectcheckboxmenu-label{
	background: #FFFFFF;
	font-weight: normal;
	color: black;
}

.ui-g .valueAnagrafica .areeGeograficheMenu{	
	border-color: #EAB574;	
}


.anagraficaContent .contentTextMissionVision{	
	padding-left: 30px;
	padding-right: 30px;
	padding-bottom: 60px;
}

.anagraficaContent .titleTab{
	padding-top: 30px;
	padding-left: 30px;
}

/* .indexProgressBarLbl{ */
	 
/* 	font-size: 25px;  */
/* 	font-weight: bold;	 */
/* 	color: #537890; */
/* 	margin-right: 10px; */
/* } */

.tiakiTypeArg{
	display: flex;
    align-items: center;
}

.tyakiTypeImg{
	margin-left: auto;
	margin-right: auto;
}

.headerLblAzienda{	 
	font-size: 18px; 
	font-weight: bold;	
	color: #537890;
}


.headervalueAzienda{	 
	font-size: 18px; 
	font-weight: bold;
	color: #EAB574;	
}


.argomentotxt2{
	 
	font-size: 36px; 
	font-weight: bold;	
	color: #537890;
}


.indicetxt{	 
	font-size: 36px; 
	font-weight: bold;
	color: #EAB574;	
}

.domandaQuestioario_0{	 
	font-size: 36px; 
	font-weight: bold;
	color: #B481B0;	
}

.domandaQuestioario_1{	 
	font-size: 36px; 
	font-weight: bold;
	color: #EDAA95;	
}

.domandaQuestioario_2{	 
	font-size: 36px; 
	font-weight: bold;
	color: #EAB574;	
}

.quetsionario div.risposta label{
	 
	font-size: 16px; 
	font-weight: normal;
	color: #537890;	
}


.menuCliente .header{	
	border-bottom: 1px;
    border-style: solid;
    border-color: rgb(234, 181, 116, 0.3);   
    padding: 0px;  	
    height: 80px;
}

.menuCliente{
	min-height: 100vh;
}


.caroselloContent{
	margin-top: 30px;
	border: 1px solid #F0F3F8;	
	text-align: center;
	color: white;
}

.caroselloContent .ui-carousel-header{
	background: none;	
}

.caroselloContent .ui-carousel-header .ui-carousel-header-title{
	color: white;
	text-shadow: none;
}

.caroselloContent .ui-carousel-viewport .ui-carousel-items .ui-carousel-item{
	border: 0px;
}

.caroselloContent  .ui-widget-header .ui-icon{	
	background-image: url(img/ui-icons_616161_256x240.png) !important;
}

 
.caroselloColor_0 .ui-carousel-header{
	background-color: #9D719A;	
} 

.caroselloColor_1 .ui-carousel-header{
	background-color: #DF9D89;	
}

.caroselloColor_2 .ui-carousel-header{
	background-color: #E4B56B;	
}
 
/*  .caroselloContent .ui-carousel-viewport  .ui-widget-content{ */
/* 	border-bottom: 1px solid #F0F3F8; */
/* 	border-left: 1px solid #F0F3F8; */
/* 	border-right: 1px solid #F0F3F8; */
/* 	border-top: 0px;	 */
/* } */

/* .caroselloContent .ui-carousel-viewport .ui-carousel-items .ui-carousel-item { */
/*     margin-top: 0px !important; */
/* } */


.caroselloContent .ui-widget-header{
 	border: 0px;	
}

.BtnEETRAYellow , .ui-g .BtnEETRAYellow{
	background: none;
	background-color: #EAB574;	
	color: white;
	-webkit-box-shadow: none;
	border: 0px;
	text-shadow: none;	 
	border-radius: 8px;
	font-family: 'Nunito';
}


.ui-g .confermaRisposta{
	background: none;		
	color: white;
	-webkit-box-shadow: none;
	border: 0px;
	text-shadow: none;	 
	border-radius: 8px;
	font-family: 'Nunito';
}

.ui-g .confermaRisposta_color_0{
	background-color: #C19BC0;
}

.ui-g .confermaRisposta_color_1{
	background-color: #EDAA95;
}

.ui-g .confermaRisposta_color_2{
	background-color: #EEBD6F;
}



.BtnAggiornaInformazioni{
	background: none;
	background-color: #EAB574;	
	color: white;
	-webkit-box-shadow: none;
	border: 0px;
	text-shadow: none;	 
	border-radius: 8px;
	font-family: 'Nunito';
	font-weight: normal;
	width: 40%;
	height: 60px;
}

.nonSeiRegistrato {
  color: #CECB97;
  font-size: 40px;
}

.iniziaUsareTiakiPlatform {
  color: #B5B5B5;
  font-size: 14px;
}

.ui-g .goRegistrazione{
	background: none;
	background-color: #CECB97;	
	color: #FFFFFF;
	-webkit-box-shadow: none;
	border: 0px;
	text-shadow: none;	 
	border-radius: 5px;
	font-family: 'Nunito';
	font-size: 14px;
	padding-bottom: 5px;
	padding-top: 5px;
	width: 60%;	
}


.BtnEETRAReset{
	background: none;
	background-color: #CECB97;	
	color: white;
	-webkit-box-shadow: none;
	border: 0px;
	text-shadow: none;	 
	border-radius: 8px;
	font-family: 'Nunito';
}

.BtnEETRABlue , .ui-g .BtnEETRABlue{
	background: none;
	background-color: #537890;	
	color: white;
	-webkit-box-shadow: none;
	border: 0px;
	text-shadow: none;	 
	border-radius: 8px;
	font-family: 'Nunito';
}

.BtnListaClienti{
	border-radius: 3px;
	width: 100%;
	height: 30px;
	cursor: pointer;
}
.BtnListaClientiContainer{
	position: relative;
 }
 
 .formLista{
	 position: absolute; 
	 bottom: 30%;
	 width: 90%;
	 
 }
 
 .listaClienti .ui-datatable-odd{
 	background-color: #EAEAEA;
 }
 
 .listaClienti .ui-widget-header{
 	font-size: 14px;
 }
 
 .listaClienti  .ui-corner-top{
 	display: none;
 }
 
  .listaClienti  .ui-corner-bottom{
  	background: none;
  	background-color: #EAB574;
  }
  
  .listaClienti  .ui-widget-header .ui-state-active{
  	background: none;
  	color: white;
  	border: 0px;
  	-webkit-box-shadow: none;
  }
 
 .listaClienti .ui-datatable-tablewrapper table thead tr th.ui-state-default{
 	background: none;
 	background-color: #537890;
 	color: white;
 	text-shadow: none;
 }


div.menuContent .ui-menu-list .ui-menuitem {
/*     border: 0; */
    margin-top: 10px;
    margin-bottom: 10px;
}

.argomentoLbl{
	color: white;
	cursor: pointer;	 	
}

.indiceArgomentoLbl{
	position: relative;
	bottom: 42px;
	color: white;
	 	
}

.indiceArgomentoPercLbl{
	position: relative;
	bottom: 52px;
	color: white;
	 	
}

.indiceArgomentoValue{
	margin-top: 10px;
}

.quetsionarioCeck div{
	background-color: rgba(216,216,216);
}

/* ui-carousel-header  */
/* .ui-carousel .ui-widget-header{ */
/* 	background: none; */
/* 	background-color: rgba(234, 181, 116, 0.49); */
/* } */

/* .ui-carousel .ui-carousel-header .ui-carousel-header-title {	 */
/* 	background-color: transparent; */
/* 	color: #537890; */
/* 	border: 0px; */
/* } */

.ui-carousel .ui-carousel-page-links{
	background-color: transparent;
	border: 0px;
}

/* div.boxRisposte { */
/*   background-color: lightblue; */
/*   height: 280px;   */
/*   overflow-x: hidden; */
/* } */




/* .rotated { */
/*   transform: rotate(45deg); */
  
/* } */

/* InputSwitch */
.ui-inputswitch-on {
	background: rgba(234, 181, 116, 0.49) !important;
/* 	color: #ffffff !important; */
}

.bottoniSwithContent{
	margin-top: 20px;
}


.argomentoTitle{
	margin-top: 10px;
	margin-bottom: 20px;
}



.switchLbl{
	color: #537890;	 
	font-weight: bold;
	margin-right: 10px;	
}


/* For Users */
.ui-inputswitch {
    width: 50px !important;
}

.header .ui-g-12{
	border: 0px;
}

.menuCliente3{
	height: 100% !important;
	overflow: scroll;
}

.menuCliente div .contenutoIndice{
	background-color: #EAB574;
	border: 1px solid #fafafa;
	cursor: pointer;
	padding: 0px;
	height: 120px;
	text-align: center;
}

.menuCliente div .contenutoIndiceDisabled{
	background-color: #EAB574;
	border: 1px solid #fafafa;	
	padding: 0px;
	height: 120px;
	text-align: center;	
	opacity:0.6;		
}


.clickAll , .noClick{
	display:block;
	height: 118px;
	text-decoration: none;
}

.clickAll label{
	color: white;
	cursor: pointer;		
}

.noClick label{
	color: white;	
}

.noClick{
	cursor: not-allowed !important;
}

.contentProgressBar{
	position: relative;
	background-color: rgba(234, 181, 116, 0.79) !important; 
	border-radius: 12px;		
}

.progressBar{	   
    height:34px;
    border-radius: 12px;    
}

/* .percentualeLbl{ */
/*   font-size: 20px;  */
/*   color: red;   */
/* } */

.ui-g .ratingValore_0{
  color: #B481B0;
  font-size: 60px;	
  padding: 10px;
}

.ui-g .ratingValore_1{
  color: #F0AC95;
  font-size: 60px;
  padding: 10px;	
}

.ui-g .ratingValore_2{
  color: #E5B26D;
  font-size: 60px;
  padding: 10px;	
}

.ratingPerCento{
  font-size: 18px;
}

.progressSinglwTpiLbl{
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);   
  font-size: 16px;  
}

.progressMonitoraggioLbl{
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);   
  font-size: 16px;  
  color: white;
}

.completamentoTitle{  
  position: relative;
  text-align: center;
}

.completamentoValue{  
  position: absolute;
  left: 50%;
  top: 45%;
  transform: translate(-50%, -50%);
  color: #537890;
  font-size: 35px;     
}

.completamentoPerc{  
  position: absolute;
  left: 50%;
  top: 65%;
  transform: translate(-50%, -50%);
  color: #537890;
  font-size: 18px;
}

.percezioneTitle22{  
  position: relative;
  text-align: center;
}

.percezioneValue {  
  position: absolute;
  left: 50%;
  top: 45%;
  transform: translate(-50%, -50%);
  color: white;
  font-size: 25px;     
}

.percezionePerc {  
  position: absolute;
  left: 50%;
  top: 75%;
  transform: translate(-50%, -50%);
  color: white;
  font-size: 12px;
}



.lblSingleTpiColor_0{
	color: #B481B0;
}

.lblSingleTpiColor_1{
	color: #F0AC95;
}

.lblSingleTpiColor_2{
	color: #E5B26D;
}

.chartjs-render-monitor {
    background: #F0F3F8;
}

.ui-g .headerObbiettivi{
    display: flex;
    align-items: center;
}

.ui-g .headerObbiettivi img{
	margin-left: auto;
	margin-right: auto;
}

.uploadDocum .ui-widget-content ,  .uploadDocum .ui-widget-header{
	border: 0px;
	background-color: #F0F3F8;
}

.uploadDocum .ui-widget-header{
	background: none;
}

.ui-carousel .ui-carousel-viewport{
	background-color: #F0F3F8;
}

div.ui-carousel{
	padding: 0px  !important;
}

.ui-carousel .ui-carousel-header{
	margin: 0px  !important;
}

 .uploadDocum .ui-fileupload-choose .ui-icon{
	background: none;
}

 .uploadDocum .ui-fileupload-choose {
	background: none;
	background-color: #537890;
	text-shadow: none;
	border: 0px;	
	color: white;
}



 .uploadDocum .ui-state-hover {
	background: none;
	background-color: #EAB574;
}

.uploadDocum .ui-fileupload-choose  .ui-button-text{
	padding: .3em 1em .3em 1em;
}

.uploadDocum  .ui-fileupload-buttonbar{
	padding: 0px;
}


.documentazione {
	border: 0px;
	background-color: #F0F3F8;
}

.documentazione  .ui-treenode-parent  .ui-state-default{
	background: none;	
	border-color: #EAB574;
	color:  white;
	background-color: #EAB574;
	border: 0px;	
	text-shadow: none; 
}

.documentazione  .ui-treenode-collapsed .ui-state-default{
	background-color: #F0F3F8;
	color: #EAB574;	
	border: 1px solid #EAB574;	
}


.documentazione  .ui-treenode-leaf .ui-state-default{	
		background: none;
		background-color: #F0F3F8;
		border-color: #EAB574;
		color: #EAB574;
}


.documentazione .ui-treenode-children  .dowloadFile  .ui-treenode-content {
	padding: 0px;
	border: 0px;
}

.documentazione .ui-treenode-children  .dowloadFile  .ui-treenode-content button {
	background-color: #537890;
	text-shadow: none;
	padding-top: .4em;
	padding-bottom: .4em;
	padding-right: .7em;
	padding-left: .7em;
	color: white;
	border: 0px;
	font-weight: normal;
}


.dowloadFile .ui-treenode-content .ui-treenode-label{
	padding: 0px;
}

.execDowload .ui-icon{
	margin-top: -10px !important;
}

.documentazione .ui-treenode-children  .dowloadFile  .ui-treenode-content button.ui-state-hover {
	background-color: #EAB574;	
}

.icon-file {
    background: transparent url("/faces/javax.faces.resource/download-file-icon.png?ln=tiaki2")!important;
	padding: 5px;
	background-repeat: no-repeat !important;
}
	
.anagraficaContent{
	background-color: white;
	padding: 5px;
	border-radius: 15px ;
}

.ui-carousel .ui-carousel-viewport .ui-carousel-items .ui-carousel-item{
	cursor: pointer;
}

.ui-g .labelAnagrafica{		
	padding-bottom: 1px;		
}

.ui-g .labelAnagrafica .ui-widget{
	font-size: 16px;
	font-weight: bold;
    color: #537890;			
}


.ui-g .sedePrincipaleLbl{
	padding-top: 20px;
	padding-bottom: 20px;
}
.ui-g .sedePrincipaleLbl .ui-widget{
	font-size: 21px;
	font-weight: bold;
    color: #EAB574;	    	
}



.ui-g .labelFatturazione .ui-widget{					
	font-size: 16px; 		
	font-weight: bold;
    color: #FFFFFF;	
}

.ui-g .labelFatturazione{
	padding-bottom: 1px;
}


.ui-g .valueAnagrafica input {
  border: 1px solid rgba(234,181,116,0.38);
  border-radius: 7px;
  background-color: rgba(222,222,222,0.22);	
  width: 97%;
  -webkit-box-shadow: none;
  text-shadow: none;	
  color: #979797;
  font-size: 16px;	
}

.ui-g .valueAnagrafica .ui-spinner{
	width: 100%;

	}

.ui-g .valueAnagrafica .ui-selectonemenu{	
	border-color: #EAB574;
	width: 94%;
	min-width: 94% !important;
	
}

.ui-g .valueAnagrafica .ui-selectonemenu .ui-selectonemenu-label{
	 -webkit-box-shadow: none;
     box-shadow: none;
}

.ui-g .valueFatturazione input {
  border: 1px solid rgba(234,181,116,0.38);
  border-radius: 7px;
  background-color: rgba(222,222,222,0.22);	
  width: 97%;
  -webkit-box-shadow: none;
  text-shadow: none;	
  color: #EFEFEF;
  font-size: 16px;	
}

.ui-g .valueFatturazione .ui-selectonemenu{	
	border-color: #EAB574;
	width: 94%;
	min-width: 94% !important;
	
}


.ui-g .valueAnagrafica textArea{		
	width: 98%;
	
}

.tabViewAnagrafica  .ui-tabs-nav{
	background: none;
	background-color: #F0F3F8;
	width: 40%;
    margin: 0 auto !important;
}

.tabViewAnagrafica .ui-tabs-nav li{
	border: 0px;
}

.tabViewAnagrafica {
	border: 0px;
	background-color: #F0F3F8;
}

.tabViewAnagrafica .ui-tabs-nav li.ui-tabs-selected{
	border: 0px;
}

.tabViewAnagrafica .ui-tabs-nav .ui-tabs-selected{
	background-color: #F0F3F8;
	
}

.tabViewAnagrafica .ui-widget-header .ui-state-default{
	background: none;
	-webkit-box-shadow: inset 0 0px 0 #fff;	
}

.tabViewAnagrafica .ui-widget-header .ui-state-default a{
	color: #537890;
	font-size: 20px;
}

.tabViewAnagrafica .ui-tabs-nav .ui-tabs-selected a{
	color: #EAB574;
	text-decoration: underline;
	font-size: 20px;
	text-decoration-thickness: 3px;
}



.ui-g .ui-g-12 .logoAziendaAnagrafica{
	display:block;
    margin:auto;	
}

.margin20px{
	margin-top: 20px;
}

.analisiQuestionarioContent{
	background-color: #FFFFFF;
	border-radius: 15px;
	min-height: 100%;
}

.referenzeContent{
	background-color: white;
	color: #537890;
	border-radius: 15px ;
}


.analisiQuestionarioContent .titolo{
	font-size: 24px;
	color: #537890;
}


.analisiQuestionarioContent .contenuto{
	font-size: 16px;
	color: #959595;
}



/* .intentoContent{ */
/* 	font-size: 16px; */
/*     color: #606060; */
/* } */

.ui-g .contentTpiGruppo{
	padding: 0px;
}

.ui-g .contentArgomentoTpi{
	padding: 2px;
}

.contentSingleTpi{	
	height: 180px;
	border-radius: 15px;
	position: relative;
	cursor: pointer;
}

.ui-g .contentSingleTpi{
	padding: 0px;
	position: relative;
}

.sfondo_0{
	background-color: #aa799f;
}

.sfondo_1{
	background-color: #f0ac95;
}

.sfondo_2{
	background-color: #e5b26d;	
}




.bottomTest {
      position:absolute;                 
      bottom:22%;          
      width: 100%;
}
            
.progeressBarSingleTpiContent{
	position: absolute;	
	border-radius: 12px;
	bottom:8%;
	width: 90%;
	left: 5%;
}

.progeressBarSingleTpi{	
	background-color: white  !important;    
    height:22px;
    border-radius: 12px;    
}

.sfondoProgeressBarSingleTpi_0{
		background-color: #845A7B  !important;
}

.sfondoProgeressBarSingleTpi_1{
		background-color: #BF8470  !important;
}

.sfondoProgeressBarSingleTpi_2{
		background-color: #AE8753  !important;		
}

.progressBarPercezione{	   
    height:20px;
    border-radius: 12px;    
}

.rappresentativitaContent{
	background-color: #8C6188  !important;
}

.rappresentativitaProgressBar{
	background-color: #B481B0  !important;
}

.dipendentiCaricatiContent{
	background-color: #354D5D  !important;
}

.dipendentiCaricatiProgressBar{
	background-color: #537890  !important;
}


.logoSingleTpi_0{
		background-color: #B481B0;
		border-radius: 12px; 
}

.logoSingleTpi_1{
		background-color: #EDAA95;
		border-radius: 12px; 
}

.logoSingleTpi_2{
		background-color: #EAB574;
		border-radius: 12px; 
}


.progressBarEsg_0{
		background-color: #B481B0 !important;
}

.progressBarEsg_1{
		background-color: #EDAA95 !important;
}

.progressBarEsg_2{
		background-color: #EAB574 !important;
}
            
            
/*  SWITCH */
.contentSwitch .ui-inputswitch {
        width: 45px !important;
        height: 20px;
        -moz-border-radius: 0px;
        -webkit-border-radius: 0px;
        border-radius: 15px;
        background-color: #537890;
}
    
.contentSwitch .ui-inputswitch .ui-inputswitch-off {
	    background-color: #537890;	    
	    padding: 0px;
	
}    

.contentSwitch  .ui-inputswitch-off{
	background-color: #537890;
}

.contentSwitch .ui-inputswitch-checked , 
.contentSwitch .ui-inputswitch-checked .ui-inputswitch-off{
	    background-color: #EAB574;
}

.contentSwitch .ui-inputswitch .ui-inputswitch-on{
	    height: 0px  !important;
	    padding: 0px;
}

.contentSwitch .ui-inputswitch .ui-inputswitch-default{
	    height: 0px  !important;
}

.contentSwitch .ui-inputswitch .ui-inputswitch-handle {
    top: 0;
    width: 20px !important;
    height: 20px !important;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 15px;
}



/* HOME CLIENTE */
.ratingEsgContent{
	background-color: #537890;
	border-radius: 31px;
	text-align: center;	
	padding: 10px;
	min-height: 200px;
}

.titoloTpiIndexPunteggio{	 
	font-size: 32px; 	
	font-weight: bold;
	color: #FFFFFF;	
}




.titoloTpiGrafico{	 
	font-size: 32px; 	
	font-weight: bold;
	color: #537890;
}
.punteggioValue{
	font-size: 68px;
	color: #CECB97;
	padding-left: 10px;
}

.punteggioPerc{
	color: #CECB97;
}

.monitoraggioContent{
	margin-top: 30px;
	background-color: white;
	border-radius: 15px;
	padding: 10px;
}

.monitoraggioContent .monitoraggioImgContent{
	text-align: right;
}

.monitoraggioLbl{	
	display: flex;
    align-items: flex-end;
    color: #537890;
    margin-left: 25px;
}

.radarContent{	
	background-color: white;
	border-radius: 15px;
	padding-bottom: 30px;
}

.statoCompletamentoContent .titolo{
	font-size: 32px; 	
	font-weight: bold;
	color: #537890;
}

.statoCompletamentoSingleTpiContent{
	text-align: center;
}

.statoCompletamentoContent .primaRilevazione , .statoCompletamentoSingleTpiContent .primaRilevazione{
  color: #BCBCBC;
  font-size: 18px;	
}

.statoCompletamentoContent .secondaRilevazione , .statoCompletamentoSingleTpiContent .secondaRilevazione{
  color: #BCBCBC;
  font-size: 18px;	
}


.statoCompletamentoContent .prossimaRilevazione , .statoCompletamentoSingleTpiContent .prossimaRilevazione{
  color: #EAB574;
  font-size: 18px;	
}


.progeressBarMoitoraggioContent{
	position: relative;
	border-radius: 12px;
}

.progressBarContent{
	align-items: flex-end;
    display: inline-grid;	
}


.progeressBarMoitoraggioSedi{	    
    height:26px;
    border-radius: 12px;  
    background-color: #537890 !important;   
}

.progeressBarMoitoraggioDipendenti{	    
    height:26px;
    border-radius: 12px;  
    background-color: rgba(234, 181, 116, 0.79) !important;   
}

.progeressDipendentiBackGround{
	background-color: #f3e4d1;
}


.progeressSediBackGround{
	background-color:  #b8c7d1;
}

.andamentoStoricoContent{
	margin-top: 30px;
	background-color: #FFFFFF;
	border-radius: 31px;
	min-height: 400px;
}

.trendContent{
	padding: 30px;
	margin-top: 30px;
	background-color: #FFFFFF;
	border-radius: 31px;
}

.developmentsGoalContent{
	padding-top: 10px;
	margin-top: 30px;
	background-color: #FFFFFF;
	border-radius: 31px;
}

.developmentsGoalContent{
	text-align: center;
}

.trendContent .titolo {	 
	font-size: 32px; 	
	font-weight: bold;
	color: #537890;
	margin-left: 30px;
}

.developmentsGoalContent .titolo {
  color: #537890;
  font-size: 26px;
}


.trendContent .value{
	color: #537890;
	font-size: 46px;
	margin-left: 20px;
}

.trendContent .percentuale{
	color: #537890;
	font-size: 20px;
}

.trendContent .environment{
  color: #B481B0;
  font-size: 32px;
  margin-left: 30px;	
}

.trendContent .social{
  color: #EAB574;
  font-size: 32px;	
  margin-left: 30px;
}

.trendContent .governace{
  color: #EDAA95;
  font-size: 32px;	
  margin-left: 30px;
}


.statoCompletamentoContent{	
	background-color: #FFFFFF;
	border-radius: 31px;
	text-align: center;
	min-height: 400px;	
}



.benchMarking{
	margin-top: 30px;
	background-color: #FFFFFF;
	border-radius: 31px;	
	text-align: center;
	min-height: 200px;
}

.benchMarking .punteggioValue{
	font-size: 68px;
	color: #537890;
	padding-left: 10px;
}

.analisiQuestionarioContent .punteggioValue{
	font-size: 40px;
	color: #537890;
	padding-left: 10px;
}


.benchMarking .punteggioPerc{
	color: #537890;
}

.benchMarking .titolo{
	font-size: 32px; 	
	font-weight: bold;
	color: #537890;
}

.eTitle{
	color: #b481b0;
	font-weight: bold;
}

.sTitle{
	color: #edaa95;
	font-weight: bold;
}

.gTitle{
	color: #eab574;
	font-weight: bold;
}

.esgText{
	color: #537890;
	font-size: 1.0em;
}

.esgGraph .chartjs-render-monitor{
	background-color: white;
	padding-top: 10px;	
}

.ui-chart .chartjs-render-monitor{
	display: none;
}

/* .andamentoGraph .chartjs-render-monitor{ */
/* 	background-color: white; */
/* 	padding-top: 10px; */
/* } */

/* .esgGraph  canvas{ */
/* 	height: 125% !important; */
/* 	width: 125% !important;	 */
/* 	position: relative; */
/* } */

/* .testGraph  canvas{ */
/* 	height: 400px !important; */
/* 	width: 400px !important;	 */
/* } */

.EImGGrph{
	position: relative;
	left: 48%;
	top: 1.3%;
}

.SImGGrph{
	position: relative;
	left: 12%;
	top: 76%;
}

.GImGGrph{
	position: relative;
	left: 71%;
	top: 76%;
}


.SinpleTpiImg{
	position: absolute;
	left: 17%;
	top: 5%;
}

.pointTpiImg{
	position: absolute;
	right: 3%;
	top: 3%;	
}

.commentoEetraContent{
	border-left: 3px solid #EAB574;	
}

.commentoEetraRispostalbl{
	font-size: 25px;
    font-weight: bold;    
    color: #537890;	
}


.commentoEetraRispostaEetralbl{
	font-size: 25px;
    font-weight: bold;
    color: #EAB574;
}

.commentoEetraTextArea{
border-color: #EAB574;
    width: 98%;
   -webkit-box-shadow: none;
}

.commentoEetraDomanda {
    font-size: 20px;
    font-weight: bold;
    color: #537890;
    margin-right: 10px;
}

.commentoEetraRispostaValue{
	font-size: 18px;
    color: #537890;	    
}


.commentiEETRAradiobtnEetra .ui-radiobutton-box{
	background-color: #EAB574; 
}

.ui-g .commentoEetraRispostaValue{
	padding-top: 0px;
	padding-bottom: .5em;
	padding-left: .5em;
	padding-right: .5em;
}

.ESGRadarStyle{
	background-color: white;
}







.referenzaImg{
	border: 1px solid #eee; 
	border-radius: 50%;
	margin: 5px;
}

.sdgImg{
	border: 1px solid #eee; 	
	margin: 5px;
}

.menu_ui_g{
	display: none;
}

.ui-g .menu_ui_m{
	display: inline;
}	
.opacizza{
	opacity:0.6;		
}

.seleziona{
		opacity:1;
}

/* .opacizza div , .opacizza div label{		 */
/* 	cursor: not-allowed; */
/* }	 */

.menuTest {
	height: 150px;
	overflow-y: scroll;
}












.notificaLettaIcon {
  	cursor: pointer;  
	width: 21px;
	height: 24px;
	background: none;	
	background-image: url(img/header/campanella.png);  
	border: 0px;
  
}


.notificaNonLettaIcon {
  	cursor: pointer;  
	width: 21px;
	height: 24px;
	background: none;	
	background-image: url(img/header/campanella-notifica.png); 
	border: 0px;
  
}

.dropdown-content {
  display: none;
  position: absolute;     
  overflow: auto;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;  
  font-family: Nunito;
  color: white;
  border-radius: 6px  
}

.notificheHeader{
	max-height: 140px;
	width: 20%;
	right: 15%;
	background-color: #EAB574;
	top: 70px;
}


.menuUtenteHeader{
	width: 20%;
	right: 1%;	   	
  	background-color: #CECB97;  	
  	top: 80px;
}

.show {display: block;}

.ui-g20 .checkImpostazione .ui-chkbox-label {  
    margin-left: 5px;
    margin-right: 0px;
}

.ui-g20 .checkImpostazione {  
    font-size: 16px;
}

.uploadLogo .ui-fileupload-content  {	
	display: none;
}

.ui-g .uploadLogo .ui-widget-header{
	background: none;
	border: 0px;
}

.ui-g .uploadLogo  .ui-fileupload-choose{
	background: none;
	border: 0px;	
	background-color: #EAB574;	
	color: white;
	-webkit-box-shadow: none;
	text-shadow: none;	 
	border-radius: 5px;	
}

.ui-g .uploadLogo .ui-icon-plusthick{
	display: none;
}

.ui-g .uploadLogo .ui-button-text-icon-left .ui-button-text {
    padding: .3em 1em .3em 1em;
}


.impostazioniTitle{
	margin-top: 30px;
	margin-bottom: 20px;
}



.questionarioEtra{
	border-right: 3px solid #EAB574;
}	

.btnAccedi{
	margin-left: 10%;
	margin-right: 10%;
	width: 80%;
}


/* registrazione */

.registrazione .ui-widget-content{
	background: none;
	border: 0px;
}

.registrazioneTitle{
  color: #CECB97;
  font-size: 40px;
}

.registrazioneDesc{
   color: #FFFFFF;
  font-size: 18px;	
}

.recuperaPasswordTitle{
  color: #CECB97;
  font-size: 30px;
}

.recuperaPasswordDesc{
   color: #979797;
   font-size: 14px;	
}


.inserisci-la-email-c {
  height: 48px;
  width: 597px;
  color: #979797;
  font-family: Nunito;
  font-size: 14px;
  letter-spacing: 0;
  line-height: 24px;
  text-align: center;
}

.formLoginInputText{
	background-color: #7F7F7F;
	color: white;
	width: 98%;	
	text-shadow: none;
}


.ui-g .formLoginInputText{
	padding-left: 1%;
	padding-right: 1%;
	padding-top: 4px;
	padding-bottom: 4px;	
	-webkit-box-shadow: none;
  	border: 1px solid rgba(234,181,116,0.38);
  	border-radius: 7px;
  	background-color: rgba(222,222,222,0.22);
	width: 97.5%;	
	text-shadow: none;	
	color: white;
}

.showHiddenPassword{
	width: 9.5%;
	height: 68%;
	background-color: #7F7F7F;
	position: absolute;
	top: 16%;
	right: 2.3%;
	border-top-right-radius: 7px;
	border-bottom-right-radius: 7px;
	z-index: 10;
}

.formLoginInputText::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: white;
  opacity: 1; /* Firefox */
}

.formLoginInputText:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: white;
}

.formLoginInputText::-ms-input-placeholder { /* Microsoft Edge */
  color: white;
}

.ui-g .formLoginSelectInputText .ui-selectonemenu{	
	border: 1px solid rgba(234,181,116,0.38);
	width: 94%;
  	border-radius: 7px;
  	background: none;
}

.ui-g .formLoginSelectInputText .ui-selectonemenu label{
	-webkit-box-shadow: none;
	background-color: rgba(222,222,222,0.22);
	color: white;	
	text-shadow: none;
}


.ui-g .formLoginSelectInputText .ui-selectonemenu{
	min-width: 88% !important; 
}

.ui-selectonemenu-panel .ui-selectonemenu-list{
	 background-color: #273A46;
	 color: #EDEDED;
	 font-size: 18px;
}



.percezioneSelecMenuList  .ui-selectonemenu-list{
	 background-color: #F2F2F2;
	 color: #537890;
	 font-size: 16px;
	 
}

.percezioneSelecMenuList {
	-webkit-box-shadow: none;
	box-shadow: none !important;
}


.percezioneSelecMenuList .ui-selectonemenu-items-wrapper .ui-selectonemenu-list .ui-state-highlight{
	background: none;
	background-color: #CECB97;
	font-size: 16px;
	color: #537890;
	text-shadow: none;	
}	 

.ui-selectonemenu-panel{
	border: 0px;

}

.ui-selectonemenu-items-wrapper .ui-corner-all{
	-webkit-border-radius: 0px; 
     border-radius: 0px;
}

.ui-selectonemenu-panel .ui-selectonemenu-list .ui-state-highlight{
	background: none;
	background-color: #EAB574;
	font-size: 18px;
	color: #EDEDED;
}





.registrazione .space , .space{
	margin-bottom: 20px;
}


.registrazione .ui-g .registrazioneBtn , .ui-g .registrazioneBtn{
	background: none;	
	font-size: 14px;
	font-weight: bold;
	color: white;
	-webkit-box-shadow: none;
	border: 0px;
	text-shadow: none;	 
	border-radius: 8px;
	font-family: 'Nunito';	
	padding-bottom: 5px;
	padding-top: 5px;
	width: 100%;
}

.registrazione .ui-g .inizioRegBtn , .ui-g  .resetPasswordBtn {
	background-color: #EAB574;	
}

.registrazione .ui-g .proseguiBtn{
	background-color: #CECB97;	
}

.registrazione .ui-g .indietroBtn{
	background-color: #EAB574;	
}


/* fine registrazione */



/* abbonamento */

.divisorePaginaAbbonamento{
	margin-top: 5px;
	border-bottom: 1px solid #DEDFE0;
}

.abbonamento{
  border-radius: 6px;
  background-color: #CECB97;
}

.abbonamento .title{
	text-align: center;
	color: #537890;
	font-size: 21px;
}


.abbonamento .descrzione{
	text-align: center;
	color: white;
	font-size: 13px;
}

.abbonamento .prezzo{
	text-align: center;
	color: #537890;
    font-size: 34px;
    font-weight: bold;
}


.pianoAttivo{	
	border-right: 1px solid #DEDFE0;
}

.pianoAttivo .titolo{	
  color: #537890;
  font-size: 24px;  
}


.pianoAttivo .descrizione{	
  color: #6E6B7B;
  font-size: 14px;
  line-height: 21px;
  text-align: justify;  
}


.pianoAbbonamento {
  border-radius: 6px;
  background-color: #537890;
  margin-left: 10px;
  margin-right: 10px;
  padding-top: 10px;
  padding-bottom: 15px;
  min-height: 100%;
  cursor: pointer;
}

.pianoAbbonamento .titolo {  
  color: #EDEDED;
  font-size: 21px;
  text-align: center;
}


.pianoAbbonamento .descrizione {  
  color: #FFFFFF;
  font-size: 12px;
  text-align: center;
}

.pianoAbbonamento .importo {  
  color: #EDEDED;
  font-size: 33px;  
  text-align: center;
  position: relative;
  padding-bottom: 0px;
}

.pianoAbbonamento .importo .euro{
	font-size: 13px;
	position: absolute;
	top: 30%;
	left: 26%;
}

.pianoAbbonamento .importo .euro2{
	font-size: 13px;
	position: absolute;
	top: 30%;
	left: 22%;
}

.pianoAbbonamento .importoMensile {  
  color: #FFFFFF;
  font-size: 12px;  
  text-align: center;
}

.pianoBasic {
  background-color: #537890;
}

.pianoPlatinum {
  background-color: #B481B0;
}

.pianoGold {
   background-color: #EAB574;
}

.basicSelected{
	box-shadow: 0 2px 4px 2px #6692AF;
}

.premiumSelected{
	box-shadow: 0 2px 4px 2px #B481B0;
}

.goldSelected{
	box-shadow: 0 2px 4px 0 #EEBD6F;
}

.pianoPlatinum .importo .euro , .pianoGold .importo .euro{
/* 	left: 26%; */
}

.pianoPlatinum .importo , .pianoGold .importo{
/* 	font-size: 24px; */
/* 	color: #FFFFFF; */
}



.listaAbbonamentiTitle {
  color: #537890;
  font-size: 29px;
  font-weight: bold;
}


.listaAbbonamentiDescrizione {
  color: #6E6B7B;
  font-size: 14px;
}

.abbonamentoTiakiBasic {
  color: #537890;
  font-size: 24px;
}

.abbonamentoTiakiBasicDescr {
  color: #979797;
  font-size: 14px;
  line-height: 21px;
}


.conculdiSottoscrizioneDialog .ui-dialog-titlebar{
	background: none;
	color: #537890;
	font-size: 24px;
}

.tpiNotPermettedDialog .ui-dialog-titlebar{
	background: none;
}

.bonificoBancariotitle{
	 color: #CECB97;
	 font-size: 20px;
}

.sbloccaTpiTitle {
  color: #537890;
  font-size: 28px;
  font-weight: bold;
}

.bonificoBancarioTesto , .sbloccaTpiTesto{
  color: #6E6B7B;
  font-size: 14px;	
  line-height: 21px;
}

.testLuca{
  border-left: 1px solid #DBDBDC;
}


/* .sottoscrizionePianoContent { */
/*   border: 1px solid #EAB574; */
/*   border-radius: 15px; */
/* } */

/* fine abbonamento */ 


/* step registrazione */

	.ui-g .stepContent{
		padding-left: 20%
	}
					
	.ui-steps.stepRegistrazione {
	    margin-bottom: 30px;
	}
	
	.ui-steps.stepRegistrazione .ui-steps-item .ui-menuitem-link {
	    height: 0px;
	    padding: 0;
	}
			
	.ui-steps.stepRegistrazione .ui-steps-item.ui-state-highlight .ui-menuitem-link {
	    color: #CECB97;
	    font-size: 14px;
	    text-shadow: none !important;    	    	    
	}
	
	.ui-steps.stepRegistrazione .ui-steps-item.ui-state-default .ui-menuitem-link {
	     color: #CECB97;
	     font-size: 14px;
	 	 text-shadow: none !important;
	}
	
	.ui-steps.stepRegistrazione .ui-steps-item.ui-state-disabled .ui-menuitem-link {
	    color: #979797; 
	    font-weight: normal;
	}
				
	.ui-steps.stepRegistrazione .ui-state-highlight .ui-menuitem-link .ui-steps-number{
		background-color: #EAB574;
		border: 1px solid #EAB574;	
	    color: #FFFFFF;
	    font-size: 16px;
	    display: inline-block;
		line-height: 34px;
		width: 34px;
	    border-radius: 50%;
	    position: relative;
	    top: -18px;
	    left: -50%;
	}
	
	.ui-steps.stepRegistrazione .ui-state-default .ui-menuitem-link .ui-steps-number{
		background-color: #CECB97;
		border: 1px solid #CECB97;	
	    color: #FFFFFF;
	    font-size: 16px;
	    display: inline-block;
		line-height: 34px;
		width: 34px;
	    border-radius: 50%;
	    position: relative;
	    top: -18px;
	    left: -50%;
	}
	
	.ui-steps.stepRegistrazione .ui-state-disabled .ui-menuitem-link .ui-steps-number{	
		background-color: #979797;
		border: 1px solid #979797;	
	    color: #FFFFFF;
	    font-size: 16px;
	    display: inline-block;
		line-height: 34px;
		width: 34px;
	    border-radius: 50%;
	    position: relative;
	    top: -18px;
	    left: -50%;
	}
			 
	.ui-steps.stepRegistrazione .ui-state-highlight{
	    border: 1px solid #979797;
	}		
			
	.ui-steps.stepRegistrazione .ui-state-default{
		font-weight: normal;
		border: 1px solid #CECB97;	
	}
	
	.ui-steps.stepRegistrazione .ui-state-disabled {
	    opacity: 1;	
	    border: 1px solid #979797;
	}
					
	.ui-steps.stepRegistrazione .ui-steps-item .lastStep .ui-steps-title{
	    left: -15px;
	}
		
	.ui-steps.stepRegistrazione .ui-steps-item {
	    width: 25%;
	}		
		
	.ui-steps.stepRegistrazione  li:last-child{
  		width: 10px;  
	}
	
	.ui-steps.stepRegistrazione .ui-steps-item .ui-menuitem-link .ui-steps-title {
	    margin-top: -100px;
	    position: relative;
	    left: -50%;
	}
	
.tabellaListaClienti  .ui-filter-column input{
	display: none;
	border: 0px;
}

.tabellaListaClienti .ui-datatable-header{
	background: none;
	background-color: #537890;
}
		
.tabellaListaClienti thead th, .tabellaListaClienti tbody td, .tabellaListaClienti tfoot td, .tabellaListaClienti tfoot th {
    padding: 4px 10px;
    overflow: hidden;
    border-width: 1px;
    border-style: none;
}	

.tabellaListaClienti .ui-datatable-tablewrapper table thead th,
.tabellaListaClienti .ui-datatable-tablewrapper table tbody td,
.tabellaListaClienti .ui-datatable-tablewrapper table tbody tr,
.tabellaListaClienti .ui-datatable-tablewrapper table tbody
{
	background: none;
	border-style: none;
	color: #646165;
	font-size: 12px;
	letter-spacing: 0;
	line-height: 16px;		
}

.tabellaListaClienti .ui-datatable-tablewrapper table tbody tr.ui-state-hover,
.tabellaListaClienti .ui-datatable-tablewrapper table tbody tr.ui-state-highlight{
	-webkit-box-shadow: none;
	text-shadow: none;
}
.tabellaListaClienti .ui-datatable-tablewrapper table thead{
	background-color: #DBDBDC; 
  	color: #646165;
    font-size: 12px;
    font-weight: bold;
    letter-spacing: 0;
    line-height: 16px;		
}


.tabellaListaClienti .ui-datatable-tablewrapper table thead th{
	text-align: left;
}

.tabellaListaClienti .ui-datatable-tablewrapper table tbody tr {
	background-color: white;
	border-bottom: 5px solid #F0F3F8;
	border-top: 5px solid #F0F3F8;	
	
}		

.tabellaListaClienti .ui-datatable-tablewrapper table tbody tr.ui-state-hover{
	border-bottom: 5px solid #F0F3F8;
	border-top: 5px solid #F0F3F8;		
}	

.ui-g .scaricaListaClientiBtn{
	background: none;
	background-color: #EAB574;	
	color: #FFFFFF;
	-webkit-box-shadow: none;
	border: 0px;
	text-shadow: none;	 
	border-radius: 5px;
	font-family: 'Nunito';
	font-size: 14px;
	padding: 10px;	
	cursor: pointer;
	width: 80%;
}

.ui-g .scaricaListaOrganizzazioniBtn{
	background: none;
	background-color: #CECB97;	
	color: #FFFFFF;
	-webkit-box-shadow: none;
	border: 0px;
	text-shadow: none;	 
	border-radius: 5px;
	font-family: 'Nunito';
	font-size: 14px;
	padding: 10px;	
	cursor: pointer;
	width: 80%;
}


.listaButtonUtente{
  	cursor: pointer;  
	width: 19px;
	height: 19px;
	background: none;
	border: 0px;  	
}

.disabilitaUtente {	
	background-image: url(img/admin/disabilita.svg);  	
}

.disabilitaUtenteContent .ui-state-hover,
.disabilitaUtenteContent .ui-state-active{
	background: none;
	box-shadow: 0px;
	-webkit-box-shadow: none;
  	cursor: pointer;  
	width: 19px;
	height: 19px;	
	border: 0px;
	background-image: url(img/admin/disabilita.svg);  		  
}

.riabilitaUtente {	
	background-image: url(img/admin/riattiva.svg);
	width: 20px;
	height: 20px;	  	
}

.riabilitaUtenteContent .ui-state-hover,
.riabilitaUtenteContent .ui-state-active{
	background: none;
	box-shadow: 0px;
	-webkit-box-shadow: none;
  	cursor: pointer;  
	width: 20px;
	height: 20px;	
	border: 0px;
	background-image: url(img/admin/riattiva.svg);  		  
}

.cancellaUtente {	
	background-image: url(img/admin/elimina.svg); 
	width: 16px;
    height: 18px;	 	
}

.cancellaUtenteContent .ui-state-hover,
.cancellaUtenteContent .ui-state-active{
	background: none;
	box-shadow: 0px;
	-webkit-box-shadow: none;
  	cursor: pointer;  
	width: 16px;
	height: 18px;	
	border: 0px;
	background-image: url(img/admin/elimina.svg);  		  
}


.tabellaListaClienti .ui-datatable-header .listaClientiSearch{
  border-radius: 11px;
  background-color: #344E5F;
  height: 16px;
  margin: 5px;  
  box-shadow: 0px;
  -webkit-box-shadow: none;
  border: 0px;
  text-shadow: none;
  color: #BCBCBC;
}

.listaClientiSearch::placeholder {  
  background-image: url("img/admin/lente_cerca.svg");
  background-position-y: center;   
  background-repeat: no-repeat;
  padding-left: 20px;
  color: #BCBCBC;
  font-size: 14px;  
}


	
/* fine step registrazione */	


.ui-g .valuePercezione .ui-selectonemenu{	
	border-color: #CECB97;
	border-radius: 7px;
	width: 94%;
	min-width: 94% !important;
	
}

.ui-g .valuePercezione .ui-selectonemenu label{
	background-color: rgba(224,221,221,0.42);
}
	
.domandaPercezioneContent{
	border-bottom: 1px #BCBCBC solid;
	height: 120px;
	margin-bottom: 40px;	
	color: #537890;
	font-size: 22px;
	letter-spacing: 0;	
}

.importaListaSurvey{
	background-color: #FFFFFF;
	border-radius: 15px;
	padding: 10px;
}

.importaListaSurvey .ui-fileupload-buttonbar .ui-fileupload-cancel {
    display: none;
}

.importaListaSurvey .ui-fileupload-buttonbar .ui-fileupload-choose{
	background: none;
	background-color: #EAB574;	
	color: #FFFFFF;
	-webkit-box-shadow: none;
	border: 0px;
	text-shadow: none;	 
	border-radius: 5px;
	font-family: 'Nunito';
	font-size: 12px;	
 	height: 25px;
	cursor: pointer;
	margin-right: 10px;	
}

.importaListaSurvey  .ui-fileupload-content .ui-progressbar {
  height: 14px;
  border-radius: 17.5px;
  background-color: #999770;
}


.importaListaSurvey  .ui-fileupload-content  .ui-fileupload-files{
  border-radius: 6px;
  background-color: #F0F3F8;
  width: 80%;
  display: block;
  min-height: 35px;
  color: #979797;  
  font-size: 12px;  
}

.importaListaSurvey  .ui-fileupload-content .ui-fileupload-cancel{
	background: none;
    border-radius: 50%;
    background-color: #EA8074;
	border: 0px;
	-webkit-box-shadow: none;
	width: 26px;
	height: 26px;
}



.importaListaSurvey .ui-fileupload-buttonbar .ui-state-disabled .ui-icon{
	background: none;
}

.importaListaSurvey  .ui-fileupload-content .ui-fileupload-cancel .ui-icon {
    background-image: url(img/ui-icons_616161_256x240.png) !important;
}


.rappresentativitaCampionlelb{
  color: #B481B0;
  font-size: 19px;
  font-weight: 600;
  line-height: 26px;
}

.rappresentativitaCampionleRisp{
  color: #B481B0;
  font-size: 16px;
  font-weight: 600;
  line-height: 26px;
}

.rappresentativitaCampionleDesc {
  color: #979797;
  font-size: 14px;
  letter-spacing: 0;
  line-height: 26px;
}

.dipendCaricatilb{
  color: #537890;
  font-size: 19px;
  font-weight: 600;
  line-height: 26px;
}

.dipendCaricatiValue{
  color: #537890;
  font-size: 16px;
  font-weight: 600;
  line-height: 26px;
}

.azioneNecessarialContent{
	background-color: #FFD9D9;
	margin-top: 40px;
	padding: 10px;
	border-radius: 15px;
}

.azioneNecessarialb{
  color: #E96F6F;
  font-size: 19px;
  font-weight: 600;
  line-height: 26px;
}


.azioneNecessariaDesc {
  color: #537890;
  font-size: 20px;
  letter-spacing: 0;
  line-height: 32px;
}

.inviaSurveyTitle{
  color: #B481B0;
  font-size: 24px;
  font-weight: 600;
  line-height: 67px;
  letter-spacing: 0;
}

.inviaSurveyDesc {
  color: #979797;
  font-size: 16px;
  letter-spacing: 0;  
  line-height: 18px;
}

.messaggiErroreDesc {
  color: #979797;
  font-size: 14px;
  font-weight: 600;
  letter-spacing: 0;
  line-height: 24px; 
}


.importaListaSurvey .ui-fileupload-buttonbar .ui-fileupload-upload{
	background: none;
	background-color: #CECB97;	
	color: #FFFFFF;
	-webkit-box-shadow: none;
	border: 0px;
	text-shadow: none;	 
	border-radius: 5px;
	font-family: 'Nunito';
	font-size: 14px;
/* 	padding: 10px;	 */
	cursor: pointer;	
}

.importaListaSurvey .ui-fileupload-buttonbar .ui-state-disabled{	
  background: none;
  background-color: #DBDBDC;  
  opacity: 1;
  color: #FFFFFF;  
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 0;
  line-height: 16px;
  border: 0px;
  height: 25px;	
  -webkit-box-shadow: none;
}


.importaListaSurvey .ui-fileupload-buttonbar .ui-fileupload-choose .ui-icon,
.importaListaSurvey .ui-fileupload-buttonbar .ui-fileupload-upload .ui-icon{
	background: none;
}

 



.importaListaSurvey .ui-widget-header{
	background: none;
	border: 0px;
}

.importaListaSurvey .ui-fileupload-content{
	border: 0px;
}

.valuePercezioneContent{
	border-bottom: 1px #BCBCBC solid;
	height: 120px;
	margin-bottom: 40px;
}


/* percezione */

.percezioneTitle {
  color: #537890;
  font-size: 36px;
  font-weight: 600;
}

.listaDestinatariTitle{
  color: #537890; 
  font-size: 23px;
  font-weight: 600;	
}

.regolePercezioneTxt{
  color: #979797;
  font-size: 16px;	
  line-height: 26px;
}


.ui-g .scaricaModelloBtn{
	background: none;
	background-color: #CECB97;	
	color: #FFFFFF;
	-webkit-box-shadow: none;
	border: 0px;
	text-shadow: none;	 
	border-radius: 5px;
	font-family: 'Nunito';
	font-size: 14px;
	padding: 10px;	
	cursor: pointer;
}

.ui-g .passaggioSuccessivoPercBtn{
	background: none;
	background-color: #DBDBDC;	
	color: #FFFFFF;
	-webkit-box-shadow: none;
	border: 0px;
	text-shadow: none;	 
	border-radius: 5px;
	font-family: 'Nunito';
	font-size: 14px;
	padding: 10px;	
	cursor: pointer;
}

.ui-g .inserisciNumeroDipenBtn{
	background: none;
	background-color: #E96F6F;	
	color: #FFFFFF;
	-webkit-box-shadow: none;
	border: 0px;
	text-shadow: none;	 
	border-radius: 5px;
	font-family: 'Nunito';
	font-size: 14px;
	padding: 10px;	
	cursor: pointer;
}


.ui-g .inviaSurveyBtn{
	background: none;
	background-color: #B481B0;	
	color: #FFFFFF;
	-webkit-box-shadow: none;
	border: 0px;
	text-shadow: none;	 
	border-radius: 5px;
	font-family: 'Nunito';
	font-size: 14px;
	padding-top: 10px;	
	padding-bottom: 10px;
	padding-right: 10%;
	padding-left: 10%;	
	cursor: pointer;
}

.ui-g .vaiAiRisultatiBtn{
	background: none;
	background-color: #EAB574;	
	color: #FFFFFF;
	-webkit-box-shadow: none;
	border: 0px;
	text-shadow: none;	 
	border-radius: 5px;
	font-family: 'Nunito';
	font-size: 14px;
	padding-top: 10px;	
	padding-bottom: 10px;
	padding-right: 10%;
	padding-left: 10%;	
	cursor: pointer;
}



.riepilogoCaricamentoContent{
	background-color: white;
	margin-top: 40px;
	padding: 10px;
	border-radius: 15px;
}

	.ui-g .stepPercezioneContent{
		margin-top: 50px;
		padding-left: 30px;
	}

	.ui-steps.stepPercezione {
	    margin-bottom: 30px;
	}
	
	.ui-steps.stepPercezione .ui-steps-item .ui-menuitem-link {
	    height: 0px;
	    padding: 0;
	}
			
	.ui-steps.stepPercezione .ui-steps-item.ui-state-highlight .ui-menuitem-link {
	    color: #FFFFFF;
	    font-size: 12px;
	    text-shadow: none !important;    		    	    
	}
	
	.ui-steps.stepPercezione .ui-steps-item.ui-state-default .ui-menuitem-link {
	    color: #FFFFFF;
	    font-size: 12px;
	 	text-shadow: none !important;
	}
	
	.ui-steps.stepPercezione .ui-steps-item.ui-state-disabled .ui-menuitem-link {
	    color: #FFFFFF;
	    font-size: 12px; 
	    font-weight: normal;
	}
				
	.ui-steps.stepPercezione .ui-state-highlight .ui-menuitem-link .ui-steps-number{
		background-color: #354D5D;
		border: 1px solid #354D5D;	
	    color: #FFFFFF;
	    font-size: 16px;
	    display: inline-block;
		line-height: 64px;
		width: 44px;
		height: 44px;
	    border-radius: 50%;
	    position: relative;
	    top: -24px;
	    left: -50%;
	}
	
	.ui-steps.stepPercezione .ui-state-default .ui-menuitem-link .ui-steps-number{
		background-color: #CECB97;
		border: 1px solid #CECB97;	
	    color: #FFFFFF;
	    font-size: 16px;
	    display: inline-block;
		line-height: 64px;
		width: 44px;
		height: 44px;
	    border-radius: 50%;
	    position: relative;
	    top: -24px;
	    left: -50%;
	}
	
	.ui-steps.stepPercezione .ui-state-disabled .ui-menuitem-link .ui-steps-number{	
		background-color: #979797;
		border: 1px solid #979797;	
	    color: #FFFFFF;
	    font-size: 16px;
	    display: inline-block;
		line-height: 64px;
		width: 44px;
		height: 44px;
	    border-radius: 50%;
	    position: relative;
	    top: -24px;
	    left: -50%;
	}
			 
	.ui-steps.stepPercezione .ui-state-highlight{
	    border: 1px solid #CFCFCF;
	}		
			
	.ui-steps.stepPercezione .ui-state-default{
		font-weight: normal;
		border: 1px solid #CECB97;	
	}
	
	.ui-steps.stepPercezione .ui-state-disabled {
	    opacity: 1;	
	    border: 1px solid #979797;
	}
					
	.ui-steps.stepPercezione .ui-steps-item .lastStep .ui-steps-title{
	    left: -15px;
	}
		
	.ui-steps.stepPercezione .ui-steps-item {
	    width: 40%;
	}		
		
	.ui-steps.stepPercezione  li:last-child{
  		width: 10px;  
	}
	
	.ui-steps.stepPercezione .ui-steps-item .ui-menuitem-link .ui-steps-title {
	    margin-top: -60px;
	    position: relative;
	    left: -50%;
	}
	
	.ui-steps.stepPercezione .ui-state-disabled .ui-menuitem-link .ui-steps-title {
	    margin-top: -60px;
	    position: relative;
	    left: 50%;
	}	
	
	
	.ui-steps.stepPercezione li.ui-state-highlight:last-child .ui-steps-title{
	    margin-top: -60px;
	    position: relative;
	    width: 44px;	
	}
	
	
	.surveyQuestionarioTitle {
	  color: #537890;
	  font-family: Nunito;
	  font-size: 36px;
	  font-weight: 600;
	  text-align: center;
	}
	
	.surveyQuestionarioDesc {
	  color: #979797;
	  font-size: 19px;
	  text-align: center;
	}
	
	.surveyInviataSuccessoTitle {
	  color: #537890;
	  font-size: 30px;
	  font-weight: bold;
	  text-align: center;
	}	


	.surveyInviataSuccessoTxt {
	  color: #6E6B7B;
	  font-size: 16px;
	  text-align: center;
	}
	
.ui-g .iniziaQuestionarioSurveyBtn{
	background: none;
	background-color: #CECB97;	
	color: white;
	-webkit-box-shadow: none;
	border: 0px;
	text-shadow: none;	 
	border-radius: 5px;
	width: 20%;
	font-family: 'Nunito';
}

.ui-g .inviaRisposteBtn{
	background: none;
	background-color: #EAB574;	
	color: white;
	-webkit-box-shadow: none;
	border: 0px;
	text-shadow: none;	 
	border-radius: 5px;
	width: 40%;
	font-family: 'Nunito';
}

.ui-g .dataInvioPercezioneContent{
	background-color: #EAB574;
	border-radius: 12px;
	height: 200px;
	width: 48%;
	margin-right: 2%;
	box-shadow: 0 2px 4px 0 rgba(0,0,0,0.5);
}

.dataInvioLbl {
  color: #FFFFFF;
  font-size: 17px;
  font-weight: bold;
  text-align: center;
}

.dataInvioValue {
  color: #FFFFFF;
  font-size: 26px;
  text-align: center;
}

.trimestreInvioValue {
  color: #FFFFFF;
  font-size: 17px;
  text-align: center;
}


.ui-g .surveyInviateeContent{
	background-color: #B481B0;
	border-radius: 12px;
	height: 200px;
	width: 48%;
	margin-left: 2%;
	box-shadow: 0 2px 4px 0 rgba(0,0,0,0.5);
}

.ui-g .statoRisposteContent{
	background-color: #B481B0;
	border-radius: 12px;
	min-height: 400px;
	box-shadow: 0 2px 4px 0 rgba(0,0,0,0.5);
	background-color: #608CA8;	
}

.questionarioGenericoLbl{
  color: #537890;
  font-size: 22px;
}


.questionarioGenericoScelta .ui-selectonemenu{
	border: 0px;
	width: 60%;
}

.questionarioGenericoScelta .ui-selectonemenu .ui-selectonemenu-label{
  border: 1px solid #CECB97;
  border-radius: 7px;
  background-color: rgba(224,221,221,0.42);	
  -webkit-box-shadow: inset 0 0px 0px #8f8f8f;
  box-shadow: inset 0 0px 0px #8f8f8f;
}

.numeroDomandaContent{	
  height: 55px;
  width: 15px;
  border-radius: 2px;
  background-color: #CECB97;
  text-align: center; 
}

.numeroDomandaValue{
  color: #FFFFFF;
  font-size: 10px;	
}


.survey_statoRisposte{
  color: #FFFFFF;
  font-size: 17px;
  font-weight: bold;
  text-align: center;
}

.survey_raccolte {
  color: #FFFFFF;
  font-size: 14px;
  text-align: left;

}

.surveySondaggiProgressBarContent{
   top:10px;
   position: relative;
   height: 12px;
   border-radius: 17.5px;	
   background-color: #324957;
}


.surveySondaggiRaccoltiProgressBar{
	  border-radius: 17.5px;  	  
  	  background-color: #CECB97;
  	  position: relative;
  	  height: 12px;
}

.surveySondaggiNecessariProgressBar{
	  border-radius: 17.5px;  	  
  	  background-color: #EAB574;
  	  position: relative;
  	  height: 12px;
}


.valoreSurvey{
  color: #FFFFFF;
  font-size: 22px;
  font-weight: 600;	
}

.surveyRaccogliSondaggi{
  color: #FFFFFF;
  font-size: 17px;
  font-weight: 600;
  text-align: center;
}

.ui-g .reinvioSurveyBtn{
	background: none;
  	background-color: #EAB574;	
	color: #FFFFFF;
	-webkit-box-shadow: none;
	border: 0px;
	text-shadow: none;	 
	border-radius: 5px;
	font-family: 'Nunito';
	font-size: 14px;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-right: 15Px;
	padding-left: 15Px;
	cursor: pointer;
}


.tabRisultatiSurvey  .ui-tabs-nav{
	background: none;
	background-color: #F0F3F8;
    margin: 0 auto !important;
}

.tabRisultatiSurvey .ui-tabs-nav li{
	border: 0px;
}

.tabRisultatiSurvey {
	border: 0px;
	background-color: #F0F3F8;
}

.tabRisultatiSurvey .ui-tabs-nav li.ui-tabs-selected{
	border: 0px;
}

.tabRisultatiSurvey .ui-tabs-nav .ui-tabs-selected{
	background-color: #F0F3F8;
	
}

.tabRisultatiSurvey .ui-widget-header .ui-state-default{
	background: none;
	-webkit-box-shadow: inset 0 0px 0 #fff;	
}

.tabRisultatiSurvey .ui-widget-header .ui-state-default a{
	 color: #979797;
	font-size: 18px;
}

.tabRisultatiSurvey .ui-tabs-nav .ui-tabs-selected a{
	 color: #537890;
	text-decoration: underline;
	font-size: 18px;
	text-decoration-thickness: 3px;
	text-decoration-color: #CECB97;
	text-underline-offset: 8px;
}

.punteggioGlobaleTitle{
	color: #537890;
	font-size: 29px;
	font-weight: 600;
	letter-spacing: 0;
	line-height: 39px;
}


.punteggioGlobaleTxt{
	text-align: left;
	color: #979797;
	font-size: 20px;
	line-height: 30px;
	letter-spacing: 0;
}

.ui-g .distribuzioneRisultatiTpiTitle{
	color: #FFFFFF;
	text-align: left;
	padding-left: 6%;
	font-size: 17px;
	font-weight: bold;
	letter-spacing: 0;
	line-height: 20px;	
}

.distribuzioneRisultatiTpiContent{
	background-color: #3E5A6B; 
	border-radius: 12px;
    padding-top: 20px;
}

.distribuzioneRisultatiDipartimentoContent{
	background-color: #706D6D; 
	border-radius: 12px;
    padding-top: 20px;
}

.legendSingoloValore{
 	height: 20px;
}

.legendLabelNome{
	text-align: left;
	font-size: 14px;
	color: #537890;
} 

.legendLabelNome .ui-widget{
	font-size: 14px;
}

.distribuzioneRisultatiRuoloContent{
	background-color: #5C405A; 
	border-radius: 12px;
    padding-top: 20px;
}


/* test */

.svg-item {
    width: 37%;
    font-size: 16px;
    margin: 10px auto;
    margin-top: 10px;
    animation: donutfade 1s;
}

.svg-item2 {
    width: 35%;
    font-size: 16px;
    margin: 0 auto;
    animation: donutfade 1s;
}

.donut-ring {
    stroke: #EBEBEB;
}

.donut-segment-2 {
    stroke: white;
    animation: donut1 3s;
}

@keyframes donut1 {
    0% {
        stroke-dasharray: 0, 100;
    }
    100% {
        stroke-dasharray: var(--percentuale), var(--resto);
    }
}

.donut-text-1 {
    fill: white;
}

.donut-percent {
    font-size: 0.5em;
    line-height: 1;
    transform: translateY(0.5em);
    font-weight: bold;
}


/* test fino qui */



@media screen and (min-width: 40.063em){
	.menu_ui_g{
		display: inline;
	}
	.ui-g .menu_ui_m{
		display: none;
	}
	.menuCliente div .contenutoIndice , .menuCliente div .contenutoIndiceDisabled {
	    width: 20%;
	}
	.ui-g .contentArgomentoTpi{
		padding: 2px;
		width: 20%;	
	}	
	.ui-g .ui-g20{
		width: 20%;	
	}
}