/* Survey template */
body, html, div, td, th, table, form, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, legend, label, input, dt, dd, p, blockquote{
    padding:0;
    margin:0;
}

ul, ol{
    list-style:none;
}

ul{
    list-style-type: none;
    margin: 0px;
    padding: 0px;
}

a img,:link img,:visited img{
    border:none
}

a{
    color: #5CA42C;
    text-decoration:none;
}

a:visited{
    text-decoration:none;
}

address{
    font-style:normal
}

span, div{
    word-wrap: break-word;
}

html{
    height: 100%;
    -ms-overflow-style: scrollbar;
}

body{
    height: 100%;
    min-height: 100%;
    width: 100%;
    font-size: 17px;
    font-family: 'Source Sans Pro', sans-serif;
    color: #5F5F5F;
}

#main{
    min-width: 250px;
    width:100%;
    height:100%;
    background-color: #F8F8F8;
}

header{
    width: 100%;
    background-color: #ffffff;
}

header.headerSurvey{
    height: auto;
    border-bottom: none;
    padding-top: 15px;
    background-color: #F8F8F8;
    overflow: hidden;
}

header a {
    color:#5F5F5F;
}

div.header{
    margin-left: 10%;
    margin-right: 10%;
    max-width: 1366px;
}

div.header hr{
    border: 0;
    height: 1px;
    background: #5F5F5F;
    background-image: linear-gradient(to right, #DDDDDD, #5F5F5F, #DDDDDD);
}

div.headerLeftLogo{
    float:left;
    width:50%;
}

div.headerLeftLogo img{
    margin-left: 0px;
    max-width: 190px;
}

div.headerLeftLogo p{
    font-size: 1.176em;
    font-weight: bold;
}

div.headerRightLogo{
    float:left;
    width:50%; 
    text-align: right;
}

div.headerRightLogo .logoBig{
    margin-top: 5px;
    margin-right: 0px;
}

.headerRightLogo .logoBig img{
    max-width:120px;
}

div.headerRightLogo .logoSmall{
    margin-top: 5px;
    margin-right: 0px;
    display: none;
}

.headerRightLogo .logoSmall img{
    max-width:25px;
}

.clear{
    clear:both;
    height: 0%;
    overflow: hidden;
}

div.titleForSurvey{
    color:#5f5f5f;
    margin: 30px 0px 30px 0px;
    font-size: 1.750em;
    font-weight: 600;
}

#loginSurvey{
    margin:20px auto 0px auto;
    width:800px;
}

div.loginSurveyExplain{
    padding:20px 20px;
    font-size: 0.938em;
    line-height: 1.375em;
}

.logoHome img.logo{
    margin: 5px 0px;
}

.languageSelector{
    border-radius: 3px;
    margin: 5px 0px 10px 0px;
    font-size: 1.000em;
}

.appparam input[type=password]{
    margin-top: -4px;
    border-radius: 3px;
    height: 38px;
    font-size: 1.000em;
}

div.generalContent{
    padding: 30px 0px;
    background-color: #FFFFFF;
    min-width: 250px;
    width:100%;
}

div.maxWidth{
    max-width: 1366px;
    margin-left: auto;
    margin-right: auto;
}

ul.questionSurvey li{
    padding:0px;
    margin: 20px 0px 20px 0px;
}

ul.questionRegistration li.questRegistration{
    padding:0px;
    margin: 5px 5px 15px 5px;
}

ul li.select2-search{
    margin: 0px 0px 0px 0px;
}

ul.subQuestSurvey li{
    padding:5px;
    margin: 0px;
}

div.divQuestSurvey{
    margin:0px;
    border-radius: 3px;
}

form.formSurvey,
div.msgPseudo{
    margin-left:10%;
    margin-right:10%;
    margin-bottom: 40px;
}

div.sessionLinked{
    margin-left:10%;
    margin-right:10%;
    border-radius: 3px;
    margin-bottom: 20px;
    border: 1px #DDDDDD solid;
    box-shadow: 2px 2px 5px #AFAFAF;
}

form.formSurvey .labelQuestion, .labelQuestion{
    font-size: 1.125em;
    padding:10px 5px;
    word-wrap: break-word;
    color:#5F5F5F;
    line-height: 1.438em;
}

form.formSurvey .labelForm{
    color:#5CA42C;
}

form.formSurvey div.required .labelQuestion,
form.formSurvey div.required .labelForm{
    color: red;
    border-left-color: red;
}

form.formSurvey .bold{
    font-weight: bold;
}

form.formSurvey label.labelFormQuestion{
    font-size: 0.875em;
    font-weight: bold;
    color: #666666;
    word-wrap: break-word;
}

table.popup{
    border:0px;
    border-spacing: 0px;
    margin:5px;
    width:99%;
    color: #5F5F5F;
    font-size:0.950em;
}

table.popup th{
    text-align: left;
    text-decoration: none;
    border-bottom:1px solid #F6F6F6;
    vertical-align: top;
    padding-bottom:10px;
}

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

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

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

table.popup a.imgRight {
    color: #888888;
}

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

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

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

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

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

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

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

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

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

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

th.check_echelle,
th.clean_echelle,
.batterie_question_img{
    width:26px;
}


.clean_echelle .imgRight{
    text-align: center;
    margin: 0px;
    font-size: 1.250em;
    color:#888888;
}

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

.hide_pc{
    display:none;
}

.batterie_question_img i{
    display:none;
    color:#5CA42C;
    font-size: 1.250em;
}

form.formSurvey input[type=text],
form.formSurvey input[type=password],
form.formSurvey input[type=number],
form.formSurvey input[type=email],
ul.collectionLine input[type=text]{
    margin: 0px;
    border: 1px solid #69727d;
    width:100%;
    padding: 8px;
    border-radius: 3px;
    font-family: 'Source Sans Pro', sans-serif;
    font-size: 1.000em;
    color:#5F5F5F;
    background-color: #FAFAFA;
    box-sizing: border-box;
}

ul.collectionLine input[type=text]{
    min-height: 22px;
    background-color: #FAFAFA;
}

form.formSurvey input[type=number],
ul.collectionLine input[type=number]
{
    text-align:right;
    background-color: #FAFAFA;
}

form.formSurvey input[type=radio]{
    padding: 0px;
    margin: 0px;
    vertical-align: text-bottom;
    position: absolute;
    opacity: 0;
}

form.formSurvey input[type=radio]:focus + label.labelRadio{
    border: 5px;
}

form.formSurvey select,
ul.collectionLine select{
    margin: 0px;
    padding: 4px;
    border: 1px solid #69727d;
    border-radius: 3px;
    min-height: 25px;
    font-family: 'Source Sans Pro', sans-serif;
    font-size: 1.000em;
}

form.formSurvey textarea,
ul.collectionLine textarea{
    font-family: 'Source Sans Pro', sans-serif;
    margin:0px;
    border: 1px solid #69727d;
    width:100%;
    height:140px;
    border-radius: 3px;
    color:#5F5F5F;
    line-height: 1.500em;
    background-color: #FAFAFA;
    box-sizing: border-box;
    resize: vertical;
    padding:8px;
    font-size: 1.000em;
}

ul.collectionLine textarea{
    height: 90px;
}

div.headerSaisie{
    min-height:60px;
}

div.para,
div.paraBig{
    margin:20px 0px;
    font-size:1.000em;
    background-color: #F8F8F8;
    padding: 20px;
    line-height: 1.438em;
    border-radius: 3px;
}

div.paraBig{
    font-size: 1.176em;
}

div.para p,
div.paraBig{
    margin-top: 5px;
    margin-bottom: 15px;
}

div.para ul,
div.labelQuestion ul{
    list-style-type: disc;
    margin: 5px 5px 15px 30px;
}

div.para ol,
div.labelQuestion ol{
    list-style-type: decimal;
    margin: 5px 5px 15px 30px;
}

div.para a{
    color:#5CA42C;
    font-weight:bold;
}

div.para ul li, div.para ol li,
div.labelQuestion ul li, div.labelQuestion ol li
{
    margin:5px;
}

.imgWithRadio{
    max-height: 35px;
    vertical-align: middle;
    margin-right: 5px;
}

.operatorSurvey{
    padding:0px;
    word-wrap: break-word;
    font-size: 0.950em;
    margin-bottom: 20px;
}

.operatorSurvey .subBlock{
    display: inline-block;
    margin-right: 20px;
    min-height: 26px;
}

.operatorSurvey select{
    font-size: 1.000em;
}

.titleSurvey{
    float:left;
    margin:10px 20px 10px 20px;
    padding:0px;	
    background: none;
    font-size:1.375em;
}

input.radio{
    height: 20px;
    width: 40px;
}

td.c, td.l, td.r{
    line-height:16px;
}

a.imgRight{
    font-size:0.750em;
    margin:20px 20px 10px 10px;
    color: #888888;
    display:block;
    max-width:250px;
    cursor: pointer;
}

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

div.buttonFrm{
    text-align: center;
}

td.contact{
    vertical-align: top;
    padding : 0px 20px 10px 10px;
    line-height: 18px;
    border-right: 1px solid #69727d;
}

div.header_infoSession{
    background-color: #F8F8F8;
    font-size:1.059em;
    margin:30px 0px;
    margin-left:10%;
    margin-right:10%;
    padding:10px;
    border-radius:3px;
}

div.header_infoSession ul{
    margin:20px 10px;
}

div.header_infoSession li{
    margin-left:0px;
    padding-left:0px;
    line-height: 1.600em;
}

div.header_infoSession h4, div.header_infoSession h3{
    margin:20px 10px 10px 10px;
    padding:0px;
    font-weight: 600;
}

div.header_langue{
    text-align: center;
    padding-top:10px;
    padding-bottom:10px;
    margin-left:10%;
    margin-right:10%;
}

div.header_falc{
    text-align: right;
    padding-top:10px;
    padding-bottom:10px;
    margin-left:10%;
    margin-right:10%;
}

div.header_falc img{
    max-width:40px;
}

div.header_falc a{
    cursor: pointer;
}

div.header_langue_login{
    padding:10px 5px;
    text-align: right;
}

div.header_structure{
    float: right;
    margin-left:10%;
    margin-right:10%;
}

div.interviewNotes{
    text-align: right;
}

div.headerPanel{
    margin: 4px 10% 4px 10%;
    line-height:22px;
    text-align:right;
    padding: 10px 0px;
}

div.headerPanel a{
    font-size: 0.750em;
}

div.contentPanel{
    text-align: left;
    margin: 4px 10% 4px 10%;
    line-height:22px;
}

div.codeForSurveyOpen{
    text-align: left;
    margin: 4px 10% 4px 10%;
    line-height:22px;
}

div.codeForSurveyOpen a{
    margin-left: 10px;
    font-size: 0.750em;
}


div.popupInterviewNotes, div.popupStructure{
    min-width:450px;
    max-width:80%;
    top:80px;
    right:0px;
    border-left:1px solid #69727d;
    border-bottom:1px solid #69727d;
    border-top:1px solid #69727d;
    position: absolute;
    display:none;
    z-index: 1;
    padding:10px 5px 5px 5px;
    background-color: #FFFFFF;
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
    box-shadow: 4px 4px 5px #AFAFAF;
}

div.popupCodeForSurveyOpen{
    width:250px;
    border:1px solid #69727d;
    position: relative;
    display:none;
    z-index: 1;
    background-color: #FFFFFF;
    border-radius: 3px;
    box-shadow: 4px 4px 5px #AFAFAF;
    margin: 4px;
    font-size:0.875em;
    text-align:center;
}

div.popupCodeForSurveyOpen form{
    background-color: #FFFFFF;
    border: none;
}

div.popupInterviewNotes textarea{
    margin:5px 0px;
    height:300px;
    width:98%;
}

.btnInterviewNotesClose, .btnStructureClose{
    float:right;
    margin:-10px 2px 2px 2px;
}

.btnCodeForSurveyOpen{
    float:right;
    margin-right:4px;
}

ul.listeVarStructure{
    margin-top: 8px;
    margin-bottom: 8px;
}

ul.listeVarStructure li{
    margin:4px 20px 4px 20px;
}

ul.listeVarStructure li ul li{
    margin:4px 20px 4px 20px;
}

ul.listeSurveyHome{
    margin-top: 8px;
    margin-bottom: 8px;
}

ul.listeSurveyHome li{
    padding:20px;
}

ul.listeSurveyHome li a,
ul.listeSurveyHome li span{
    font-size:1.176em;
    font-weight: bold;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

ul.listeSurveyHome li a{
    color:#5f5f5f;
}

ul.listeSurveyHome li span{
    color:#aaa;
}

ul.listeSurveyHome li p{
    font-size:0.750em;
    padding:20px 0px 0px 20px;
}

div.aide{
    font-size: 0.750em;
    line-height:16px;
    margin: 5px 5px 5px 20px;
}

div.othersPoss{
    margin: 6px;
}

#previousButton{
    font-size:0.750em;
}

div.blockSubmitRepondant{
    margin-top: 150px;
    text-align: center;
}

a.submit{
    font-size: 1.000em;
    margin: 20px;
    padding: 8px;
}

a.submit:hover{
    text-decoration: none;
}

span.err{
    font-size:0.750em;
    margin-left:10px;
    color:#FF0000;
}

div.content_questionnaire{
    margin-right: 10%;
    margin-left: 10%;
}

i.accept{
   display:none;
   color:#5CA42C;
}

div.contentMsg{
    margin: 20px 0px;
}

div.contentMsg div{
    margin:0px;
}

div.msgEnd{
   margin-left:10%;
   margin-right:10%;
   margin-bottom: 50px;
   margin-top: 50px;
}

div.collection_deroule{
    margin: 20px 10px 40px 10px;
    padding-bottom: 20px;
}

div.collection_deroule p{
    margin-left: 10px;
}
/*Sub questionnaire*/
div.subQuestionnaireContent{
    z-index: 1;
    margin:20px;
    padding:10px;
    border:2px solid #69727d;
    border-radius: 3px;
    background-color: #FCFCFC;
    display:none;
}

div.btnCloseSubQuest{
    float:right;
}

/* barre de progression */
div.contentProgress{
    width:300px;
    margin-left:auto;
    margin-right:auto;
    margin-bottom:10px;
}

div.progressDiv{
    width:250px;
    height:18px;
    background-color: #69727d;
    border:1px solid #69727d;
    vertical-align:middle;
    padding:0px;
    margin-left: auto;
    margin-right: auto;
}

div.progressText{
    text-align:center;
    padding: 6px 0px;
    width: 100px;
    margin-left: auto;
    margin-right: auto;
    font-size: 0.875em;
    font-weight: 600;
}

div.progression{
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#5CA42C), to(#91dd9b));
    background: -moz-linear-gradient(top, #5CA42C, #91dd9b);
    background: #5CA42C;
    height: 18px;
}

.progression:after { 
    content: '|||||||||||||';
    display: block;
    position: absolute;
    width: 250px;
    height: 18px;
    overflow: hidden;
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    border-radius: 12px;
    -webkit-transform: skewX(-30deg);
    -moz-transform: skewX(-30deg);
    -o-transform: skewX(-30deg);
    transform: skewX(-30deg);
    font: bold 120px/80px sans-serif;
    letter-spacing: -6px;
    color: #000;
    opacity: 0.06;
}

/* panel */
.panel{
    margin-left:5%;
    margin-right:5%;
}

.panelDesc{
    margin: 20px 4px;
}

.popup td.withPadding{
    padding: 10px 20px 10px 10px;
}

.popup td.withOutPadding{
    padding: 0px;
}

ul.ulRadio .liMultiple{
    margin-top: 15px;
    margin-left: 8px;
}

ul.collectionLine{
    border: 2px solid #69727d;
    border-radius: 3px;
    margin: 0px 5px 30px 5px;
    padding: 8px;
}

ul.grey{
    background-color: #F9F9F9;
}

ul.collectionLine li.collectionSurvey,
ul.collectionLine li.actionCollection{
    margin:0px 0px 10px 0px;
    padding: 0px;
}

ul.collectionLine li.actionCollection{
    text-align:center;
}

.labelQuestionCollection{
    margin-left: 5px;
    color:#5CA42C;
}

ul.collectionLine .select2-container{
    margin-top:0px;
}

ul.collectionLine .select2-container--default, 
ul.collectionLine .select2-selection--multiple, 
ul.collectionLine .select2-selection__rendered li
{
    margin-bottom: 0px;
}

ul.collectionLine .select2-container--default, 
ul.collectionLine .select2-search--inline, 
ul.collectionLine .select2-search__field
{
    font-size: 0.875em;
}

.newLineCollection{
    display:none;
    margin-bottom:20px;
}

ul.newLine{
    border: 2px dashed #5F5F5F;
    border-radius: 3px;
    background-color: #ECECEC;
}

.tooltip_help{
    display:none;
}

.ui-tooltip{
    font-size: 0.938em;
    line-height: 1.375em;
    font-family: 'Source Sans Pro', sans-serif;
}

.para_footer{
    margin-left: 10%;
    margin-right: 10%;
    text-align: center;
    padding-top: 15px;
    padding-bottom: 15px;
    line-height: 1.375em;
    font-size: 0.875em;
}

/* super message */
div.superMsgVert, div.superMsgOrange, div.superMsgRouge, div.superMsgBleu{
    padding: 3% 6%;
    font-size:1.125em;
    line-height: 1.500em;
    text-align: justify;
    border-radius: 8px;
}

div.superMsgVert{
    border: 4px solid #5CA42C;
    background-color: #e6ffe6;
}

div.superMsgOrange{
    border: 4px solid #ffb800; 
    background-color: #fff8e6;
}

div.superMsgRouge{
    border: 4px solid #e50000;
    background-color: #ffe6e6;
}

div.superMsgBleu{
    border: 4px solid #a0c2dc;
    background-color: #dce9f3;
}

div.superMsgVert a, div.superMsgOrange a, div.superMsgRouge a, div.superMsgBleu a{
    font-size: 1.250em;
    font-weight: bold;
}

div.blocPartSelection{
    width:600px;
    margin-left: auto;
    margin-right: auto;
}

div.blocPartSelection label{
    width:200px;
}
div.blocPartSelection select{
    width:350px;
}

#slider{
    margin-left:20px;
    margin-right:50px;
}

#custom-handle {
    width: 3em;
    height: 1.6em;
    top: 50%;
    margin-top: -.8em;
    text-align: center;
    line-height: 1.6em;
}

.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;
    opacity: 0;
}

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.popup input[type=radio]{
    position: absolute;
    opacity: 0;
}

table.popup 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;
}

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

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

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

table.tableNps label,
.ulRadio label{
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

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

.ulRadio input[type="checkbox"]:checked + label,
.popup input[type="checkbox"]:checked + label{
    background-color: #5CA42C;
    color: #5F5F5F;
}

.checkbox{
    margin-top: 10px;
    margin-left: 14px;
}

.checkboxElementSolo{
    margin: 8px 0px 0px 8px;
}

.checkboxElementBatterie{
    float:left;
    margin:14px 0px 0px 6px;
}

.checkboxElementMultiple{
    float:left;
    margin: 8px 0px 0px 8px;
}

div.registrationForm{
    width:60%;
    margin-left: auto;
    margin-right: auto;
    margin-top: 30px;
    margin-bottom: 30px;
    text-align:center;
}

div.contentMsg div.newRegistration{
    margin-top:20px;
    float:right;
}

.ui-widget{
    font-size:1.000em;
    font-family: 'Source Sans Pro', sans-serif;
}

.ui-menu .ui-menu-item-wrapper{
    font-size: 1.000em;
    padding-bottom: 8px;
    padding-top: 8px;
}

.appparam select, div.chooseCentre_mobile select, select.stylise{
    font-family: 'Source Sans Pro', sans-serif;
}

.appparam textarea{
    font-family: 'Source Sans Pro', sans-serif;
}

h1.results, h2.results, h3.results, h4.results{
    margin:10px 0px;
}

h1.results{
    color: #ffffff;
    background-color: #54595F;
    font-size: 1.250em;
    font-weight: 600;
    padding:10px;
    border-radius:3px;
}

h2.results{
    color: #ffffff;
    background-color: #54595F;
    border-radius: 3px;
    padding:10px;
    font-size: 1.125em;
}

h3.results{
    color: #ffffff;
    background-color: #54595F;
    border-radius: 3px;
    font-size: 1.000em;
    padding:10px;
}

h4.results{
    color: #ffffff;
    background-color: #54595F;
    border-radius: 3px;
    font-size: 0.875em;
    padding:10px;
}

h1.results a{
    color: #ffffff;
}

h1.results a:hover,
h1.results a:focus,
h1.results a:active{
     text-decoration: none;
}

h2.results a, h3.results a, h4.results a{
    color: #5f5f5f;
}

h2.results a:hover,
h2.results a:focus,
h2.results a:active,
h3.results a:hover,
h3.results a:focus,
h3.results a:active,
h4.results a:hover,
h4.results a:focus,
h4.results a:active{
     text-decoration: none;
}

div.success, div.error, div.warning, div.info, div.notice, div.infoGenerale, div.filterActive{
    display: block;
    padding: 6px;
    border:2px solid;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    text-align:left;
    margin:20px 0px;
    color:#5F5F5F;
    line-height: 1.400em;
}

div.success{
    background-color: #e9f2d3;
    border-color:#c0d86d;
    color:#77a113;
}

div.error{
    background-color: #fee9e9;
    border-color:#e8a0a0;
    color:#d45959;
}
div.warning{
    background-color: #fbf6e4;
    border-color:#eed77d;
    color:#c7a900;
}
div.info{
    background-color: #dce9f3;
    border-color:#a0c2dc;
    color:#387cb0;
}
div.notice{
    background-color: #fefefe;
    border-color:#cccccc;
    color:#999999;
}

div.success ul, div.error ul, div.warning ul, div.info ul, div.notice ul, div.infoGenerale ul, div.filterActive ul{
    list-style-type: disc;
    margin-left: 20px;
}

div.infoGenerale, div.filterActive{
    background-color: #F6F6F6;
    border:2px solid #F6F6F6;
}

div.success i, div.error i, div.warning i, div.info i, div.notice i, div.infoGenerale i, div.filterActive i{
    margin-right: 5px;
    font-size: 1.125em;
}

.submit, .cancel{
    display: inline-block;
    white-space: nowrap;
    padding: 6px;
    background-color: #DDDDDD;
    text-decoration: none;
    border-top: none;
    border-right: none;
    border-bottom: none;
    color: #5F5F5F;
    font-size: 0.875em;
    font-weight:bold;
    margin:0px;
    border-radius: 3px;
    font-family: 'Source Sans Pro', sans-serif;
}

.submit{
    font-size: 1.125em;
    margin: 20px;
    padding: 10px;
    border: 1px solid #69727D;
    background-color:#69727D;
    color:#FFFFFF;
}

.cancel{
    margin-right: 40px;
}

.submit:hover, .cancel:hover{
    background: #5CA42C;
    color:#ffffff;
    cursor: pointer;
    text-decoration: none;
}

.submit:active, .cancel:active, .submit:focus, .cancel:focus{
    text-decoration: none;
}

.submit:disabled, .submit[disabled]{
    text-decoration: none;
    background-color: #DDDDDD;
    color:#BBBBBB;
}

.big{
    font-size: 1.125em;
    padding: 10px;
}

.button, .buttonSelected{
    display: inline-block;
    white-space: nowrap;
    background-color: #ddd;
    border: none;
    padding: 7px;
    margin: 2px 6px 2px 0px;
    text-decoration: none;
    color: #5F5F5F;
    cursor: pointer;
    border-radius:2px;
    line-height: 18px;
    border: 1px solid #69727d;
    border-radius: 3px;
    font-family: 'Source Sans Pro', sans-serif;
}

.buttonSelected{
    background: #5f5f5f;
    color:#ffffff;
}

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

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

.button:active, .button:focus{
    text-decoration: none;
}

.buttonSelected:hover{
    background: #ddd;
    color:#58585A;
    text-decoration: none;
}

.buttonSelected:active, .buttonSelected:focus{
    text-decoration: none;
}

footer{
    width: 100%;
    bottom:0px;
    min-height:60px;
    text-align:center;
    background-color : #F8F8F8;
    vertical-align:top;
    font-size: 0.950em;
    position: relative;
}

.bottomTxt{
    padding:20px;
}

.bottomTxt a{
    color:#5F5F5F;
}

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

.bottomTxt div{
    padding: 5px;
}

div.footer_quest{
    margin:0px;
    padding:5px;
    border:none;
    background-color:#FFFFFF;
    text-align:center;
}

div.burnoutSend{
    border:4px solid #DEDEDE;
    border-radius:8px;
    text-align:center;
    padding:20px;
    background-color:#f8f9fa;
    font-size: 1.125em;
}

div.contentMsg div.burnoutSend{
    margin:40px 0px;
}

div.burnoutSend p{
    margin-top:10px;
}

#mobileIndicatifForRegistration{
    width: 50px;
}

#mobileForRegistration{
    width: 250px;
}

#emailForRegistration{
    width: 304px;
}

#codeForRegistration{
    width:120px;
}

ul.ulRadio li.liLine,
ul.ulRadio li.liColumn{
    border: 1px solid #69727d;
}

ul.ulRadio li.liLine{
    min-width:200px;
}

div.col2{
    min-width:200px;
    width:50%;
    min-width:50%;
    float:left;
    padding-bottom: 10px;
}

div.falcQuestion i{
    padding-top:10px;
}

div.falcQuestion div.falcSubElement{
    float:left;
    height:54px;
    margin-right:10px;
    vertical-align: middle;
}