/******************
    NT custom CSS
    NT ENQUETES 
    ---------------
*/



/* Parcours DECLARATION new espace hébgergeur */
html body.questionnaire-972951 {
    background-color : #F0F0F5;
}
html body.questionnaire-972951 #main-col {
    background: white;
    border-radius: 10px;
    padding: 0 2em;
}

html body.questionnaire-972951 .navbar-brand.logo-container img {
    display:none;
}
html body.questionnaire-972951 .navbar-brand.logo-container  {
    background: transparent url(/upload/themes/survey/NT_Enquete_24/files/TS-NT-logo.png) no-repeat;
    width: 350px;
    background-size: contain;
}
html body.questionnaire-972951 .group-title {
  font-weight : 600;
  letter-spacing : 0;
}
html body.questionnaire-972951 .group-title::after {
  display:none;
}
html body.questionnaire-972951 .completed-wrapper {
    background: transparent url(/upload/themes/survey/NT_Enquete_24/files/TS-maison.jpg) left center no-repeat;
    background-size: 110px;
    margin-left: 0;
    padding-left: 15%;
}
html body.questionnaire-972951 .fsplus label:first-letter {
    font-size: 150%;
}
html body.questionnaire-972951 .question-container .asterisk {
    display:none;
}

@media (max-width: 768px) {
    html body.questionnaire-972951 .completed-wrapper {
        background: transparent url(/upload/themes/survey/NT_Enquete_24/files/TS-maison.jpg) left 15px no-repeat;
        background-size: 45px;
        margin-left: 0;
        padding-left: 20%;
    }
}



/* DECLALOC */
html body.questionnaire-832129 .navbar-brand.logo-container img {
    display:none;
}
html body.questionnaire-832129 .navbar-brand.logo-container  {
    background: transparent url(/upload/themes/survey/NT_Enquete_24/files/__logo-DECLALOC.jpg) no-repeat;
    width: 150px;
    background-size: contain;
}
html body.questionnaire-832129 .progress-bar {
    background: linear-gradient(90deg, #b5e532 2%, #93C021 98%) !important;
}
html body.questionnaire-832129 .group-title {
  color: #93C021 !important;
  margin-top: 0;
}
html body.questionnaire-832129 .group-title::after {
  background: linear-gradient(to right, #93C021, #b5e532);
}
html body.questionnaire-832129 .survey-name,
html body.questionnaire-832129 .radio-item input[type="radio"]:checked + label {
    color :#93C021;
}
html body.questionnaire-832129 .btn-primary#ls-button-submit,
html body.questionnaire-832129 .checkbox-item input[type="checkbox"]:checked+label::after, 
html body.questionnaire-832129 .checkbox-item input[type="radio"]:checked+label::after,
html body.questionnaire-832129 .answer-item label::after {
    background-color :#93C021 !important;
    border-color: #93C021 !important;
}
html body.questionnaire-832129 .btn-check:checked + .btn-primary, 
html body.questionnaire-832129 .btn-check:checked + .btn-primary:focus, 
html body.questionnaire-832129 .btn-check:focus:checked + .btn-primary {
  background-color: #93C021;
  border-color: #93C021;
}
html body.questionnaire-832129 .btn-check + .btn-primary:hover {
  background-color: #b5e532;
  border-color: #b5e532;
}
html body.questionnaire-832129 #question2978 .question-text {
    border:0 !important;
}



/*PCA*/
html body.questionnaire-398368 .navbar-brand.logo-container img {
    display:none;
}
html body.questionnaire-398368 .navbar-brand.logo-container  {
    background: transparent url(/upload/themes/survey/NT_Enquete_24/files/logo_PCA.jpg) no-repeat;
    width: 150px;
    background-size: contain;
}
html body.questionnaire-398368 .progress-bar {
    background: linear-gradient(90deg, #00D5F2 2%, #041381 98%) !important;
}
html body.questionnaire-398368 .survey-name,
html body.questionnaire-398368 .radio-item input[type="radio"]:checked + label {
    color :#041381;
}
html body.questionnaire-398368 .btn-primary#ls-button-submit,
html body.questionnaire-398368 .checkbox-item input[type="checkbox"]:checked+label::after, 
html body.questionnaire-398368 .checkbox-item input[type="radio"]:checked+label::after,
html body.questionnaire-398368 .answer-item label::after {
    background-color :#041381 !important;
    border-color: #041381 !important;
}
html body.questionnaire-398368 .btn-check:checked + .btn-primary, 
html body.questionnaire-398368 .btn-check:checked + .btn-primary:focus, 
html body.questionnaire-398368 .btn-check:focus:checked + .btn-primary {
  background-color: #041381;
  border-color: #041381;
}
html body.questionnaire-398368 .btn-check + .btn-primary:hover {
  background-color: #00D5F2;
  border-color: #00D5F2;
}
/* Oui non Sans réponse */
html body.questionnaire-398368 .yesno-button label:last-child {
    display : none;
}
html body.questionnaire-398368 #question2927 .yesno-button label:last-child {   /* le Sans réponse à la 1ère question */
    /*display : block;*/
}




/*SLNMP*/
html body.questionnaire-258572 .navbar-brand.logo-container img {
    display:none;
}
html body.questionnaire-258572 .navbar-brand.logo-container  {
    background: transparent url(/upload/themes/survey/NT_Enquete_24/files/logo_LNMP.jpg) no-repeat;
    width: 150px;
    background-size: contain;
}
html body.questionnaire-258572 .progress-bar {
    background: linear-gradient(90deg, #B5D193 2%, #27564D 98%) !important;
}
html body.questionnaire-258572 .survey-name,
html body.questionnaire-258572 .radio-item input[type="radio"]:checked + label {
    color :#27564D;
}
html body.questionnaire-258572 .btn-primary#ls-button-submit,
html body.questionnaire-258572 .checkbox-item input[type="checkbox"]:checked+label::after, 
html body.questionnaire-258572 .checkbox-item input[type="radio"]:checked+label::after,
html body.questionnaire-258572 .answer-item label::after {
    background-color :#27564D !important;
    border-color: #27564D !important;
}
html body.questionnaire-258572 .btn-check:checked + .btn-primary, 
html body.questionnaire-258572 .btn-check:checked + .btn-primary:focus, 
html body.questionnaire-258572 .btn-check:focus:checked + .btn-primary {
  background-color: #27564D;
  border-color: #27564D;
}
html body.questionnaire-258572 .btn-check + .btn-primary:hover {
  background-color: #B5D193;
  border-color: #B5D193;
}
/* Oui non Sans réponse */
html body.questionnaire-258572 .yesno-button label:last-child {
    display : none;
}




/*GPSO*/
html body.questionnaire-137756 .navbar-brand.logo-container img {
    display:none;
}
html body.questionnaire-137756 .navbar-brand.logo-container  {
    background: transparent url(/upload/themes/survey/NT_Enquete_24/files/logo_SGPSO.jpg) no-repeat;
    width: 150px;
    background-size: contain;
}
html body.questionnaire-137756 .progress-bar {
    background: linear-gradient(90deg, #1B1561 2%, #F19387 98%) !important;
}
html body.questionnaire-137756 .survey-name,
html body.questionnaire-137756 .radio-item input[type="radio"]:checked + label {
    color :#1B1561;
}
html body.questionnaire-137756 .btn-primary#ls-button-submit,
html body.questionnaire-137756 .checkbox-item input[type="checkbox"]:checked+label::after, 
html body.questionnaire-137756 .checkbox-item input[type="radio"]:checked+label::after,
html body.questionnaire-137756 .answer-item label::after {
    background-color :#1B1561 !important;
    border-color: #1B1561 !important;
}
html body.questionnaire-137756 .btn-check:checked + .btn-primary, 
html body.questionnaire-137756 .btn-check:checked + .btn-primary:focus, 
html body.questionnaire-137756 .btn-check:focus:checked + .btn-primary {
  background-color: #1B1561;
  border-color: #1B1561;
}
html body.questionnaire-137756 .btn-check + .btn-primary:hover {
  background-color: #E48E7B;
  border-color: #E48E7B;
}
/* Oui non Sans réponse */
html body.questionnaire-137756 .yesno-button label:last-child {
    display : none;
}






/*IDFM*/
html body.questionnaire-463185 .navbar-brand.logo-container img {
    display:none;
}
html body.questionnaire-463185 .navbar-brand.logo-container  {
    background: transparent url(/upload/themes/survey/NT_Enquete_24/files/IDFM-blanc.jpg) no-repeat;
    width: 150px;
    background-size: contain;
}
html body.questionnaire-463185 .progress-bar {
    background: linear-gradient(90deg, #62B3E4 2%, #B7C2DF 98%) !important;
}
html body.questionnaire-463185 .survey-name,
html body.questionnaire-463185 .radio-item input[type="radio"]:checked + label {
    color :#62B3E4;
}
html body.questionnaire-463185 .btn-primary#ls-button-submit,
html body.questionnaire-463185 .checkbox-item input[type="checkbox"]:checked+label::after, 
html body.questionnaire-463185 .checkbox-item input[type="radio"]:checked+label::after,
html body.questionnaire-463185 .answer-item label::after {
    background-color :#62B3E4 !important;
    border-color: #62B3E4 !important;
}
html body.questionnaire-463185 .btn-check:checked + .btn-primary, 
html body.questionnaire-463185 .btn-check:checked + .btn-primary:focus, 
html body.questionnaire-463185 .btn-check:focus:checked + .btn-primary {
  background-color: #62B3E4;
  border-color: #62B3E4;
}
html body.questionnaire-463185 .btn-check + .btn-primary:hover {
  background-color: #4e91b7;
  border-color: #4e91b7;
}
/* Oui non Sans réponse */
html body.questionnaire-463185 .yesno-button label:last-child {
    display : none;
}








/*La Grande Motte*/
html body.questionnaire-293611 {
    background: linear-gradient(180deg, #E2E7F2 60%, #B7C2DF 90%) !important;
}
html body.questionnaire-293611 figure.logo_collectivite {
    background: transparent url('/upload/themes/survey/NT_Enquete_24/files/LGM-logo.png') no-repeat center center;
    background-size : contain;
}
html body.questionnaire-293611 .progress-bar {
    background: linear-gradient(90deg, #B7C2DF 2%, #FAB233 98%) !important;
}
.questionnaire-293611 #outerframeContainer {
    background : white url('/upload/themes/survey/NT_Enquete_24/files/LGM-coin.png') no-repeat right top !important;
    background-size: 200px !important;
}
.questionnaire-293611 .survey-welcome img {
    width: 100px;
}
.questionnaire-293611 .asterisk.pull-left {
    display:inherit;
}

/*cache Incertain*/
.questionnaire-293611 #question2608 table.ls-answers,
.questionnaire-293611 #question2618 table.ls-answers{
    border:0;
}
.questionnaire-293611 #question2608 table.ls-answers tr.ls-heading td,
.questionnaire-293611 #question2608 table.ls-answers tr.ls-heading th,
.questionnaire-293611 #question2618 table.ls-answers tr.ls-heading td,
.questionnaire-293611 #question2618 table.ls-answers tr.ls-heading th {
    border-top: 1px solid #ddd;
}
.questionnaire-293611 #question2608 table.ls-answers th:nth-child(3),
.questionnaire-293611 #question2608 table.ls-answers td:nth-child(3),
.questionnaire-293611 #question2618 table.ls-answers th:nth-child(3),
.questionnaire-293611 #question2618 table.ls-answers td:nth-child(3) {
    display:none;
}
.questionnaire-293611 #question2583 .form-control,
.questionnaire-293611 #question2583 .suffix{
    display:inline-block;
}
/*fin La Grande Motte*/







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

.ml50 {
    margin-left:50px;
}
.indentation1 {
    margin-left:70px;
}
.indentation2 {
    margin-left:140px;
}
.asterisk.pull-left {
    display:none;
}

blockquote {
    margin: 0.5em 2em;
    padding: 20px;
    background-color: #F5F5F5;
    border-radius: 8px;
}
.question-container .asterisk {
    position: absolute;
    margin-left: -1.3em;
    font-size: 70%;
}
.url-wrapper-survey-print {
    display:none;
}


/* INTERFACE */

/* Entete*/
figure.logo_lime {
    width:70px;
    bottom: 10px;
    right: 10px;
    position: absolute;
    filter : saturate(20%);
}

figure.logo_enquetes {
    width: 170px;
    margin: 20px;
    float: left;
}
figure.logo_enquetes img {
    width: 100%;
}
figure.logo_collectivite {
    width: 170px;
    height:63px;
    margin: 20px;
    float: left;
}
.logo-container > img {
  padding: 5px;
}


#survey-nav {
}
#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;
}

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: linear-gradient(90deg, #FEDD3A 2%, #FAB233 98%) !important;
}
.brand-logo .top-container .top-content {
  padding-top: 0.5em;
}


/* WELCOME */
#welcome-container,
.NT_Enquete_24 .privacy,
.completed-wrapper {
    margin-left : 15%;
    margin-right : 15%;
    margin-bottom : 40px;
    margin-top : 10px;
    text-align:justify;
}
.NT_Enquete_24 .privacy * {
    font-size:15px !important;
    padding :0;
}
.NT_Enquete_24 .privacy .ls-privacy-body:nth-child(2) {
    display : none;
}
.NT_Enquete_24 .privacy .ls-privacy-body:nth-child(1) {
    font-style: italic;
    color: #999;
}
.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;
}


.text-primary {
    color: #222629;
}
.survey-name {
    border-bottom: 1px solid #1E1E1C !important;
    padding-bottom:5px;
    text-transform : uppercase;
    font-size: 2rem;
    line-height: 2.3rem;
}



/* Questionnaires */
.group-container .group-title {
    color: #58585A;
    position: relative;
    margin-top: 0.5em;
    margin-bottom: 1.5em;
}
.group-title::after {
  content: " ";
  position: absolute;
  width: 100%;
  height: 3px;
  background: linear-gradient(to right, #184B69, #538cad, #FAB233);
  clear: both;
  bottom: 0;
  left: 0;
}


/* QUESTIONS */
.question-container {
    margin-bottom:30px;
    border: none !important;
    box-shadow: none !important;
}
.group-title {
  font-size: 32px !important;
  font-weight: 400 !important;
  color: #184B69 !important;
  text-align:left;
  letter-spacing: 1px;
}
.question-title-container {
}
.question-container .question-text .ls-label-question {
    color: #222629;
    font-weight: 400;
    font-size: 20px;
    border-bottom: 1px solid #8E8E8D !important;
    padding-bottom : 1px;
}
.ls-label-question p {
  margin-bottom: 0.5rem;
}


/* BOUTONS RADIO custom slider icones */
.ls-emojislider .emoji {
    color : #c8c8ce;
}
.ls-emojislider .slider-grab-container {
    overflow: inherit;
}
.ls-emojislider .slider-handle {
    bottom :-9px;
    background-color: #184B69;
    border-radius: 5px;
}
.ls-emojislider .slider-line.mandatory {
    border-radius:5px;
}
/* BOUTONS RADIO custom stars */
.star-rating {
  font-size: 34px;
  width: 56px;
}


/*Titres Commentaires*/
#question154 .question-text,
#question156 .question-text,
#question161 .question-text,
#question163 .question-text,
#question165 .question-text,
#question167 .question-text {
    border-bottom: 0 !important;
}
/*Espaces avant Commentaires*/
#question153.question-container,
#question155.question-container,
#question160.question-container,
#question162.question-container,
#question164.question-container,
#question166.question-container {
    margin-bottom: 0 !important;
}

.text-info {
    color: #80898e;
}
.text-danger {
    color: #c65047;
}
.ls-answers {
    font-size: 110%;
}
li.radio-item {
  margin: 0 1.5em 0.5em 0.0em;
}

.checkbox-item input[type="checkbox"]:checked+label::after, 
.checkbox-item input[type="radio"]:checked+label::after {
    background-color: #FAB233;
}
body .answer-item label::after {
    background-color: #FAB233;
}


/*Autre*/
.form-control {
    font-size: 16px;
}
.answer-item.radio-text-item.form-inline {
    margin-top:-7px;
}
.answer-item.radio-text-item.form-inline input.form-control,
.input-sm {
    font-size:15px;
}

.numeric-item .ls-input-group,
.numeric-item .numeric {
    width: 200px;
}
.numeric-item.slider-item .ls-input-group {
    width: 100%;
}

/* Oui non 
.yesno-button li:last-child {
    display : none;
}*/
/* SAns réponse */
.no-anwser-item {
    display : none !important;
}


/* REGIE */
.radio-list li {
    clear: none !important;
    float: left !important;
}





/*BOOTSTRAP */
.btn {
    border-radius:2px;
}
.btn-primary {
    background-color: #80898e;
    border-color: transparent;
}
.btn-primary#ls-button-submit {
    background-color: #184B69;
}
.btn-primary#ls-button-submit:hover {
    background-color: #FAB233;
}

.btn-primary#ls-button-submit:hover, .btn-primary.active.focus, .btn-primary.active:focus, .btn-primary.active:hover, 
.btn-primary:active.focus, .btn-primary:active:focus, .btn-primary:active:hover, 
.open>.dropdown-toggle.btn-primary.focus, .open>.dropdown-toggle.btn-primary:focus, 
.open>.dropdown-toggle.btn-primary:hover {
    background-color: #FAB233;
    border-color: transparent;
}
.btn-primary.active, .btn-primary:active, .open>.dropdown-toggle.btn-primary {
    background-color: #FAB233;
    border-color: transparent;
}
.btn-primary:hover {
    background-color: #4c5459;
    border-color: transparent;
}

.slider.slider-horizontal .slider-tick.triangle, 
.slider.slider-horizontal .slider-handle.triangle {
    border-bottom-color: #FAB233;
}
.slider-list .slider.slider-untouched .slider-handle {
  background-color: transparent;
}




/*CLASSEMENTS*/
.select-sortable-lists .col-sm-6:nth-child(1) .ls-choice:hover {
    background-color:#FAFBFA;
}
.select-sortable-lists .col-sm-6:nth-child(1) .ls-choice:active {
    background-color:#EEEEEE;
}
.select-sortable-lists .col-sm-6:nth-child(2) .ls-choice {
    background-color:#FAFBFA;
    border-top:1px solid #FAB233;
    border-bottom:1px solid #FAB233;
}




/* TABLEAUX*/
table thead th {
  padding:2px 5px;
  text-align:center;
  vertical-align:bottom;
  hyphens : none;
}
/*Table 2 entrées*/
table.ls-answers tbody .control-label {
    font-weight:bold;
}


/*FIN*/
.completed-text .url-wrapper-survey-print + a {
  background: #222;
  color: white;
  border : 2px solid #222;
  padding: 5px 15px;
  border-radius: 4px;
  display: inline-block;
  margin-top: 30px;
}
.completed-text .url-wrapper-survey-print + a:hover {
  background: white;
  color: #222;
}




/* on remplace les entêtes des tableaux si besoin
table.subquestions-list thead tr.dontread th:nth-child(2),
table.subquestions-list thead tr.dontread th:nth-child(3),
table.subquestions-list thead tr.dontread th:nth-child(4),
table.subquestions-list thead tr.dontread th:nth-child(5) {
  text-indent: -999em;
  height: 34px;
  width: 13% !important;
}

table.subquestion-list thead tr.dontread th:nth-child(2) {
  background: #95C11F url(smiley-1.png) center center no-repeat;
}
table.subquestion-list thead tr.dontread th:nth-child(3) {
  background: #DEDC00 url(smiley-2.png) center center no-repeat;
}
table.subquestion-list thead tr.dontread th:nth-child(4) {
  background: #F39200 url(smiley-3.png) center center no-repeat;
}
table.subquestion-list thead tr.dontread th:nth-child(5) {
  background: #BE1622 url(smiley-4.png) center center no-repeat;
}
table.subquestion-list thead tr.dontread th:nth-child(6) {
    font-size: 90%;
    line-height: 14px;
}
*/


/* on efface la col sans réponse 
table.subquestion-list colgroup col:nth-child(6),
table.subquestion-list tr th:nth-child(6),
table.subquestion-list tr td:nth-child(6) {
  width: 0 !important;
  display: none;
}
*/




 
 
 
 



/*  / / / / / / / / /  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;
  }
  .top-container {
      margin-top: 0em;
      margin-bottom: 0.5rem;
  }

  .large-heading {
    font-size: 2.5rem;
  }
  .group-container .group-title {
    font-size: 2.2rem;
    margin-top: -0.3em;
    line-height: 35px;
  }
  .question-container .ls-label-question {
    word-wrap: initial;
    hyphens: initial;
  }
  .answer-container .list-unstyled .radio-item label {
    line-height: 130%;
  }

    #main-col {
      padding: 0 1em !important;
    }

    #welcome-container,
  .NT_Enquete_24 .privacy,
  .completed-wrapper {
      margin-left : 2%;
      margin-right : 2%;
  }
  .ml50 {
      margin-left:10px;
  }
  .indentation1 {
      margin-left:20px;
  }
  .indentation2 {
      margin-left:35px;
  }
  
  .radio-list li {
    clear: inherit !important;
    float: inherit !important;
  }

  

}