/******************
    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
*/
 
/* Taille et interligne de la police de caractères par défaut */
body {
    font-size: 15px;
    line-height: 1.4;
}
 
/*** Ajustement des marges de la zone relative au pré-enregistrement (accès restreint) ***/ 
.register-jumbotron {
    padding: 0px 20px 10px 20px !important;
}
.register-jumbotron .card-body {
    padding: 0px !important;
}
 
/*************************************/
/*** Paramètres du bandeau du haut ***/
/*************************************/
/*
/*** Couleur du bandeau du haut ***/
#survey-nav {
    background-color: #2c3e50 !important;   
}
/*** couleur, position et taille du titre d'enquête près du logo ***/
.container-fluid .navbar-brand {
    line-height: 48px;
    font-size: 24px;
    text-align: left;
    color: #fff !important;
}
.logo-container {               /* redimensionnement dynamique du logo */
    display: flex;
    flex-flow: row nowrap;
    align-items: center;
    text-align: center;
    min-width: 190px;  
}
.logo-container > img {
    max-height: 90px;
}
/*** Couleur des menus du haut ***/
.container-fluid .nav-link {
    color: #fff !important;
}
/*** Couleur du menu sandwich pour les petites résolutions ***/
.navbar-light .navbar-toggler-icon {
    background-color: #fff;
    border-radius: 5px;
    padding: 5px;
    border: 0px;
}
/*** Couleur au survol des liens proposés dans le bandeau du haut ***/
a.nav-link:hover{
    color: #18BC9C !important;  
    text-decoration:none;
}
 
/**********************************/
/*** Paramètres du pied de page ***/
/**********************************/
/*** Paramètres du conteneur ***/
div.footer-legal{
    position: fixed;        /* Paramètres pour    */
    left: 0;                /* fixer le conteneur */
    bottom: 0;              /* au bas de la page  */
    width: 100%;                                        /* le conteneur occupe toute la largeur de la page */
    padding-bottom: 0;                                  /* le conteneur touche le bas de la fenêtre */
    padding-top: 10px;                                  /* marge que l'on souhaite laisser entre le haut du footer et le texte qu'il contient */
    padding-left: 10px;     /* marge pour écran mobile */
    padding-right: 10px;    /* marge pour écran mobile */
    display: flex;                                      /* conteneur responsive en hauteur (pour s'adapter au mobile ou si ajout d'un logo dans le footer) */
    flex-direction: column;                             /* les éléments se réagencent verticalement lorsque la largeur d'écran diminue */
    background-color: #f8f8f8;  
}
/********** A changer si les boutons "précédent" et "suivant" passent derrière le footer *************/
#dynamicReloadContainer{    /* tag de la fenêtre principale (entre le header et le footer)  */
    padding-bottom: 70px; /* augmenter cette valeur jusqu'à ce que les boutons se retrouvent au dessus du footer, penser à vérifier aussi la version mobile */
    padding-left: 10px;     /* marge pour écran mobile */    
    padding-right: 10px;    /* marge pour écran mobile */
}
/*** mise en page du texte du footer ***/
div.footer-legal{
    text-align: center;
    color: #fff;
    background-color: #2c3e50;
}
/*** couleur des liens du footer ***/    
a.footer-legal{
    color: #fff;         /* au repos */
    text-decoration:none;
}
a.footer-legal:visited{
    color:#fff !important;
    text-decoration:none;
}
a.footer-legal:hover{
    color: #18BC9C !important;  
    text-decoration:none;
}
 
/***************************************/
/*** Paramètres des boutons d'action ***/
/***************************************/
/* Bouton principal ("Suivant") */
.btn-primary {          /* au repos */
    color: #fff;
    background-color: #2c3e50;
    border: 1px solid #2c3e50;
}
.btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .btn-primary.active:focus, .open .dropdown-toggle.btn-primary {
    color: #fff;
    background-color: #7390A1;              /* lors d'une interaction (survol ou clic maintenu) */
    border: 1px solid #7390A1;
}
.btn-primary[disabled]:hover {  /* désactivé, au survol */
    background-color: #92a8b5;
    border: 1px solid #92a8b5;
}
.btn-primary[disabled] {        /* désactivé, au repos */
    background-color: #92a8b5;
    border: 1px solid #92a8b5;
}
.btn-primary.active, .btn-primary.active:hover, .btn-check:active+.btn-primary, .btn-check:checked+.btn-primary{
    background-color:#ec740a !important;
    border: 1px solid #ec740a !important;
    z-index:0 !important;
    box-shadow: none;
}
.btn-check:focus + .btn-primary {
    box-shadow: none;
}
 
/*** Bouton secondaire ("Précedent") ***/
.btn-outline-secondary {
    color: #fff;
    background-color: #2c3e50;
    border: 1px solid #2c3e50;
}
.btn-outline-secondary:hover, .btn-outline-secondary:focus, .btn-outline-secondary:active, .btn-outline-secondary.active, .open .dropdown-toggle.btn-outline-secondary {
    color: #fff;
    background-color: #7390A1;              /* lors d'une interaction (survol ou clic maintenu) */
    border: 1px solid #7390A1;
}
.btn-danger{
    color: #fff;
    background-color: #2c3e50;
    border: 1px solid #2c3e50;    
}
.btn-danger:hover, .btn-danger:focus, .btn-danger:active, .btn-danger.active, .open .dropdown-toggle.btn-danger {
    color: #fff;
    background-color: #7390A1;              /* lors d'une interaction (survol ou clic maintenu) */
    border: 1px solid #7390A1;
}
 
/**************************/
/*** Autres ajustements ***/
/**************************/
 
/* Couleurs, marges et entourage du lien hypertexte d'impression des réponses  */
.url-wrapper-survey-print {
    padding: 10px;
    border: 1px solid #2c3e50;
    border-radius: 5px;
    margin: 0 auto;
    margin-top: 10px;
    width: 200px;
    background-color:#2c3e50;
}
.url-wrapper-survey-print a {
    color:#fff;
    text-decoration: none;
}
.url-wrapper-survey-print:hover {
    background-color: #7390A1;
    border: 1px solid #7390A1;
}
.url-wrapper-survey-print a:hover {
    color:#fff;
}
 
/* Couleurs, marges et entourage du lien de retour */
.url-wrapper-survey-return a {
    background-color:#2c3e50;
    border: 1px solid #2c3e50;
    border-radius: .25rem;
    color: #fff;
    font-size: 1rem;
    text-decoration: none;
    font-weight: 400;
    line-height: 2.5;
    padding: .5rem .75rem;
}
.url-wrapper-survey-return a:hover {
    background-color: #7390A1;
    border: 1px solid #7390A1;
    color:#fff;
}
 
/* Ajout d'une marge sous la zone de changement de langue au niveau de la page d'accueil */
div.form-change-lang {
    margin-bottom:15px;
}
 
/* Ajustement de la couleur du message de bienvenue et de description de l'enquête */
div.survey-welcome.text-info,  div.survey-description.text-info {
    color:#222 !important;
}
 
/* Marge au dessus du message sur le nombre de questions dans le questionnaire */
div.question-count-text {
    margin-top: 10px;
    margin-bottom: 10px;
}
 
/* Ajustement du bloc d'aide au niveau des questions */
div.question-help-container {
    width:100%;
    margin: 0px !important;
    padding: 10px 5px 5px 13px;
    background-color: #eeeffe;
    color:#222 !important;
}
div.question-help-container:hover {
    color:#222 !important;
}
 
/* Marges autoure de la barre de progression */
div.top-container.space-col {
    margin-top: 20px !important;
    margin-bottom: 0 !important;
}
.top-container .top-content {
    padding-bottom:0 !important;
    padding-top:0 !important;
    margin-bottom: 20px !important;
}
 
/* Ajustement des espacements au niveau des groupes */
.group-title{
    text-align:left !important;
    margin-top: 5px;
    margin-bottom: 20px;
    font-size:24px;
}
.group-container{
    margin-top:0;
    margin-bottom:0;
}
div.group-outer-container.space-col {
    margin-bottom:0px;
}
.group-container > .group-description {
    margin-bottom: 10px;
}
 
/* Suppression de la zone de réponse pour la question de type affichage de texte */
div.boilerplate div.answer-container {
    display:none;
}
 
/* décalage des asterisques par rapport au texte */
.asterisk{
    margin-right:0.25em;
}
 
/* Suppression espace de début et de fin dans les conteneurs des questions */
div.answer-container { 
    padding-bottom:10px;
}
.ls-answers {
    padding-top:7px;
    padding-bottom:0px;
}
div.text-item {
    padding-top:5px;
    padding-bottom:5px;
}
 
/* Espace entre les différentes options */
li.radio-item, li.checkbox-item, li.radio-text-item, li.checkbox-text-item {
    margin-bottom:0.2em;
}
 
/* Alignement vertical au niveau des multiples zones de texte (court et zones variables) */
.subquestion-list li.question-item {
    align-items: center;
}
 
/* Alignement vertical des boutons radio et checkbox avec le texte attaché */
li.radio-item label::before, li.radio-text-item label::before {
    margin-top: 2px !important;
}
li.radio-item label::after, li.radio-text-item label::after {
    margin-top: 2px !important;
}
li.checkbox-item label::before, li.checkbox-text-item label::before {
    margin-top:2px !important;
}
li.checkbox-item label::after, li.checkbox-text-item label::after {
    margin-top: 2px !important;
}
 
div.multiple-opt-comments div.checkbox-item {
    padding-top:7px;
}
 
/* Aplat noir pour les cases cochées */
.checkbox-item input[type="checkbox"]:checked + label::after {
    color: #2c3e50;
    background-color: #2c3e50;
}
 
/* Couleur de fond des entêtes des tableaux */
table.ls-answers tr.ls-heading {
    background-color:#446070;
    color:#fff;
    /* border-top: hidden;
    border-bottom: hidden; */
    border-width: 2px 1px;
}
 
/* Ajustement de la marge sur et sous les questions de tupe tableau */
table.ls-answers {
    margin-bottom:10px;
    margin-top:10px;
}
 
/* Marge de fin de liste ordonnée ou non ordonnée */
ol, ul {
    margin-bottom:5px;
}
 
/* mise en page de l'écran de fin de questionnaire */
.completed-text{
    text-align:center;
}
 
/* Couleur du bouton de choix de la langue */
button.ls-language-changer-item {
    color: #fff;
    background-color: #2c3e50;
    border: 1px solid #2c3e50;
}
button.ls-language-changer-item:active, button.ls-language-changer-item:hover {
    color: #fff;
    background-color: #7390A1;              /* lors d'une interaction (survol ou clic maintenu) */
    border: 1px solid #7390A1;
}
 
/* Espace sous l'avis relatif à la sécurité des données (page d'accueil) */
div#datasecurity_notice {
    margin-bottom:10px;
}
 
/* Couleur des informations de contrôles dans les titres des questions */
div.ls-question-message {
    color: #18BC9C;   
    padding-left: 4px;
}
 
/* Ajustement des marges au niveau du bloc de titre de la question */
div.question-title-container {
    padding-top: 12px;
    padding-bottom: 12px;
}
 
/* Alignment et marge des informations de contrôles dans les titres des questions */
div.ls-questionhelp {
    text-align: left;
    padding-top: 6px;
    padding-bottom: 5px;
}
 
/* Couleur de l'icône d'information dans les titres des questions */
.ls-questionhelp:before {
    color: #18BC9C;
}
/* Couleur de l'icône d'information dans l'aide des questions */
.question-help-container .ls-questionhelp::before {
    color:#0779C5;
}
 
/* Couleur de fond des entrées visualisées et de l'entrée courante dans l'index de navigation rapide */
.index-menu-full .dropdown-menu .index-item-seen a {
    background:#fff !important;
}
.index-menu-full .dropdown-menu .index-item-seen a:hover {
    background: #2c3e50 !important;
    color: #fff !important;
}
.index-menu-full .dropdown-menu .index-item-current a {
    background:#ecf0f1 !important;
    color:#333 !important;
}
 
/* Aplat et marge des messages d'erreur/d'alerte*/
.ls-question-help .alert-danger {
    margin-top:5px;
    color:#fff;
}
 
/* Ajustement du thème de question bootstrap_dropdown */
div.dropdown.bootstrap-select > .dropdown-toggle.bs-placeholder  {
    color:#fff;    
}
div.dropdown.bootstrap-select .dropdown-menu .active {
    background-color:#7390a1 !important;
}
div.dropdown.bootstrap-select .dropdown-menu > li > a {
    color:#2c3e50;
}
div.dropdown.bootstrap-select .dropdown-menu > li > a:hover, div.dropdown.bootstrap-select .dropdown-menu > li > a.selected {
    color:#fff;
}
 
/* Ajustement de l'alignement pour les questions numériques */
input.numeric {
    text-align:left;   
}
 
/* Couleur de fond des lignes paires */
.ls-even {
    background-color:#e5e5e5;
}
 
/* Marge du message de sauvegarde pour reprendre plus tard */
div.save-message .h2 {
    margin-top: 0;
}