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

.col-answers {
    width: 50% !important; /* Forcer la largeur à 50% */
    margin: 0 auto; /* Centrer l'élément si nécessaire */
}

.ls-answers th.control-label {
    text-align: left; /* Aligne le texte à gauche */
    word-break: normal;
}

#outerframeContainer {
  word-wrap: normal;
  hyphens: unset;
}

.ls-answers .ls-heading > th {
  vertical-align: middle;
}

/* Cible uniquement le bouton "Envoyer" basé sur sa valeur */
button[value="movesubmit"] {
    background-color: black !important; /* Couleur de fond en noir */
    color: white !important; /* Texte en blanc pour un meilleur contraste */
    border: 1px solid black !important; /* Bordure noire (facultatif) */
    font-weight: bold;
    font-size: 26px;
    padding: 30px 30px
}

dl, ol, ul {
    margin-bottom: 1rem;
    margin-top: 0;
    color: #000;
}

/* Exemple pour une échelle à 5 boutons */

.echelle-couleur-q1441 .bootstrap-buttons-div label.btn-primary,
.echelle-couleur-q1441 .bootstrap-buttons-div label.btn-primary.active,
.echelle-couleur-q1441 .bootstrap-buttons-div label.btn-primary:active,
.echelle-couleur-q1441 .bootstrap-buttons-div label.btn-primary.selected {
    height: 30px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-weight: normal !important;
    font-size: 1em !important;
}

.echelle-couleur-q1441 .bootstrap-buttons-div:nth-child(1) label.btn-primary { background-color: #63BE7B !important;  color: #fff !important;  border-color: #63BE7B !important; }
.echelle-couleur-q1441 .bootstrap-buttons-div:nth-child(2) label.btn-primary { background-color: #D8EFDE !important; color: #000 !important;  border-color: #D8EFDE !important; }
.echelle-couleur-q1441 .bootstrap-buttons-div:nth-child(3) label.btn-primary { background-color: #FFE5AB !important; color: #000 !important; border-color: #FFE5AB !important; }
.echelle-couleur-q1441 .bootstrap-buttons-div:nth-child(4) label.btn-primary { background-color: #FCC3C4 !important; color: #fff !important; border-color: #FCC3C4 !important; }
.echelle-couleur-q1441 .bootstrap-buttons-div:nth-child(5) label.btn-primary { background-color: #F9898A !important; color: #fff !important; border-color: #F9898A !important; }

.echelle-couleur-q1441 .bootstrap-buttons-div input[type="radio"]:checked + label.btn-primary,
.echelle-couleur-q1441 .bootstrap-buttons-div input[type="radio"]:checked + label.btn-primary[style] {
    background-color: #BBBBBB !important;
    color: #000 !important;
    border-color: #AAAAAA !important;
}


/* Bootstrap 6 choix */

.mes-boutons-couleur-6 .bootstrap-buttons-div label.btn-primary,
.mes-boutons-couleur-6 .bootstrap-buttons-div label.btn-primary.active,
.mes-boutons-couleur-6 .bootstrap-buttons-div label.btn-primary:active,
.mes-boutons-couleur-6 .bootstrap-buttons-div label.btn-primary.selected {
    height: 45px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-weight: normal !important;
    font-size: 1em !important;
}

.mes-boutons-couleur-6 .bootstrap-buttons-div:nth-child(1) label.btn-primary { background-color: #63BE7B !important; color: #fff !important; border-color: #63BE7B !important; }
.mes-boutons-couleur-6 .bootstrap-buttons-div:nth-child(2) label.btn-primary { background-color: #D8EFDE !important; color: #000 !important; border-color: #D8EFDE !important; }
.mes-boutons-couleur-6 .bootstrap-buttons-div:nth-child(3) label.btn-primary { background-color: #FEF7F7 !important; color: #000 !important; border-color: #FEF7F7 !important; }
.mes-boutons-couleur-6 .bootstrap-buttons-div:nth-child(4) label.btn-primary { background-color: #FCC3C4 !important; color: #000 !important; border-color: #FCC3C4 !important; }
.mes-boutons-couleur-6 .bootstrap-buttons-div:nth-child(5) label.btn-primary { background-color: #F9898A !important; color: #000 !important; border-color: #F9898A !important; }
.mes-boutons-couleur-6 .bootstrap-buttons-div:nth-child(6) label.btn-primary { background-color: #D9D9D9 !important; color: #000 !important; border-color: #D9D9D9 !important; }

.mes-boutons-couleur-6 .bootstrap-buttons-div input[type="radio"]:checked + label.btn-primary,
.mes-boutons-couleur-6 .bootstrap-buttons-div input[type="radio"]:checked + label.btn-primary[style] {
    background-color: #BBBBBB !important;
    color: #000 !important;
    border-color: #AAAAAA !important;
}


/* Bootstrap 11 choix */
.mes-boutons-couleur-11 .bootstrap-buttons-div label.btn-primary,
.mes-boutons-couleur-11 .bootstrap-buttons-div label.btn-primary.active,
.mes-boutons-couleur-11 .bootstrap-buttons-div label.btn-primary:active,
.mes-boutons-couleur-11 .bootstrap-buttons-div label.btn-primary.selected {
    height: 30px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-weight: normal !important;
    font-size: 1em !important;
}


.mes-boutons-couleur-11 .bootstrap-buttons-div:nth-child(1) label.btn-primary { background-color: #EF4370 !important; color: #fff !important; border-color: #EF4370 !important; }
.mes-boutons-couleur-11 .bootstrap-buttons-div:nth-child(2) label.btn-primary { background-color: #F8696B !important; color: #000 !important; border-color: #F8696B !important; }
.mes-boutons-couleur-11 .bootstrap-buttons-div:nth-child(3) label.btn-primary { background-color: #F98183 !important; color: #000 !important; border-color: #F98183 !important; }
.mes-boutons-couleur-11 .bootstrap-buttons-div:nth-child(4) label.btn-primary { background-color: #FCC3C4 !important; color: #000 !important; border-color: #FCC3C4 !important; }
.mes-boutons-couleur-11 .bootstrap-buttons-div:nth-child(5) label.btn-primary { background-color: #FDE3E3 !important; color: #000 !important; border-color: #FDE3E3 !important; }
.mes-boutons-couleur-11 .bootstrap-buttons-div:nth-child(6) label.btn-primary { background-color: #FFE5AB !important; color: #000 !important; border-color: #FFE5AB !important; }
.mes-boutons-couleur-11 .bootstrap-buttons-div:nth-child(7) label.btn-primary { background-color: #F3F4B6 !important; color: #000 !important; border-color: #F3F4B6 !important; }
.mes-boutons-couleur-11 .bootstrap-buttons-div:nth-child(8) label.btn-primary { background-color: #E7EBBF !important; color: #000 !important; border-color: #E7EBBF !important; }
.mes-boutons-couleur-11 .bootstrap-buttons-div:nth-child(9) label.btn-primary { background-color: #D8EFDE !important; color: #000 !important; border-color: #D8EFDE !important; }
.mes-boutons-couleur-11 .bootstrap-buttons-div:nth-child(10) label.btn-primary { background-color: #97D4A7 !important; color: #000 !important; border-color: #97D4A7 !important; }
.mes-boutons-couleur-11 .bootstrap-buttons-div:nth-child(11) label.btn-primary { background-color: #63BE7B !important; color: #000 !important; border-color: #63BE7B !important; }


.mes-boutons-couleur-11 .bootstrap-buttons-div input[type="radio"]:checked + label.btn-primary,
.mes-boutons-couleur-11 .bootstrap-buttons-div input[type="radio"]:checked + label.btn-primary[style] {
    background-color: #BBBBBB !important;
    color: #000 !important;
    border-color: #AAAAAA !important;
}

/* Pour un tableau à 5 choix, colonne 1 = libellé/question */

.tableau-prive-couleur .ls-answers.radio-array td:nth-child(2) {
    background-color: #63BE7B !important;
}
.tableau-prive-couleur .ls-answers.radio-array td:nth-child(3) {
    background-color: #97D4A7 !important;
}
.tableau-prive-couleur .ls-answers.radio-array td:nth-child(4) {
    background-color: #D8EFDE !important;
}
.tableau-prive-couleur .ls-answers.radio-array td:nth-child(5) {
    background-color: #F3F4B6 !important;
}
.tableau-prive-couleur .ls-answers.radio-array td:nth-child(6) {
    background-color: #FFE5AB !important;
}

/* En-têtes (optionnel) */
.tableau-prive-couleur .ls-answers.radio-array th:nth-child(2) { background-color: #63BE7B !important; }
.tableau-prive-couleur .ls-answers.radio-array th:nth-child(3) { background-color: #97D4A7 !important; }
.tableau-prive-couleur .ls-answers.radio-array th:nth-child(4) { background-color: #D8EFDE !important; }
.tableau-prive-couleur .ls-answers.radio-array th:nth-child(5) { background-color: #F3F4B6 !important; }
.tableau-prive-couleur .ls-answers.radio-array th:nth-child(6) { background-color: #FFE5AB !important; }

/* échelle à 5 boutons rouge vert */

.echelle-couleur-rouge_vert .bootstrap-buttons-div label.btn-primary,
.echelle-couleur-rouge_vert .bootstrap-buttons-div label.btn-primary.active,
.echelle-couleur-rouge_vert .bootstrap-buttons-div label.btn-primary:active,
.echelle-couleur-rouge_vert .bootstrap-buttons-div label.btn-primary.selected {
    height: 30px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-weight: normal !important;
    font-size: 1em !important;
}

.echelle-couleur-rouge_vert .bootstrap-buttons-div:nth-child(1) label.btn-primary { background-color: #F9898A !important;  color: #fff !important;  border-color: #F9898A !important; }
.echelle-couleur-rouge_vert .bootstrap-buttons-div:nth-child(2) label.btn-primary { background-color: #FCC3C4 !important; color: #000 !important;  border-color: #FCC3C4 !important; }
.echelle-couleur-rouge_vert .bootstrap-buttons-div:nth-child(3) label.btn-primary { background-color: #FFE5AB !important; color: #000 !important; border-color: #FFE5AB !important; }
.echelle-couleur-rouge_vert .bootstrap-buttons-div:nth-child(4) label.btn-primary { background-color: #D8EFDE !important; color: #fff !important; border-color: #D8EFDE !important; }
.echelle-couleur-rouge_vert .bootstrap-buttons-div:nth-child(5) label.btn-primary { background-color: #63BE7B !important; color: #fff !important; border-color: #63BE7B !important; }

.echelle-couleur-rouge_vert .bootstrap-buttons-div input[type="radio"]:checked + label.btn-primary,
.echelle-couleur-rouge_vert .bootstrap-buttons-div input[type="radio"]:checked + label.btn-primary[style] {
    background-color: #BBBBBB !important;
    color: #000 !important;
    border-color: #AAAAAA !important;
}

/* Bootstrap 4 choix plus un (gris) */

.mes-boutons-couleur-4plus1 .bootstrap-buttons-div label.btn-primary,
.mes-boutons-couleur-4plus1 .bootstrap-buttons-div label.btn-primary.active,
.mes-boutons-couleur-4plus1 .bootstrap-buttons-div label.btn-primary:active,
.mes-boutons-couleur-4plus1 .bootstrap-buttons-div label.btn-primary.selected {
    height: 45px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-weight: normal !important;
    font-size: 1em !important;
}

.mes-boutons-couleur-4plus1 .bootstrap-buttons-div:nth-child(1) label.btn-primary { background-color: #63BE7B !important; color: #fff !important; border-color: #63BE7B !important; }
.mes-boutons-couleur-4plus1 .bootstrap-buttons-div:nth-child(2) label.btn-primary { background-color: #D8EFDE !important; color: #000 !important; border-color: #D8EFDE !important; }
.mes-boutons-couleur-4plus1 .bootstrap-buttons-div:nth-child(3) label.btn-primary { background-color: #FCC3C4 !important; color: #000 !important; border-color: #FCC3C4 !important; }
.mes-boutons-couleur-4plus1 .bootstrap-buttons-div:nth-child(4) label.btn-primary { background-color: #F9898A !important; color: #000 !important; border-color: #F9898A !important; }
.mes-boutons-couleur-4plus1 .bootstrap-buttons-div:nth-child(5) label.btn-primary { background-color: #D9D9D9 !important; color: #000 !important; border-color: #D9D9D9 !important; }

.mes-boutons-couleur-4plus1 .bootstrap-buttons-div input[type="radio"]:checked + label.btn-primary,
.mes-boutons-couleur-4plus1 .bootstrap-buttons-div input[type="radio"]:checked + label.btn-primary[style] {
    background-color: #BBBBBB !important;
    color: #000 !important;
    border-color: #AAAAAA !important;
}

/* Bootstrap 4 choix */

.mes-boutons-couleur-4 .bootstrap-buttons-div label.btn-primary,
.mes-boutons-couleur-4 .bootstrap-buttons-div label.btn-primary.active,
.mes-boutons-couleur-4 .bootstrap-buttons-div label.btn-primary:active,
.mes-boutons-couleur-4 .bootstrap-buttons-div label.btn-primary.selected {
    height: 45px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-weight: normal !important;
    font-size: 1em !important;
}

.mes-boutons-couleur-4 .bootstrap-buttons-div:nth-child(1) label.btn-primary { background-color: #63BE7B !important; color: #fff !important; border-color: #63BE7B !important; }
.mes-boutons-couleur-4 .bootstrap-buttons-div:nth-child(2) label.btn-primary { background-color: #D8EFDE !important; color: #000 !important; border-color: #D8EFDE !important; }
.mes-boutons-couleur-4 .bootstrap-buttons-div:nth-child(3) label.btn-primary { background-color: #FCC3C4 !important; color: #000 !important; border-color: #FCC3C4 !important; }
.mes-boutons-couleur-4 .bootstrap-buttons-div:nth-child(4) label.btn-primary { background-color: #F9898A !important; color: #000 !important; border-color: #F9898A !important; }

.mes-boutons-couleur-4 .bootstrap-buttons-div input[type="radio"]:checked + label.btn-primary,
.mes-boutons-couleur-4 .bootstrap-buttons-div input[type="radio"]:checked + label.btn-primary[style] {
    background-color: #BBBBBB !important;
    color: #000 !important;
    border-color: #AAAAAA !important;
}