/******************
    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;
  }
  
/* débogage */
/*
.logo-container  {
    outline: thin solid purple;
}

#firstpage-changelang {
    outline: thin solid greenyellow;
}
  
#welcome-container {
    outline: thin solid cadetblue;
}
.question-container, .question-help-container, .answer-container, .ranking-available-items {
      outline: thin solid green;
}
.privacy {
    outline: thin solid pink;
}
#navigator-container {
    outline: thin solid chocolate;
}
#UdeMLinksContainer {
    outline: thin solid red;
}


*/



/******* Début de toutes les règles  pour l'alignement du logo avec le questionnaire */

/* Le logo prend toute la place.
     D'autres modifications ont été faites dans nav_bar.twig.
*/
.logo-container > img {
    max-height: fit-content;
    max-width: fit-content;
    padding: 0;
    outline: thin solid purple;
}

/* Le bouton pour les petits écrans disparaît; sinon il y aura un espace au dessus du logo */
.navbar-toggler {
    display: none;
}

.group-outer-container  {
    padding: 0 1em;
}

/* Pour avoir le même espace à droite que à gauche du logo */
.navbar-brand {
 margin-right: 0;    
}

/* Cette règle est important pour aligner le logo avec les questionnaires dans les écrans très très larges */
@media (min-width: 1400px) {
    .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
        max-width: 1140px;
    }
}


/******* Fin de toutes ces règles  pour l'alignement du logo avec le questionnaire */

 /* Police de l'UdeM */ 
body.UdeM_extends_vanilla {
      font-family: Figtree;
}
  
 
/* Le formulaire de changement de langue */
#navigator-container, #firstpage-changelang {
    margin-left: auto;
    margin-right: auto;
    width: 100%;
}

.form-change-lang {
    display: flex;
    align-items: center;
}

/* Le titre du sondage ne doit pas être centré.  */
h1.survey-name.text-center {
    text-align: left !important; 
    color: #0b113a;
    padding-top:60px;
    padding-bottom:30px;
    margin: 0 0 0;
}

/* Le titre du sondage au dessus de la barre de progression */
#surveyName {
  text-align: left;
  color: rgba(120,120,120,0.8);
  margin: auto;
  max-width: 860px;
}


/* Modification de la couleur des boutons selon le site UdeM marque.umontreal.ca . */
.btn-primary {
  background-color: #52b782;
  border-color: #52b782;
}

.text-primary {
  color: #0057ac !important;
}

a { color: #337ab7;}

/* Barre de progression */
.progress {
    max-width: 860px;
    margin: auto;
    background-color: #52b782;
    border-radius: 0;
}

.progress-bar {
    background-color: #0b113a;
}

/* Texte de sondage complété */
.completed-text {
    text-align: center;
    margin-top: 35px;
}

/* Texte de sondage complété. Le merci est affiché plus grand et le texte qui suit aussi */
.completed-text > p:first-child {
    font-weight: bold;
    font-size: 36px;
}
.completed-text > p + p {
    font-size: 18px;
}

/* On cache le remerciements de LimeSurvey et le logo dans chaque page */
.completed-text div.well, #surveyListFooter {
    display: none;
}

/* Boutons pour sauvegarder le sondage et bouton pour charger un sondage sauvegarder auparavant */
/* Suppression des marqueurs de liste */
#UdeMLinksContainer li {
    list-style-type: none;
}

/* Bloc centré */
#UdeMLinksContainer button{
    margin: auto;
    display: block; 
}

/* Cette règle ne fonctionne pas. J'ai donc fait disparaître le button vide via JS (custom.js) 
#UdeMLinksContainer button:empty, #UdeMLinksContainer button:blank, #UdeMLinksContainer button:not(:has(*)) {
    display: none; 
}
*/

/* Page d'accueil - on n'affiche pas la liste de sondages */
#surveys-list-container {
    display: none;
}

/* Texte au dessus du bouton de connection */
#UdeMConnection h4 {
    padding: 20px 0;
}

/* Remplacement du bleu fluo de l'aide pour le bleu de l'Udem */
.text-info {
    color: #071d49 !important;  /* bleu UdeM */
}

/* Le bloc avec le bouton de LimeSurvey disparaît. */
.text-end:has(.btn-outline-secondary) {
   display: none;

}

/* On cache l'aide par défaut, parce qu'elle est très évidente.
   On ne peut pas la caché ni via configuration générale, ni dans le thème, ni même dans un questionnaire.
   Seulement question par question.
*/
.question-valid-container {
    display: none;
}


/* Boite d'alerte en jaune. Largeur maximale plus petit que la largeur maximale du logo.
   Cette boîte apparaît lors de la prévisualisation du sondage. */
.alert-warning {
  max-width: 1100px;
  text-align: center;
  margin: auto;
}