/* commento */

body {

				font-family: Verdana,Garamond,Arial,sans-serif;

				font-size: 14px;

				color: black;

				text-align: left;

				padding: 0px;

				margin: 0px;

				background-color: #ABABAB;

}

 

.sxalign {text-align: left; margin-left: 1em;}

.cnalign {text-align: center;}

.dxalign {text-align: right; margin-right: 1em;}







 

input,  select, button {  

				border: 1px solid #00295A;

				font-family: inherit;

				font-size: 12px;

                                background-color: #fff;

}  









textarea {

  font-family: inherit;

  font-size: 12px;

  background-color: #fff;

  resize: none;

  border-radius: 8px;

  border: 1px solid #00295A;

  padding: 0.5rem;

 

  box-shadow: inset 0 0 0.25rem #ddd;

  &:focus {

    outline: none;

    border: 1px solid darken(#ddd, 5%);

    box-shadow: inset 0 0 0.5rem darken(#ddd, 5%);

  }

  &[placeholder] { 

    font-style: italic;

    font-size: 0.875rem;

  }

}



.the-count {

  

  /* float: right; */

  padding: 0.1rem 0 0 1rem;

  font-size: 0.875rem;

}







div {

				font-family: inherit;

				font-size: inherit;

				/*font-size: 14px;*/

				color: inherit;

				text-align: inherit;

				margin-top: 3px;

				margin-bottom: 3px;

}

 

span.hyperlink, a { text-decoration: none; color: #00295A; cursor: pointer;font-weight: bold;  }

span.hyperlink:hover, a:hover { text-decoration: underline; color: red; } 

span.hyperlink:visited, a:visited { text-decoration: none; color: blue; } 

span.hyperlink:current, a:current { text-decoration: underline; font-weight: bold; } 



/*banner*/

#banner {

				margin-left: auto;

				margin-right: auto;

				border: 2px solid #AAAAAA !important;

				background-color: #FFFFFF;

				/*background-position: left;

				background-repeat: no-repeat;

				background-size: contain;

				overflow: hidden;*/

				width: 998px;

				height: 65px;  

				box-shadow: 0 2px 5px #000000;				

}



#banner div#image {

				margin: 0px;

				/*margin-bottom: 0;*/

				/*margin: 10px 0px 0px 13px;*/

				background-image: url("../images/bar.png");

				/*background-position: center;*/

				/*background-repeat: no-repeat;*/

				/*background-size: contain;*/

				overflow: hidden;

				/*width: 100%;*/

				height: 65px;  				

}



#logger {

				margin-left: auto;

				margin-right: auto;

				/* border: 2px solid #AAAAAA !important; */

				background-color: #FFFFFF;

				/*background-position: left;

				background-repeat: no-repeat;

				background-size: contain;

				overflow: hidden;*/

				width: 998px;

				/*height: 50px;*/

				height: 200px;  

				/*box-shadow: 0 2px 5px #000000;*/

				overflow: auto;				

	

}







/* Questionario */

div.qstnr {

				margin-left: auto;

				margin-right: auto;

				margin-top: 2px;

				border: 2px solid #AAAAAA !important;

				background-color: #ffffff;

				/*border-left: 1px solid #aaaaaa;*/

				/*border-right: 1px solid #aaaaaa; */

				overflow: hidden;

				width: 998px;

				/* min-height:300px; */

				box-shadow: 0 2px 5px #000000;

}



div.bottoni1 input {  

				margin: 5px 0 5px 10px;

				border: 1px solid #00295A;

} 

div.bottoni2 input {  

				margin: 5px 0 5px 10px;

				border: 1px solid #00295A;

} 



button.bottoni2 input {

				margin: 5px 10px 5px 0;

				border: 1px solid #00295A;

} 



#btn_chiudi { display:none; }

#btn_salva_invia { display:none; }



.dxalign  {  

        text-align: right;

} 

.qv .dxalign , .qv {  

				border: 1px solid #00295A;

                                text-align: right;

} 



 



/* Barra con comandi mostra/nascondi indice, elettore css, esci */

#toolbar {

				text-align: right;

				margin-top: 0px;

				margin-bottom: 0px;

				padding-left: 5px;

				padding-top: 0px;

				padding-bottom: 0px;

				padding-right: 20px; 

}



#toolbar > .hyperlink:first-child {

				margin-right: 20px;

}



#toolbar > .hyperlink:last-child {

				margin-left: 20px;

}



/* Questionario indice*/

div.qstnr_ind { 

				margin: 0px;

				

				margin-bottom: 5px;

				padding: 10px;

				background-color: #ffffff;

				border-bottom: 1px solid #aaaaaa;

				overflow: auto;

}

div.qstnr_ind_oriz { 

				margin: 0px;

				margin-bottom: 5px;

				padding: 10px;

				background-color: #ffffff;

				border-bottom: 1px solid #aaaaaa;

				

}



#menuQuestOriz {

    padding-bottom: 5em;

    padding-top: 5em;

}

/* menu questionario orizzontale */

ul#menuQuestOriz {

    font-family: Verdana, sans-serif;

    font-size: 10.8px;

    margin: 0;

    padding: 0;

    list-style: none;

   

}

ul#menuQuestOriz li {

    background-color: #6c7173;

    border-bottom: 2px solid #515454;

    display: block;

    width: 150px;

    height: 30px;

    margin: 1px;

    float: left; /* elementi su singola riga */

}

ul#menuQuestOriz li a {

    color: #fff;

    display: block;

    font-weight: bold;

    line-height: 1.4em;

    text-decoration: none;

    height: 30px;

    text-align: center;

}

ul#menuQuestOriz li.active, ul#menuQuestOriz li:hover {

    background-color: #54BAE2;

    border-bottom: 2px solid #577da6;

   

}



#menuQuestOrizCurrent {

	border-top: 2px solid #0678f8 !important;

	border-bottom: 0px solid #577da6 !important;

}



/* Sezione: intestazione e quesiti */

div.szn {

				/*border: 1px solid #00295A;*/

				margin: 0px;

				padding: 2px;

}



/* Sezione: intestazione (contiene nome e descrizione) */

div.szn_int { 

				font-size: 125%;

				font-style: italic;

				font-weight: bold;

				margin: 5px;

				padding: 10px;

				background-color: #eeeeee;

				border: 1px solid #CCC;

				box-shadow: 0 2px 8px #000000;	

				color: #00295A;

}







/* Sezione: intestazione (contiene nome e descrizione) */

#questBloccato { 

				font-size: 125%;

				font-style: italic;

				font-weight: bold;

				margin: 5px;

				padding: 10px;

				background-color: #eeeeee;

				border: 1px solid #CCC;

				box-shadow: 0 2px 8px #000000;	

				color: #00295A;

                                text-align: center;

}

/* Sezione: nome */

div.szn_int_nm {

				margin: 0px;

				padding: 2px;

}



/* Sezione: descrizione */

div.szn_int_dsc {

				font-size: 80%;

				margin: 0px 0px 0px 30px;

				padding: 0px;

				font-style: italic;

				/* background-image: url("../images/stock_mail_druid_account.png");  LAURA: commentato perche' manca img */

				background-position: right;

				background-repeat: no-repeat;

				background-size: contain;

				width: 95%;

}



div.skrmt { 

				margin: 5px;

				padding: 10px;

				background-color: #ffffff;

				border: 1px solid #CCC;

				box-shadow: 0 2px 8px #000000;	

				color: #00295A;

}





/* Riquadro: (contiene quesiti) */

div.rqdr {

				border: 1px solid #CCC;

				box-shadow: 0 2px 8px #000000;	

				margin: 5px;

				margin-top: 10px;

				padding: 10px;

				overflow: auto;

}



div.rqdr_1,div.rqdr_2 {

				border: 1px solid #CCC;

				box-shadow: 0 2px 8px #000000;	

				margin: 5px;

				margin-top: 10px;

				padding: 10px;

				overflow: auto;

				background-color: #FFFFFF !important;

}



/* Box note */



div.boxnote {

	padding: 26px;

	border: 1px solid #b4b4b4;

	-moz-border-radius: 10px;

	-webkit-border-radius: 10px;

	background-color: #e4e4e4;

	margin:10px;

	margin-left:30px;

	margin-right:30px;

}





/* Box note sezione */



div.boxNoteSezione {

	padding: 26px;

	border: 1px solid #b4b4b4;

	-moz-border-radius: 10px;

	-webkit-border-radius: 10px;

	background-color: #e4e4e4;

	margin:10px;

	margin-left:30px;

	margin-right:30px;

}



/* Sezione: suggerimento */

div.testoSuggerimentoSezione {

				font-weight: normal;

				font-style: italic;

				text-align: justify;

				font-size: 95%;

				

				margin: 5px;

				padding: 0px;

				padding-left: 25px;

				padding-right: 20px;	

}



/* Quesito: (contiene testo e variabili) */

div.qst {

        border: 0px solid #dddddd;

        margin: 0px;

        margin-top: 10px;

        margin-bottom: 20px;

      /*  overflow: auto; */

}

 

.hiddens {

				padding: 0px;

				margin: 0px;

				width: 95%;	

				height: 1px;

}



/* Quesito: testo (contiene anche il suggerimento) */

div.qst_tst {

				font-weight: bold;

				text-align: justify;

				margin: 0px;

				padding: 0px;

				padding-top: 5px;

				padding-bottom: 5px;

				color: #00295A;

}



table.qst_tst td {vertical-align:top;}

table.qst_tst td.n {font-size: 110%;

				font-style: italic;

				font-weight: bold;

	text-align:right;}



/* Quesito: suggerimento */

div.qst_sgg {

				font-weight: normal;

				font-style: italic;

				text-align: justify;

				/*font-size: 100%;*/

				/*color: black;*/

				margin: 5px;

				padding: 0px;

				padding-left: 25px;

				padding-right: 20px;	

}



/* Quesito: variabili */

div.qst_vars {

				margin: 0px; 

				padding: 0px;

				/*text-align: center;*/

				clear: both;

				width: 100%;

				overflow: hidden;

}



.tableError {

    border: 0;

}

.tableError  tr, .tableError td {

    border: 0;

}

 





.tableErrorMatrice {

     table-layout: fixed;

}

.tableErrorMatrice  tr{

 }

.tableErrorMatrice   td {

    white-space:pre-wrap;

    white-space:-moz-pre-wrap;

    white-space:-pre-wrap;

    white-space:-o-pre-wrap;

    word-wrap:break-word;



}

div.qst_vars_elem {

        min-height: 12px;

        overflow: hidden;

}



div.floatleft {

        float: left !important; 

}



div.floatright {

        float: right !important;

}



div.clearboth {

   clear: both !important;  

}



div.qst_vars_elem > input, div.qst_vars_elem > select, div.qst_vars_elem > textarea {

				margin: 5px 0px 5px 20px;

				float: left !important;

}



div.qst_vars_elem > label {

    margin: 0px 5px 0px 20px;

    float: left; 

}



div.qst_vars_elem > textarea {

				width: 880px !important;

				min-height: 100px;

				resize: vertical;

}



div.qst_vars_elem > div > input {

				/*width: 100%;*/

				margin: 0px !important;

}



div.qst_vars_elem:first-child > div {

				font-weight: bold;

				color: #00295A;

}



div.bottoni2 input,div.bottoni1 input {

				font-weight: bold;

				color: #00295A;

}



div.qv_nota {

				text-align: justify;

				font-style: italic;

				color: blue;

				padding-left: 20px;

				padding-right: 20px;	

}



.mod_nota {

				text-align: justify;

				font-style: italic;

				color: blue;

				padding-left: 40px;

				padding-right: 0px;	

}



/* Barra di navigazione in basso (pulsanti >>, <<, Salva, Invia) */

#navbar {

				clear: both;

				width: 100%;

}



#navbar > .bottoni1 {

				margin: 5px;

				float: left;

}



#navbar > .bottoni2 {

				margin: 5px;

				float: right; 

				margin-right: 10px;

}



#btnprevnext {

				float: left;

}



#btnsavesend {

				float: right;

}



/* Immagine per caricamento ajax in corso */

#loading {

				position: absolute;

				top: 0px;

				bottom: 0px;

				left: 0px;

				right: 0px;

				border: 0px solid blue;

				background-color: rgba(225,225,225,0.9);

				text-align: center;

				height: 100%;

}



.loadDiv {

    

				position: absolute;

				top: 0px;

				bottom: 0px;

				left: 0px;

				right: 0px;

				border: 0px solid blue;

				background-color: rgba(225,225,225,0.9);

				text-align: center;

				height: 100%;

}



#loadingimg {

				margin-top: 20%;

}



/*tabelle*/

.tabella {

	border-top: 1px solid #00295A;

    border-bottom: 1px solid black;

    margin-left:20px;

}



.tabella  .titolitabella th {

        border-bottom: 1px dashed gray;

}



.tabella  th, .tabella  td {

        text-align:center;

        padding-left:5px;

        padding-right:5px;

}



.tabella  td.etichetta {

        text-align:left;

}



.tabella  tr:nth-child(odd) {

        background-color: transparent;

}



.tabella  tr:nth-child(even) {

        background-color: rgba(0,0,0,0.1);

}



.pretitolitabella th {

        background-color: rgba(0,0,0,0.1);

}



/*matrici*/

.qm {

	border-top: 1px solid #00295A;

    border-bottom: 1px solid black;

    margin-left:20px;

}



.qm .qmtd_cr, .qm .qmtd_c  {

        border-bottom: 1px dashed gray;

}



.qm .qmtd_cr, .qm .qmtd_c, .qm .qmtd {

        text-align:center;

        padding-left:5px;

        padding-right:5px;

}



.qm .qmtd_r {

        text-align:left;

        padding-left:10px;

}



.qm  tr:nth-child(odd) {

        background-color: transparent;

}



.qm tr:nth-child(even) {

        background-color: rgba(0,0,0,0.1);

}



.qm .qst_vars_elem {

	padding:2px;margin:2px;

}

.qm div.qst_vars_elem > input, 

.qm div.qst_vars_elem > select, 

.qm div.qst_vars_elem > textarea, 

.qm div.qst_vars_elem > label {

	margin-left:initial;

	margin-right:initial;

	float:none;

}



/*tabelle*/

.qt {

	border-top: 1px solid #00295A;

    border-bottom: 1px solid black;

    margin-left:20px;

}

 



.qt tbody th {

        border-bottom: 1px dashed gray;

        background-color: rgba(0,0,0,0.2);

}



.qt tbody th, .qt tbody td {

        text-align:center;

        padding-left:5px;

        padding-right:5px;

}



.qt  tbody tr:nth-child(odd) {

        background-color: transparent;

}



.qt  tbody tr:nth-child(even) {

        background-color: rgba(0,0,0,0.1);

}



.qt  tbody tr:nth-child(even) input, .qt  tbody tr:nth-child(even) select {

        background-color: transparent;

}



/* tabelle riepilogo sezioni modulari */

table.rmod {

	border-top: 1px solid #00295A;

    border-bottom: 1px solid black;

    margin-left:20px;

}

/*

table.rmod th {

        border-bottom: 1px dashed gray;

        

}



table.rmod th, .qt td {

        text-align:center;

        padding-left:5px;

        padding-right:5px;

}



table.rmod  tr:nth-child(odd) {

        background-color: transparent;

}



table.rmod  tr:nth-child(even) {

        background-color: rgba(0,0,0,0.1);

}



table.rmod  tr:nth-child(even) input, .qt  tr:nth-child(even) select {

        background-color: transparent;

}

*/

div.rmod {

    padding-top: 1em;

     clear: both;

}



.removed { text-decoration:line-through; color:#bbbbbb;}



label {max-width:90%;}



.modsugg {font-size: 75%; font-style: italic; padding-left:20px; display:none;line-height:150%;}

.sugglink {font-size: 75%; font-style: italic; padding-left:20px;white-space: nowrap;}

.varstable {width:95%;}



.regolaMsg {font-size: 75%; font-style: italic; padding-left:20px; color: red; text-align: left;}

.regolaMsgOrange {font-size: 75%; font-style: italic; padding-left:20px; color: orange; border:0;text-align: left;}



.errorConfig {font-size: 125%; font-style: italic; padding-left:20px; color: red; text-align: left;}



/* css per le sezioni intestazioni */



/* Quesito Riga Colonna in riga: (contiene testo e variabili) X LE SEZIONI INTESTAZIONI */

div.qst_rig_intest {

	border:1px solid #dddddd;

	margin:5px;

	padding:5px;

	overflow:auto;

}





/* Quesito: testo (contiene anche il suggerimento) */

div.qst_tst_intest {

				font-weight: bold;

				text-align: justify;

				margin: 0px;

				padding: 0px;

				padding-top: 5px;

				padding-bottom: 5px;

				color: #00295A;

}



table.qst_tst_intest td {vertical-align:top;}

table.qst_tst_intest td.n {font-size: 110%;

				font-style: italic;

				font-weight: bold;

	text-align:right;}





/* Quesito: variabili */

div.qst_vars_intest {

				margin: 0px; 

				padding: 0px;

				/*text-align: center;*/

				clear: both;

				width: 100%;

				overflow: hidden;

                font-weight: bolder;

                                

}





.borderError {

    border-color: red;

}



.borderErrorOrange {

    border-color: orange;

}



select[disabled] { background-color:rgba(0,0,0,0.1); }



input[readonly] { background-color:lightgray; } 

 

/* variabili figlie */

.figlio {padding-left:20px; font-style: italic; font-weight:normal;}



/* per tabelle espanse paginte */

tr.nav td.nav { text-align:right; background-color: white;}



.indiceselezionato {

	margin:1px;

	color:red;

	font-weight:bold;

	text-decoration:none;

	padding:3px;

	border:1px solid red;

}

.indicenonselezionato {

	margin:1px;

	color:black;

	font-weight:normal;

	text-decoration:none;

	padding:3px;

	border:1px solid white;

}



.numPgRiepModSelected{

   margin:1px;

	color:red;

	font-weight:bold;

	text-decoration:none;

	padding:1px;

	border:1px solid red;

}



.numPgRiepMod{

   margin:1px;

	color:black;

	font-weight:normal;

	text-decoration:none;

	padding:1px;

	border:1px solid white;

}



.pagRiepilogotd{

    text-align: center;

    

}



.imgPgModuli

{

     cursor: pointer; 

}



.labelModDel{

    width: 95%;

    text-align: center;

    color:red;

    font-weight:bold;

    font-size: 14px;

}



.tabRiepilogoModuli

{

    border: 1px solid rgb(170, 170, 170); 

    border-top-left-radius: 8px; 

    padding: 5px; 

    background-color: rgb(221, 221, 221);

}

 

.tabRiepilogoModuliSelected

{

    border: 1px solid rgb(170, 170, 170); 

    border-top-left-radius: 8px; 

    padding: 5px; 

    background-color: rgb(255, 255, 255);

}



.indiceSezioneCaricato{

    text-decoration: underline;

    background-color: #0e76bc;

    color: white !important;

}





.radioOrizColonna{

    line-height: 20px;

}



.sottoTabellaMatriceRadio {

    width: 100%;

  

}





.sottoTabellaMatriceRadio  tr:nth-child(odd) {

        background-color: transparent;

}



.sottoTabellaMatriceRadio tr:nth-child(even) {

        background-color: transparent;

}







.inputCheck {

 }

 

 .inputRadio{

 }

 

 

.inputCheckDisabled {

 }

 

 .inputRadioDisabled {

 }

 .inputSelectDisabled {

 }

 

 .inputDisabled {

 }

 



 #bloccoIconaUploadSezMod {

     

 }

 

  #bloccoIconaUploadSez {

     

 }

 

 #bloccoIconaUploadQuesito {

     

 }

 

 

 div.szn_testo_riepilogo {

     padding: 26px;

	border: 1px solid #b4b4b4;

	-moz-border-radius: 10px;

	-webkit-border-radius: 10px;

	background-color: #e4e4e4;

	margin:10px;

	margin-left:30px;

	margin-right:30px;

 }

 

 







.nascondiIndice {

     margin-right: 0.5em;

}



.listaLingue {

     margin-right: 0.5em;

}

.pulsanteHelp{

    margin-right: 0.5em;

    

}

.pulsanteEsci {

     margin-right: 0.5em;

}



.pulsanteUpDownload{

     margin-right: 0.5em;

}



.btnContatti{

    margin-right: 0.5em;

}

.iconaContatti{

    width: 20px;

    height: 20px;

}



.linkLang{

      font-weight: bolder;

}

.currentLang

{

    

}







table.tabellaContattiQuest {

 margin: 2em;

 color: #00008B;

 font-size: 14px;

 border-spacing: 2px;

    border-collapse: separate;

 }



table.tabellaContattiQuest th 

{

  text-align: center;

  border:  dotted  ;    

  border-width: thin;

}



table.tabellaContattiQuest tr

{

 

}



table.tabellaContattiQuest td {

  border:  dotted  ;    

  border-width: thin;

  color: #00008B;

 font-size: 14px;

}



/* upload file  */

 

.divUpload

{

     width:95%;

 

    

    border: 1px solid #fff !important;  

    background-color: #fff !important;

    -moz-border-radius: 0px !important;

    -webkit-border-radius: 0px !important;	

    padding: 3px !important;

    margin-left: 2em;

    margin-top: 1em;

    color: #363131;

}

 

 .iconsUpload

{

    border:  0px;

    width:   32px; 

    height:  32px; 

    cursor:  pointer  !important;

    opacity: 0.8;

    filter:  alpha(opacity=80); /* For IE8 and earlier */

    vertical-align: middle;

}

.iconsUpload:hover 

{

    opacity: 1;

    filter:  alpha(opacity=100); /* For IE8 and earlier */

}







.form-row{

  border: 1px solid #999;

    background-color:#DDD;

     height:32px;

      

}

 



.name-file {

     display: inline-block;

     width:70%;

     padding:0 20px;

    line-height:30px;

    font-family: Consolas, monaco, monospace;

    font-size:12px;

     box-sizing: border-box;





}



.myButtonFile {

	background-color:#3D85CA;

	display:inline-block;

	cursor:pointer;

	color:#ffffff;

	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;

	font-size: 14px;

	padding:0 20px;

        line-height:30px;

	text-decoration:none;

        width: 20%;

        text-align:center;

        float: right;

}

.myButtonFile:hover {

	background-color: #58a2e9;

}

.myButtonFile:active {

	position:relative;

	top:1px;

}

 

.inputDocument {

    display:none;

}



.myFile 

{



    display: none;

     

}





.iconaQuesitoDown{

    position: relative;

    top: -10px;

    padding-left: 8px;

    

}





.qttd_foot {

    

    background-color: #FFFFFF;

    text-align: left;

}



.qst_msg_error{

    

    color: #da0d14;

    text-align: center;

    

}





/* Personalizzazione dialog errori di coerenza */

.error-dialog.ui-widget {

    font-family: Verdana,Arial,sans-serif;

    font-size: 1em;

}



.error-dialog.ui-widget-content {

    /* background: #DDD; */

    border: 1px solid #7d7f81; 

    /* border-radius: 24px 1px 1px 24px; */

    color: #222222 !important;

    margin-bottom: 0px !important;   

    width: auto !important;

    max-width: 50% !important;

    min-width: 20% !important;    

}



.error-dialog.ui-dialog {

    left: 40% !important;

    outline: 0 none;

    padding: 0 !important;

    position: absolute;

    top: 0;

} 



.error-dialog.ui-dialog .error-dialog.ui-dialog-content {

    background: none repeat scroll 0 0 transparent;

    border: 0 none;

    overflow: auto;

    position: relative;

    padding: 0 !important;

}



.error-dialog.ui-widget-header {

   /* background: #F9F9F9;*/

    border: 0;

    color: #fff;

    font-weight: normal;

}



.error-dialog .ui-dialog .error-dialog.ui-dialog-titlebar {

    padding: 0.1em .5em;

    position: relative;

    font-size: 1em;

}



.error-dialog.ui-widget-titlebar {background-color:solid black;color:#da0d14;}



.error-dialog .container {right: 0; text-align: center;}



.error-dialog .container .left, .error-dialog .container .center, .error-dialog .container .right { display: table-cell; }



.error-dialog .container .left { float: left; width: 5%; margin-top: 18px; padding-left: 10px !important;  }

.error-dialog .container .center { margin: 0 auto; margin-top: 10px; }

.error-dialog .container .right { float: right; padding-right: 4px !important; margin-top: 2px; margin-bottom: 5px;}

.error-dialog .clear { clear: both;}



.error-dialog .container:nth-child(3) {border-top: 1px #7d7f81 solid !important;}

.error-dialog .container:nth-child(1) {margin-top:-6px; }





.error-dialog .hand {

    cursor: pointer;

    border: 2px #e50808 solid;

    }



.error-dialog .txtAttention {

    color: #da0d14;

    font-weight: bold;

     padding-right:10em;

}



.divError {

	padding-left: 0px !important; 

	padding-bottom: 0px !important; 

	padding-right: 0px !important;

    margin-left: 0px !important; 

    margin-bottom: 0px !important; 

    margin-right: 0px !important; 

    }

    

.divError ul {

	  list-style-type: none;

}

.divError ul li  {margin-right: 10px !important;}

    

  

.imgErr {

      cursor: pointer;

}



.indentError {

    margin-left: 10px;

}





div.dataTables_wrapper {

/* width: 900px; */

margin: 0 auto;

float: left;

}



/*************************************************************/

/* CSS NAVIGATORE */

/*************************************************************/





.navigatore .dataTables_wrapper 

{

     font-size: 12px;

}



.navigatore .dataTable 

 {

     font-size: 12px;

 }

 

.navigatore .paging_simple_numbers 

 {

     font-size: 12px;

 } 

 

 .navigatore .dataTables_filter

 {

    display: none;

 }

 

 

 .navTable th {

  border-top: 1px solid #dddddd;

  border-bottom: 1px solid #dddddd;

  border-right: 1px solid #dddddd;

}



 .navTable th:first-child {

  border-left: 1px solid #dddddd;

}

/*

.labelLeftAutoComplete 

{

    display:block;

    float:left;

}



.labelRightAutoComplete 

{

    display:block;

    float:right;

}*/



.iconaGoModulo {

    width: 25px;

    height: 25px;

}



 



  .custom-combobox {

    position: relative;

    display: inline-block;

    	white-space: nowrap;

  }

  .custom-combobox-toggle {

    position: absolute;

    top: 0;

    bottom: 0;

    margin-left: -1px;

    padding: 0;

  }

  .custom-combobox-input {

    margin: 0;

    padding: 5px 10px;

  } 

  

  

.custom-combobox .custom-combobox-toggle {

    position: relative;

    top: -0.1em;

    bottom: 0;

    padding: 0.9em;

}



.custom-combobox-input {

    background:none;

}



 





/* altezza combox big dim lista item */

.ui-menu-item a {

 line-height: 2em;

}





/* Dimensione del menu a tendina che si apre */



.ui-autocomplete {

    max-height: 200px;

    overflow-y: auto;

    /* prevent horizontal scrollbar */

    overflow-x: hidden;

    /* add padding to account for vertical scrollbar */

    padding-right: 20px;

    } 

    

    

    /* levato perchè da fastidio alla finestra degi errori dell'upload 

    

    .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {

    border: 1px solid #d3d3d3;

    background: none;

    font-weight: normal;

    color: #555555;

}

*/



/* Inizio Riepilogo sezione modulare */

.szn_mod_tbl  {width: auto !important; margin-left: 32px !important; margin-top: 20px !important;}

.szn_mod_tbl td div {padding:8px;}

.szn_mod_tbl td:first-child div {padding-left:20px; padding-right:20px; text-transform: uppercase;text-decoration: underline;border-top-left-radius: 0px;}

.szn_mod_tbl td:first-child  {padding-left:0px; padding-right:10px;      }

 

.rmod.dataTable th {text-align:left !important; font-size: 14pt; }

.rmod.dataTable td {padding: 0px !important; border-bottom: 1px solid #c6c6c7;}

.rmod.dataTable tr:hover {background: #f5f4f6;}

.rmod.dataTable:first-child:hover th {background: #fff !important;}

.rmod.dataTable td:nth-child(1) {text-align: center;}



.tabRiepilogoModuliSelected {border-bottom: 3px solid #0062ff;}



.btnAddMod 

{

   cursor: pointer;

   	background-color: #6e858f;

	border: 0px;

	color: #fff;

	padding: 4px;

    padding-left: 16px;

    padding-right: 16px;

	font-size: 14px;

    /*text-transform: uppercase; */

    font-weight: bold;

    min-width: 110px;

    border-radius: 2px;

   	width: fit-content !important; 

    margin-left: 20px; 

}



.szn_testo_riepilogo {	border: 1px solid #fff !important;  

	background-color: #fff !important;

	-moz-border-radius: 0px !important;

	-webkit-border-radius: 0px !important;	

	padding: 3px !important;

	color: #244c5a;

    font-size:16px;

    /*

    border: 0px solid #ccc !important;

	border-left: 0px solid #999da1 !important;

	border-radius: 0px !important;

*/

}



/* Fine Riepilogo sezione modulare */





/* Inizio stile quesito tipo TABELLA */



.dataTables_wrapper {margin-top: 20px !important;}

.qt td {padding: 0px !important;}



.qt [id^="btn_addrow"]

{

 margin-left: 0px !important;

 margin-top: 12px;

 margin-bottom: 12px;

 cursor: pointer;

  	background-color: #6e858f;

	border: 0px;

	color: #fff;

	padding: 4px;

    padding-left: 16px;

    padding-right: 16px;

	font-size: 14px;

    /*text-transform: uppercase; */

    font-weight: bold;

    min-width: 110px;

    border-radius: 2px;

   	width: fit-content !important; 

}



.qt [id^="btn_confMod"]

{

 margin-left: 0px !important;

 margin-top: 12px;

 margin-bottom: 12px;

 cursor: pointer;

  	background-color: #6e858f;

	border: 0px;

	color: #fff;

	padding: 4px;

    padding-left: 16px;

    padding-right: 16px;

	font-size: 14px;

    /*text-transform: uppercase; */

    font-weight: bold;

    min-width: 110px;

    border-radius: 2px;

   	width: fit-content !important; 

}

.qt [id^="btnrem"] 

{

  border: 0px !important;

}



/* Fine stile quesito tipo TABELLA */





/* Stile menu autocompletamento */

.ui-corner-right.ui-button-icon {

	height: 33px !important; 

	background-color: #eaeaea; 

	border: 1px solid #2f72b3;

	}

.ui-autocomplete-input     { 

     border: 1px solid #2f72b3 !important; 

     background-color: #ffffff;

     border-radius: 0px;

     border-right: 0px solid #2f72b3 !important; 

     color: #0b4be3;

}     

.ui-menu .ui-menu-item a{

     font-size:14px;

}



.ui-menu .ui-menu-item a:hover{

    background:#2279e5;

    color: #fff;

}

/* FINE Menu autocompletamento */







.btnQConferma {

border: none;

outline: none;

background: none;

cursor: pointer; 

}



.imgConferma{

    width: 20px;

    height: 20px;

}





.imgModifica{

    width: 20px;

    height: 20px;

}



.btnQModifica {

border: none;

outline: none;

background: none;

cursor: pointer; 

}





.divBtnConfermaModifica {

    padding-left: 2em;

}







.tdBtnConfermaModifica {

   white-space: nowrap;

}





.modifica_spento, .conferma_spento {

	border-radius: 16px;

	background-color: #b2b2b2;

	width: 32px;

	height: 32px;

	font-size: 10px;

          cursor: pointer;

}



.modifica_acceso, .conferma_acceso {

	border-radius: 16px;

	background-color: #22cc22;

	width: 32px;

	height: 32px;

	font-size: 10px;

}





.modifica_grande_spento, .conferma_grande_spento {

	border-radius: 32px;

	background-color: #b2b2b2;

	width: 64px;

	height: 64px;

}



.modifica_grande_acceso, .conferma_grande_acceso {

	border-radius: 32px;

	background-color: #22cc22;

	width: 64px;

	height: 64px;

}



.modifica_grande_blu, .conferma_grande_blu {

	border-radius: 32px;

	background-color: #2222cc;

	width: 64px;

	height: 64px;

}



/* Inizio modifiche tasti conferma/modifica 03.10.2022 */

 .qst_tst_conferma_modifica {font-weight: bold;}



 .qst_tst_conferma_modifica .btnQConferma

,.qst_tst_conferma_modifica .btnQModifica 

{font-size: 14px; border: 0px !important; position: absolute; margin-top: 6px; text-transform: uppercase; font-weight: bold;}

 

.conferma_spento, .conferma_acceso {margin-left: 80px !important;}

.modifica_spento {margin-left: 120px;}



/* FIne modifiche tasti conferma/modifica 03.10.2022 */







.btn_nav {

  margin-left: 0px !important;

  margin-top: 12px;

  margin-bottom: 12px;

  cursor: pointer;

  background-color: #6e858f;

  border: 0px;

  color: #fff;

  padding: 4px;

    padding-left: 4px;

  padding-left: 16px;

  padding-right: 16px;

  font-size: 14px;

  text-transform: uppercase;

  font-weight: bold;

  min-width: 110px;

  border-radius: 2px;

  width: fit-content !important;

}





.imgCercaNav {

    width: 25px;

    height: 25px;

    cursor: pointer;

}





 /* x allineare la paginazione del datatable

.dataTables_wrapper .dataTables_paginate {

	margin-left: 20%;

  float: left;

  text-align: center;

  padding-top: 0.25em;

}

*/





/*  QUESITI CONFERMA 

.qst_rigcolonna_conferma_modifica {}





.qst_rig_conferma_modifica {}



.qst_tst_conferma_modifica{}



*/





div.qst_tst_conferma_modifica {

				font-weight: bold;

				text-align: justify;

				margin: 0px;

				padding: 0px;

				padding-top: 5px;

				padding-bottom: 5px;

				color: #00295A;

}



table.qst_tst_conferma_modifica td {vertical-align:top;}

table.qst_tst_conferma_modifica td.n {font-size: 110%;

				font-style: italic;

				font-weight: bold;

}

	









/* Personalizzazione tooltip-dialog  



*/

.tooltip-dialog.ui-widget {
    font-family: Verdana,Arial,sans-serif;
    font-size: 1em;
}

.tooltip-dialog.ui-widget-content {
    /* background: #DDD; */
    border: 1px solid #7d7f81; 
    /* border-radius: 24px 1px 1px 24px; */
    color: #222222 !important;
    margin-bottom: 0px !important;   
    width: auto !important;
    max-width: 50% !important;
    min-width: 20% !important;    
}

.tooltip-dialog.ui-tooltip-dialog {
    left: 40% !important;
    outline: 0 none;
    padding: 0 !important;
    position: absolute;
    top: 0;
} 

.tooltip-dialog.ui-tooltip-dialog .tooltip-dialog.ui-tooltip-dialog-content {
    background: none repeat scroll 0 0 transparent;
    border: 0 none;
    overflow: auto;
    position: relative;
    padding: 0 !important;
}

.tooltip-dialog.ui-widget-header {
   /* background: #F9F9F9;*/
    border: 0;
    color: #fff;
    font-weight: normal;
}

/*.tooltip-dialog .ui-tooltip-dialog .tooltip-dialog.ui-tooltip-dialog-titlebar {
    padding: 0.1em .5em;
    position: relative;
    font-size: 1em;
}*/

.tooltip-dialog .ui-dialog-titlebar {
    display: block;
    cursor: move;
   

      height: 0;
    min-height: 0;
    padding: 0;
    border: none;
    background: none;
    overflow: hidden;
}

.tooltip-dialog .ui-dialog-titlebar-close {
    display: none;
}

/*.tooltip-dialog.ui-widget-titlebar {background-color:solid black;color:#244c5a;}*/

.tooltip-dialog .container {right: 0; /* text-align: center; */}

.tooltip-dialog .container .left, .tooltip-dialog .container .center, .tooltip-dialog .container .right { display: table-cell; }

.tooltip-dialog .container .left { float: left; width: 5%; margin-top: 18px; padding-left: 10px !important;  }
.tooltip-dialog .container .center { margin: 0 auto; margin-top: 10px; }
.tooltip-dialog .container .right { float: right; padding-right: 4px !important; margin-top: 2px; margin-bottom: 5px;}
.tooltip-dialog .clear { clear: both;}

.tooltip-dialog .container:nth-child(3) {border-top: 1px #7d7f81 solid !important;}
.tooltip-dialog .container:nth-child(1) {margin-top:-6px; }


.tooltip-dialog .hand {
    cursor: pointer;
    border: 2px #244c5a solid;
    }
	
 


.divInfo {
	padding-left: 0px !important; 
	padding-bottom: 0px !important; 
	padding-right: 0px !important;
    margin-left: 0px !important; 
    margin-bottom: 0px !important; 
    margin-right: 0px !important; 
    }

    .divInfo table td {
        padding: 1em;
    }    
   


.divInfo .txtInfo {

    color: #244c5a;

    font-weight: bold;

     padding-right:3em;

}





.divImgErr {

    padding-right: 1.5em; 

}



.updownimg {

    width: 20px;

    height: 20px;

}



/* css  sotto quesiti tabelle spezzate */



.div_sotto_tabella

{

    padding-left: 1em;

    padding-top: 1em;

}



.div_qst_vars_sotto_tab{

    padding-left: 1em;

     padding-top: 1em;

 

}



.int_sotto_tabella {

    

}



.qt_sottoTab {

    

}



.qt_sottoTab th {

    text-align:left;

    padding-bottom: 1em;

}



.qt_sottoTab td { }





.etVarQue14St{ font-weight: bolder;}



#dialogEsci .ui-dialog-content {

    color:  #185abd !important;

}



#dialogEsci .ui-dialog-buttonpane {

    display: flex;

    justify-content: space-around;

    border: none !important;

    color: #185abd;

}



#dialogEsci .ui-dialog-buttonpane button {

    color: #185abd;

    background: none !important;

    background-color: #fff !important;

}



#dialogEsci .ui-dialog-buttonpane button:hover {

    color: #fff;

    background: none !important;

    background-color: #185abd !important;

}



#dialogEsci .ui-dialog-titlebar {

    background: none !important;

    background-color: #185abd !important;

    color: #fff;



}





.IconaUpLivQuest {

    width: 20px;

 }

 

 .spanDtPagComboBox {

     position:relative; top:-3em;left:8em; font-weight:bold

 }

 

 .spanDtPagTxt {

     position:relative; top:-3em;left:13em; font-weight:bold

 }

 

  .dtPagText {

     width: 50px;

 }

  

 

  





.myButtonGoPg{

    background:url(../../../../questionari/images/icons8-go-32.png) no-repeat;

    cursor:pointer;

     border: none;

     padding: 0;

    

    width:32px;

    height:32px;

}



 

 

.iframeHide {

    display: none;

}



.ui-dialog {

    z-index: 100 !important;

}





.moduloSaltato{

	

	background-color: #F5F5F5;

}



.imgModSaltato

{

	width:32px;

    height:32px;

}



.imgModSaltatoIndice

{

	width:28px;

    height:28px;

}

 

 .quesitoNascosto {

  display: none;

 }