/* Radius */
/* Shadows */
/* Gradients */
/* Opacity */
/* Transformations */
/*PARTIE 1 : MISE EN FORME GENERALE*/
html,
body {
  background-color: #f5f5f5;
  color: #000000;
  padding: 0px;
  margin: 0px;
  font-family: Roboto, Helvetica, Arial, sans-serif;
  font-size: 10pt;
  text-align: left;
}
body {
  text-size-adjust: 100%;
  -moz-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
}
textarea {
  padding: 5px;
  font-size: 10pt;
}
div#top_outside_wrapper {
  padding: 0px;
  margin: 0px auto;
  height: 0px;
  width: 900px;
}
div#wrapper {
  margin: 0 auto 10px auto;
  width: 900px;
  background-color: #fff;
  border-bottom: 1px solid #dedede;
}
div#wrapper div#top,
div#wrapper div#global {
  padding: 10px 32px 10px 32px;
}
div#wrapper div#top img {
  height: 68px;
}
div#wrapper div#navtab {
  background-color: #dedede;
  color: #fff;
  text-align: center;
  padding-top: 5px;
  padding-bottom: 5px;
  margin-top: 20px;
}
div#wrapper div#navtab .large,
div#wrapper div#navtab .small {
  text-transform: uppercase;
}
div#wrapper div#navtab table#navbar {
  margin: auto;
  width: 100%;
}
div#wrapper div#navtab td.progress_circle_td {
  width: 80px;
}
div#topbanner {
  margin: 0;
  padding: 0;
}
/*button*/
.btns {
  background-color: #000;
  color: #fff;
  border: medium none;
  cursor: pointer;
  font-family: Roboto, Helvetica, Arial, sans-serif;
  font-size: 12px;
  font-weight: bold;
  padding: 15px 10px;
  display: inline-block;
  margin: 2px 10px;
  min-width: 180px;
  text-decoration: none;
  text-align: center;
}
.btns:hover {
  background-color: #333;
  color: #f2f2f2;
}
.btns.prv span:before {
  content: "<< ";
}
.btns.nxt span:after {
  content: " >>";
}
.small {
  font-size: 90%;
}
/*Copyright*/
.copyright {
  width: 900px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 20px;
}
.gide_copyright {
  text-align: right;
}
.gide_copyright a {
  cursor: pointer;
  color: transparent;
}
.gide_copyright a:hover {
  opacity: 0.8;
}
.gide_copyright img {
  border: none;
}
.customer_copyright {
  text-align: left;
  color: silver;
  font-size: 80%;
  vertical-align: top;
  content: "AAA";
}
/*Barre de progression*/
.progress_circle {
  width: 80px;
}
.progress_circle div#progcircie8 {
  font-size: 8.5pt;
  display: none;
  text-align: center;
  margin-top: auto;
  margin-right: 20px;
}
.progress_circle div {
  margin: auto;
  margin-top: 8px;
  color: #000000;
}
.progress_circle canvas {
  border: none !important;
}
.progress_table_samerow .pct,
.progress_table_newrow .pct {
  color: #000000;
  font-size: 85%;
  padding: 2px 5px 0px 0px;
}
.progress_table_newrow {
  margin: 10px auto 0 auto;
}
.progress_pg {
  text-align: right;
  color: #000000;
  font-size: 13px;
}
.progress_table,
.progress_table_samerow {
  display: none;
}
.progress_table_newrow {
  display: none;
}
.progress_pg {
  display: none;
}
#nav_button {
  text-align: left;
}
.progpct {
  padding-top: 10px;
  font-size: 7pt;
  font-style: italic;
}
/*PARTIE 2 : MISE EN FORME WRAPPER INSIDE*/
table.main {
  width: 100%;
}
h1,
.qtext,
.message,
.msg {
  color: #000000;
  vertical-align: top;
  font-size: 110%;
  line-height: 1.3em;
  font-weight: normal;
  padding-bottom: 15px;
  padding-top: 10px;
}
h1 {
  font-weight: bold;
  text-align: center;
}
.msg {
  padding-bottom: 20px;
}
.note,
.qnotes {
  color: #4e4e4e;
  font-size: 90%;
  font-style: italic;
  font-weight: normal;
  padding-top: 5px;
}
.note {
  font-size: 90%;
}
.qnotes {
  font-size: 100%;
}
.qtext,
.message {
  padding-bottom: 0px;
}
.message {
  margin-bottom: 0px;
  margin-top: 0px;
}
.qbody {
  padding-top: 15px;
}
fieldset[data-pglayout=mode5][data-display],
[data-pglayout=mode5][data-display] fieldset {
  border: none;
  padding: 0px;
  margin: 0px;
}
td.hv {
  padding: 2px 10px 2px 0px;
  border: 1px solid #fff;
}
td.hv label {
  padding-left: 3px;
}
td.hv input,
td.hv label {
  vertical-align: middle;
}
td.hv:hover {
  background-color: transparent;
}
.hvrow {
  color: #7b5d14;
}
.grid td.hvg.hvcell {
  background-color: transparent;
}
input[type=text] {
  padding-left: 2px;
  padding-right: 2px;
  box-sizing: border-box;
}
input[type=number] {
  text-align: center;
  box-sizing: border-box;
}
textarea,
table[data-type="textarea"],
table[data-type="textarea"] .container-border-bottom {
  width: 100%;
}
textarea {
  box-sizing: border-box;
}
.rowheading {
  padding: 5px 4px 5px 5px;
  max-width: 33%;
}
.colheading {
  padding: 0px 3px;
  text-align: center;
  min-width: 75px;
  width: 100px;
  border-bottom: 1px solid #6e6e6e;
  padding-bottom: 3px;
  margin-bottom: 3px;
}
table.canvas .hvg {
  text-align: center;
  padding: 5px 0px;
}
table {
  border-collapse: collapse;
}
tr.odd {
  background-color: #f2f2f2;
}
tr.even {
  background-color: transparent;
}
ul {
  margin: 0px;
}
div.perror {
  border: 1px solid #b0b3b8;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  background-color: #f5f5f5;
  color: #7d0740;
  font-size: 100%;
  font-style: italic;
  line-height: 1.3em;
  padding: 5px;
  text-align: center;
}
.qerror {
  color: #7d0740;
  font-size: 90%;
  font-style: italic;
}
.test {
  width: 100%;
  font-size: 120%;
  font-weight: bold;
  text-align: center;
  color: #7d0740;
  border-bottom: 1px solid #7d0740;
  margin-bottom: 15px;
}
td.hv.cell_error,
td.hvg.cell_error,
td.input_error {
  border: 1px solid #7d0740;
}
td.hv.cell_error,
td.hvg.cell_error,
td.input_error {
  background-color: #f5d9d9;
}
input[type=text][name*='@'].error,
input[type=number][name*='@'].error {
  border-color: #7d0740;
}
div.select-list {
  text-align: right;
  padding-top: 10px;
}
/*PARTIE 3 : MISE EN FORME BLK SPECIFIQUES*/
.pghome,
.pgbye,
.pgerror {
  font-size: 110%;
  padding-bottom: 20px;
}
.pgerror,
.pgbye {
  text-align: center;
}
.pgerror {
  color: #7d0740;
}
.tooltip > .tooltip-content {
  display: none;
}
.tooltip {
  cursor: help;
}
.tooltip:hover {
  opacity: 0.8;
}
.qtip-tooltip {
  font-size: 10pt;
  line-height: normal;
  color: #000000;
  border: 1px solid #d5d5d5;
  background-color: rgba(242, 242, 242, 0.9);
  transition: all 0.3s ease-in-out;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
}
.highcharts-data-labels {
  text-align: center;
}
table.main a img,
table.main a {
  border: none;
}
.tnormal {
  font-weight: normal;
}
.tbold {
  font-weight: bold;
}
.titalic {
  font-style: italic;
}
.tul {
  text-decoration: underline;
}
.tcolor_qtext {
  color: #000000;
}
.tcolor_note {
  color: #6e6e6e;
}
.tcolor_error {
  color: #7d0740;
}
.tcenter {
  text-align: center;
}
.tleft {
  text-align: left;
}
.tright {
  text-align: right;
}
.qhidden {
  display: none;
}
.mask {
  position: absolute;
  left: -9999px;
}
@font-face {
  font-family: 'icomoon';
  src: url('.structure/icomoon.eot?vdb20t');
  src: url('.structure/icomoon.eot?vdb20t#iefix') format('embedded-opentype'), url('.structure/icomoon.ttf?vdb20t') format('truetype'), url('.structure/icomoon.woff?vdb20t') format('woff'), url('.structure/icomoon.svg?vdb20t#icomoon') format('svg');
  font-weight: normal;
  font-style: normal;
}
/* Common */
body:not(.no-icomoon) .qbody:not(.touchgrid) [type="radio"]:checked,
body:not(.no-icomoon) .qbody:not(.touchgrid) [type="radio"]:not(:checked),
body:not(.no-icomoon) .qbody:not(.touchgrid) [type="checkbox"]:checked,
body:not(.no-icomoon) .qbody:not(.touchgrid) [type="checkbox"]:not(:checked) {
  position: absolute;
  left: -9999px;
}
body:not(.no-icomoon) .qbody:not(.touchgrid) [type="radio"]:checked + label,
body:not(.no-icomoon) .qbody:not(.touchgrid) [type="radio"]:not(:checked) + label,
body:not(.no-icomoon) .qbody:not(.touchgrid) [type="checkbox"]:checked + label,
body:not(.no-icomoon) .qbody:not(.touchgrid) [type="checkbox"]:not(:checked) + label {
  margin-left: 32px;
  display: inline-block;
  line-height: 18px;
  margin-top: 2px;
  margin-bottom: 2px;
}
body:not(.no-icomoon) .qbody:not(.touchgrid) [type="radio"]:checked + label:before,
body:not(.no-icomoon) .qbody:not(.touchgrid) [type="radio"]:not(:checked) + label:before,
body:not(.no-icomoon) .qbody:not(.touchgrid) [type="checkbox"]:checked + label:before,
body:not(.no-icomoon) .qbody:not(.touchgrid) [type="checkbox"]:not(:checked) + label:before {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #a37b17;
  font-family: "icomoon";
  cursor: pointer;
  vertical-align: middle;
  display: inline-block;
  text-align: center;
  font-size: 24px;
  line-height: 19px;
  padding-right: 2px;
  padding-left: 2px;
  padding-bottom: 0px;
  width: 28px;
  margin-left: -32px;
  line-height: 18px;
  margin-top: -2px;
}
body:not(.no-icomoon) .qbody:not(.touchgrid) [type="radio"]:disabled:checked + label:before,
body:not(.no-icomoon) .qbody:not(.touchgrid) [type="radio"]:disabled:not(:checked) + label:before,
body:not(.no-icomoon) .qbody:not(.touchgrid) [type="checkbox"]:disabled:checked + label:before,
body:not(.no-icomoon) .qbody:not(.touchgrid) [type="checkbox"]:disabled:not(:checked) + label:before {
  color: silver;
}
/* Checkbox buttons */
body:not(.no-icomoon) .qbody:not(.touchgrid) [type="checkbox"]:not(:checked) + label:before {
  content: "\ea53";
}
body:not(.no-icomoon) .qbody:not(.touchgrid) [type="checkbox"]:checked + label:before {
  content: "\ea52";
}
/* Radio buttons */
body:not(.no-icomoon) .qbody:not(.touchgrid) [type="checkbox"]:not(:checked) + label.ic-radio:before,
body:not(.no-icomoon) .qbody:not(.touchgrid) [type="radio"]:not(:checked) + label:before {
  content: "\e901";
}
body:not(.no-icomoon) .qbody:not(.touchgrid) [type="checkbox"]:checked + label.ic-radio:before,
body:not(.no-icomoon) .qbody:not(.touchgrid) [type="radio"]:checked + label:before {
  content: "\e900";
}
/* Animations */
body:not(.no-icomoon) .qbody:not(.touchgrid) [type="checkbox"]:checked + label.ic-radio::before,
body:not(.no-icomoon) .qbody:not(.touchgrid) [type="radio"]:checked + label::before {
  -webkit-animation: anim-radio 0.3s both 0s normal;
  -moz-animation: anim-radio 0.3s both 0s normal;
  -o-animation: anim-radio 0.3s both 0s normal;
  animation: anim-radio 0.3s both 0s normal;
}
body:not(.no-icomoon) .qbody:not(.touchgrid) [type="checkbox"]:checked + label:before {
  -webkit-animation: anim-checkbox 0.3s both 0s normal;
  -moz-animation: anim-checkbox 0.3s both 0s normal;
  -o-animation: anim-checkbox 0.3s both 0s normal;
  animation: anim-checkbox 0.3s both 0s normal;
}
@-webkit-keyframes anim-radio {
  50% {
    font-size: 28px;
  }
}
@-moz-keyframes anim-radio {
  50% {
    font-size: 28px;
  }
}
@-o-keyframes anim-radio {
  50% {
    font-size: 28px;
  }
}
@keyframes anim-radio {
  50% {
    font-size: 28px;
  }
}
@-webkit-keyframes anim-checkbox {
  50% {
    font-size: 28px;
  }
}
@-moz-keyframes anim-checkbox {
  50% {
    font-size: 28px;
  }
}
@-o-keyframes anim-checkbox {
  50% {
    font-size: 28px;
  }
}
@keyframes anim-checkbox {
  50% {
    font-size: 28px;
  }
}
body:not(.no-icomoon) .qbody.qnote [type="radio"]:checked + label,
body:not(.no-icomoon) .qbody.qnote [type="radio"]:not(:checked) + label,
body:not(.no-icomoon) .qbody.qnote [type="checkbox"]:checked + label,
body:not(.no-icomoon) .qbody.qnote [type="checkbox"]:not(:checked) + label {
  margin-left: 0px;
}
body:not(.no-icomoon) .qbody.qnote [type="radio"]:checked + label:before,
body:not(.no-icomoon) .qbody.qnote [type="radio"]:not(:checked) + label:before,
body:not(.no-icomoon) .qbody.qnote [type="checkbox"]:checked + label:before,
body:not(.no-icomoon) .qbody.qnote [type="checkbox"]:not(:checked) + label:before {
  display: none;
}
/* Animations text input */
.container-border-bottom {
  display: -ms-inline-grid;
  display: inline-grid;
  vertical-align: middle;
}
div#wrapper.ie .container-border-bottom {
  display: inline-block;
}
input[type=text],
input[type=number],
textarea {
  border: 1px solid #d5d5d5;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  padding: 5px;
  margin: 0px;
  outline: none;
}
input[type=text] + span.border-bottom,
input[type=number] + span.border-bottom,
textarea + span.border-bottom {
  border-top: 2px solid #a37b17;
  display: block;
  width: 0%;
  vertical-align: top;
  transition: 0.3s;
}
input[type=text]:focus + span.border-bottom,
input[type=number]:focus + span.border-bottom,
textarea:focus + span.border-bottom {
  width: 100%;
}
/* Select style */
select {
  border: 1px solid #d5d5d5;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  border-radius: 0;
  padding: 5px;
  margin: 0px;
  background-color: #fff;
  background-image: url(.customer/sort-down.svg);
  background-repeat: no-repeat;
  background-position: center right 4px;
  background-size: 12px 12px;
  padding-right: 20px;
  cursor: pointer;
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  appearance: none;
}
div#wrapper.ie5 select,
div#wrapper.ie6 select,
div#wrapper.ie7 select,
div#wrapper.ie8 select,
div#wrapper.ie9 select {
  background: none;
  padding-right: 5px;
}
select::-ms-expand {
  display: none;
  /* Hide the default arrow in Internet Explorer 10 and Internet Explorer 11 */
}
/*SLIMGRID*/
table.canvas.slimmed {
  width: 100%;
  padding-top: 20px;
}
.slimmed .colheading,
table#canvas_c.slimmed .colheading {
  width: auto;
  padding: 35px 3px 0px 3px;
  border-bottom: 1px solid #000000;
  color: #000000;
  vertical-align: middle;
  font-weight: bold;
  font-size: 90%;
}
.slimmed .rowspanheading {
  font-size: 90%;
  color: #585858;
  text-align: center;
  font-weight: bold;
  padding-top: 10px;
}
.slimmed .odd,
.slimmed .even {
  background-color: #fff;
}
.slimmed tr .cell_error,
.slimmed tr .input_error {
  background-color: #f5d9d9;
}
.slimmed .rowheading {
  background-color: #fff;
}
.slimmed td.cell {
  background-color: #f2f2f2;
  border: 1px solid #fff;
}
table.slimmed .hvg {
  padding: 2px 0px;
}
table#canvas_c.slimmed tr.colheadings:first-child td.colheading,
table.slimmed tr.colheadings:first-child td.colheading {
  padding-top: 10px;
}
table.slimmed-999 .colheading {
  padding-top: 10px;
}
table.slimmed-999 .rowspanheading {
  padding-top: 20px;
}
/* Touchgrid styles */
.touchgrid .canvas {
  width: auto;
  min-width: 300px;
  margin: auto;
}
.touchgrid input[type="radio"],
.touchgrid input[type="checkbox"] {
  position: absolute;
  left: -9999px;
}
.touchgrid td.hv {
  padding: 2px 5px;
  text-align: center;
  vertical-align: top;
}
.touchgrid label {
  display: block;
  margin: 0px auto;
  padding: 7px 3px;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  background-color: #f2f2f2;
  color: #000000;
  font-weight: bold;
  text-align: center;
  cursor: pointer;
  max-width: 400px;
  min-height: 25px;
}
.touchgrid label::before {
  content: "";
  display: inline-block;
  height: 100%;
  vertical-align: middle;
}
.touchgrid td .container-border-bottom,
.touchgrid td input[name*='@'] {
  display: inline-block;
  width: 100%;
  max-width: 400px;
}
.touchgrid td .container-border-bottom {
  margin-top: 1px;
}
.touchgrid td label:hover,
.touchgrid td label:active {
  background-color: #dadada;
  color: #000;
}
.touchgrid td.checked label {
  background-color: #a37b17;
  color: #fff;
}
.touchgrid td.checked label:hover,
.touchgrid td.checked label:active {
  background-color: #936f15;
  color: #fff;
}
.touchgrid .touchspan {
  display: inline-block;
  vertical-align: middle;
  padding-left: 5px;
  padding-right: 5px;
}
.touchgrid td.hv.checked {
  background-color: transparent;
}
.circliful {
  position: relative;
}
.circle-text,
.circle-info,
.circle-text-half,
.circle-info-half {
  width: 100%;
  position: absolute;
  text-align: center;
  display: inline-block;
}
.circle-info,
.circle-info-half {
  color: #999;
}
.circliful .fa {
  margin: -10px 3px 0 3px;
  position: relative;
  bottom: 4px;
}
body.clickimg:not(.no-btn) .qclickimg label img {
  border: 5px solid transparent;
}
body.clickimg:not(.no-btn) .qclickimg label img.checked {
  border: 5px solid #39a6d2;
}
body.clickimg:not(.no-btn) .qclickimg td.hv input[type="radio"] {
  display: none;
}
body.clickimg:not(.no-btn) .qclickimg td.hv input[type="radio"] + label:before {
  display: none;
}
body.clickimg:not(.no-btn) .qclickimg td.hv input[type="radio"][data-button="1"] + label:before {
  display: inline-block;
}
body.clickimg:not(.no-btn) .qclickimg td.hv input[type="checkbox"] {
  display: none;
}
body.clickimg:not(.no-btn) .qclickimg td.hv input[type="checkbox"] + label:before {
  display: none;
}
body.clickimg:not(.no-btn) .qclickimg td.hv input[type="checkbox"][data-button="1"] + label:before {
  display: inline-block;
}
body.clickimg:not(.no-btn) .qclickimg td.hv {
  text-align: center;
}
body.clickimg:not(.no-btn) .qclickimg td.hv.checked {
  background-color: transparent;
}
#canvas_grid .rowheading,
#canvas_grid .cell,
#canvas_grid .cell_error {
  display: none;
}
table.main {
  width: 100%;
}
#canvas_grid {
  margin: auto;
  max-width: 750px;
  width: 100%;
}
#canvas_grid .colheading {
  background-color: #f2f2f2;
  padding: 10px;
  cursor: pointer;
  border: 1px solid #fff;
}
#canvas_grid .colheading:hover {
  color: #000000;
}
#canvas_grid .colheading.checked {
  background-color: #D8D8D8;
  color: #000;
}
#canvas_grid .colheading,
#item,
#counter {
  font-size: 100%;
  text-align: center;
}
#item_cell {
  height: 45px;
}
#item,
#counter {
  background-color: #a37b17;
  color: #fff;
  font-weight: bold;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  padding: 5px 10px;
}
#counter {
  border-radius: 15px;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
}
.show {
  display: table-cell;
}
.ui-effects-transfer {
  border: 2px solid black;
}
#counter_cell {
  width: 2px;
}
#bullets {
  font-size: 22px;
  color: #f2f2f2;
  text-align: center;
}
#bullets span {
  padding-left: 2px;
  padding-right: 2px;
}
#bullets .done {
  color: #a37b17;
}
fieldset[data-display="autogrid"] .grid-row-heading {
  background-color: #a37b17;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
}
fieldset[data-display="autogrid"]:not([data-display-touchspan="no"]) .grid-content label.selectable {
  background-color: #f2f2f2;
}
fieldset[data-display="autogrid"][data-display-touchspan="no"] .grid-content {
  padding: 2px 10px 2px 0px;
}
fieldset[data-display="autogrid"]:not([data-display-touchspan="no"]) .grid-content label.selectable:hover {
  color: #000000;
}
fieldset[data-display="autogrid"]:not([data-display-touchspan="no"]) .grid-content label.selectable.selected {
  background-color: #D8D8D8;
  color: #000;
}
fieldset[data-display="autogrid"] .container-border-bottom[data-type="textarea"],
fieldset[data-display="autogrid"]:not([data-display-touchspan="no"]) fieldset[name*="@"] .container-border-bottom {
  display: -ms-inline-grid;
  display: inline-grid;
  width: 100%;
}
div#wrapper.ie fieldset[data-display="autogrid"] .container-border-bottom[data-type="textarea"],
div#wrapper.ie fieldset[data-display="autogrid"]:not([data-display-touchspan="no"]) fieldset[name*="@"] .container-border-bottom {
  display: block;
}
body:not(.no-btn) fieldset[data-display="autogrid"]:not([data-display-touchspan=no]) .grid-content label.selectable label::before {
  content: "";
  display: none;
}
body:not(.no-icomoon) fieldset[data-display="autogrid"][data-display-touchspan=no] .grid-content label.selectable,
body:not(.no-icomoon) fieldset[data-display="autogrid"][data-display-touchspan=no] .grid-content label.selectable,
body:not(.no-icomoon) fieldset[data-display="autogrid"][data-display-touchspan=no] .grid-content label.selectable,
body:not(.no-icomoon) fieldset[data-display="autogrid"][data-display-touchspan=no] .grid-content label.selectable {
  display: inline-block;
  margin-left: 32px;
  padding-top: 1px;
  padding-bottom: 1px;
}
body:not(.no-icomoon) fieldset[data-display="autogrid"][data-display-touchspan=no] .grid-content label.selectable [type="radio"]:checked + label,
body:not(.no-icomoon) fieldset[data-display="autogrid"][data-display-touchspan=no] .grid-content label.selectable [type="radio"]:not(:checked) + label,
body:not(.no-icomoon) fieldset[data-display="autogrid"][data-display-touchspan=no] .grid-content label.selectable [type="checkbox"]:checked + label,
body:not(.no-icomoon) fieldset[data-display="autogrid"][data-display-touchspan=no] .grid-content label.selectable [type="checkbox"]:not(:checked) + label {
  margin-left: 0px;
}
div.qnote .case_8 label,
td.qnote .case_8 label,
div.qnote .case_9 label,
td.qnote .case_9 label,
div.qnote .case_10 label,
td.qnote .case_10 label {
  color: #fff;
}
div.qnote .case-echelle,
td.qnote .case-echelle {
  margin: 0;
  padding: 0;
  width: 50px;
  height: 40px;
  cursor: pointer;
  text-align: center;
  color: #FFF;
  border-bottom: 5px solid #fff;
  border-top: 5px solid #fff;
  font-size: 10pt;
  border-left: 1px solid #f2f2f2;
  border-right: 1px solid #f2f2f2;
}
div.qnote .case-off,
td.qnote .case-off {
  background: #E6E6E6 !important;
}
div.qnote .case-off label,
td.qnote .case-off label {
  color: #676767 !important;
}
div.qnote .case-echelle input,
td.qnote .case-echelle input {
  display: none;
}
div.qnote .case-checked,
td.qnote .case-checked {
  font-family: Roboto, Helvetica, Arial, sans-serif;
  font-weight: 700;
  font-style: normal;
  color: #FFF;
}
div.qnote table.canvas,
td.qnote table.canvas {
  margin: auto;
}
@media screen and (max-width: 900px) {
  div.qnote .case-echelle label,
  td.qnote .case-echelle label {
    font-size: 9.5pt;
  }
}
div.rankbox {
  font-weight: bold;
  text-align: center;
  cursor: pointer;
  color: #fff;
  background-color: #fff;
  background-color: transparent;
}
div.rankbox {
  width: 50px;
  height: 25px;
  line-height: 25px;
  background-color: #a37b17;
  box-shadow: 1px 2px 0px #725610, 0 0 0 0 white inset;
  -webkit-box-shadow: 1px 2px 0px #725610, 0 0 0 0 white inset;
  -moz-box-shadow: 1px 2px 0px #725610, 0 0 0 0 white inset;
  margin: 1px;
  border: 1px solid #936f15;
  border-radius: 7px;
  -webkit-border-radius: 7px;
  -moz-border-radius: 7px;
  border-top-left-radius: 0px;
  -webkit-border-top-left-radius: 0px;
  -moz-border-radius-topleft: 0px;
}
div.rankbox:active {
  box-shadow: 0px 1px 0px #725610, 0 0 0 0 white inset;
  -webkit-box-shadow: 0px 1px 0px #725610, 0 0 0 0 white inset;
  -moz-box-shadow: 0px 1px 0px #725610, 0 0 0 0 white inset;
}
div.rankbox:hover {
  opacity: 0.8;
}
td.qslider table.canvas {
  width: auto;
  margin-left: auto;
  margin-right: auto;
}
td.qslider .stooltip {
  display: block;
  width: 56px;
  height: 53px;
  line-height: 40px;
  background-image: url(tooltip.png);
  background-repeat: no-repeat;
  z-index: 98;
}
td.qslider .ui-slider-handle .stooltip {
  font-style: normal;
  color: #000000;
  margin-top: -50px;
  margin-left: -7px;
  text-align: center;
}
td.qslider .pipe {
  position: absolute;
  width: 2px;
  height: 100%;
  background: none !important;
  background-color: #D8D8D8 !important;
  border: none !important;
  z-index: 97;
}
td.qslider .hidden_pipe {
  visibility: hidden;
}
td.qslider .range-wrapper {
  position: absolute;
  height: 100%;
  left: 7px;
  right: 7px;
}
td.qslider .ui-slider .ui-slider-range {
  background: #a37b17;
}
td.qslider .ui-slider-horizontal .ui-slider-range {
  top: 7px !important;
  height: 12px !important;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
}
td.qslider .ui-slider-horizontal .ui-slider-handle {
  margin-top: -0.2em !important;
}
td.qslider .ui-slider.ui-widget-content {
  width: 550px;
  height: 26px;
  border: none;
  background: url(slider.png);
  background-repeat: no-repeat;
  margin: 5px 20px;
}
td.qslider .ui-slider .ui-slider-handle {
  border: none !important;
  margin-left: -1.1em !important;
  width: 40px !important;
  height: 40px !important;
  background: url(grip.png) no-repeat !important;
  outline: 0;
  z-index: 99;
}
td.qslider .ui-slider-vertical .ui-slider-handle {
  left: -0.5em !important;
  margin-left: 0em !important;
  margin-bottom: -1.1em !important;
}
td.qslider .slider,
td.qslider .scale {
  margin-left: 20px;
  margin-right: 20px;
}
td.qslider .slider:hover {
  cursor: pointer;
}
td.qslider .slider a {
  text-decoration: none;
}
td.qslider .scale {
  padding-top: 10px;
}
td.qslider .colheading {
  border: none;
}
td.qslider .pipe > .stooltip-content {
  display: none;
}
.stooltip-content {
  margin: auto;
}
td.qtip-bottom .ui-slider-handle .stooltip {
  margin-top: 37px;
  line-height: 68px;
}
td.qtip-bottom .stooltip {
  background-image: url(tooltip_bottom.png);
}
td.bgslider-image .ui-slider .ui-slider-range {
  background-image: url("bgslider.png");
}
.slider-qtip {
  background-color: transparent;
  color: #000000;
  border: none;
  font-size: 100%;
}
.slider-qtip .qtip-content {
  text-align: center !important;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
  .ui-slider.ui-widget-content {
    background: url(slider@2x.png);
    background-size: 550px 26px;
  }
  .ui-slider .ui-slider-handle {
    background: url(grip@2x.png) no-repeat !important;
    background-size: 40px 40px !important;
  }
  .stooltip {
    background-size: 56px 53px;
    background-image: url(tooltip@2x.png);
  }
  td.qtip-bottom .stooltip {
    background-image: url(tooltip_bottom@2x.png);
  }
}
@media screen and (max-width: 720px) {
  td.qslider .ui-slider.ui-widget-content {
    width: 360px;
    background: url('slider-360.png');
  }
  td.qslider .slider,
  td.qslider .scale {
    margin-left: 5px;
    margin-right: 5px;
  }
  td.bgslider-image .ui-slider .ui-slider-range {
    background-image: url("bgslider-360.png");
  }
  .stooltip-content {
    font-size: 90%;
  }
}
@media screen and (max-width: 480px) {
  td.qslider .ui-slider.ui-widget-content {
    width: 240px;
    background: url('slider-240.png');
  }
  td.qslider .slider,
  td.qslider .scale {
    margin-left: 5px;
    margin-right: 5px;
  }
  td.bgslider-image .ui-slider .ui-slider-range {
    background-image: url("bgslider-240.png");
  }
  .stooltip-content {
    font-size: 80%;
  }
}
@media screen and (max-width: 620px) {
  html,
  body,
  select,
  textarea {
    font-size: 10pt;
  }
  div#wrapper div#top img {
    height: 48px;
  }
  div#wrapper {
    min-width: 100%;
    margin-left: 5px;
    margin-right: 5px;
  }
  div#wrapper div#global {
    padding-left: 7px;
    padding-right: 7px;
  }
  /*Specificities for mode5 */
  [data-pglayout=mode5][data-display=autogrid][data-displayed=true] .grid-item-heading,
  [data-pglayout=mode5][data-display=slimgrid][data-displayed=true] .grid-item-heading {
    font-size: 10pt;
  }
  [data-pglayout=mode5][data-display=autogrid][data-displayed=true] .grid-content,
  [data-pglayout=mode5][data-display=slimgrid][data-displayed=true] .grid-content {
    font-size: 10pt;
  }
  [data-pglayout=mode5][data-display=autogrid][data-displayed=true] .qerror,
  [data-pglayout=mode5][data-display=slimgrid][data-displayed=true] .qerror {
    padding-bottom: 5px;
    font-size: 8.5pt;
  }
  [data-pglayout=mode5][data-display=autogrid][data-displayed=true] .counter,
  [data-pglayout=mode5][data-display=slimgrid][data-displayed=true] .counter {
    font-size: 9pt;
  }
}
@media screen and (max-width: 480px) {
  html,
  body,
  select,
  textarea {
    font-size: 9pt;
  }
  div#top_outside_wrapper {
    width: auto;
    min-width: 280px;
  }
  div#wrapper {
    width: auto;
    min-width: 280px;
    padding-left: 0px;
    padding-right: 0px;
    margin-left: 0px;
    margin-right: 0px;
    border-radius: 0px !important;
    -webkit-border-radius: 0px !important;
    -moz-border-radius: 0px !important;
  }
  div#wrapper div#global {
    padding-left: 7px;
    padding-right: 7px;
  }
  div#wrapper div#top,
  div#wrapper div#global,
  div#wrapper div#navtab {
    border-radius: 0px !important;
    -webkit-border-radius: 0px !important;
    -moz-border-radius: 0px !important;
  }
  div#wrapper div#top {
    padding-bottom: 0px;
  }
  .large {
    display: none;
  }
  .small {
    display: block;
  }
  .btns {
    padding: 10px 5px;
  }
  #nav_button {
    text-align: center;
  }
  div#wrapper div#top img {
    height: 48px;
  }
  .colheading {
    min-width: 50px;
  }
  td.hv input[type=text],
  td.hv .container-border-bottom[data-type="text"] {
    width: 100%;
    margin-top: 2px;
  }
  /*Specificities for mode5 */
  [data-pglayout=mode5][data-display=autogrid][data-displayed=true] .grid-item-heading,
  [data-pglayout=mode5][data-display=slimgrid][data-displayed=true] .grid-item-heading {
    font-size: 9pt;
  }
  [data-pglayout=mode5][data-display=autogrid][data-displayed=true] .grid-content,
  [data-pglayout=mode5][data-display=slimgrid][data-displayed=true] .grid-content {
    font-size: 9pt;
  }
  [data-pglayout=mode5][data-display=autogrid][data-displayed=true] .qerror,
  [data-pglayout=mode5][data-display=slimgrid][data-displayed=true] .qerror {
    padding-bottom: 5px;
    font-size: 8pt;
  }
  [data-pglayout=mode5][data-display=autogrid][data-displayed=true] .counter,
  [data-pglayout=mode5][data-display=slimgrid][data-displayed=true] .counter {
    font-size: 8.5pt;
  }
}
fieldset legend.rowheading {
  max-width: 100%;
}
fieldset[data-display="slimgrid"] {
  visibility: hidden;
}
fieldset[data-display="slimgrid"] fieldset {
  border: none;
  margin: 0px;
  padding: 0px;
}
fieldset[data-display="slimgrid"] fieldset.qwrap {
  display: inline-block !important;
  vertical-align: middle;
}
fieldset[data-display="slimgrid"] fieldset.qwrap .qbody {
  padding-top: 0px;
}
fieldset[data-display="slimgrid"] .grid-content.cell_error {
  background-color: #f5d9d9;
}
fieldset[data-display="slimgrid"] .colheading .colheading {
  border-bottom: none;
  margin: 0px;
  padding: 0px;
  font-size: 100%;
}
fieldset[data-display="slimgrid"][data-display-activate=false][data-display-classrows=true] div.row:nth-child(even) {
  background-color: #f2f2f2;
}
fieldset[data-display="slimgrid"][data-display-activate=true] div.row {
  margin-top: 10px;
}
fieldset[data-display="slimgrid"][data-display-activate=true] div.row:first-child {
  margin-top: 0px;
}
fieldset[data-display="slimgrid"][data-display-activate=true] .rowheading {
  color: #000000;
}
fieldset[data-display="slimgrid"][data-display-activate=true] .qbody {
  padding-top: 0px;
}
fieldset[data-display="slimgrid"][data-display-activate=false] .qbody {
  display: table;
}
fieldset[data-display="slimgrid"][data-display-activate=false] .row {
  display: table-row;
}
fieldset[data-display="slimgrid"][data-display-activate=false] .grid-content,
fieldset[data-display="slimgrid"][data-display-activate=false] .grid-row-heading {
  display: table-cell;
  vertical-align: middle;
}
fieldset[data-display="slimgrid"][data-display-activate=true] .grid-header .colheading {
  display: none;
}
fieldset[data-display="slimgrid"][data-display-activate=true] .grid-header .grid-row-heading {
  padding-top: 15px;
  color: #000000;
}
fieldset[data-display="slimgrid"][data-display-activate=true] .grid-header .grid-row-heading legend {
  color: #000000;
}
fieldset[data-display="slimgrid"][data-display-activate=false] label.selectable {
  font-size: 0pt;
  display: block;
  text-align: center;
  vertical-align: middle;
}
fieldset[data-display="slimgrid"][data-display-activate=false] label.selectable img {
  display: none;
}
body:not(.no-icomoon) fieldset[data-display="slimgrid"][data-display-activate=true] .qbody:not(.touchgrid) label.selectable,
body:not(.no-icomoon) fieldset[data-display="slimgrid"][data-display-activate=true] .qbody:not(.touchgrid) label.selectable,
body:not(.no-icomoon) fieldset[data-display="slimgrid"][data-display-activate=true] .qbody:not(.touchgrid) label.selectable,
body:not(.no-icomoon) fieldset[data-display="slimgrid"][data-display-activate=true] .qbody:not(.touchgrid) label.selectable {
  display: inline-block;
  margin-left: 32px;
  padding-top: 1px;
  padding-bottom: 1px;
}
body:not(.no-icomoon) fieldset[data-display="slimgrid"][data-display-activate=true] .qbody:not(.touchgrid) label.selectable [type="radio"]:checked + label,
body:not(.no-icomoon) fieldset[data-display="slimgrid"][data-display-activate=true] .qbody:not(.touchgrid) label.selectable [type="radio"]:not(:checked) + label,
body:not(.no-icomoon) fieldset[data-display="slimgrid"][data-display-activate=true] .qbody:not(.touchgrid) label.selectable [type="checkbox"]:checked + label,
body:not(.no-icomoon) fieldset[data-display="slimgrid"][data-display-activate=true] .qbody:not(.touchgrid) label.selectable [type="checkbox"]:not(:checked) + label {
  margin-left: 0px;
}
div.chartContainer {
  font-weight: normal;
  font-family: Roboto, Helvetica, Arial, sans-serif;
}
div.chartContainer svg text {
  font-size: 11pt;
  fill: #000000;
}
div.chartContainer svg text,
div.chartContainer svg line {
  cursor: pointer;
}
div.chartContainer svg g:hover text {
  fill: #7b5d14;
}
div.chartContainer svg g.knob-checked:hover text,
div.chartContainer svg g.knob-checked text {
  fill: #000000;
}
@media screen and (max-width: 620px) {
  div.chartContainer svg text {
    font-size: 10pt;
  }
}
@media screen and (max-width: 480px) {
  div.chartContainer svg text {
    font-size: 9pt;
  }
}
[data-pglayout=mode5] legend {
  max-width: 100%;
}
table[data-pglayout=mode1][data-qordered=true] td.rordered span.CW_order_rank {
  background-color: #a37b17;
  box-shadow: 1px 2px 0px #725610, 0 0 0 0 white inset;
  -webkit-box-shadow: 1px 2px 0px #725610, 0 0 0 0 white inset;
  -moz-box-shadow: 1px 2px 0px #725610, 0 0 0 0 white inset;
  border: 1px solid #936f15;
  color: #fff;
  margin: 0px 5px 2px 0px;
  float: none;
  position: absolute;
  left: 1px;
  top: 2px;
}
table[data-pglayout=mode1][data-qordered=true] td.rordered span.CW_order_rank:active {
  box-shadow: 0px 1px 0px #725610, 0 0 0 0 white inset;
  -webkit-box-shadow: 0px 1px 0px #725610, 0 0 0 0 white inset;
  -moz-box-shadow: 0px 1px 0px #725610, 0 0 0 0 white inset;
}
.qbody:not(.touchgrid) table[data-pglayout="mode1"][data-qordered="true"] td.hvg.rordered span.CW_order_rank {
  position: relative;
}
.qbody:not(.touchgrid) table[data-pglayout=mode1][data-qordered=true] td.rordered label {
  vertical-align: top;
  display: inline-block;
  margin-left: 60px;
  padding-top: 5px;
  min-height: 22px;
}
.qbody:not(.touchgrid) table[data-pglayout=mode1][data-qordered=true] td.rordered {
  position: relative;
}
.qbody.touchgrid table[data-pglayout=mode1][data-qordered=true] td.rordered {
  position: relative;
}
.qbody.touchgrid table[data-pglayout=mode1][data-qordered=true] td.rordered span.CW_order_rank {
  box-shadow: 0px 0px 0px #fff, 0 0 0 0 white inset;
  -webkit-box-shadow: 0px 0px 0px #fff, 0 0 0 0 white inset;
  -moz-box-shadow: 0px 0px 0px #fff, 0 0 0 0 white inset;
  border: none;
  float: none;
  margin: 0px;
  border-radius: 100%;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  width: 25px;
  position: absolute;
  left: 0px;
  top: 0px;
  visibility: hidden;
}
.qbody.touchgrid table[data-pglayout=mode1][data-qordered=true] td.rordered.checked span.CW_order_rank {
  visibility: visible;
  background-color: #523e0c;
}
.famheading {
  color: #000000;
  font-weight: bold;
  padding-top: 7px;
}
/*MOBILE*/
.small {
  display: none;
}
@media screen and (max-width: 920px) {
  div#top_outside_wrapper {
    width: auto;
  }
  div#wrapper {
    width: auto;
    min-width: 620px;
    padding-left: 5px;
    padding-right: 5px;
    margin-left: 5px;
    margin-right: 5px;
  }
  .copyright {
    width: 100%;
  }
  .copyright .customer_copyright {
    padding-left: 5px;
  }
  .copyright .gide_copyright {
    padding-right: 5px;
  }
}
@media screen and (max-width: 480px) {
  td.qslider .ui-slider.ui-widget-content {
    width: 240px;
    background: url('slider-240.png');
  }
  td.qslider .slider,
  td.qslider .scale {
    margin-left: 5px;
    margin-right: 5px;
  }
  td.bgslider-image .ui-slider .ui-slider-range {
    background-image: url("bgslider-240.png");
  }
  .stooltip-content {
    font-size: 80%;
  }
}
@media screen and (max-width: 620px) {
  html,
  body,
  select,
  textarea {
    font-size: 10pt;
  }
  div#wrapper div#top img {
    height: 48px;
  }
  div#wrapper {
    min-width: 100%;
    margin-left: 5px;
    margin-right: 5px;
  }
  div#wrapper div#global {
    padding-left: 7px;
    padding-right: 7px;
  }
  /*Specificities for mode5 */
  [data-pglayout=mode5][data-display=autogrid][data-displayed=true] .grid-item-heading,
  [data-pglayout=mode5][data-display=slimgrid][data-displayed=true] .grid-item-heading {
    font-size: 10pt;
  }
  [data-pglayout=mode5][data-display=autogrid][data-displayed=true] .grid-content,
  [data-pglayout=mode5][data-display=slimgrid][data-displayed=true] .grid-content {
    font-size: 10pt;
  }
  [data-pglayout=mode5][data-display=autogrid][data-displayed=true] .qerror,
  [data-pglayout=mode5][data-display=slimgrid][data-displayed=true] .qerror {
    padding-bottom: 5px;
    font-size: 8.5pt;
  }
  [data-pglayout=mode5][data-display=autogrid][data-displayed=true] .counter,
  [data-pglayout=mode5][data-display=slimgrid][data-displayed=true] .counter {
    font-size: 9pt;
  }
}
@media screen and (max-width: 480px) {
  html,
  body,
  select,
  textarea {
    font-size: 9pt;
  }
  div#top_outside_wrapper {
    width: auto;
    min-width: 280px;
  }
  div#wrapper {
    width: auto;
    min-width: 280px;
    padding-left: 0px;
    padding-right: 0px;
    margin-left: 0px;
    margin-right: 0px;
    border-radius: 0px !important;
    -webkit-border-radius: 0px !important;
    -moz-border-radius: 0px !important;
  }
  div#wrapper div#global {
    padding-left: 7px;
    padding-right: 7px;
  }
  div#wrapper div#top,
  div#wrapper div#global,
  div#wrapper div#navtab {
    border-radius: 0px !important;
    -webkit-border-radius: 0px !important;
    -moz-border-radius: 0px !important;
  }
  div#wrapper div#top {
    padding-bottom: 0px;
  }
  .large {
    display: none;
  }
  .small {
    display: block;
  }
  .btns {
    padding: 10px 5px;
  }
  #nav_button {
    text-align: center;
  }
  div#wrapper div#top img {
    height: 48px;
  }
  .colheading {
    min-width: 50px;
  }
  td.hv input[type=text],
  td.hv .container-border-bottom[data-type="text"] {
    width: 100%;
    margin-top: 2px;
  }
  /*Specificities for mode5 */
  [data-pglayout=mode5][data-display=autogrid][data-displayed=true] .grid-item-heading,
  [data-pglayout=mode5][data-display=slimgrid][data-displayed=true] .grid-item-heading {
    font-size: 9pt;
  }
  [data-pglayout=mode5][data-display=autogrid][data-displayed=true] .grid-content,
  [data-pglayout=mode5][data-display=slimgrid][data-displayed=true] .grid-content {
    font-size: 9pt;
  }
  [data-pglayout=mode5][data-display=autogrid][data-displayed=true] .qerror,
  [data-pglayout=mode5][data-display=slimgrid][data-displayed=true] .qerror {
    padding-bottom: 5px;
    font-size: 8pt;
  }
  [data-pglayout=mode5][data-display=autogrid][data-displayed=true] .counter,
  [data-pglayout=mode5][data-display=slimgrid][data-displayed=true] .counter {
    font-size: 8.5pt;
  }
}
.h1,
.msg,
.qtext {
  font-weight: bold;
  font-size: 120%;
}
.pghome,
.pgbye,
.pgerror {
  font-size: 120%;
}
.progress_table_samerow .pct,
.progress_table_newrow .pct,
.progress_circle div {
  color: #a37b17;
}
div#wrapper div#top table {
  border-bottom: 1px solid #f2f2f2;
  padding-bottom: 10px;
  display: block;
}