/******************
    User custom CSS
    ---------------

    In this file you can add your own custom CSS
    It will be loaded last, so you can override any other property.
    Also, it will never be updated. So if you inheritate a core template and just add here some CSS, you'll still benefit of all the updates
*/
.navbar {
    margin-right: auto;
    margin-left: auto;
}

@media (min-width: 768px) {
    .navbar {
        width:750px /*760px*/
    }
}

@media (min-width: 992px) {
    .navbar  {
        width:970px/*985px*/
    }
}

@media (min-width: 1200px) {
    .navbar {
        width:1170px/*1190px*/
    }
}

html body .navbar.navbar-default.navbar-fixed-top {
    z-index: 1000;
}
.navbar-brand {
    font-size: 24px;
    line-height: 40px;
    /*height: 50px;*/
    color: #2c3e50;
}
.logo-container>img {
    max-height: 75px;
    height: auto;
    padding: 1px;
    margin-left:0px/*3px*/;
    margin-top:3px;
    width: auto;
    max-width: 240px; 
}
@media (min-width: 761px) {
    .logo-container>img {
        max-width: none; 
        padding-top: 12px;
        padding-left: 15px;
        padding-bottom: 12px;
        height: auto;
        width: auto;
    }
}    
/* logo pagina di benvenuto benessere */
.logo-cug-container>img{
    height: auto;
    padding: 1px;
    margin-left:1px/*3px*/;
    margin-top:3px;
    width: auto;
    max-width: 90vw; 
}
  
.container-fluid {
 margin-top:10px;    
 margin-right:auto;
 margin-left:auto;
 padding:1px;
}
@media (min-width:768px) {
 .container-fluid {
  width:750px
 }
}
@media (min-width:992px) {
 .container-fluid {
  width:970px
 }
}
@media (min-width:1200px) {
 .container-fluid {
  width:1170px
 }
}

#main-col {
    margin-top: 0.5em;
}

.top-survey-title,.survey-welcome{
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: -15px;
    margin-right: -15px;
    padding: 13px;
/*	font-size: 24px; */
/*	text-align: center;*/
	border-width: 2px;
    border-style: outset;
    border-color:  #8da0a7;
    border-radius: 3px;
    display: block;
}

.survey-welcome{
    margin-top: 10px;
	margin-bottom: 10px;
	padding:15px;
/*    text-align: justify;*/
    font-size: 1em;
}    
.survey-name-fixed{
    position: fixed;
    margin-left: auto;
    margin-right: auto;
    z-index: 2000;
}
.custom-survey-name  {
	font-size: 1.3em;
	line-height:1em;
    text-align: left;
}
@media (min-width: 768px) {
  .custom-survey-name  {
	  margin-left: 10px;
  }
}
 .survey-description {
	font-size: 0.65em;
	text-align: left;
	line-height: 0.9em;
	margin-top:10px;
	margin-bottom:0px;/*-5px;*/
	padding: 0px;
}
.text-muted {
    color: rgb(54, 115, 136);/*#777; #e74c3c;*/
}
.text-danger,.text-danger:hover {
    color:   #a94442;
}
.modal-content {
   color: rgb(36, 76, 90);/*#e74c3c;*/
   background-color: #fefefe;
   border: 3px solid rgb(36, 76, 90)/*#e74c3c*/;
}

.navbar-default {
    background-color: #ffffff ;
    border-color: transparent;
    border-bottom: 2px solid #8da0a7;
}

@media (min-width: 768px) {
    .navbar-default{
            border-bottom: 2px rgb(141, 160, 167)/*#dbe0e3*/ solid;
    }
}

.navbar-default .navbar-nav>li>a {
    color: #367388/*#8da0a7*/;
}
.navbar-toggle {
    background-color: #2f5376;
}
.navbar-default .navbar-toggle:hover,.navbar-default .navbar-toggle:focus {
    background-color: #687b7c;
    border-color: #e31c18;
    border:2px;
}
.navbar-default .navbar-nav .navbar-toggle >li>a {
    color: #ffffff;
}
.navbar-brand-mini {
    line-height: 25px;
    font-size: 14px;
    padding: 5px;
    margin-top: 10px;
    margin-left: 15px;
}
.progress .progress-bar {
    font-size: 12px;
}    

.footer {
-webkit-tap-highlight-color: transparent;
font-weight: normal;
line-height: 1.5;
/*font-family: 'Fira Sans', sans-serif;
font-size: 16px;*/
box-sizing: inherit;
display: flex;
flex-wrap: wrap;
/*margin-right: 15px;
margin-left: 15px;*/
padding-top: 20 !important;
color: #fff;
background-color:#577783;/* #244c5a; footer Istat*/
margin-top: 45px;
}

.btn-lg, .btn-group-lg>.btn {
    padding: 14px 20px;
    font-size: 16px;
    line-height: 1.1;
    border-radius: 4px;
}


.group-title{
    padding: 15px;
    color: #fff;
    background-color: #2f5376;
    margin-top:15px;
    text-align: left;
   /* padding-bottom:5px;*/
   padding-left: 25px;
}

.group-description{
    /*padding: 15px;*/
    color: #fff;
    background-color: #2f5376;
    border: 1px solid transparent;
    font-size: 0.8em;
     text-align: left;
    margin-bottom: 0px;
     
}
.group-description.well{
    padding: 0px;
    margin-left: 0px;
    margin-bottom: 0px;
    margin-top:5px;
}

.bg-primary {
   color: #333; 
   background-color: #fdfdfd;
}
/*.ls-em-tip.ls-em-success{display:none}*/

.question-title-container {
    padding-top: 0.5em;
    padding-bottom: 0.2em;
    font-size: 1.095em;
}
.question-valid-container{
   text-align: left;
   /*min-height:1.42857143em;*/ /* line-height*/
   /*margin-bottom: 5px;*/
}
.question-title-container,.answer-container,.question-valid-container,.question-help-container{
    border-width: 0px
}
.question-container  
{    
    /*: 1px solid #23e50;*/
    border-bottom: 1px solid #b0c7df;
    border: 1px solid #b0c7df;
    border-radius: 1px;
    display: block;
    margin-bottom: 1em;
    background-color: #fdfdfd;
}
.text-info, .text-info:hover 
{
    color: #367388/*#244c5a;#8da0a7; grigio chiaro*/
}
.space-col {
    margin-top: 0;
    margin-bottom: 0;
}
.modal-header img.img-responsive{
    display: block;
    max-width: 40%;
    height: auto;
}
input[data-number="1"]/*input[data-number="1"]:focus*/ {
    text-align: left;
}


.ls-answers {
    padding-top: 0.2em;
    padding-bottom: 0.2em;
}

.yesno-button .btn-primary{
    color: #ffffff;
    background-color: #b0c7df;/* #dbe0e3;*/
    border-color: #b0c7df;/* dbe0e3;*/
    padding:5px;
}
.yesno-button .btn-primary.active {
    color: #ffffff;
    background-color: #2c3e50;
    border-color: #2c3e50;
    padding:5px;
}

.btn-info {
    color: #ffffff;
    background-color: #2c3e50;
    border-color: #2c3e50;
}

.ls-move-btn.ls-move-previous-btn,.upload-div .btn, .btn-success,.btn-default {
    color: #ffffff;
    background-color: #2c3e50;
    border-color: #2c3e50;
}
.upload-div .btn {
    margin-bottom:10px;
}
.navbar-default .navbar-nav > li > a:hover {
    color: #95a5a6/*#2f5376*/;
    background-color: transparent;
}
.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:hover, .navbar-default .navbar-nav>.open>a:focus {
    color: #95a5a6/*#2f5376*/;
    background-color: transparent;
}
@media (max-width: 767px){
    .navbar-default .navbar-nav .open .dropdown-menu>li>a {
        color: #95a5a6;
    }
}
.btn-primary:hover,.ls-move-btn.ls-move-previous-btn:hover,.upload-div .btn:hover,.upload-div .btn:focus,.btn-success:hover,.btn-success:focus,.btn-default:hover {
   color: #ffffff;
   background-color: #95a5a6;
   border-color: #95a5a6;
}

  .yesno-button,.gender-button {
    width: 80%;
  }
@media (min-width: 768px) {
  .yesno-button,.gender-button {
    width: 30%;
  }
}
.surveys-list-outer{
	margin-left: 30px;
    margin-right: 30px;
	font-size: 24px;
	text-align: center;
	border-width: 2px;
    border-style: outset;
    border-color:  #8da0a7;
    border-radius: 3px;
    display: block;
    margin-top: 10px;
	margin-bottom: 10px;
	padding:15px;
}
@media
only screen and (max-width: 760px),
(min-device-width: 768px) and (max-device-width: 1024px)  {
      table.ls-answers tr th {
        font-size: 0.9em;
        text-align: left;
        color: #317eac;
    }
}
a {
    color: #2c3e50;/* #18bc9c;*/
    text-decoration: none;
}
a:hover, a:focus {
    color:  #95a5a6;
    text-decoration: underline;
}
.group-description a{
color:rgb(255, 255, 255);
text-decoration: underline;
}
.group-description small{
color:rgb(255, 255, 255);
}
.radio-item label::before, .checkbox-item label::before{
     color:/*#31708f;*/ rgb(51,51,51);
     border: 1px solid rgb(68, 68, 68);
}
.checkbox-item input[type="radio"]:checked{
    color:/*#31708f;*/ rgb(51,51,51);
}
.form-control {
     border: 1px solid #b0c7df;
}
#lang option:checked{
    color: #000000!important;/*#2c3e50*/
    background-color: -moz-html-cellhighlight !important;
}

.answer-container {
    border-width:0px;
}    
/*.list-unstyled{
    line-height: 1.1;
}*/
.h3{
    font-size: 1.3em;
}
.model-container div {
    margin:3px;
}
li.radio-item, li.checkbox-item, li.radio-text-item, li.checkbox-text-item {
    margin-bottom: 5px/*0.5em*/;
}
body.uploader{
    padding-top:0px;
}
body.uploader .alert-info, body.uploader .alert-warning{
    background-color:#fefefe;
    color:rgb(36, 76, 90);
    border-radius:1px;
    border:1px solid rgb(36, 76, 90);
}
.alert-warning {
    background-color: #aa223cd6;
    border-color: #aa223cd6;
    color: #ffffff;
}
.close {
    opacity: 0.8;
}
.number-of-questions {
    font-size:1.1em;
}
.text-success{
    color:#102d27;
}
.ls-group-dynamic {
    text-align: left;
}
/* allineamento a sinistra dei testi delle sottodomande array */
 .ls-answers tbody .answertext {
    text-align: left;
}
.group {
    text-align: center;
}

/*FDC indagine trasporto marittimo */
/* FDC fix per bug nascondi suggerimenti */
#vmsg_1869 { display: block }
#vmsg_1869 > div { display: none }
#vmsg_1869 .ls-em-error { display: block }

/*FDC variazione ampiezza input numerici*/
form[action*="964735"] input[data-number="1"]{
    width:33%;
}
form[action*="964735"] input[type="text"]{
    width:66%;
}
/*FDC variazione ampiezza input numerici*/
form[action*="796412"] input[data-number="1"]{
    width:33%;
}
form[action*="796412"] input[type="text"]{
    width:66%;
}
/*FDC variazione ampiezza input numerici*/
form[action*="142623"] input[data-number="1"]{
    width:25%;
}
form[action*="142623"] input[type="text"]{
    width:50%;
}
/*FDC indagine benessere lavorativo */
/*FDC variazione ampiezza campo other*/
@media (min-width: 768px) {
    form[action*="349545"] div.other-text-item input[type="text"].form-control{
        width:300%;
    }
}

/*FDC Indagini Benessere Lavorativo e Debreifing*/
/*FDC aggiunta bold testi delle domande*/
form[action*="349545"] .question-text {
    font-weight: bold;
}
.footer li a{
    color:#fff;
}
/* FDC riduzione dimensioni title per operatori di rete*/
form[action*="115818"] .top-survey-title {
    padding: 10px;
}    
form[action*="115818"] .custom-survey-name {
    padding: 10px;
    font-size: 1.2em;
}     
form[action*="557472"] .survey-description,form[action*="286321"] .survey-description {
    font-size: 0.8em;
}    

form[action*="183154"] .space-col {
    margin-top: 3px;
}

.logo-ip-container>img {
    max-height: 75px;
    height: auto;
    padding: 1px;
    margin-left:0px/*3px*/;
    margin-top:3px;
    width: auto;
    max-width: 240px; 
}
@media (min-width: 761px) {
.logo-ip-container>img {
    max-height: 110px;
    height: auto;
    padding: 1px;
    margin-left: 0px/*3px*/;
    margin-top: 3px;
    width: auto;
}
}
/* data-entry perception */
.lista_registrati th,.lista_registrati td{
    border: 3px solid rgb(36, 76, 90)/*#e74c3c*/;
    padding:3px;
    margin: 5px;
}
/* FDC suvey per i direttori*/
form[action*="198915"] .slider-list label {
    text-align: left;
    font-weight: bold;
}
form[action*="198915"] #question29403 .ls-heading td:first-child {
  width:60%;
}
form[action*="198915"] #question29403 .ls-heading td:first-child::after {
  content:'Sottoarea';
}
form[action*="198915"] #question29403 .ls-heading td:last-child {
  width:20%;
  font-weight: italic;
}
form[action*="198915"] #question29403 .ls-heading td:last-child::after {
  content:'Area';
}
form[action*="198915"] .ls-em-tip.ls-em-success{
    display:none
}
/*form[action*="198915"] #vmsg_29236_num_answers{
    visibility: hidden;
}
form[action*="198915"] #vmsg_29236_num_answers::after{
    content:'Tra le seguenti opzioni selezionare al massimo 2 risposte';
    visibility: visible;
}*/
form[action*="366125"] .control-label {
        text-align: left;
        width:20%;
}
@media (min-width: 768px) {
    form[action*="366125"] input[type="text"]{
        width:66%;
    }
}
form[action*="366125"] .custom-survey-name {
    margin-left: 13px;
}    

form[action*="436249"] .survey-description {
    font-size: 2em;
}    
form[action*="916567"] #question31074 {
  display: none; 
}
/* PSD */
form[action*="529432"] .ls-label-question, form[action*="591366"] .ls-label-question{
    font-weight: bold;
}

.bottone-link {
  display: inline-block; /* Per applicare padding e margini */
  padding: 10px 20px;
  background-color: #2c3e50;
  color: white;
  text-decoration: none; /* Rimuove la sottolineatura */
  border-radius: 5px;
  border-color: #2c3e50;
  cursor: pointer; /* Cambia il cursore */
  font-size: 16px;
}
.bottone-link:hover {
  background-color: #95a5a6;
  border-color: #95a5a6;/* Cambio colore al passaggio del mouse */
}
.lista_registrati th,.lista_registrati td{
    border: 3px solid rgb(36, 76, 90)/*#e74c3c*/;
    padding:3px;
    margin: 5px;
}
/*form[action*="529432"] .question-title-container{
    padding-top: 0.1em;
}
form[action*="763785"]  .question-title-container {
    padding-top: 0.1em;
    padding-bottom: 0.1em;
}*/

form[action*="957574"] a{
    color: #2c3e50;
    font-weight:bold;
    text-decoration: underline;
}
form[action*="957574"] a:hover, a:focus {
    color:  #95a5a6;
    text-decoration: underline;
}

/*FDC variazione ampiezza input numerici*/
form[action*="957574"] input[data-number="1"]{
    width:33%;
}
form[action*="957574"] input[type="text"]{
    width:66%;
}
/* l'editor segnala errore ma funziona */
body:has(form[action*="118471"]) .survey-description {
	font-size: 1.1em;
	line-height:0.9em;
    text-align: left;
}
form[action*="118471"] .question-text {
    font-weight: bold;
}
/* bambini e ragazzi 2026 */
form[action*="475672"] .question-text {
    font-weight: bold;
}
.immagine-fluida {
  width: 100%;
  height: auto; /* Mantiene le proporzioni originali di ogni immagine senza deformarle */
  display: block;
  margin-bottom:1em;
}
div form[action="/index.php/printanswers/view?surveyid=475672&printableexport=pdf"]{
    display:none;
}
form[action="/index.php/printanswers/view?surveyid=475672&printableexport=quexmlpdf"] button {
  font-size: 0; /* Nasconde il testo originale */
}

form[action="/index.php/printanswers/view?surveyid=475672&printableexport=quexmlpdf"] button::after {
  content: "Esportazione in PDF"; /* Inserisce il nuovo testo */
  font-size: 16px; /* Ripristina la dimensione del testo */
}