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

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

/*Couleurs CDPNE
Bleu Canard #377884
Orange #f06c31
*/

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

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

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

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

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

/*
.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;
    }

    .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: #f06c31; /* avancement */
}

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

.btn-primary:hover, .btn-default {
    color:#ffffff;
    background-color:#377884;
    border-color:#377884
}

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


.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:#377884;
    text-align:left;
}

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

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


.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{
    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;
}

.fondbleu{background-color:#377884;}
.fondbleu .question-help-container{color:#fff;}
.fondbleuclair{background-color:#5379BA;}
.fondjaune{background-color:#FFDD00; }
.fondjauneclair{background-color:#FFEA60 ; }
.fondorange{background-color:#f06c31; }
.fondorangeclair{background-color:#FF9377 ; }

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