/******************
    NT custom CSS
    OMV CONNECT
    ---------------
*/


/* Général */
html,
body div + article,
#dynamicReloadContainer,
html body #outerframeContainer {
  height: 100%;
}
html body #outerframeContainer {
  padding: 0 30px;
}
html body .navbar.navbar-default.navbar-fixed-top {
  width: 1170px !important;
  margin: auto;
  background-size : cover;
  background : white;
}
#navbar {
  border-bottom : 1px solid #CCCCCC;
}

blockquote {
  margin: 1.5em 2em;
  padding: 20px 20px 10px;
  border-radius: 18px;
  border-image : linear-gradient(to right, #150035, #FF0140, #FECC2F);
  background: linear-gradient(white, white) padding-box,
              linear-gradient(to right, #150035, #FF0140, #FECC2F) border-box;
  border: 4px solid transparent;
}
.question-container .asterisk {
  position: absolute;
  margin-left: -1em;
  display:none;
}




/* Interface */
#survey-nav img.logo {
    display : none;
}
#survey-nav {
    background : white url("/upload/themes/survey/NT_theme-fruity23/files/OMV-entete.png") no-repeat center center;
    background-size:cover;
    max-height: 120px;
    height: 120px;
}
#navbar-menu ul ul.dropdown-menu {
  padding: 10px;
}
.space-col {
  margin-bottom: 0.5em;
}

/* Pour Finir plus tard le questionnaire */
.fruity a,
.navbar-default .navbar-nav>li>a {
  color: #555 !important;
  border: 0 !important ;
  padding: 0px 10px;
  border-radius: 20px;
  background:#EEEEEE;
  margin : 10px;
  font-size: 11px;
}
.fruity a:hover,
.navbar-default .navbar-nav>li>a:hover {
  color: white !important;
  background:#555 !important;
  text-decoration : none;
}a

html body .top-container {
  margin-top: 0.5em;
  margin-bottom: 1rem;
}
.top-container .progress {
  height: 21px;
  margin-bottom: 0;
  width : 100%;
  max-width: 1170px;
  margin: auto;
  background: whitesmoke;
}
.progress {
  border-radius: 4px;
}
.progress-bar {
  background: #FF0140 !important;
}
.brand-logo .top-container .top-content {
  padding-top: 0.5em;
}


/* WELCOME */
#welcome-container,
.privacy,
.completed-wrapper {
  margin-left : auto;
  margin-right : auto;
  margin-bottom : 40px;
  margin-top : 10px;
  text-align:justify;
}
#welcome-container .survey-name {
    display : none;
}
.privacy * {
  font-size:15px !important;
  padding :0;
}
.privacy .ls-privacy-body:nth-child(2) {
  display : none;
}
.privacy .ls-privacy-body:nth-child(1) {
  font-style: italic;
  color: #999;
}
.survey-welcome h1 {
  font-weight: 600;
  font-size: 2.85rem;
  line-height: 52px;
  font-family: "IBMPlexSerif", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji" !important;
  margin-bottom : 50px;
  hyphens: none;
}
.survey-welcome,
.completed-text {
  margin-top : 50px;
  line-height : 23px;
  font-weight:400;
  font-size: 15px;
}
.completed-text p+a {
  background: #FAB233;
  color: whitesmoke;
  padding: 5px 15px;
  display: block;
  margin: 20px auto;
  max-width: 50%;
  text-align: center;
  text-transform: uppercase;
  border-radius: 4px;
}
.completed-text p+a:hover {
  background: #222222;
  text-decoration: none;
}

/*medias accueil*/
.survey-welcome figure.media {
  float: right;
  margin : 10px 0 10px 30px;
  width:40%; height: auto;
}
.survey-welcome img {
  width:100%;
  margin: 20px 0;
}




/* Questionnaires */
.group-container .group-title {
  color: #150035;
  position: relative;
  margin-top: 0.5em;
  margin-bottom: 20px;
}
.group-title::after {
  content: " ";
  position: absolute;
  width: 100%;
  height: 3px;
  background: linear-gradient(to right, #150035, #FF0140, #FECC2F);
  clear: both;
  bottom: 0;
  left: 0;
}


/*aide*/
.ls-questionhelp {
  display: none;
}
#vmsg_2849.ls-questionhelp, #vmsg_2850.ls-questionhelp {
  display: block !important;
}

/*boutons propositions*/
.answer-container ul.list-unstyled {
  padding-left: 0;
}
.answer-container .list-unstyled .radio-item input[type="radio"] {
  z-index: -1;
}
.answer-container .list-unstyled .radio-item label::before {
  display: none;
}
.answer-container .list-unstyled .radio-item label {
  width: 80%;
  text-align: center;
  background: #150035;
  color: white;
  font-size: 110%;
  border-radius: 15px;
  padding: 20px;
  border: 3px solid #FF0140;
}
.answer-container .list-unstyled .radio-item label:hover {
  background: #FF0140;
  color: white !important;
  border-color: #150035;
  transform: scale(1.05);
  box-shadow: -6px 7px 10px rgba(0,0,0,0.3);
}
.radio-item input[type="radio"] + label::after {
  display: none;
}

/*bouton suivant : n'apparait qu'en début de questionnaire*/
#group-1 + #navigator-container #ls-button-submit {
  position: absolute;
  left: 999%;
  width: 0; height: 0; line-height: 0; font-size: 0; padding: 0;
}

/*fin*/
.completed-wrapper {
  margin-top: 5em;
}





/*  / / / / / / / / /  MOBILE / / / / / / / / / */

@media all and (max-width: 510px) {

}



@media (max-width: 768px) {

  #outerframeContainer {
    padding: 0px 20px;
  }
  .navbar-brand.logo-container.d-none {
    display: block !important;
  }
  .navbar-brand {
    min-height: 40px;
  }
  .logo-container > img {
    max-height: 40px;
    padding: 0px;
  }
  .large-heading {
    font-size: 2.5rem;
  }
  .group-container .group-title {
    font-size: 2.2rem;
  }
  .group-container .group-title {
    margin-top: -0.3em;
  }
  .question-container .ls-label-question {
    font-size: 19px;
  }
  .answer-container .list-unstyled .radio-item label {
    line-height: 130%;
  }

}