/******************
    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
*/
@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;700&display=swap');

.logo-container>img {
  max-height: 80px;
  width: auto;
}


body {
    background-color : rgba(239, 239, 239, 0.6);
  
         font-family: 'DM Sans', sans-serif!important;
   
}

.text-info {
      color: #060835!important;
}

/*Buttons*/
.group-container {
    background-color: #fff;
}
.group-description.row {
    margin: 0!important;
    border: 0px solid transparent!important;
    background-color: transparent!important;
    box-shadow: none;
} 
.btn-primary {
    background-color : #03045e;
    border-color: #03045e;
    min-width: 170px;
    padding: 0;
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
}

.btn-primary:hover {
    background-color : #03045e;
    border-color: #03045e;
    
}
/*Typo*/
h1 {
    color:  #03045e;
    text-transform : uppercase;
}
p {
    line-height: 1.3;
}

/*Progressba*/
.progress-bar {
    background-color: #03045e;
}
.progress {
    width : 25%;
   margin : 0 auto;
}

/*Navbar*/
.navbar-default {
background-color: #fff;
border : 0;
box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23);

}

.question-container {
    background-color: transparent;
    border-color: transparent;
}

.question-title-container {
    font-size : 16px;
    position: relative;
   
}

ul.yesno-button {
    width : 50%;
    float: none;
    margin : 0 auto;
}
ul.yesno-button > li.button-item  {
    border : 2rem solid #f8f8f8;
}

.group-title {
    font-size : 35px;
    color: #060835!important;
}

.checkbox-item label:after {
    background-color: #03045e;
        border: 1px solid  #03045e;
    color: #fff;

}
.text-primary {
    color : black;
}

.help-hidden .question-help-container

{display: none}
.td-first-hide table tr th:nth-child(1){display:none!important; }
.td-first-hide table tr td:nth-child(1){display:none!important; } 


.td-first-hide  table.ls-answers tr {border: 0!important;}
.td-first-hide  table.ls-answers td {border: 0!important; }
.td-first-hide  .table-bordered td {border: 0!important; }
.td-first-hide  .table-bordered th {border: 0!important; }
.td-first-hide  .table-bordered  {border: 0!important; }
.td-first-hide  .table-bordered  {margin-bottom: 3rem; }

.ls-answers,
.question-title-container {
    padding-bottom: 0.5rem;
    padding-top: 0.5rem;
}
.ls-input-group-extra {
    display: none;
}
li.radio-item, li.checkbox-item, li.radio-text-item, li.checkbox-text-item {
    margin-bottom : 0.5rem;
}
#welcome-container {
    margin: 0 auto;
    text-align: left;
}
.navigator,
.group-outer-container {
margin: 0 auto;
}
.navigator .col-xs-6 {
padding: 0;
    
}
#ls-button-submit {
    padding: 10px 16px;
}
#question5888 .question-help-container {
    display: none;
}
.survey-description {
    font-size: 16px;
}
h1.survey-name {
font-size:28px;
margin-top: 50px;
    
}
#question5993 ul.list-unstyled {
    display:flex;
}
#question6106 ul.list-unstyled {
    display:flex;
}

#question6189 ul.list-unstyled {
    display:flex;
}
#question6191 ul.list-unstyled {
    display:flex;
}
#question6193 ul.list-unstyled {
    display:flex;
}
#question6195 ul.list-unstyled {
    display:flex;
}
#question6197 ul.list-unstyled {
    display:flex;
}
#question6199 ul.list-unstyled {
    display:flex;
}






#question6189  {
    margin-bottom : 0;
}
#question6191{
    margin-bottom : 0;
}
#question6193  {
    margin-bottom : 0;
}
#question6195  {
    margin-bottom : 0;
}
#question6197  {
    margin-bottom : 0;
}
#question6199 {
    margin-bottom : 0;
}

#question6201 {
    margin-bottom : 0;
}
#question6204  {
    margin-bottom : 0;
}
#question6206  {
    margin-bottom : 0;
}
#question6208  {
    margin-bottom : 0;
}
#question6210  {
    margin-bottom : 0;
}
#question6212  {
    margin-bottom : 0;
}
#question6214  {
    margin-bottom : 0;
}
#question6216  {
    margin-bottom : 0;
}
#question6218  {
    margin-bottom : 0;
}

#question6201 ul.list-unstyled {
    display:flex;
}
#question6204 ul.list-unstyled {
    display:flex;
}
#question6206 ul.list-unstyled {
    display:flex;
}
#question6208 ul.list-unstyled {
    display:flex;
}
#question6210 ul.list-unstyled {
    display:flex;
}
#question6212 ul.list-unstyled {
    display:flex;
}
#question6214 ul.list-unstyled {
    display:flex;
}
#question6216 ul.list-unstyled {
    display:flex;
}
#question6218 ul.list-unstyled {
    display:flex;
}
#question6248 .ls-questionhelp {
display: none;
    
}


 .ls-answers tbody .answertext {
     text-align : left;
 }
 .ls-question-message {
     display: none;
 }
 
 #question7340 .ls-heading,
#question7381 .ls-heading,
#question7406 .ls-heading {
display: none;
}
#question10758 table td,
#question10758 table th {
 vertical-align : middle;
}
.fw-bold {
    font-weight: bold;
}
h1.survey-name {
    text-transform : none;
}
.question-number {
    font-weight: 700;
}
.text-muted.question-number {
display: inline-flex;
  justify-content: center;
  align-items: center;
  width: 22px;          /* largeur du cercle */
  height: 22px;         /* hauteur du cercle */
  border-radius: 50%;   /* arrondi complet pour un cercle */
  background-color: #03045e; /* fond bleu foncé */
  color: #ffffff;       /* texte blanc */
  font-size: 16px;
  font-weight: 400;
}
.ls-label-question  {

    font-size: 17px;
    position : relative;

}


.d-mandatory {

    margin-left : 0.2em;
    color : red;
    font-weight: bold;
    display: inline-block;
 
}

.horizontal-radio .radio-list  ul {
    display: flex;
}


.autocomplete-container {
    background: white;
    border: 1px solid #ccc;
    border-top: none; /* supprime la bordure du haut */
    border-radius: 6px;
}

.autocomplete-item.active {
    background-color: #e2e8f0;
    color: #000;
}

.autocomplete-item {
    padding: 6px 10px;
    cursor: pointer;
}

.autocomplete-item:hover {
    background-color: #f0f0f0;
}