/******************
    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
*/

 .logo{
    float:left;
    height:45px;
    width: auto;
 }
 
 .navbar{
     background-color: #fff;
     min-height: 75px;
     display: flex;
     align-items: center;
 }
 
 #surveys-list-jumbotron{
     margin:20px;
 }
 
 .survey-list-heading{
     text-align:center;
 }
 
 .navbar-header{
     display:flex;
 }
 
 body{
     background-color: #e6e6e6;;
     font-family: Glober,Helvetica,Arial,sans-serif;
     min-height: 75vh;
 }
 
  #surveyListFooter{
     display: none;
 }
 
 /* Centrate domande Dati Anagrafici */
 .ls-answers, .ls-input-maxchars, .ls-answers>div{
    margin: 0 auto;
    float: unset;
 }
 .form-inline,.btn-group-justified{
     width: 50%;
      margin: 0 auto;
    float: unset;
    padding-right: 15px;
    padding-left: 15px;
 }
 .form-group, .form-control{
     width: 100% !important;
 }
 .form-control, input{
     border: 2px solid #2c3e50;
 }
 .control-label{
     display:flex;
     justify-content:center;
 }
 
 #yii-flash-message{
     margin-top: 0.5em;
 }
 
 /* Background navbar mobile */
 .navbar-toggle{
     background-color:#003555 ;
 }
 .navbar-container{
     width: 100%;
     background: #003555;
}

/* Header domanda */
 .asterisk{
     margin-right: 5px;
 }
 .question-text{
     font-size: 18px;
 }
 .question-title-container{
     padding-bottom:10px;
     padding-top: 10px;
     font-weight: 550 !important;
 }
 
 /* Barra progressione Bando */
 .progress-bar{
    font-size: 14px !important;
    display: flex;
    background-color:#315C2B;
    justify-content: center;
    align-items: center;
 }
 
 #survey-description{
     width:60%;
     margin: auto;
 }
 
 /* Bordo domanda con scala colori */
 .nps-wrapper.show-colors .nps-table > ul > li.item-0, 
 .nps-wrapper.show-colors .nps-table > ul > li.item-1, 
 .nps-wrapper.show-colors .nps-table > ul > li.item-2, 
 .nps-wrapper.show-colors .nps-table > ul > li.item-3, 
 .nps-wrapper.show-colors .nps-table > ul > li.item-4, 
 .nps-wrapper.show-colors .nps-table > ul > li.item-5, 
 .nps-wrapper.show-colors .nps-table > ul > li.item-6{
     border-top: 25px solid red;
 }
 .nps-wrapper.show-colors .nps-table > ul > li.item-7, 
 .nps-wrapper.show-colors .nps-table > ul > li.item-8{
     border-top: 25px solid #E6D50E;
 }
 .nps-wrapper.show-colors .nps-table > ul > li.item-9, 
 .nps-wrapper.show-colors .nps-table > ul > li.item-10{
       border-top: 25px solid green;
 }
 
 /* Hint sotto la domanda */
 .text-info, .text-info:hover{
     color: lightyellow;
     text-align: left;
     font-weight: 450 !important;
 }
 
 .text-danger, .text-danger:hover{
     font-weight: 450 !important;
 }
 
 .nps-text{
     font-weight: 600;
    font-size: 20px;
 }
 
 #datasecurity_accepted{
     margin-right:5px;
 }
 
 /*Progress Bar */
 .progress{
     height: 35px !important;
 }
 
 /* Selezione Bottoni */
.btn-primary:active:hover, .btn-primary.active:hover, .open>.dropdown-toggle.btn-primary:hover,
.btn-primary:active:focus, .btn-primary.active:focus, .open>.dropdown-toggle.btn-primary:focus, 
.btn-primary:active.focus, .btn-primary.active.focus, .open>.dropdown-toggle.btn-primary.focus,
.btn-primary:active, .btn-primary.active, .open>.dropdown-toggle.btn-primary{
     background-color: #88A2AA;
     border-color: #88A2AA;
 }
 
 /* Selezione scala colori */
 .nps-table > ul > li.item-0 > input[type="radio"]:checked + label{
     background-color: rgb(135, 22, 2);
     color:white;
 }
 .nps-table > ul > li.item-1 > input[type="radio"]:checked + label{
     background-color:rgb(148, 24, 2);
     color:white;
 }
  .nps-table > ul > li.item-2 > input[type="radio"]:checked + label{
     background-color:rgb(160, 45, 21);
     color:white;
 }
  .nps-table > ul > li.item-3 > input[type="radio"]:checked + label{
     background-color:rgb(175, 73, 47);
     color:white;
 }
  .nps-table > ul > li.item-4 > input[type="radio"]:checked + label{
     background-color:rgb(183, 89, 61);
     color:white;
 }
  .nps-table > ul > li.item-5 > input[type="radio"]:checked + label{
     background-color:rgb(201, 122, 90);
     color:white;
 }
   .nps-table > ul > li.item-6 > input[type="radio"]:checked + label{
     background-color:rgb(218, 154, 119);
     color:white;
 }
   .nps-table > ul > li.item-7 > input[type="radio"]:checked + label{
     background-color:rgb(229, 194, 79);
     color:white;
 }
   .nps-table > ul > li.item-8 > input[type="radio"]:checked + label{
     background-color:rgb(240, 233, 38);
     color:white;
 }
   .nps-table > ul > li.item-9 > input[type="radio"]:checked + label{
     background-color:rgb(193, 221, 19);
     color:white;
 }
   .nps-table > ul > li.item-10 > input[type="radio"]:checked + label{
     background-color:rgb(146, 209, 0);
     color:white;
 }
 
 .question-help-container{
     color:#2c3e50 !important;
 }
 #progress-bar-container{
    width: 1170px;
 }  
 .survey-contact{
     display: none;
 }
@media (max-width: 992px) {
    #progress-bar-container{
        width: 970px !important;
    }
}

@media screen and (max-width: 768px) {
     .form-inline{
         width: 100%;
     }
     .btn-group-justified{
         width: 100%;
     }
     #survey-description,#progress-bar-container{
         width: 100% !important;
     }
     
     #dynamicReloadContainer{
         padding:20px;
     }
     h1{
         font-size: 35px;
     }
 }