.panel {

}
.panel-heading {
    padding: 10px 15px;
    border: 2px solid var(--main-accent-color);
    border-radius: 30px;
    box-shadow: 0px 1px 5px 0px rgba(25, 26, 53, 0.1);
    background-color: #fff;
    cursor: pointer;
    font-family: 'Maven Pro', sans-serif;
    font-size: 18px !important;
    margin-left: 10px;
    color: rgb(58, 64, 77);
    font-weight: 700;
    margin-bottom: 10px;
}
.panel-heading[data-toggle="collapse"]{cursor:pointer;}
.panel-heading[data-toggle="collapse"]:hover{color:#C93B3A;}
.panel-title {margin:0; width: 90%}
.panel-body {
    padding: 15px;
}




.panneau_guide,
.panneau_guide h4,
.panneau_guide label,
.panneau_guide input  {font-size:20px;text-align: left;line-height: 1.5em;}
.panneau_guide ul {list-style-type: circle;list-style-position: inside;}
.panneau_guide h4 {font-weight: normal;}
.panneau_guide .btn-primary {font-size: 14px; box-shadow:none;cursor: pointer;}

.label-choix {
    display: block;
    margin: 5px 100px 0px 100px;
    /* border: 1px solid #ddd; */
    /* box-shadow: 0 1px 1px rgba(0,0,0,.05); */
    /* background-color: #f5f5f5; */
    padding: 10px;
    cursor: pointer;
    text-align: left;
}



.label-choix input[type="radio"] {vertical-align: baseline;margin-right: 10px;}
.label-choix:hover {background-color: #f5ffe5;}
.label-choix.choisi {background-color: #f5efd5;}
span.reponse {
    color: #2592a9;
    text-decoration: none;
    cursor : pointer;
}
span.reponse:hover {
    text-decoration: line-through;
}

.panneau_guide .panel-heading {position: relative;}

.panneau_guide button.valide_reponse {width : 50px; }
.panneau_guide button.modifier_reponse{ width : 80px;}
.panneau_guide button.reponse{position: absolute; top:50%; transform: translate(0,-50%);right:10px;display: none; border-radius: 25px; text-align: center; padding: 0; height: 40px;}

label.ignore {cursor:pointer;}
label input {margin-right:10px;}

.question_range {padding: 20px 0;}
.panneau_guide input[type="range"] {width: 50%; max-width:400px;vertical-align: middle;cursor:pointer;}
.label-range {vertical-align: middle;margin: 0 20px; padding: 5px; cursor: pointer;}
.label-range:hover {background-color: #f5f5f5;border-radius: 4px; user-select: none;}

#block-reassurance {margin-top: 0;}

div .btn-reponse{
    width: 10%;
}

@media only screen and (max-width: 1200px) {
    .label-choix{
        margin: 5px 0px 0px 0px;
    }

    div .btn-reponse{
        width: 15%;
    }
    .panel-title {
        margin:0;
        width: 85%;
    }
    .panneau_guide button.modifier_reponse{ width : 50px;}


}

/* 
input[type=radio]{
    display: none;
} */


/* bouton radio custom */

/* Masquer le bouton radio d'origine */
input[type=radio]{
    display: none;
}
/* Affichage par défaut du bouton radio personnalisé */
input[type=radio] + label:before {
    background: #fff;
    border: 2px solid #ccc;
    border-radius: 50%;
    margin-top: -3px;
    margin-right: 6px;
    display: inline-block;
    vertical-align: middle;
    content: '';
    width: 17px;
    height: 17px;
}
/* Affichage du bouton radio personnalisé quand il est sélectionné */
input[type=radio]:checked + label:before {
    /* background: #cc2669; */
    border-color: #cc2669;
    box-shadow: inset 0px 0px 0px 2px #fff;
}
.element{
    margin-bottom:14px;
}
label{
    cursor:pointer;
}