/* fieldset styles */
fieldset {
  border:none;
  margin:0px;
  padding:0px;
  border-collapse: collapse;
}

[data-qlinked] {
  visibility:hidden;
}

/* global error */
.perror {
  display:none;
}
.qerror {
  font-size:0.9rem;
  font-weight:normal;
}

td.hv label {
  padding-left:0px;
}

/* Focus for accessibility */
/*
body .qbody:not(.touchgrid) [type="radio"]:focus-visible + label,
body .qbody:not(.touchgrid) [type="checkbox"]:focus-visible + label {
  outline:5px auto Highlight;
  outline: 5px auto -webkit-focus-ring-color;
}
body .qbody:not(.touchgrid) td.hvg:focus-visible {
  outline:5px auto Highlight;
  outline: 5px auto -webkit-focus-ring-color;
}
*/

/* qtext styles */
div#wrapper td.qbody,
div#wrapper div.qbody {
  padding-top:10px;
  margin-top:0px;
}

/* qnotes styles */
div#wrapper .note, div#wrapper .qnotes {
  line-height:1.2rem;
}

/* btns styles */
.btns {
  border-radius:30px;
  font-weight:normal;
  min-width:150px;
  padding: 6px 10px 10px 10px !important;
  min-height:45px;
}
@media screen and (max-width: 480px) {
  .btns {
    min-width:110px;
    margin-left:5px;
    margin-right:5px;
  }
}

/* picto styles */
div#wrapper div.picto {
  text-align: center;
  height:30px;
}
div#wrapper div.picto img {
  height:65px;
}

/* copyright styles */
table.copyright .customer_copyright img {
  height:55px;
}
table.copyright table.info_survey {
  margin-left:auto;
  max-width:330px;
}
table.copyright table.info_survey sup {
  font-size:65%;
}
table.copyright table.info_survey .info_survey_date {
  font-weight:900;
  text-align:right;
  padding-right:8px;
}
table.copyright table.info_survey .info_survey_subject {
  font-weight:700;
  text-align:left;
  padding-left:8px;
}
table.copyright table.info_survey .info_survey_barre {
  background-color: #ffdd00;
  width:2px;
  padding:0px;
}
@media screen and (max-width: 620px) {
  table.copyright {
    text-align:center;
  }
  table.copyright td.customer_copyright {
    width:100%;
  }
  table.copyright td.customer_copyright img {
    height:40px;
  }
  table.copyright td.customer_copyright,
  table.copyright td.gide_copyright {
    display:inline-block;
    text-align:center;
  }
  table.copyright td.gide_copyright {
    padding-top:20px;
  }
  table.copyright table.info_survey {
    line-height:1.2rem;
  }
}

/* top styles */
div#top_outside_wrapper {
  background-size: 981px 131px;
  background-repeat: no-repeat;
  background-position: left;
  height:auto;
  min-height:100px;
  display:flex;
}
@supports (background-size: cover) {
  div#top_outside_wrapper {
    background-size: cover;
  }
}
div#wrapper div#top {
  border:none;
  margin:0px;
  padding:0px;
  height:10px;
}
div#top_chapter {
  color:#fff;
  text-align:center;
  font-size:1.5em;
  padding:2px 10px;
  margin:auto;
}
div#top_chapter_barre {
  background-color: #ffdd00;
  width:60px;
  height:2px;
  margin:12px auto 6px auto;
}
div#top_chapter_title {
  font-weight:bold;
  padding-bottom:5px;
}

/* wrapper styles */
div#wrapper:not(.nolines) {
  background-color:rgb(240,240,240);
}
div#wrapper:not(.nolines) div#global {
  width: 100%;
  max-width: 800px;
  background-color: white;
  border: #00aeed 1px solid;
  box-shadow: 10px 10px 0px #00aeed, 0 0 0 0 #ffffff inset;
  -webkit-box-shadow: 10px 10px 0px #00aeed, 0 0 0 0 #ffffff inset;
  -moz-box-shadow: 10px 10px 0px #00aeed, 0 0 0 0 #ffffff inset;
  padding: 35px 15px 25px 15px;
  margin: auto;
}
@media screen and (max-width: 640px){
  div#wrapper {
    min-width:95%;
  }
  div#wrapper:not(.nolines) div#global {
    padding: 35px 5px 25px 5px;
  }
}


/* grid style */
div#wrapper fieldset[data-display="slimgrid"][data-display-activate=false] .qbody {
  margin-top:15px;
}
table.touchcell td.colheading,
table.touchcell td.rowheading,
table.touchcell td.hvg,
fieldset[data-display="slimgrid"][data-display-activate=false] div.row:not(.grid-header),
fieldset[data-display="slimgrid"][data-display-activate=false] div.row .grid-content.colheading,
fieldset[data-display="slimgrid"][data-display-activate=false] div.row .rowheading,
fieldset[data-display="slimgrid"][data-display-activate=false] div.row .hvg {
  border: 1px solid #00a7df;
}
fieldset[data-display="slimgrid"][data-display-activate=false] div.row .rowheading {
  border-top:none;
  border-bottom:none;
  border-left:none;
}
table.touchcell td.rowheading,
fieldset[data-display="slimgrid"][data-display-activate=false] div.row .grid-row-heading {
  padding-right:7px; 
}
fieldset[data-display="slimgrid"][data-display-activate=true] div.row .grid-row-heading:before {
  content:"\27A4";
  margin-right:5px;
}
table.touchcell td.hvg label,
fieldset[data-display="slimgrid"][data-display-activate=false] div.row div.selectable label {
  visibility:hidden;
  display:none !important;
}
table.touchcell td.hvg,
fieldset[data-display="slimgrid"][data-display-activate=false] div.row:not(.grid-header) div.grid-content {
  background-image: url(hyphen.png);
  background-repeat: no-repeat;
  background-position: center center;
  background-size:20px 20px;
  color:silver;
  cursor:pointer;
}
table.touchcell td.hvg:hover,
fieldset[data-display="slimgrid"][data-display-activate=false] div.row:not(.grid-header) div.grid-content:hover {
  background-image: url(hyphen-blue.png);
}
table.touchcell td.hvg.checked,
fieldset[data-display="slimgrid"][data-display-activate=false] div.row:not(.grid-header) div.grid-content.selected {
  background-color: #00a7df;
  background-image: url(valid.png);
  background-size:auto;
  border-color:#009ed3;
}
fieldset[data-display="slimgrid"][data-display-activate=true] .grid-header {
  display:none;
}
fieldset[data-display="slimgrid"][data-display-activate=false] .qnotes .default {
  display:none;
}
fieldset[data-display="slimgrid"][data-display-activate=true] .qnotes .slimmed {
  display:none;
}
fieldset[data-display="slimgrid"][data-display-activate=false] div.row legend.grid-row-heading {
  width: -moz-available;
  width: -webkit-fill-available;
  width: fill-available;
  border-right:none;
  border-bottom-width:0px;
}
fieldset[data-display="slimgrid"][data-display-activate=false] .qbody {
  border-bottom:1px solid #00a7df;
}
table.touchcell td.colheading,
table.touchcell td.colheading,
fieldset[data-display="slimgrid"] .colheading {
  color: #00a7df;
  font-weight:bold;
}
table.touchcell td.hvg.cell_error
fieldset[data-display="slimgrid"] .grid-content.cell_error {
  background-color: #f5d9d9;
}

fieldset[data-display="slimgrid"][data-display-colw="70"] .colheading {
  min-width: 50px;
  width: 70px;
}
fieldset[data-display="slimgrid"][data-display-colw="80"] .colheading {
  min-width: 70px;
  width: 80px;
}
fieldset[data-display="slimgrid"][data-display-colw="90"] .colheading {
  min-width: 70px;
  width: 90px;
}

/* ordered style */
div#wrapper table[data-qordered="true"] td.rordered span.CW_order_rank {
  line-height:18px;
}

.selectable input:checked ~ label.CW_order_rank {
  margin-left:0px;
  margin-right:5px;
  box-shadow:none;
  background-color:#00a7df;
  border-radius: 100%;
  text-align: center;
  font-weight: bold;
}
.selectable input:checked ~ label.CW_order_rank {
  width: 21px;
  height: 21px;
  line-height: 19px;
}

/* smiley style */
table.csmiley {
  width:100%;
  margin-top:15px;
}
table.csmiley .smiley-img {
  text-align:center;
  padding-bottom:5px;
}
table.csmiley td[class^='smiley-label'] {
  color: #00a7df;
  font-weight:bold;
  border:1px solid #00a7df;
  padding:5px 3px;
}
table.csmiley td.smiley-label-left {
  border-right:none;
}
table.csmiley td.smiley-label-right {
  text-align:right;
  border-left:none;
}
table.csmiley td.smiley-label-neutral {
  border-left:none;
  border-right:none;
}
table.csmiley td.hvg {
  min-width: 40px;
  width: 60px;
}
@media screen and (max-width: 400px) {
  table.csmiley td.hvg {
    min-width: 25px;
    width: 45px;
  }
}
table.csmiley.slimmed td.hvg {
  height:28px;
}
table.csmiley.slimmed .rowspanheading {
  text-align:left;
  color:#333;
  font-weight:bold;
  padding-top:15px;
  padding-bottom:10px;
  font-size:1rem;
}
table.csmiley.slimmed .rowspanheading[data-num="0"] {
  padding-top:0px;
}
table.csmiley.slimmed td.cell {
  background-color:#fff;
}
table.csmiley.slimmed td.cell.checked {
  background-color:#00a7df;
}
table.csmiley.slimmed td.smiley_space {
  height:0px !important;
}
table.csmiley.hideItem {
  max-width:520px;
  margin-left:auto;
  margin-right:auto;
}
/*table.csmiley.nosmiley tr.smiley-header td {
  border:none;
}*/
@media screen and (min-width: 400px) {
  table.csmiley.mediumcol tr td.hvg:last-child {
    min-width: 90px;
    width: 100px;
  }

  table.csmiley.mediumcol tr td.smiley-label-extra {
    min-width: 90px;
    width: 100px;
  }
  table.csmiley.largecol tr td.hvg:last-child {
    min-width: 110px;
    width: 120px;
  }
  table.csmiley.largecol tr td.smiley-label-extra {
    min-width: 110px;
    width: 120px;
  }
}

table.csmiley.hideItem td.hvg {
  height:30px;
}


/* select2 styles */
.select2-container--default {
  min-width: 150px;
}
.select2-dropdown {
  z-index:99999;
}
.select2-container--default .select2-selection--single {
  border-color: #00a7df;
  border-radius: 0px;
}
.select2-container--default .select2-selection--single .select2-selection__arrow {
  background-color: #00a7df;
}
.select2-container--default .select2-selection--single .select2-selection__arrow b {
  border-width: 8px 6px 0 6px;
  margin-left: -6px;
  margin-top: -3px;
  border-color: #fff transparent transparent transparent;
}
.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
  border-color: transparent transparent #fff transparent;
  border-width: 0 6px 8px 6px;
}
.select2-container--default .select2-selection--single .select2-selection__clear {
  color:#999;
  margin-right: 5px;
  top: -2px;
}
.select2-container--default .select2-results__option {
  font-size:0.9rem;
}
.select2-container--default .select2-results__option--highlighted[aria-selected] {
  background-color: #00a7df;
}
.select2-results__option {
  padding:4px;
}
.select2-container--default .select2-results__options li[id$="_XX_"] {
  display:none;
}
.select2-container--default .select2-selection--single .select2-selection__rendered {
  line-height:26px;
}
.select2-container--default .select2-selection--single .select2-selection__rendered[title='Votre réponse'] {
  color:#999;
  font-weight:300;
}
@media screen and (max-width: 620px) {
  .select2-container--default {
    width:90% !important;
  }
}


/* date style */
[data-display='date'] input[name$='jour'],
[data-display='date'] input[name$='mois'] {
  width: 2.75em;
}
[data-display='date'] input[name$='annee'] {
  width: 4.25em;
}
div#wrapper fieldset[data-display='date'] div.qbody {
  padding-top:0px;
  margin-top:2px;
}
fieldset[data-display='date'] div.qbody fieldset {
  display:inline-block !important;
  padding-right:0px;
  text-align:center;
}
[data-display='date'] div.qbody fieldset div.qbody {
  padding-top:1px;
}
[data-display='date'] input[type=number] {
  -moz-appearance: textfield;
}
div#wrapper [data-display='date'] div.qbody legend {
  font-weight:300;
  text-align:center;
  width:100%;
  font-size:1rem;
  font-weight:300;
  color:#000;
}
[data-display='date'] input[name$='jour'][type=number]::-webkit-inner-spin-button,
[data-display='date'] input[name$='mois'][type=number]::-webkit-inner-spin-button,
[data-display='date'] input[name$='annee'][type=number]::-webkit-inner-spin-button,
[data-display='date'] input[name$='jour'][type=number]::-webkit-outer-spin-button,
[data-display='date'] input[name$='mois'][type=number]::-webkit-outer-spin-button,
[data-display='date'] input[name$='annee'][type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* progress bar styles */
div.progressbar {
  position:relative;
  height:5px;
  margin-top:40px;
}
progress#progress-bar {
  border: none;
  height: 6px;
  background-color: silver;
  color: #00a7df;
  width: 100%;
  vertical-align: top;
}
progress#progress-bar::-moz-progress-bar {
  background: #00a7df;
}
progress#progress-bar::-webkit-progress-bar {
  background: silver;
}
progress#progress-bar::-webkit-progress-value {
  background: #00a7df;
}
span.tip-progressbar {
  position: absolute;
  background-color: #00a7df;
  color: #fff;
  line-height: 14px;
  font-size: 0.85rem;
  border-radius: 4px;
  padding: 2px 5px 3px 5px;
  transform: translate(-50%, -105%);
  font-weight: bold;
}
/* qendnotes */
.qendnotes {
  font-size:1rem;
  font-style:italic;
  font-weight: 300;
  color: #444; 
  line-height: 16px;
  margin-top: 30px;
}

/****** Chart ******/
table#canvas_ch { width:100%; margin-top:15px; }
table#canvas_ch td { vertical-align:top; }
table#canvas_ch td.c1g1 { width:100%; max-width:100%;}
table#canvas_ch td.c2g1 { width:100%; max-width:100%;}
table#canvas_ch td.c2g2 { width:100%; max-width:100%;}
table#canvas_ch td.c3g1 { width:100%; max-width:100%;}
table#canvas_ch td.c3g2 { width:100%; max-width:100%;}
table#canvas_ch td.c4g1 { width:50%; max-width:50%;}
table#canvas_ch td.c4g2 { width:50%; max-width:50%;}
table#canvas_ch td.c5g1 { width:50%; max-width:50%;}
table#canvas_ch td.c6g1 { width:40%; max-width:40%;}
table#canvas_ch td.c6g2 { width:60%; max-width:60%;}
table#canvas_ch td.c7g1 { width:60%; max-width:60%;}
table#canvas_ch td.c7g2 { width:40%; max-width:40%;}
.qbody.qchart-8 table#canvas_ch { width:100%; max-width:620px; margin-left:auto; margin-right:auto; }
table#canvas_ch td.c8g1 { width:100%; max-width:100%;}
.qbody.qchart-9 table#canvas_ch { width:100%; max-width:620px; margin-left:auto; margin-right:auto; }
table#canvas_ch td.c6g1 { width:50%; max-width:50%; padding-top:20px; }
table#canvas_ch td.c6g2 { width:50%; max-width:50%;}
.graph-title { font-weight:normal; }
.c6g3 .highcharts-series-group,
.c6g3 .highcharts-grid,
.c6g3 .highcharts-axis,
.c6g3 .highcharts-data-labels,
.c6g3 .highcharts-axis-labels { display:none; }
table#canvas_ch div.xchart {
  margin-top:3px;
}

@media screen and (max-width: 720px) {
  table#canvas_ch td.cg { width:100%; max-width:100%; display:inline-block; }
  .highcharts-data-labels span { line-height:12px !important; padding-bottom:5px !important; }
}

.qspacetop {
  padding-top:20px;
}


.intro {
  color: #00a7df;
  line-height: 1.2em;
  font-size: 120%;
  font-weight: bold;
  padding-top:10px;
  padding-bottom:10px;
  font-style: italic;
}

body.chapter_end table.main {
  text-align:center;
}

.highlight {
  color:#e0654d;
}

p.famheading {
  padding-top: 10px;
  padding-bottom: 2px; 
  margin:0px;
}

.qsuite {
  color: #00a7df;
  text-align:center;
  font-style:italic;
  padding-top:10px;
}

table.copyright td.gide_copyright img {
  max-height: 100px;
  max-width: 210px;
}

fieldset[name*='@'] {
  visibility:hidden;
}
div.selectable[data-oth="sameline"] fieldset[name*='@'] {
  display:inline-block !important;
}
div.selectable[data-oth="sameline"] fieldset[name*='@'] .qbody {
  padding:0px !important;
}

input[type='number'].error {
  border-color:#c9336b;
}

.qbody.w100 input[type='text'] {
  width:100%;
}

td.qbody .canvas.touchcell input,
[data-display="slimgrid"][data-display-activate="false"] div.selectable input {
  visibility:hidden;
}