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

.text-info {
    color:#313840;
}

.navbar {
  margin-bottom:0;
  border:none;
}

.navbar-brand .glyphicon {
  margin-right:6px;
}

.nav > li > a {
  padding:15px;
}

.hero {
  background: url(../files/city_bg.jpg) no-repeat center;
  background-size:cover;
  border:none;
  min-height: 500px;
}

@media (min-width:992px) {
  .hero .get-it {
    text-align:right;
    margin-top:80px;
    padding-right:30px;
  }
}

@media (max-width:992px) {
  .hero .get-it {
    text-align:center;
  }
}

@media (max-width:992px) {
  .hero .phone-preview {
    text-align:center;
  }
}

.hero .get-it h1, .hero .get-it p {
  color:#fff;
  text-shadow:2px 2px 3px rgba(0,0,0,0.3);
  margin-bottom:40px;
}

.hero .get-it .btn {
  margin-left:10px;
  margin-bottom:10px;
  text-shadow:none;
}

div.iphone-mockup {
  position:relative;
  max-width:200px;
  margin:50px; 
  display:inline-block;
  z-index:0;
}

.iphone-mockup img.device {
  width:100%;
  height:auto;
  z-index:11;
  
}

.iphone-mockup .screen {
  position:absolute;
  width:88%;
  height:77%;
  top:12%;
  border-radius:2px;
  left:6%;
  border:1px solid #444;
  background-color:#aaa;
  overflow:hidden;
  background:url(../files/AnswerKid.jpg);
  background-size:cover;
  background-position:center;
}

.iphone-mockup .screen:before {
  content:'';
  background-color:#fff;
  position:absolute;
  width:70%;
  height:140%;
  top:-12%;
  right:-60%;
  transform:rotate(-19deg);
  opacity:0.2;
}

.icon-feature {
  text-align:center;
}

.icon-feature .glyphicon {
  font-size:60px;
}

section.features {
  background-color:#369;
  padding:40px 0;
  color:#fff;
}

.features h2 {
  color:#fff;
}

.features .icon-features {
  margin-top:15px;
}

.testimonials blockquote {
  text-align:center;
}

section.testimonials {
  margin:50px 0;
}

.site-footer {
  padding:20px 0;
  margin-top:50px;
}

.site-footer a {
  color:#ffffff;
  
}

/* @media (min-width:768px) {
  .site-footer h5 {
    text-align:left;
  }
} */

.site-footer h5 {
  color:inherit;
  /*font-size:20px;*/
}

.site-footer .social-icons a:hover {
  opacity:1;
}

.site-footer .social-icons a {
  display:inline-block;
  width:32px;
  border:none;
  font-size:20px;
  border-radius:50%;
  margin:4px;
  color:#fff;
  text-align:center;
  background-color:#798FA5;
  height:32px;
  opacity:0.8;
  line-height:32px;
}

@media (min-width:768px) {
  .site-footer .social-icons {
    text-align:right;
  }
}

#preHeaderContainer {
  height:65px;
  overflow:hidden;
  background-color: #2a8862;/*#ededee;*/
  margin-right:auto;
  margin-left:auto;
  padding-left:15px;
  padding-right:15px;
}

#logoConsip {
  height:40px;
  padding-right:20px;
}

#logoMef {
  height:45px;
}

#preHeaderContainer .row {
  padding-top:10px;
}

#logoConsipMini {
  height:40px;
  padding-right:10px;
}

#logoMefMini {
  height:45px;
}

#langchanger {
  margin-top:5px;
  max-width:100%;
  min-width:50%;
  height:35px;
  font-size:14px;
  text-transform:uppercase;
}
.form-change-lang  {
    display:none;
}

.form-change-lang > label{
    margin-top:4px;
}

.form-change-lang select#lang {
    max-width: 300px;
}

#logoAir {
  max-height:35px;
  min-height:35px;
  width:237px;
}

#topNav {
  height:65px;
  background-color:#ffffff;
}

body {
  font-family:'Open Sans', sans-serif;
  color: #313840;
}

#navcol-1 {
  background-color:#ffffff;
  z-index:5000;
  /*margin-top:12px;*/
  /*height:65px;*/
}

#burgerMenu {
  margin-top:13px;
}

#primary {
  background-color:#2a8862;   /*#ededee;*/
}

h1, h2, h3, h4, h5 {
  font-family:'Titillium Web';
}

.h1, .h2, .h3, .h4, .h5 {
  font-family:'Titillium Web';
}

body .top-container {
    margin-top: 0px;
}
nav#topNav {
    top:65px;
}

.navbar-brand {
    padding: 18px 15px 0px 15px;
}

.progress-bar {
    background-color: #821b4c;
    font-family: 'Titillium Web';
    font-weight: 700;
}

.progressbarContainer {
background-color: #ededee;
padding: 10px 0px;
}

#surveys-list-container {
padding-top: 0px;
margin-top: 0px;
}

#dynamicReloadContainer {
    margin-top: 65px;
}

.answer-container {
    background-color: #ffffff;
    padding: 15px 20px;
    border-radius: inherit;
    /*border-bottom: 1px solid #cecece;*/
}

.ls-answers {
    padding: 0px 0px;
}

.question-number {
    font-family: 'Titillium Web';
    display: inline;
    background-color: #cdcdcd;
    /* border: 1px solid #7d7d7d; */
    padding: 3px 7px;
    font-size: 100%;
    font-weight: 700;
    line-height: 1;
    color: #ffffff;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: .25em;
    margin-right: 10px;
}
.question-code {
    font-family: 'Titillium Web';
    display: inline;
    background-color: #b5b5b5;
    /* border: 1px solid #7d7d7d; */
    padding: 3px 7px;
    font-size: 100%;
    font-weight: 700;
    line-height: 1;
    color: #ffffff;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: .25em;
    margin-right: 10px;
}

.obbligatorio {
    font-family: 'Titillium Web';
    font-weight: bold;
    font-size: 13px;
    padding: 0px 0px 10px 2px;
    /*color: #821b4c;*/
    color: #cdcdcd;
}

.question-title-container {
border-bottom: 1px solid #e7e7e7;
padding-top:10px;
padding-bottom: 10px;
}

.question-container {
    border-radius: 5px;
}

.question-valid-container {
    background-color: #ffffff;
}

.ls-question-help, .ls-questionhelp  {
    padding:5px 5px 0px 3px;
    font-size: 12px;
    color:#313840;
   }

.ls-question-mandatory {
    padding:5px;
}

.input-error input {
    border: 4px solid #E75041;
}
.btn{
    font-family: 'Titillium Web';
    font-size:16px;
    text-transform: uppercase;
}

.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 {
    color: #fff;
    background-color: #821b4c;
    border-color: #821b4c;
}

.btn-primary:active, .btn-primary.active, .open>.dropdown-toggle.btn-primary {
    color: #fff;
    background-color: #821b4c;
    border-color: #821b4c;
}
.btn-primary{
    background-color: white;
    border: 1px solid #CCCCCC;
    color: rgba(49, 56, 64, 1);
}
.btn-primary.hover {
    color: #fff;
    background-color: #cdcdcd;
    border-color:#cdcdcd;
}

.btn-primary:hover {
    color: #fff;
    background-color: #cdcdcd;
    border-color:#cdcdcd;
}

.btn-group>.btn:hover, .btn-group-vertical>.btn:hover {
    z-index: 2;
    background-color: rgba(49, 56, 64, 1);
    border: 1px solid rgba(49, 56, 64, 1);
}

.button-item {
    border: 1px solid white;
    background-color:#EDEDEE;
}

.question-text {
    padding-left: 5px;
    font-weight:700;
    font-family:'Titillium Web';
    font-size:16px;
}

.label-obbligatorio {
    display: block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: 20px;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    /* background-color: #ffffff; */
    /* border: 1px solid #a94442; */
    /* padding: 4px 6px; */
    vertical-align: middle;
    /* border-radius: .25em; */
    color: #a94442;
    margin-right: 10px;
    line-height: 1;
    position: relative;
}


#logoLime {
    width: 120px;
   /* float: right; */
}

.space-col {
     margin-top: 0;
     margin-bottom: 1em;
}

.survey-list-heading {
    padding-left: 20px;
    padding-top:50px;
}

#errorImage {
margin-top:50px;
width: 200px;

}
label::after {
    background-color: #821b4c;
}

.checkbox-item label::after {
    color: #ffffff;
    
}
.answer-container label {
    font-size: 14px;
}

.button-item .ls-icon {
    /* margin-top: 5px; */
    display: inline;
    font-size: unset;
}


.group-description {
    padding-bottom:20px;
}

.radio-item label::after {
    background-color: #821b4c;
}

#successImage {
margin-top:50px;
width: 200px;

}

.AirBadge {
    background-color: #821b4c;
    padding: 0.15em 1em 0.15em 1em;    border-radius: 15px;
    color: white !important;
    font-size: 12px;
    position: relative;
    top: -3px;
    display: inline;
    font-weight: bold;
    line-height: 1;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;    
}


/* Aggiunto per differenziare l'ex asterisco nella schermata di salvataggio di survey salvate */
.save-survey-label .label-obbligatorio  {
display: inline;
margin-right: 0px;
}

/* Aggiunto per differenziare l'ex asterisco nella schermata di caricamento di survey salvate */
.load-survey-label .label-obbligatorio  {
display: inline;
margin-right: 0px;
}


/* Aggiunto per differenziare la riga d'errore */
.rowErrorArea {
   background-color: #f2dede;
    border-color: #ebccd1;
    padding-left:15px;
}

.message-1{
    display: none;
}

.positionmenu {
  font-family:'Titillium Web';
  text-transform:uppercase;
  font-size:14px; 
  margin-top:10px;
}

/* Stampa */

@media print
{    
    .no-print, .no-print *
    {
        display: none !important;
    }
}

.ls-privacy-body {
font-size:12px;
}

.privacy.row {
    margin-top: 20px;
    background: #ededee;
    border-radius: 10px;
    margin-bottom: 20px;
    padding: 5px 0px;
}

.privacy.row .control-label {
    vertical-align: -webkit-baseline-middle;
}

.privacy.row > div > br:first-child {
    display:none;
    
}


.number-of-questions {
    font-weight: 600;
    margin: 20px 0px;
}

.table.ls-answers {
    margin: 20px 0px;
}

.panel-primary>.panel-heading {
    color: #fff;
    background-color: #821b4c;
    border-color: #821b4c;
}

.panel-primary {
    border-color: #ddd;
}

/* .privacy.row {
    margin-top: 0px;
    background: #ffffff; 
}*/

.privacy.row a {
    color: #821b4c;
}

li.question-item.answer-item.text-item.form-group {
padding: 15px 0px 15px 0px;    
    
}


/* Array ad alta densità di colonne */
.special_form .form-control {
    padding: 0;
    /* min-width: 25px; */
    /* height: 20px; */
    text-align: center;
}

.special_form .answer-item.text-item {
    padding: 8px 1px 8px 1px;
}

/* Label in verticale */
.vertical_label {
/* white-space: nowrap;
 writing-mode: vertical-rl;
text-orientation: mixed;*/
  transform: rotate(-90deg);
  /* Safari */
  -webkit-transform: rotate(-90deg);
  /* Firefox */
  -moz-transform: rotate(-90deg);
  /* IE */
  -ms-transform: rotate(-90deg);
  /* Opera */
  -o-transform: rotate(-90deg);
  /* Internet Explorer */
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
  text-align:left;
  display: flex;
  word-wrap: break-word;
  -moz-hyphens: none;
 hyphens: none;
}

@media only screen and (max-width: 760px), (max-device-width: 1024px) and (min-device-width: 768px) {
.vertical_label {
display: inline;
font-weight: bold;
  }
}

/* .vertical_label:before,
.vertical_label:after {
  content: "";
  flex: 1;
  background: pink;
} */

.AltezzaTableHeader145 .answer-text {
    height:145px;
        box-sizing: content-box;
}

.special_form .ls-heading > th:nth-child(n+2) {
    background-color: #ccddba;
    
}
.special_form .ls-heading > th:nth-child(n+8) {
    background-color: lightcoral;
}

.special_form .ls-heading > th:nth-child(n+14) {
    background-color: lightyellow;
}

.special_form .answer_cell_SQ007, .special_form .answer_cell_SQ008, .special_form .answer_cell_SQ009, .special_form .answer_cell_SQ010, .special_form .answer_cell_SQ011, .special_form .answer_cell_SQ012 {
    background-color: lightcoral;
}

.special_form .answer_cell_SQ013, .special_form .answer_cell_SQ014, .special_form .answer_cell_SQ015, .special_form .answer_cell_SQ016, .special_form .answer_cell_SQ017, .special_form .answer_cell_SQ018 {
    background-color: lightyellow;
}

.special_form .answer_cell_SQ001, .special_form .answer_cell_SQ002, .special_form .answer_cell_SQ003, .special_form .answer_cell_SQ004, .special_form .answer_cell_SQ005, .special_form .answer_cell_SQ006 {
    background-color: #ccddba;
}

input#datasecurity_accepted {
    width: 30px;
    height: 30px;
    margin: 10px 4px;
}

#datasecurity_accepted {
    vertical-align: middle;
}

div#datasecurity_notice {
    margin: 10px 0px;
}

/* Domande solo testo*/
.boilerplate .question-text {
    font-weight: normal;
}
/* Descrizione survey first page */
.survey-description {
    padding: 20px 0px 20px 0px;
}
/* ul bottom */
ul {
margin-bottom:0px;
}    
.fa {
    margin-right:10px;
}

.list-unstyled li:last-child {
    margin-bottom: 0;
}

/* --------------TAG DI STRUMENTO---------------------- */
.labelBase {
  font-family:'Titillium Web';
  display: inline;
  padding: .2em .6em .3em;
  font-size: 75%;
  font-weight: bold;
  line-height: 1;
  color: #fff;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: .25em;
  margin-left: 5px;
}

.labelME {
    background-color: #956b9c;
	padding: .15em .6em .15em !important;
    border-radius: 15px;
    color: white !important;
	font-size:12px !important;
	position:relative;
	/*top:-3px Rimosso da css originario*/ 
}

.labelSD {
    background-color: #2da4a2;
    padding: .15em .6em .15em !important;
    border-radius: 15px;
    color: white !important;
	font-size:12px !important;
	position:relative;
	/*top:-3px Rimosso da css originario*/ 
}

.labelAQ {
    background-color: #be3969;
    padding: .15em .6em .15em !important;
    border-radius: 15px;
    color: white !important;
	font-size:12px !important;
	position:relative;
	/*top:-3px Rimosso da css originario*/ 
}

.labelCO {
    background-color: #aab964;
    padding: .15em .6em .15em !important;
    border-radius: 15px;
    color: white !important;
	font-size:12px !important;
	position:relative;
	/*top:-3px Rimosso da css originario*/ 
}

.labelAB {
    background-color: #C9491B;
    padding: .15em .6em .15em !important;
    border-radius: 15px;
	font-size:12px !important;
    color: white !important;
	position:relative;
	/*top:-3px Rimosso da css originario*/ 
}

/* ------------------------- SFONDI TESTATE ---------------  */
.SfondoConvenzioni {
    background-image:url(../files/SfondoConvenzioni.svg);
    background-size:cover;
    width:100%;
    border-top:10px solid #aab964;
    height:100px;
}

.SfondoMePA {
    background-image:url(../files/SfondoMePA.svg);
    background-size:cover;
    width:100%;
    border-top:10px solid #956b9c;
    height:100px;
}

.SfondoSDA {
    background-image:url(../files/SfondoSDA.svg);
    background-size:cover;
    width:100%;
    border-top:10px solid #2da4a2;
    height:100px;
}

.SfondoAQ {
    background-image:url(../files/SfondoAQ.svg);
    background-size:cover;
    width:100%;
    border-top:10px solid #be3969;
    height:100px;
}

.SfondoGenerico {
    background-image:url(../files/SfondoGenerico.svg);
    background-size:cover;
    width:100%;
    /*border-top:10px solid #821b4c; */
    height:100px;
}


.form-group.text-item.other-text-item >input {
    min-width: 400px;
}

.group-title {
    font-size:28px;
    padding-bottom:20px;
}

/* --------------------- TIPO RISPOSTA SLIDER --------------------- */

li.question-item.answer-item.text-item.form-group.withslider {
    padding: 0px;
}

.slider-handle {
background-color: #821b4c
}
.ls-group-remaining {
    display:none;
}
.dynamic-total {
    font-size: 18px;
    font-weight: bold;
}
/* Nascondo il punto interrogativo nell'help domanda */
.ls-questionhelp:before {
display:none;
}
.dir-ltr .ls-questionhelp {
    margin-left: 0.2em;
        font-size: 14px;
}
.question-help-container.text-info {
    background-color: #fff;
    padding-bottom:10px;
}