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

/* couleurs
BLEU
#1f6ab1
BLEU foncé
#164e8c

ORANGE
#fd9d31


/*  TEST    */




/****************** Classes CSS pour styliser les questions *******************/
/******************************************************************************/

/*modèle*/
/*----------------------------------------------------------------------------*/

.ClassePerso .question-title-container, 
.ClassePerso .question, 
.ClassePerso .question-container, 
.ClassePerso .question-help-container,
.ClassePerso .answer-container, 

/*texte sur demande : btn add line à gauche*/
/*----------------------------------------------------------------------------*/

.AddLineLeft .text-right {
    text-align: left;
}

/*agrandir zone de texte de l'input pour "autre" */
/*----------------------------------------------------------------------------*/

.long .form-group.text-item.other-text-item {width:65%;}
.long input.form-control {width:100%;}


/*police par défaut différente*/
/*----------------------------------------------------------------------------*/

.TextDiff .question-text {
    font-weight: normal;
    color : black;
    font-size:11pt;
}
.TextDiff .question-title-container {
    padding-bottom:0em;
}

.TextDiff .answer-container {
    padding-bottom:0em;
    padding-top:0em;
}

.TextAl .question-text {
    font-weight: normal;
    color: firebrick;
    font-size:11pt;
}
.TextAl .question-title-container {
    padding-bottom:0em;
}

/*text info - p.ex. pour indiquer token*/
/*----------------------------------------------------------------------------*/

.fruity .text-info {
    color:firebrick;
}


/*cacher le tip automatique*/
/*----------------------------------------------------------------------------*/

.fruity .HideTip .question-valid-container, 
.fruity .HideTip .question-valid-container:hover {
	font-size:0pt;
}

/*différencier sans réponse*/
/*----------------------------------------------------------------------------*/

/* pour l'instant, sont en commentaire les backgrounds différents pairs et impairs car nuit à la lisibilité sur smartphone.*/
/* Bordure gauche aussi pour la ligne header */
.fruity .no-answer-border .table-bordered>thead>tr>th:last-child {
    border-left: 2px solid #aaa !important;
    font-style: italic;
}

/* Ligne paire + sans réponse */
.fruity .no-answer-border tr.ls-even td.answer-item:last-child {
    /*background-color: #cfcfcf; */
    border-left: 2px solid #aaa !important;
}

/* Ligne impaire + sans réponse */
.fruity .no-answer-border tr.ls-odd td.answer-item:last-child {
    /*background-color: #ebebeb; */
    border-left: 2px solid #aaa !important;
}

/* Hover sur cellule "sans réponse" ligne paire */
.fruity .no-answer-border tr.ls-even:hover td.answer-item:last-child {
    /*background-color: #aacce6; */
    border-left: 2px solid #aaa !important;
}

/* Hover sur cellule "sans réponse" ligne impaire */
.fruity .no-answer-border tr.ls-odd:hover td.answer-item:last-child {
    /*background-color: #bbd8ee; */
    border-left: 2px solid #aaa !important;
}



/*styles de background des questions*/
/*----------------------------------------------------------------------------*/

.fruity .white .answer-container,
.fruity .white .ls-answers tbody .answertext,
.fruity .white .question-valid-container,
.fruity .white .ls-answers .answertextright,
.white td.answer-item {
        background-color: white;
}


/*pas de bordure aux tableaux*/
/*----------------------------------------------------------------------------*/

.noborder .answer-container .table-bordered,
.noborder .answer-container .table-bordered tr td,
.noborder .answer-container .table-bordered tr th {
	border: 0 none;
}

/*dotted underline*/
/*----------------------------------------------------------------------------*/

.dotted{
  border-bottom: 1px dashed #999;
  text-decoration: none; 
}

/*dotted underline + couleur hyperlink*/
/*----------------------------------------------------------------------------*/

.ttc {
  border-bottom: 1px dashed #999;
  text-decoration: none;
  color: #0000ee;
}


/*single-choice question : no margin bot*/
/*----------------------------------------------------------------------------*/
.no-margin-bot .answer-container {
    padding-bottom: 0;
  }


/*table - ajouter espace au fond de la question*/
/*----------------------------------------------------------------------------*/

.margin-bot .answer-container {
  padding-bottom: 1em;
}

/*********************** Eléments stables du template *************************/
/******************************************************************************/

/*message d'erreur LimeSurvey*/
/*----------------------------------------------------------------------------*/

.fruity .alert-warning {
    background-color: #FEF7F7;
    border: 1px solid red;
    color: red;
}


/*forcer le logo sur smartphone*/
/*----------------------------------------------------------------------------*/

.logo-container.hidden-xs {
    display: block !important;
    background-color: #f8f8f8; 
}

label::after{background-color:#1f6ab1}

/*ajuster les marges gauche et droite*/
/*----------------------------------------------------------------------------*/

/* but : éviter que les questions soient collées au bord du smartphone*/
.row {
    margin-right:0;
    margin-left:0;
}

/*Couleur des boutons radio - tableaux*/
/*----------------------------------------------------------------------------*/

.fruity .answer-item.radio-item :before {
outline: none !important;
}

.fruity .answer-item.radio-item :after {
background-color: #1f6ab1;
outline: none !important;
}

/* marges des boutons radio */
/*----------------------------------------------------------------------------*/

ol, ul {
    margin-bottom:0;
    margin-top:0;
}


/* en-tête*/
/*----------------------------------------------------------------------------*/

.fruity .navbar {
    background-color: #f8f8f8; 
    display: block !important;
}

.fruity .navbar-header {
    background-color: #f8f8f8; 
    display: block !important;
}


/*titre du sondage*/
/*----------------------------------------------------------------------------*/

.fruity .survey-name {
    font-size: 26pt;
    color:#fd9d31;
    padding-bottom: 0.5em;
}

/*message de bienvenue*/
/*----------------------------------------------------------------------------*/

.fruity .survey-welcome {
    font-size: 11pt;
    color:black;
    background-color: white; 
    padding-top: 1em;
    padding-bottom: 1em;
    padding-left: 1.5em;
    padding-right: 1.5em;
    border: 1px solid #1f6ab1;
    border-radius: 6px;
    box-shadow: 0 1px 2px rgb(0 0 0 / 20%);
}

/*description du sondage*/
/*----------------------------------------------------------------------------*/

.fruity .survey-description {
    font-size: 11pt;
    color:black;
}


/*Séparateur de texte*/
/*----------------------------------------------------------------------------*/

.fruity hr {
    border-top:1px solid #d6d6d6;
}


/*bouton dans la navbar*/
/*----------------------------------------------------------------------------*/

.fruity .navbar-toggle .icon-bar {
    background-color: #1f6ab1;
}

.fruity .navbar-toggle {
    border: solid 1px #1f6ab1;
    background-color: white;
}


/*titres de groupe*/
/*----------------------------------------------------------------------------*/

.fruity .group-title {
    color:#fd9d31;
    font-size:20pt;
    padding-bottom: 1em;
    margin-block: unset;
    text-align: justify;
  }
  
  
/*description de groupe*/
/*----------------------------------------------------------------------------*/

.fruity .well {
    background-color: white;
    border: 1px solid #1f6ab1;
    box-shadow: 0 1px 2px rgb(0 0 0 / 20%);
    margin-top:0em;
    border-radius: 6px;
    padding-top: 0.75em;
  }
  

/*barre de progression*/
/*----------------------------------------------------------------------------*/

.fruity .progress-bar {
    background-color: #1f6ab1  ;
 }
.fruity .progress {
    background-color: white  ;
 }

/*encart question + astérisque obligatoire*/
/*----------------------------------------------------------------------------*/
 .fruity .question-container {
     border: 1px solid #1f6ab1;
     box-shadow: 0 1px 2px rgba(0,0,0,.2);
     background-color: #ffffff;
 }
 
 
/*encart question + astérisque obligatoire*/
/*----------------------------------------------------------------------------*/

.question-title-container {
    font-size:10pt;
    color:firebrick;
    padding-bottom: 0.5em;
    padding-top: 0.5em;
    background-color: #1f6ab1;
}

/*encart question : coins arrondis*/
/*----------------------------------------------------------------------------*/
.question-title-container {
    border-top-left-radius: 4px;
	border-top-right-radius: 4px;
}

.answer-container, .question-container {
    border-radius: 6px;
}
 
/*aides*/
/*----------------------------------------------------------------------------*/

.fruity .question-help-container {
    font-size:11pt;
    color:firebrick;
    background-color: #f5f5f5;
}

.fruity .ls-question-help, .ls-questionhelp {
    margin-bottom:0.3em;
    margin-top:0.3em;
}

/*tip / validation*/
/*----------------------------------------------------------------------------*/

.fruity .question-valid-container:hover {
	font-size:11pt;
	color:firebrick;
	background-color: #f5f5f5;
}

.fruity .question-valid-container {
	font-size:11pt;
	color:firebrick;
	background-color: #f5f5f5;
}

/*police des questions*/
/*----------------------------------------------------------------------------*/

.question-text {
    font-size: 11pt;
    color: white;
    font-weight: normal;
}

/*police du texte (sous-questions et msg fin)*/
/*----------------------------------------------------------------------------*/

body {
    color: black;
    font-size:11pt;
    background-color: aliceblue !important;
}

/*police des textes de fenêtres pop up*/
/*----------------------------------------------------------------------------*/

.fruity .modal-body {
    color: black;
    font-size:11pt;
    font-weight: normal;
    padding-top: 0;
    padding-bottom: 0;
}

.fruity .modal-footer {
    padding-top: 7px;
    padding-bottom: 7px;
}

/*bordures des fenêtres pop up*/
/*----------------------------------------------------------------------------*/

.fruity .modal-header {
    border-bottom: 1px solid white;
    border-radius: 4px;
    padding:10px;
}

.fruity .modal-footer {
    border-bottom: 1px solid white;
    border-radius: 4px;
}

/*supprimer tous les messages d'aide en cas de non réponse*/
/*----------------------------------------------------------------------------*/

.question-valid-container .text-danger {display:none}

/*Couleurs des boutons radio*/
/*----------------------------------------------------------------------------*/

.checkbox-item input[type="checkbox"]:checked + label::after, .checkbox-item input[type="radio"]:checked + label::after {
    background-color: #1f6ab1  ;
}

/* et pour l'option "autre"*/
/*----------------------------------------------------------------------------*/

.radio-item input[type="radio"]:checked + label::after {
    background-color:#1f6ab1;
}


/*Boutons bootstrap*/
/*----------------------------------------------------------------------------*/

/*NORMAL*/
.btn-primary {
  border-color: #3d1100 !important;
  color: white !important;
  background-color: #1f6ab1 !important;
}

/*ACTIF*/
.btn-primary.active, .btn-primary:active {
  background-color: #083870 !important;
  color: lightgrey !important;
  border-color: #3d1100 !important;
}

/*NORMAL ET SOURIS DESSUS*/
.btn-primary:hover {
  background-color: #0A488F !important;
  color: gainsboro !important;
  border-color: #3d1100 !important;
}

/*ACTIF ET SOURIS DESSUS*/
.btn-primary.active:hover {
  background-color: #083870 !important;
  color: lightgrey !important;
  border-color: #3d1100 !important;
}

/* Bouton Bootstrap précédent*/
/*----------------------------------------------------------------------------*/

/*NORMAL*/
.ls-move-previous-btn {
  border-color: #1f6ab1 !important;
  color: #1f6ab1 !important;
  background-color: #fbfbfb !important;
}

/*NORMAL ET SOURIS DESSUS*/
.ls-move-previous-btn:hover {
  border-color: #00499C !important;
  color: #00499C !important;
  background-color: #f0f0f0 !important;
}


/* Bouton Bootstrap fermer (boite de dialogue ET précédent)*/
/*----------------------------------------------------------------------------*/

/*NORMAL*/
.fruity .btn-default {
  border-color: #1f6ab1 !important;
  color: #1f6ab1 !important;
  background-color: #f0f0f0 !important;
}

/*NORMAL ET SOURIS DESSUS*/
.fruity .btn-default:hover {
  border-color: #00499C !important;
  color: #00499C !important;
  background-color: #e6e6e6 !important;
}


/*boutons changement langue*/
/*----------------------------------------------------------------------------*/

/*NORMAL*/
.btn-info {
  border-color: #3d1100 !important;
  color: white !important;
  background-color: #1f6ab1 !important;
}

/*NORMAL ET SOURIS DESSUS*/
.btn-info:hover {
  background-color: #0A488F !important;
  color: gainsboro !important;
  border-color: #3d1100 !important;
}


/*boite de dialogue*/
/*----------------------------------------------------------------------------*/

.modal-footer {
    background-color:white;
}

.modal-header {
    background-color:white;
}

.modal-body {
    color:black;
}

/*alignement gauche des questions (array)*/
/*----------------------------------------------------------------------------*/

.fruity .ls-answers tbody .answertext {
    text-align: left;
}


/*alignement milieu des boutons radio (array)*/
/*----------------------------------------------------------------------------*/

.fruity td.answer-item {
	vertical-align: middle !important;
}


/*espace entre les items*/
/*----------------------------------------------------------------------------*/

.fruity .question-item {
    padding-top:0.5em;
}

li.radio-item, li.checkbox-item, li.radio-text-item, li.checkbox-text-item {
    margin-bottom: 0.5em;
} 

/*espace avant/après question*/
/*----------------------------------------------------------------------------*/

.ls-answers {
    padding-top: 5px;
    padding-bottom: 5px;
}

/*padding zone de texte courtes*/
/*----------------------------------------------------------------------------*/

.ls-input-group-extra {
    padding:0;
}


/*interligne du texte de bienvenue*/
/*----------------------------------------------------------------------------*/

.fruity .survey-welcome {
    line-height: 1.5;
}

/*interligne header tableau*/
/*----------------------------------------------------------------------------*/

.ls-answers .ls-heading th {
    line-height: 1;
    vertical-align: middle;
}

/* Changer couleur alternée dans les tableaux*/
/*----------------------------------------------------------------------------*/

tr.ls-even {
    background-color:#e8e8e8; /* avant f2f2f2 mais trop clair */
}
/*tr.ls-odd {
    background-color:white;
}*/


/* changer couleur hover dans tableau -- INACTIF*/
/*----------------------------------------------------------------------------*/

.fruity .table-hover>tbody>tr:hover>td {
    background-color: #deedfa;
}

.fruity .table-hover>tbody>tr:hover>th {
    background-color: #deedfa;
}
/*d8e3ed*/

/*changer couleur hypertexte*/
/*----------------------------------------------------------------------------*/

.fruity a {
    color:#0000EE;
    text-decoration: none;
}

.fruity a:hover {
    color:#0000EE;
    text-decoration: underline;
}

.fruity a:visited {
    color:#0000EE;
    text-decoration: none;
}

/*charger couleur animation "charger un questionnaire non terminé*/
/*----------------------------------------------------------------------------*/

.fruity .navbar a.animate:after {
background-color:#fd9d31;
}


/*charger couleur bordure des box sélectionnées (texte, dropdown)*/
/*----------------------------------------------------------------------------*/

.fruity .form-control:focus {
    border: 1px solid #000;
    box-shadow: inset 0 1px 1px rgba(5,87,180,0.075),0 0 8px rgba(5,87,180,0.6);
}  


/*texte "cette question est obligatoire"*/
/*----------------------------------------------------------------------------*/

.question-valid-container .text-danger {
    font-weight:normal;
}

.fruity .text-danger {
    color: red;
    font-size: 8pt;
}

/*écran ajout de pièce jointe*/
/*----------------------------------------------------------------------------*/

.fruity .alert-info {
    border: solid 1px firebrick;
    color:firebrick;
}

/*NORMAL*/
.fruity .btn-success {
  border-color: #3d1100 !important;
  color: white !important;
  background-color: #1f6ab1 !important;
}

/*NORMAL ET SOURIS DESSUS*/
.btn-success:hover {
  background-color: #0A488F !important;
  color: gainsboro !important;
  border-color: #3d1100 !important;
}

/*police des sous-questions*/
/*----------------------------------------------------------------------------*/

.ls-answers .ls-heading th {
    font-weight: 500;
}

/* couleur de slider */
/*----------------------------------------------------------------------------*/

.fruity .slider-handle {
    background-color : #1f6ab1;
}

.fruity .slider-selection {
    background-image: linear-gradient(to right, #CDE0F0  0%, #1f6ab1 100%);
}

/* dropdown (bootstrap) */
/*----------------------------------------------------------------------------*/

.fruity .dropdown-menu>.active>a {
    background-color:#1f6ab1;
}

.fruity .dropdown-menu>.hover {
    background-color:#1f6ab1;
}