/* Struttura */

#wwvFlowForm, .t-Body, body {
	background: white;
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
}

/*.col-12>.rel-col .col-3 {*/
.t-Form-labelContainer {
	width: 15% !important;
}

.t-Form-label {
	font-weight:normal !important;
}

.a-IRR-sortWidget-searchLabel {
	display:none;
}

.footer-text {
	font-size:12px;
}

/* Testo */

.intestazione-1 {
	width: 100%;
    text-align: left;
    font-weight: bold;
    border-bottom: 1px solid #2e5477;
    color: #2e5477;
    font-size: 11px;
	margin-bottom:15px;
	margin-top:15px;
}

.intestazione-2 {
	color: #2e5477;
    font-weight: bold;
    font-size: 25px;
    margin-top: 15px;
    text-align: center;
    text-transform: uppercase;
	line-height: 35px;
	clear:both;
}

/* Feedback ADMIN */

.da-compilare {
    font-size: 25px;
    color: green;
    text-align: center;
}

.compilato {
	font-size:25px;
	color:red;
}

.risposta {
    margin: 10px 0px;
    font-size: 18px;
}

.altro-label {
    margin: 30px 0px;
    font-size: 14px;	
}

/* Campi */

.cke {
	width:100% !important;
}

select.selectlist  {
    font-size: 17px !important;
    padding: 5px 20px 5px 10px !important;
    min-width: 200px !important;
    height: 40px !important; 
	width: 97%;	
	line-height: 3rem !important;
}

fieldset.textarea, textarea {
    width: 100% !important;
}

fieldset.radio_group {
	width: auto !important;
}

input[type=text], input[type=password] {
    font-size: 16px !important;
    padding: 10px !important;
    height: 40px !important;   
	width: 97%;
}

input.a-IRR-search-field {
	height: 32px !important;
}	

textarea {
    font-size: 16px !important;
    padding: 10px !important;    
}

textarea.textarea-codice {
    resize: both;
    background-color: #333333 !important;
    color: white !important;
    font-size: 20px !important;	
}

textarea.textarea-codice:focus, .t-Form-inputContainer textarea.textarea-codice:focus {
    resize: both;
    background-color: #333333 !important;
    color: white !important;
    font-size: 20px !important;	
}

.a-Button--popupLOV {
	height: 40px !important;
}

.a-Icon {
	vertical-align: -webkit-baseline-middle !important;
}

td[headers='LINK'] {
	text-align:center;
}

.t-Form-label {
	font-size:20px;
}

.lov {
	width:100%;
}

/* Pagina */

.titolo-pagina {
	    line-height: 1.5;
    -webkit-font-smoothing: antialiased;
    font-weight: 400;
    font-size: 2.8rem;
    margin: 0 0 1.2rem;
}

.t-Form-fieldContainer .t-Form-inputContainer {
	padding-top:5px;
}

.t-Form-inputContainer span.display_only, span p {
    font-size:20px;
}

.help-campo {
	margin-top:15px;
}

	/* Percorso */

	.percorso {
	    font-size:15px;
	    margin-bottom:20px;
	}

	/* Elenco questionari */

	@media only screen and (min-width: 900px) {
		.width-25 { width:25%; }
		.width-33 { width:33.33%; }
		.width-50 { width:50%; }
		.width-75 { width:75%; }
		.width-100 { width:100%; }

		.single-questionario, .single-link-notifiche {
				width:25%;
		}
		.riga-link-pagina {
			display:block;
			clear:both;
		}
	}

	@media only screen and (max-width: 899px) {
		.width-25, .width-33, .width-50, .width-75, .width-100  {
			width:100%;
		}	
		.single-questionario, .single-link-pagina, .single-avvia-link-pagina, .single-link-statistiche-pagina, .single-link-allarme-pagina, .single-link-notifiche {
			width:100%;
		}
	}	
	
	.single-questionario {
		background-color:white;
		text-align:center;
		float:left;				
	}
	.inner-single-questionario {
		margin:5px 5px;	
		box-shadow: 0 4px 4px rgba(0,0,0,.24), 0 0 4px rgba(0,0,0,.12);	  
	}
	.body-single-questionario {
	    padding: 15px 10px;		
		width:100%;
	}
	.body-single-questionario:hover {   
	    background-color:#fffeeb;
	    -webkit-transition: border-top 500ms linear;
	    -ms-transition: border-top 500ms linear;
	    transition: background-color 500ms linear; 
	    -webkit-transition: background-color 200ms linear;
	    -ms-transition: background-color 200ms linear;
	    transition: background-color 200ms linear; 	  
	}

	/* Questionario */

	.nome-questionario {
	    font-size:20px;
	    line-height: 28px;
		text-transform:uppercase;
	}
	.nome-questionario a {
	    color: #656565;
	}
	.immagine-questionario a span {
		color: #656565;
	}
	.descrizione-questionario {
	    font-size:15px;
	    margin-top:25px;
	    padding:5px 10px;
	    text-align:center;
	}

	.modifica-questionario {
	    margin-top:10px;
	}
	
	.attenzione-questionario {
	    background-color: #f1f167;
		color: black;
		padding: 5px;
		font-size:13px;
		margin-bottom: 3px;
		display:block;
	}

	.attenzione-questionario:hover {
		background-color: #ffffd0;
		transition: background-color 500ms linear;
		-webkit-transition: background-color 200ms linear;
		-ms-transition: background-color 200ms linear;
		transition: background-color 200ms linear;	
	}	    
	
	.anomalie-questionario {
	    background-color: #ff6c6c;
		color: white;
		padding: 5px;
		font-size:13px;
		margin-bottom: 3px;
		display:block;
	}	
	
	.anomalie-questionario:hover {
		background-color: #ffabab;
		transition: background-color 500ms linear;
		-webkit-transition: background-color 200ms linear;
		-ms-transition: background-color 200ms linear;
		transition: background-color 200ms linear;	
	}

	.esegui-questionario {
	    background-color: #3ea04a;
		color: white;
		padding: 5px;
		font-size:13px;
		margin-bottom: 3px;
		display:block;
	}	

	.esegui-questionario:hover {
		background-color: #90d698;
		transition: background-color 500ms linear;
		-webkit-transition: background-color 200ms linear;
		-ms-transition: background-color 200ms linear;
		transition: background-color 200ms linear;	
	}

	/* Help Pagina */

	.help-pagina {
		right: 0px;
		bottom:0px;
		position: fixed;
		width: 90px;
		min-height:80px;
		background-color: unset;	
		color:white;
		z-index:500;
		padding:22px 0px;
	}

	.help-pagina:hover {
		cursor:pointer;
	}
	
	.help-pagina .t-HeroRegion-wrap .t-HeroRegion-col .t-HeroRegion-icon {
		background-color:unset;
		color:#ff6c6c;
		height:25px;
		width:25px;
		font-size:80px !important;
	}

	.t-HeroRegion-col {
		padding:2px 4px !important;
	}

	.t-HeroRegion-icon.fa {
		line-height: 2.5rem !important;
	}

	.t-HeroRegion-title {
    	font-weight: unset !important;
		color:white;
	}
	.help-pagina .t-HeroRegion-wrap .t-HeroRegion-col--content {
		display:none;
		background-color: #ff6c6c;
		width:100% !important;
		left:0px;
		bottom:0px;
		min-height:80px;
		position:fixed;
	}	
	

	/* Notifica Pagina */

	.notifica-pagina {
		top:0px;
		left:0px;
		position: fixed;
		width: 100%;
		min-height:56px;
		background-color: #2e5477;	
		color:white;
		z-index:1500;
		border-bottom: 5px solid #dcdcdc;
	}

	.notifica-pagina:hover {
		cursor:pointer;
	}
	
	.notifica-pagina .t-HeroRegion-wrap .t-HeroRegion-col .t-HeroRegion-icon {
		background-color:#ff6c6c;
		color:white;
		height:25px;
		width:25px;
	}
	.notifica-pagina .t-HeroRegion-wrap .t-HeroRegion-col--content .t-HeroRegion-title {
    	font-weight: unset !important;
		color:white;
		font-size: xx-large;
		text-align:center;
	}
	.notifica-pagina .t-HeroRegion-wrap .t-HeroRegion-col--content {
		width:100% !important;
	}
	.notifica-pagina .t-HeroRegion-wrap .t-HeroRegion-col--left {
		display:none;
	}
	#urlNotifica {
	    font-size: 15px;
	    text-align: center;		
    	width: fit-content;
    	padding: 10px;
    	margin: 10px auto 5px;
    	background-color: yellow;
    	color: #2e5477;
    	font-weight: bold;
    	border-radius: 15px;
    	}
	#chiudiNotifica {
		text-align:center;
	    width: fit-content;
	    padding: 10px;
	    margin: 0px auto 5px;
	    background-color: white;
	    color: #2e5477;
	    font-weight: bold;
	    border-radius: 15px;
	}

	/* Link Pagina */
	
	.riga-link-pagina {
		width:100%;
	}
	
	.external-single-link-pagina {
		float:left;
		padding:5px;
	}
	
	.single-link-pagina {
	    padding: 15px 10px;			
		text-align:center;
		opacity: 1;
		transition: opacity .25s ease-in-out;
		-moz-transition: opacity .25s ease-in-out;
		-webkit-transition: opacity .25s ease-in-out;
		box-shadow: 0 4px 4px rgba(0,0,0,.24), 0 0 4px rgba(0,0,0,.12);		
	}

	.single-link-pagina:hover {    
	    -webkit-transition: border-top 500ms linear;
	    -ms-transition: border-top 500ms linear;
		box-shadow: 0 4px 4px rgba(0,0,0,.24), 0 0 4px rgba(0,0,0,.12);		
		opacity: 0.7;
	}	
	
	.nome-link-pagina {
        font-size: 28px;
	    line-height: 28px;
		/*font-weight: bold;
		text-transform: uppercase;*/
	}
	.nome-link-pagina a {
	    /*color: white;*/
	}
	.descrizione-link-pagina {
	    font-size:15px;
	    margin-top:25px;
	    padding:5px 10px;
	    text-align:justify;
	}	
	
	.immagine-link-pagina a .fa { 
		font-size:50px;
		margin-bottom:20px;
	}
	
	.sottotitolo-link-pagina {
		margin-top: 15px;
		font-size: 15px;
		text-align:center;
	}
	
	/* Link Statistiche Pagina */
	
	.single-link-statistiche-pagina {
	    padding: 15px 10px;		
		float:left;
		margin:5px 5px;
		background-color: white;
		text-align:center;
	}

	.single-link-statistiche-pagina:hover {    
		background-color: #c1e5cb;
	    -webkit-transition: border-top 500ms linear;
	    -ms-transition: border-top 500ms linear;
	    transition: background-color 500ms linear; 
	    -webkit-transition: background-color 200ms linear;
	    -ms-transition: background-color 200ms linear;
	    transition: background-color 200ms linear; 
		box-shadow: 0 4px 4px rgba(0,0,0,.24), 0 0 4px rgba(0,0,0,.12);		
	}	
	
	.nome-link-statistiche-pagina {
	    font-size:18px;
	    line-height: 28px;
		font-weight: bold;
		text-transform: uppercase;
	}
	.nome-link-statistiche-pagina a {
	    color: #279a35;
	}
	.descrizione-link-statistiche-pagina {
	    font-size:15px;
	    margin-top:25px;
	    padding:5px 10px;
	    text-align:center;
	}	
	
	.immagine-link-statistiche-pagina a .fa { 
		color: #279a35 !important;
		font-size:50px;
		margin-bottom:20px;
	}
	
	.sottotitolo-link-statistiche-pagina {
		margin-top: 15px;
		font-size: 15px;
		color: #279a35;
		text-align:center;
	}
	
	/* Link Notifiche */
	
	.single-link-notifiche {
	    padding: 15px 10px;		
		float:left;
	}	
	
	/* Link Pagina */
	
	.single-link-allarme-pagina {
	    padding: 15px 10px;		
		float:left;
		margin:5px 5px;
		background-color: #ff6c6c;
		text-align:center;
	}

	.single-link-allarme-pagina:hover {    
		background-color: #ffa4a4;
	    -webkit-transition: border-top 500ms linear;
	    -ms-transition: border-top 500ms linear;
	    transition: background-color 500ms linear; 
	    -webkit-transition: background-color 200ms linear;
	    -ms-transition: background-color 200ms linear;
	    transition: background-color 200ms linear; 	   
		box-shadow: 0 4px 4px rgba(0,0,0,.24), 0 0 4px rgba(0,0,0,.12);		
	}	
	
	.nome-link-allarme-pagina {
	    font-size:28px;
	    line-height: 28px;
		/*font-weight: bold;
		text-transform: uppercase;*/
	}
	.nome-link-allarme-pagina a {
	    color: white;
	}
	.descrizione-link-allarme-pagina {
	    font-size:15px;
	    margin-top:25px;
	    padding:5px 10px;
	    text-align:justify;
	}	
	
	.immagine-link-allarme-pagina a .fa { 
		color: white !important;
		font-size:50px;
		margin-bottom:20px;
	}
	
	.sottotitolo-link-allarme-pagina {
		margin-top: 15px;
		font-size: 15px;
		color: white;
		text-align:center;
	}	
	
	/* Opzioni questionario */
	.box-opzioni-questionario {
	    display: flex;
		clear:both;
	}
	.opzioni-valutazione-questionario {
		background-color: #004d79;
		color: white;
		font-weight: bold;
		padding: 15px 0px;
		font-size: 29px;		
	}
	.opzioni-domande-questionario, .opzioni-utenti-questionario {
		background-color: #f1f167;
		width:33.33%;
		float:left;
		padding: 3px 0px;
	}
	.opzioni-domande-questionario a, .opzioni-utenti-questionario a {
		color:#656565;
	}	
	.opzioni-allarmi-questionario {
		background-color: #ff6c6c;
		width:33.33%;
		float:left;	
		padding: 3px 0px;		
	}
	.opzioni-allarmi-questionario a {
		color:white;
	}
	.opzioni-inviate-newsletter, .opzioni-totali-newsletter {
		background-color: #f1f167;
		color:white;
		width:50%;
		float:left;
		padding: 3px 0px;
	}	
	.opzioni-inviate-newsletter {
		background-color:#004d79;
	}
	.opzioni-totali-newsletter {
		background-color:#51a7d8;
	}	
	/* FAQ */
	
	.titolo-faq {
		font-size: 30px;
		font-weight: 300;
		line-height: 31px;	
		
	}
	
	.titolo-faq-figlia {
		font-size: 26px;
		font-weight: 300;
		line-height: 31px;		
		width: 100%;
		display: block;
		margin-bottom:15px;
	}
	
	.indietro-faq {
		margin-top:10px;
		margin-bottom:30px;
	}
	
	/* Help Inline */
	p.help-inline {
		background: #ffffdd;
		padding: 10px;	
	}

/* Risposte */

.t-Form-inputContainer .radio_group label, .t-Form-inputContainer .checkbox_group label {
    font-weight: inherit;    
	font-size:20px !important;
}

.checkbox_group input[type=checkbox]:checked+label, .t-Form-inputContainer .radio_group input[type=radio]:checked+label {
	color: #4D4D4D;
    font-weight: 700;
}

input[type=radio], input[type='checkbox'] {
    position: absolute;
    clip: rect(1px, 1px, 1px, 1px);
}

input[type='radio'] + label {
	 margin: 0;
	 padding: 12px 0 12px 34px;
	 cursor: pointer;
	 background: url('radiobutton.png') left center no-repeat;
}

/* Checkbox report interattivi */

label.a-IRR-controlsCheckboxLabel {
	 background:none !important;
	 padding: 0px !important;
}

input[type='checkbox'][class='a-IRR-controlsCheckbox']:checked + label {
	background-image: url('checkbox_checked.png');
}

/* Checkbox e radiobutton */

input[type='checkbox'] + label {
	 margin: 0;
	 padding: 12px 0 12px 34px;
	 cursor: pointer;
	 background: url('checkbox.png') left center no-repeat;
}

input[type='radio']:checked + label { 
	background-image: url('radiobutton_checked.png');
}
 
input[type='checkbox']:checked + label {
	background-image: url('checkbox_checked.png');
}



/* Pulsanti */
  
@media only screen and (max-width: 649px) {
	button.t-Button--large  {
		width:100%;
	}	
}
  
.t-Button--danger {    
    background-color: transparent !important;
    background-image: inherit;
    border-top: 0px;
    border-left: 0px;
    border-right: 0px;
    border-bottom: 2px solid #ca4d50;
    color: #ca4d50;
}   