﻿/*---------------------------------------------------------------------------------------------------------*/
/*--- 
/*--- Author: eTT s.r.l. - SS, UG, AF
/*--- Edited: 16 June 2003
/*--- 
/*--- INDICE
/*--- .formcol: usata per la formattazione degli elementi HTML [AF, 16 June 2003] ---*/
/*---------------------------------------------------------------------------------------------------------*/

/*
COLORE PRINCIPALE: #0E54AF
COLORE SECONDARIO (bordi del principale): #254C70
TESTO: #FFFFFF
*/

/*formattazione per tutti gli elementi della pagina, viene ereditata ed eventualmente cambiata dai singoli elementi*/
* 
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-style: normal;
	font-weight: normal;
}

input
{
    text-transform: uppercase;
	color: #254C70;
}

select 
{
    color: #254C70;
}

textarea
{
    text-transform: uppercase
}

strong, b
{
    font-weight: bold;
}

i
{
    font-style: italic;
}

.TextReadOnly
{
	/*background-color: inherit;*/
	background-color: transparent;
	border: 0;
	text-align: left;
	font-size: 13px; 
	color: #254C70;
}

/* usato per le linguette per la navigazione */
.input-LinguettaLavNOwer
{
    font-weight: bold;
    color: #FFFFFF;
    border: 1px solid #0E54AF;
    background-color: #0E54AF;
    text-align: center;
    margin-top: 0px;
    vertical-align: middle;
    cursor: pointer;
    width: 160px;
}

/* usato per le linguette per la navigazione */
.input-LinguettaLavNOwer-attiva
{
    font-weight: bold;
    color: #FFFFFF;
    border: 1px solid #0E54AF;
    background-color: #0E54AF;
    text-align: center;
    margin-top: 0px;
    vertical-align: middle;
    cursor: pointer;
    width:160px;
}

/* usato per le linguette per la navigazione */
.input-LinguettaLav
{
    font-size: 12px;
    font-weight: bold;
    height: 20px;
	color: #FFFFFF;
	background: url(../../images/bg_btn.gif) top left repeat-x #0E54AF;
	border: 1px solid #0E54AF;
	text-align: center;
	margin: 5px 0px;
	vertical-align: middle;
	cursor: pointer;
	width: 165px;
	text-transform: uppercase;
}

/* usato per le linguette per la navigazione */
.input-LinguettaLav:hover 
{
    background: #254C70;
}

/* usato per le linguette per la navigazione */
.input-LinguettaLav-attiva
{
	font-size: 12px;
	font-weight: bold;
	height: 20px;
	color: #254C70;
	border: 1px solid #254C70;
	background-color: #E2E2E2;
	text-align: center;
	margin-top: 0px;
	vertical-align: middle;
	cursor: pointer;
	width: 165px;
	text-transform: uppercase;
}

/*--- .formcol: usata per la formattazione degli elementi HTML [AF, 16 June 2003] ---*/
.formcol, .formCol
{
	background-color: #FFFFFF;
	color: #254C70;
	scrollbar-base-color: #DDDDDD;
	width: auto;
}

/*@DR (28235)*/
.formcolnouppercase
{
    text-transform: none !important;
	background-color: #FFFFFF;
	color: #254C70;
	scrollbar-base-color: #DDDDDD;
	width: auto;
}
/*fine @DR (28235)*/
 
a:link,a:visited,a:active
{
	color: #254C70;
}

/*Adri Simo*/
form
{
	margin: 0px;
}

body
{
	background-color: #FFFFFF;
	color: #0e54af; /*#254C70;*/
	margin: 0px;
	margin-bottom: 20px;
	scrollbar-3DLight-color: #254C70;
	scrollbar-highlight-color: #E2E2E2;
	scrollbar-arrow-color: #254C70;
	scrollbar-shadow-color: #E2E2E2;
	scrollbar-darkshadow-color: #254C70;
	scrollbar-face-color: #E2E2E2;
	scrollbar-track-color: #DDDDDD;
}

div
{
	color: #0e54af; /*#254C70;*/
	/*width: inherit;*/
}

table, tr, td
{
	color: #0e54af; /*#254C70;*/
}

img
{
	border: 0px;
}

hr
{
	border: 0px;
	color: #0E54AF;
	background-color: #0E54AF;
	height: 1px;
	width: 100%;
	text-align: center;
}

/*Adri Simo*/
.Tabella
{
	border: #FFFFFF 1px solid;
	width: 100%;
}

.divtabella
{
	width: 97%;
	margin: 2%;
}

.Grande
{
	font-size: 17px;
	color: #254C70;
}

.Note, .note
{
	font-size: 9px;
	color: #254C70;
}

/* Utilizzato nella funzione Js SezioneTabella */
.SezioneTabella, .sezioneTabella, .sezionetabella
{
	padding-left: 5px;
	width: 25%;
	height: 25px;
	font-weight: bold;
	color: #FFFFFF;
	background: url(../../images/bg_menu_sezione.gif) right bottom no-repeat #0E54AF;
}

/* Utilizzato nella funzione Js Sezione */
.Sezione, .sezione
{
	color: #FFFFFF;
	background-color: #0E54AF;
}

/* Utilizzato nella funzione Js Titolo*/ 
.Titolo, .titolo
{
	height: 35px;
	font-size: 14px;
	line-height: 2.6em;
	font-weight: bold;
	color: #FFFFFF;
	background-color: #0E54AF;
	text-align: center;
	vertical-align: top;
	padding-left: 8px;
	padding-right: 8px;
	border-bottom: #254C70 3px solid;
	border-left: #254C70 3px solid;
	border-right: #254C70 3px solid;
}

/* Utilizzato per le intestazioni di colonna delle tabelle */
.titoloTabella, .TitoloTabella, .titolotabella
{
	height: 35px;
	font-weight: bold;
	color: #FFFFFF;
	background-color: #0E54AF;
	text-align: center;
	vertical-align: middle;
}

.titoloSezione
{
    margin: 7px auto; 
	width: 97%; 
	border-top: solid 2px #CBCBCB;
	background: url(../../images/bg_titolo_sezione.gif) bottom left no-repeat #E2E2E2;
	font-weight: bold; 
	text-align: center; 
	padding: 3px;
    line-height: 1.3 !important;
	clear: both;
}

/* Utilizzato per le intestazioni di colonna delle tabelle */
.elencoTabella, .ElencoTabella, .elencotabella
{
	height: 35px;
	font-weight: bold;
	color: #FFFFFF;
	background: #0E54AF;
	text-align: center;
	vertical-align: middle;
}

.linkOrder:link, .linkOrder:visited, .linkOrder:active
{
	font-weight: bold;
	color: #FFFFFF;
	background: #0E54AF;
	text-align: center;
	vertical-align: middle;
}

.campoTabella, .CampoTabella, .campotabella
{
	height: 25px;
	color: #254C70;
	background-color: #EEEEEE;
	vertical-align: middle;
}

.campoTabellaRosso, .CampoTabellaRosso
{
	height: 25px;
	color: #254C70;
	background: #FF9999;
	vertical-align: middle;
}

.campoTabellaScuro, .CampoTabellaScuro
{
	height: 25px;
	color: #254C70;
	background: #dddddd;
	vertical-align: middle;
}

.TotaleTabella
{
	height: 25px;
	font-weight: bold;
	color: #254C70;
	border-bottom: 1px solid #C0DBFF;
	border-right: 1px solid #C0DBFF;
	vertical-align: middle;
	background-color: #E2E2E2;
}

.Messaggio
{
	height: 30px;
	color: #0E54AF;
	vertical-align: middle;
	font-style: italic;
}

/* usato per input type=button e submit */
.input-pulsante
{
	font-weight: bold;
	color: #FFFFFF;
	border: 1px solid #0E54AF;
	background: url(../../images/bg_btn.gif) top left repeat-x #0E54AF;
	text-align: center;
	padding-left: 5px;
	padding-right: 5px;
	margin-top: 0px;
	vertical-align: middle;
	cursor: pointer;
	height: 25px;
	text-transform: lowercase;
	width: auto;
}

.input-pulsante:hover 
{
    background-color: #0E54AF;
}

.input-pulsante-disabilitato
{
	font-weight: bold;
	color: #FFFFFF;
	border: 1px solid #7f7f7f;
	background: url(../../images/bg_btn_grey.gif) top left repeat-x #7f7f7f;
	text-align: center;
	padding-left: 5px;
	padding-right: 5px;
	margin-top: 0px;
	vertical-align: middle;
	//cursor: pointer;
	height: 25px;
	text-transform: lowercase;
	width: auto;
}

.input-pulsante-disabilitato:hover 
{
    background-color: #7f7f7f;
}


/* usato per le linguette per la navigazione */
.input-Linguetta
{
	font-weight: bold;
	color: #FFFFFF;
	border: 1px solid #0E54AF;
	background: url(../../images/bg_btn.gif) top left repeat-x #0E54AF;
	text-align: center;
	padding-left: 5px;
	padding-right: 5px;
	margin: 5px 0px;
	vertical-align: middle;
	cursor: pointer;
	width: 165px;
	text-transform: uppercase;
}

/* usato per le linguette per la navigazione */
.input-Linguetta:hover
{
    background: #0E54AF;
}

/* usato per le linguette per la navigazione */
.input-Linguetta-attiva
{
    font-size: 12px;
    font-weight: bold;
    height: 20px;
	color: #254C70;
	border: 1px solid #254C70;
	background-color: #E2E2E2;
	text-align: center;
	padding-left: 5px;
	padding-right: 5px;
	margin: 5px 0px;
	vertical-align: middle;
	cursor: pointer;
	width: 165px;
	text-transform: uppercase;
}

/* Caratteristiche di cella di tabella td*/
.Etichetta, .etichetta
{
	padding-left: 5px;
	width: auto;
	height: 25px;
	color: #254C70;
	border-bottom: 1px solid #0E54AF;
	border-right: 1px solid #0E54AF;
	vertical-align: middle;
	background-color: #E2E2E2;
	text-align: left;
}

.EtichettaStampa
{
	width: 25%;
	font-weight: bold;
	color: #254C70;
	background-color: #FFFFFF;
	vertical-align: middle;
}

.Campo, .campo
{
	width: auto;
	height: 25%;
	color: #254C70;
	vertical-align: middle;
	padding-left:5px;
	text-align:left;
}

.CampoRosso, .camporosso
{
	width: auto;
	height: 25%;
	color: #E41B17;
	vertical-align: middle;
	padding-left:5px;
	text-align:left;
}

.CampoGiallo, .campogiallo
{
	width: auto;
	height: 25%;
	color:#FDD017;
	vertical-align: middle;
	padding-left:5px;
	text-align:left;
}
 
/*@DR (28235)*/
.camponouppercase
{
	width: auto;
	height: 25%;
	color: #254C70;
	vertical-align: middle;
	padding-left:5px;
	text-align:left;
}
/*fine @DR (28235)*/

.CampoPID, .campopid
{
    width: auto;
	height: 25%;
	color: #1A4A96;
	vertical-align: middle;
	padding-left: 5px;
	text-align: right;
}

tr.Dati td.Campo, tr.Dati .campo, table.Dati td.Campo, table.Dati td.campo
{
    width: 19% !important; 
	height: 25%;
	color: #1A4A96;
	vertical-align: middle;
	padding-left:5px;	
	text-align:left;
}

.CampoStampa
{
	width: 25%;
	color: #254C70;
	vertical-align: middle;
	padding-left:5px;	
}


.Pulsante
{
	height: 25px;
	text-align: right;
	color: #254C70;
	vertical-align: middle;
}

.Icona
{
	border-right: 1px solid #0E54AF; 
	border-bottom: 1px solid #0E54AF; 
}

.fontVal
{
	font-size: 10px;
	font-variant: small-caps;
	text-transform: capitalize;
}
/* font per scritte piccole LA 20 October 2004 */
.fontLillipuz
{
	font-size: 11px;
	font-variant: small-caps;
	text-transform: capitalize;	
}
/* fine LA */

/* usato per i tasti */
.input-Tasti
{
	font-weight: bold;
	color: #FFFFFF;
	border: 1px solid #0E54AF;
	/*background: url(../../images/bg_btn_blu.gif) top left repeat-x #0E54AF;*/
	background: url(../../images/bg_btn.gif) top left repeat-x #0E54AF;
	text-align: center;
	padding-left: 5px;
	padding-right: 5px;
	margin-top: 0px;
	vertical-align: middle;
	cursor: pointer;
	width: 132px;  /*@eb(66750) modificata width*/
}

.input-Tasti:hover {
	background-color: #0E54AF;
}

/* usato per i tasti */
.input-TastiLungo 
{
    font-weight: bold;
    color: #FFFFFF;
    border: 1px solid #0E54AF;
    background: url(../../images/bg_btn_blu.gif) top left repeat-x #0E54AF;
    text-align: center;
    padding-left: 5px;
    padding-right: 5px;
    margin-top: 0px;
    vertical-align: middle;
    cursor: pointer;
    width: 200px; 
}

/*  usato per i tasti  */
.input-TastiStato
{
	font-weight: bold;
	color: #FFFFFF;
	border: 1px solid #0E54AF;
	background: url(../../images/bg_btn_blu.gif) top left repeat-x #0E54AF;
	text-align: center;
	padding-left: 5px;
	padding-right: 5px;
	margin-top: 0px;
	vertical-align: middle;
	cursor: pointer;
	width: 140px;
}


.formcolVisualizza
{
	background-color: transparent; 
	border: 0;
	text-align: right;
	color: #254C70;
	scrollbar-base-color: #DDDDDD;
	width: 30px;
}

/*@LA(1158) inserita classe per visualizzazione sotto CL9 lettera computo nazionale*/
.formcolLettera
{
	font-weight: bold;
	background-color: transparent;
	border: 0px;
	text-align: left;
	color : #D2D2D2;
	scrollbar-base-color : #DDDDDD;
	width: 60px;
}

/* @MB 11.11.2005 formattazione creata per le celle di una tabella relative ad un'azienda cessata */
/* Usato momentanemante solo nel file aziende/searchAziendeSPI.asp in seguito la situazione dovrà essere uniformata*/
.campoTabellaAziendaCessata
{
	height: 25px;
	color: #254C70;
	background-color: #999999;
	vertical-align: middle;
}

/* @mb 25.11.2005 Copiata da FROSINONE per Report Mobilità*/
.EtichettaEnorme
{
	padding-left: 5px;	
	width: 40%;
	height: 40px;
	font-weight: bold;
	color: #254C70;
	background-color: #E2E2E2;
	vertical-align: middle;	
}

/* .pageMainCenter */
/* { */
	/* background-color: #FFFFFF; */
	/* padding-top: 20px; */
	/* padding-left: 10px; */
	/* padding-bottom: 20px; */
	/* padding-right: 10px; */
	/* border: solid 1px #0E54AF; */
/* } */

#borderBox 
{
	height: auto;
	background-color: #0E54AF;
	position: relative;
}

#contentBox 
{
	padding: 10px 0px 10px 0px;
	color: #FFFFFF;
	font-weight: bold;
	text-align: center;
}

/*****************Elementi angoli user.asp*******************/

.contenitore
{	
	background-color: #0E54AF;
	height: 50px;
}
.topleft
{
	background: url(../../images/top_left.gif) no-repeat top left;
}
.topright
{
	background: url(../../images/top_right.gif) no-repeat top right;
}
.contenuto
{
	padding: 1px;
	padding-top: 10px;
	color: #cccccc;
	font-family: Verdana, Arial; 
	font-size: 13px;
	font-weight: bold;
	text-align: center;
	height: 100%;
}
/************************************/
.conteQuestionario	/*@fp (16958) inizio */
{
	text-align: left;
	width: 97%;
	margin: 20px;
	line-height: 20px;
}

.inputTextLong
{
	background-color: #EFEFEF;
	border-bottom: 1px solid #CCCCCC;
	border-right: 1px solid #CCCCCC;
	border-left: 1px solid #999999;
	border-top:	1px solid #999999;
	width: 100%;
	text-align: left; 
	font-family: Verdana, Arial; 
	font-size: 13px; 
	color: #0E54AF;
}

.inputTextMedium
{
	background-color: #EFEFEF;
	border-bottom: 1px solid #CCCCCC;
	border-right: 1px solid #CCCCCC;
	border-left: 1px solid #999999;
	border-top:	1px solid #999999;
	width: 80%;
	text-align: left; 
	font-family: Verdana, Arial; 
	font-size: 13px; 
	color: #0E54AF;
}

.inputText
{
	background-color: #EFEFEF;
	border-bottom: 1px solid #CCCCCC;
	border-right: 1px solid #CCCCCC;
	border-left: 1px solid #999999;
	border-top:	1px solid #999999;
	width: 50%;
	text-align: left; 
	font-family: Verdana, Arial; 
	font-size: 13px; 
	color: #0E54AF;
}

.inputTextMini
{
	background-color: #EFEFEF;
	border-bottom: 1px solid #CCCCCC;
	border-right: 1px solid #CCCCCC;
	border-left: 1px solid #999999;
	border-top:	1px solid #999999;
	width: 10%;
	text-align: left; 
	font-family: Verdana, Arial; 
	font-size: 13px; 
	color: #0E54AF;
}

.inputTextVeryMini
{
	background-color: #EFEFEF;
	border-bottom: 1px solid #CCCCCC;
	border-right: 1px solid #CCCCCC;
	border-left: 1px solid #999999;
	border-top:	1px solid #999999;
	width: 5%;
	text-align: left; 
	font-family: Verdana, Arial; 
	font-size: 13px; 
	color: #0E54AF;
}

textarea.textareaMaxi
{
	background-color: #F4F4F4;
	width: 100%;
	border-bottom: 1px solid #CCCCCC;
	border-right: 1px solid #CCCCCC;
	border-top: 1px solid #666666;
	border-left: 1px solid #666666;
	text-align: left; 
	font-family: Verdana, Arial; 
	font-size: 13px; 
	color: #0E54AF;
	height: 60px;
}

textarea.textareaMedium
{
	background-color: #F4F4F4;
	width: 100%;
	border-bottom: 1px solid #CCCCCC;
	border-right: 1px solid #CCCCCC;
	border-top: 1px solid #666666;
	border-left: 1px solid #666666;
	text-align: left; 
	font-family: Verdana, Arial; 
	font-size: 13px; 
	color: #0E54AF;
	height: 40px;
}

textarea.textareaSmall
{
	background-color: #F4F4F4;
	width: 80%;
	border-bottom: 1px solid #CCCCCC;
	border-right: 1px solid #CCCCCC;
	border-top: 1px solid #666666;
	border-left: 1px solid #666666;
	text-align: left; 
	font-family: Verdana, Arial; 
	font-size: 13px; 
	color: #0E54AF;
	height: 40px;
}

.TextReadOnlyStampa
{ 
	background-color: transparent; 
	border: 0;
	text-align: left; 
	font-family: Verdana, Arial; 
	font-size: 13px; 
	color: #0E54AF;
	width: 100%;
}

.multiDdmMediumLarge
{
	background-color: #EFEFEF;
	width: 70%;
	text-align: left; 
	font-family: Verdana, Arial; 
	font-size: 13px; 
	color: #0E54AF;
}

.divFigureProfessionali
{
	padding: 5px 0px 5px 0px;
	border: 0px;
	clear: both;
}

.floatLeft
{
	float: left;
}

.floatRight
{
	float: right;
}
/* @fp (16958) fine */

/*@fp (agenda) inizio */
input.agendaEmpty	    { background-color: #D1D1D1; border-bottom: 1px solid #666666; border-right: 1px solid #666666; border-left: 1px solid #999999; border-top: 1px solid #999999; color: #FFFFFF; font-weight: bold; text-transform: lowercase; font-size: 0.9em; width: 100%; height: 100%; }
input.agendaFull	    { background-color: #B1B1B1; border-bottom: 1px solid #666666; border-right: 1px solid #666666; border-left: 1px solid #999999; border-top: 1px solid #999999; color: #FFFFFF; font-weight: bold; text-transform: lowercase; font-size: 0.9em; width: 100%; height: 100%; }
div.agendaEmpty		    { width: 100%; background: #D1D1D1; height: 100%; text-align: center; }
div.agendaFull		    { text-align: center; background-color: #B1B1B1; border-bottom: 1px solid #666666; border-right: 1px solid #666666; border-left: 1px solid #999999; border-top: 1px solid #999999; color: #FFFFFF; font-weight: bold; text-transform: lowercase; font-size: 0.9em; width: 100%; height: 100%; }
/*@fp (agenda) fine */

/*CSS per blocco di errore*/
div.errore
{
    padding: 10px;
    margin: 20px 0px 0px 25%;
    width: 75%;
    border: 2px solid #FF0000;
    position: fixed;
}

/*----NUOVA GRAFICA----*/
/*RIGA SOTTO IL MENU*/
div.sotto_menu_h
{
    width: auto;
    vertical-align: middle;
    height: 40px;
	background: url(../../images/bg_sotto_menu_h.gif) top left repeat-x;
}

div.sotto_menu_h_left
{
    padding-top: 10px;
    padding-left: 20px;
    float: left;
    width: auto;
    vertical-align: middle;
	background: inherit;
}

div.sotto_menu_h_right
{
    padding-top: 10px;
    padding-right: 20px;
    float: right;
    vertical-align: middle;
	background: inherit;
}

/*RIEPILOGO LAVORATORE*/
.riepilogo_lav
{
	width: 97%;
	border: 3px solid #E4E4E4;
	margin: 0px 0px 0px 20px;
	text-align: left;
	background: #F5F5F5;
}

.riepilogo_lav table tr td
{
	padding: 0px 0px 0px 20px;
	height: 30px;
	color: #1A4A96;
	vertical-align: middle;
	border-collapse: collapse;
	width: auto;
/*
	border-bottom:1px solid #DDD;
	border-right:1px solid #DDD;
*/
}

.riepilogo_lav table tr
{
    background:url(../../images/ico_freccia_riepilogo_lav.gif) left no-repeat;
}

.riepilogo_lav table.infopersona
{
    background: #DDDDDD;
}

/*BOTTONIERA NAVIGAZIONE*/
.bottoniera_table
{
    clear: left;
    text-align: center;
    padding: 0px 40px;
    margin: 20px auto 18px;
    width:auto;
}

.bottoniera_row
{
    height: 30px;
    clear: left;
	margin: 0px auto;
	width:inherit;
}

.bottoniera_cell
{
    width: auto;
	display:inline;
}

/*FORMATTAZIONE TESTO*/
.Text_BoldRed
{
    color: #FF0000;
    font-weight: bold;
}

.Text_User
{
    color: #0E54AF;
    font-weight: bold;
}

.Text_Bold
{
    font-weight: bold;
}

/*TAG GENERICI*/
/*div principale*/
.contentMain
{
    width: auto;
    height: auto;
    clear: left;
    padding: 0px 0px 20px 20px;
}

/*div di contenimento dati*/
.contentMain_data
{
    width: 80%;
    float: left;
    height: 100%;
    padding: 0px 0px 20px 0px;
}

/*div per bottoniera a destra del contenimento dati*/
.contentMain_btnRight
{
    width: 15%;
    float: right;
    height: 100%;
}



/*@Ab(grafica homepage) inizio*/
/*****************Elementi angoli user.asp*******************/


.pageMainCenter
{
	background-color: #FFFFFF;
	padding-top: 20px;
	padding-left: 10px;
	padding-bottom: 20px;
	padding-right: 10px;
	border: solid 1px #000033;
}

.contenitore
{
	background-color: #0E56A2;
	height: 50px;
}
.topleft
{
	/*background: url(../../images/top_left.gif) no-repeat top left;*/
}
.topright
{
	/*background: url(../../images/top_right.gif) no-repeat top right;*/
}
.contenuto
{
	padding: 1px;
	color: #cccccc;
	font-family: Verdana, Arial; 
	font-size: 13px;
	font-weight: bold;
	text-align: center;
	height: 100%;
}
/*@Ab(grafica homepage) fine*/



/*@Vp(grafica profiling qualificativo) inizio*/
.profiling_stepper {
     height:auto;
     margin-bottom:200px;
}
.profiling_stepper fieldset {
    height:auto;
    width:auto;
    margin:0;
    padding:0;
    background:none;
    border:none;
}

.profiling_stepper textarea {
    min-width:250px;
    min-height:50px;
    width:350px;
    height:80px;
}

.profiling_stepper select.formcol
{
    max-width:450px; 
}
.profiling_stepper .stepper {
    height: auto;
    margin: 20px auto 10px auto;
    max-width:500px; 
    text-align:center;
    border:1px solid #999999;
    background-color:#DDDDDD;
    padding: 0;
}
.profiling_stepper .stepper td {
    height: 30px;
    width: 30px;
    border:1px solid #1A4A96;
    background-color:#DDDDDD;
    padding: 15px;
    color: #1A4A96;
    font-weight:normal;
    font-size:20px;
    font-weight:bold;
}

.profiling_stepper .question {
    height: auto;
    padding: 0;
    margin:  0;
}
.profiling_stepper .question tr
{
    position:relative;
}
.profiling_stepper .question tr.title_question {
    width: auto;
    padding: 0;
    margin:  0;
}
.profiling_stepper .question tr.question_header:nth-child(1) .question_title {
    background: url(../../images/bg_menu_sezione.gif) right bottom no-repeat #0E54AF;
    color: white !important;
    padding: 20px;
    margin:  0;
}
.profiling_stepper .question tr td {
    position:relative;
    height: auto;
    width: auto;
    padding: 0;
    margin:  0;
}
.profiling_stepper .question .question_title {
    color: black;
    text-align:left;
    font-size:16px;
    font-weight:bold;
}
.profiling_stepper .question .question_subtitle {
    color: black;
    text-align:left;
    font-size:14px;
    font-weight:bold;
}

.profiling_stepper .answer {
    width: 97%;
    margin: 10px 0px;
    padding: 0;
}
.profiling_stepper .answer .answer
{
    width: auto;
    position: absolute;
}
.profiling_stepper .fullHeight .answer .answer
{
    width: 100%;
    position:relative;
    top:unset;
    left:unset;
}
.profiling_stepper .fullHeight .answer {
    margin: 0;
    padding: 0;
}

.profiling_stepper .title_multi_question
{
    width: 100%;
    font:16px;
    float:left;
}
.profiling_stepper .answer li{
    text-decoration: none;
    list-style: none;
    margin: 0;
    padding: 0;
    vertical-align: top;
    text-align: left;
    min-width: 100px;
}
.profiling_stepper .answer.h,
.profiling_stepper .answer.h li{
    display:inline-block;
}
.profiling_stepper .answer.v,
.profiling_stepper .answer.v li{
    display:block;
}
.profiling_stepper .answer .answer,
.profiling_stepper .answer li .answer li{
    display:block;
}
.profiling_stepper .answer.hor {

}
.profiling_stepper .answer.hor li{
    display:inline-block !important;
}
.profiling_stepper .answer.ver {

}
.profiling_stepper .answer.ver li{
    display:block !important;
}
.profiling_stepper .answer .question {
    width: auto;
    position: absolute;
    left: 80px;
    right: 0;
    top: 50px;
}
.profiling_stepper .answer .answer_title {
    color: black;
    text-align: left;
    font-size: 13px;
    font-weight: normal;
    padding: 0;
    margin: 0;
    margin-bottom: 5px;
}

.pulsantiera_modal_profiling
{
    position:fixed;
    left:0;
    bottom:0;
    width:100%;
    background-color:transparent;
}
.pulsantiera_modal_profiling tr {
    height:20px;
}
.pulsantiera_modal_profiling p {
    max-width: 550px;
    margin: 0 auto;
    padding: 10px;
    margin-bottom: 60px;
}
.pulsantiera_modal_profiling p.success {
    color: black;
    font-size: 12px;
    font-weight: bold;
    background: yellowgreen;
    border: 1px solid green;
    font-style: italic;
}
.pulsantiera_modal_profiling p.error {
    color: black;
    font-size: 12px;
    font-weight: bold;
    background-color:indianred;
    border: 1px solid red;
    font-style: italic;
}
.elencoTabella {
    padding: 0 10px;
}
table > .elencoTabella {
    min-width:300px;
}
/*@Vp(grafica profiling qualificativo) fine*/