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


/* ATTENZIONE!!!! */
/* TUTTE LE IMPOSTAZIONI CONTENUTE IN @media (min-width: 820px) SI APPLICANO SOLO SU PC E NON SU MOBILE*/

.ls-questionhelp:before {display:none !important;}

em {font-weight:normal !important;}
.h4 {font-weight:normal !important;}


/* GESTIONE SFONDO LATERALE E DELLE CARATTERISTICHE GENERALI DELLA PAGINA*/
body {
    /* cambio colore dello sfondo laterale*/
    background-color:#f7f7f7!important;
}


/* GESTIONE CONTENITORE DELLA DOMANDA */
.outerframe.container {
    /* cambio colore dello sfondo della domanda */
    background-color:white!important;
    /* distanzia il box della domanda dal riquadro di sfondo */
    padding:0px 10px 0px 10px;
}

.question-container {
    background-color: #fff!important;
    border: none;
    box-shadow: none;
}

.question-container.input-error {
    box-shadow:none!important;
}

.ls-label-question {
    font-weight:bold;
}

/* GESTIONE DELL'HEADER E DELLA BARRA DI NAVIGAZIONE */

@media (min-width: 820px) {
    .navbar {
        width:800px;
        margin:auto;
    }
}


/* GESTIONE DEL LOGO*/
.logo-container>img {
    max-height:initial!important;
    padding:0px!important;
}

.hidden-xs {
    display:block!important;
}


/* GESTIONE DEL FOOTER */
@media (min-width: 820px) {
.footer_img {
    width:800px;
    background-color:white;
    margin:auto;
}
}

@media (max-width: 819px) {
.footer_img {
    width:100%;
    background-color:white;
    margin:auto;
}
}



/* GESTIONE DEL CONTENITORE DEI BOTTONI AVANTI E INDIETRO*/
[id=navigator-container] {
 margin-right:0px!important;
 margin-left:0px!important;
}

.row.navigator.space-col {
    margin-bottom: 0px!important;
}

.group-outer-container.space-col {
    margin-bottom: 0px!important;
}

.group-container.space-col {
    margin-bottom: 0px!important;
}

/* CONTENITORE DELLA DOMANDA */
@media (min-width: 820px) {
.container {
    width: 100%;
    max-width: 1250px;
    margin: 0 auto;
    padding-left: 30px;
    padding-right: 30px;
    box-sizing: border-box;
}
}

.question-container {
    padding: 10px 30px;
    margin: 0 auto;
    max-width: 1250px;
    width: 100%;
    box-sizing: border-box;
    box-shadow: none;
}


/* CONTENITORE PROGRESS BAR */
@media (min-width: 820px) {
.top-container {
    width:800px;}
    
}

.top-container {
    height:0px;
    background-color:white;
    margin:auto;
    margin-top: -1px!important;
    margin-bottom: 0px!important;
    padding-top: 15px;
}



/* START: PROGRESS BAR */
@-webkit-keyframes progress-bar-stripes {
  from {
    background-position: 40px 0;
  }
  to {
    background-position: 0 0;
  }
}
@-o-keyframes progress-bar-stripes {
  from {
    background-position: 40px 0;
  }
  to {
    background-position: 0 0;
  }
}
@keyframes progress-bar-stripes {
  from {
    background-position: 40px 0;
  }
  to {
    background-position: 0 0;
  }
}
.progress {
    display:none;
  overflow: hidden;
  height: 20px;
  margin-bottom: 0px;
  /*background-color: #f5f5f5;*/
  background: /* On "top" */
  repeating-linear-gradient(
    45deg,
    transparent,
    transparent 10px,
    #DDDDDD 10px,
    #DDDDDD 20px
  ),
  /* on "bottom" */
  linear-gradient(
    to bottom,
    #fff,
    #fff
  );    
  border-radius: 0px;
  -webkit-box-shadow: inset 0 0 0 rgba(0, 0, 0, 0.1);
  box-shadow: inset 0 0 0 rgba(0, 0, 0, 0.1);
}
.progress-bar {
  float: left;
  width: 0%;
  height: 100%;
  font-size: 12px;
  line-height: 20px;
  color: #02446E;
  text-align: center;
  background-color: #009FD9!important;
  -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
  box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
  -webkit-transition: width 0.6s ease;
  -o-transition: width 0.6s ease;
  transition: width 0.6s ease;
}
.progress-striped .progress-bar,
.progress-bar-striped {
  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  -webkit-background-size: 40px 40px;
          background-size: 40px 40px;
}
.progress.active .progress-bar,
.progress-bar.active {
  -webkit-animation: progress-bar-stripes 2s linear infinite;
  -o-animation: progress-bar-stripes 2s linear infinite;
  animation: progress-bar-stripes 2s linear infinite;
}
.progress-bar-success {
  background-color: #38b44a;
}
.progress-striped .progress-bar-success {
  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
}
.progress-bar-info {
  background-color: #772953;
}
.progress-striped .progress-bar-info {
  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
}
.progress-bar-warning {
  background-color: #efb73e;
}
.progress-striped .progress-bar-warning {
  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
}
.progress-bar-danger {
  background-color: #df382c;
}
.progress-striped .progress-bar-danger {
  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
}

/* END: PROGRESS BAR */

/* BOTTONE PRIMO PROFILO */
.bottoneprofilo {
    height: auto!important;
    font-size: 18px!important;
    line-height: 52px;
    margin: 0px;
    width: 100%!important;
    border-radius: 5px;
    color: #fff;
    background:#D93742;
    text-decoration: none;
    border-style: none;
    font-weight: bold;
    margin:auto;
    background-color: #fff!important;
  /*  font-family:'Teko'!important;*/
}

.bottoneprofilo:hover {
border: 1px solid #D93742;
background: #D93742;
text-decoration: none;
border-style:none;
background-color: #fff!important
}

/* BOTTONE YAMMER */

.yammershare {
    height: auto;
    font-size: 16px;
    line-height: 52px;
    margin: 0px;
    width: 97%;
    border-radius: 5px;
    color: #fff;
    background: #D93742;
    text-decoration: none;
    border-style: none;
    font-weight: bold;
    margin:auto;
}

.yammershare:hover {
border: 5px solid #D93742;
background: #D9D9D9;
text-decoration: none;
border-style:none
}
.yammershare {
    height: auto;
    font-size: 16px;
    line-height: 52px;
    margin: 0px;
    width: 97%;
    border-radius: 5px;
    color: #fff;
    background: #D93742;
    text-decoration: none;
    border-style: none;
    font-weight: bold;
    margin:auto;
}
PROFILO
.profilobutton:hover {
border: 5px solid #D93742;
background: #D9D9D9;
text-decoration: none;
border-style:none
}
.profilobutton {
    height: auto;
    font-size: 16px;
    line-height: 52px;
    margin: 0px;
    width: 97%;
    border-radius: 5px;
    color: #fff;
    background: #D93742;
    text-decoration: none;
    border-style: none;
    font-weight: bold;
    margin:auto;
}

.profilobutton:hover {
border: 5px solid #D93742;
background: #D9D9D9;
text-decoration: none;
border-style:none
}
.profilobutton {
    height: auto;
    font-size: 16px;
    line-height: 52px;
    margin: 0px;
    width: 97%;
    border-radius: 5px;
    color: #fff;
    background: #D93742;
    text-decoration: none;
    border-style: none;
    font-weight: bold;
    margin:auto;
}

.profilobutton:hover {
border: 5px solid #D93742;
background: #D9D9D9;
text-decoration: none;
border-style:none
}

/* BOTTONI SOCIAL */

.facebookbutton{
    height: auto;
    min-height: 52px;
    font-size: 16px;
    padding-left: 50px;
    margin: 0px;
    width: 97%;
    border-radius: 5px;
    color: #ffffff;
    background: #3b5998;
    text-decoration: none;
    border-style: none;
    font-weight: bold;
    margin:auto;
    background: #3b5998 url(/upload/surveys/791415/images/facebook.png) no-repeat 10px 50%;
    background-size: auto 35px;
}

.facebookbutton:hover {
border: 1px solid #8b9dc3;
text-decoration: none;
border-style:none;
background: #8b9dc3 url(/upload/surveys/791415/images/facebook.png) no-repeat 10px 50%;
background-size: auto 35px;
cursor: pointer;
}

.twitterbutton{
    height: auto;
    min-height: 52px;
    font-size: 16px;
    padding-left: 50px;
    margin: 0px;
    width: 97%;
    border-radius: 5px;
    color: #ffffff;
    background: #00aced;
    text-decoration: none;
    border-style: none;
    font-weight: bold;
    margin:auto;
    background: #00aced url(/upload/surveys/791415/images/twitter.png) no-repeat 10px 50%;
    background-size: auto 35px;
}

.twitterbutton:hover {
border: 1px solid #1dcaff;
background: #1dcaff;
text-decoration: none;
border-style:none;
    background: #1dcaff url(/upload/surveys/791415/images/twitter.png) no-repeat 10px 50%;
    background-size: auto 35px;
    cursor: pointer;
}

.instagrambutton{
    height: auto;
    min-height: 52px;
    font-size: 16px;
    padding-left: 50px;
    margin: 0px;
    width: 97%;
    border-radius: 5px;
    color: #ffffff;
    background: #fb3958;
    text-decoration: none;
    border-style: none;
    font-weight: bold;
    margin:auto;
    background: url(icon_next.png) no-repeat 100% 50%;
    background-size: 9px 13px;
    background: #fb3958 url(/upload/surveys/791415/images/instagram.png) no-repeat 10px 50%;
    background-size: auto 35px;
}

.instagrambutton:hover {
border: 1px solid #fc8497;
background: #fc8497;
text-decoration: none;
border-style:none;
    background: #fc8497 url(/upload/surveys/791415/images/instagram.png) no-repeat 10px 50%;
    background-size: auto 35px;
    cursor: pointer;
}

.workplacebutton{
    height: auto;
    width: 50%;
    font-size: 18px;
    padding:18px 20px;
    margin: 0px;
    border-radius: 5px;
    color: #ffffff;
    background: #5fb3bd;
    text-align:center;
    text-decoration: none;
    border-style: none;
    font-weight: bold;
    margin:auto;
    display:block;
    background: url(workplace.png) no-repeat 100% 50%;
    background-size: 9px 13px;
    background: #5fb3bd url(/upload/surveys/956655/images/workplace.png) no-repeat 10px 50%;
    background-size: auto 35px;
}
.workplacebutton:hover{
border: 1px solid #5fb3bd;
background: #427d84;
text-decoration: none;
border-style:none;
    background: #427d84 url(/upload/surveys/956655/images/workplace.png) no-repeat 10px 50%;
    background-size: auto 35px;
    cursor: pointer;
}


/* BOTTONE AVANTI */
#ls-button-submit {
color: #fff;
border: 1px solid #D93742;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
background-color: #D93742;
padding: 0px;
cursor: pointer;
white-space: nowrap;
overflow: visible;
font-size: 16px;
font-weight: bold;
outline: 0 none /* removes focus outline in IE */;
margin: 0px;
line-height: 58px;
width: 90%;
}

#ls-button-submit:hover {
color: #fff;
border: 1px solid #D93742;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
background-color: #D9D9D9;
padding: 0px;
cursor: pointer;
white-space: nowrap;
overflow: visible;
font-size: 16px;
font-weight: bold;
outline: 0 none /* removes focus outline in IE */;
margin: 0px;
line-height: 58px;
width: 90%;
}


/* BOTTONE INDIETRO */

#ls-button-previous {
color: #D93742;
border: 1px solid #D93742;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
background-color: white;
padding: 0px;
cursor: pointer;
white-space: nowrap;
overflow: visible;
font-size: 16px;
font-weight: bold;
outline: 0 none /* removes focus outline in IE */;
margin: 0px;
line-height: 55px;
width: 90%;
}

#ls-button-previous:hover {
color:#D93742;
border: 1px solid #D93742;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
background-color: #D9D9D9;
padding: 0px;
cursor: pointer;
white-space: nowrap;
overflow: visible;
font-size: 16px;
font-weight: bold;
outline: 0 none /* removes focus outline in IE */;
margin: 0px;
line-height: 55px;
width: 90%;

}


/* IMPAGINAZIONE PROFILI */

.headerprofilo{
  position: relative;
  width: 100%;
  background-color: #FFF;
  height: auto;
  margin: auto;
  text-align: center;
  vertical-align: middle;
}

.headerimgprofilo {
  width: 30%;
  min-width: 200px;
  text-align: left;
  display: inline-block;
  position: relative;
  vertical-align: middle;
  max-height: 250px;
  padding: 20px 10px 20px 10px;
}


/*.headerimgprofilo:after {
  display: inline-block;
  padding-bottom: 100%;
  content: "";
  margin: 10px;
  vertical-align:top;
}*/



.headertextprofilo {
  min-width: 100 px;
  width: 100%;
  min-width: 150px;
  max-width: 400px;
  text-align: left;
  display: inline-block;
  height: auto;
  vertical-align: middle;  
}
/*.headertextprofilo:after {
  display: inline-block;
  padding-bottom: auto;
  content: "";
  margin: 10px;
  vertical-align:top;
  padding-bottom: 100%;
}*/

 .headerquoteprofilo {
  width: 100%;
  height:50%;
  text-align: left;
  display: inline-block;
  vertical-align: middle; 
  height: auto;
  color: #D93742!important;
  text-align:center!important;
  padding: 20px 0px 20px 0px;
}

.profiletext {
    background-color:#ffffff;
    width:100%;
    text-align:center!important;
    padding: 0px 0px 20px 0px;
}

.insidewrapper{
    width:95%;
    padding: 20px 10px 0px 10px;
    font-weight: normal;
}

.profilestory{
    background-color:#EEEEEE;
    width:100%;
    padding: 0px 0px 20px 0px;
}

.profilecomments{
    background-color:#D93742;
    width:100%;
    padding: 0px 0px 20px 0px;
    color: #ffffff!important;
}



/* COLORE HOVER RISPOSTE */

/* checkbox */
li.radio-item:hover, li.checkbox-item:hover {
    background-color:#D93742!important;
    color:white;
    border-radius:5px;
    width:100%;
}

li.radio-item, li.checkbox-item {
   width:100%;
}

/* DOMANDE FUNNY */

.funny-wrapper {
    position: relative;
    display:block;
    padding-right:15px;
}


div.col-sm-4.col-xs-12 {
    position: relative;
    min-height: 1px;
    width: 100%;
    vertical-align:middle;
    text-align:center;
}

div.col-xs-12.form-group  {
    border: 0px; 
    vertical-align: middle;
    margin: 5px 5px 5px 0px;
}

div.col-xs-12.form-group:hover  {
    background: #D93742;
    border-radius: 25px;
    color:#ffffff;
}

.col-xs-12.col-sm-7:hover {
    all: none;
}

div.col-sm-12:hover  {
    background: #D93742;
    border-radius: 25px;
    color:#ffffff;
}

div.form-group.save-survey-input.input-cell::before + div.col-sm-12:hover {
    background:#ffffff!important;
}

div.col-xs-12.form-group.answer-item.radio-item.radio:hover  {
    background: #D93742;
    border-radius: 25px;
    color:#ffffff;
    display:block;
    min-height:30px;
}

input[type="radio"]{
    position: relative;
    vertical-align: middle;
}


@media (min-width: 768px) {
div.col-sm-4.col-xs-12 {
        float: left;
        width: 33%;
    }
}



.radio label,
.checkbox label {
  min-height: 21px;
  padding-left: 2px;
  margin-bottom: 0;
  font-weight: normal;
  cursor: pointer;
}

.label-clickable:hover
{
    cursor: pointer;
}

.form-control.text.empty, .text.form-control.em_sq_validation.good {
    width:95%;
}

/* BOX GUIDA */

.guida {
    text-align: center;
    vertical-align: middle;
}

.boxguida {
  position: relative;
  width: 90%;
  height: auto;
  max-width: 200px;
  max-height: 240px;
  -webkit-border-radius: 5;
  -moz-border-radius: 5;
  border-radius: 5px;
  font-family: Arial;
  color: #D93742;
  background: #D0E1E1;
  padding: 10px 20px 10px 20px;
  margin: 10px;
  display: inline-block;
  text-decoration: none;
  vertical-align:top;
}

.boxguida:after {
  display: inline-block;
  padding-bottom: 100%;
  content: "";
  margin: 10px;
  vertical-align:top;
}

.guidacontent {
  position: relative;
  width: 100%;
  height: 100%;
  text-align: center;
  vertical-align: top;
}

/* END BOX GUIDA */


/* COLORE LANGUAGECHANGER */
.fruity .nav .open>a {
    color: #fff!important;
    background-color: #1C74BD!important;
}

@media (min-width: 769px){
a.animate:after {
    background-color: #F5DE35!important;
}}

.ls-language-link:hover {
    background-color: #1C74BD!important;
}

.form-change-lang.form-inline {display:none!important;}



/* NASCONDERE STERISCO NELLE DOMANDE OBBLIGATORIE */ 
.fa-asterisk {display: none}


.survey-name {display:none;}

/* BOX SUGGERIMENTI ALLA FINE DEL PROFILO */

.suggerimenti1 {
display: block;
width: 100%;
text-align:center;
}

@media (min-width: 768px) {
.suggerimenti1 {
display: inline-block!important;
width: 30%!important;
}
}

.suggerimenti2 {
display: block;
width: 100%;
text-align:center;
}

 .navbar-action-link li a {font-weight:bold}
 .ls-label-xs-visibility {padding-left:20px !important;}

 /*test*/
.container-fluid{
  display: block !important;
 }
 
 .prova{
     padding-top: 40px !important;
 }


@media (min-width: 768px) {
  div#outerframeContainer {
      max-width: 820px;
      margin-top: 130px !important;
  }
}


@media (min-width: 768px) {
  div#outerframeContainer {
    width: 800px;
    margin-top: 130px;
  }
}
@media (max-width: 767px) {
  div#outerframeContainer {
    width: 100% !important;
    margin-top: 30px !important;
    padding: 0 10px !important;
    box-sizing: border-box !important;
  }
}

@media (max-width: 768px) {
  .question-container {
    padding: 10px 10px !important;
    margin: 0 auto !important;
    max-width: 100% !important;
    width: 100% !important;
    box-sizing: border-box !important;
    overflow-x: hidden !important;
  }

  .outerframe.container {
    padding: 0 5px !important;
  }

  .container-fluid,
  .container {
    padding-left: 10px !important;
    padding-right: 10px !important;
    width: 100% !important;
    max-width: 100% !important;
    overflow-x: hidden !important;
  }

  html, body {
    overflow-x: hidden !important;
  }
}
@media (max-width: 768px) {
  img {
    max-width: 100% !important;
    height: auto !important;
    display: block;
    margin-left: auto;
    margin-right: auto;
  }
  
  #ls-button-submit:focus {
  outline: none !important;
  box-shadow: none !important;
  
}