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

/****************************************************************************/
/*     AJOUT et PERSONNALISATION OET                                        */

/* Cache le titre "interne" du questionnaire  */
    .survey-name{
        display:none; /* FR 11/05/2022 */
    }
    
    .navbar-brand {
        display:none;   /* FR 11/05/2022 */
    }

/* couleur des textes et titres */
/*  Rond Bleu   #15479E
    O jaune	    #FFDD00
    E bleu	    #71CFEB
    T orange + L'   #EF4E22
    Texte Noir	    #231F20
    Texte Gris	    #808284
    Vert (hors logo)	#3FA535
    Fuchsia (hors logo)	#D5005D
*/     

#navbar, .navbar-header {
    background-color:#15479E;
}

.navbar-right {
    text-align:right;
    
}

.text-info, .text-info:hover, .group-title, .survey-welcome, .survey-welcome:hover {
    color:#15479E;
}

.survey-welcome {
    padding-top:20px;
}

#main-col, .space-col {
    margin-top: 5px;
    margin-bottom: 5px;
}

.well{
    background-color: #fff;
    border-color: #15479E;
    border-radius:0;
}


.bg-warning, button.list-group-item-warning, .list-group-item-warning, button.list-group-item{
    background-color:transparent;
    color:#15479E;   /* #7b8a8b; */
    
}

.dropdown-menu>li>a:hover, button.list-group-item-warning:hover, button.list-group-item:hover{
    background-color:#15479E;
    color:#fff;
}

.dropdown-menu>li>a {
    color:#15479E;   /* #7b8a8b; */
}

/*
.survey-description table{
    display:block;
}
*/
@media (max-width: 700px){
    .tableresponsive thead {
    display: none;
    }

    .tableresponsive tr{
    display: block;
    margin-bottom: 40px;
    }

    .tableresponsive td {
    display: inline-table;   /* block;*/ 
    text-align: right;
    width:100% !important;
    }

    .tableresponsive td img{
        margin:3px;
    }

    .tableresponsive td:before {
    content: attr(data-label);
    float: left;
    font-weight: bold;
    }
}
    

.progress{
    background-color: #FFD5CA; /* bar vide - couleur claire */
}
.progress-bar{
    background-color: #EF4E22; /* avancement */
}

.btn-primary, .btn-default {
    color:#ffffff;
    background-color:#15479E;
    border-color:#15479E
}

.btn-primary:hover, .btn-default {
    color:#ffffff;
    background-color:#0D367C;
    border-color:#15479E
}

.btn-primary:active, .btn-primary.active, .open > .dropdown-toggle.btn-primary {
    background-color:#072860;
    border-color:#15479E
}


.group-title {
    text-align:left;
}

.group-description{
    background-color:#fff;
    padding:5px 19px;
}

.question-title-container, .question-valid-container, .question-valid-container:hover {
    color:#fff;
    background-color:#15479E;
    text-align:left;
}

.question-title-container {
    padding-top: 5px;
    padding-bottom:5px;
}

.question-container {
    margin-bottom:15px;
}

.boilerplate .question-valid-container, .boilerplate .answer-container{display:none;} /* FR 17/08/2022 - Masque les espaces vides pour les questions de type "Affichage de texte"*/

.text-muted {   /* Numero de question */
    color: red;
    background-color: yellow;
    padding: 0 3px 0 3px;
    border-radius: 8px;
    float:right;
}

.ls-answers {
    padding: 5px 0;
}

.form-control {
    height: auto;
    padding: 5px;
}

.numeric{
    /* FR 16/08/2022 - width:100%; */
    /* FR 22/07/2022 - width:Auto */ 
}

/*.control-label {
    padding-top: 2px;
}*/

li.radio-item, li.checkbox-item, li.radio-text-item, li.checkbox-text-item {
    margin-bottom:5px;
}

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

label {
    padding: 0 5px;
}



/****************************************************************************/
/*     Impression                                                           */

.question-container-printanswers {
    margin-top: 0;
    margin-bottom: 0;
    padding-bottom: 5px;
    border-bottom: 1px solid rgba(225, 225, 255, 0.6);
}


/****************************************************************************/
/*     Classes personnalisées                                               */

.affichconditionnel{
	margin-left:30px !important;
	margin-top: -15px;
}

.affichconditionnel2{
	margin-left:60px !important;
	margin-top: -15px;
}

.affichconditionnel3{
     background-color: #F4F8C3;
	 margin-left:70px !important;
}

div.affichconditionnel3 div{
    background-color: #92addb;
    /*margin-left:30px !important;*/
    font-weight:normal !important;
    font-style: italic !important;
}

.commentairecourt .comment-item{width:25%;}
.commentairelong .comment-item{width:25%;}

.text444{color:#444;}
.textbleu{color:#15479E;}
.padding5{padding:5px;}
.fondblanc{background-color:#fff;}
    .fondblanc .question-help-container{color:#15479E;}
    .boilerplate.fondblanc .question-title-container{color: #15479E;background-color: #fff;}
.fondbleu{background-color:#15479E;}
    .fondbleu .question-help-container{color:#fff;}
    .boilerplate.fondbleu .question-title-container{color: #fff;background-color: #15479E;}
.fondbleuclair{background-color:#5379BA;}
    .boilerplate.fondbleuclair .question-title-container{color: #fff;background-color: #5379BA;}
.fondjaune{background-color:#FFDD00; }
    .boilerplate.fondjaune .question-title-container{color: #15479E;background-color: #FFDD00;}
.fondjauneclair{background-color:#FFEA60 ; }
    .boilerplate.fondjauneclair .question-title-container{color: #15479E;background-color: #FFEA60;}
.fondorange{background-color:#EF4E22; }
    .boilerplate.fondorange .question-title-container{color: #fff;background-color: #EF4E22;}
.fondorangeclair{background-color:#FF9377 ; }
    .boilerplate.fondorangeclair .question-title-container{color: #15479E;background-color: #FF9377;}
.fondbleuciel{background-color:#71CFEB;}
    .boilerplate.fondbleuciel .question-title-container{color: #15479E;background-color: #71CFEB;}

.masquercase .checkbox-label:before, .masquercase .checkbox-label:after{display: none;}

/* .masquertitre .question-title-container, .masquertitre .question-valid-container{display:none;} */
.masquertitre .question-title-container, .masquertitre .ls-em-success{display:none;} 
.masquertitre .question-valid-container{background-color:#fff;border-left:#dbdbdb 1px solid;border-right:#dbdbdb 1px solid;} 
.masquertitre{ margin-top:-15px;}
.masquercommentaire .em_commented_checkbox, .masquercommentaire .ls-em-success{display:none;}

.text-danger{color:#EF4E22;border-radius:4px;background:#fff;margin:5px;padding:5px}

.helpcacherpicto .ls-questionhelp:before {display: none;}
.helpexclam .ls-questionhelp:before {content:"\f06a"}
.helpinfo .ls-questionhelp:before {content:"\f05a"}
 
 /*  Cette partie permet de mettre les texte en couleur ou d'enlever le border   */
 
.survey-group>h2{
    background-color: #0e99e3 !important;
    text-align:center;
}
.q-text>h3{
    background-color: #e5c8be !important;
}
#question{
    border:none;
}
#codeidquestion{
    font-size:1.5rem;
}

/****************************************************************************/



/****************************************************************************/
/*     Classes personnalisées pour JS cration tableau avec type de questions différents      */

.inlineRow{
    line-height: 1em;
}


.inlineQuestion{
    /* background-color:pink;       */
    border: 0px;
    margin: 2px 0px;
}

.columnLabel{
    /*background-color:red;         */
}

.rowLabel{
    /*background-color:green;       */
}

.questionCell{
    /* background-color:yellow;     */
}

.questionCell .question-title-container   {
    display:none;
}

.questionCell .answer-container{
    /* border: 10px solid green; */
    padding: 0px 15px;
}

.questionCell .answer-container .ls-answers, .questionCell .answer-container .ls-answers input{
    /* background-color:yellow;   */
    padding: 0px;
    
}

.questionCell .answer-container .radio-list li {
    margin-right: 10px;
}