@font-face {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 400;
  src: url("fonts/opensans.woff") format("woff");
}

.TBMAIN * {
  font-family: "roboto", "Open Sans","Helvetica Neue",sans-serif,"FontAwesome","Glyphicons Halflings";
}

.TBCRIT.container {
  max-width: 100%;
  display: flex;
  justify-content: center;
}

.TBCRIT.row > *, .TBCRIT .row > * {
  width: fit-content;
  padding-left: 0px;
  padding-right: 0.2rem;
}

.TBMAIN i.material-symbols-outlined {
  font-family: 'Material Symbols Outlined';
}

.TBMAIN i.material-icons {
  font-family: 'Material Icons';
}

.Scr {
  margin: 0 0 0.5rem 0;
}

.TBMAIN div::-webkit-scrollbar {
  width: 0.3rem;
  height: 0.3rem;
}

div::-webkit-scrollbar-track {
  background-color: rgba(255, 255, 255, 0.1);
}

div::-webkit-scrollbar-thumb {
  background-color: rgba(0, 0, 0, 0.5);
}


TABLE.TBFORM, TD.TBFORM {
  width: 100%;
}
/*comment*/
A.COMMENT1, A.COMMENT2, A.COMMENT3, TABLE.COMMENT3 * LABEL, TABLE.COMMENT3 * LABEL, TABLE.COMMENT3 * LABEL {
  color: #666666;
}

TABLE TD.ERRORAC {
  font-size: 0.9rem;
  color: #FF0000;
  font-family: Arial;
  margin-left: 1.2rem;
  text-align: left;
}

.ScrH {
  margin-bottom: 1rem;
  padding-bottom: 0.3rem;
  margin-left: 1rem;
  color: #003333;
  padding-top: 0.3rem;
  border: none;
  background-color: transparent;
}

  .ScrH TD {
    white-space: nowrap;
  }

  .ScrH .TEXTE1 {
    color: #003333;
  }

.TabLegend > div.row {
  padding-left: 1rem;
}

.COMCHP {
  font-size: 0.9rem;
  color: darkblue;
  font-family: Arial;
}

.DRCMSG {
  font-size: 0.9rem;
  color: #333333;
  font-family: Arial;
  text-align: left;
  background-color: #CCCCFF;
}

.COMPARE {
  font-size: 1rem;
  font-family: Arial;
  text-align: left;
  color: #333333;
  background-color: #e0e4ee;
}

.INV {
  background-color: transparent;
}

.SYMB {
  font-size: 1rem;
  color: #333333;
  font-family: Arial;
}

.SYMBIE6 {
  FONT-SIZE: 10pt;
  COLOR: BLACK;
  FONT-FAMILY: Wingdings;
}

.TBFORM a {
  padding-left: 0px;
  text-decoration: underline;
}

Table#FRMReport {
  margin: 2rem 1rem 1rem 1rem;
}

  Table#FRMReport td {
    vertical-align: middle;
  }

.FRMRadio {
  text-align: left;
}

/*--------------------------------- Styles & Themes V4 -------------------------------------*/

.ROW20 {
  background-color: #fafafa;
}

.translatelink {
  cursor: pointer;
  white-space: nowrap;
  padding:0 0.7rem;
}

  .translatelink img {
    padding-right: 0.3rem;
  }

.flded div label, .flded div, .flded label, .flded div input {
  justify-content: left;
}

.field_comment {
  padding-left: .5rem;
}

.checkboxlbl {
  cursor: pointer;
}


td {
  vertical-align: middle;
}

.tdNumber {
  border: gainsboro 1px solid;
  border-width: 0 1px 0 0;
  padding: 0 0.2rem 0 0.2rem;
  margin-top: 0.5rem;
  flex-wrap: wrap;
}

td.tdNumber {
  vertical-align: middle !important;
  text-align: center;
}

.tdNumber .input-group-text {
  padding: 0 0 0 0;
}

.TEXTE1 {
  font-weight: normal;
}


/*--------------------------------- Styles -------------------------------------*/

/* Mode PRINT */
.FRMEDPRT {
  border: solid 1px Black;
}

.NOMVAR {
  font-weight: 700;
  font-size: 10pt;
  color: red;
  text-indent: 0px;
  font-style: normal;
  font-family: Arial;
  text-align: left;
  font-variant: normal;
  text-decoration: none;
}
/* Fin mode PRINT */

/* grid width100% annulé pour que les petit tableau prennent uniquement la place nécessaire*/
table.grid.scoring {
  width: 100%
}

table.grid td, table.grid div.lbl {
  vertical-align: top;
}

/*-- Titles --*/
.ttl-l1 {
  padding-top: 0.8rem;
  padding-bottom: 0.6rem;
  font-size: 1.4rem;
  line-height: 1.1;
}

.ttl-l2 {
  padding: 0.5em 0.2em 0.2em 0;
  font-size: 1.2rem;
}

  .ttl-l2 .input-group-text.noupd {
    font-size: 1.2rem;
  }

.ttl-l3 {
  padding: 10px 0 0 0;
  font-size: 1.1rem;
  line-height: 1.1;
}

  .ttl-l3 .input-group-text.noupd {
    font-size: 1.1rem;
  }
/*-- Texts --*/
.txt-l1, .txt-l1 label {
  font-size: 1rem;
}

.txt-cmt, .txt-cmt label {
  font-size: 0.9rem;
  font-style: italic;
}

.txt-wrng, .txt-wrng label {
  font-weight: bold;
}

.txt-l1, .txt-cmt, .txt-wrng {
  margin-top: 1px;
  margin-bottom: 1px;
  line-height: 1.2;
}
/* Type colonne */
th.col-trash {
  vertical-align: middle;
  width: 30px;
  text-align: center;
}

.table-mod1 .txt-col1 {
  margin-bottom: 0px;
  text-align: center;
  font-weight: 600;
}

/*-- Questions --*/
.quest-l1, .quest-l2, .quest-l3, .table-sm .chkgrp, .form-group label, .form-group .input-group-text, input.form-control, select.form-control {
  line-height: 1.15;
}

  .quest-l1, .quest-l1 label, .quest-l1.form-group .input-group-text {
    font-size: 1.1rem;
  }

  .quest-l2, .quest-l2 label, .quest-l3.form-group .input-group-text, .quest-l3, .quest-l3 label, .quest-l3.form-group .input-group-text {
    font-size: 1rem;
  }

.quest-l3 {
  padding-left: 1.5rem;
}

table.quest-l3 label {
  padding-left: 25px;
}

table.FLD > tbody > tr > td {
  text-align: left;
}

.FLD label.radio-inline, .FLD label.checkbox-inline {
  white-space: nowrap;
}

.r-list {
  text-align: left;
}

/*-- Separator --*/
.sep-hor {
  border-top: 1px solid #CCCCCC;
  margin-top: 8px;
  margin-bottom: 8px;
}

.sep-spc {
  padding: 2rem 0 0 2rem;
}

/*-- Table --*/
.table-mod2 thead, .table-mod2 tr:not(:last-child) {
  border-bottom: gainsboro 1px solid;
}

.table-mod2 th {
  text-align: center;
  font-weight: 500;
  font-size: 1rem;
}

  .table-mod2 td:not(:last-child), .table-mod2 th:not(:last-child) {
    border-right: gainsboro 1px solid;
  }

.table-mod1 {
  border: #888888 1px solid;
  margin-bottom: 0px;
  margin-top: 10px;
  background-color: #fefefe;
}

table.table-mod1, table.table-mod2 {
  border-collapse: separate;
  border-spacing: 0;
  border: 0px
}

.table-mod1 .th {
  padding: 0px;
  text-align: center;
  font-weight: normal;
  font-size: 1rem;
}

  .table-mod1 .th > div, .table-mod1 .td > div {
    padding: 2px 4px;
  }

.table-mod1.table-bordered td, .table-mod1.table-bordered th {
  border-color: rgb(222, 226, 230);
  border-width: 1px;
  border-style: solid;
}

.table-mod1.table-bordered td, table.table-mod2.table-bordered td {
  border-top-width: 0;
}

table.table-mod2.table-bordered thead th {
  border-bottom-width: 1px;
}

.table-mod1.table-bordered td:not(:first-child),
.table-mod1.table-bordered th:not(:first-child),
.table-mod2.table-bordered td:not(:first-child) {
  border-left-width: 0;
}

.table-mod1 td {
  padding: 0px;
}

.table-sm td.hide, .table-sm th.hide {
  border-width: 0px;
}
/*tr.line-deleted {
  background-color:#ffcdcd!important;
}*/
table.table-mod1 tbody tr.line-deleted > td, tr.line-deleted > td {
  border-bottom: 1px solid red;
  border-top: 1px solid red;
}

  tr.line-deleted > td:first-child {
    border-left: 1px solid red;
    border-radius: 5px 0 0 5px;
  }

  tr.line-deleted > td:last-child {
    border-right: 1px solid red;
    border-radius: 0 5px 5px 0;
  }
/*-- Panel --*/
.panel-body {
  padding: 0 0rem 0.5rem 0;
}

.panel {
  margin-bottom: 20px;
  background-color: transparent;
  border: 1px solid transparent;
  border-radius: 4px;
  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
}

.fullwidth {
  width: 100%;
  width: -webkit-fill-available;
  width: -moz-available;
  width: fill-available;
}

.pnl-frm {
  background-color: #FFFFFF;
}

.pnl-frm, .pnl-frmbg, .pnl-frmbgbl, .pnl-frmbgbt {
  margin: 0.5rem 0.5rem 0rem 0.5rem;
}
/*unstyled*/
.pnl-def {
  margin: 0;
  background-color: transparent;
  border: 0;
  box-shadow: none;
  border-radius: 0;
}

.panel.fullwidth {
  flex: 1 1 auto;
}

.pnl-def > .panel-heading {
  margin-bottom: 0;
  margin-top: 0;
  color: #000000;
  background-color: transparent;
  border-color: transparent;
  padding: 0;
}

  .pnl-def > .panel-heading > .panel-title {
    text-align: left;
    line-height: 1.1;
    margin: 0.7rem 0 0.5rem 0.5rem;
    font-weight: 400;
    font-size: 1.1rem;
  }

.pnl-def > .panel-body {
  margin-bottom: 0;
  margin-top: 0;
  color: #000000;
  background-color: transparent;
  border-color: transparent;
  padding: 0 0 0 0px;
}

.pnl-def > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: transparent;
  padding: 0;
}

.pnl-def > .panel-heading .badge {
  color: #000000;
  background-color: transparent;
  padding: 0;
}

.pnl-def > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: transparent;
  padding: 0;
}

/*border*/
.pnl-frm > .panel-heading {
  padding: 2px 2px;
}

  .pnl-frm > .panel-heading > .panel-title {
    text-align: left;
    line-height: 1.1;
    margin-left: 10px;
    margin-bottom: 0.5rem;
    margin-top: 0.5rem;
    font-weight: 400;
    font-size: 1.2rem;
  }

/*background + border */
.pnl-frmbg > .panel-heading {
  padding: 2px 2px;
}

  .pnl-frmbg > .panel-heading > .panel-title {
    text-align: left;
    line-height: 1.1;
    margin-left: 10px;
    margin-bottom: 0.5rem;
    margin-top: 0.5rem;
    font-weight: 400;
    font-size: 1.2rem;
  }

/*background + left border */
.pnl-frmbgbl {
  border-width: 0;
  border-left-width: 5px;
}

  .pnl-frmbgbl > .panel-heading {
    padding: 2px 2px;
    border-bottom-width: 1px;
  }

    .pnl-frmbgbl > .panel-heading > .panel-title {
      text-align: left;
      line-height: 1.1;
      margin-left: 10px;
      margin-bottom: 0.5rem;
      margin-top: 0.5rem;
      font-weight: 400;
      font-size: 1.3rem;
    }

/* background + top border */
.pnl-frmbgbt {
  border-width: 0;
}

  .pnl-frmbgbt > .panel-body {
    border: 0px solid transparent;
    border-top-width: 3px;
  }

  .pnl-frmbgbt > .panel-heading {
    padding: 2px 2px;
    border-width: 0;
  }

    .pnl-frmbgbt > .panel-heading > .panel-title {
      text-align: left;
      line-height: 1.1;
      margin-left: 10px;
      margin-bottom: 0.5rem;
      margin-top: 0.5rem;
      font-weight: 400;
      font-size: 1.3rem;
    }


/*--------------------------------- Themes -------------------------------------*/

/*  black: #000000  */
/*  white: #FFFFFF  */

/*  grey: #666666  */
/*  grey light: #E8E8E8 */
/*  grey light light: #F7F7F7 */

/*  blue: #1F7BB6  */
/*  blue light: #D5E3EF  */
/*  blue light light: #EDF3F8 */

/*  green: #69AA46  */
/*  green light: #E3EFDE  */
/*  green light light: #F2F8EF */

/*  orange: #F06C00  */
/*  orange light: #FEDEC5 */
/*  orange light light: #FEF2E9 */

/*  purple: #A069C3  */
/*  purple light: #EBE0F1  */
/*  purple light light: #F7F2F9  */

/*  red: #DD5A43  */
/*  red light: #F9E3DF  */
/*  red light light: #FBEEEC  */

/*-- Theme picker--*/
.theme-btn {
  height: 20px;
  width: 20px;
  margin-right: 5px;
}

  .theme-btn.t1 {
    border: 1px solid #BBBBBB;
  }

  .theme-btn.t2 {
    background-color: #666666;
    border: 1px solid transparent;
  }

  .theme-btn.t3 {
    background-color: #D5E3EF;
    border: 1px solid transparent;
  }

  .theme-btn.t4 {
    background-color: #69AA46;
    border: 1px solid transparent;
  }

  .theme-btn.t5 {
    background-color: #F06C00;
    border: 1px solid transparent;
  }

  .theme-btn.t6 {
    background-color: #A069C3;
    border: 1px solid transparent;
  }

  .theme-btn.t7 {
    background-color: #DD5A43;
    border: 1px solid transparent;
  }

  .theme-btn.t8 {
    background-color: #3479a3;
    border: 0;
  }
/*-- Titles --*/
.ttl-l1.t1 .col-form-label, .ttl-l2.t1 .col-form-label, .ttl-l3.t1 .col-form-label,
.ttl-l1.t1 .impt, .ttl-l2.t1 .impt, .ttl-l3.t1 .impt {
}

.ttl-l1.t3 .col-form-label, .ttl-l2.t3 .col-form-label, .ttl-l3.t3 .col-form-label,
.ttl-l1.t3 .impt, .ttl-l2.t3 .impt, .ttl-l3.t3 .impt {
  color: #1F7BB6;
}

.ttl-l1.t2 .col-form-label, .ttl-l2.t2 .col-form-label, .ttl-l3.t2 .col-form-label,
.ttl-l1.t2 .impt, .ttl-l2.t2 .impt, .ttl-l3.t2 .impt {
  color: #666666;
}

.ttl-l1.t4 .col-form-label, .ttl-l2.t4 .col-form-label, .ttl-l3.t4 .col-form-label,
.ttl-l1.t4 .impt, .ttl-l2.t4 .impt, .ttl-l3.t4 .impt {
  color: #69AA46;
}

.ttl-l1.t5 .col-form-label, .ttl-l2.t5 .col-form-label, .ttl-l3.t5 .col-form-label,
.ttl-l1.t5 .impt, .ttl-l2.t5 .impt, .ttl-l3.t5 .impt {
  color: #F06C00;
}

.ttl-l1.t6 .col-form-label, .ttl-l2.t6 .col-form-label, .ttl-l3.t6 .col-form-label,
.ttl-l1.t6 .impt, .ttl-l2.t6 .impt, .ttl-l3.t6 .impt {
  color: #A069C3;
}

.ttl-l1.t7 .col-form-label, .ttl-l2.t7 .col-form-label, .ttl-l3.t7 .col-form-label,
.ttl-l1.t7 .impt, .ttl-l2.t7 .impt, .ttl-l3.t7 .impt {
  color: #DD5A43;
}

.ttl-l1.t8 .col-form-label, .ttl-l2.t8 .col-form-label, .ttl-l3.t8 .col-form-label,
.ttl-l1.t8 .impt, .ttl-l2.t8 .impt, .ttl-l3.t8 .impt {
  color: #2b5990;
}
/*-- Texts --*/
.txt-l1.t1 .col-form-label, .txt-cmt.t1 .col-form-label, .txt-wrng.t1 .col-form-label {
}

.txt-l1.t2 .col-form-label, .txt-cmt.t2 .col-form-label, .txt-wrng.t2 .col-form-label {
  color: #666666;
}

.txt-l1.t3 .col-form-label, .txt-cmt.t3 .col-form-label, .txt-wrng.t3 .col-form-label {
  color: #1F7BB6;
}

.txt-l1.t4 .col-form-label, .txt-cmt.t4 .col-form-label, .txt-wrng.t4 .col-form-label {
  color: #69AA46;
}

.txt-l1.t5 .col-form-label, .txt-cmt.t5 .col-form-label, .txt-wrng.t5 .col-form-label {
  color: #F06C00;
}

.txt-l1.t6 .col-form-label, .txt-cmt.t6 .col-form-label, .txt-wrng.t6 .col-form-label {
  color: #A069C3;
}

.txt-l1.t7 .col-form-label, .txt-cmt.t7 .col-form-label, .txt-wrng.t7 .col-form-label {
  color: #DD5A43;
}

.txt-l1.t8 .col-form-label, .txt-cmt.t8 .col-form-label, .txt-wrng.t8 .col-form-label {
  color: #2b5990;
}
/*-- Questions --*/
.quest-l1.t1 .col-form-label, .quest-l2.t1 .col-form-label, .quest-l3.t1 .col-form-label {
}

.quest-l1.t3 .col-form-label, .quest-l2.t3 .col-form-label, .quest-l3.t3 .col-form-label {
  color: #1F7BB6;
}

.quest-l1.t2 .col-form-label, .quest-l2.t2 .col-form-label, .quest-l3.t2 .col-form-label {
  color: #666666;
}

.quest-l1.t4 .col-form-label, .quest-l2.t4 .col-form-label, .quest-l3.t4 .col-form-label {
  color: #69AA46;
}

.quest-l1.t5 .col-form-label, .quest-l2.t5 .col-form-label, .quest-l3.t5 .col-form-label {
  color: #F06C00;
}

.quest-l1.t6 .col-form-label, .quest-l2.t6 .col-form-label, .quest-l3.t6 .col-form-label {
  color: #A069C3;
}

.quest-l1.t7 .col-form-label, .quest-l2.t7 .col-form-label, .quest-l3.t7 .col-form-label {
  color: #DD5A43;
}

.quest-l1.t8 .col-form-label, .quest-l2.t8 .col-form-label, .quest-l3.t8 .col-form-label {
  color: #2b5990;
}
/* Type colonne (utilisé dans les faux tableaux */
.txt-col1 .col-form-label {
  color: #222222;
}

.col-form-label.lib {
  padding-left: 1rem;
  font-size: 1.1rem;
}

.col-form-link {
  line-height: 1.15;
  padding-top: calc(.375rem + 1px);
  padding-bottom: calc(.375rem + 1px);
  padding-right: 10px;
  white-space: nowrap;
}

.col-form-label.above {
  padding-bottom: 0;
}
/* comments */
.cmt {
  color: #666666;
  font-size: 0.83334rem;
}

.opt {
  color: #666666;
  font-size: 0.83334rem;
}

/*-- Panels --*/

/*border*/
.pnl-frm.t1 {
  border-color: #FFFFFF;
}

  .pnl-frm.t1 > .panel-heading, .pnl-def.t1 > .panel-heading {
    color: #FFFFFF;
  }

.pnl-frm.t2 {
  border-color: #666666;
}

  .pnl-frm.t2 > .panel-heading, .pnl-def.t2 > .panel-heading {
    color: #666666;
  }

.pnl-frm.t3 {
  border-color: #1F7BB6;
}

  .pnl-frm.t3 > .panel-heading, .pnl-def.t3 > .panel-heading {
    color: #1F7BB6;
  }

.pnl-frm.t4 {
  border-color: #69AA46;
}

  .pnl-frm.t4 > .panel-heading, .pnl-def.t4 > .panel-heading {
    color: #69AA46;
  }

.pnl-frm.t5 {
  border-color: #F06C00;
}

  .pnl-frm.t5 > .panel-heading, .pnl-def.t5 > .panel-heading {
    color: #F06C00;
  }

.pnl-frm.t6 {
  border-color: #A069C3;
}

  .pnl-frm.t6 > .panel-heading, .pnl-def.t6 > .panel-heading {
    color: #A069C3;
  }

.pnl-frm.t7 {
  border-color: #DD5A43;
}

  .pnl-frm.t7 > .panel-heading, .pnl-def.t7 > .panel-heading {
    color: #DD5A43;
  }

.pnl-frm.t8 {
  border-color: #3479a3;
}

  .pnl-frm.t8 > .panel-heading, .pnl-def.t8 > .panel-heading {
    color: #3479a3;
  }

/*background + border*/
.pnl-frmbg.t1 {
  border-color: #000000;
  background-color: #FFFFFF;
}

  .pnl-frmbg.t1 > .panel-heading {
    color: #000000;
    background-color: #FFFFFF;
    border-color: #000000;
  }

.form-tool {
  padding: 3px 3px 0 0;
}

.table-mod1.table-striped.t2 tbody tr:nth-of-type(odd), .pnl-frmbg.t2, table.table-mod2.t2 {
  border-color: #666666;
  background-color: #F7F7F7;
}

  .pnl-frmbg.t2 > .panel-heading {
    color: #666666;
    background-color: #E8E8E8;
    border-color: #E8E8E8;
  }

.table-mod1.table-striped.t3 tbody tr:nth-of-type(odd), .pnl-frmbg.t3, table.table-mod2.t3 {
  border-color: #1F7BB6;
  background-color: #EDF3F8;
}

  .pnl-frmbg.t3 > .panel-heading {
    color: #1F7BB6;
    background-color: #D5E3EF;
    border-color: #D5E3EF;
  }

.table-mod1.table-striped.t4 tbody tr:nth-of-type(odd), .pnl-frmbg.t4, table.table-mod2.t4 {
  border-color: #69AA46;
  background-color: #F2F8EF;
}

  .pnl-frmbg.t4 > .panel-heading {
    color: #69AA46;
    background-color: #E3EFDE;
    border-color: #E3EFDE;
  }

.table-mod1.table-striped.t5 tbody tr:nth-of-type(odd), .pnl-frmbg.t5, table.table-mod2.t5 {
  border-color: #F06C00;
  background-color: #FEF2E9;
}

  .pnl-frmbg.t5 > .panel-heading {
    color: #F06C00;
    background-color: #FEDEC5;
    border-color: #FEDEC5;
  }

.table-mod1.table-striped.t6 tbody tr:nth-of-type(odd), .pnl-frmbg.t6, table.table-mod2.t6 {
  border-color: #A069C3;
  background-color: #F7F2F9;
}

  .pnl-frmbg.t6 > .panel-heading {
    color: #A069C3;
    background-color: #EBE0F1;
    border-color: #EBE0F1;
  }

.table-mod1.table-striped.t7 tbody tr:nth-of-type(odd), .pnl-frmbg.t7, table.table-mod2.t7 {
  border-color: #DD5A43;
  background-color: #FBEEEC;
}

  .pnl-frmbg.t7 > .panel-heading {
    color: #DD5A43;
    background-color: #F9E3DF;
    border-color: #F9E3DF;
  }

.table-mod1.table-striped.t8 tbody tr:nth-of-type(odd), table.table-mod2.t8 {
  border-color: #f6fafb;
  background-color: #f6fafb;
}

.pnl-frmbg.t8, .pnl-frmbg.t8 > .panel-heading {
  color: #FFFFFF;
  background-color: #3479a3;
  border: none;
}

  .pnl-frmbgbt.t8 .col-form-label, .pnl-frmbgbl.t8 .col-form-label, .pnl-frmbg.t8 .col-form-label, .pnl-frmbgbt.t8 .form-check-label, .pnl-frmbgbl.t8 .form-check-label, .pnl-frmbg.t8 .form-check-label, .table-mod1.table-striped.t8 th .col-form-label {
    color: #FFFFFF !important;
  }
/*background + left border*/
.pnl-frmbgbl.t1 {
  border-color: #000000;
  border-left-color: #000000;
  background-color: #FFFFFF;
}

  .pnl-frmbgbl.t1 > .panel-heading {
    color: #000000;
    background-color: #FFFFFF;
    border-color: #000000;
  }

.pnl-frmbgbl.t2 {
  border-color: #E8E8E8;
  border-left-color: #666666;
  background-color: #F7F7F7;
}

  .pnl-frmbgbl.t2 > .panel-heading {
    color: #666666;
    background-color: #E8E8E8;
    border-color: #666666;
  }

.pnl-frmbgbl.t3 {
  border-color: #D5E3EF;
  border-left-color: #1F7BB6;
  background-color: #EDF3F8;
}

  .pnl-frmbgbl.t3 > .panel-heading {
    color: #1F7BB6;
    background-color: #D5E3EF;
    border-color: #1F7BB6;
  }

.pnl-frmbgbl.t4 {
  border-color: #E3EFDE;
  border-left-color: #69AA46;
  background-color: #F2F8EF;
}

  .pnl-frmbgbl.t4 > .panel-heading {
    color: #69AA46;
    background-color: #E3EFDE;
    border-color: #69AA46;
  }

.pnl-frmbgbl.t5 {
  border-color: #FEDEC5;
  border-left-color: #F06C00;
  background-color: #FEF2E9;
}

  .pnl-frmbgbl.t5 > .panel-heading {
    color: #F06C00;
    background-color: #FEDEC5;
    border-color: #F06C00;
  }

.pnl-frmbgbl.t6 {
  border-color: #E0D1EA;
  border-left-color: #A069C3;
  background-color: #F7F2F9;
}

  .pnl-frmbgbl.t6 > .panel-heading {
    color: #A069C3;
    background-color: #EBE0F1;
    border-color: #A069C3;
  }

.pnl-frmbgbl.t7 {
  border-color: #F9E3DF;
  border-left-color: #DD5A43;
  background-color: #FBEEEC;
}

  .pnl-frmbgbl.t7 > .panel-heading {
    color: #DD5A43;
    background-color: #F9E3DF;
    border-color: #DD5A43;
  }

.pnl-frmbgbl.t8 {
  border-color: #3479a3;
  border-left-color: #3479a3;
  background-color: #3479a3;
}
/*background + top border*/
.pnl-frmbgbt.t1 {
}

  .pnl-frmbgbt.t1 > .panel-heading {
    color: #000000;
    border-color: #000000;
  }

  .pnl-frmbgbt.t1 > .panel-body {
    background-color: #FFFFFF;
    border-color: #000000;
  }

.pnl-frmbgbt.t2 {
}

  .pnl-frmbgbt.t2 > .panel-heading {
    color: #666666;
    border-color: #666666;
  }

  .pnl-frmbgbt.t2 > .panel-body {
    background-color: #F7F7F7;
    border-color: #666666;
  }

.pnl-frmbgbt.t3 {
}

  .pnl-frmbgbt.t3 > .panel-heading {
    color: #1F7BB6;
    border-color: #1F7BB6;
  }

  .pnl-frmbgbt.t3 > .panel-body {
    background-color: #EDF3F8;
    border-color: #1F7BB6;
  }

.pnl-frmbgbt.t4 {
}

  .pnl-frmbgbt.t4 > .panel-heading {
    color: #69AA46;
    border-color: #69AA46;
  }

  .pnl-frmbgbt.t4 > .panel-body {
    background-color: #F2F8EF;
    border-color: #69AA46;
  }

.pnl-frmbgbt.t5 {
}

  .pnl-frmbgbt.t5 > .panel-heading {
    color: #F06C00;
    border-color: #F06C00;
  }

  .pnl-frmbgbt.t5 > .panel-body {
    background-color: #FEF2E9;
    border-color: #F06C00;
  }

.pnl-frmbgbt.t6 {
}

  .pnl-frmbgbt.t6 > .panel-heading {
    color: #A069C3;
    border-color: #A069C3;
  }

  .pnl-frmbgbt.t6 > .panel-body {
    background-color: #F7F2F9;
    border-color: #A069C3;
  }

.pnl-frmbgbt.t7 {
  background-color: transparent;
}

  .pnl-frmbgbt.t7 > .panel-heading {
    color: #DD5A43;
    border-color: #DD5A43;
  }

  .pnl-frmbgbt.t7 > .panel-body {
    background-color: #FBEEEC;
    border-color: #DD5A43;
  }

.pnl-frmbgbt.t8 {
}

  .pnl-frmbgbt.t8 > .panel-heading {
    color: #FFFFFF;
    border-color: #3479a3;
  }

  .pnl-frmbgbt.t8 > .panel-body {
    background-color: #3479a3;
    border-color: #3479a3;
  }



/*-- Tables --*/
.table-mod1.t1 th {
}

.table-mod1 th .tri {
  color: black;
  text-decoration: none;
}

.table-mod1.t2 th {
  color: #333333;
  background-color: #E8E8E8;
}

.table-mod1.t3 th {
  color: #333333;
  background-color: #D1E0ED;
}

.table-mod1.t4 th {
  color: #333333;
  background-color: #E1EFDA;
}

.table-mod1.t5 th {
  color: #333333;
  background-color: #FDE8D9;
}

.table-mod1.t6 th {
  color: #333333;
  background-color: #EDE0F1;
}

.table-mod1.t7 th {
  color: #333333;
  background-color: #F7D9D5;
}

.table-mod1.t8 th {
  color: #FFFFFF;
  background-color: #3479a3;
}

  .table-mod1.t8 th .tri {
    color: white;
  }

.table-mod1 th.t1, .table-mod1 td.t1 {
}

.table-mod1 th.t2, .table-mod1 td.t2 {
  color: #333333;
  background-color: #E8E8E8;
}

.table-mod1 th.t3, .table-mod1 td.t3 {
  color: #333333;
  background-color: #D1E0ED;
}

.table-mod1 th.t4, .table-mod1 td.t4 {
  color: #333333;
  background-color: #E1EFDA;
}

.table-mod1 th.t5, .table-mod1 td.t5 {
  color: #333333;
  background-color: #FDE8D9;
}

.table-mod1 th.t6, .table-mod1 td.t6 {
  color: #333333;
  background-color: #EDE0F1;
}

.table-mod1 th.t7, .table-mod1 td.t7 {
  color: #333333;
  background-color: #F7D9D5;
}

.table-mod1 th.t8, .table-mod1 td.t8 {
  color: #FFFFFF;
  background-color: #3479a3;
}

.table-mod1 .ROWTAB td {
  vertical-align: middle;
}


/* Max width */
.maxWidth {
  /*width: 100%;*/
}

/* nécessaire sinon les champs cellules cachées occupe de la place */
.cell {
  padding: 0;
  margin: 0;
}

/* Permet de retirer la petite croix en haut à droite sur IE<=10 qui supprime le contenu d'un champ */
input::-ms-clear {
  display: none;
}

/* Style AC pour alignement champ + icone */
.quest-l1 .impt .span_nowrap {
  white-space: pre;
  background-color: transparent;
  border: 0;
  padding: 0;
}

.quest-l2 .impt .span_nowrap {
  white-space: pre;
  background-color: transparent;
  border: 0;
  padding: 0;
}

.quest-l3 .impt .span_nowrap {
  white-space: pre;
  background-color: transparent;
  border: 0;
  padding: 0;
}

.span_nowrap {
  white-space: pre;
}

.quest_ind {
  padding-left: 25px;
}

.form-group > .line {
  display: flex;
}

  .form-group > .line > .input-group {
    flex: 1 1 auto;
  }

.FormBTN {
  display: inline-block;
  padding: 10px 10px 0px 0px;
}

.CrtBTN {
  display: inline-block;
  padding-left: 0.5rem;
  padding-top: 5px;
  padding-bottom: 0;
  padding-right: 0;
}

/* Styles used in Table for Smartphones*/
.tabsmartphone .head i.fa {
  padding-right: 5px;
}

.tabsmartphone .head .chkgrp {
  padding: 0.3rem 0.4rem 0 1.5rem;
}

.tabsmartphone .head i.t2.fa {
  color: #666666;
}

.tabsmartphone .head i.t3.fa {
  color: #1F7BB6;
}

.tabsmartphone .head i.t4.fa {
  color: #69AA46;
}

.tabsmartphone .head i.t5.fa {
  color: #F06C00;
}

.tabsmartphone .head i.t6.fa {
  color: #A069C3;
}

.tabsmartphone .head i.t7.fa {
  color: #DD5A43;
}

.panel.pnl-frmbgbt.tabsmartphone {
  margin: 0px;
  width: 100%;
}

.panel-body.tabsmartphone {
  margin-top: 1rem;
  border-top-width: 1px;
  width: 100%;
}

.tabsmartphone .panel-body.line-deleted, .panel.line-deleted {
  border: 1px solid red;
}

.trash.fa-times {
  color: #495057;
  font-weight: 200;
  cursor: pointer;
}

.panel.line-deleted .trash.fa-times, tr.line-deleted > td .trash.fa-times {
  color: red;
}
/*Fichier*/
.form-control-file {
  width: 0.1px;
  height: 0.1px;
  opacity: 0;
  overflow: hidden;
  position: absolute;
  z-index: -1;
}

div.form-control.file {
  min-width: 10rem;
}

.form-control-file + label {
  font-size: 1rem;
  color: black;
  display: inline-block;
  border-radius: 0.25rem;
}

  .form-control-file + label:before, .form-control-file + span:before {
    padding: 0;
    font-family: 'Material Icons';
    font-size: 1.2rem;
    content: '\e226';
  }

  .form-control-file + label:hover {
    cursor: pointer
  }

.chp-edit.line-deleted .form-control.file a {
  display: none;
}

.QueryPage {
  white-space: nowrap;
  margin-left: 10px;
}

#overDiv .QueryTB {
  border-radius: 5px 5px 5px 5px;
  border-width: 1px;
  border-style: solid;
  border-left-width: 5px;
  border-color: #666666;
  border-left-color: #F06C00;
  background-color: #FFFFFF;
}

  #overDiv .QueryTB td {
    padding: 0.5rem;
  }

  #overDiv .QueryTB a:hover {
    background-color: #fee296;
  }

#overDiv .QueryState input {
  margin: 0px 0.3rem 0px 0.5rem;
}

.chkgrp .form-check-label {
  font-size: 1rem;
  padding-top: 0.25rem;
}

.chkgrp .header-label {
  padding-bottom: 0.5rem;
}

.chkgrp .form > .col-auto {
  padding-right: 5px;
  padding-left: 5px;
}

.chkgrp > .form-check {
  padding-left: calc(1.25rem + 5px);
}

.chkgrp .form-check {
  padding-bottom: 0.2rem;
  text-align: left;
}

.chkgrp {
  /* fit-content permet de declencher un retour automatique à la ligne pour les boutons radio lorsqu'il n'y a 
    plus de place, en revvanche il ne doit pas être mis s'il y a assez de place
    L'affectaion de ce style est donc fait dynamiquement en javascript
  */
  /*max-width: fit-content;*/
  padding-top: calc(0.125rem + 1px);
}

  .chkgrp input[type="radio"], .chkgrp input[type="checkbox"] {
    margin-bottom: calc(0.375rem + 1px);
    margin-right: 0.5rem;
  }

.input-group.chkgrp > div[nbc-list="0"] > .chk, .input-group.chkgrp .chk-col {
  padding-right: 1.6rem;
}

.input-group.chkgrp .chk {
  padding-left: 0.3rem;
  padding-right: 0.4rem;
}

@media screen and (max-width:575px) {
  .form-tool {
    margin-top: -2.5rem;
  }
}

@media screen and (max-device-width:600px) {
  .flded {
    width: 90%;
  }

    .flded.max_width {
      width: 100%;
    }
}

@media screen and (max-width:600px) {
  .Scr {
    margin: 0 0 5px 0;
  }

  .pnl-frm, .pnl-frmbg, .pnl-frmbgbl, .pnl-frmbgbt {
    margin: 0.5rem 0.2rem 0rem 0.2rem;
  }

  .sub-col {
    padding-left: 15px;
  }

  .quest-l1 .impt .span_nowrap, .quest-l2 .impt .span_nowrap, .quest-l3 .impt .span_nowrap {
    white-space: pre-wrap;
  }

  .quest_ind {
    padding-left: 10px;
  }

  .FLD label.radio-inline, .FLD label.checkbox-inline {
    white-space: normal;
  }

  .chkgrp > .form-row > .col-auto, .chkgrp > .row > .col-auto {
    flex: initial;
  }

  .QueryPage {
    white-space: normal;
    margin-left: 3px;
  }

  .chkgrp .form-check-label {
    padding-left: 0.2rem;
    padding-top: 0.2rem;
  }

  .chkgrp .form-check {
    padding-bottom: 0.3rem;
  }
}


/*class to override bootstrap rule*/
.TBMAIN .container, .TBMAIN .container-fluid, .TBMAIN .form-row, .TBMAIN .row, .TBCRIT .row {
  padding: 0 0 0 0;
  margin: 0 0 0 0;
}

.TBMAIN {
  text-align: left;
}

  .TBMAIN .form-group, .TBMAIN .table-sm {
    margin: 0.5rem 0.5rem 0 0.5rem;
  }

  .TBMAIN .table-mod2 {
    margin-bottom: 0.5rem;
  }

  .TBMAIN .table-sm .form-group {
    margin: 0 0 0 0 !important;
  }

  .TBMAIN .form-group {
    margin: 0.5rem 0.5rem 0 0.5rem;
  }

  .TBMAIN .fixedsize {
    width: initial !important;
  }

  .TBMAIN .d-flex[style*="display:none"], .d-flex[style*="display: none"] {
    display: none !important;
  }

.tdNumber .form-group {
  margin: 0 0 0 0;
}

.TBCRIT .offcanvas {
  background-color:white;
}
.TBCRIT .dropdown-menu label, .TBCRIT.dropdown-crit label {
  white-space: nowrap;
  padding-top: 0.3rem;
}

.TBCRIT .form-group {
  margin: 0.6rem 0.1rem 0.1rem 0.2rem;
}
.TBCRIT .form-control:disabled,.TBMAIN .form-control[readonly] {
  background-color: #f6f6f6;
}
.TBCRIT .form-control[readonly] {
  background-color: white ;
}
  .TBCRIT .footcrit .form-group {
  margin: 0 0 0 0;
}

.TBCRIT .footcrit > div {
  padding: 0.2rem 0.2rem 0.2rem 0.2rem;
}

.form-floating > label.col-form-label {
  left: calc(0.2rem + 15px);
  color: #828282;
  opacity: 1;
}
.form-floating > label.col-form-label.floating-op {
  left: calc(2rem + 15px);
}
.form-floating > input + label.col-form-label {
padding: 0.4rem 0.2rem 0.2rem 0.2rem !important;
}
.form-floating > select + label.col-form-label {
  padding-left: 0.2rem !important;
  padding-top:1.1rem;
  font-size:1.1rem;
}

.form-floating > input:not(:placeholder-shown) + label.col-form-label,
.form-floating > input:focus + label.col-form-label,
.form-floating > select:has(option[value=""]:not(:checked)) + label.col-form-label,
.form-floating > select:not(:has(option[value=""])) + label.col-form-label,
.form-floating > select:focus + label.col-form-label {
  top: -4px;
  z-index: 99;
  height: fit-content;
  font-size: 1rem;
  background-color: #FFF;
  padding: 0 5px 0 5px !important;
  opacity: 1;
}

td.FRMED1 div.input-group:not(.form-floating) {
  flex-basis: 0;
  flex-grow: 1;
  max-width: 100%;
}

@media (-ms-high-contrast: none), (-ms-high-contrast: active) {
  table.TBMAIN {
    width: 100%;
  }

  .panel.fullwidth {
    width: auto;
  }

  .form-row.noupd, .row.noupd {
    display: block;
  }

  .noupd > div {
    display: inline-block !important;
  }

  .input-group {
    width: auto;
    max-width: 100%;
  }

  th.txt-col1 {
    width: auto;
  }
}

.form-group.nomarg {
  margin-bottom: 0;
}

/* réduction de l'espace entre le label et la zone edit*/
.form-group label {
  padding-right: 0;
}

  /* Cadrage*/
  .form-group label.ta-r {
    text-align: right;
  }

  .form-group label.ta-l {
    text-align: left;
  }

  .form-group label.ta-c {
    text-align: center;
  }

td.cell:not(:first-child) > .form-group {
  margin-left: 0px
}

.tabsmartphone .input-group {
  padding-left: 15px
}

.tabsmartphone label.lib {
}

.chp-edit div.input-group, .chp-edit div.input-group-text {
  padding: 0 0 0 10px;
}

.form-group div.input-group-text, .table td div.input-group-text, .FLD div.input-group-text {
  border: 0 !important;
  background-color: transparent;
  text-align: left;
  white-space: normal;
  width: fit-content;
}
div.input-group-text label.col-form-value {
  color: inherit;
  padding-top: calc(.375rem + 1px);
  padding-bottom: calc(.375rem + 1px);
  margin-bottom: 0;
}
input.form-control, select.form-control {
  padding: 0.3rem;
}

  input.form-control.fixedsize {
    flex: 0 0 auto;
  }

  input.form-control, select.form-select:not([size]):not([multiple]),
  div.input-group button, div.input-group-append, div.form-control.file {
    min-height: calc(2rem + 2px);
  }

div.input-group-append {
  display: flex;
}

input.datetimepicker-input {
  min-width: 6rem;
}

span.input-group-text {
  border-radius: 0;
}

  span.input-group-text:not(:last-child) {
    border-right-width: 0;
  }

.form-control.last, .form-select.last, .input-group > .input-group-append:not(:first-child) > .input-group-text:last-child {
  border-top-right-radius: 0.25rem !important;
  border-bottom-right-radius: 0.25rem !important;
}


.input-group-append > .fa {
  cursor: pointer;
}

.input-group > .input-group-prepend > select {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.input-group.multiline {
  width: 100%;
}

.EditComment small.form-text {
  margin-top: 0px;
}
/*Styles used for Checkbox and RadioButton*/
/*.input-group .CrossLab, .CrossLab .col-form-label {*/
.TBMAIN .form-group.CrossLab {
  margin-top: 0;
}

.CrossLab.cross-tab > .row > div, .scrore-radio.CrossLab {
  border-bottom: 1px solid #dbdbdb;
  margin-bottom: 0.3rem;
}

.score-radio.CrossLab {
  border-bottom: 1px solid #dbdbdb;
}

div.ChpIco {
  width: fit-content;
}

.ChpIco Img, .ChpIco I {
  vertical-align: top;
  padding: .375rem 0px 0px 5px;
  font-size: 16px;
}

.chkgrp .ChpIco img, .chkgrp .ChpIco I {
  padding: 0px 0px 0px 5px;
}

.input-group-text .ChpIco {
  padding-top: 0px;
}

.CrossLab .chkgrp .ChpIco.align-items-end img {
  padding-bottom: 0.3rem;
}

.CrossLab .input-group, .CrossLab .col-form-label {
  padding-top: 0;
}

.CrossLab .form-check-label {
  padding: 0.3rem;
}

div.CrossLab div {
  text-align: center;
}

.CrossLab.rank-list {
  padding-right: 3rem;
}

.form-check.rank-list {
  display: flex;
  justify-content: space-between;
  min-height: 2rem;
  display: block;
}
.input-group.chkgrp > .form.rank-list {
  margin-right: 4rem;
}
.rank-list:not(.CrossLab) select.form-select {
  display: inline-block;
  float: right;
}

.rank-list select.form-select {
  height: 1.7rem !important;
  padding: 0 1.5rem 0 0.3rem;
  background-position: right 0.2rem center;
  margin-right: -4rem;
  vertical-align: top;
  margin-left: 0px;
  font-size: 0.9rem;
}
/*détéction edge*/
@supports (-ms-ime-align:auto) {
  .panel.fullwidth {
    width: auto;
  }

  .input-group {
    width: auto;
    max-width: 100%;
  }
}
/*détéction firefox*/
@media all and (min--moz-device-pixel-ratio:0) {
  .input-group {
    width: auto;
    max-width: 100%;
  }
}

@media (pointer:coarse) {
  .chkgrp input[type="checkbox"], .chkgrp input[type="radio"] {
    min-width: 1.5rem;
    min-height: 1.5rem;
    background: transparent;
    margin-top: 0;
    margin-left: -1.5rem;
    margin-right: 0;
  }

    .chkgrp input[type="checkbox"]:checked, .chkgrp input[type="radio"]:checked {
      background-color: #0d6efd;
    }

  .trash.fa-times {
    font-size: 1.3rem;
    padding: 0 0.5rem 0 0.5rem;
  }

  .chkgrp .form-check-label {
    padding-left: 0.6rem;
  }

  .chkgrp .form-check {
    padding-left: 1.5rem;
  }

  .chkgrp .form .col-auto:not(:first-child) {
    padding-top: 0.5rem;
  }
}

.table-sm th {
  padding: 0.3rem;
}

.table-sm tbody td > div {
  padding: 0.2rem 0.2rem 0.2rem 0.2rem;
}

.btn-outline-secondary.lb {
  border-color: #ced4da;
}

.dropdown-menu {
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}
table.table > tbody > tr > td > div > div.col-auto {
  padding-left: 0;
}

/*.TBCRIT .btn-group-vertical { 
  padding-top: 0.5rem;
}*/

.TBCRIT .btn-group-horizontal {
  padding-left: 0.5rem;
}

table.TBCRIT td {
  vertical-align: top;
}

  table.TBCRIT > tbody > tr > td:last-child {
    padding-right: 0.5rem;
  }

.TBCRIT .FRMLAB1 {
  padding-top: 1rem;
}

.TBCRIT .footcrit > div {
  border-color: rgb(222,226,230);
  background-color: rgb(222,226,230);
  border-radius: 0.25rem;
  padding: 0.2rem 0.2rem 0.2rem 0.2rem;
}

.TBCRIT .footcrit {
  padding-right: 0 !important;
  margin-top: 0.3rem;
}

  .TBCRIT .footcrit .input-group-append .btn-secondary:not(:first-child) {
    border-left: 1px solid rgb(222,226,230);
  }

.TBCRIT .btn-group-vertical .btn-secondary:not(:first-child) {
  border-top: 1px solid rgb(222,226,230);
}

.TBCRIT .btn-group-horizontal .btn-secondary:first-child {
  /*border-left: 1px solid rgb(222,226,230);*/
  border-top-right-radius: unset;
  border-bottom-right-radius: unset;
}

.TBCRIT .btn-group-horizontal .btn-secondary:not(:first-child),
.TBCRIT .btn-group-horizontal .btn-outline-secondary.active:not(:first-child) {
  border-left: 1px solid rgb(222,226,230);
}

.TBCRIT .form-group .input-group-text, .TBCRIT input.form-control, .TBCRIT select.form-select, .TBCRIT button, .TBCRIT .btn-group-vertical button, .TBCRIT .btn-group-horizontal button {
  line-height: 1rem;
}

.TBCRIT .form-group label {
  line-height: 1.2rem;
}

.TBCRIT input.form-control{
  padding: 0.3rem 0.2rem 0.2rem 0.5rem !important;
}
.TBCRIT select.form-select {
  padding: 0.3rem 2.25rem 0.2rem 0.5rem !important;
}
.TBCRIT .TBCRIT select.op {
  -webkit-appearance: none;
  font-size: 1.1rem;
  padding: 0.3rem;
}

.TBCRIT input.form-control, .TBCRIT select:not([size]):not([multiple]), .TBCRIT div.input-group-append, .TBCRIT div.input-group button {
  min-height: calc(2rem + 2px);
}
.TBCRIT .form-floating input.form-control, .TBCRIT .form-floating select:not([size]):not([multiple]), .TBCRIT .form-floating div.input-group-append, .TBCRIT div.input-group.form-floating button {
  height: calc(2.2rem);
}

.TBCRIT .col-auto {
  padding-right: 0px;
  padding-left: 10px;
}

  .TBCRIT .selectall {
    border-bottom: 1px solid #c7c7c7;
    margin: 0.25rem 0.75rem 0.25rem 0.75rem;
  }

.TBCRIT .w-100selectall {
  width: 100% !important;
  border-bottom: 1px solid #c7c7c7;
  margin: 0.25rem 0rem 0.25rem 0rem;
}

.TBCRIT .col-form-label {
  text-align: right;
  font-size: 1rem;
}

.TBCRIT.label-left .col-form-label {
  text-align: left;
}

.TBCRIT .ONGLET .tab-pane {
  padding: 0.25rem 1rem 0.25rem 0.25rem;
}
/* Slider */
.ui-slider-horizontal .ui-slider-range-max {
  right: 0;
}

.ui-slider-vertical {
  width: .8em;
  height: 100px;
}

  .ui-slider-vertical .ui-slider-handle {
    left: -.3em;
    margin-left: 0;
    margin-bottom: -.6em;
  }

  .ui-slider-vertical .ui-slider-range {
    left: 0;
    width: 100%;
  }

  .ui-slider-vertical .ui-slider-range-min {
    bottom: 0;
  }

  .ui-slider-vertical .ui-slider-range-max {
    top: 0;
  }

.ui-slider .ui-slider-handle {
  cursor: hand;
}

.ui-state-focus, .ui-widget-content .ui-state-focus {
  border: 1px solid #00a3e0;
  background: #00a3e0;
  font-weight: normal;
  color: #fff;
}

.ui-widget-header {
  background: #00a3e0
}

.slider-arrow::before {
  font-family: 'Material Icons';
  content: '\e316';
  color: darkslategrey;
  font-weight: 600;
}

.slider-arrow.ui-state-focus::before {
  color: white;
}

.score {
  margin-top: 0.3rem;
  width: 100%;
}

.score-scale, .score-radio {
  width: 100%
}
/*;padding-left: 15px;}*/
.score-item {
  padding-bottom: 1.5rem
}

.score-item {
  position: relative;
}

.score .score-item label {
}

.score-item > label {
  position: absolute;
  font-size: 1rem;
  text-align: center
}

.score-item span {
  position: absolute;
  text-align: center;
}

.score-radio .score-item input {
  margin: 0 3px 0 3px
}

.sliderctrl, .score-label {
  margin-top: 0.4rem;
  margin-bottom: .4rem;
}

.sliderctrl {
  height: 0.9rem;
}

.score-comment {
  text-align: center
}

  .score-comment label {
    font-size: 0.9rem;
    padding-top: 0;
  }

.score .ChpIco img {
  padding: 0;
}

.score .ChpIco.align-items-end img {
  padding-bottom: 0.3rem;
}

.score .ui-slider-handle {
  text-align: center;
  line-height: 1.2rem;
  width: 1.3rem;
  height: 1.3rem;
  text-decoration: none;
}
/*font-size: 0.8rem;padding-left:0.1rem*/

@font-face {
  font-family: 'FontAwesome';
  src: url('/styles/fonts/fontawesome-webfont.eot?v=4.7.0');
  src: url('/styles/fonts/fontawesome-webfont.eot?#iefix&v=4.7.0') format('embedded-opentype'), url('fonts/fontawesome-webfont.woff2?v=4.7.0') format('woff2'), url('fonts/fontawesome-webfont.woff?v=4.7.0') format('woff'), url('fonts/fontawesome-webfont.ttf?v=4.7.0') format('truetype'), url('fonts/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular') format('svg');
  font-weight: normal;
  font-style: normal;
}

.chp-edit.line-deleted .trash.fa-times:before {
  font-family: 'FontAwesome';
  content: "\f0e2";
}

.input-group.is-invalid input.form-control, .input-group.is-invalid > select,
.input-group.chkgrp.is-invalid > .form, .input-group.chkgrp.is-invalid > .form-row, .input-group.is-invalid > textarea,
.input-group.chkgrp.is-invalid > .row, .input-group.is-invalid > .score-scale,
table.is-invalid {
  border: 1px solid #dc3545;
}

.input-group.chkgrp.is-invalid > .form, .input-group.chkgrp.is-invalid > .form-row, .input-group.chkgrp.is-invalid > .row,
.input-group.is-invalid > .score-scale {
  border-radius: 0.25rem;
  padding: 0.5rem;
}

.input-group.chkgrp {
  flex-wrap: nowrap !important;
}

label.invalid-feedback {
  font-size: 0.9rem;
}

.input-group.line-deleted > a {
  border: 1px solid #dc3545;
  border-radius: 0.25rem;
  color: grey;
}

div.ChpIco {
  padding-left: 0.3rem;
  display: flex;
}

  div.ChpIco::after, .QueryTB * p::before {
    /*line-height: 1em;*/
    display: flex;
    align-items: center;
    cursor: pointer;
    font-weight: normal;
  }

.QueryTB p {
  color: #303030;
  font-size: 0.9rem;
  padding-left: 1.3rem;
}

.is-invalid ~ .invalid-feedback {
  display: block;
}

.invalid-feedback td, .TBCRIT .invalid-feedback {
  color: #dc3545;
  padding-left: 10px !important;
  border-width: 0px !important;
  font-size: 0.9rem;
}

.QueryTB * p::before {
  font-size: 20px;
  padding: 0;
  float: left;
  line-height: 1.1rem;
  margin-left: -1.3rem;
}

div.frm-footer {
  padding-top: 1rem;
}

.frm-footer .COMMENT1 {
  vertical-align: super;
}

.frm-footer a {
  text-decoration: none;
}

.frm-footer .ChpIco {
  display: inline-block;
}

.TBMAIN .progress {
  margin: 1rem 25% 1rem 25%;
  text-align: center;
  height: 1rem;
  font-size: 0.9rem;
}

.TBMAIN .progress-bar {
  background-color: #00a3e0;
}

a.btn.btn-view {
  display: inline-block;
  font-weight: 400;
  color: #fff;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  border: 1px solid transparent;
  border-color: #F8806B;
  padding: .120rem 1rem;
  font-size: 0.75rem;
  line-height: 1.5;
  border-radius: .25rem;
  transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
  background-color: orange;
  margin-top: 0;
  text-transform: uppercase;
  text-decoration: none;
}

.fld-highlight {
  border: 1px solid #FFA66A;
  border-radius: .25rem;
  padding: 0.3rem !important;
}

  .fld-highlight:hover {
    border-width: 2px;
    cursor: pointer;
  }

.fld-highlight-done {
  border: 1px solid #32c32b;
  border-radius: .25rem;
  padding: 0.3rem !important;
}

  .fld-highlight-done:hover {
    border-width: 2px;
    cursor: pointer;
  }

#ctrans {
  margin-top: 0.2rem;
  padding-left: 0;
}

  #ctrans .input-group-text, #ctransbox {
    border: 2px solid #177add;
  }

#ctransbox {
  border-right-width: 0px;
}