html {
  min-height: 100%;
}

body{
	min-height: 100%;
	margin: 0px;			
}

@font-face {
    font-family: 'MulishExtraBold';
    src: url("/faces/javax.faces.resource/fonts/Mulish-ExtraBold.ttf")  format('truetype');
    font-weight: 800;
    font-style: normal;
}

.backgroundLogisticImg{
	background: url("img/login/logistics_sfondo.jpg") no-repeat top;
}

.bodyTemplate{
	overflow-y:scroll;
	background-color: #F0F3F8;
}

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

.alignCenter{
	text-align: center;
}

.alignRight{
	text-align: right;
}

.positionRelative{
	position: relative;
}

.alignLeft{
	text-align: left;
}

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

.ui-g .paddingBottom5{
	padding-bottom: 5px;
}

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

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

.positionRelative{
	position: relative;
}

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

.space{
	height: 40px;
}

.ui-g .primeBtn{
	background: none;	
	-webkit-box-shadow: none;
	border: 0px;
	text-shadow: none;	 
	border-radius: 8px;
	font-size: 14px;
	font-family: MulishExtraBold;	
	padding-bottom: 5px;
	padding-top: 5px;	
	cursor: pointer;
}

.ui-g .primeBtn:hover{
	background-color: #CECB97;
}

.ui-g .primeBtn2:hover{
	background-color: #CECB97;
	border: 1px solid #CECB97;
}

.ui-g .primeBtn2{
    -webkit-box-shadow: none;    
    font-family: MulishExtraBold;
    cursor: pointer;
}

.ui-g .titoloPaginaBlu{	 
	font-size: 36px; 
	font-family: MulishExtraBold;	
	color: #2F373C;
}

.ui-g .titoloPaginaGiallo{	 
	font-size: 36px; 
	font-family: MulishExtraBold;
	color: #EAB574;	
}

.ui-g .ui-radiobutton .ui-radiobutton-box.ui-state-active .ui-icon-bullet {
    background: #2F373C;
}

.ui-g .ui-overlaypanel .ui-overlaypanel-close , .ui-g .ui-overlaypanel .ui-overlaypanel-close:hover{
	background: #F6AF52;
} 

.ui-g .ui-radiobutton .ui-radiobutton-box.ui-state-active , .ui-g .ui-radiobutton .ui-radiobutton-box.ui-state-active:hover {    
    background: #CECB97;
    border: #CECB97;
}

.ui-g .ui-radiobutton .ui-radiobutton-box.ui-state-hover {
    background: #CECB97;
    border: #CECB97;
}


.ui-g .ui-radiobutton .ui-radiobutton-box.ui-state-focus {
/*     background: #CECB97; */
    border: #CECB97;
    box-shadow: 0 0 0 0.2em #ECEBD6
}



body .ui-messages .ui-messages-info {
    border: 1px solid #CECB97;
    border-width: 0 0 0 6px;
	border-radius: 5px;
	background-color: #2F373C; 
    color: #FFFFFF;
    font-size: 18px;
    letter-spacing: 0;
    line-height: 24px;  
}

body .ui-messages .ui-messages-info .ui-messages-close,
body .ui-messages .ui-messages-info .ui-messages-close:hover {
    background: #CECB97;
    color: #FFFFFF;
}

body .ui-messages .ui-messages-info .ui-messages-info-icon {
    color: #CECB97;
}

.ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header:before{
    content: "Tutti";
    margin-right: 10px;
}


.ui-g .videoTutorialBtn{	
    padding: 4px;
  	border-radius: 30px;
  	background-color: #F6AF52;    	
  	color: #FFFFFF;
  	font-size: 14px;
  	font-weight: bold;
  	letter-spacing: 0;
  	line-height: 18px;
}

/* inizio header */


.ui-g .menuClientiImg{
	cursor: pointer;
	margin-top:10px;
	background: url("img/header/menuDiscesaClienteNormal.svg") no-repeat top;
	height: 30px;
	width: 30px;
}

.ui-g .menuClientiImg:hover{
	cursor: pointer;
	margin-top:10px;
	background: url("img/header/menuDiscesaClienteHover.svg") no-repeat top;
	height: 30px;
	width: 30px;
}

.menuCliente .ui-menu-list{
	background-color: #646165;	
	border-radius: 6px;	
	padding-top: 10px;
	padding-bottom: 10px;
}

body .menuCliente .ui-menu-list .ui-menuitem .ui-menuitem-link .ui-menuitem-text,
body .menuCliente .ui-menu-list .ui-menuitem .ui-menuitem-link .ui-menuitem-icon{
	color: #FFFFFF;
}

body .menuCliente .ui-menu-list .ui-menuitem .ui-menuitem-link.ui-state-hover{
	background-color: #646165;	
}

body .menuCliente .ui-menu-list .ui-menuitem .ui-menuitem-link.ui-state-hover .ui-menuitem-text,
body .menuCliente .ui-menu-list .ui-menuitem .ui-menuitem-link.ui-state-hover .ui-menuitem-icon{
	color: #F6AF52;
}


body .menuCliente {
	padding: 0px;
	border-radius: 8px;	
}

.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: Mulish;
  color: white;
  border-radius: 6px  
}

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


.show {display: block;}

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

.menuUtenteHeader .abbonamentoHeader,
.menuUtenteHeader .abbonamentoHeader.ui-state-hover,
.menuUtenteHeader .abbonamentoHeader.ui-state-active {
	background: url("img/header/certificazione.svg") no-repeat top;
	width: 150px;
	height: 30px;
    background-size: contain;
    border: none;  
	-webkit-box-shadow: none;	
}

.menuUtenteHeader .logoutHeader,
.menuUtenteHeader .logoutHeader.ui-state-hover,
.menuUtenteHeader .logoutHeader.ui-state-active {
	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;
}

.ui-g .testIcona{
	background: url("img/header/logoutAdmin.svg") no-repeat top;
	width: 38px;
	height: 38px;	
}

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

.headerLblAzienda{	 
	font-size: 18px; 
	font-family: MulishExtraBold;	
	color: #2F373C;
}


.headervalueAzienda{	 
	font-size: 18px; 
	font-family: MulishExtraBold;
	color: #EAB574;	
}
 
.ui-g .BtnListaClienti{
	border-radius: 3px;
	width: 100%;
	height: 30px;
	cursor: pointer;
	color: white;	 
	background-color: #EAB574;	
	border-radius: 8px;
} 

.header{
   border-bottom: 1px solid rgb(234, 181, 116, 0.3);
}

.ui-g .supportoBtn, .ui-g .supportoBtn:hover{	
  border: 1px solid #F6AF52;
  border-radius: 15px;
  width: 80%;  
  color: #F6AF52;
  font-size: 14px;
  font-family: MulishExtraBold;
  letter-spacing: 0;
  line-height: 19px; 
}

.ui-g .supportoBtn:hover{
	background-color: transparent;
}

.ui-g .progressPercentualeCompletamento{
		background-color: #F6AF52 !important;
		height: 20px;
}

.ui-g .sfondoPercentualeCompletamento{
		background-color: #6D6D6D  !important;
		height: 20px;
}

.ui-g .statoCompletamentoLbl{
  color: #2F373C;
  font-size: 12px;
  letter-spacing: 0;
  line-height: 15px;	
}

.ui-g .progressPercentualeCompletamentoLbl{
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);   
  font-size: 12px;  
  color: #FFFF;
}

.ui-g .infoAvanzamentoAttestato .ui-state-default{
	background: none;
	border: 0px;
	background-image: url(img/header/infoAvanzamentoAttestato.svg);
	-webkit-box-shadow: none;
	width: 28px;
	height: 34px;
	margin-right: 3px;
}

/* fine header */

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

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

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

.menuContent .ui-menu-list .ui-menuitem {
    margin-top: 15px;
    margin-bottom: 15px;
}

.ui-g .menuContent .ui-menu-list .ui-menuitem{
	margin-bottom: 20px;	
}

.ui-g .menuContent .ui-menu-list .ui-menuitem .ui-menuitem-link .ui-menuitem-text{
	padding-left: 0px;
	padding-top: 3px;
	color: rgb(234 234 234 / 100%);
	display: inline-block;
	width: 130px;
	text-align: left;
	font-size: 15px;
}

.logisticsPerformance .ui-menuitem-text{
	width: 56%;
    text-align: justify;
    padding-right: 0px;	
}

.ui-g .menuContent .ui-menu-list .ui-menuitem .ui-menuitem-link.ui-state-hover{
	background: none;
	box-shadow: none;
	
}

.ui-g .menuContent .ui-menu-list .ui-menuitem .ui-menuitem-link.ui-state-hover .ui-menuitem-text{
	color: #EAB574;
}

.ui-g .menuContent .ui-menu-list .ui-menuitem .ui-menuitem-link.ui-state-active .ui-menuitem-text{
	text-shadow: none;
	color: #EAB574;
	padding-top: 3px;
}

.ui-g .verticalMenu, .ui-g .container{
	padding: 0px;
}

.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.tpi{
	width: 24px;
	height: 24px;
	background-image: url(img/menu/tpi.svg) !important;
}

.ui-menu-list .ui-widget .ui-icon.anagrafica{
	width: 24px;
	height: 24px;
	background-image: url(img/menu/anagrafica.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.listaControllo{
	width: 24px;
	height: 24px;
	background-image: url(img/menu/listaControllo.svg) !important;
}

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

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



/* fine menu */


/* inizio presentazione */

.ui-g .provaLogisticsBtn{	 	
  width: 100%;
  color: #CECB97;
  font-size: 16px;
  font-weight: 600;
  box-sizing: border-box;
  border: 1px solid #CECB97;
  border-radius: 12px;    
}

.ui-g .presentazioneAccediBtn{	 	
  width: 100%;
  color: #CECB97;
  font-size: 16px;
  font-weight: 600;
  box-sizing: border-box;
  border: 1px solid #CECB97;
  border-bottom-left-radius: 12px;
  border-top-left-radius: 12px;  
  border-bottom-right-radius: 0px;
  border-top-right-radius: 0px;   
}

.ui-g .presentazioneRegistratiBtn{	 	
  width: 100%;
  color: #CECB97;
  font-size: 16px;
  font-weight: 600;
  box-sizing: border-box;
  border: 1px solid #CECB97;
  border-bottom-right-radius: 12px;
  border-top-right-radius: 12px; 
  border-bottom-left-radius: 0px;
  border-top-left-radius: 0px;
}

.ui-g .entraLogisticsBtn{	 	
  width: 100%;
  color: #FFFFFF;   
  box-sizing: border-box;
  border: 2px solid #FFFFFF;
  opacity: 0.86;
  border-radius: 16px;
  background-color: #F08A3F;  
  
}

.sfondoIntroduzionePresentazione{
	background: url("img/filiera/sfondi/presentazioneTesta.jpg") no-repeat;
	background-position: center;
	background-size: cover;
	min-height: 79.9vh;
	padding-bottom: 50px;
	padding-top: 50px;	
}

.sfondoDescrizionePresentazione{
	background: url("img/presentazione/wallSezioneLogistics.png") no-repeat;
	background-position: center;
	background-size: cover;
	min-height: 79.9vh;
	padding-bottom: 50px;
	padding-top: 50px;			
}

.sfondoCaratteristichePresentazione{
	background: url("img/filiera/sfondi/qualificaFornitori.jpg") no-repeat;
	background-position: center;
	background-size: cover;
	min-height: 79.9vh;
	padding-bottom: 50px;
	padding-top: 50px;	
}

.sfondoAchisirivolgePresentazione{
	background: url("img/filiera/sfondi/acquistoCertificazione.jpg") no-repeat;
	background-position: center;
	background-size: cover;
	min-height: 79.9vh;	
	padding-bottom: 50px;
	padding-top: 50px;
}


.sfondoAchisirivolgePresentazione{
	background: url("img/filiera/sfondi/acquistoCertificazione.jpg") no-repeat;
	background-position: center;
	background-size: cover;
	min-height: 79.9vh;	
	padding-bottom: 50px;
	padding-top: 50px;
}

.sfondoPresentazionePatner{
	background: url("img/presentazione/presentazionePatner.png") no-repeat;
	background-position: center;
	background-size: cover;
	min-height: 79.9vh;	
	padding-bottom: 50px;
	padding-top: 50px;
}

.presentazione .headerAncor {
	padding-top: 20px;
}
.presentazione .headerAncor a{
	text-decoration: none;
	color: white;	
}

.presentazione .headerAncor a label{
	cursor: pointer;
}

.presentazione .headerLogoLogisticsWhite{
	background: url("img/common/logoLogisticsWhite.svg") no-repeat;
	background-size: 36%;
	background-position: left;	
}

.presentazione .descrizionePiattaforma{	
  color: #FFFFFF;
  font-size: 32px;
  letter-spacing: 0;
	
}

.presentazione .tiakiLogisticDesc{	
  color: white;
  font-size: 84px;
  font-weight: 600;
  letter-spacing: 0;	
  margin-left: 40px;
	
}


.presentazione .tiakiLogisticDesc-e {
  color: #CECB97;
  font-size: 84px;
  font-weight: 600;
  letter-spacing: 0;
}

.presentazione .caratteristicheTitle {
  color: #FFFFFF;
  font-size: 32px;
  font-family: MulishExtraBold;
  text-align: justify;
}

.presentazione .caratteristicheDesc {
  color: #FFFFFF;
  font-size: 18px;
  text-align: justify;	
}


.presentazione .caratteristiche .title {
  color: #FFFFFF;
  font-size: 64px;
  font-weight: 600;
}

.presentazione  .logoContent {
  text-align: right;
  padding-right: 25px;
}


.presentazione .caratteristiche .benchmarkingBox{
   opacity: 0.82;
   border-radius: 54px;
   background-color: #885D84;
   box-shadow: 0 14px 19px 0 #1E2C36;	
   padding: 10px;
}

.presentazione .caratteristiche .complianceBox{
  opacity: 0.82;
  border-radius: 54px;
  background-color: #E5AD69;
  box-shadow: 0 14px 19px 0 rgba(0,0,0,0.5);	
  padding: 10px;
}

.presentazione .caratteristiche .filieraResponsabileBox {
  opacity: 0.82;
  border-radius: 54px;
  background-color: #6C864D;
  box-shadow: 0 14px 10px 0 #263540;
  padding: 10px;
}

.presentazione .caratteristiche .databaseBox {
  opacity: 0.82;
  border-radius: 54px;
  background-color: #507088;
  box-shadow: 0 14px 8px 0 rgba(0,0,0,0.5);
  padding: 10px;
}

.presentazione .caratteristiche .box .title{
  color: #FFFFFF;
  font-size: 38px;
  font-weight: 600;	
}


.presentazione .caratteristiche .box .descrizione{
  color: #FFFFFF;
  font-size: 18px;
  font-weight: 600;
  letter-spacing: 0;
  line-height: 28px;
}


.presentazione .achisirivolgeContent{
  opacity: 0.92;
  background-color: #646165;
  box-shadow: 0 2px 4px 0 rgba(0,0,0,0.5);	
}


.presentazione .achisirivolgeContent .descrizione{
  color: #FFFFFF;
  font-size: 29px;
  font-weight: 300;
}


.ui-g .achisirivolgeTab .ui-tabs-panels .ui-tabs-panel {
    padding: 0px;
}

.ui-g .achisirivolgeTab .ui-tabs-nav li.ui-tabs-header{
	width: 50%;		
}

.ui-g .achisirivolgeTab.ui-tabs-top>.ui-tabs-nav li.ui-tabs-header {
	border: 0px;
}

.ui-g .achisirivolgeTab.ui-tabs-top>.ui-tabs-nav li.ui-tabs-header.ui-state-default{
  	background-color: #F08A3F;
  	-webkit-box-shadow: none;
}

.ui-g .achisirivolgeTab.ui-tabs-top>.ui-tabs-nav li.ui-tabs-header.ui-state-active{
    background-color: #2F373C;
	border-color: transparent;
}

.ui-g .achisirivolgeTab .ui-tabs-nav li.ui-tabs-header.ui-state-default a{
  color: #FFFFFF;
  font-size: 20px;
  font-weight: 600;
  margin:0px auto
}



.ui-g .achisirivolgeTab.ui-tabs-top>.ui-tabs-nav{
	border-radius: 30px 30px 0 0;
}

.ui-g .achisirivolgeTab.ui-tabs-top>.ui-tabs-nav .offreLogistica{
	border-radius: 30px 0 0 0;
}

.ui-g .achisirivolgeTab.ui-tabs-top>.ui-tabs-nav .cercaLogistica{
	border-radius: 0 30px 0 0;
}


.ui-g .footerDesc{
	font-weight: 400;
	font-size: 16px;
	color: #BCBCBC;
}


/* fine presentazione */

/* inizio login */

.ui-g .tipologiaUtilizzoDesc{
  color: #2F373C;
  font-family: Mulish;
  font-size: 36px;
  font-weight: 600;
  letter-spacing: 0;
  line-height: 49px;	
}

.ui-g .cercareLogisticaBtn{	
	border-radius: 15px;
  	background-color: #2F373C;    
    padding: 7px;
    width: 90%;    
    color: #FFFFFF;  
    font-size: 26px;
    font-weight: 600;
    letter-spacing: 0;
    line-height: 35px;  
    height: 150px;             
}

.ui-g .offrireLogisticaBtn{	
	border-radius: 15px;
  	background-color: #EAB574;    
    padding: 7px;
    width: 90%;    
    color: #FFFFFF;  
    font-size: 26px;
    font-weight: 600;
    letter-spacing: 0;
    line-height: 35px;  
    height: 150px;  
}



.ui-g .formLoginInputText,
.formLoginInputText{	
    border-radius: 7px;
    background-color: #E4E2E2;	
	color: #979797;
	width: 100%;	
	text-shadow: none;
    -webkit-box-shadow: none;
     box-shadow: none;
}

.formLoginInputText::placeholder {
  color: #979797; 
}

.ui-g .formLoginSelectInputText .ui-selectonemenu-label{
    background-color: #E4E2E2;	
	color: #979797;
    box-shadow: none;	
} 

.ui-g .formLoginSelectInputText,
.formLoginSelectInputText{	
    width: 100%;
} 

.ui-g .recuperaPasswordTxt , .ui-g .recuperaPasswordTxt:hover{
  color: #646165;
  font-size: 14px;
  letter-spacing: 0;
  line-height: 19px;
}

.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;	
}

.ui-g .accediPlatformBtn{	
	color: white; 	
	width: 100%;	
    border-radius: 5px;
    background-color: #2F373C;
}

.ui-g .provaPlatformBtn{	
	color: white; 	
	width: 60%;
	border-radius: 5px;
	background-color: #CECB97		
}

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

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

/* fine login */

/* inizio registrazione */

.ui-g .registrazioneTitle{
  color: #CECB97;
  font-size: 40px;
  font-weight: 600;
  letter-spacing: 0;
  line-height: 54px;    
}


.registrazioneContent .ui-panel .ui-panel-content{
	border: 0;
	background-color: transparent;
	margin-bottom: 30px;
}

.registrazioneContent .separatore{
	height: 15px;
}


.ui-g .registrazioneBtn{	
	border-radius: 5px;
    background-color: #EAB574;
    padding: 7px;
    width: 100%;    
    color: #FFFFFF;  
    font-size: 14px;
    font-family: MulishExtraBold;
    letter-spacing: 0;
    line-height: 19px;    
}

.ui-g .indietroBtn{
	border-top-right-radius: 0px;
	border-bottom-right-radius: 0px;
}

.ui-g .proseguiBtn{
	background-color: #CECB97;
	border-top-left-radius: 0px;
	border-bottom-left-radius: 0px;
}


/* step registrazione inizio */


        .stepContent4 {
            text-align: center;
            font-size: .9em;
        }
        
        .stepContent4 .stepValue{
		    color: white;
		    position: absolute;
		    top: 50%;    
		    right: 48.5%;
		    z-index: 3;
		    font-size: 16px;
        }
        
 		.stepContent4 .stepText{		   
		    position: inherit;
		    bottom: 20px;		   
        }        
        
        .stepContent4 .stepIndicator {
            position: relative;
            flex: 1;
            padding-bottom: 30px;
            color: #979797;
        }
        .stepContent4 .stepIndicator.active {
            font-weight: 600;
        }
        .stepContent4 .stepIndicator.finish {
            color: #EAB574;
        }
        .stepContent4 .stepIndicator::before {
            content: "";
            position: absolute;
            left: 50%;
            bottom: 0;
            transform: translateX(-50%);
            z-index: 2;
            width: 34px;
            height: 34px;
            background-color: #979797;
            border-radius: 50%;
        }
        .stepContent4 .stepIndicator.active::before {
            background-color: #EAB574;
        }
        .stepContent4 .stepIndicator.finish::before {
            background-color: #EAB574;
        }
        .stepContent4 .stepIndicator::after {
            content: "";
            position: absolute;
            left: 50%;
            bottom: 14px;
            width: 100%;
            height: 3px;
            background-color: #979797;
        }
        .stepContent4 .stepIndicator.active::after {
            background-color: #EAB574;
        }
        .stepContent4 .stepIndicator.finish::after {
            background-color: #EAB574;
        }
       
        .stepContent4 .stepIndicator:last-child:after {
            display: none;
        }

       .stepPercezioneContent {
            text-align: center;
            font-size: .9em;
        }
        
        .stepPercezioneContent .stepValue{
		    color: white;
		    position: absolute;
		    top: 25%;    
		    right: 49%;
		    z-index: 3;
		    font-size: 16px;
        }
        
 		.stepPercezioneContent .stepText{		   
			position: absolute;
    		top: 50px;
    		left: 20px;
    		right: 4%;		    		    		   
        }        
        
        .stepPercezioneContent .stepIndicator {
            position: relative;
            flex: 1;
            padding-bottom: 30px;
            color: #979797;
        }
        .stepPercezioneContent .stepIndicator.active {
            font-weight: 600;
        }
        .stepPercezioneContent .stepIndicator.finish {
            color: #EAB574;
        }
        .stepPercezioneContent .stepIndicator::before {
            content: "";
            position: absolute;
            left: 50%;
            bottom: 0;
            transform: translateX(-50%);
            z-index: 2;
            width: 34px;
            height: 34px;
            background-color: #979797;
            border-radius: 50%;
        }
        .stepPercezioneContent .stepIndicator.active::before {
            background-color: #EAB574;
        }
        .stepPercezioneContent .stepIndicator.finish::before {
            background-color: #EAB574;
        }
        .stepPercezioneContent .stepIndicator::after {
            content: "";
            position: absolute;
            left: 50%;
            bottom: 14px;
            width: 100%;
            height: 3px;
            background-color: #979797;
        }
        .stepPercezioneContent .stepIndicator.active::after {
            background-color: #EAB574;
        }
        .stepPercezioneContent .stepIndicator.finish::after {
            background-color: #EAB574;
        }
       
        .stepPercezioneContent .stepIndicator:last-child:after {
            display: none;
        }
        .stepPercezioneContent .removeAfter:after {
            display: none;
        } 




/*
	.ui-g .stepContent{
		padding-left: 33%
	}
					
	.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%;
	}
	*/
	
	/*
	.ui-g .stepRegistrazione2 .ui-steps  li:last-child{
  		width: 10px;  
	}
	*/
	
	
	/*
	.ui-g .stepRegistrazione2 .ui-steps-item.ui-state-highlight .ui-steps-number{
		background-color: #EAB574;
    	border: 1px solid #EAB574;
    	color: #FFFFFF;
    	font-size: 16px;
	}

	.ui-g .stepRegistrazione2 .ui-steps-item.ui-state-default
	,.ui-g .stepRegistrazione2 .ui-steps-item.ui-state-disabled{
		opacity: 1;
	}
	
	.ui-g .stepRegistrazione2 .ui-steps-item.ui-state-default .ui-steps-number{
	    background-color: #CECB97;
	    border: 1px solid #CECB97;
	    color: #FFFFFF;
	    font-size: 16px;	    
	}				
	
	.ui-g .stepRegistrazione2 .ui-steps-item.ui-state-disabled .ui-steps-number{
	    background-color: #979797;
	    border: 1px solid #979797;
	    color: #FFFFFF;
	    font-size: 16px;
	    opacity: 1;
	}	
	*/
	
	
	
	
	/* step registrazione fine */


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

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


.ui-g .privacyDesc{
  color: #B5B5B5;
  font-size: 12px;
  letter-spacing: 0;
  line-height: 16px;	
}

.ui-g .privacyLinkDesc{
  color: #B5B5B5;
  font-size: 12px;
  letter-spacing: 0;
  line-height: 16px;
  font-family: MulishExtraBold;
  text-decoration: underline;	
}
/* fine registrazione */

.titleAnagrafica{	  
	font-family: MulishExtraBold;	
	color: #EAB574;
	margin-right: 10px;
}

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

/*  inizio profilo  */

.profiloContetLeft{
	background-color: white;
	border-top-left-radius: 15px;
	border-bottom-left-radius: 15px;
}

.profiloContetRight{
	background-color: #2F373C;
	border-top-right-radius: 15px;
	border-bottom-right-radius: 15px;
}

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

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

.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 .btnAggiornaInformazioni{
	background-color: #EAB574;	
	color: white; 
	font-weight: normal;
	width: 40%;
}

/*  fine profilo  */

/* inizio tiaki Index */
.ratingEsgContent{
	background-color: #2F373C;
	border-radius: 31px;
	text-align: center;	
	padding: 10px;
	min-height: 30%;
}

.ratingEsgContent .titoloTpiIndexPunteggio{	 
	font-size: 32px; 	
	font-family: MulishExtraBold;
	color: #FFFFFF;	
}

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

.ratingEsgContent  .punteggioPerc{
	color: #FFFFFF;
}

.andamentoStoricoContent{
	margin-top: 4%;
	background-color: #FFFFFF;
	border-radius: 31px;
	min-height: 68%;
}

.andamentoStoricoContent .titoloTpiGrafico{	 
	font-size: 32px; 	
	font-family: MulishExtraBold;
	color: #2F373C;
}

.statoCompletamentoTiakiIndexContent{	
	background-color: #FFFFFF;
	border-radius: 31px;
	text-align: center;
	min-height: 68%;	
}

.statoCompletamentoTiakiIndexContent .titolo{
	font-size: 32px; 	
	font-family: MulishExtraBold;
	color: #2F373C;
}

.statoCompletamentoTiakiIndexContent .primaRilevazione{
  color: #BCBCBC;
  font-size: 18px;	
}

.statoCompletamentoTiakiIndexContent .secondaRilevazione{
  color: #BCBCBC;
  font-size: 18px;	
}

.statoCompletamentoTiakiIndexContent .prossimaRilevazione{
  color: #EAB574;
  font-size: 18px;	
}

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

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

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

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

.benchMarking .titolo{
	font-size: 32px; 	
	font-family: MulishExtraBold;
	color: #2F373C;
}

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

.benchMarking .punteggioPerc{
	color: #2F373C;
}

.tiakiRatedDesc {
  color: #2F373C;
  font-size: 19px;
  letter-spacing: 0;
  line-height: 31px;
  text-align: center;
}

.ui-g .acquistaCertificazioneBtn{	
	color: white; 	
	width: 90%;	
  	border-radius: 5px;
  	background-color: #EAB574;
}

.ui-g .openPopupacquistaCertificazioneBtn{	
	color: white; 	
	width: 100%;	
 	border-radius: 9px;
    background-color: #B481B0;
}

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

.trendContent .titolo {	 
	font-size: 32px; 	
	font-family: MulishExtraBold;
	color: #2F373C;
	margin-left: 30px;
}

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

.trendContent .percentuale{
	color: #2F373C;
	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;
}

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

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

/* fine tiaki Index */

/* Inizio anagrafica */


.ui-g .valueAnagrafica .ui-selectcheckboxmenu {
	background: none;
    border-color: #EAB574;
    width: 100%;
    color: #000000;
    text-shadow: none;
    font-weight: normal;
}

.ui-g .valueAnagrafica .ui-selectcheckboxmenu.ui-state-focus {
	box-shadow: 0 0 0 0.2em #EAB574;
}

.ui-g .valueAnagrafica .ui-selectcheckboxmenu .ui-state-hover {
	background: none;
	background-color: rgba(222,222,222,0.22);
	border-color: #EAB574;
	color: #979797;
    text-shadow: none;
    font-weight: normal;	
}


.ui-g .ui-spinner-button {
    background: #e9a54c;
    border: 1px solid #d79641;
    cursor: pointer;
}

.ui-g .valueAnagrafica .ui-spinner .ui-state-hover,
.ui-g .valueAnagrafica .ui-spinner .ui-state-active {
    background:  #CECB97;
    border: 1px solid  #CECB97;
    cursor: pointer;
}


.ui-g .tabViewAnagrafica .ui-tabs-nav li.ui-tabs-header.ui-tabs-outline{
	-webkit-box-shadow: none;
}

.ui-g .tabViewAnagrafica .ui-tabs-nav li.ui-tabs-header a,
.ui-g .tabViewAnagrafica .ui-tabs-nav li.ui-tabs-header.ui-state-hover a{
	color: #979797;			
    font-size: 18px;
    font-weight: 600;
    margin-right: auto;
    margin-left: auto;    
}

.ui-g .tabViewAnagrafica .ui-tabs-nav li.ui-tabs-header.ui-state-active a{
	color: #353D42;	
    margin-right: auto;
    margin-left: auto;		
}
.ui-g .tabViewAnagrafica .ui-tabs-nav li.ui-tabs-header,
.ui-g .tabViewAnagrafica .ui-tabs-nav li.ui-tabs-header.ui-state-active{
	width: 20%;	
	height: 60px;
			
}

.ui-g .tabViewAnagrafica.ui-tabs-top>.ui-tabs-nav li.ui-tabs-header.ui-state-active{
	border-color: #F6AF52;
}

.anagraficaContent{
	background-color: white;
	padding: 5px;
	border-radius: 15px ;
}

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

.ui-g .labelAnagrafica .ui-widget{
	font-size: 16px;
	font-family: MulishExtraBold;
    color: #2F373C;			
}

.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: 100%;
  -webkit-box-shadow: none;
  text-shadow: none;	
  color: #979797;
  font-size: 16px;	
}

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

.ui-g .valueAnagrafica .ui-spinner{	
	border-color: #EAB574;
	width: 100%;	
}

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

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

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

.ui-g .uploadLogo .ui-fileupload-buttonbar .ui-button.ui-fileupload-choose .ui-icon{
	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;
}
.uploadLogo .ui-fileupload-content {
    display: none;
}

.ui-g .aggiornaAnagraficaBtn{	
	color: white; 	
	width: 100%;	
    border-radius: 5px;
    background-color: #CECB97;
}

.ui-g .aggiornaDescrizioneOrganizzazioneBtn{	
	color: white; 	
	width: 100%;	
    border-radius: 5px;
    background-color: #F6AF52;
}

.ui-g .modificaAnagraficaBtn{	
	color: white; 	
	width: 100%;	
    border-radius: 5px;
    background-color: #2F373C;
}

.anagraficaContent  .checkimage{
	display:none;	
}    

.gestioneLogisticsTitle{
	text-align: center;
	border-radius: 20px 20px 0 0;
	background-color: #2F373C;
	color: #FFFFFF;
	font-size: 22px;
	font-family: MulishExtraBold;		
}

.ui-g .descrizioneAttivitaTitle{
  color: #2F373C;
  font-size: 24px;
  font-weight: 600;
  letter-spacing: 0.4px;
  line-height: 32px;	
}

.ui-g .descrizioneAttivitaInputArea{
	width: 100%;
	height: 200px;
	border-radius: 8px;
}

.ui-g .descrizioneAttivitaInputArea::placeholder { 
  color: #979797;
  font-size: 18px;
  letter-spacing: 0;
  line-height: 29px;
}

.ui-g .descrizioneAttivitaInputArea.ui-state-focus{
		-webkit-box-shadow: none;
}

.pannelloListaFormeGiuridiche .ui-selectonemenu-item-group{
	font-size: 22px;	
}

.pannelloListaFormeGiuridiche .ui-selectonemenu-items-wrapper .ui-selectonemenu-items .ui-selectonemenu-item{
	padding-left: 20px;
}

.ui-g .compilaDatiAnagrafica{
  color: #979797;
  font-size: 18px;
  letter-spacing: 0;
  line-height: 29px;	
}

.ui-g .serviziImg{
	position: absolute; 
	right: 0; 
	bottom: 0;	
	margin-bottom: 8px;
}


/* Fine anagrafica */

/* Inizio tpi */
.tiakiTypeArg{
	display: flex;
    align-items: center;
}

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

.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;	
}

.sinpleTpiImg{
	position: absolute;
	left: 17%;
/* 	top: 5%; */
	bottom: 38%;
}

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



.contentTpi .tpiLbl{
	color: white;
	cursor: pointer;	 	
}

.tpiLblContent {
      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;		
}

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

.lblSingleTpiColor_0{
	color: #B481B0;
}

.lblSingleTpiColor_1{
	color: #F0AC95;
}

.lblSingleTpiColor_2{
	color: #E5B26D;
}

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

.pannelloTpi{
	margin-top: 50px;
	text-align: center;
	margin-bottom: 40px;
}

.ui-g .btnModificaRispostaTpi{
   cursor: pointer;
   border: 1px solid #353D42;
   border-radius: 12px;  
   color: #353D42;
   font-size: 14px;
   font-weight: bold;	
   width: 180px;
}

/* Fine tpi */

/* Inizio analisi tpi */
.logoSingleTpi_E{
		background-color: #B481B0;
		border-radius: 12px; 
}

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

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

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

.statoCompletamentoContent .titolo,
.benchmarkingContent .titolo{
	font-size: 24px;
	color: #2F373C;
}

.benchmarkingContent .punteggioValue{
	font-size: 40px;
	color: #2F373C;
	padding-left: 10px;
}

.benchmarkingContent  .ratingPerCento{
  font-size: 18px;
}

.benchmarkingContent  .punteggioPerc{
	color: #CECB97;
}

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

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

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

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

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

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

.ui-g .ratingValore_E .ratingValore{
	font-size: 60px;
}
.ui-g .ratingValore_S .ratingValore{
	font-size: 60px;
}
.ui-g .ratingValore_G .ratingValore{
	font-size: 60px;
}
.ui-g .ratingValore_E{
  color: #B481B0;  	
  padding: 10px;
}

.ui-g .ratingValore_S{
  color: #F0AC95;  
  padding: 10px;	
}

.ui-g .ratingValore_G{
  color: #E5B26D;  
  padding: 10px;	
}

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

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

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

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

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

.indiceEsg_E,
.progressBarEsg_E{
		background-color: #B481B0 !important;
}

.indiceEsg_S,
.progressBarEsg_S{
		background-color: #EDAA95 !important;
}

.indiceEsg_G,
.progressBarEsg_G{
		background-color: #EAB574 !important;
}

.sdgContent,
.referenzeContent{
	background-color: white;
	color: #2F373C;
	border-radius: 15px ;
}

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

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

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

.analisiTpiContent .contenutoContent{
	padding-left: 25px;
	min-height: 100%;
}

.analisiTpiContent .intentoContent{
	padding-left: 25px;
	margin-top: 10px;
}

.analisiTpiContent .titolo{
	font-size: 24px;
	color: #2F373C;
}

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

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

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

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

.contenutoIndice {    
    border: 1px solid #fafafa;        
    height: 120px;
    text-align: center;    
}

.ui-g .nascondiPercezione{
	background-color: #C3C3C3;
    display: grid;
    align-items: center;
   	margin:0 auto;      		
}

.ui-g .nascondiPercezioneCarosello{
	height: 105px;
    background-color: #C3C3C3;;
    display: grid;
    align-items: center;
   	margin:0 auto;
   	cursor: default;
}

.ui-g .nascondiPercezione .lblPercezione, .ui-g .lblPercezione{
	color: #FFFFFF;
  	font-size: 18px;
  	font-weight: 600;   	   	 	
}

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

.indiceTpiValue{
	margin-top: 10px;
}

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

.switchLbl{
	color: #2F373C;	 
	font-family: MulishExtraBold;
	margin-right: 10px;	
}


	/* inizio grafico percentuale percezione */
	
	.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-family: MulishExtraBold;
	}
	
	
	/* fine grafico percentuale percezione */

/* Fine analisi tpi */

/* Inizio questionario Tpi*/

/*  SWITCH */


.contentSwitch .ui-inputswitch{
	background-color: #2F373C;
}

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

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

.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-handle {
    top: 0;
    width: 20px !important;
    height: 20px !important;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 15px;
}
*/

.ui-g .domandaQuestioario_E{	 
	font-size: 36px; 
	font-family: MulishExtraBold;
	color: #B481B0;	
}

.ui-g .domandaQuestioario_S{	 
	font-size: 36px; 
	font-family: MulishExtraBold;
	color: #EDAA95;	
}

.ui-g .domandaQuestioario_G{	 
	font-size: 36px; 
	font-family: MulishExtraBold;
	color: #EAB574;	
}

.puntoDiDomanda{
	vertical-align: top;
}

.ui-g .descrizioneDomanda{	 
	font-size: 21px; 
	font-family: MulishExtraBold;	
	color: #2F373C;	
}

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

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

.risposta label{	 
	font-size: 16px; 
	font-weight: normal;
	color: #2F373C;	
}

.bottoneRispostaContent{
	margin-top: 30px;	
}


.ui-g .confermaRisposta_color_E{
	background-color: #C19BC0;
	width: 100%;
	color: white;
}

.ui-g .confermaRisposta_color_S{
	background-color: #EDAA95;
	width: 100%;
	color: white;
}

.ui-g .confermaRisposta_color_G{
	background-color: #EEBD6F;
	width: 100%;
	color: white;
}

.ui-g .rispostaTrimestrePrecedente{
	background-color: #F6AF52;
}

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


.ui-g .caroselloContent .ui-carousel-content .ui-carousel-next,
.ui-g .caroselloContent .ui-carousel-content .ui-carousel-prev{
	color: white;
	-webkit-box-shadow: none;
}

.ui-g .caroselloColor_E .ui-carousel-indicators .ui-carousel-indicator.ui-state-highlight button,
.caroselloColor_E .ui-carousel-container{
	background-color: #CDA9CB;
}

.ui-g .caroselloColor_S .ui-carousel-indicators .ui-carousel-indicator.ui-state-highlight button,
.caroselloColor_S .ui-carousel-container{
	background-color: #F2CBBF;
}

.ui-g .caroselloColor_G .ui-carousel-indicators .ui-carousel-indicator.ui-state-highlight button,
.caroselloColor_G .ui-carousel-container{
	background-color: #F3D7B5;
}

.ui-g .caroselloColor_E .ui-carousel-content .ui-carousel-prev:hover,
.ui-g .caroselloColor_E .ui-carousel-content .ui-carousel-next:hover{
	color: white;
	background-color: #B481B0;
	-webkit-box-shadow: none;
}

.ui-g .caroselloColor_S .ui-carousel-content .ui-carousel-prev:hover,
.ui-g .caroselloColor_S .ui-carousel-content .ui-carousel-next:hover{
	color: white;
	background-color: #DF9D89;
	-webkit-box-shadow: none;
}


.ui-g .caroselloColor_G .ui-carousel-content .ui-carousel-prev:hover,
.ui-g .caroselloColor_G .ui-carousel-content .ui-carousel-next:hover{
	color: white;
	background-color: #EEBD6F;
	-webkit-box-shadow: none;
}

.ui-g .caroselloContent .ui-carousel-content .ui-carousel-prev:focus,
.ui-g .caroselloContent .ui-carousel-content .ui-carousel-next:focus{
	-webkit-box-shadow: none;
}

.ui-g .caroselloContent .ui-carousel-content  .ui-carousel-container .ui-carousel-items-content .ui-carousel-items-container .ui-carousel-item{
	border-right: 1px solid white;
	border-left: 1px solid 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{
 	border: 0px;	
}

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

 
.caroselloColor_E .ui-carousel-header{
	background-color: #9D719A;
	padding: 8px;
    border-bottom: 1px solid #FFFFFF;
} 

.caroselloColor_S .ui-carousel-header{
	background-color: #DF9D89;
	padding: 8px;
    border-bottom: 1px solid #FFFFFF;		
}

.caroselloColor_G .ui-carousel-header{
	background-color: #E4B56B;	
	padding: 8px;
    border-bottom: 1px solid #FFFFFF;	
}

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

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

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

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

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

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

.ui-g .evidenziaRiga {
	background-color: rgba(234, 181, 116, 0.49);
	display: flex;
	align-items: center;    
}

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

/* Fine questionario Tpi*/

/* Inizio percezione */


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

.ui-g .listaDestinatariTitle{
  color: #2F373C; 
  font-size: 23px;
  font-weight: 600;	
}

.ui-g .scaricaModelloBtn{	
	color: white; 	
    border-radius: 5px;
    background-color: #CECB97;
    padding: 10px;
}

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

	/* 	Inizo Step percezione */
	.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;	
	}
	/* 	Fine Step percezione */
	
	
	
	/* 	Inizio importa Lista Survey */
	.importaListaSurvey{
		background-color: #FFFFFF;
		border-radius: 15px;
		padding: 10px;
	}
	
	.importaListaSurvey .ui-widget-header{
		background: none;
		border: 0px;
	}	
	
	.ui-g .importaListaSurvey .ui-fileupload-buttonbar .ui-button.ui-fileupload-choose .ui-icon{
		display: none;
	}
	
	.ui-g .importaListaSurvey .ui-button.ui-button-text-icon-left .ui-button-text{
		padding: 10px;
	}
	
	.importaListaSurvey .ui-fileupload-buttonbar .ui-fileupload-cancel,	
	.ui-g .importaListaSurvey .ui-fileupload-buttonbar .ui-button.ui-fileupload-upload .ui-icon {
	    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: 'Mulish';
		font-size: 12px;	
	 	height: 32px;
		cursor: pointer;
		margin-right: 10px;	
	}
	
	.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: 'Mulish';
		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-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;
	}
		
	.importaListaSurvey .ui-fileupload-content{
		border: 0px;
	}
	/* 	Fine importa Lista Survey */
	
.azioneNecessarialContent{
	background-color: #FFD9D9;
	margin-top: 40px;
	padding: 10px;
	border-radius: 15px;
}

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


.ui-g .azioneNecessariaDesc {
  color: #2F373C;
  font-size: 20px;
  letter-spacing: 0;
  line-height: 32px;
}	

.ui-g .inserisciNumeroDipenBtn{
	background-color: #E96F6F;	
	color: #FFFFFF;	 
	padding: 10px;	
}

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

.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: #2F373C;
  font-size: 19px;
  font-weight: 600;
  line-height: 26px;
}

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

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

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

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

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

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

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

.ui-g .passaggioSuccessivoPercBtn{
	background-color: #DBDBDC;	
	color: #FFFFFF;
	padding: 10px;	
}

.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;
}

.ui-g .inviaSurveyBtn{
	background-color: #B481B0;	
	color: #FFFFFF;
	padding-top: 10px;	
	padding-bottom: 10px;
	padding-right: 10%;
	padding-left: 10%;	
}


.surveyInviataSuccessoTitle {
  color: #2F373C;
  font-size: 30px;
  font-family: MulishExtraBold;
  text-align: center;
}

.surveyInviataSuccessoTxt {
  color: #6E6B7B;
  font-size: 16px;
  text-align: center;
}

.ui-g .vaiAiRisultatiBtn{
	background-color: #EAB574;	
	color: #FFFFFF;
	padding-top: 10px;	
	padding-bottom: 10px;
	padding-right: 10%;
	padding-left: 10%;	
}

.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-family: MulishExtraBold;
  text-align: center;
}
.dataInvioLbl .ui-widget{
	font-size: 17px;
}

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

.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;	
}

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

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

}

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

.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;
}

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

.ui-g .reinvioSurveyBtn{
  	background-color: #EAB574;	
	color: #FFFFFF;
	font-size: 14px;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-right: 15px;
	padding-left: 15px;
}

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

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

.ui-g .tabRisultatiSurvey .ui-tabs-nav,
.ui-g .tabRisultatiSurvey .ui-tabs-panels,
.ui-g .tabRisultatiSurvey .ui-tabs-nav li.ui-tabs-header,
.ui-g .tabRisultatiSurvey .ui-tabs-nav li.ui-tabs-header.ui-state-active{
	background-color: transparent;
}

.ui-g .tabRisultatiSurvey .ui-tabs-nav li.ui-tabs-header.ui-state-active a{
	color: #2F373C;	
}

.ui-g .tabRisultatiSurvey.ui-tabs-top>.ui-tabs-nav:before,
.ui-g .tabRisultatiSurvey.ui-tabs-top>.ui-tabs-nav li.ui-tabs-header{
	border: 0px;
	-webkit-box-shadow: none;
}

.ui-g .tabRisultatiSurvey.ui-tabs-top>.ui-tabs-nav li.ui-tabs-header:hover{
	background-color: transparent;
}

.ui-g .tabRisultatiSurvey.ui-tabs-top>.ui-tabs-nav{
	justify-content: center;
}

.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: #2F373C;
	text-decoration: underline;
	font-size: 18px;
	text-decoration-thickness: 3px;
	text-decoration-color: #CECB97;
	text-underline-offset: 8px;
}

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

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

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

.punteggioGlobaleTitle{
	color: #2F373C;
	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;
}

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

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

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

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

.legendSingoloValore{
 	height: 20px;
}

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

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

/* Fine percezione */

/* Inzio percezione utente*/
.surveyQuestionarioTitle {
  color: #2F373C;
  font-family: Mulish;
  font-size: 36px;
  font-weight: 600;
  text-align: center;
}

.surveyQuestionarioDesc {
  color: #979797;
  font-size: 19px;
  text-align: center;
}

.questionarioGenericoLbl{
  color: #2F373C;
  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;
}		
	
.ui-g .iniziaQuestionarioSurveyBtn{
	background-color: #CECB97;	
	color: white;
	width: 20%;
}	

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

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

.domandaPercezioneContent{
	border-bottom: 1px #BCBCBC solid;
	height: 120px;
	margin-bottom: 40px;	
	color: #2F373C;
	font-size: 22px;
	letter-spacing: 0;	
}

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

.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);
}

.percezioneSelecMenuList  .ui-selectonemenu-list{
	 background-color: #F2F2F2;
	 color: #2F373C;
	 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: #2F373C;
	text-shadow: none;	
}

.ui-g .inviaRisposteBtn{
	background-color: #EAB574;	
	color: white;
	width: 40%;
}

.messaggiErroreSurveyContent{
	font-size: 34px; 
	color: #2F373C;
	text-align: center;
	margin-top: 50px;
}
	
/* Fine percezione utente*/

/* Inizio lista controllo*/

.ui-g .downloadBtn.ui-state-hover, 
.ui-g .downloadBtn.ui-state-active,
.ui-g .downloadBtn.ui-state-focus{
	background-color: white;
	-webkit-box-shadow: none;
}

.downloadBtn .ui-button-icon-left{
	display: none;
}


.downloadBtn .ui-button-text{
	font-size: 12px;
	text-decoration: underline;
	cursor: pointer;
	color: #979797;	
	font-weight: normal; 	
}

.ui-g .descrizioneListaControllo {
  color: #979797;
  font-size: 16px;
  letter-spacing: 0;
  line-height: 26px;
}

.textDocumentoContent{
	background-color: #FFF;
	height: 45px;
	display: flex;
	align-items: center;
	padding-right: 0px;
	padding-top: 0px;
	padding-bottom: 0px;	
}


.eliminaDocumentoContent .eliminaDocumento, 
.eliminaDocumentoContent .eliminaDocumento.ui-state-hover,
.eliminaDocumentoContent .eliminaDocumento.ui-state-active{
	background-image: url(img/listaControllo/trash-alt.svg);
	background-repeat: no-repeat;
	height: 25px;
	width: 17px;
	border: 0px;
	background-color: #D3D3D3;
}

.eliminaDocumentoContent{
	width: 30px;
	background-color: #D3D3D3;
	text-align: center;
	padding-top: 10px;
	height: 100%;
}

.uploadDocumentoContent{
	width: 30px;
	float: right;
	background-color: #CECB97;
	height: 45px;
}

.ui-g .uploadLogo2 .ui-widget-header{
	background: none;
	border: 0px;
    padding-top: 12px;	
}

.ui-g .uploadLogo2  .ui-fileupload-choose{
	background-image: url(img/listaControllo/Upload.svg);
	background-repeat: no-repeat;
	height: 25px;
	width: 17px;	
	border: 0px;	
	background-color: #CECB97;	
	color: white;
	-webkit-box-shadow: none;
	text-shadow: none;	 
	border-radius: 5px;	
}

.ui-g .uploadLogo2 .ui-fileupload-buttonbar .ui-button.ui-fileupload-choose .ui-icon{
	display: none;
}



.ui-g .uploadLogo2  .ui-fileupload-buttonbar {
    padding-top: 40%;
    padding-left: 25%;
}

.ui-g .uploadLogo2 .ui-button-text-icon-left .ui-button-text {
    padding: 0px;
}

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

.ui-g .documentiObbligatoriTitle{
  color: #2F373C;  
  font-size: 28px;
  font-weight: 600;	
}

.ui-g .documentiFacoltativiTitle{
  color: #EAB574;  
  font-size: 28px;
  font-weight: 600;	
}

.ui-g .nomeRequisito{
  color: #2F373C;  
  font-size: 18px;
  font-weight: 600;
  letter-spacing: 0;
  line-height: 24px;	
}

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

.aggiornamentoRichiestoValue{
  color: #2F373C;
  font-size: 14px;
  letter-spacing: 0;
  line-height: 19px;	
}

.documentoDaCaricare{
  color: #D87B7B;
  font-size: 14px;
  letter-spacing: 0;
  line-height: 19px;	
}

.ui-g .dataScadenzaDocumento{
	color: #979797;
	width: 83%;
	font-size: 13px;
	border:  1px #E1E1E1 solid;
	-webkit-box-shadow: inset 0 0px 0 #fff;		
}

.dataScadenza .ui-button-icon-only{
	background: none;	
	-webkit-box-shadow: none;
	border: 0px;
	background-color: #CECB97;
	font-size: 13px;
}

.dataScadenza .ui-corner-all{
	-webkit-border-radius: 0px; 
     border-radius: 0px;
}

.dataScadenza .ui-state-default .ui-icon{
	background-color: #CECB97;
	background-image: url(img/listaControllo/dataScadenza.png);
}

.requisito{
	border-bottom: 1px #E1E1E1 solid;
}

.componente{
	border-right: 1px #E1E1E1 solid;
}

.ui-g .salvaControlloBtn {
    background-color: #CECB97;
    color: #FFFFFF;
    padding-top: 3px;
    padding-bottom: 4px;
    padding-right: 10%;
    padding-left: 10%;
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
}

.componenteNumero{
	width: 100%;	
}

/*
.componenteNumero .ui-button{
	background: none;
	border: 0px;	
}

.componenteNumero .ui-spinner-input{
	color: #979797;  
}

.componenteNumero  .ui-spinner-input{
	border:  1px #E1E1E1 solid;
	-webkit-box-shadow: inset 0 0px 0 #fff;	
}
*/

.componenteTesto{
	width: 97.5%;
	float: right;	
	border:  1px #E1E1E1 solid;
	-webkit-box-shadow: inset 0 0px 0 #fff;
	color: #979797;  
}


.pannelloControlloSintesi {
  border-radius: 12px;  
  margin-left: 10px;
  margin-right: 10px;
  padding-top: 10px;
  padding-bottom: 15px;
  min-height: 100%;
  cursor: pointer;
  box-shadow: 0 2px 4px 0 rgba(0,0,0,0.5);
}

.statoCompletamento {
  background-color: #2F373C;
}

.totaleDocumenti {	 
  background-color: #EAB574;
}

.ultimoAggiornamento {   
   background-color: #B481B0;
}

.pannelloControlloSintesi .titolo{
  color: #FFFFFF;
  font-size: 17px;
  font-weight: 600;
  letter-spacing: 0;
  line-height: 20px;
  text-align: center;
}

.pannelloControlloSintesi  .valore{
  color: #FFFFFF;
  font-size: 28px;
  font-weight: 600;
  letter-spacing: 0;
  line-height: 38px;
  text-align: center;
}

.totaleDocumenti  .valore{
  color: #FFFFFF;
  font-size: 42px;
  font-weight: 600;
  letter-spacing: 0;
  line-height: 57px;
}


.statoCompletamento .valore{
  color: #FFFFFF;
  font-size: 21px;
  letter-spacing: 0;
  line-height: 28px;
  text-align: center;
}


.ui-datepicker .ui-datepicker-calendar{
	margin: 0px;
}

.bodyTemplate .ui-datepicker{
	padding: 0px;
}

.ui-g .nomeControllo .ui-state-default{
	background: none;
	border: 0px;
	background-image: url(img/listaControllo/question.svg);
	-webkit-box-shadow: none;
	width: 16px;
	margin-right: 3px;
}

.definizioneControllo{	
  color: #FFFFFF;
  font-size: 14px;
  letter-spacing: 0;
  line-height: 19px;
  text-align: justify	
}

.tipologiaDocumento{	
  color: yellow;
  font-size: 14px;
  letter-spacing: 0;
  line-height: 19px;
  text-align: justify;
  margin-left: 3px;	
}

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

/* Fine lista controllo*/

/* Inizio Admin */

.tabellaListaClienti  .ui-filter-column input{
	display: none;
	border: 0px;
}

.ui-g .tabellaListaClienti .ui-datatable-header{
	background: none;
	background-color: #2F373C;
	padding: 12px;
}
		
.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-family: MulishExtraBold;
    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;		
}

.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;
  height: 26px;
}

.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;  
}

.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);  		  
}

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

.disabilitaUtente {	
	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);  		  
}

.ui-g .scaricaListaClientiBtn{
	background-color: #EAB574;	
	color: #FFFFFF;
	font-size: 14px;
	padding: 10px;	
	width: 80%;
}

.ui-g .scaricaListaOrganizzazioniBtn{
	background-color: #CECB97;	
	color: #FFFFFF;
	font-size: 14px;
	padding: 10px;	
	width: 80%;
}

.ui-g .attivaPagamentiBtn{
   cursor: pointer;
   border-radius: 5px;
   background-color: #F6AF52;
   color: #FFFFFF;
   font-size: 14px;
   font-family: MulishExtraBold;
   letter-spacing: 0;
   line-height: 18px;
   width: 60%;
}

.ui-g .statoPagato{
  color: #31B24A;
  font-size: 14px;
  letter-spacing: 0;
  line-height: 19px;	
}

.ui-g .statoDaPagare{
  color: #F6AF52;
  font-size: 14px;
  letter-spacing: 0;
  line-height: 19px;	
}

.ui-g .descPagamentolbl{
  color: #FFFFFF;
  font-size: 15px;
  font-family: MulishExtraBold;
  letter-spacing: 0;
  line-height: 19px;
  margin-right: 5px;
}

.ui-g .descPagamentoValue{
  color: #F6AF52;
  font-size: 15px;
  font-family: MulishExtraBold;
  letter-spacing: 0;
  line-height: 19px;
}

/* Fine Admin */

/*  Inizio sondaggio logistica */

.domandaLogisticaContent{
	border-bottom: 1px #E1E1E1 solid;
}

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


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

.tabSondaggioLogContent{
	border: none;
}

.descrizioneSingoloTli{
	color: #27353C;
}


.ui-g .tabSondaggioLogContent.ui-tabs-top>.ui-tabs-nav li.ui-tabs-header.ui-state-active,
.ui-g .tabSondaggioLogContent.ui-tabs-top>.ui-tabs-nav li.ui-tabs-header,
.ui-g .tabSondaggioLogContent.ui-tabs-top>.ui-tabs-nav:before{
	border: 0px;
	-webkit-box-shadow: none;
}



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



.tabSondaggioLogContent .ui-widget-header .ui-tabs-header{
	border: none;
	background: none;

}

.tabSondaggioLogContent .ui-widget-header .ui-tabs-header a{
	  color: #B481B0;  
	  font-size: 14px;
	  font-weight: 600;
	  letter-spacing: 0;
	  line-height: 19px;
	  text-shadow:none;	
}

.tabSondaggioLogContent .ui-widget-header .ui-tabs-selected a{
	  color: #2F373C;  
	  font-size: 14px;
	  font-weight: 600;
	  letter-spacing: 0;
	  line-height: 19px;
	  text-shadow:none;	
}



.tabSondaggioLogContent .ui-tabs-nav li.ui-tabs-selected{
	border: none;	
}

.tabSondaggioLogContent .ui-tabs-nav li.ui-state-hover{
	border: none;
	background: none;	
	box-shadow: none;
}

  .tabSondaggioLogContent .ui-tabs-nav li{
  	white-space: normal !important;
  	text-align: center;
  }

.tabSondaggioLogContent .imageTab,
.tabSondaggioLogContent .ui-tabs-selected .imageTab{
	background-repeat: no-repeat;
	background-position: center;
	width: 100%;
	height: 58px;
}

.tabSondaggioLogContent .logistica{
	background-image: url(img/sondaggioLogistica/logistica.svg);
	opacity: 0.3;
	
}

.tabSondaggioLogContent .ui-tabs-selected .logistica{
	background-image: url(img/sondaggioLogistica/logistica.svg);
	opacity: 1;
}

.tabSondaggioLogContent .reaEstImmProprieta{
	background-image: url(img/sondaggioLogistica/reaEstImmProprieta.svg);
	opacity: 0.3;
}

.tabSondaggioLogContent .ui-tabs-selected .reaEstImmProprieta{
	background-image: url(img/sondaggioLogistica/reaEstImmProprieta.svg);
	opacity: 1;
}

.tabSondaggioLogContent .reaEstImmTerzi{
	background-image: url(img/sondaggioLogistica/reaEstImmTerzi.svg);
	opacity: 0.3;
}

.tabSondaggioLogContent .ui-tabs-selected .reaEstImmTerzi{
	background-image: url(img/sondaggioLogistica/reaEstImmTerzi.svg);
	opacity: 1;
}

.tabSondaggioLogContent .trasportiAerei{
	background-image: url(img/sondaggioLogistica/trasportiAerei.svg);
	opacity: 0.3;
}

.tabSondaggioLogContent .ui-tabs-selected .trasportiAerei{
	background-image: url(img/sondaggioLogistica/trasportiAerei.svg);
	opacity: 1;
}

.tabSondaggioLogContent .trasportiFerroviari{
	background-image: url(img/sondaggioLogistica/trasportiFerroviari.svg);
	opacity: 0.3;
}

.tabSondaggioLogContent .ui-tabs-selected .trasportiFerroviari{
	background-image: url(img/sondaggioLogistica/trasportiFerroviari.svg);
	opacity: 1;
}

.tabSondaggioLogContent .trasportiMarittimi{
	background-image: url(img/sondaggioLogistica/trasportiMarittimi.svg);
	opacity: 0.3;
}

.tabSondaggioLogContent .ui-tabs-selected .trasportiMarittimi{
	background-image: url(img/sondaggioLogistica/trasportiMarittimi.svg);
	opacity: 1;
}

.tabSondaggioLogContent .trasportiGomma{
	background-image: url(img/sondaggioLogistica/trasportiGomma.svg);
	opacity: 0.3;
}

.tabSondaggioLogContent .ui-tabs-selected .trasportiGomma{
	background-image: url(img/sondaggioLogistica/trasportiGomma.svg);
	opacity: 1;
}

.tabSondaggioLogContent .servizi{
	background-image: url(img/sondaggioLogistica/servizi.svg);
	opacity: 0.3;
}

.tabSondaggioLogContent .ui-tabs-selected .servizi{
	background-image: url(img/sondaggioLogistica/servizi.svg);
	opacity: 1;
}


.sondaggioSelected {
  color: #2F373C;
  font-size: 14px;
  font-weight: 600;
  letter-spacing: 0;
  line-height: 18px;
}

.sondaggioUnSelected {
/*   color: #B481B08A; */
    color: #979797;
  font-size: 14px;
  font-weight: 600;
  letter-spacing: 0;
  line-height: 18px;
}

.trasportiContent {
  border-bottom-left-radius: 20px;
  border-bottom-right-radius: 20px;
  background-color: #FFFFFF;
  box-shadow: 0 2px 4px 0 rgba(155,155,155,0.5);
  min-height: 180px;
}

.settoreAttivitaTitle {
  color: #2F373C;
  font-size: 24px;
  font-weight: 600;
  letter-spacing: 0.4px;
  line-height: 32px;
  text-align: center;
}

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

.settoreAttivitaDescr {
  color: #979797;
  font-size: 18px;
  letter-spacing: 0;
  line-height: 29px;
  text-align: center;
}

.settoreAttivitaDescr .ui-widget {
  font-size: 18px;
}

.ui-g .salvaSondaggioBtn{
    background-color: #CECB97;
    color: #FFFFFF;
    padding-top: 3px;
    padding-bottom: 4px;
    padding-right: 10%;
    padding-left: 10%;
}

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

/*  Fine sondaggio logistica */

/* Inizio Pagina abbonamento */

.titoloAbbonamento {
  color: #CECB97;
  font-size: 31px;
  font-weight: 600;
  letter-spacing: 0;
  line-height: 42px;
}

.descrizioneAbbonamento {
  color: #FFFFFF;
  font-size: 24px;
  letter-spacing: 0;
  line-height: 34px;
  text-align: justify;
}

.ui-g .goAbbonamento{
	border-radius: 5px;
	background-color: #B481B0;	
	color: #FFFFFF;
	padding-top: 10px;	
	padding-bottom: 10px;
	padding-right: 10%;
	padding-left: 10%;	
}

.pianoAbbonamento , .certificazioneContent {
  border-radius: 40px;
  background-color: #2F373C;
  opacity: 0.94;
  margin-left: 10px;
  margin-right: 10px; 
  padding: 25px;
  margin-left: 60px;
  margin-right: 60px;
  min-height: 100%;  
}



.backgroundPaginaAbbonamento{
	background: url("img/abbonamento/trasportiDiagramPage.svg") no-repeat top;
}

.pianoAbbonamento .titolo {
    color: #CECB97;
    font-size: 24px;
    font-weight: 600;
    letter-spacing: 0;
    line-height: 21px;
    padding-bottom: 5px;
    padding-top: 40px;
}


.pianoAbbonamento .descrizione {
    color: #FFFFFF;
    font-size: 16px;
 	letter-spacing: 0;
    line-height: 24px;
}

.costoCertificazioneContent { 
  margin-left: 10px;
  margin-right: 10px;
  padding-top: 10px;
  padding-bottom: 15px;
  border: 3px solid #CECB97;
  border-radius: 16px;    
}

.costoCertificazioneContent .importo {
    color: #2F373C;    
    text-align: center;
    position: relative;
    padding-bottom: 0px;
    font-weight: 600;
    letter-spacing: 0;
    line-height: 54px;     
    width: auto; 
    margin-right: auto;
    margin-left: auto;     
}

.ui-g .costoCertificazioneContent .importo .ui-outputlabel{
	font-size: 40px;
}

.ui-g .costoCertificazioneContent .importo .euroStyle{
	font-size: 14px;
	position: absolute;
	top: 0%;
	left: 0%;

}

.costoCertificazioneContent .descrizione {
    color: #2F373C;
    font-size: 16px;
 	letter-spacing: 0;
    line-height: 22px;
    text-align: center;           
}

.acquistaCertificazioneDialog{
	border-radius: 15px;
}

.ui-g .acquistaCertificazioneDialog .ui-widget-header{
	background: none;
	background-color: #FFFFFF;
	padding-bottom: 0px;	
}

.acquistaCertificazioneDialog .ui-widget-header .ui-dialog-titlebar-close{
	padding: 0px;
}

.ui-g .acquistaCertificazioneDialog .ui-dialog-titlebar .ui-dialog-titlebar-icon .ui-icon-closethick{
    background-image: url(img/abbonamento/closeButton.svg);
    background-repeat: no-repeat;
    height: 36px;
    width: 42px;
    content-visibility: hidden;	
}
.ui-g .acquistaCertificazioneDialog .ui-dialog-titlebar .ui-dialog-titlebar-icon:hover{
	background-color: transparent;
	-webkit-box-shadow: none;
}
.ui-g .acquistaCertificazioneDialog .ui-dialog-titlebar .ui-dialog-titlebar-icon{
	height: 38px;	
}

.acquistaCertificazioneDialog .ui-widget-header .ui-state-hover {
	background: none;
	border: 0px;
	-webkit-box-shadow: none;
	text-shadow: none;
	
}

.acquistaCertificazioneDialog .ui-widget-header .ui-state-hover .ui-icon {
	background: none;
    background-image: url(img/abbonamento/closeButtonHover.svg);
    background-repeat: no-repeat;
    height: 36px;
    width: 42px;
}

.acquistoCertificazioneContent{
	padding-left: 30px;
	padding-right: 30px;
	margin-bottom: 30px;
}

.acquistoCertificazioneTitle{
  color: #2F373C;
  font-size: 28px;
  font-family: MulishExtraBold;
  letter-spacing: 0;
  line-height: 38px;	
}

.acquistoCertificazioneDescr{
  color: #646165;
  font-size: 16px;
  letter-spacing: 0;
  line-height: 28px;
  text-align: justify;
  margin-bottom: 15px;
}

.descrizioneAcquistolbl {
  color: #2F373C;
  font-size: 18px;
  font-weight: 600;
  letter-spacing: 0;
  line-height: 24px;
}

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

.costoEffettivo{
  color: #CECB97;
  font-size: 18px;
  font-weight: 600;
  letter-spacing: 0;
  line-height: 24px;	
}

.codiceScontoContent{	
  border-radius: 9px;
  background-color: #EDEDED;
  padding: 20px;
  margin-top: 20px;
  margin-bottom: 40px;	
}

.codiceScontoLbl{
  color: #2F373C;
  font-size: 16px;
  font-weight: 600;
  letter-spacing: 0;
  line-height: 22px;	
  margin-right: 10px;
}

.ui-g .codiceScontoValue{
  background: none;
  background-color: #FFFFFF;
  width: 40%;
  border-radius: 9px 0 0 9px;  	
  color: #BCBCBC; 
  text-shadow: none;
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 0;
  line-height: 16px;  
  padding-top: 9px;
  padding-bottom: 8px;  
}

.ui-g .codiceScontoValue.ui-state-focus,
.ui-g .codiceScontoValue.ui-state-hover{
	 -webkit-box-shadow: none;
	 border-color: #EAB574;
}

.ui-g .applicaScontoBtn{	
  border-radius: 0 9px 9px 0;
  background-color: #CECB97;
  color: #FFFFFF;
  font-size: 13px;
  font-weight: 600;
  letter-spacing: 0;
  padding-top: 0px;
  padding-bottom: 1px;  
}

.concludiRichiestaAcquistoTitle {
  color: #2F373C;
  font-size: 24px;
  font-weight: 600;
  letter-spacing: 0;
  line-height: 32px;
}

.concludiRichiestaAcquistoDescr {
  color: #6E6B7B;  
  font-size: 14px;
  letter-spacing: 0;
  line-height: 21px;
  text-align: justify;
}

.ui-g .inviaRichiestaAcquistoBtn{	
	color: white; 	
	width: 100%;	
  	border-radius: 5px;
  	background-color: #EAB574;
    font-size: 14px;
    font-family: MulishExtraBold;
    letter-spacing: 0.4px;
    line-height: 19px;  	
}

.certificazioneContent .title {
  color: #CECB97;  
  font-size: 24px;
  font-weight: 600;
  letter-spacing: 0;
  line-height: 21px;
}

.certificazioneContent .descrizione{
  color: #FFFFFF;
  font-size: 18px;
  letter-spacing: 0;
  line-height: 24px;	
}

.certificazioneContent .valore{
  color: #CECB97;
  font-size: 18px;
  letter-spacing: 0;
  line-height: 24px;
}

/* Fine Pagina abbonamento */

/* Inizio Filiera */

.committenzaNavHeaderContent{
	 background-color: #F6AF52;
	 height: 40px;
}

.logoLogisticsWhite{
	background: url("img/common/logoLogisticsWhite.svg") no-repeat;
	background-size: 13%;
	background-position: left;
}

.ui-g .filieraMenuBtn,
.ui-g .filieraMenuBtn:hover{
	background: none;	
	-webkit-box-shadow: none;
	border: 0px;
	text-shadow: none;	 
	border-radius: 8px;
	font-size: 14px;
	font-weight: 600;	
	letter-spacing: 0;	
	cursor: pointer;	
}
.ui-g .filieraMenuBtn:hover{	
  color: #2F373C;		
}

.ui-g .filieraMenuBtnActive{	
  color: #2F373C;		
}



.profiloCommitenzaContainer,
.leMieFiliereContainer{
/* 	background: url("img/filiera/sfondi/filieraLungo.jpg") no-repeat; */
/* 	background: linear-gradient(180deg, #545F66 0%, #2E3A47 100%); */
	background-position: center;
	background-size: cover;
	min-height: 79.9vh;
}

.tabellaFornitoriContainer{
/* 	background: url("img/filiera/sfondi/filieraTabella.jpg") no-repeat; */
/* 	background: linear-gradient(#353D42, #434C51); */
	background: linear-gradient(180deg, #545F66 0%, #2E3A47 100%);
	background-position: center;
	background-size: cover;
	min-height: 79.9vh;
}

.headerDettaglioAzienda{
	background: url("img/filiera/sfondi/headerDettaglio.png") no-repeat;
	background-position: center;
	background-size: cover;		
	padding-top: 20px;
	padding-bottom: 20px;
}

.headerDettaglioAzienda .nomeAzienda{
  color: #FFFFFF;
  font-size: 36px;
  font-weight: 600;
  letter-spacing: 0;
  line-height: 49px;
}

.headerDettaglioAzienda .logisticsRatedDesc{
  color: #FFFFFF;
  font-size: 20px;
  font-weight: 600;
  letter-spacing: 0;
  line-height: 27px; 
  position: absolute;
  top: 15px;
  margin-left: 10px;
}


.costruisciFilieraContent{
	background-color: #FFFFFF;
	padding-bottom: 20px;
	padding-left: 20px;	
	padding-right: 20px;	
	padding-top: 20px;		
  	border-radius: 20px;
  	box-shadow: 0 4px 4px 0 rgba(0,0,0,0.12);		
}

.costruisciFilieraContent .title{
  color: #2F373C;
  font-size: 33px;
  font-weight: 600;
  letter-spacing: 0;
  line-height: 45px;	
}

.costruisciFilieraContent  .description{
  color: #979797;  
  font-size: 18px;
  letter-spacing: 0;
  line-height: 27px;
}



.ui-g .costruisciFilieraBtn{	
	color: white; 	
    font-size: 14px;
    font-weight: 600;
    border-radius: 8px;
    background-color: #F6AF52;  
    padding-top: 8px;
    padding-bottom: 8px;
    width: 100%; 
}

.ui-g .cercaFornitoriTitle{
  color: #CECB97;
  font-size: 40px;
  font-family: MulishExtraBold;
  letter-spacing: 0;
  line-height: 54px;	
}

.ui-g .cercaFornitoriDesc{
  color: #FFFFFF;
  font-size: 22px;
  letter-spacing: 0;
  line-height: 28px;
  text-align: center;	
}


.ui-g .ricercaPerServiziLbl{  
  color: #FFFFFF;
  font-size: 16px;
  font-family: MulishExtraBold;
  letter-spacing: 0;
  line-height: 20px;  
}

.containerFiliera .nome {
  color: #FFFFFF; 
  font-size: 39px;
  font-weight: 600;
  letter-spacing: 0;
  line-height: 53px;
}

.containerFiliera .prodotto {
  color: #FFFFFF; 
  font-size: 24px;
  letter-spacing: 0;
  line-height: 41px;
}

.containerFiliera .prodottoLbl {
  color: #FFFFFF; 
  font-size: 26px;
  letter-spacing: 0;
  line-height: 41px;
  font-weight: 400;
}

.containerFiliera .numeroImprese {
  color: #CECB97;
  font-size: 22px;
  letter-spacing: 0;
  line-height: 30px;
}


.contentFiliera_0{
  background-color: #B481B0;
  background-image: url(img/filiera/icone/backgroundFiliera.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 40%;
  opacity: 0.93;
  border-radius: 35px;
  box-shadow: 0 2px 4px 0 rgba(0,0,0,0.5);	
  padding: 15px;
}

.contentFiliera_1{
  background-color: #D87B7B;
  background-image: url(img/filiera/icone/backgroundFiliera.svg);
  background-repeat: no-repeat;
  background-position: center; 
  background-size: 40%;
  opacity: 0.93;
  border-radius: 35px;
  box-shadow: 0 2px 4px 0 rgba(0,0,0,0.5);	
  padding: 15px;
}

.contentFiliera_2{
  background-color: #777777;
  background-image: url(img/filiera/icone/backgroundFiliera.svg);
  background-repeat: no-repeat;
  background-position: center; 
  background-size: 40%;
  opacity: 0.93;
  border-radius: 35px;
  box-shadow: 0 2px 4px 0 rgba(0,0,0,0.5);	
  padding: 15px;
}

.ui-g .visualizzaDettaglioFilieraBtn{	
  color: white; 	
  border: 2px solid #EAB574;
  border-radius: 5px;
  background-color: rgba(234,181,116,0.28);
}

.ui-g .creazioneFilieraContent{
  padding: 40px;
  opacity: 0.93;
  border-radius: 20px;
  background-color: #565656;	
}


.creazioneFilieraContent .labelFiliera .ui-widget{
	font-size: 18px;
	font-family: MulishExtraBold;
    color: #FFFFFF;  
    font-family: MulishExtraBold;
    letter-spacing: 0;
    line-height: 24px;        		
}

.creazioneFilieraContent .valueFiliera input,
.creazioneFilieraContent .valueFiliera textarea {
  border: 1px solid rgba(234,181,116,0.38);
  border-radius: 7px;
  background-color: rgba(222,222,222,0.22);	
  width: 100%;
  -webkit-box-shadow: none;
  text-shadow: none;	
  color: #FFFFFF;
  font-size: 16px;	
}


.creazioneFilieraContent .valueFiliera input::placeholder,
.creazioneFilieraContent .valueFiliera textarea::placeholder{
  color: #FFFFFF;
  font-size: 18px;
  letter-spacing: 0;
  line-height: 24px;	
}


.crealistaAziendeContent .ui-picklist-buttons-cell .ui-picklist-button-move-bottom,
.crealistaAziendeContent .ui-picklist-buttons-cell .ui-picklist-button-move-top,
.crealistaAziendeContent .ui-picklist-buttons-cell .ui-picklist-button-add-all,
.crealistaAziendeContent .ui-picklist-buttons-cell .ui-picklist-button-remove-all{
	display: none;
}

.crealistaAziendeContent .ui-picklist-buttons-cell .ui-picklist-button-move-up .ui-button-text,
.crealistaAziendeContent .ui-picklist-buttons-cell .ui-picklist-button-move-down .ui-button-text{
	display: none;
}

.crealistaAziendeContent .ui-picklist-buttons-cell .ui-picklist-button-move-up,
.crealistaAziendeContent .ui-picklist-buttons-cell .ui-picklist-button-move-down{
	width: 35px;
	height: 30px;
	background-color: #EAB574;
	border-color: #EAB574;
}

.crealistaAziendeContent .ui-picklist-buttons-cell .ui-picklist-button-add{
	background-color: #CECB97;
	border-color: #CECB97;	
}

.crealistaAziendeContent .ui-picklist-buttons-cell .ui-picklist-button-remove{
	background-color: #979797;
	border-color: #979797;	
}


.ui-g .crealistaAziendeContent .ui-picklist-buttons{
	width: 35px;
}

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

.ui-g .crealistaAziendeContent .ui-picklist-filter-container .ui-icon{
	color: #BCBCBC;
}

.ui-g .crealistaAziendeContent .ui-picklist-caption{
	padding: 0px;
	border: 0px;
	background-color: transparent;
}

.ui-g .crealistaAziendeContent .ui-picklist-caption .ui-outputlabel{
    color: #FFFFFF;
    font-size: 18px;
    font-weight: 100;
    letter-spacing: 0;
    line-height: 22px;	
}

.ui-g .crealistaAziendeContent .ui-picklist-caption .organizzazioniDisponibiliFiliera{
	background-color: #2F373C;
	padding: 1rem;
	border-radius: 9px 9px 0 0;		
}


.ui-g .crealistaAziendeContent .ui-picklist-caption .organizzazioniInseriteFiliera{
	background-color: #CECB97;
	padding: 1rem;	
	border-radius: 9px 9px 0 0;
}
.ui-g .crealistaAziendeContent .ui-picklist-list{
	background-color: #858585;
	border: 1px solid #858585;	
	border-radius: 0 0 9px 9px;
}
 
 
.ui-g .crealistaAziendeContent .ui-picklist-list .ui-picklist-item.ui-state-highlight,
.ui-g .crealistaAziendeContent .ui-picklist-list .ui-picklist-item.ui-state-hover {
    background: #858585;
    color: #FFFFFF;   
}

.ui-g .crealistaAziendeContent .ui-picklist-list .ui-picklist-item.ui-sortable-handle{
	 outline: 0px;
}

/*
.ui-g  .creaFilieraBtn,
.ui-g  .creaFilieraBtn.ui-state-hover,
.ui-g  .creaFilieraBtn.ui-state-active{
	background-image: url(img/filiera/icone/addFiliera.svg);
	background-repeat: no-repeat;
	height: 47px;
	width: 43px;
	border: 0px;
	background-color: transparent;
	-webkit-box-shadow: none;
	margin-right: 12px;
}
*/

.ui-g .creaFilieraBtn,
.ui-g  .creaFilieraBtn.ui-state-hover,
.ui-g  .creaFilieraBtn.ui-state-active{	
	background-image: url(img/filiera/icone/addFiliera.svg);
	background-repeat: no-repeat;
	background-position: center;
/* 	background-position-x: 15%; */
/* 	background-position-y: 50%;	 */
	color: white; 	
/*     font-size: 14px; */
    font-weight: 600;
    border-radius: 15px;
    background-color: #CECB97;  
    padding-top: 20px;
    padding-bottom: 20px;
    width: 18%; 
    border: 0px;
    -webkit-box-shadow: none;
/*     height: 30px; */
/*     width: 200px; */
}



.cancellaFiliera {	
	background-image: url(img/filiera/icone/trash.svg); 
	background-repeat: no-repeat;
    width: 40px;
    height: 40px;
    border: 0px;
    background-color: transparent;
    cursor: pointer; 	
}

.aggiornaFiliera {	
	background-image: url(img/filiera/icone/edit.svg); 
	background-repeat: no-repeat;
    width: 40px;
    height: 40px;
    border: 0px;
    background-color: transparent;
    cursor: pointer; 
    margin-right: 15px;	
}

.ui-g .craAggiornaFilieraBtn{	
	color: white; 	
	width: 100%;	
    box-sizing: border-box;
    border: 1px solid #FFFFFF;
    border-radius: 10px;
    background-color: #EAB574;        
}

.ui-g .certificaFilieraBtn{	
	color: white; 		
    box-sizing: border-box;
    border-radius: 10px;
    background-color: #EAB574;        
}

.crealistaAziendeContent,
.ui-g .crealistaAziendeContent .ui-picklist-list{
	width: 100%;
}


.ui-g .listaFiliereTitle,
.ui-g .creaFilieraTitle{
  color: #CECB97;
  font-size: 40px;
  font-family: MulishExtraBold;
  letter-spacing: 0;
  line-height: 77px;	
}

.ui-g .creaFilieraDesc{
  color: #FFFFFF;
  font-size: 22px;  
  letter-spacing: 0;
  line-height: 30px; 
  	
}

.ui-g .listaFiliereDescrizione{
  color: #FFFFFF;
  font-size: 22px;
  letter-spacing: 0;
  line-height: 30px;	
}


.ui-g .separatoreFiliera{
	 margin-top: 30px;
	 border-bottom: 1px solid #FFFFFF;
	 width: 240px;
     margin-left: auto;
     margin-right: auto;
}

.ui-g .dettaglioFilieraSelezionataContent{
  opacity: 0.78;
  border-radius: 30px;
  background-color: #2F373C;
  padding: 15px;
}

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

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

.dettaglioFilieraSelezionataContent .title {
  color: #FFFFFF;
  font-size: 36px;
  font-weight: 600;
  letter-spacing: 0;
  line-height: 49px;
}

.dettaglioFilieraSelezionataContent .prodotto {
  color: #FFFFFF;  
  font-size: 20px;
  font-weight: 600;
  letter-spacing: 0;
  line-height: 35px;
}

.dettaglioFilieraSelezionataContent .nOrganizzazioni {
  color: #FFFFFF;
  font-size: 20px;
  font-weight: 600;
  letter-spacing: 0;
  line-height: 35px;
}

.dettaglioFilieralistControlloImg{
	width: 20px;
	height: 20px;
	margin-right: 8px;
	margin-left: 8px;
}

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

.ui-g .composizioneFilieraContent {
  opacity: 0.86;
  border-radius: 16px;
  background-color: #5D5955;
  padding: 15px;
}

.composizioneFilieraContent .title {
  color: #CECB97;
  font-size: 36px;
  font-weight: 600;
  letter-spacing: 0;
  line-height: 49px;
}

.composizioneFilieraContent .descrizione {
  color: #FFFFFF;
  font-size: 18px;
  letter-spacing: 0;
  line-height: 31px; 
}

.nomeAziendaFiliera {
  color: #2F373C;
  font-size: 21px;
  font-family: MulishExtraBold;
  letter-spacing: 0;
  line-height: 28px;
  text-align: left;
}

.settoreAziendaFiliera {
  color: #2F373C;
  font-size: 18px;
  letter-spacing: 0;
  line-height: 24px;
  text-align: left;
}

.ui-g  .logisticRatingFiliera{
  color: #FFFFFF;
  font-size: 27px;
  font-weight: 600;
  letter-spacing: 0;
  line-height: 37px;	
}

.ui-g .filieraChronoline .ui-card-content{
	padding: 0px;
}

.ui-g .filieraChronoline .ui-card-title{
	margin-bottom: 0px;
}

.ui-g .dettaglioAziendaFilieraBtn{	
	color: white; 	
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 0;
    line-height: 19px;
    border-radius: 8px;
    background-color: #CECB97;  
    padding-top: 8px;
    padding-bottom: 8px;
    padding-right: 25px;
    padding-left: 25px;  
}

.dettaglioFilieraContent .title{	
  color: #CECB97;
  font-size: 28px;
  font-weight: 600;
  letter-spacing: 0;
  line-height: 38px;		
}

.dettaglioFilieraContent .label{	
  color: #CECB97;
  font-size: 18px;
  letter-spacing: 0;
  line-height: 24px;		
}

.dettaglioFilieraContent .value{

  color: #FFFFFF;
  font-size: 18px;
  letter-spacing: 0;
  line-height: 24px;
}

.dettaglioFilieraContent{
	padding: 30px;		
	border-radius: 30px;
    background: linear-gradient(180deg, #50758E 0%, #7993A4 100%);	
    min-height: 380px;
    max-height: 380px;    
}

.ui-g .dettaglioAziendaFilieraDialog .ui-dialog-content{
	background-color: #F0F3F8;
}

.ui-g .dettaglioAziendaFilieraDialog .ui-dialog-titlebar {
    background: #2F373C;
}

.ui-g .dettaglioAziendaFilieraDialog .ui-dialog-titlebar .nomeAzienda{
  color: #FFFFFF;
  font-size: 40px;
  font-weight: 600;
  letter-spacing: 0;
  line-height: 54px;
}

.ui-g .dettaglioAziendaFilieraDialog .ui-dialog-titlebar .logisticsRatedDesc{
  color: #FFFFFF;
  font-size: 20px;
  font-weight: 600;
  letter-spacing: 0;
  line-height: 27px; 
  position: absolute;
  top: 15px;
  margin-left: 10px;
}


.ui-g .filieraNonCertificataDialog .ui-dialog-titlebar .closeButton,
.ui-g .filieraCertificataDialog .ui-dialog-titlebar .closeButton,
.ui-g .dettaglioAziendaFilieraDialog .ui-dialog-titlebar .closeButton{
    background-image: url(img/abbonamento/closeButton.svg);
    background-repeat: no-repeat;
    height: 36px;
    width: 39px;
    content-visibility: hidden;	
    background-color: transparent;
    border: 0px;
    cursor: pointer;
}

.ui-g .filieraNonCertificataDialog{
  border-radius: 6px;
  background: linear-gradient(180deg, #FF8D4D 0%, #EBB66F 100%);
  box-shadow: 0 4px 15px 0 rgba(44,63,88,0.35);
}

.ui-g .filieraNonCertificataDialog .ui-dialog-content{
	background-color: transparent;
}

.ui-g .filieraNonCertificataDialog .ui-dialog-content .title{
  color: #FFFFFF;
  font-size: 16px;
  letter-spacing: 0;
  line-height: 31px;
}

.ui-g .filieraNonCertificataDialog .ui-dialog-content .descrizione{
  color: #FFFFFF;
  font-size: 14px;
  letter-spacing: 0;
  line-height: 31px;
}

.ui-g .filieraNonCertificataDialog .ui-dialog-titlebar {
    background: transparent;
}


.ui-g .filieraNonCertificataDialog .ui-dialog-titlebar .ui-dialog-titlebar-icon,
.ui-g .filieraCertificataDialog .ui-dialog-titlebar .ui-dialog-titlebar-icon,
.ui-g .dettaglioAziendaFilieraDialog .ui-dialog-titlebar .ui-dialog-titlebar-icon {
    display: none;
}

.ui-g .ui-button.dettaglioAziendaFilieraBtn .ui-button-text{
	padding: 0px;
}

.descrizioneFilieraContent{	
    border-radius: 30px 37px 37px 37px;
    background-color: #FFFFFF;
    padding: 30px;
    min-height: 380px;
    max-height: 380px;    
}

.descrizioneFilieraContent .title{	
    color: #2F373C;
    font-size: 24px;
    font-weight: 600;
    letter-spacing: 0;
    line-height: 32px;	
}

.descrizioneFilieraContent .subtitle{	        
  color: #646165;
  font-size: 18px;
  letter-spacing: 0;
  line-height: 28px;
  font-family: MulishExtraBold;
}    

.descrizioneFilieraContent .descrServizi{	        
  color: #646165;
  font-size: 18px;
  letter-spacing: 0;
  line-height: 28px;
}    

.descrizioneFilieraContent .nessunDocumentoCaricato{	        
  color: red;
  font-size: 18px;
  letter-spacing: 0;
  line-height: 28px;
  font-family: MulishExtraBold;
}

.descrizioneFilieraContent .value{
  color: #979797;
  font-size: 18px;
  letter-spacing: 0;
  line-height: 28px;	
}

.dettaglioFilieraTrend .logisticsRatingContent{
	background-color: #FFFFFF;
	min-height: 218px;	
	max-height: 218px;
	text-align: center;
  	border-radius: 30px;	
  	padding: 10px;
}

.dettaglioFilieraTrend .benchmarkingContent{
	background-color: #FFFFFF;
	min-height: 218px;	
	max-height: 218px;
	margin-top: 40px;
	text-align: center;
	border-radius: 30px;
	padding: 10px;
}

.dettaglioFilieraTrend .logisticsRatingContent .titolo,
.dettaglioFilieraTrend .benchmarkingContent .titolo{
  color: #2F373C;
  font-size: 24px;
  font-family: MulishExtraBold;
  letter-spacing: 0;
  line-height: 32px;		
}
  
.dettaglioFilieraTrend .logisticsRatingContent .punteggioValue{
	font-size: 68px;
	color: #CECB97;
	padding-left: 10px;
}	
	
.dettaglioFilieraTrend .logisticsRatingContent .punteggioPerc{
	font-size: 68px;
	color: #2F373C;
    font-size: 28px;
    font-family: MulishExtraBold;
    letter-spacing: 0;
    line-height: 42px;  		
}	


.dettaglioFilieraTrend .benchmarkingContent .punteggioValue{	
    color: #2F373C;
    font-size: 54px;
    font-weight: 600;
    letter-spacing: 0;
    line-height: 74px;		
}

.dettaglioFilieraTrend .trendContentFiliera{
	padding: 30px;
	min-height: 490px;
	background-color: #FFFFFF;
	border-radius: 31px;
}

.dettaglioFilieraTrend .trendContentFiliera .titolo {	 
	font-size: 32px; 	
	font-family: MulishExtraBold;
	color: #2F373C;
	margin-left: 30px;
}

.dettaglioFilieraTrend .trendContentFiliera .value{
	color: #2F373C;
	font-size: 46px;
	margin-left: 20px;
}

.dettaglioFilieraTrend .trendContentFiliera .percentuale{
	color: #2F373C;
	font-size: 20px;
}

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

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

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

.servizioAzienda{
  border: 1px solid #B481B0;
  border-radius: 9px;
  margin-right: 8px;
  padding: 8px;
  color: #2F373C;  
  font-size: 18px;
  letter-spacing: 0;
  line-height: 24px;  
  	
}

.ui-g .listaFornitoriFiliera .ui-datatable-data>tr>td {
    border-color: #F3F3F3;
}


.ui-g .listaFornitoriFiliera thead th,
.ui-g .listaFornitoriFiliera thead th.ui-state-hover,
.ui-g .listaFornitoriFiliera thead th.ui-sortable-column.ui-state-active{
	background-color: #E2E3E6;
  	color: #2F373C;
  	font-size: 14px;
  	font-family: MulishExtraBold;
  	letter-spacing: 0;
  	line-height: 19px;  
  	vertical-align: top;
  	
}

.ui-g .listaFornitoriFiliera thead th.ui-sortable-column.ui-state-focus{
	-webkit-box-shadow: none;	

	}

.ui-g .listaFornitoriFiliera thead th.valoreE,
.ui-g .listaFornitoriFiliera thead th.valoreE.ui-state-active{	
	  color: #B481B0;
	  font-size: 14px;
	  font-family: MulishExtraBold;
	  letter-spacing: 0;
	  line-height: 19px;	
}

.ui-g .listaFornitoriFiliera .ui-datatable-data>tr{
  color: #646165;
  font-size: 14px;
  letter-spacing: 0;
  line-height: 19px;
}

.ui-g .logisticsRatingBar .ui-progressbar-value{
	background-color: #CECB97;
}

.ui-g .logisticsRatingBar{
	background-color: #2F373C;
	height: 8px;
	border-radius: 8px;	
}

.listControlloImg{
	width: 15px;
	height: 15px;
	margin-right: 5px;
}

.valoreEValue{
  color: #B481B0;
  font-size: 14px;
  letter-spacing: 0;
  line-height: 19px;	
}

.valoreSValue{
  color: #EDAA95;
  font-size: 14px;
  letter-spacing: 0;
  line-height: 19px;	
}

.valoreGValue{
  color: #EEBD6F;
  font-size: 14px;
  letter-spacing: 0;
  line-height: 19px;	
}

.ragioneSociale .ui-column-title{
	margin-left: 8px;
}

.nomeAziendaFornitore{
  margin-left: 8px;
  text-decoration: underline;
}

.ui-g .listaFornitoriFiliera thead th.valoreS,
.ui-g .listaFornitoriFiliera thead th.valoreS.ui-state-active{	
	  color: #EDAA95;
	  font-size: 14px;
	  font-family: MulishExtraBold;
	  letter-spacing: 0;
	  line-height: 19px;	
	  
}

.ui-g .listaFornitoriFiliera thead th.valoreG,
.ui-g .listaFornitoriFiliera thead th.valoreG.ui-state-active{	
	  color: #EEBD6F;
	  font-size: 14px;
	  font-family: MulishExtraBold;
	  letter-spacing: 0;
	  line-height: 19px;	
}


.ui-g .listaFornitoriFiliera thead th.ui-state-default.ui-sortable-column.ui-filter-column{
	-webkit-box-shadow: none;
}

.ui-g .listaFornitoriFiliera .ui-datatable-tablewrapper{
	border-radius: 23px 23px 23px 23px;
}

.ui-g .listaFornitoriFiliera .ui-inputfield{
	padding: 0px;
}

.menuCommittenzaHeader{
	width: 20%;
	right: 1%;	   	
    border-radius: 6px;
    background: linear-gradient(180deg, #FF8D4D 0%, #EBB66F 100%);	
  	top: 80px;  	  	
}

.menuCommittenzaHeader .profiloClienteHeader,
.menuCommittenzaHeader .profiloClienteHeader.ui-state-hover,
.menuCommittenzaHeader .profiloClienteHeader.ui-state-active {
	background: url("img/header/profiloCommittenza.svg") no-repeat top;
	width: 150px;
	height: 30px;
    background-size: contain;
    border: none;  
	-webkit-box-shadow: none;
}

.menuCommittenzaHeader .abbonamentoHeader,
.menuCommittenzaHeader .abbonamentoHeader.ui-state-hover,
.menuCommittenzaHeader .abbonamentoHeader.ui-state-active {
	background: url("img/header/certificazioniCommittenza.svg") no-repeat top;
	width: 250px;
	height: 30px;
    background-size: contain;
    border: none;  
	-webkit-box-shadow: none;	
}

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

.profiloCommitenzaContainer .title{
  color: #FFFFFF;
  font-size: 40px;
  font-family: MulishExtraBold;
  letter-spacing: 0;
  line-height: 54px;
}

.profiloCommitenzaContainer  .descrizione{
  color: #FFFFFF;
  font-size: 22px;
  letter-spacing: 0;
  line-height: 30px;
}

.ui-g .profiloCommitenzaContet .title{	  	
  color: #EAB574;
  font-size: 24px;
  font-family: MulishExtraBold;
  letter-spacing: 0;
  line-height: 32px;	
}


.ui-g .profiloCommitenzaContet .label{
	font-size: 16px;
	font-family: MulishExtraBold;
    color: #FFFFFF;	
    padding-bottom: 1px;
}

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

.profiloCommitenzaContetLeft{
  	opacity: 0.92;  
    background-color: #646165;
	border-top-left-radius: 20px;
	border-bottom-left-radius: 20px;
}

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

.profiloCommitenzaContetRight{
	background-color: #2F373C;
	border-top-right-radius: 20px;
	border-bottom-right-radius: 20px;
}

.ui-g .profiloCommitenzaContetRight .value 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 .uploadLogoCommittenzatxt{	 
	font-size: 16px; 
	font-weight: normal;	
	color: #FFFFFF;
	margin-right: 10px;	
}


.certificazioniAcquistateContainer{
/* 	background: url("img/filiera/sfondi/acquistoCertificazione.jpg") no-repeat; */
	background: linear-gradient(180deg, #545F66 0%, #2E3A47 100%);
	background-position: center;
	background-size: cover;
	min-height: 79.9vh;
}

.certificazioniAcquistateContainer .title{
  color: #FFFFFF;
  font-size: 40px;
  font-weight: 600;
  letter-spacing: 0;
  line-height: 54px;			
}

.certificazioneFilieraContent{
  opacity: 0.94;
  border-radius: 40px;
  background: linear-gradient(180deg, #50758E 0%, #738B9D 100%);
  box-shadow: 0 2px 4px 0 rgba(0,0,0,0.5);
  margin-bottom: 40px;
  padding: 40px;
}

.certificazioneFilieraContent .title{
  color: #EAB574;
  font-size: 28px;
  font-weight: 600;	
}

.certificazioneFilieraContent .descrizione{
  color: #FFFFFF;
  font-size: 18px;
  letter-spacing: 0;
  line-height: 24px;	
}

.certificazioneFilieraContent .valore{
  color: #FFFFFF;
  font-size: 18px;
  font-weight: 600;
  letter-spacing: 0;
  line-height: 24px;	
}

.nessunaFilieraCaertificataContent{
  opacity: 0.94;
  border-radius: 40px;
/*   background: linear-gradient(180deg, #50758E 0%, #738B9D 100%); */
  background-color: #6F7D85;
  box-shadow: 0 2px 4px 0 rgba(0,0,0,0.5);
  padding: 80px;
}

.nessunaFilieraCaertificataContent .title{
  color: #EAB574;
  font-family: Mulish;
  font-size: 32px;
  font-weight: 600;	
  letter-spacing: 0;
  line-height: 47px;  
    
}

.nessunaFilieraCaertificataContent .domanda{
  color: #EAB574;
  font-size: 24px;
  font-weight: 600;
  letter-spacing: 0;
  line-height: 21px;     
}

.nessunaFilieraCaertificataContent .risposta{
  color: #FFFFFF;
  font-size: 16px;
  letter-spacing: 0;
  line-height: 24px;  
}

.ui-g .ottieniAttestazioneBtn{	
	color: white; 	
	width: 100%;	
 	border-radius: 9px;
    background-color: #F6AF52;
}

.ui-g .uploadLogoCommittenza .ui-fileupload-buttonbar .ui-button.ui-fileupload-choose .ui-icon{
	display: none;
}

.ui-g .uploadLogoCommittenza .ui-widget-header{
	background: none;
	border: 0px;
	padding-left: 0px;
}

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

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

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


.qualificaFornitoriContainer{
/* 	background: linear-gradient(134.72deg, #353D42 70%, #434C51 30%); */
	background: linear-gradient(#353D42, #434C51);
	background-position: center;
	background-size: cover;
	min-height: 79.9vh;
	opacity: 0.88;
}

.ui-g .btnscaricaTuttaDocumentazione{
	background-color: #EAB574;	
	color: white; 
	font-weight: normal;
	width: 70%;
}

.ui-g .downloadDocumento{
	background-color: #CECB97;
	border: 0px;
/* 	color: black; */
}

.ui-g .downloadDocumento.ui-state-hover{
	background-color: #EAB574;
	border: 0px;
/* 	color: black; */
}


/* Fine Filiera */

/* inizio qualifica fornitori */

.ui-g .qualificaFornitoriTitle{
  color: #CECB97;
  font-size: 40px;
  font-family: MulishExtraBold;
  letter-spacing: 0;
  line-height: 54px;	
}

.ui-g .qualificaFornitoriDesc{
  color: #FFFFFF;
  font-size: 22px;
  letter-spacing: 0;
  line-height: 30px;	
}

.qualificaFornitoriContent{
  opacity: 0.9;
  border-radius: 35px;
  background-color: #626E7E;
  padding: 50px;
  margin-bottom: 40px;	 
}

.qualificaFornitoriContent .formLabel {
  color: #FFFFFF;
  font-size: 16px;
  font-weight: 600;
  letter-spacing: 0;
  line-height: 22px;
}

.qualificaFornitoriContent .listaFornitoriTitle {
  color: #CECB97;
  font-size: 20px;
  font-weight: 600;
  letter-spacing: 0;
  line-height: 27px;
}

.ui-g .invitaFornitoreBtn{	
  border-radius: 5px;
  background-color: #F6AF52;  
  color: #FFFFFF;
  width: 100%; 
  font-size: 16px;
  font-family: MulishExtraBold;  
}

.schedaFornitoriContent{
  border-radius: 5px;
  background-color: #FFFFFF;
  padding-bottom: 15px;
  padding-top: 15px;	
}


.schedaFornitoriContent .text {
  color: #2F373C;
  font-size: 18px;
  font-weight: 600;
  letter-spacing: 0;
  line-height: 24px;
}

.without-selectall .ui-selectcheckboxmenu-header .ui-chkbox {
    display: none; 
}
/* fine qualifica fornitori */

/* FAQ inizo */
.ui-g .faqTitolo {	 
	font-size: 36px; 
	font-family: MulishExtraBold;	
	color: #2F373C;
    letter-spacing: 0;
    line-height: 49px;		
}

.ui-g .faqDescrizione {
  color: #979797;
  font-size: 18px;
  letter-spacing: 0;
  line-height: 26px;    
}

.ui-g .faqTitoloParagrafo {	 	
  color: #2F373C;
  font-size: 18px;
  font-family: MulishExtraBold;
  letter-spacing: 0;
  line-height: 32px;		
}

.ui-g .faqDescrizioneParagrafo {
  color: #979797;
  font-size: 18px;
  letter-spacing: 0;
  line-height: 29px;
}

.ui-g .boxFaq{
	 background-color: #FFFFFF;
	 padding: 20px;
	 margin-top: 20px;
	 margin-bottom: 20px;
	 border-radius: 10px;
}

.ui-g .boxFormFaq{
   border-radius: 20px;
   background-color: #FFFFFF;
   box-shadow: 0 4px 4px 0 rgba(0,0,0,0.12);
   margin-top: 20px;
   margin-bottom: 120px;
   padding-top: 50px;
   padding-bottom: 50px;

}

.ui-g .faqRiferimento {
  color: #2F373C;
  font-size: 14px;
  font-weight: 600;
  letter-spacing: 0;
  line-height: 24px;
}

.ui-g .faqTipoContatto {
  color: #2F373C;
  font-size: 14px;
  letter-spacing: 0;
  line-height: 19px;
}

.ui-g .faqRiferimentoValue{
	border-radius: 7px;
	background-color: #EDEDED;
	width: 100%;	
}
/* FAQ fine */

/* Fornitori inizio */

.ui-g .profilazioneFornitoriTitle{
  color: #353D42;
  font-size: 33px;
  font-family: MulishExtraBold;
}

.ui-g .profilazioneFornitoriDesc{
  color: #979797;
  font-size: 18px;
  letter-spacing: 0;
  line-height: 29px;
}

.ui-g .fornitoriDocumentoContent{
	background-color: #F0EDED;
	height: 45px;
	display: flex;
	align-items: center;	
}

.ui-g .downloadFornitoriBtn.ui-state-hover, 
.ui-g .downloadFornitoriBtn.ui-state-active,
.ui-g .downloadFornitoriBtn.ui-state-focus{
	background-color: #F0EDED;
	-webkit-box-shadow: none;
}

.downloadFornitoriBtn .ui-button-icon-left{
	display: none;
}

.downloadFornitoriBtn .ui-button-text{
	font-size: 12px;
	text-decoration: underline;
	cursor: pointer;
	color: #979797;	
	font-weight: normal; 	
}


.ui-g .thankYouPageContent{
  border-radius: 15px;
  background-color: #FFFFFF;
  padding: 50px;
}

.ui-g .thankYouPageTitleSuccess{
  color: #31B24A;
  font-size: 28px;
  letter-spacing: 0;
  line-height: 35px;	
  font-family: MulishExtraBold;
}

.ui-g .thankYouPageTitleError{
  color: #EA8074;
  font-size: 28px;
  letter-spacing: 0;
  line-height: 35px;
  font-family: MulishExtraBold;	
}

.ui-g .thankYouPageDesc{
  color: #6E6B7B;
  font-size: 18px;
  letter-spacing: 0;
  line-height: 32px;	
}

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

.ui-g .appaltiAttivi .ui-spinner {
    width: 100%;
}

.ui-g .appaltiAttivi input {
    border: 1px solid rgba(234, 181, 116, 0.38);
}

.ui-g .appaltiAttivi .ui-spinner .ui-state-hover,
.ui-g .appaltiAttivi .ui-spinner .ui-state-active {
    background:  #CECB97;
    border: 1px solid  #CECB97;
    cursor: pointer;
}

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

.ui-g .btnCertificaContrattiAdapt{
   cursor: pointer;
   color: #FFFFFF;
   font-size: 14px;
   border-radius: 5px;
   background-color: #31B24A;
   padding: 10px;		
}

.ui-g .btnSalvaProfilazione{
   cursor: pointer;
   color: #FFFFFF;
   font-size: 13px;
   border-radius: 5px;
   background-color: #31B24A;	
   margin-left: 5px;
   padding-top: 3px;
   padding-bottom: 3px;
   padding-right: 5px;
   padding-left: 5px;	
}

.ui-g .attestaContrattiContent{
  border-radius: 15px;
  background: linear-gradient(180deg, #273D4B 0%, #2F3C44 100%);
}

.ui-g .overlayProfilazione{
	cursor:pointer;
	text-decoration: underline;
	color: #F6AF52;
	text-underline-offset: 4px;
}

.ui-g .overlayProfilazioneContent{
	width:350px;
	background-color: #2F373C;
}

.ui-g .attestaContrattiTitle{
  color: #F6AF52;
  font-size: 24px;
  font-family: MulishExtraBold;
}

.ui-g .collaborazioneConLbl{
  color: #EDEDED;
  font-size: 12px;
  letter-spacing: 0;
  line-height: 29px;	
}

.ui-g .attestaContrattiDesc{
  color: #FFFFFF;
  font-size: 16px;
  letter-spacing: 0;
  line-height: 25px;
  text-align: justify;
}

.ui-g .tabellaAttestazioni .ui-datatable-header{
	background: none;
	padding: 12px;
  	border-radius: 20px 20px 0 0;
  	background-color: #353D42;	
}
		
	

.tabellaAttestazioni .ui-datatable-tablewrapper table tbody td,
.tabellaAttestazioni .ui-datatable-tablewrapper table tbody tr,
.tabellaAttestazioni .ui-datatable-tablewrapper table tbody
{	
	color: #646165;
    font-size: 14px;
    letter-spacing: 0;
    line-height: 19px			
}

.tabellaAttestazioni .ui-datatable-tablewrapper table thead th{
	background: none;
	border-style: none;
    color: #DBDBDC;
    font-size: 14px;
    letter-spacing: 0;
    line-height: 19px;	
}

.tabellaAttestazioni .ui-datatable-tablewrapper table thead{ 
	background-color: #49555D;		
}

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

.tabellaAttestazioni .ui-datatable-header .elencoAttestazioniTitle{ 
  color: #F6AF52;
  font-size: 18px;
  letter-spacing: 0;
  line-height: 23px;
  font-family: MulishExtraBold;
}

.downloadContrattoCertificato{
  	cursor: pointer;  
	width: 14px;
	height: 18px;
	background: none;
	border: 0px;
	background-image: url(img/certificazioni/downloadContratto.svg);	
}

.ui-g .scegliPagamentoContent{
  padding: 50px;
  border-radius: 15px;
  background-color: #353D42
}

.ui-g .acquistoCertificazioneTitle{
  color: #F6AF52;  
  font-size: 28px;
  letter-spacing: 0;
  line-height: 35px;
  font-family: MulishExtraBold;	
}

.ui-g .servizioAcquistatoTitle{	 
  color: #F6AF52;
  font-size: 16px;
  font-family: MulishExtraBold;
  letter-spacing: 0;
  line-height: 20px;  
}

.ui-g .servizioAcquistatoValue{
  color: #FFFFFF;
  font-size: 16px;
  letter-spacing: 0;
  line-height: 20px;	
}

.ui-g .sceltaTipoPagamentoTitle{
  color: #F6AF52;
  font-size: 24px;
  font-family: MulishExtraBold;
  letter-spacing: 0;
  line-height: 30px;
}

.ui-g .sceltaTipoPagamentoDesc{
  color: #FFFFFF;
  font-size: 16px;
  letter-spacing: 0;
  line-height: 25px;
  text-align: justify;
}

.ui-g .sceltaTipoPagamentoSelect{
  color: #DBDBDC;
  font-size: 20px;
  font-family: MulishExtraBold;
  letter-spacing: 0;
  line-height: 25px;
  margin-left: 5px;
}

.ui-g .separatoreAcquisto{
	border-bottom:1px solid #F6AF52;
	opacity: 0.34;
	margin-top: 5px;
	margin-bottom: 55px;
}

.ui-g .btnDownloadContrattoCliente{
   cursor: pointer;
   color: #FFFFFF;
   font-size: 14px;
   border-radius: 5px;
   background-color: #F6AF52;   
   font-family: MulishExtraBold;
   letter-spacing: 0;
   line-height: 18px;
   width: 50%;
}

.ui-g .btnDownloadReportAttestazione{
   cursor: pointer;
   color: #FFFFFF;
   font-size: 14px;
   border-radius: 5px;
   background-color: #31B24A;
   font-family: MulishExtraBold;
   letter-spacing: 0;
   line-height: 18px;
   width: 50%;
}

.ui-g .btnChiudiElaborazione{
   cursor: pointer;
   color: #FFFFFF;
   font-size: 14px;
   border-radius: 5px;
   background-color: #31B24A;
   font-family: MulishExtraBold;
   letter-spacing: 0;
   line-height: 18px;
   width: 65%;
}

.ui-g .selezionaLivelloRischioTitle{
  color: #FFFFFF;
  font-size: 14px;
  font-family: MulishExtraBold;
  letter-spacing: 0;
  line-height: 18px;
}

.tabellaAttestazioni .ui-datatable-tablewrapper table tbody tr.adaptRowExpansion{
	background-color: #5B5B5B;
}

.tabellaAttestazioni .ui-datatable-tablewrapper table.livelloRichioRadioButton tbody td{
	background-color: #5B5B5B;
    color: #FFFFFF;
    font-size: 14px;
  	letter-spacing: 0;
    line-height: 18px;	
}


.tabellaAttestazioni .ui-datatable-tablewrapper table.livelloRichioRadioButton tbody tr{
	border: 0px;
	height: 40px;		
}


.ui-g .adaptHomeTitle {
  color: #353D42;
  font-size: 29px;
  letter-spacing: 0;
  line-height: 36px;
  font-family: MulishExtraBold;
}

.ui-g .adaptUploadDocument{
	padding: 0px; 
	background-color: #5B5B5B; 
	display: flex;
}

.ui-g .caricatoDaValue , .ui-g .caricatoDaValue:hover{
	color: #646165;
	text-decoration: underline;
}

.ui-g .rowToggler{
	width:2rem;
}

.ui-g .ui-datatable .ui-datatable-data>tr .rowToggler .ui-row-toggler{
	color: #31B24A;
	-webkit-box-shadow: none;
}

.ui-g .settoreAttivitaGroupLbl{
  color: #353D42;
  font-size: 20px;
  letter-spacing: 0;
  line-height: 25px;
  font-family: MulishExtraBold;	
}

.ui-g .descrizioneAttivitaLbl{
  color: #6F7D85;
  font-size: 16px;
  letter-spacing: 0;
  line-height: 29px;	
}

.ui-g .applicaScontoContrattiValue{
  border: solid 1px rgba(234, 181, 116, 0.38);
  background-color: #f0eded;	
  border-radius: 0px;
  border-top-left-radius: 7px;
  border-bottom-left-radius: 7px;  
  border-top-right-radius: 0px;
  border-bottom-right-radius: 0px;  
}

.ui-g .applicaScontoContrattiBtn{
  border-radius: 0px;
  background-color: #f6af52;
  border: 1px solid #f6af52; 
  border-top-right-radius: 7px;
  border-bottom-right-radius: 7px;   
}

.ui-g .codiceScontoValido{
  font-size: 14px;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #31b24a;
}

.ui-g .codiceScontoNonValido{
	color: red;
}

/* Fornitori fine */


@media screen and (min-width: 40.063em){
	.ui-g .contenutoIndice {
	    width: 20%;
	}
	.ui-g .contentTpi{
		padding: 2px;
		width: 20%;	
	}	
	
	.domandaLogisticaContent .ui-md-1 {
	    width: 3%;
	}
	.domandaLogisticaContent .ui-md-8 {
	    width: 72%;
	}	
	
}