/******************
    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
*/
/*
  .table-bordered > thead > tr > th {
    border: 1px solid #dadada;
  }
  .table-bordered > thead > tr > td {
    border: 1px solid #dadada;
  }
*/

.firstpage-changelang {display:none;}

.table > :not(:first-child) {
  border-top: 0;
  border-color: #dee2e6;
}

/* add LS 3.28 custom */

.outerframe.container {
    padding: 0 15px;
}

h1 {font-size:2.6rem;}
h3 {font-size:2rem;}
.text-info {color:#212529 !important}

/* titres questions avec affichage des numéros Q */
.question-number {background-color:#353c4a;color:white !important;font-size:1.6rem;font-weight:bold;padding:0 0.6rem;margin:0 0.7rem 0 0;}
.question-number ~ .question-text {float:left;}
.question-number ~ .question-text h3 {margin-top:0.2rem;font-size:1.8rem}
/* ne pas afficher les numeros de ces questions */
.nonumero .question-number {display:none;}
.nonumero .question-number ~ .question-text {float:none;}
/* pb alignement du radio "autre" */
.autre-align .radio-text-item {padding-left:10px}


.survey-contact {
    margin: 0 auto;
    max-width: 900px;
    float: none;
    text-align: center;
}
.survey-contact p {
    margin-bottom: 5px;
}

#welcome-container {
    margin: 0 0 2em;
}
#welcome-container .survey-name {
    margin:2em 0;
    text-align:left
}
#welcome-container .survey-description {
    margin: 1em 0 0 0;
    color:#333;
    text-align:left;
    font-size: 16px;
}
#welcome-container .survey-welcome:has(p) {
    margin: 4rem 0 2rem;
    border: 1px solid gray;
    padding: 1.8rem;
    background-color:#ececec;
}
#welcome-container .survey-welcome p {
    font-size: 15px;
    color:black;
}

.progress-bar {
    background-color: #ec6501;
}
.privacy .limit-text-window {
    border-top: none;
    border-bottom: none;
    margin-bottom: 2rem;
}
.privacy .limit-text-window h2 {
    padding: 1em 0;
    background-color:#353C4A;
    color: white;
    margin: 0 0 0.5em;
    text-align: center;
    font-size: 2rem;
}
.asterisk {
    display: none;
}
.group-title {
    padding: 1em 0;
    background-color:#353C4A;
    color: white;
    margin: 1em 0 2em 0;
}
.group-description {
    margin: 0 0 2rem;
}
.question-text h2, .completed-text h2 {
    padding: 1em 0;
    background-color:#353C4A;
    color: white;
    margin: 1em 0 1em;
    text-align: center;
    font-size: 2rem;
}
.completed-text {
    padding: 0 15px;
}
.nobluehelp .question-valid-container {
    display: none;
}
.question-container {
    border: none;
    background-color: transparent;
}
.btn-primary {
    background-color: rgb(242,111,35);
    border-color:rgb(242,111,35);
}
.btn-primary:hover {
    background-color:rgb(229,21,12);
    border-color: rgb(229,21,12);
}
.btn-primary.active, .btn-primary:active, .open>.dropdown-toggle.btn-primary {
    background-color:rgb(229,21,12);
    border-color: rgb(229,21,12);
}
.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: rgb(229,21,12);
    border-color: rgb(229,21,12);
}

.suggestion .ls-answers .form-group.answer-item::before {
    content : "Commentaire :";
    display: block;
}
.suggestion .ls-answers .form-group.answer-item label.control-label {display:none;}

.stitreapres {margin-bottom:0}
.stitre .question-title-container {padding:0}
.stitre .answer-container .answer-item {padding-top:0}

li.radio-item {
    margin: 0 1rem 1rem 0
}
.radio-item label {
    padding-right: 1rem
}

.col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 {
    position: relative;
    min-height: 1px;
    padding-right: 0;
    padding-left: 0;
}
.row {
    margin-right: 0;
    margin-left: 0;
}


@media (max-width: 700px) {
  h1 {
    font-size: 2rem
  }

  h2 {
    font-size: 1.4rem
  }
}

body .top-container {
    margin-top: inherit !important;
}