@import url("https://fonts.googleapis.com/css?family=Muli:400,700,700i,800&display=swap");
html {
  background-image: linear-gradient(0deg, #af4209 0%, #e95204 100%);
  min-height: 100vh; }

#outerframeContainer {
  word-wrap: normal !important;
  -moz-hyphens: none !important;
  hyphens: none !important; }

body {
  font-family: "Muli", sans-serif !important;
  font-size: 15px;
  padding: 0;
  height: 100vh;
  /* Fallback for browsers that do not support Custom Properties */
  height: calc(var(--vh, 1vh) * 100);
  background-color: transparent;
  background-image: url(../images/italy.svg);
  background-position: center top;
  background-repeat: no-repeat; }
  body .script-container {
    height: 0; }
  body .cnrhead {
    display: none; }
  body.welcome .cnrhead {
    display: block;
    height: 51px;
    background-color: #ffffff;
    padding: 13px 20px; }
    body.welcome .cnrhead .logocnr {
      float: left;
      background-size: cover;
      height: 20px;
      width: 22px;
      margin-right: 5px;
      background-image: url(../images/CNR.svg); }
    body.welcome .cnrhead h2 {
      font-size: 10px;
      text-transform: uppercase;
      color: #002F5F;
      margin: 0;
      font-weight: 700; }
    body.welcome .cnrhead p {
      margin: 0;
      font-size: 10px;
      color: #E95204;
      font-weight: 700; }
  body.welcome article {
    height: calc(100vh - 181px); }
    body.welcome article #dynamicReloadContainer {
      height: calc(100vh - 200px); }
      body.welcome article #dynamicReloadContainer:after {
        display: none; }
    body.welcome article #navigator-container {
      position: relative;
      left: 0;
      bottom: 0;
      right: 0;
      padding-top: 25px;
      background-image: url(../images/shadowscroll.png);
      background-color: #fff;
      border-radius: 0 0 11px 11px; }
      body.welcome article #navigator-container:after {
        content: "";
        background-image: url(../images/shadowscroll.png);
        height: 25px;
        background-position: center;
        background-size: contain;
        background-repeat: no-repeat;
        width: calc(100% - 24px);
        position: absolute;
        display: block;
        z-index: 101;
        top: -12px; }
      body.welcome article #navigator-container .text-left {
        display: none; }
      body.welcome article #navigator-container .text-right {
        width: 100%;
        display: block; }
        body.welcome article #navigator-container .text-right button {
          display: block;
          width: 100%; }
  body .titlegaps {
    font-size: 28px;
    font-weight: 800;
    color: #ffffff;
    margin: 0 13px;
    padding: 30px 0;
    text-align: center; }
    body .titlegaps span {
      font-size: 12px;
      display: block; }
  body article {
    background-color: #ffffff;
    margin: 0 13px;
    height: calc(100vh - 130px);
    box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.5);
    border-radius: 11px; }
    body article .navbar {
      display: none; }
    body article .progress {
      display: none; }
    body article #dynamicReloadContainer {
      height: calc(100vh - 130px);
      overflow-y: scroll;
      position: relative;
      -webkit-overflow-scrolling: touch; }
      body article #dynamicReloadContainer .top-container {
        display: none; }
    body article .group-title {
      display: none; }
    body article .group-description {
      background-color: transparent;
      border: none;
      font-weight: 700;
      color: #333333;
      font-size: 20px;
      margin: 0 0 30px 0;
      padding: 0 0 30px 0;
      border-bottom: 1px solid #E0E0E0;
      box-shadow: none; }
      body article .group-description h2 {
        font-weight: 800;
        color: #E95204;
        font-size: 24px;
        margin-top: 0; }
  body #navigator-container {
    position: relative;
    bottom: 25px;
    left: 13px;
    z-index: 100;
    right: 13px;
    padding: 13px;
    margin: 0;
    padding: 12px 20px;
    background-color: #ffffff;
    border-radius: 0 0 11px 11px; }
    body #navigator-container:after {
      content: "";
      background-image: url(../images/shadowscroll.png);
      height: 25px;
      background-position: center;
      background-size: contain;
      background-repeat: no-repeat;
      width: calc(100% - 24px);
      position: absolute;
      display: block;
      z-index: 101;
      top: -30px;
      left: 0; }
  body .welcome-container {
    height: calc(100vh - 80px); }
  body .ico {
    height: 140px;
    display: block;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    margin: 30px 0; }
    body .ico.anagrafe {
      background-image: url(../images/icoanagrafe.svg); }
    body .ico.info {
      background-image: url(../images/icoinfo.svg); }
    body .ico.giochi {
      background-image: url(../images/icogiochi.svg); }
    body .ico.snodo {
      background-image: url(../images/icosnodo.svg); }
    body .ico.lavoro {
      background-image: url(../images/icolavoro.svg); }
    body .ico.famiglia {
      background-image: url(../images/icofamiglia.svg); }
    body .ico.salute {
      background-image: url(../images/icosalute.svg); }
    body .ico.videogiochi {
      background-image: url(../images/icovideogiochi.svg); }
    body .ico.sostanze {
      background-image: url(../images/icosostanze.svg); }
    body .ico.illegali {
      background-image: url(../images/icoillegali.svg); }
    body .ico.sanita {
      background-image: url(../images/icosanita.svg); }
    body .ico.rischio {
      background-image: url(../images/icorischio.svg); }
    body .ico.fine {
      background-image: url(../images/icofine.svg); }
    body .ico.cannabis {
      background-image: url(../images/icotitle/cannabis.svg); }
    body .ico.alcol {
      background-image: url(../images/icotitle/alcol.svg); }
    body .ico.sigarette {
      background-image: url(../images/icotitle/sigarette.svg); }
    body .ico.cervello {
      background-image: url(../images/icotitle/cervello.svg); }
    body .ico.farmaci {
      background-image: url(../images/icotitle/farmaci.svg); }
    body .ico.intro {
      background-position: left top;
      margin: 0 0 10px 0;
      padding-left: 100px; }
  body .ico {
    display: block;
    background-position: center top;
    background-repeat: no-repeat;
    background-size: 94px;
    margin: 30px 0; }
    body .ico.welcome {
      background-image: url(../images/welcomesurvey.svg); }
    body .ico.run {
      background-image: url(../images/runwelcome.svg); }
    body .ico.compile {
      background-image: url(../images/compilesurvey.svg); }
    body .ico.welcome {
      background-image: url(../images/welcomesurvey.svg); }
    body .ico.sceglitu {
      background-image: url(../images/icotitle/sceglitu.svg); }
    body .ico.anagrafe {
      background-image: url(../images/icotitle/anagrafe.svg); }
    body .ico.anagrafe2 {
      background-image: url(../images/icotitle/anagrafe2.svg); }
    body .ico.privacy {
      background-image: url(../images/icotitle/privacy.svg); }
    body .ico.lavoro {
      background-image: url(../images/icotitle/lavoro.svg); }
    body .ico.salutefamiglia {
      background-image: url(../images/icotitle/salutefamiglia.svg); }
    body .ico.salutefamiglia2 {
      background-image: url(../images/icotitle/salutefamiglia2.svg); }
    body .ico.sostanzeillegali {
      background-image: url(../images/icotitle/sostanzeillegali.svg); }
    body .ico.sostanzeillegali2 {
      background-image: url(../images/icotitle/sostanzeillegali2.svg); }
    body .ico.comportamenti {
      background-image: url(../images/icotitle/comportamenti.svg); }
    body .ico.famiglia {
      background-image: url(../images/icotitle/famiglia.svg); }
    body .ico.gioco {
      background-image: url(../images/icotitle/gioco.svg); }
    body .ico.giochionsite {
      background-image: url(../images/icotitle/giochionsite.svg); }
    body .ico.videogiochi {
      background-image: url(../images/icotitle/videogiochi.svg); }
    body .ico.videogiochi2 {
      background-image: url(../images/icotitle/videogiochi2.svg); }
    body .ico.azzardo {
      background-image: url(../images/icotitle/azzardo.svg); }
    body .ico.cannabis {
      background-image: url(../images/icotitle/cannabis.svg); }
    body .ico.alcol {
      background-image: url(../images/icotitle/alcol.svg); }
    body .ico.sigarette {
      background-image: url(../images/icotitle/sigarette.svg); }
    body .ico.cervello {
      background-image: url(../images/icotitle/cervello.svg); }
    body .ico.farmaci {
      background-image: url(../images/icotitle/farmaci.svg); }
    body .ico.intro {
      background-position: left top;
      min-height: 94px;
      margin: 0 0 10px 0;
      padding-left: 100px;
      height: auto; }
  body .welcomepage {
    text-align: center; }
    body .welcomepage h1 {
      color: #E95204;
      font-size: 32px;
      font-weight: 800; }
    body .welcomepage h2 {
      color: #E95204;
      font-size: 32px;
      font-weight: 800; }
    body .welcomepage p {
      color: #555555;
      font-size: 20px;
      line-height: 28px;
      word-wrap: normal;
      hyphens: none;
      padding: 0 24px;
      margin: 0 0 40px 0; }
  body .baloon {
    max-width: 340px;
    margin: 0 auto; }
    body .baloon:before {
      content: "";
      background-image: url(../images/balloon.svg);
      background-size: cover;
      width: 100%;
      height: 60px;
      display: block;
      background-position: center top;
      background-repeat: no-repeat; }
    body .baloon p {
      color: #ffffff;
      background-image: url(../images/balloon.svg);
      background-size: cover;
      background-repeat: no-repeat;
      margin: 0;
      padding: 0 25px 90px 25px;
      background-position: center bottom; }
    body .baloon:after {
      display: none;
      content: "";
      background-image: url(../images/Balloon-03.svg);
      background-size: contain;
      width: 100%;
      height: 31.6px;
      background-repeat: no-repeat;
      background-position: center top -0.7px; }
  body .question-container {
    background-color: transparent;
    border: none;
    box-shadow: none;
    border-bottom: 1px solid #E0E0E0;
    padding-bottom: 20px;
    margin-bottom: 30px; }
  body .list-dropdown .answer-container {
    background-color: transparent; }
    body .list-dropdown .answer-container .dropdown-item {
      border: 1px solid #E0E0E0;
      border-radius: 5px;
      background-color: #F3F3F3;
      height: 47px;
      background-image: url(../images/arrowselect.svg);
      background-repeat: no-repeat;
      background-position: center right;
      background-size: 40px;
      box-shadow: 0 1px 1px rgba(0, 0, 0, 0.5); }
      body .list-dropdown .answer-container .dropdown-item select {
        background-color: transparent;
        border: none;
        box-shadow: none;
        height: 47px;
        -webkit-appearance: none;
        -moz-appearance: none;
        -o-appearance: none;
        appearance: none; }
  body .onoff .radio-list.form-inline {
    display: table;
    margin: 0 auto;
    background-image: url(../images/radiobtn.svg);
    background-size: 100%;
    background-repeat: no-repeat;
    width: 268px;
    height: 92px; }
    body .onoff .radio-list.form-inline .bootstrap-buttons-div {
      margin-bottom: 0;
      padding: 0;
      float: left;
      width: 50%; }
      body .onoff .radio-list.form-inline .bootstrap-buttons-div .btn {
        border-radius: 0;
        height: 92px;
        width: 134px;
        background-color: transparent;
        border: none;
        color: #555555;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 18px; }
        body .onoff .radio-list.form-inline .bootstrap-buttons-div .btn.active {
          background-image: url(../images/radiobtnon.svg);
          background-repeat: no-repeat;
          color: #ffffff; }
  body .yesno .bootstrap-buttons-div:nth-child(1) .btn label {
    min-width: 30px; }
    body .yesno .bootstrap-buttons-div:nth-child(1) .btn label:before {
      content: "";
      height: 35px;
      background-image: url(../images/yes.svg);
      display: block;
      background-position: center;
      background-repeat: no-repeat; }
  body .yesno .bootstrap-buttons-div:nth-child(1) .btn.active {
    background-position: center left; }
    body .yesno .bootstrap-buttons-div:nth-child(1) .btn.active label:before {
      background-image: url(../images/yeson.svg); }
  body .yesno .bootstrap-buttons-div:nth-child(2) .btn label:before {
    content: "";
    height: 35px;
    background-image: url(../images/no.svg);
    display: block;
    background-position: center;
    background-repeat: no-repeat; }
  body .yesno .bootstrap-buttons-div:nth-child(2) .btn.active {
    background-position: center right; }
    body .yesno .bootstrap-buttons-div:nth-child(2) .btn.active label:before {
      background-image: url(../images/noon.svg); }
  body .gender .bootstrap-buttons-div:nth-child(1) .btn label:before {
    content: "";
    height: 35px;
    background-image: url(../images/maschio.svg);
    display: block;
    background-position: center;
    background-repeat: no-repeat; }
  body .gender .bootstrap-buttons-div:nth-child(1) .btn.active {
    background-position: center left; }
    body .gender .bootstrap-buttons-div:nth-child(1) .btn.active label:before {
      background-image: url(../images/maschioon.svg); }
  body .gender .bootstrap-buttons-div:nth-child(2) .btn label:before {
    content: "";
    height: 35px;
    background-image: url(../images/femmina.svg);
    display: block;
    background-position: center;
    background-repeat: no-repeat; }
  body .gender .bootstrap-buttons-div:nth-child(2) .btn.active {
    background-position: center right; }
    body .gender .bootstrap-buttons-div:nth-child(2) .btn.active label:before {
      background-image: url(../images/femminaon.svg); }
  body .question-title-container {
    background-image: url(../images/decodomanda.svg);
    background-position: top left;
    background-repeat: no-repeat; }
    body .question-title-container .question-text {
      font-size: 18px;
      font-weight: 700;
      font-style: italic; }
  body .radio-item label {
    font-size: 20px;
    font-weight: 700;
    font-style: italic; }
    body .radio-item label:before {
      width: 19px;
      height: 19px;
      border: none;
      background-image: url(../images/circle.svg);
      background-position: center;
      background-repeat: no-repeat;
      top: 4px; }
    body .radio-item label:after {
      width: 19px;
      height: 19px;
      border: none;
      background-image: url(../images/check-circle.svg);
      background-position: center;
      background-repeat: no-repeat;
      background-color: transparent;
      left: 0;
      top: 4px; }
  body .checkbox-item label {
    font-size: 20px;
    font-weight: 700;
    font-style: italic; }
    body .checkbox-item label:before {
      width: 19px;
      height: 19px;
      border: none;
      background-image: url(../images/square.svg);
      background-position: center;
      background-repeat: no-repeat;
      top: 4px; }
    body .checkbox-item label:after {
      width: 19px;
      height: 19px;
      border: none;
      background-image: url(../images/check-square.svg);
      background-position: center;
      background-repeat: no-repeat;
      background-color: transparent;
      left: 1px;
      top: 4px;
      color: transparent; }
  body .table-bordered > thead > tr > th,
  body .table-bordered > tbody > tr > th,
  body .table-bordered > tfoot > tr > th,
  body .table-bordered > thead > tr > td,
  body .table-bordered > tbody > tr > td,
  body .table-bordered > tfoot > tr > td,
  body .table-bordered {
    border: none; }
  body .btn.btn-lg.btn-primary {
    background-color: #E95204;
    border: none;
    height: 56px;
    line-height: 56px;
    border-radius: 28px;
    padding: 0 30px; }
  body .domanda-accordion tr.collapsed {
    background-color: #FFEADF; }
  body .domanda-accordion tr th {
    font-size: 20px;
    font-weight: 700;
    font-style: italic; }
    body .domanda-accordion tr th:before {
      content: "";
      width: 19px;
      height: 19px;
      border: none;
      background-image: url(../images/square.svg);
      background-position: center;
      background-repeat: no-repeat;
      display: inline-block; }
    body .domanda-accordion tr th.collapsed:before {
      content: "";
      width: 19px;
      height: 19px;
      border: none;
      background-image: url(../images/check-square.svg);
      background-position: center;
      background-repeat: no-repeat;
      background-color: transparent;
      display: inline-block;
      color: transparent; }
  body .domanda-accordion tr td {
    display: none;
    margin-left: 12px;
    background-color: transparent; }
    body .domanda-accordion tr td.collapsed {
      display: block; }
  body td {
    background-color: #ffffff;
    -webkit-transition: 0.2s;
    -moz-transition: 0.2s;
    -ms-transition: 0.2s;
    -o-transition: 0.2s;
    transition: 0.2s; }
    body td.chked {
      background-color: #FFEADF;
      -webkit-transition: 0.2s;
      -moz-transition: 0.2s;
      -ms-transition: 0.2s;
      -o-transition: 0.2s;
      transition: 0.2s; }
  body .checksnodobtn .bootstrap-buttons-div {
    padding: 0; }
    body .checksnodobtn .bootstrap-buttons-div .button-item.btn.btn-primary {
      background-color: #555555;
      height: 48px;
      line-height: 48px;
      font-size: 18px;
      text-align: center;
      padding: 0;
      border-radius: 24px;
      box-shadow: none;
      border: none;
      margin: 4px 0; }
      body .checksnodobtn .bootstrap-buttons-div .button-item.btn.btn-primary.active {
        background-color: #E95204; }
  body .btnsnodo {
    background-color: #E95204;
    border: none;
    border-radius: 28px;
    padding: 15px 30px;
    display: block;
    text-align: center;
    color: #ffffff;
    font-size: 18px;
    margin-bottom: 8px; }

.ls-question-message {
  display: none; }
  .ls-question-message.ls-em-error {
    display: block; }

.titlelistsuvey-ifc {
  text-align: center; }

.lista-survey-ifc {
  max-width: 600px;
  margin: 0 auto 40px auto;
  padding: 0;
  list-style: none; }
  .lista-survey-ifc li {
    padding: 6px 0; }
    .lista-survey-ifc li a {
      background-color: #E95204;
      border: none;
      border-radius: 28px;
      padding: 15px 30px;
      display: block;
      text-align: center;
      color: #ffffff;
      font-size: 18px;
      margin-bottom: 8px; }

.contactmail-ifc {
  text-align: center; }
  .contactmail-ifc a {
    color: #E95204; }
.token-page .h3 {
  font-size: 0; }
  .token-page .h3:before {
    content: 'Segui le istruzioni riportate sulla copertina del tuo questionario';
    display: block;
    text-align: center;
    font-size: 18px; }
.token-page .well.container-fluid {
  display: none; }
  .completed-wrapper .completed-text p:nth-child(2) {
    font-size: 0; }
    .completed-wrapper .completed-text p:nth-child(2):before {
      content: 'Le risposte alla survey sono state salvate.';
      font-size: 15px; }