.selectorQuestionnaire{
    margin:6px 4px;
    padding:8px 6px;
    border-radius: 3px;
    background-color:#f8f9fa;
    border:1px solid #C8C8C8;
}

.blocQuestionnaire{
    margin-left: 10%;
    margin-right: 10%;
    margin-bottom: 40px;
}

ul.constructQuestionnaire{
    padding: 10px 0px;
}

li.constructPage{
    border-radius: 3px;
    margin: 0px 0px 12px 0px;
    padding: 6px 0px;
}

li.addInPage{
    border-radius: 3px;
    margin: 0px 0px 12px 20px;
    padding: 6px 0px;
    text-align:center;
    background-color:#f8f9fa;
    border:1px solid #C8C8C8;
    border-radius: 3px;
}

li.constructPage .title,
li.constructElement .title{
    background-color:#54595F;
    padding:6px;
    font-size: 1.250em;
    border:1px solid #54595F;
    color:#FFFFFF;
    border-radius: 3px;
    font-weight: bold;
}

li.constructPage .intro,
li.constructElement .intro{
    margin-top:10px;
    background-color: #F8F8F8;
    padding: 12px;
    line-height: 1.438em;
    border-radius: 3px;
}

li.constructElement .para{
    background-color: #F8F8F8;
    padding: 12px;
    line-height: 1.438em;
    border-radius: 3px;
}

li.constructPage h2.results{
    margin: 6px 0px;
}

.contentPage, .editPage{
    margin: 6px 0px;
}

.contentHide{
    float:left;
}

.contentBtnAction{
    float:right;
    margin-top:4px;
}

.contentBtnVisible{
    float:left;
    margin-top:4px;
}

li.constructElement,
li.constructExistantElement,
li.constructNewElement,
li.constructNewQuestion{
    border: 1px dashed #54595F;
    border-radius: 3px;
    margin: 10px 0px 10px 20px;
    padding: 6px;
}

.btnConstruct,
.btnConstructRight{
    display: inline-block;
    white-space: nowrap;
    background-color: #ddd;
    padding:4px;
    margin: 2px 6px;
    color: #5F5F5F;
    cursor: pointer;
    line-height: 19px;
    border: 1px solid #C8C8C8;
    border-radius: 3px;
}

.btnConstructRight{
    float:right;
}


.btnConstruct:disabled{
    opacity: 0.5;
    text-decoration: none;
    pointer-events: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.btnConstruct:hover{
    background: #5f5f5f;
    color:#ffffff;
    text-decoration: none;
}

.btnConstruct:active{
    text-decoration: none;
}

.subFormulaire{
    margin:8px;
    padding:6px;
    background-color: #F8F8F8;
    border: 1px solid #54595F;
    border-radius: 3px;
}

.close{
    float:right;
    margin:4px;
    cursor: pointer;
}

label.constructor,
label.constructorInline{
    margin:6px 0px;
    font-weight: bold;
    display: flex;
    color: #5F5F5F;
}

label.constructorInline{
    margin:6px 0px;
    font-weight: bold;
    display: inline-block;
}

div.helpDiv{
    display:contents;
    margin-left:10px;
}

ul.listeForm div.helpDiv{
    display:block;
    margin-left:10px;
}

.subFormulaireSubmit{
    margin:8px;
    padding:6px;
    text-align:center;
}

.questionTexte{
    font-size:1.125em;
}

.tabsForm{
    border: 1px solid #54595F;
    border-radius: 3px;
    margin: 8px;
}

.tabsForm a{
    display: inline-block;
    color: #5F5F5F;
    border:none;
    padding: 6px 18px;
    margin: 0px 1px 0px 0px;
    cursor: pointer;
}

.tabsForm a.active{
    color: #FFFFFF;
    background-color: #54595F;
}

.tabsForm a:hover{
    color: #FFFFFF;
    background-color: #54595F;
}

ul.constructEchelleLabel li,
ul.constructBatterieSubQuestion li,
.constructImportEchelleLabel
{
    margin:12px 6px 6px 6px;
    border: 1px dashed #54595F;
    border-radius: 3px;
    padding:6px;
}


ul.constructConditions li.subCond{
    margin:12px 6px 6px 6px;
    border: 1px solid #54595F;
    border-radius: 3px;
    padding:6px;
}

.msgAfterAction{
    position: fixed;
    bottom: 30px;
    left:30px;
    z-index:1000;
}

.titleInForm{
    margin:12px 0px;
    font-weight: bold;
    font-size:1.118em;
}

/* Questionnaire */
.questionnaireQuestion{
    margin: 8px 0px;
}

.textQuestion,
.dateQuestion,
.heureQuestion,
.heureQuestionAfterDate{
    margin: 0px;
    border: 1px solid #69727d;
    width: 80%;
    padding: 8px;
    border-radius: 3px;
    color: #5F5F5F;
    background-color: #FAFAFA;
    box-sizing: border-box;
    font-family: 'Source Sans Pro', sans-serif;
    font-size: 1.059em;
}

.selectQuestion{
    border: 1px solid #69727d;
    border-radius: 3px;
    padding: 8px;
    font-family: 'Source Sans Pro', sans-serif;
    font-size: 1.059em;
    width: 50%;
}

.radioQuestion{
    list-style:none;
}

.radioQuestion li{
    border: 1px solid #69727d;
    background-color:#FAFAFA;
    border-radius: 3px;
    transition:background-color 0.2s linear;
}

.radioQuestion li.column{
    margin-bottom: 10px;
    text-align: left;
}

.radioQuestion li.line{
    display: inline-block;
    margin-right: 10px;
    min-width: 120px;
    text-align: center;
}

.radioQuestion label{
    display: block;
    padding:8px;
    -webkit-user-select: none; /* Safari */
    -ms-user-select: none; /* IE 10 and IE 11 */
    user-select: none; /* Standard syntax */
}

.radioQuestion input[type=radio]:checked + label{
    background-color: #5CA42C;
    color: #FFFFFF;
    transition: background-color 0.2s linear;
}

.radioQuestion input[type=radio]:hover + label{
    background-color: #5CA42C;
    color: #FFFFFF;
    transition: background-color 0.2s linear;
}


.checkboxQuestion{
    border: 1px solid #69727d;
    background-color: #FAFAFA;
    border-radius: 3px;
    transition: background-color 0.2s linear;
    padding: 8px;
}

.checkboxQuestion{
    margin-top:10px;
    display:block;
    min-width:100px;
    padding: 0px;
}

.checkboxQuestion label{
    display: block;
    padding:8px;
    -webkit-user-select: none; /* Safari */
    -ms-user-select: none; /* IE 10 and IE 11 */
    user-select: none; /* Standard syntax */
}

.checkboxQuestion input[type=checkbox]{
    float:left;
    margin:12px 8px;
}

.checkboxQuestion input[type=checkbox]:checked + label{
    background-color: #5CA42C;
    color: #FFFFFF;
    transition: background-color 0.2s linear;
}

.checkboxQuestion input[type=checkbox]:hover + label{
    background-color: #5CA42C;
    color: #FFFFFF;
    transition: background-color 0.2s linear;
}

.checkboxQuestionMultiple{
    display:block;
    margin-bottom:10px;
}

.checkboxQuestionMultiple li{
    border: 1px solid #69727d;
    background-color:#FAFAFA;
    border-radius: 3px;
    transition:background-color 0.2s linear;
    margin-bottom: 10px;
    text-align: left;
}

.checkboxQuestionMultiple label{
    display: block;
    padding:8px;
    -webkit-user-select: none; /* Safari */
    -ms-user-select: none; /* IE 10 and IE 11 */
    user-select: none; /* Standard syntax */
}

.checkboxQuestionMultiple input[type=checkbox]{
    float:left;
    margin:12px 8px;
}

.checkboxQuestionMultiple input[type=checkbox]:checked + label{
    background-color: #5CA42C;
    color: #FFFFFF;
    transition: background-color 0.2s linear;
}

.checkboxQuestionMultiple input[type=checkbox]:hover + label{
    background-color: #5CA42C;
    color: #FFFFFF;
    transition: background-color 0.2s linear;
}

.longTextQuestion{
    margin: 0px;
    border: 1px solid #69727d;
    width: 80%;
    padding: 8px;
    border-radius: 3px;
    color: #5F5F5F;
    background-color: #FAFAFA;
    box-sizing: border-box;
    font-family: 'Source Sans Pro', sans-serif;
    font-size: 1.059em;
    resize: vertical;
    min-height: 120px;
}

.numericQuestion,
.emailQuestion,
.cpQuestion,
.cityQuestion,
.ageQuestion{
    margin: 0px;
    border: 1px solid #69727d;
    padding: 8px;
    border-radius: 3px;
    color: #5F5F5F;
    background-color: #FAFAFA;
    box-sizing: border-box;
    font-family: 'Source Sans Pro', sans-serif;
    font-size: 1.059em;
}

form.formSurvey input[type=text].numericQuestion,
.numericQuestion{
    width:220px;
    margin-right:10px;
}

form.formSurvey input[type=email].emailQuestion,
.emailQuestion{
    width: 60%;
}

form.formSurvey input[type=text].cpQuestion,
.cpQuestion{
    width: 80px;
}

form.formSurvey input[type=text].cityQuestion,
.cityQuestion{
    width: 220px;
}

form.formSurvey input[type=text].ageQuestion,
.ageQuestion{
    width: 80px;
}

form.formSurvey input[type=text].dateQuestion,
.dateQuestion{
    width: 120px;
    text-align:center;
}

form.formSurvey input[type=text].heureQuestion,
.heureQuestion{
    width: 70px;
    text-align:center;
}

form.formSurvey input[type=text].heureQuestionAfterDate,
.heureQuestionAfterDate{
    width: 70px;
    margin-left:30px;
    display:inline-block;
    text-align:center;
}

.dateSpan{
    margin-left:10px;
}

ul.cpVilleQuestion li,
ul.birthyearAgeQuestion li{
    margin-bottom: 10px;
}

ul.cpVilleQuestion label{
    display:inline-block;
    width:100px;
}

ul.birthyearAgeQuestion label{
    display:inline-block;
    width:80px;
    text-align:center;
}

.headerNpsLeft{
    float:left;
}

.headerNpsRight{
    float:right;
}

table.tableNps{
    width:100%;
    border:1px solid #69727d;
    border-radius: 3px;
    background-color: #FAFAFA;
    color: #5F5F5F;
    border-spacing:0px;
}

table.tableNps td{
    width: 9%;
    text-align: center;
    border-right:1px solid #69727d;
}

table.tableNps td.last{
    border-right:none;
}

table.tableNps input[type=radio]{
    position: absolute;
    visibility: hidden;
    display: none;
}

table.tableNps label{
    display:block;
    cursor: pointer;
    padding: 8px 0px;
    width:100%;
    margin:0px;
    background-color: #FAFAFA;
    transition:background-color 0.2s linear;
}

table.tableNps label:hover{
    background-color: rgba(0, 128, 0, 0.3);
}

table.tableNps input[type=radio] + label{
    font-weight: normal;
}

table.tableNps input[type=radio]:checked + label{
    background-color: #5CA42C;
    color: #5F5F5F;
}

table.batterieTable{
    border:0px;
    border-spacing: 0px;
    margin:5px;
    width:99%;
    color: #5F5F5F;
    font-size:0.950em;
}
table.batterieTable th{
    text-align: left;
    text-decoration: none;
    border-bottom:1px solid #F6F6F6;
    vertical-align: top;
    padding-bottom:10px;
}

table.batterieTable tr.alt1{
    background-color:#FFFFFF;
}

table.batterieTable tr.alt2{
    background-color:#F8F8F8;
}

table.batterieTable tr.alt3{
    background-color:#F2F2F2;
}

table.batterieTable td{
    line-height: 1.500em;
}

table.batterieTable td.label_echelle, table.batterieTable th.label_echelle{
    text-align: center;
}

table.batterieTable th.label_echelle{
    padding-left: 5px;
    padding-right: 5px;
    width:100px;
    vertical-align: middle;
}

table.batterieTable tr.required{
    color:red;
}

table.batterieTable tr.required td span{
    color:red;
}

.totalBatterie{
    color:red;
    display:inline-block;
    margin-left: 20px;
}

table.batterieTable td.r, table.batterieTable th.r{
    text-align:right;
}

table.batterieTable td.c, table.batterieTable th.c{
    text-align:center;
}

table.batterieTable td.l, table.batterieTable th.l{
    text-align:left;
}

table.batterieTable a{
    color: #58585A;
}

table.batterieTable th.first{
    min-width:30%;
}

table.batterieTable td.batterie_question_texte{
    padding: 12px 8px;
    vertical-align: middle;
}

table.batterieTable input[type="radio"]{
    display:none;
}

table.batterieTable input[type="radio"] + label span {
    background-color:#FFFFFF;
    display:inline-block;
    width:20px;
    height:20px;
    margin:0;
    vertical-align:middle;
    cursor:pointer;
    border-radius:  50%;
    border: 2px solid #69727d;
    -webkit-user-select: none; /* Safari */
    -ms-user-select: none; /* IE 10 and IE 11 */
    user-select: none; /* Standard syntax */
}

table.batterieTable input[type="radio"] + label span:hover{
    background-color: rgba(0, 128, 0, 0.3);
}

table.batterieTable input[type="radio"]:checked + label span{
    background-color:#5CA42C;
}

table.batterieTable input[type="radio"] + label span,
table.batterieTable input[type="radio"]:checked + label span {
    transition:background-color 0.2s linear;
}

div.falcQuestion{
    margin:10px 0px;
}

.imgEraser{
    margin: 0px;
    color: #888888;
    cursor: pointer;
}

.imgEraser:hover{
    color: #5CA42C;
    text-decoration: none;
}

.subQuestionEmpty{
    margin:20px;
}

.scaleIcon{
    font-size: 1.750em;
    width:50%;
    margin-left:20px;
}

.scaleIconBatterie{
    font-size: 1.750em;
    width:45%;
    display:inline-block;
    padding: 15px 0px;
}

.groupIcon{
    width:100%;
    display: flex !important;
    flex-direction: row-reverse !important;
    justify-content: space-between !important;
}

.groupIcon label{
    margin:0px 0px;
}

.groupIcon .btn-check:active+label,
.groupIcon .btn-check:checked+label,
.groupIcon .btn-check:active+label ~label,
.groupIcon .btn-check:checked+label ~label{
    color: #5CA42C;
}

.groupIcon label:hover ~label,
.groupIcon label:hover {
    color: #5CA42C;
}

.contentLabelEchelleDelete{
    display:inline-block;
}

.contentEchelleForm{
    margin: 5px 4px 10px 4px;
    padding: 5px;
    border: 1px solid #DEDEDE;
    border-radius: 3px;
}

.importDatas{
    margin:4px;
    border:1px solid #69727D;
    border-radius: 3px;
    white-space:pre-wrap;
    font-family: 'Source Sans Pro', sans-serif;
    width:97%;
    height: 100px;
    padding: 6px;
}

div.closeMessage{
    float:right;
    padding:10px;
}

div.closeMessage a{
    color: #5F5F5F;
}

ul.batterieSubQuestion{
    margin:10px;
    padding:20px 10px;
    border: 1px dashed #54595F;
    border-radius: 3px;
    min-height:80px;
}