/******************
    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;
}
.top-survey-title{
    color: #2f5376
}
.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 > h1::after {
    content: '';
    display: inline-block;
    width: 1.3em;  
    height: 1.3em; 
    background: url('/upload/surveys/372426/images/Accessibility.svg.png') no-repeat center center;
    background-size: contain; 
    margin-right: 10px; 
    vertical-align: middle; 
}
*/
.custom-survey-name  {
	font-size: 1.3em;
	line-height:1em;
	text-align: left;
/*	margin-left: 10px;
	margin-right: 10px;*/
	display: inline-flex;
}
 .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;
    border-color: #b0c7df;
    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;
}
.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 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;
}

/* aggiunti AN*/
.bg-warning {
    background-color: #ffffff!important;
    color: red!important;
}
.custom-question-title {
    padding: 15px;
    color: #fff;
    background-color: #60798a;/* #97bbd6; #2f5376;*/
    margin-top: 15px;
    margin-bottom: 15px;
    text-align: left;
    /*padding-bottom: 5px;*/
    padding-left: 25px;
}
.yesno-button .btn-primary {
    color: #2c3e50;
    background-color: #ffffff;
    border-color: #2c3e50;
    padding: 5px;
}

.yesno-button .btn-primary{
    color: #2c3e50;
    background-color: #dbe0e3;
    border-color: #ffffff;
    padding: 10px 0 5px 0;
}
.list-group-item {
    position: relative;
    display: block;
    padding: 10px 15px;
    margin-bottom: -1px;
    background-color: #dbe0e3; /* ecf0f1;*/
    border: 3px solid #ffffff;
}
/*classi gestione help ad accordion AN/*
/*details.test {
    position: relative;
    padding: 5px 0;
  }*/
details {
    border: 1px solid #ccc;
    padding: 10px;
    margin: 10px 10px 20px 0;
  }

  summary {
    cursor: pointer;
    font-weight: bold;
  }

  details:not(.details-principles) {
    background-color: #ecf0f1;
  }

  summary:not(.summary-principles) {
    background-color: #ecf0f1;
  }

    details:not([open]) > summary::before {
    display: inline-block;
    content: "▶"; 
    /*position: absolute;*/
    right: 0;
    bottom: 0;
    padding-right: 0.5em;
  }

   details[open] > summary::before {
    display: inline-block;
    content: "▼"; 
    /*position: absolute;*/
    right: 0;
    bottom: 0;
    padding-right: 0.5em;
  }

  .wcag-content {
    padding: 2em 0 0 2em;
  }
    .wcag-ref {
    padding: 0 0 1em 2em;
  }

  .wcag-ref-list-container {
    padding: 0 0 1em 2em;
  }

  a {
   color: #2f5376; /*color: #3344dd;*/
    text-decoration: underline;
	}
    img.logo-modale {
    max-width: 20%;
    
	}

 /*  a:hover {
   color:  #bb1122;
}*/
#legend-container {
    display: flex;
    justify-content: center;
    align-items: center; 
   margin-top: 2em;
}
  .accessibilityChart { 
   margin-bottom: 2em;
}
.open-modal {
    background-color:#367388;
    color:#ffffff;
}
.open-modal > i {
    margin-right: 4px;
}
.badge-large {
    font-size: 1.3em;
    padding: 10px;
}
.badge-medium {
    font-size: 1em;
    padding: 5px;
}
.badge-small {
    font-size: 0.8em;
}
.badge-success {
    color: #fff;
    background-color: #28a745;
}
.badge-danger {
    color: #fff;
    background-color: #dc3545;
}
.badge-warning {
    color: #212529;
    background-color: #ffc107;
}
.badge-info {
    color: #fff;
    background-color: #17a2b8;
}
.badge-primary {
    color: #fff;
    background-color: #007bff;
}

.nascosto {
    position: absolute;
    left: -9999px;
}
.bg-success {
    background-color: #28a745;
}
.bg-danger {
    background-color: #dc3545;
}
.scoreTable td, .scoreTable th {
    padding-left: 10px;
}
.custom-alert-success {
    background-color: #0f816b;
    color: #ffffff;
}
/* Effetto shake */
@keyframes ls-shake {
    0% { transform: translateX(0); }
    20% { transform: translateX(-6px); }
    40% { transform: translateX(6px); }
    60% { transform: translateX(-4px); }
    80% { transform: translateX(4px); }
    100% { transform: translateX(0); }
}

.ls-shake {
    animation: ls-shake 0.4s ease;
}

/* Highlight */
.ls-highlight {
    background-color: #ffe6e6 !important;
    border-left: 4px solid #cc0000 !important;
    transition: background-color 1s ease;
}