/* <style type="text/css"> */

/* Import */
@import url("bootstrap/bootstrap.min.css");
@import url("selectize/selectize.css");
@import url("selectize/selectize.default.css");
@import url("multiple-select/multiple-select.min.css");
@import url("graphique/highcharts.css");
@import url("chart.css");
@import url("jquery-mCustomScrollbar/jquery.mCustomScrollbar.min.css");

:root {
  --color-etat-noir: #212121;
  --color-etat-bleu: #0f459b;
  --color-etat-vert: #0f9b16;
  --color-etat-rouge: #c72c41;
  --color-etat-gris: #818181;
  --color-etat-turquoise: #148f77;
  --color-etat-orange: #e2820f;
  --color-etat-blanc: #ffffff;
  --color-etat-violet: #9b0f73;
  --color-etat-bleu-clair: #3498db;
  --color-etat-noir-bg: #dbdbdb;
  --color-etat-bleu-bg: #d9e1ef;
  --color-etat-vert-bg: #d9efda;
  --color-etat-rouge-bg: #f6dde1;
  --color-etat-gris-bg: #ebebeb;
  --color-etat-turquoise-bg: #d9ede9;
  --color-etat-orange-bg: #faebd9;
  --color-etat-blanc-bg: #ffffff;
  --color-etat-violet-bg: #efd9e9;
  --color-etat-bleu-clair-bg: #dfeff9;

  /* Fonts */
  --font-default: "Manrope", sans-serif;
  --font-weight-normal: 500;
  --font-weight-medium: 600;
  --font-weight-bold: 700;
  --font-size-defaut: 8.5pt;

  /* Couleurs */
  --color-gris-body: #f4f4f2;
  --color-gris: #818181;
  --color-gris-clair: #b4b4b4;
  --color-bleu: #0f459b;
  --color-bleu-clair: #3498db;
  --color-vert: #0f9b16;
  --color-rouge: #c72c41;
  --color-turquoise: #148f77;
  --color-orange: #ffa428;
  --color-lst-pagi-disabled: #a8a8a8;
  --color-menu-bleu-fonce: #022F40;
  --color-itf-bleu-1: #315168;
  --color-itf-bleu-2: #034963;
  --color-itf-bleu-3: #045877;
  --color-highlight: #d1e2ff;

  --color-itf-bleu-3-light-20: rgb(from var(--color-itf-bleu-3) calc(r * (1 - 0.2) + 0.2 * 255) calc(g * (1 - 0.2) + 0.2 * 255) calc(b * (1 - 0.2) + 0.2 * 255));
  --color-itf-bleu-3-light-90: rgb(from var(--color-itf-bleu-3) calc(r * (1 - 0.9) + 0.9 * 255) calc(g * (1 - 0.9) + 0.9 * 255) calc(b * (1 - 0.9) + 0.9 * 255));

  /* Couleur des icones dans les interfaces / formulaire */
  --picto-color: #315168;

  /* Bordures des champs input : 0.04em = 0.5px */
  --input-box-shadow-width: 0.04em;

  /* Couleur du texte des sous-menu : #022F40 | #315168 */
  --ss-menu-color: #022F40;
  --ss-menu-hover-color: #315168;

  /* Couleur du texte des legend : #022F40 | #315168 | #212121 */
  --text-legend-color: #022F40;

  /* Couleur du texte des champs input : #315168 | #045877 */
  --input-value-color: #045877;

  /* Couleur du texte des valeurs : #315168 | #045877 | #212121  */
  --text-color: #212121;
  --text-value-color: #045877;

  /* Couleur de fond de l'iframe d'erreur : #e8eff9 | #f4f4f2*/
  --iframe-err-back-color: #e8eff9;

  /* Menu latéral */
  --menu-left-width: 250px;
  --menu-highlight-color: #f6a120;

  /* Footer */
  --footer-color: #91a1ac;

  /* button -> disabled */
  --btn-defaut-color-disabled: #868686;
  --btn-defaut-bg-color-disabled: #dcdcdc;

  /* button -> defaut/valid */
  --btn-defaut-bg-color: #499762;
  --btn-defaut-bg-color-focus: #dbeae0; /* color-mix(in srgb, var(--btn-defaut-bg-color) 20%, #fff); */
  --btn-defaut-bg-color-hover: #c8e0d0; /* color-mix(in srgb, var(--btn-defaut-bg-color) 30%, #fff); */
  --btn-defaut-bg-color-active: #3e8053; /* color-mix(in srgb, var(--btn-defaut-bg-color) 85%, #000); */

  --btn-defaut-color-focus: #3e8053; /* color-mix(in srgb, var(--btn-defaut-bg-color) 85%, #000); */
  --btn-defaut-color-hover: #3a794e; /* color-mix(in srgb, var(--btn-defaut-bg-color) 80%, #000); */

  /* button -> reset */
  --btn-reset-bg-color: #c72c41;
  --btn-reset-bg-color-focus: #f4d5d9; /* color-mix(in srgb, var(--btn-reset-bg-color) 20%, #fff); */
  --btn-reset-bg-color-hover: #eec0c6; /* color-mix(in srgb, var(--btn-reset-bg-color) 30%, #fff); */
  --btn-reset-bg-color-active: #a92537; /* color-mix(in srgb, var(--btn-reset-bg-color) 85%, #000); */

  --btn-reset-color-focus: #a92537; /* color-mix(in srgb, var(--btn-reset-bg-color) 85%, #000); */
  --btn-reset-color-hover: #9f2334; /* color-mix(in srgb, var(--btn-reset-bg-color) 80%, #000); */

  /* button > edit */
  --btn-edit-bg-color: #045877; /* var(--color-itf-bleu-3); */
  --btn-edit-bg-color-focus: #d2e1e7; /* color-mix(in srgb, var(--btn-edit-bg-color) 18%, #fff); */
  --btn-edit-bg-color-hover: #b9d0d9; /* color-mix(in srgb, var(--btn-edit-bg-color) 28%, #fff); */
  --btn-edit-bg-color-active: #034b65; /* color-mix(in srgb, var(--btn-edit-bg-color) 85%, #000); */

  --btn-edit-color-focus: #034b65; /* color-mix(in srgb, var(--btn-edit-bg-color) 85%, #000); */
  --btn-edit-color-hover: #03465f; /* color-mix(in srgb, var(--btn-edit-bg-color) 80%, #000); */

  /* Caret icon pour les select */
  --fas-angle-down-url: url("data:image/svg+xml;charset=utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'><path fill='%23ffffff' d='M201.4 374.6c12.5 12.5 32.8 12.5 45.3 0l160-160c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L224 306.7 86.6 169.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3l160 160z'/></svg>");
  --far-angle-down-url: url("data:image/svg+xml;charset=utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'><path fill='%23045877' d='M241 369c-9.4 9.4-24.6 9.4-33.9 0L47 209c-9.4-9.4-9.4-24.6 0-33.9s24.6-9.4 33.9 0l143 143L367 175c9.4-9.4 24.6-9.4 33.9 0s9.4 24.6 0 33.9L241 369z'/></svg>");

  --fa-duotone-regular-book-open-fire: url("data:image/svg+xml;charset=utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 640 512'><path class='fa-secondary' opacity='.4' d='M0 91.1L0 403.5c0 26.1 24 44.2 48 40.2c19.8-3.3 54.8-7.7 100-7.7c54 0 97.5 25.5 112.5 35.6c7.5 5 16.8 8.4 27 8.4c11.5 0 21.6-4.2 29.3-9.9c2.1-1.6 4.9-3.5 8.3-5.6C301.7 432.1 288 392.4 288 350.1c0-27.3 9.8-56.6 24-84.1l0-168.7c6-1.8 13.5-3.9 22.1-6C357.4 85.6 388.4 80 420 80c43.6 0 85.7 10.6 108 17.3l0 62.2c15.9-6.3 34.5-3.7 48 8l0-76.3c0-16.5-10.3-32.1-27.1-37.5C527.2 46.6 475.4 32 420 32c-36.8 0-71.8 6.4-97.4 12.7c-12.8 3.2-23.5 6.3-30.9 8.7c-1.3 .4-2.6 .8-3.7 1.2c-1.1-.4-2.4-.8-3.7-1.2c-7.5-2.4-18.1-5.5-30.9-8.7C227.8 38.4 192.8 32 156 32C100.6 32 48.8 46.6 27.1 53.6C10.3 59 0 74.5 0 91.1zm48 6.2C70.3 90.6 112.4 80 156 80c31.6 0 62.6 5.6 85.9 11.3c8.6 2.1 16.1 4.2 22.1 6l0 320.6C238 404.2 196.8 388 148 388c-42.9 0-77.4 3.7-100 7.1L48 97.3z'/><path class='fa-primary' d='M640 352c0 88.4-71.6 160-160 160s-160-71.6-160-160c0-76.7 62.5-144.7 107.2-179.4c5-3.9 10.9-5.8 16.8-5.8c7.9-.1 16 3.1 22 9.2l46 46 11.3-11.3c11.7-11.7 30.6-12.7 42.3-1C624.5 268 640 320.1 640 352zM480 464.1c35.3 0 64-28.7 64-64c0-36.5-37-73-54.8-88.4c-5.4-4.7-13.1-4.7-18.5 0C453 327.1 416 363.6 416 400.1c0 35.3 28.7 64 64 64z'/></svg>");
  --fa-duotone-regular-folder-fire: url("data:image/svg+xml;charset=utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 640 512'><path class='fa-secondary' opacity='.4' d='M0 96C0 60.7 28.7 32 64 32l132.1 0c19.1 0 37.4 7.6 50.9 21.1L289.9 96 448 96c35.3 0 64 28.7 64 64l0 10.1c-1 1-2 2-3.1 3C498 161.6 486.7 150.6 475 140c-17.7-16-44.8-16-62.5-.1c-1.5 1.4-3 2.7-4.5 4.1l-121.4 0c-10.6 0-20.8-4.2-28.3-11.7L213.1 87c-4.5-4.5-10.6-7-17-7L64 80c-8.8 0-16 7.2-16 16l0 320c0 8.8 7.2 16 16 16l242.1 0c8.1 17.5 18.8 33.7 31.5 48L64 480c-35.3 0-64-28.7-64-64L0 96z'/><path class='fa-primary' d='M640 352c0 88.4-71.6 160-160 160s-160-71.6-160-160c0-76.7 62.5-144.7 107.2-179.4c5-3.9 10.9-5.8 16.8-5.8c7.9-.1 16 3.1 22 9.2l46 46 11.3-11.3c11.7-11.7 30.6-12.7 42.3-1C624.5 268 640 320.1 640 352zM480 464.1c35.3 0 64-28.7 64-64c0-36.5-37-73-54.8-88.4c-5.4-4.7-13.1-4.7-18.5 0C453 327.1 416 363.6 416 400.1c0 35.3 28.7 64 64 64z'/></svg>");
  --fa-kit-file-contract-doc: url("data:image/svg+xml;charset=utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 384 512'><path class='fa-secondary' opacity='.4' d='M80 400c0 8.8 7.2 16 16 16l8.2 0c21.2 0 39.9-13.9 46-34.2L160 349l16.7 55.6c1.9 6.3 7.4 10.8 13.9 11.3s12.8-2.9 15.7-8.8l10.6-21.3c.6-1.2 1.8-1.9 3.1-1.9s2.5 .7 3.1 1.9l10.6 21.3c2.7 5.4 8.3 8.8 14.3 8.8l40 0c8.8 0 16-7.2 16-16s-7.2-16-16-16l-30.1 0-6.2-12.4c-6-12-18.3-19.6-31.7-19.6c-8.6 0-16.8 3.1-23.1 8.6L185.6 323c-3.4-11.3-13.8-19-25.6-19s-22.2 7.7-25.6 19.1l-14.9 49.5c-2 6.8-8.3 11.4-15.3 11.4L96 384c-8.8 0-16 7.2-16 16z'/><path class='fa-primary' d='M80 176c0-8.8 7.2-16 16-16h80c8.8 0 16 7.2 16 16s-7.2 16-16 16H96c-8.8 0-16-7.2-16-16zm304-21.5V448c0 35.3-28.7 64-64 64H64c-35.3 0-64-28.7-64-64V64C0 28.7 28.7 0 64 0h165.5c17 0 33.2 6.7 45.2 18.7l90.6 90.5c12 12 18.7 28.3 18.7 45.3zM336 160h-80c-17.7 0-32-14.3-32-32V48H64c-8.8 0-16 7.2-16 16v384c0 8.8 7.2 16 16 16h256c8.8 0 16-7.2 16-16V160zM96 128h80c8.8 0 16-7.2 16-16s-7.2-16-16-16H96c-8.8 0-16 7.2-16 16s7.2 16 16 16z'/></svg>");
  --fa-kit-file-invoice-doc: url("data:image/svg+xml;charset=utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 384 512'><path class='fa-secondary' opacity='.4' d='M80 256l0 64c0 17.7 14.3 32 32 32l160 0c17.7 0 32-14.3 32-32l0-64c0-17.7-14.3-32-32-32l-160 0c-17.7 0-32 14.3-32 32z'/><path class='fa-primary' d='M365.3 109.2l-90.5-90.5C262.8 6.7 246.5 0 229.5 0H64C28.7 0 0 28.7 0 64v384c0 35.3 28.7 64 64 64h256c35.3 0 64-28.7 64-64V154.5c0-17-6.7-33.3-18.7-45.3zM336 448c0 8.8-7.2 16-16 16H64c-8.8 0-16-7.2-16-16V64c0-8.8 7.2-16 16-16h160v80c0 17.7 14.3 32 32 32h80v288zM80 112c0-8.8 7.2-16 16-16h80c8.8 0 16 7.2 16 16s-7.2 16-16 16H96c-8.8 0-16-7.2-16-16zm0 64c0-8.8 7.2-16 16-16h80c8.8 0 16 7.2 16 16s-7.2 16-16 16H96c-8.8 0-16-7.2-16-16zM304 400c0 8.8-7.2 16-16 16h-80c-8.8 0-16-7.2-16-16s7.2-16 16-16h80c8.8 0 16 7.2 16 16z'/></svg>");
}

/******************************************************************************/
/*                                    General                                 */
/******************************************************************************/
* {
  outline: none;
  font-family: var(--font-default);
  font-weight: var(--font-weight-normal);
  font-size: var(--font-size-defaut);
}

body {
  background-color: var(--color-gris-body);
  color: var(--text-color);
}

body.page {
  overflow-y: scroll;

  &.normalPage {
    min-width: 1150px;
  }
}

body.page.popupPage {
  padding-left: 25px;
  padding-right: 25px;
}

body.page.popupPage #page.row {
  margin-top: -10px;
}

body.emptyPage {
  background-color: #fff;
}

body.iframe {
  background-color: #fff;;
  text-align: left;
}

body.iframe_err {
  background-color: #fff;
  text-align: left;
  padding: 0;
}

b, b *, strong, strong *  {
  font-weight: var(--font-weight-bold);
}

u {
  text-decoration: none;
}

iframe {
  display: block;
}

h3 {
  padding: 0;
  margin: 0 0px 8px 8px;
  font-weight: var(--font-weight-medium);
  font-size: 1.6em;

  * {
    font-weight: inherit;
    font-size: inherit;
  }
}

img {
  border-width: 0;
  padding: 0;
  margin-bottom: 1px;
}

img.ico {
  vertical-align: middle;
}

span.ico, span.ico > u {
  font-family: var(--font-default);
}

span.ico {
  font-family: var(--font-default);
  padding-left: 3px;
}

a span.ico, a span.ico > u {
  font-family: var(--font-default);
  font-weight: var(--font-weight-bold);
}

span.ico.icoR {
  padding-left: 0px;
  padding-right: 3px;
}

.ico.ico-gris.svg-inline--fa {
  color: var(--color-gris);
}

.ico.ico-bleu.svg-inline--fa {
  color: var(--color-bleu);
}

.ico.ico-vert.svg-inline--fa {
  color: var(--color-vert);
}

.ico.ico-rouge.svg-inline--fa {
  color: var(--color-rouge);
}

.ico.ico-orange.svg-inline--fa {
  color: var(--color-orange);
}

svg.ico.ico-blank {
  color: transparent;
  background: transparent;
}

svg.ico.ico-empty {
  display: none;
  color: transparent;
  background: transparent;
}

.ico.ico-cmd, .ico.ico-op {
  --fa-secondary-color: #c36f6f;
  --fa-secondary-opacity: 0.8;
}

.ico.ico-cmf, .ico.ico-dp {
  --fa-secondary-color: #6f8fc3;
  --fa-secondary-opacity: 0.8;
}

span.smaller {
  font-size: 0.8em;
}

div {
  text-align: left;
}

td {
  line-height: 1.6;
}

pre {
  margin: 4px 4px 0 4px;
  font-size: 100%;
  white-space: pre-wrap;
  word-break: break-word;
}

span.sql-bind {
  color: var(--color-itf-bleu-1);
  font-family: var(--font-default);
  font-weight: var(--font-weight-bold);
}


p.footer {
  margin-top: 12px;
  margin-bottom: 0px;
  text-align: right;
  font-family: var(--font-default);
  color: var(--footer-color);
}

p.footer a {
  color: var(--footer-color);
}

p.text {
  padding: 0;
  margin: 0;
  margin-top: 4px;
  color: #000
}

ul {
  margin-top: 0;
  margin-bottom: 0;
  list-style-type: square;
}

li ul {
  list-style-type: circle;
}

hr {
  height: 0;
  border: 0;
  border-bottom: 1px solid #aaa;
  color: #aaa;
  margin-left: 8px;
  margin-right: 8px;
}

/* Liens */
a {
  font-style: normal;
  color: var(--text-value-color);
  text-decoration: none;
}

a:hover, a:focus {
  text-decoration: none;
  color: rgb(from var(--text-value-color) calc(r * (1 - 0.25) + 0.25 * 255) calc(g * (1 - 0.25) + 0.25 * 255) calc(b * (1 - 0.25) + 0.25 * 255));

  .svg-inline--fa.ico {
    color: rgb(from var(--text-value-color) calc(r * (1 - 0.25) + 0.25 * 255) calc(g * (1 - 0.25) + 0.25 * 255) calc(b * (1 - 0.25) + 0.25 * 255));
  }
}

a.disabled {
  pointer-events: none;
  cursor: default;
}

a.menu {
  color: var(--color-itf-bleu-1);
}

a.normal {
}

a.simple {
  font-weight: var(--font-weight-normal);
  color: var(--color-itf-bleu-2);
  text-decoration: none;
}

a.simple:hover, a.simple:hover {
  text-decoration: underline;
}

form {
  margin: 0;
}

fieldset {
  padding: 10px 0 10px 0;
  margin: 0;
  border: 0;
  border-top: 1px solid var(--color-gris-body);
}

fieldset.head {

}

fieldset.impt {
  border-radius: 10px;
  background: var(--color-gris-body);
  padding: 20px;

  * {
    font-family: "Inter";
  }
}

fieldset.filtre {
  border-top: 1px solid var(--color-gris-body);
}

fieldset.first {
  border-top-width: 0;
  padding-top: 0px;
  padding-bottom: 10px;
}

legend {
  padding: 0 4px 0 4px;
  margin-bottom: 0;
  font-family: var(--font-default);
  font-weight: var(--font-weight-bold);
  font-size: 10pt;
  width: initial;
}

legend, legend label, legend span, legend a, legend a span.ico, legend u {
  color: var(--text-legend-color);
  font-family: var(--font-default);
  font-weight: var(--font-weight-medium);
  font-size: 10pt;
}

legend.normal {
  color: #000;
  font-style: normal;
}

legend.impt, legend.impt * {
  font-size: 1.3rem;
}

legend > input{
  vertical-align: bottom;
}

label, .label {
  color: var(--text-color);
  vertical-align: middle;
  font-family: var(--font-default);
  font-weight: var(--font-weight-normal);
  margin-bottom: 0;
  font-size: var(--font-size-defaut);
}

b label,
b label u,
.bold-label-container label,
.bold-label-container label u {
  font-family: var(--font-default);
  font-weight: var(--font-weight-bold);
}

.error {
  color: var(--color-rouge);
}

div.rub_err {
  background-color: #fed;
  text-align: left;
  padding: 6px 8px 4px 8px;
}

.ok {
  color: var(--color-vert);
}

.value_id {
  color: var(--color-vert);
  font-weight: var(--font-weight-bold);
}

.value_unite {
  color: var(--color-vert); /* --input-value-color ? */
}

.value_opt {
  color: var(--color-gris);
}

.value_impt {
  color: var(--color-vert);
}

.value_impt_2 {
  color: var(--text-value-color);
}

.value {
  color: var(--text-value-color);
}

.bold {
  font-weight: var(--font-weight-bold) !important;
}

.code {
  font-family: Consolas, monaco, monospace;
}

.hidden {
  display: none;
}

.link {
  cursor: pointer;
}

.strikethrough {
  text-decoration: line-through;
}

.etat-noir {
  color: var(--color-etat-noir);
}

.etat-bleu {
  color: var(--color-etat-bleu);
}

.etat-vert {
  color: var(--color-etat-vert);
}

.etat-rouge {
  color: var(--color-etat-rouge);
}

.etat-gris {
  color: var(--color-etat-gris);
}

.etat-gris-disabled {
  color: var(--color-etat-gris);
  text-decoration: line-through;
}

.etat-turquoise {
  color: var(--color-etat-turquoise);
}

.etat-orange {
  color: var(--color-etat-orange);
}

.etat-blanc {
  color: var(--color-etat-blanc);
}

.etat-violet {
  color: var(--color-etat-violet);
}

.etat-bleu-clair {
  color: var(--color-etat-bleu-clair);
}

.etat-noir-bg {
  background: var(--color-etat-noir-bg) !important;

  td:not(:last-child) {
    border-right-color: rgb(from var(--color-etat-noir) calc(r * (1 - 0.78) + 0.78 * 255) calc(g * (1 - 0.78) + 0.78 * 255) calc(b * (1 - 0.78) + 0.78 * 255));
  }
}

.etat-bleu-bg {
  background: var(--color-etat-bleu-bg) !important;

  td:not(:last-child) {
    border-right-color: rgb(from var(--color-etat-bleu) calc(r * (1 - 0.77) + 0.77 * 255) calc(g * (1 - 0.77) + 0.77 * 255) calc(b * (1 - 0.77) + 0.77 * 255));
  }
}

.etat-vert-bg {
  background: var(--color-etat-vert-bg) !important;

  td:not(:last-child) {
    border-right-color: rgb(from var(--color-etat-vert) calc(r * (1 - 0.77) + 0.77 * 255) calc(g * (1 - 0.77) + 0.77 * 255) calc(b * (1 - 0.77) + 0.77 * 255));
  }
}

.etat-rouge-bg {
  background: var(--color-etat-rouge-bg) !important;

  td:not(:last-child) {
    border-right-color: rgb(from var(--color-etat-rouge) calc(r * (1 - 0.77) + 0.77 * 255) calc(g * (1 - 0.77) + 0.77 * 255) calc(b * (1 - 0.77) + 0.77 * 255));
  }
}

.etat-gris-bg, .etat-gris-disabled-bg {
  background: var(--color-etat-gris-bg) !important;

  td:not(:last-child) {
    border-right-color: rgb(from var(--color-etat-gris) calc(r * (1 - 0.77) + 0.77 * 255) calc(g * (1 - 0.77) + 0.77 * 255) calc(b * (1 - 0.77) + 0.77 * 255));
  }
}

.etat-gris-body {
  background: var(--color-gris-body) !important;
}

.etat-gris-disabled-bg {
  text-decoration: line-through;
}

.etat-turquoise-bg {
  background: var(--color-etat-turquoise-bg) !important;

  td:not(:last-child) {
    border-right-color: rgb(from var(--color-etat-turquoise) calc(r * (1 - 0.77) + 0.77 * 255) calc(g * (1 - 0.77) + 0.77 * 255) calc(b * (1 - 0.77) + 0.77 * 255));
  }
}

.etat-orange-bg {
  background: var(--color-etat-orange-bg) !important;

  td:not(:last-child) {
    border-right-color: rgb(from var(--color-etat-orange) calc(r * (1 - 0.77) + 0.77 * 255) calc(g * (1 - 0.77) + 0.77 * 255) calc(b * (1 - 0.77) + 0.77 * 255));
  }
}

.etat-blanc-bg {
  background: var(--color-etat-blanc-bg) !important;
}

.etat-violet-bg {
  background: var(--color-etat-violet-bg) !important;

  td:not(:last-child) {
    border-right-color: rgb(from var(--color-etat-violet) calc(r * (1 - 0.77) + 0.77 * 255) calc(g * (1 - 0.77) + 0.77 * 255) calc(b * (1 - 0.77) + 0.77 * 255));
  }
}

.etat-bleu-clair-bg {
  background: var(--color-etat-bleu-clair-bg) !important;

  td:not(:last-child) {
    border-right-color: rgb(from var(--color-etat-bleu-clair) calc(r * (1 - 0.77) + 0.77 * 255) calc(g * (1 - 0.77) + 0.77 * 255) calc(b * (1 - 0.77) + 0.77 * 255));
  }
}

/******************************************************************************/
/*                                  Button                                    */
/******************************************************************************/
div.button {
  text-align: right;
  margin-top: 0;
  margin-right: 0;
  margin-left: 16px;
  white-space: nowrap;
}

td.button {
  text-align: right;
  vertical-align: bottom;
}

.button_lst {
  text-align: right;
  margin-top: 8px;
  margin-right: 16px;
  margin-left: 16px;
  white-space: nowrap;
}

div.button > a.showlink {
  display: inline-block;
  vertical-align: middle;
}

button, button img {
  vertical-align: middle;
}

button.reset[class], button.valid[class] {
  margin: 0;
}

button.defaut[disabled], button.reset[disabled], button.valid[disabled] {
  background-color: var(--btn-defaut-bg-color-disabled);;

  * {
    color: var(--btn-defaut-color-disabled);
  }
}

button.defaut, button.reset, button.valid, button.edit {
  cursor: pointer;
  display: inline-block;
  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: none;
  min-height: 32px;
  padding: 3px 20px;
  border-radius: 5px;
  min-width: 125px;
  width: auto;
  border: 2px solid transparent;
}

button:focus {
  outline: none;
}

button.defaut span, button.reset span, button.valid span, button.edit {
  font-size: 1.2rem;
  font-family: var(--font-default);
  font-weight: var(--font-weight-bold);
}

button.defaut.btn-connexion span {
  font-size: 1.2em;
}

button.defaut span u, button.reset span u, button.valid span u, button.edit span u {
  font-size: 1em;
  font-family: var(--font-default);
  font-weight: var(--font-weight-bold);
}

button.defaut {
  background-color: var(--btn-defaut-bg-color);

  * {
    color: #fff;
  }
}

button.defaut:not([disabled]) {
  &:hover, &:focus, &.hover, &.focus {
    background-color: var(--btn-defaut-bg-color-focus);
    border-color: var(--btn-defaut-bg-color);

    * {
      color: var(--btn-defaut-color-focus);
    }
  }

  &:hover, &.hover {
    background-color: var(--btn-defaut-bg-color-hover);
    border-color: var(--btn-defaut-bg-color);

    * {
      color: var(--btn-defaut-color-hover);
    }
  }

  &:active, &.active {
    background-color: var(--btn-defaut-bg-color-active);
    border-color: var(--btn-defaut-bg-color-active);

    * {
      color: #fff;
    }
  }
}

button.valid {
  background-color: var(--btn-defaut-bg-color);

  * {
    color: #fff;
  }
}

button.valid:not([disabled]) {
  &:hover, &:focus, &.hover, &.focus {
    background-color: var(--btn-defaut-bg-color-focus);
    border-color: var(--btn-defaut-bg-color);

    * {
      color: var(--btn-defaut-color-focus);
    }
  }

  &:hover, &.hover {
    background-color: var(--btn-defaut-bg-color-hover);
    border-color: var(--btn-defaut-bg-color);

    * {
      color: var(--btn-defaut-color-hover);
    }
  }

  &:active, &.active {
    background-color: var(--btn-defaut-bg-color-active);
    border-color: var(--btn-defaut-bg-color-active);

    * {
      color: #fff;
    }
  }
}

button.reset {
  background-color: var(--btn-reset-bg-color);

  * {
    color: #fff;
  }
}

button.reset:not([disabled]) {
  &:hover, &:focus, &.hover, &.focus {
    background-color: var(--btn-reset-bg-color-focus);
    border-color: var(--btn-reset-bg-color);

    * {
      color: var(--btn-reset-color-focus);
    }
  }

  &:hover, &.hover {
    background-color: var(--btn-reset-bg-color-hover);
    border-color: var(--btn-reset-bg-color);

    * {
      color: var(--btn-reset-color-hover);
    }
  }

  &:active, &.active {
    background-color: var(--btn-reset-bg-color-active);
    border-color: var(--btn-reset-bg-color-active);

    * {
      color: #fff;
    }
  }
}

button.edit {
  color: #fff;
  background-color: var(--btn-edit-bg-color);
  margin-top: 15px;
  min-width: 0px;
  margin-right: 2px;
  margin-left: 15px;
  margin-bottom: 15px;

  span {
    font-size: 11pt;
    font-weight: var(--font-weight-medium);
    padding-left: 4px;
    display: inline-block;
    max-width: 220px;
    overflow: hidden;
    text-overflow: ellipsis;
    vertical-align: middle;
  }

  .svg-inline--fa {
    font-size: 12pt;
    vertical-align: bottom !important;
  }
}

button.edit.rub_menu_link {

  .svg-inline--fa {
    margin-bottom: 4px;
  }
}

button.edit {
  background-color: var(--btn-edit-bg-color);

  * {
    color: #fff;
  }
}

button.edit:not([disabled]) {
  &:hover, &:focus, &.hover, &.focus {
    background-color: var(--btn-edit-bg-color-focus);
    border-color: var(--btn-edit-bg-color);

    * {
      color: var(--btn-edit-color-focus);
    }
  }

  &:hover, &.hover {
    background-color: var(--btn-edit-bg-color-hover);
    border-color: var(--btn-edit-bg-color);

    * {
      color: var(--btn-edit-color-hover);
    }
  }

  &:active, &.active {
    background-color: var(--btn-edit-bg-color-active);
    border-color: var(--btn-edit-bg-color-active);

    * {
      color: #fff;
    }
  }
}

button.edit > u {
  font-size: 0.9em;
  font-family: var(--font-default);
}

button.edit .svg-inline--fa {
  vertical-align: middle;
}

button.small {
  cursor: pointer;
  padding: 0;
  text-align: center;
  width: 32px;
  height: 32px;
  background-color: transparent;
  color: var(--color-itf-bleu-2) !important;
  border: 1px solid transparent !important;
  border-radius: 5px;
  padding: 4px 4px;
  padding-bottom: 3px;
  margin: 0 2px;

  &:hover, &:focus {
    background: var(--color-gris-body);
  }
}

button.small * {
  margin-bottom: 0;
}

aside a {
  color: #80919d;
  text-decoration: none;
}

/***************************************************/
/* Masque l'arborescence de base !                 */
/***************************************************/
#elem-menu ul li ul, #list-fav, #sortable, .fav_item {
  display: none;
  position: absolute;
  margin-top: -45px;
  margin-left: 46px;
  background-color: #fff;
}

#elem-menu ul li ul, #list-fav, #sortable {
  width: calc(var(--menu-left-width) - 46px);
}

/* Style du menu */
#menu-left {
  width: 46px;
  height: 100%;
  display: inline-block;
  position: fixed;
  background-color: #022F40;
  list-style: none;
  z-index: 500;
  left: 0;
  top: 49px;
  padding-bottom: 49px;
}

#menu-left ul {
  list-style: none;
  padding: 0;
}

#menu-left.menu-active {
  width: var(--menu-left-width);
}

#deploy-button {
  background-color: #022F40;
}

#menu-left.menu-active #deploy-button {
  border-right: 0px;
}

#menu-left.menu-active #icon-deploy:hover {
  border-right: 0px;
  border-bottom: 1px solid #3d72a8;
  height: 45px;
}

#menu-left.menu-active #icon-deploy, #menu-left.menu-active #lang-choice {
  display: inline-block;
  width: var(--menu-left-width);
  text-align: center;
}

#icon-deploy {
  line-height: 45px;
  text-align: center;
  cursor: pointer;
  font-size: 1.5em;
}

#lang-choice {
  display: none;
}

#lang-choice #dropdownMenuButton {
  padding: 0;
  margin: 0;
  width: 40px;
}

#lang-choice #dropdownMenuButton > img {
  width: 27px;
}

#lang-choice .dropdown-menu {
  min-width: 40px !important;
  max-width: 40px !important;
  padding: 0;
}

#lang-choice .lang-fr, #lang-choice .lang-gb {
  padding: 0;
}

#lang-choice .lang-fr > .flag, #lang-choice .lang-gb > .flag {
  margin: 0 0 0 5px;
  width: 27px;
}

#deploy-button .svg-inline--fa {
  color: white;
  cursor: pointer;
}

#deploy-button .svg-inline--fa.fa-bars {
  font-size: 20px;
}

#menu-left ul .svg-inline--fa {
  color: white;
  font-size: 1.5em;
}

#menu-left ul {
  line-height: 44px;
}

#button-favoris {
  display: block;
}

#elem-menu .prim-cat {
  height: 45px;
  line-height: 46px;
}

.prim-cat, #deploy-button, #button-favoris {
  text-align: center;
}

.prim-cat, #button-favoris {
  width: 46px;
}

.cat-title div, #fav-title span {
  font-family: var(--font-default);
  font-weight: var(--font-weight-bold);
  font-size: 10pt;
  display: inline-block;
}

.cat-title, #fav-title {
  background-color: var(--color-itf-bleu-3);
  color: #fff;
  text-align: left;
  padding-left: 10px;
  padding-right: 10px;
  margin-bottom: 0;
  -webkit-box-shadow: 3px 0 5px rgba(0, 0, 0, 0.19) inset;
  box-shadow: 3px 0 5px rgba(0, 0, 0, 0.19) inset;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}

.cat {
  font-size: 0.9em;
  line-height: 34px;
  height: 36px;
  padding-left: 10px;
  padding-right: 10px;
  margin-bottom: 0;
  background-color: #fff;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}

.second-cat {
  background-color: #597084;
  text-align: left;
  padding-left: 5px;
  color: white;
}

.second-cat:hover, .dossier-fav:hover, .dossier-fav:hover span .svg-inline--fa, .dossier-fav:hover a .svg-inline--fa {
  color: #4d4d4d;
  background-color: var(--menu-highlight-color) !important;
}

li a, li a:hover {
  text-decoration: none;
}

.second-cat .fa-icon {
  margin-right: 5px;
  width: 20px;
  text-align: center;
  display: inline-block;
}

/* Hover menu inactive */
#icon-deploy:hover, #elem-menu ul li:hover {
  background-color: var(--color-itf-bleu-3);
  color: var(--text-color);
}

.menu-link {
  display: inline-block;
  width: 100%;
  height: 100%;
  text-overflow: ellipsis;
  overflow: hidden;
}

#elem-menu .cat:hover {
  background-color: var(--menu-highlight-color);
  color: var(--text-color);
}

#elem-menu ul li:hover ul {
  display: block;
  border-bottom: 1px solid #cccecf;
  box-shadow: 3px 3px 7px rgba(0, 0, 0, 0.19);
}

/* Menu actif */
#menu-left.menu-active .prim-cat + ul {
  display: block;
  position: relative;
  border-bottom: none;
  -webkit-box-shadow: none;
  box-shadow: none;
}

#menu-left.menu-active .cat-title {
  margin-left: -4px;
  padding-left: 0;
  margin-bottom: 0;
  background-color: #1e252c;
}

#menu-left.menu-active .cat {
  margin-left: -46px;
  margin-bottom: 0;
  font-size: 0.9em;
  line-height: 34px;
  height: 34px;
  padding-left: 15px;
  padding-right: 10px;
}

.cat span {
  font-family: var(--font-default);
  font-weight: var(--font-weight-medium);
  color: #777777;
  font-size: 9pt;
}

/* menu-active */
#menu-left.menu-active .prim-cat, #menu-left.menu-active #button-favoris {
  background-color: var(--color-itf-bleu-3)
}

#menu-left.menu-active #elem-menu ul li:hover {
  background-color: var(--menu-highlight-color);
}

.cat.active {
  background-color: var(--menu-highlight-color) !important;
}

.cat:hover, .cat.active, .cat:hover *, .cat.active * {
  color: #fff;
  font-family: var(--font-default);
  font-weight: var(--font-weight-bold);
}

#menu-left.menu-active #elem-menu ul li {
  background-color: #fff;
}

#menu-left.menu-active #elem-menu ul li.cat-title:hover, #menu-left #elem-menu ul li.cat-title:hover {
  background-color: var(--color-itf-bleu-3);
  color: #fff;
}

#menu-left.menu-active #elem-menu ul li.cat-title {
  background-color: var(--color-itf-bleu-3);
  -webkit-box-shadow: none;
  box-shadow: none;
}

/* Gestion spécifique favoris */
#tab_favori .ico-engine {
  display: none;
}

#tab_favori li:hover .ico-engine {
  display: inline-block;
  color: #fff;
}

/* Favori menu actif */
#menu-left.menu-active #menu-fav ul {
  display: block;
  position: relative;
  width: var(--menu-left-width);
  margin-left: 0;
  background-color: transparent;
  border-left: none;
  border-top: none;
  border-bottom: none !important;
  box-shadow: none !important;
  -webkit-box-shadow: none !important;
  overflow: hidden;
}

#menu-left.menu-active .dossier-fav + ul li {
  height: 30px;
  line-height: 30px;
  background-color: #eae7e7;
  font-size: 0.9em;
  margin-bottom: 0;
}

#menu-left.menu-active .dossier-fav + ul li:hover {
  background-color: #3c3c3c;
}

#menu-left.menu-active .dossier-fav.ui-state-active {
  border-bottom: 1px solid #c9c9c9;
  -webkit-box-shadow: 0 5px 7px rgba(0, 0, 0, 0.09);
  box-shadow: 0 5px 7px rgba(0, 0, 0, 0.09);
  z-index: 1;
}

#menu-left.menu-active #fav-title, #menu-left.menu-active #fav-title:hover {
  margin-left: 36px;
  padding-left: 0px;
  background-color: var(--color-itf-bleu-3);
  -webkit-box-shadow: none;
  box-shadow: none;
}

#menu-left.menu-active #tab_favori {
  margin-left: 0;
}

#menu-left.menu-active .dossier-fav {
  width: var(--menu-left-width);
  font-size: 0.9em;
  background-color: #fff;
  padding-left: 15px;
  border-left: none !important;
  border-top: none !important;
  border-bottom: none !important;
  border-right: none !important;
  background-image: none;
  height: 34px;
}

.svg-inline--fav-vide {
  cursor: not-allowed !important;
}

.svg-inline--fav-vide.ui-state-active {
  border-bottom: 0 !important;
}

.svg-inline--fav-vide:hover {
  background-color: #fff !important;
}

.svg-inline--fav-vide:hover span.label-fav {
  color: #777777 !important;
  font-family: var(--font-default) !important;
  font-weight: var(--font-weight-medium) !important;
  font-size: 9pt;
}

.svg-inline--fav-vide span.label-fav {

}

#menu-left.menu-active .label-fav {
  width: 150px;
  font-size: 9pt;
}

.dossier-fav a {
  float: right;
  margin-right: 5px;
}

#menu-left.menu-active .dossier-fav + ul {
  margin-left: 0;
  width: 180px;
  margin-top: 0;
}

#menu-left.menu-active #tab_favori ul li {
  margin-bottom: 0;
  min-height: 34px;
  text-overflow: ellipsis;
  overflow: hidden;
}

.dossier-fav {
  background-color: #fff;
  padding-left: 7px;
  line-height: 34px;
  height:34px;
}

.menu-active .dossier-fav {
  line-height: 34px;
}

.dossier-fav .svg-inline--fa {
  color: #777777 !important;
}

.dossier-fav:hover .svg-inline--fa {
  color: #fff !important;
}

.dossier-fav:hover .label-fav {
  color: #fff;
  font-family: var(--font-default);
  font-weight: var(--font-weight-bold);
}

#tab_favori > ul {
  display: none;
  margin-left: 0;
  margin-top: 0;
}

#tab_favori > ul > li {
  margin-bottom: 0;
}

.dossier-fav + ul {
  margin-left: calc(var(--menu-left-width) - 46px - 2px);
  margin-top: -30px;
}

#menu-fav ul li:hover > ul, #menu-fav ul li:hover #tab_favori > ul {
  display: block;
  border-bottom: 1px solid #cccecf;
  -webkit-box-shadow: 3px 3px 7px rgba(0, 0, 0, 0.19);
  box-shadow: 3px 3px 7px rgba(0, 0, 0, 0.19);
}

#menu-fav .dossier-fav + ul {
  line-height: 100%;
}

.label-fav {
  width: 140px;
  display: inline-block;
  margin-left: 5px;
  color: #777777;
  font-family: var(--font-default);
  font-weight: var(--font-weight-medium);
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  text-indent: 20px;
}

.link-fav {
  margin-left: 15px;
  font-family: var(--font-default);
  font-weight: var(--font-weight-normal);
  color: #777777;
}

.dossier-fav + ul a {
  color: #3c3c3c;
}

.open-popupDossierFavori .ico-engine {
  font-size: 1.4em;
}

.open-popupDossierFavori .ico-engine:hover {
  animation: spin 1.5s linear infinite;
}

@-moz-keyframes spin {
  100% {
    -moz-transform: rotate(360deg);
  }
}

@-webkit-keyframes spin {
  100% {
    -webkit-transform: rotate(360deg);
  }
}

@keyframes spin {
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

/* Scroll menu */
#scroll-menu {
  height: 93%;
  z-index: -1;
}

#scroll-menu::-webkit-scrollbar {
  display: none;
}

/* chevron menu */
.ui-icon {
  float: right;
  margin-right: 10px;
  font-size: 1em !important;
  line-height: 30px;
}

#tab_favori ul li ul li .menu-link {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  line-height: 34px;
  padding-right: 8px;

  &:hover {
    color: #fff;
  }
}

#tab_favori ul li ul li span {
  font-family: var(--font-default);
  font-weight: var(--font-weight-bold);
}

#tab_favori ul li ul li:hover {
  background-color: var(--menu-highlight-color) !important;
}

#tab_favori ul li ul li:hover span {
  font-family: var(--font-default);
  font-weight: var(--font-weight-bold);
  color: #fff;
}

#menu-fav ul li:hover, #menu-fav ul li ul li#fav-title:hover {
  background-color: var(--color-itf-bleu-3);
  margin-bottom: 0;
}

/******************************************************************************/
html, body {
  font-family: var(--font-default), sans-serif;
  margin: 0;
  padding: 0;
  width: 100%;
}

.onglet-ss-menu ul {
  margin: 0;
  margin-bottom: 20px;
  padding: 0;
}

.svg-inline--fa {
  font-size: 1.2em;
}

.svg-inline--fa.ico {
  font-size: 16px;
  color: var(--picto-color);
  margin: 0 2px;
}

.text-ico > .svg-inline--fa.ico {
  vertical-align: middle;
}

form fieldset a:has(.svg-inline--fa.ico), form fieldset span:has(.svg-inline--fa.ico) {
  vertical-align: middle;
}

.lst-table div a:has(.svg-inline--fa.ico) {
  vertical-align: middle;
}

.svg-inline--fa.ico, .svg-inline--fa.ico{
  vertical-align: sub;
}

a .svg-inline--fa.fa-external-link-alt.ico, a .svg-inline--fa.fa-comment-dots.ico{
  color: var(--color-itf-bleu-2);
}

a:hover .svg-inline--fa.fa-external-link-alt.ico {
  color: #5aa4ca;
}

#page-content.content.menu-active {
  min-width: 100%;
  padding: 0;
  margin-right: 0;
  padding-left: calc(var(--menu-left-width) + 39px) !important;
}

#dashboard {
  background-color: #fcc;
  background-color: #f4f4f2;
  margin: 0 !important;
  padding: 0 !important;
}

#dashboard .rub_title_container {
  margin: 10px 15px !important;
  padding: 12px 20px;
  background: #fff;
  border-radius: 10px;
}

#dashboard_content {
  margin: 0;
  padding: 0;
  margin-top: 20px;
}

#dashboard .rubControl {
  float: right;
  margin: -3px 5px 0 0;
  padding: 0 !important;
  display: inline-block;
  position: relative;
}

.container-dashboard {
  min-height: 270px;
  height: 100%;
}

.container, nav.row {
  min-width: 100%;
  padding: 0;
  margin-left: 0;
  margin-right: 0;
}

.container {
  margin-bottom: 10px;
}

.iframe-content{

}

/* *************************************************************************************************** */
#page-header {
  background-color: #022F40;
  width: 100% !important;
  position: sticky;
  flex-wrap: nowrap;
  white-space: nowrap;
  top: 0;
  left: 0;
  min-width: calc(924px + 85px + 35px);
  z-index: 1000;
  margin-left: 0;
  margin-right: 0;
}

.header-light, .header-background-light {
  min-height: 49px;
  height: 49px;
}

.header-light .logo-bar {
  white-space: nowrap;
}

.header-light a.logo > img {
  max-width: 150px;
  height: 30px;
}

.header-light .title-section h2 {
  color: #fff;
}

.header-light .user-info, .header-light .header-agence, .header-light .header-comptabilite {
}

.header-light .container-logo, .header-light .title-module-sel {
}

#page-header.menu-active, .switch-theme-row.menu-active {

}

.switch-theme-row.menu-active {
  padding-right: 270px;
}

.logo-bar {
  margin: 0;
  padding: 0 !important;
}

.container-logo {
  max-width: 240px;
  margin-right: 18px;
  padding-left: 7px;
}

#logo-archi {
  height: 24px;
  margin-right: 3px;
}

#logo-archi-text {
  height: 31px;
  margin-right: 12px;
}

#logo-nf {
  cursor: pointer;
  height: 40px;
  margin-top: 4px;
}

.container-logo, .title-module-sel {
  display: inline-block;
  vertical-align: middle;
  margin-left: 3px;
}

.notif-bar {
  margin: 0;
  position: absolute;
  width: auto;
  right: 0px;
  display: inline-block;
  white-space: nowrap;
  padding-top: 7px;
  background: #022F40;
}

.lang-choice {
  display: inline-block;
}

.notif-icon {
  display: inline-block;
  text-align: right;
  white-space: nowrap;
}

.notif-icon ul {
  display: inline-block;
}

.notif-icon ul, .notif-icon ul li {
  padding: 0;
  list-style: none;
  font-size: 0.9em;
}

.notif-icon ul > li {
  display: inline-block;
  text-align: center;
  vertical-align: middle;
}

.notif-icon ul.lien-msg > li {
  margin-top: -3px;
}

.box-footer a.btn-danger {
  color: white;
}

.notif-icon ul > li > a {
  color: #fff;
  display: inline-block;
  border-radius: 6px;
  height: 34px;
  min-width: 34px;
  padding: 7px;

  .svg-inline--fa {
    color: #fff;
  }
}

.notif-icon ul > li > a:hover, .notif-icon ul > li > a:focus {
   color: #fff;
   background: var(--color-itf-bleu-2);
}

.notif-icon .svg-inline--fa {
  font-size: 1.6em;
  color: #ffffff;
  vertical-align: middle;
}

.badge, .badge-light {
  position: absolute;
  border-radius: 10px;
  background-color: #ea3546;
  padding: 3px 4px;
  font-size: 7pt !important;
  font-weight: var(--font-weight-medium) !important;
  color: #fff;
  top: 0px;
  margin-left: -12px;
}

.badge-light {
  display: none;
  background-color: #fff;
}

.logo {
  height: 100%;
}

.darken-filter {
  display: none;
  position: fixed;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background: rgba(0, 0, 0, 0.6);
  z-index: 3000;
}

#header-round {
  width: 20px;
  height: 20px;
  background: transparent;
  position: absolute;
  top: -7px;
  right: -13px;
  border-top: 7px solid #022f40;
  border-left: 7px solid #022f40;
  border-top-left-radius: 100%;
  z-index: -1;
}

.popin {
  display: none;
  position: fixed;
  left: 50%;
  top: 20%;
  transform: translate(-50%, -20%);
  width: 300px;
  background-color: #fff;
  color: #022F40;
  border-radius: 5px;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.4);
  z-index: 3001;
}

#popin-info-logiciel {
  width: 330px;
}

#modifFavDoss {
  width: 460px;
}

.popin tr {
  display: flex;
  align-items: center;
  justify-content: center;
}

#popin-info-logiciel tr:first-child {
  text-align: right;
}

.popin td {
  font-size: 10pt;
}

.popin fieldset {
  padding: 10px 20px 20px 20px;

  * {
    font-size: 10pt;
  }

  input {
    min-height: 30px;
    width: 100%;
  }
}

#popin-info-logiciel fieldset > div {
  display: flex;
  justify-content: center;
}

.popin fieldset legend {
  margin: 5px;
  font-size: 12pt;
}

.popin-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-top-left-radius: inherit;
  border-top-right-radius: inherit;
  padding: 10px 14px;
}

.popin-header > .popin-title {
  color: var(--text-color);
  font-size: 14pt;
  font-weight: var(--font-weight-bold);

  .title-ico {
    margin-right: 6px;
    font-size: 16px;
    vertical-align: middle;
  }
}

.but-popin-close {
  cursor: pointer;
  display: flex;
  align-items: center;

  .svg-inline--fa {
    font-size: 24px;
  }
}

.popin .button_lst {
  margin: 16px 10px 0px 10px;

  button {
    margin-left: 6px;
  }
}


.box-footer {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
  border-top: 1px solid #595959;
  padding: 10px;
  background-color: #414141;
}

.dropdown-menu {
  border-radius: 5px;
  border: 0px solid #fff;
  box-shadow: 0px 4px 10px rgb(from var(--text-color) r g b / 30%);
}

.dropdown-item {
  color: var(--text-color);
  font-family: var(--font-default);
  font-weight: var(--font-weight-normal);
  padding: 0.6rem 1.5rem;
}

.dropdown-item:focus, .dropdown-item:hover{
  color: #fff;
  background-color: var(--color-itf-bleu-3);
  background-color: var(--menu-highlight-color);
}

.dropdown-menu.dropdown-favoris li > form {
  line-height: 20px;
}

.svg-inline--fa.fav-icon-active {
  color: var(--menu-highlight-color) !important;
}

.open > .dropdown-menu > li ul {
  display: block;
  position: relative;
  width: 100%;
}

ul li a h4 {
  position: relative;
  margin-top: 0;
}

ul.dropdown-menu.dropdown-fax small {
  color: #999999;
  font-size: 10px;
  position: absolute;
  top: -5px;
  right: 0;
}

ul.dropdown-menu.dropdown-demande li {
  padding: 4px 6px;
}

li.display-message {
  padding: 10px 0;
}

li.display-message > a {
  text-align: center;
}

li.display-message > a:hover {
  background-color: transparent;
}

ul.dropdown-menu li:hover ul li a {
  color: black;
  text-decoration: none;
}

.dropdown-menu.show {
  min-width: 100%;
}

ul.dropdown-menu li ul {
  background-color: transparent;
}

ul.notif-icon > li:hover {
  background-color: #bfbfbf;
}

.dropdown.open {
  background-color: #414141;
}

ul.notif-icon li:hover > a.dropdown-toggle {
  color: white;
  text-decoration: none;
}

.dropdown.open > a {
  color: white;
  text-decoration: none;
}

.dropdown-menu > li > a:hover {
  text-decoration: none;
  background-color: transparent;
  color: white;
}

header .label-danger {
  background-color: #f8130c;
  color: #FFFFFF;
  font-size: 0.7em;
}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  /* IE10+ CSS styles go here */
  a.logo > img {
    height: 90px !important;
    width: 240px;
    min-width: 130px;
  }

  .header-light a.logo > img {
    height: 35px !important;
  }
}


#favori_ufdNom + .selectize-control {
  width: 100% !important;
  padding: 0 !important;
  border: 0 solid #ccc !important;
}

.selectize-dropdown {
  z-index: 4000;
}

#favori_favNom {
  margin-bottom: 20px;
}

.form-control {
  height: unset;
}

.selectize-input {
  border-radius: 0;
}

.form-rub-change-cat-dropdown .dropdown-toggle {
  margin: .84rem 0;
}

ul.notif-icon li:hover > a.dropdown-toggle .svg-inline--fa {
  font-size: 1.2em;
  color: #FFFFFF;
}

ul.notif-icon li:hover > a.dropdown-toggle .label-danger {
  background-color: #f8130c;
  color: #FFFFFF;
  font-size: 0.7em;
}

li.display-message:hover {
  background-color: #4a4a4a;
  padding-left: 12px;
  margin-right: 0;
  border-radius: 2px;
}

.dropdown.open .svg-inline--fa {
  font-size: 1.2em;
  color: #FFFFFF;;
}

.svg-inline--fa.svg-inline--fav-active {
  color: #289fe4;
}

.iframe_err {
  font-size: 0.8em;
}

body.iframe_err {
  overflow-x: hidden;
}

body.iframe_err::-webkit-scrollbar {
  width: 10px;
  height: 10px;
  background-color: var(--iframe-err-back-color);
}

body.iframe_err::-webkit-scrollbar-thumb {
  background: var(--color-itf-bleu-3);
  border-radius: 5px;
}

body.iframe_err::-webkit-scrollbar-corner {
  background: var(--iframe-err-back-color);
  border-bottom-right-radius: 5px;
}

.div-error-msg {
  flex-wrap: nowrap;
  min-height: 60px;
}

hr.hr-error-msg {
  border: none;
  margin: 8px 0 0 0;
}

.error_title, .info_title, .success_title {
  margin-top: 4px;
}

.error_msg, .info_msg, .success_msg {
  margin-bottom: 4px;
}

.error_msg ul, .info_msg ul, .success_msg ul {
  padding-left: 25px;
}

.error_msg ul li ul {
  display: block;
  position: initial;
  width: initial;
  margin: initial;
}

.msg-container {
  padding-left: 5px;
}

.msg-container ul {
  margin-left: 0px;
}

.error_title, .info_title, .success_title {
  font-size: 16px;
  font-family: var(--font-default);
  font-weight: var(--font-weight-medium);
  margin-right: 0;
  margin-bottom: 2px;

  * {
    font-size: 16px;
  }
}

.error-icon {
  background: transparent url(../img/msg_error.svg) right 10px top 2px no-repeat;
  background-size: auto;
}

.error_title {
  color: var(--color-rouge);
}

.info_title {
  color: var(--color-itf-bleu-3);
}

.success_title {
  color: #499762;
}

.info-icon {
  background: transparent url(../img/msg_info.svg) right 10px top 2px no-repeat;
  background-size: auto;
}

.info-icon, .error-icon, .success-icon {
  min-width: 88px;
  max-width: 88px;
  text-align: center;
  padding-top: 8px;
}

.success-icon {
  background: transparent url(../img/msg_success.svg) right 10px top 2px no-repeat;
  background-size: auto;
}

.title-section h2 {
  line-height: 30px;
  margin: 8px 0;
  font-family: var(--font-default);
  font-weight: var(--font-weight-normal);
  border-left: 2px solid #ffffff;
  padding-left: 10px;
  font-size: 20px;

  * {
    font-size: 20px;
  }
}

pre.output-buffer {
  border: 1px solid #ffc107;
  background: #ffecb3;
  margin: 8px 0px;
  padding: 8px;
  box-shadow: 0 1px 5px 0 rgba(0,0,0,0.14);
}

@media screen and (max-width: 1200px) {
  .container-logo {
    margin-right: 2px;
  }

  #logo-nf, #logo-archi-text {
    display: none;
  }
}

div.barre-ss-menu {
  display: flex;
  padding: 0;
  padding-top: 30px;
  margin-bottom: -20px;
  min-width: 924px;
  z-index: 1;
}

.menu-active div.barre-ss-menu {
  min-width: 755px; /* Avec menu gauche déplié */
}

.onglet-ss-menu {
  display: flex;
  -webkit-border-radius: 3px;
  border-radius: 3px;
}

.categorie-title {
  background-color: transparent !important;
  display: block;
  line-height: 36px;
  padding: 0 14px;
  margin: 6px;

  > span {
    font-size: 11pt;
    display: inline-block;
    vertical-align: middle;
    white-space: nowrap;
  }
}

.onglet-ss-menu > ul {
  display: block;
  line-height: 36px;
  background: #fff;
  border-radius: 10px;
}

li.menu_item *, li.menu_item_sel * {
  font-family: var(--font-default);
  font-weight: var(--font-weight-medium);
  font-size: 11pt;
}

li.menu_item a:hover, li.menu_item a:focus {
  color: var(--ss-menu-hover-color);
  border-radius: 6px;
}

li.menu_item a {
  border: 2px solid transparent;
}

li.menu_item_sel a {
  color: var(--color-orange);
  border: 2px solid var(--color-orange);
  border-radius: 6px;
}

li.menu_item_sel a:hover, li.menu_item_sel a:focus {
  background-color: var(--color-gris-body);
}

li.menu_item a:hover, li.menu_item a:focus {
  background-color: var(--color-gris-body);
}

.onglet-ss-menu li, .onglet-ss-menu li > a {
  margin: 0;
  display: inline-block;
  list-style-type: none;
  text-align: center;
}

.onglet-ss-menu li  {
  margin: 5px;
}

.onglet-ss-menu li > a {
  padding: 0 14px;
  border-radius: 6px;
}

/******************************************************************************/
.rub_block {
  background-color: #fff;
  border-radius: 10px;
  margin-top: 20px;
  margin-bottom: 0;
  padding-right: 20px !important;
  padding-left: 20px !important;
  padding-top: 2px !important;
  padding-bottom: 2px !important;
  border: 1px solid transparent;
  min-width: 924px;
  position: initial !important;
}

.menu-active .rub_block {
  min-width: 755px; /* Avec menu gauche déplié */
}

.container > .row {
  margin-left: 0;
  margin-right: 0;
}

.iframe_err > .container > .row {
  margin-left: -15px;
}

.onglet-rub {
  background: var(--color-gris-body);
}

.onglet-rub > div {
  width: 100%;
  min-height: 100%;
  padding: 4px 8px;
}

.onglet-rub ul, .onglet-rub-old ul {
  margin-top: 5px;
}

.onglet-rub ul > li, .onglet-rub ul > a > li, .onglet-rub-old ul > li, .onglet-rub-old ul > a > li {
  margin: 5px 0;
  display: block;
  list-style-type: none;
  padding: 5px 10px 5px 4px;
  text-align: left;
}

.onglet-rub-fixed {
  width: 172px;
  min-width: 172px;
  max-width: 172px;
  display: flex;
  overflow-x: hidden;
  overflow-y: auto;
  border-right: 0px;
  border-radius: 10px;
}

.rubContent > .container > .row {
  position: relative;
}

.item-container {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: inline-flex;

  -ms-flex-align: center;
  -webkit-align-items: center;
  -webkit-box-align: center;

  align-items: center;
  vertical-align: middle;
}

.item-container span.ico {
  font-size: 10pt;
  font-family: var(--font-default);
  font-weight: var(--font-weight-bold);
  margin-left: 2px;

  * {
    font-size: 10pt;
  }
}

.item-container > img {
  padding: 2px 0px;
}

.item-container > .svg-inline--fa.ico {
  width: 22px !important;
  font-size: 16px;
}

.onglet-rub ul {
  margin: 0;
  padding: 0;
}

.rubContent > .container > .row, .iframe > .container > .row  {
  flex-wrap: nowrap;
}

.rubrique-content {
  margin-left: 16px;
  padding-bottom: 1px;
  display: block;
  overflow: hidden;
  height: 100%;
  min-height: 150px;
  width: 100%;
  border-radius: 5px;
}

@media screen and (max-width: 1199px) {

  .rubContent > .container > .row, .iframe > .container > .row {
    flex-wrap: wrap;
  }

  .onglet-rub > div {
    height: 100%;
    margin: 0;
    margin-right: 6px;
    padding: 4px 6px;
    border-right: 0px;
  }

  .onglet-rub ul > li, .onglet-rub ul > a > li, .onglet-rub-old ul > li, .onglet-rub-old ul > a > li {
    margin: 4px;
    display: inline-block;
    list-style-type: none;
    text-align: center;
  }

  .rubrique-content {
    display: block;
    width: 100%;
    margin-left: 0px;
  }

  .onglet-rub-control, .onglet-rub-control-old {
    float: right;
    width: auto !important;
  }

  .form-rub-change-cat-dropdown {
    margin-right: 5px !important;
  }

  .onglet-rub-fixed {
    float: none;
    width: 100%;
    max-width: none;
    border: none;
    position: relative;
    height: auto;
    overflow-x: visible;
    overflow-y: visible;
  }
}

a .onglet-item {
  border: 2px solid transparent;
  border-radius: 5px;
}

a .onglet-item-link {
  background-color: #ecece9;
  border: 2px solid #e3e3de;
}

a.disabled .onglet-item-link {
  color: #aaa;

  .svg-inline--fa {
    color: #aaa;
  }
}

a:hover .onglet-item, a:focus .onglet-item {
  color: var(--ss-menu-hover-color);
  background-color: #fff;

  .svg-inline--fa {
    color: var(--ss-menu-hover-color);
  }
}

a:hover .onglet-item-link, a:focus .onglet-item-link {
  color: var(--ss-menu-hover-color);
  background-color: #fff;

  .svg-inline--fa {
    color: var(--ss-menu-hover-color);
  }
}

a .onglet-item-sel {
  color: var(--color-orange);
  border: 2px solid var(--color-orange);
  border-radius: 5px;

  .ico.svg-inline--fa {
    color: var(--color-orange);
    --fa-primary-color: var(--color-orange);
    --fa-secondary-color: var(--color-orange);
    --fa-primary-opacity: 1;
    --fa-secondary-opacity: 1;
  }
}

a:hover .onglet-item-sel, a:focus .onglet-item-sel {
  color: var(--color-orange);
  background-color: #fff;

  .svg-inline--fa {
    color: var(--color-orange);
  }
}

a:not(.disabled) .onglet-item-link.item-del, a:not(.disabled):hover .onglet-item-link.item-del, a:not(.disabled):focus .onglet-item-link.item-del {
  color: var(--btn-reset-bg-color);

  .svg-inline--fa {
    color: var(--btn-reset-bg-color);
  }
}

a:not(.disabled) .onglet-item-link.item-valid, a:not(.disabled):hover .onglet-item-link.item-valid, a:not(.disabled):focus .onglet-item-link.item-valid {
  color: var(--btn-defaut-bg-color);

  .svg-inline--fa {
    color: var(--btn-defaut-bg-color);
  }
}

.onglet-rub, .onglet-rub-old {
  padding: 0;
  z-index: 1;
  margin: 0 0 10px 0 !important;
}

.onglet-rub ul > a:hover, .onglet-rub ul > a:focus {
  text-decoration: none !important;
}

.rubForm > .rubContent > form {
  margin: -5px 0 10px 0;
}

.onglet-rub-control {
  display: inline-block;
  width: 100%;
}

/* onglet avec documents */
.svg-inline--fa.ico-doc-avec {
  .fa-primary {
    --fa-primary-color: var(--color-orange);
    --fa-primary-opacity: 1;
  }
  .fa-secondary {
    --fa-secondary-opacity: 1;
  }
}

/* onglet avec notes */
.svg-inline--fa.ico-notes-avec {
  .fa-primary {
    --fa-primary-color: var(--color-orange);
    --fa-primary-opacity: 1;
  }
  .fa-secondary {
    --fa-secondary-opacity: 1;
  }
}

.checkbox:not(.hidden), .radiobox:not(.hidden) {
  display: inline-block;
}

.checkbox label:after, .radiobox label:after {
  content: '';
  display: table;
  clear: both;
  font-size: 0.9em;
}

.checkbox .cr, .radiobox .cr {
  position: relative;
  display: inline-block;
  border: 1px solid #bbc0c6;
  box-shadow: 0 0 0 var(--input-box-shadow-width) #bbc0c6ff;
  float: left;
  background: #fff;
}

.checkbox .cr {
  border-radius: 3px;
  width: 15px;
  height: 15px;
  margin-right: 3px;
}

.radiobox .cr {
  border-radius: 50%;
  width: 17px;
  height: 17px;
  margin-right: 3px;
}

td[width="20"] .checkbox .cr, td[width="20"] .radiobox .cr {
  margin-right: 1px;
}

.checkbox .cr .cr-icon, .radiobox .cr .cr-icon {
  position: absolute;
  line-height: 0;
}

.checkbox .cr .cr-icon {
  font-size: 13px;
  top: 0px;
  left: 1px;
}

.radiobox .cr .cr-icon {
  font-size: 11px;
  top: 2px;
  left: 2px;
}

.checkbox label, .radiobox label {
  margin-top: 2px;
}

.checkbox label input[type="checkbox"], .radiobox label input[type="radio"] {
  display: none;
}

.checkbox label input[type="checkbox"]+.cr>.cr-icon, .radiobox label input[type="radio"]+.cr>.cr-icon {
  opacity: 0;
}

.radiobox label input[type="radio"]:checked+.cr {
  color: #fff;
  background: #fff;
  border: 1px solid var(--color-itf-bleu-3);
  box-shadow: 0 0 0 var(--input-box-shadow-width) var(--color-itf-bleu-3);
}

.checkbox label input[type="checkbox"]:checked+.cr {
  color: #fff;
  background: var(--color-itf-bleu-3);
  border: 1px solid var(--color-itf-bleu-3);
  box-shadow: 0 0 0 var(--input-box-shadow-width) var(--color-itf-bleu-3);
}

.radiobox label input[type="radio"]:checked+.cr * {
  color: var(--color-itf-bleu-3);
}

.checkbox label input[type="checkbox"]:checked+.cr * {
  color: #fff;
}

.checkbox label input[type="checkbox"]:checked+.cr>.cr-icon, .radiobox label input[type="radio"]:checked+.cr>.cr-icon {
  opacity: 1;
}

.checkbox label input.input-hover[type="checkbox"]:not(:checked):not(:disabled) :not(check_readonly) + .cr>.cr-icon,
.radiobox label input.input-hover[type="radio"]:not(:checked):not(:disabled) + .cr>.cr-icon {
  opacity: 1 !important;
  color: var(--color-itf-bleu-3);
}

.checkbox label input[type="checkbox"]:disabled+.cr, .radiobox label input[type="radio"]:disabled+.cr,
.checkbox label input.check_readonly[type="checkbox"]+.cr {
  background: #ededed;
  border: 1px solid #bbc0c6;
  box-shadow: 0 0 0 var(--input-box-shadow-width) #bbc0c6ff;
}

.checkbox label input[type="checkbox"]:disabled:checked+.cr,
.checkbox label input.check_readonly[type="checkbox"]:checked+.cr {
  background: #aaa;
  border: 1px solid #aaa;
  box-shadow: 0 0 0 var(--input-box-shadow-width) #aaaff;
}

.checkbox label input[type="checkbox"]:disabled:checked+.cr *,
.checkbox label input.check_readonly[type="checkbox"]:checked+.cr *{
  color: #fff;
}

.radiobox label input[type="radio"]:disabled:checked+.cr {
  background: #fff;
  border: 1px solid #aaa;
  box-shadow: 0 0 0 var(--input-box-shadow-width) #aaa;
}

.radiobox label input[type="radio"]:disabled:checked+.cr * {
  color: #aaa;
}

label:has(.check_readonly), .check_readonly{
  pointer-events: none;
}

input, select, textarea, button.ms-choice {
  color: var(--input-value-color);
  font-size: var(--font-size-defaut);
  font-family: var(--font-default);
  font-weight: var(--font-weight-bold);
  background-image: none;
  background-color: #fff;
  border: 1px solid #ced4da;
  box-shadow: 0 0 0 var(--input-box-shadow-width) #ced4daaa;
  border-radius: 4px;
  transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
  margin-bottom: 2px;
  margin-top: 2px;
  padding: 2px;
  min-height: 24px;
}

input:autofill,
input:autofill:hover,
input:autofill:focus {
  color: var(--input-value-color);
  font-size: var(--font-size-defaut);
  font-family: var(--font-default);
  font-weight: var(--font-weight-bold);
  transition: background-color 0s 600000s, color 0s 600000s !important;
}

select {
  cursor: pointer;
  padding-left: 6px;
  padding-right: 19px;

  appearance: none;
  background: var(--far-angle-down-url) right 3px top 50% no-repeat;
  background-color: #fff;
  background-size: 11px auto;
}

select:disabled {
  opacity: 1;
}

select option {
  color: var(--text-color);
}

input:focus, select:focus, textarea:focus {
  border-color: var(--input-value-color);
  box-shadow: 0 0 0 1px var(--input-value-color);
}

input[type=radio] {
  margin: 1px 4px;
}

input[type=checkbox] {
  margin: 1px 4px;
}

/* Firefox */
input[type=number] {
  -moz-appearance: textfield;
}

/* Chrome */
input::-webkit-inner-spin-button,
input::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin:0;
}

input[readonly], input[disabled], select[readonly], select[disabled], textarea[readonly], textarea[disabled] {
  background-color: #efefef;
  color: var(--color-gris);
}

input.check_readonly {
  color: var(--color-gris);
}

input.error, select.error, textarea.error {
  background-color: #b71c1c18;
  border-color: #c72c41;
  box-shadow: 0 0 0 1px #c72c41aa;
}

input.error:focus, select.error:focus, textarea.error:focus {
  box-shadow: 0 0 0 1px #c72c41aa, 0 0 0 2px #c72c4155;
}

.input.select {
  max-width: 200px;
}

/* IE */
select::-ms-expand {
  border: 0;
  background: transparent;
  margin-bottom: 5px !important;
}

select.rtl > option {
  direction: rtl;
}

option {
  font-size: 9pt;
}

.rubControl {
  float: right;
  margin: 0 -2px 0 0;
  padding: 1px 0 0 0 !important;
  display: inline-block;
}

.rubControl.show .dropdown-menu.show {
  width: initial;
}

.rubErrControl > a > span {
  font-size: 1.4em;
  color: var(--color-itf-bleu-3);
}

.rubErrControl {
  position: absolute;
  right: 13px;
  top: 8px;
}

.rubControl > a > span {
  font-size: 18px;
  margin-left: 2px;
  padding: 0 4px;
}

.rubControl > a:hover > span {
  font-size: 18px;
  margin-left: 2px;
  padding: 0 4px;
}

.rub_title_container {
  margin: 5px -5px -1px -5px;
  padding-bottom: 5px;
}

.rubErr_title_container {
  margin: 5px -5px -1px -5px;
}

.rub_title_container.minimizable, .rubErr_title_container.minimizable {
  cursor: pointer;
}

.rub_title_text {
  min-height: 20px;
}

.rub-ico {
  margin: 0 5px 0 5px;
  font-size: 1.4rem;
}

.header-content {
  max-height: 90px;
  padding: 0 !important;
}

.header-message > div {
  display: inline-block;
}

.header-agence, .header-comptabilite {
  text-align: right;
  padding-right: 20px !important;
  padding-left: 10px !important;
}

.dropdown-toggle {
  text-align: left;
  height: 34px;
  line-height: 22px;
  border-radius: 5px;
  background: var(--fas-angle-down-url) right 8px center no-repeat;
  background-size: 20px;
  padding: .6rem .8rem;
  padding-right: 30px;
  cursor: pointer;
}

.dropdown-toggle:focus {
  outline: none;
}

button.dropdown-toggle::after {
  border: none;
}

a.dropdown-toggle {
  background: none;
  padding: 0;
}

a.dropdown-toggle::after {
  background: none;
  border: none;
}

.btn-secondary.dropdown-toggle {
  background-color: var(--color-itf-bleu-3) !important;
  border: 0;
  font-size: 1.2rem;
  font-family: var(--font-default);
  font-weight: var(--font-weight-medium);
}

.btn-secondary.dropdown-toggle:focus {
  box-shadow: 0 0 0 2px var(--color-gris) !important;
}

.btn-white.dropdown-toggle {
  background-color: #fff;
  border: 1px solid #fff;
  border: 1px solid #022F40;
}

.menu-top-dropdown .dropdown-menu-button {
  background-color: var(--color-itf-bleu-3) !important;
  border: 0;
  font-size: 1.2rem;
  font-family: var(--font-default);
  font-weight: var(--font-weight-medium);
}

button.dropdown-toggle .caret {
  border: none;
  margin: 0;
  margin-top: 1px;
  margin-right: 8px;
  float: left;
  color: #fff;
}

.agence-dropdown button.dropdown-toggle:focus, .societe-dropdown button.dropdown-toggle:focus, .exercice-dropdown button.dropdown-toggle:focus {
  box-shadow: 0 0 0 2px var(--color-gris) !important;
}

.agence-dropdown button.dropdown-toggle .svg-inline--fa.caret {
  font-size: 1.6em;
}

.agence-dropdown {
  display: inline-block;
  margin-right: 30px;
  vertical-align: middle;
}

.societe-dropdown {
  display: inline-block;
  margin-right: 5px;
}

.exercice-dropdown {
  display: inline-block;
  margin-right: 15px;
}

.agence-dropdown #dropdownMenuButton {
  min-width: 180px;
}

#dropdownDashButton {
  min-width: 160px;
}

.lien-msg {
  margin-right: 10px !important;
}

.lien-msg li {
  margin-right: 15px !important;
  width: 28px;
  height: 28px;
}

#block-message .ico-message {
  vertical-align: -8px;
}

.menu-top-dropdown .dropdown-menu-button-account {
  border-radius: 50%;
  padding: 1px;
  background-color: #ffffff;
}

.menu-top-dropdown .dropdown-menu-button-account:after {
  display: none;
}

.menu-top-dropdown .menu-top-dropdown-menu {
  margin: 0;
  min-width: 180px;
}

.menu-top-dropdown .menu-top-dropdown-item {
  font-size: 9pt;
}

.menu-top-dropdown .menu-top-dropdown-menu .dropdown-item-account-sub {
  padding: 6px 10px 6px 15px;
}

.menu-top-dropdown .dropdown-item-account-sub {
  display: flex;
  align-items: center;
  line-height: 1.75em;
  padding: 10px;
}

.menu-top-dropdown .dropdown-item-account-sub .user-info {
  margin-right: 10px;
}

.menu-top-dropdown .menu-top-dropdown-item:hover {
  background-color: var(--menu-highlight-color);
  color: #fff;
}

.menu-top-dropdown .dropdown-divider {
  margin: 0;
  margin-bottom: 10px;
}

.user-info {
  display: block;
  background-color: #ffffff;
  color: #303D47;
  border-radius: 50%;
  width: 30px;
  height: 30px;
  text-align: center;
  font-weight: var(--font-weight-bold);
  font-size: 12pt;
  line-height: 22pt;
  font-family: var(--font-default);
  margin-bottom: 0;
}

.dropdown-toggle.dropdown-menu-button-account:hover, .dropdown-toggle.dropdown-menu-button-account:focus {
  border-color: #ffffff;

  > span.user-info {
    color: #ffffff;
    background-color: var(--color-itf-bleu-2);
  }
}

.dropdown-item-account-sub > div.user-info {
  color: #ffffff;
  background-color: var(--color-itf-bleu-2);
}

#formFav {
  min-width: 460px;

  * {
    font-size: 10pt;
  }

  input {
    min-height: 30px;
    width: 100%;
  }

  .button_lst {
    margin: 10px 10px 0px 10px;

    button {
      margin-left: 6px;
    }
  }
}


.selectize-control.single.input.select, .selectize-dropdown.single.input.select {
  max-width: none;

  * {
    font-size: 10pt;
  }
}

.selectize-control.single.input.select div.selectize-input {
  color: var(--input-value-color);
  font-family: var(--font-default);
  font-weight: var(--font-weight-bold);
  line-height: 24px;
  background-image: none;
  background-color: #fff;
  border: 1px solid #ced4da;
  box-shadow: 0 0 0 var(--input-box-shadow-width) #ced4daaa;
  border-radius: 4px;
  margin-bottom: 2px;
  margin-top: 2px;
  padding: 2px;

  appearance: none;
  background: var(--far-angle-down-url) right 3px top 50% no-repeat;
  background-color: #fff;
  background-size: 11px auto;

  > input {
    min-height: 24px !important;
    width: 100%;
  }

  .item {
    color: var(--input-value-color);
    font-family: var(--font-default);
    font-weight: var(--font-weight-bold);
  }

  &.focus {
    border-color: var(--input-value-color);
    box-shadow: 0 0 0 1px var(--input-value-color);
  }
}

.selectize-control.single.input.select .selectize-input:after {
  content: ' ';
  display: block;
  position: absolute;
  appearance: none;
  background: var(--far-angle-down-url) right 3px top 50% no-repeat;
  background-color: #fff;
  background-size: 11px auto;
  border: none;

}

.selectize-dropdown.single.input.select {
  margin-top: -4px;
  background-color: #fff;
  border: 1px solid #777;
  border-radius: 0px;
  box-shadow: 0 4px 5px rgba(0, 0, 0, 0.15);

  .option {
    color: var(--text-color);

    &.active {
      color: #fff;
      background-color: var(--menu-highlight-color);
    }
  }

  .create {
    color: var(--text-color);
    background-color: transparent;
  }

  .highlight {
    color: var(--input-value-color);
    background-color: transparent;
  }
}

.selectize-control.single div.selectize-input.focus {
  border-color: var(--input-value-color);
  box-shadow: 0 0 0 1px var(--input-value-color);
}

.btn.focus, .btn:focus {
  outline: none;
  box-shadow: none;
}

.link-ca {
  float: right;
  position: absolute;
  right: 30px;
  top: 55px;
}

.link-ca a span {
  font-family: var(--font-default);
  font-weight: var(--font-weight-normal);
  font-size: 1.2em;
}

.container-lst {
  padding: 0 !important;
}

.pagination {
  margin: 0 !important;
}

.pagination li a, .pagination li a * {
  font-size: 10pt;
}

td a span .svg-inline--fa {
  font-size: 1.2em;
}

.nav-lst-pagination {
  padding: 8px 0px 0px 0px;
  position: relative;
}

.ico-load-form {
  font-size: 18px;
  display: inline-block;
  margin-left: 5px;
  padding: 3px 8px;
  border-radius: 6px;
  background: var(--color-gris-body);
  height: 32px;

  .svg-inline--fa {
    font-size: 24px;
  }
}

a[data-link-load-form='1']:hover, a[data-link-load-form='1']:focus {

  .ico-load-form {
    color: #fff;
    background: var(--color-itf-bleu-3);

    .svg-inline--fa {
      color: #fff;
    }
  }
}

.check-icon {
  color: var(--color-vert);
  font-size: 1.2em;
  vertical-align: middle;
}

.uncheck-icon {
  color: var(--color-gris-clair);
  font-size: 1.2em;
  vertical-align: middle;
}

.page-item.active .page-link {
  background-color: transparent !important;
  border-color: var(--color-itf-bleu-2) !important;
  box-shadow: 0 0 0 var(--input-box-shadow-width) var(--color-itf-bleu-2);
  border-radius: 5px !important;
  font-family: var(--font-default);
  font-weight: var(--font-weight-bold);
}

.page-link span {
  font-family: var(--font-default);
  font-weight: var(--font-weight-bold);
}

.page-link {
  color: var(--color-itf-bleu-2) !important;
  font-family: var(--font-default);
  font-weight: var(--font-weight-bold);
  border: 1px solid transparent !important;
  padding: 4px 8px;
  padding-bottom: 3px;
  margin: 0 4px;
}

.page-item:not(.disabled) .page-link:hover, .page-item:not(.disabled) .page-link:focus {
  background-color: var(--color-gris-body) !important;
  border-radius: 5px !important;
}


.page-nb-lignes {
  position: absolute;
  left: 0px;

  * {
    color: var(--color-lst-pagi-disabled);
  }
}

.page-nb-lignes span {
  padding: .5rem .75rem;
  display: block;
}

.page-link:focus {
  box-shadow: none;
}

.page-item.disabled .page-link {
  color: var(--color-lst-pagi-disabled) !important;
  font-family: var(--font-default);
  font-weight: var(--font-weight-bold);
  pointer-events: none;
}

.glyphicon {
  color: white;
  font-size: 16px;
}

.scrollbar-measure {
  width: 100px;
  height: 100px;
  overflow: scroll;
  position: absolute;
  left: -9999px;
}

.ui-accordion .ui-accordion-header {
  margin: 0 !important;
  padding: 0 .5em 0 1.5em !important;
}

.accordion.invert {
  border-bottom: 1px solid #cccecf;
  -webkit-box-shadow: 3px 3px 7px rgba(0, 0, 0, 0.19);
  box-shadow: 3px -3px 7px rgba(0, 0, 0, 0.19);
}

.cat.invert {
  margin-top: -70px;
  margin-bottom: 10px;
}

ul.pagination a {
  border: 0;
}

.page-link:hover {
  background-color: transparent !important;
  border-color: transparent !important;
}

/******************************************************************/

#page-content.container-fluid {
  padding-right: 35px !important;
}

.container-fluid {
  padding-right: 0 !important;
  padding-left: 0 !important;
}

.content > header.row {
  margin-right: 0 !important;
  margin-left: 0px !important;
}

.content > header.row.menu-active {
}

.content > .row {
  margin-right: 0 !important;
  margin-left: 0px !important;
}

.form-rub-change-cat-dropdown {
  width: 100%;
}

.form-rub-change-cat-dropdown button.dropdown-toggle {
  width: 100%;
}

.mCustomScrollBox {
  overflow: initial !important;
}

.mCSB_container {
  overflow: initial !important;
}

.mCSB_scrollTools {
  left: -16px !important;
}

.menu-active .mCSB_scrollTools {
  left: auto !important;
}

button.rub_menu_link {
  float: right;
}

button.sticky {
  position: fixed;
  right: 16px;
}

div.iframe-return, div.rubrique-return {
  float: right;
}

.rubControl button.defaut {
  background-color: var(--color-itf-bleu-3);
  height: 27px;
  margin-top: -5px;
  width: 30px;
  padding-left: 6px;
  font-size: 1.2em;
  padding-top: 4px;
}

.col-fixed {
  position: relative;
  left: 0;
  top: 0;
}

.col-fixed-last {
  border-right: 1px dashed #ecece9 !important;
}

.thead .col-fixed {
  z-index: 21 !important;
}

thead.thead .cell {
  z-index: 20;
}

.lst-table .row-lst.row-head {
  left: 0;
  z-index: 50;
}

.tbody .col-fixed {
  z-index: 10;
}

.image > span > i {
  font-size: 5em;
  color: #d8d8d8;
}

/* Portail */
.tuile-content {
  padding: 0px;
  text-align: center;
  font-family: var(--font-default);
  font-weight: var(--font-weight-medium);
  border-radius: 10px;
  color: #fff;
  font-size: 1.6em;
  min-height: 230px;
  margin-bottom: 30px;
}

.tuile-content h3 {
  margin-left: -20px;
  margin-right: -20px;
}

#dashboard_content .message.alert{
  font-size: 10pt;
  margin-bottom: 10px;
}

#dashboard_content .message{
  margin: 0;
}

#dashboard_content .list-title{
  line-height: 50px;
  padding: 0px 20px;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
}

#dashboard_content .list-title h3{
  margin: 0;
  font-size: 2em;
}

#dashboard_content .list-title-icon, #dashboard_content .list-title-content{
  display: inline-block;
  vertical-align: middle;
}

#dashboard_content .list-title-icon{
  margin-right: 10px;
}

#dashboard_content .list-title-icon span .svg-inline--fa {
  vertical-align: middle;
  font-size: 33px;
}

#dashboard_content .list-tuile-content {
  vertical-align: middle;
  background-color: #fff;
  padding: 15px 15px 10px 15px;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
}

#dashboard_content .data-list {
  padding-right: 20px;
}

.list-tuile-content .alert-primary {
  color: var(--color-itf-bleu-3);
  background-color: var(--iframe-err-back-color);
  border: none;
  border-radius: 8px;
  box-shadow: 0 0 2px 0 rgb(from var(--color-itf-bleu-3) r g b / 20%);
}

.tuile-content .icon {
  width: 80px;
  height: 65px;
  margin: auto;
  text-align: center;
}

.tuile-content .icon .svg-inline--fa {
  font-size: 48px;
}

.tuile-content .infos {
  text-align: center;
  font-size: 0.7em;
}

.tuile-content .valeur {
  text-align: center;
  font-size: 1.2em;
  font-family: var(--font-default);
  font-weight: var(--font-weight-bold);
}

.tuile-digdash, .tuile {
  min-height: 230px;
}

.tuile-digdash a {
  font-weight: var(--font-weight-normal);
}

.right-col-widget {
  margin-bottom: 20px;
}

.right-col-widget .tuile {
  height: 100%;
}

#dashboard_content .tuile-content, #dashboard_content .tuile-link {
  min-height: 205px;
  font-size: 1em;
  align-content: center;
}

#dashboard_content .tuile-link .icon{
  margin-bottom: 10px;
}

#dashboard_content .tuile-link h3{
  margin-left: 20px;
  margin-right: 20px;
}

#dashboard_content .tuile-content .data-list{
  color: black;
}

.orange .jsgrid-header-row > .jsgrid-header-cell {
  background: #ffcf6e;
}

.lightBlue .jsgrid-header-row > .jsgrid-header-cell {
  background: #7aabda;
}

.tuile-widget {
  position: absolute;
  top: 0;
  left: 0;
  border: 1px solid #c33;
  border: none;
}

.tuile-widget > .wgt-content {
  position: absolute;
  bottom: 0;
  top: 0;
  left: 0;
  right: 0;
  border-radius: 8px;
  font-size: 1em;
  padding: 4px;
  padding-top: 8px;
  margin: 10px;
  height: auto;
  background: #ffffff;
}

.tuile-widget .wgt-content > h3 {
  display: block;
  font-size: 11pt;
  color: #212121;
  line-height: 16px;
  height: 16px;
  z-index: 1;
  margin: 8px;
  margin-top: 4px;
  text-wrap: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

.tuile-widget .wgt-graph {
  border-radius: 8px;

  svg {
    border-radius: 8px;
  }
}

.tuile-widget .wgt-graph * {
  font-size: revert-layer;
}

.highcharts-credits {
  display: none;
}

/***************   COLOR **********************/
.orange {
  background-color: #f3ac1e;
}

.darkBlue {
  background-color: #2c5871;
}

.lightBlue {
  background-color: #74d1d6;
}

.greyBlue {
  background-color: #2371bf;
}

.flashBlue {
  background-color: var(--color-itf-bleu-2);
}

.green {
  background-color: #259536;
}

/*************** COLOR CHARTE GRAPHIQUE ARCHIPELIA **********************/
/*   le degrés de clarté des couleur va de 1 à 7 (1 clair, 7 sombre)   **/
.grey1{ background-color: #e0e0e0; }
.grey2{ background-color: #d3d3d3; }
.grey3{ background-color: #9b9a9f; }
.grey4{ background-color: #6b6b71; }
.grey5{ background-color: #3b3c43; }

.red1{ background-color: #c7344c; }
.red2{ background-color: #b7163f; }
.red3{ background-color: #9c1c3f; }
.red4{ background-color: #c2162d; }
.red5{ background-color: #661316; }

.purple1{ background-color: #d389ba; }
.purple2{ background-color: #bb68a6; }
.purple3{ background-color: #78216d; }
.purple4{ background-color: #4d1b4b; }
.purple5{ background-color: #3d153b; }

.blue1{ background-color: #8bc6ed; }
.blue2{ background-color: #68b4e5; }
.blue3{ background-color: #41a0da; }
.blue4{ background-color: #4e8dba; }
.blue5{ background-color: #006cb5; }
.blue6{ background-color: #0b4686; }
.blue7{ background-color: #1c3762; }

.green1{ background-color: #c5db96; }
.green2{ background-color: #92c464; }
.green3{ background-color: #c5d200; }
.green4{ background-color: #a5c615; }
.green5{ background-color: #5fb130; }
.green6{ background-color: #00a339; }
.green7{ background-color: #00843b; }


/**********************************************************************/

.lst-table input.input.checkbox {
  margin-bottom: 0 !important;
  margin-left: 0 !important;
}

#container_liste_decli thead .cell {
  border-right: 1px solid #4d749b;
}

.container-label-check-box {
  display: inline-block;
}

.container-label-check-box label, .lst-table tbody tr td.cell.th-cell {
  font-family: var(--font-default);
  font-size: 9px;
}

.container-check-box input[type="checkbox"] {
  margin: 0;
}

.container-check-box {
}

.container-check-box.check-box-icon {
  text-align: left;
  display: inline-block;
  margin-left: 2px;
}

.container-icon-check-box {
  display: inline-block;
}

.container-icon-check-box label {
  margin-top: -2px;
  margin-left: 0;
  margin-bottom: 0;
  vertical-align: middle;
}

.container-check-box input.input.checkbox {
  margin: 0 !important;
  vertical-align: middle;
}

.container-icon-check-box .ico.svg-inline--fa {
  font-size: 16px;
}

.cell.col-fixed img.ico {
  margin-left: 5px;
}

ul.accordion.inverted {
  display: flex !important;
  flex-direction: column-reverse;
}

li.cat.inverted, li.cat-title.inverted {
  flex-direction: column-reverse;
}

.ui-menu-item > a.ui-menu-item-wrapper.ui-state-active {
  background: none !important;
  background-color: var(--color-highlight) !important;
}

.ui-menu-item-title > div.ui-menu-item-wrapper.ui-state-active {
  border: none !important;
  color: var(--color-gris) !important;
}

/******************************************************************************/
/*                                   Template                                 */
/******************************************************************************/
#log_logo_ext {
  width: 220px;
  height: 150px;
}

#top_bandeau_admin {
  position: fixed;
  width: 100px;
  height: 5px;
  left: -50px;
  margin-left: calc(50% - 50px);
  z-index: 4000;
  background: #ffffff22;
  border-radius: 5px;
}

#top_bandeau_admin * {
  font-family: var(--font-default);
  font-size: 10pt;
  color: #000;
}

#top_bandeau_admin_t {
  background: #ffffff;
  width: 500px;
  margin-left: calc(50% - 250px);
  padding: 4px;
  line-height: 24px;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
  text-align: left;
  box-shadow: 0px 0px 10px rgb(from var(--text-color) r g b / 30%);
}

#top_bandeau_admin_t.hidden {
  opacity: 0;
}

#top_bandeau_admin_t .right {
  text-align: right;
}

#top_bandeau_admin_t .value {
  color: #f60;
}

/* Body (shadow) */
#body_page {
  width: 100%;
}

#body_page .bp_gtg {
  height: 30px;
}

#body_page .bp_gbg {
  height: 16px;
}

#body_page .bp_m {
  vertical-align: top;
}

#body_page .bp_dtd {
  height: 30px;
}

#body_page .bp_dbd {
  height: 16px;
}

#body_page .bp_gb {
  height: 15px;
}

#body_page .bp_gbb {
  float: left;
  height: 15px;
  width: 14px;
}

#body_page .bp_b {
  height: 15px;
}

#body_page .bp_db {
  height: 15px;
}

#body_page .bp_dbb {
  float: right;
  height: 15px;
  width: 14px;
}

#top_min_width {
  height: 0;
  font-size: 0;
}

a.orange:hover, a.orange:active {
  color: #d60;
}

a.jaune:hover, a.jaune:active {
  color: #fa0;
}

a.vert:hover, a.vert:active {
  color: #090;
}

a.anis:hover, a.anis:active {
  color: #9b0;
}

a.bleu:hover, a.bleu:active {
  color: #09d;
}

a.cyan:hover, a.cyan:active {
  color: #0ac;
}

a.turquoise:hover, a.turquoise:active {
  color: #399;
}

a.rouge:hover, a.rouge:active {
  color: #e66;
}

a.mauve:hover, a.mauve:active {
  color: #a0d;
}

a.violet:hover, a.violet:active {
  color: #a0d;
}

/******************************************************************************/
/*                                Fiche détail                                */
/******************************************************************************/
table.descriptif {
  text-align: left;
  color: var(--text-color);
}

table.descriptif th {
  text-align: center;
}

table.descriptif td.title {
  color: var(--text-value-color);
  font-weight: var(--font-weight-bold);
}

table.descriptif .value {
  color: var(--text-value-color);
}

table.descriptif .value ul {
  padding-left: 20px;
  margin: 0;
  list-style-type: disc;
}

.descriptif td > button {
  margin-right: 5px;
}

textarea {
  resize: vertical;
}

textarea.print {
  resize: none;
  border-width: 0;
  background: #eee;
  overflow: auto;
}

div.descriptif, pre.descriptif {
  border-radius: 10px;
  background-color: #f4f4f3;
  padding: 8px;
  overflow: auto;
}

table.impt * {
  font-size: 1.3rem;
}

span.comment_err, div.comment_err {
  font-size: 7pt;
  font-weight: var(--font-weight-bold);
  color: var(--color-rouge);
  text-align: center;
}

span.comment, span.comment * {
  font-size: 7pt;
}

/* Adresse */
div.adresse, div.adresse_sel {
  font-family: Lucida Console, Monospace;
  font-size: 10pt;
}

div.adresse_sel {
  color: var(--color-rouge);
}

/* Contact */
div.contact table {
  clear: both;
}

div.contact table td {
  padding: 1px 4px 1px 4px;
  border-width: 0;
}

/* Contact */
div.notification table {
  clear: both;
}

div.notification table td {
  padding: 1px 4px 1px 4px;
  border-width: 0;
}

/* RIB */
div.rib table {
  clear: both;
}

div.rib table td {
  border-width: 0;
}

/* Image popup */
div.popup {
  display: none;
  z-index: 100;
  opacity: 0.8;
  filter: progid:DXImageTransform.Microsoft.BasicImage(Rotation=0, Mirror=0, Invert=0, XRay=0, Grayscale=0, Opacity=0.8);
  position: absolute;
  background-color: #fff;
  border: 1px solid var(--color-gris);
  padding: 6px;
  cursor: default;
}

div.image {
  padding: 4px;
  display: table-cell;
  text-align: center;
  vertical-align: middle;
  margin: 20px 60px 20px 60px;

  .svg-inline--fa {
    color: #ced4da;
    font-size: 64px;
  }
}

div.no_border {
  border: 0 solid #fff
}

/******************************************************************************/
/*                                   Rubrique                                 */
/******************************************************************************/
/* Rubrique */
.rub {
  background-color: var(--color-gris-body);
}

.rubFormW {
  background-color: #fff;
}

.rub_block.rubErr {
  position: relative !important;
  background-color: var(--iframe-err-back-color);
  min-height: 34px;
  border-radius: 20px;
  box-shadow: 0 0 2px 0 rgb(from var(--color-itf-bleu-3) r g b / 20%);
}

.rubErr-div-logo-archi {
  background: transparent url(../img/logo_archi_info.svg) left top no-repeat;
  height: 65px;
  width: 90px;
  position: absolute;
  bottom: -1px;
  right: -1px;
  z-index: 10;
  border-bottom-right-radius: 20px;
}

.rubErr {
  padding: 0px;
}

.container_err{
  overflow-y: auto;
  margin-bottom: 3px;
  margin-top: 3px;
}

.rubLoginPdv {
  background-color: #333;
}

/* Posia */
div.rubLoginPdv * {
  font-family: var(--font-default);
  outline: none;
}

div.rubLoginPdv *:focus {
  outline: none;
}

div.rubLoginPdv label {
  color: #fff;
  font-weight: var(--font-weight-normal);
}

div.rubLoginPdv input {
  background: #e6e6e6;
  vertical-align: middle;
  border: 0;
  border-radius: 4px;
  padding: 4px;
  margin: 1px;
}

div.rubLoginPdv input:focus {
  background: #fff;
  outline: #fea310 auto 2px;
}

div.rubLoginPdv select {
  vertical-align: middle;
  border: 0;
  border-radius: 4px;
  padding: 4px;
  margin: 1px;
}

div.rubLoginPdv select:focus {
  background: #fff;
  outline: #fea310 auto 2px;
}

button.pdv {
  outline: none;
  color: #000;
  background: #fea310;
  padding: 0 20px;
  height: 32px;
  border-radius: 5px;
  border: 0;
}

button.pdv .ico {
  margin-right: 12px
}

button.pdv span * {
  line-height: 30px;
  outline: none;
  color: #000;
  font-family: var(--font-default);
  font-size: 12pt;
  font-weight: var(--font-weight-normal);
}

button.pdv_over span * {
  color: #000;
}

td.rub_title_text {
  font-weight: var(--font-weight-bold);
  height: 24px;
  overflow: visible;
}

td.rub_title_ctl {
  height: 19px;
  width: 0;
  padding: 3px 2px 2px 2px;
  color: #000;
}

td.rub_title_ctl a:hover {
  text-decoration: underline;
}

div.rub_title_title {
  text-align: left;
  padding: 0;
  margin: 0;
  display: inline-block;
}

div.rub_title_title > b {
  font-size: 18px;
  font-family: var(--font-default);
  font-weight: var(--font-weight-medium);
}

div.rub_control {
  float: right;
  margin: -20px 10px 10px 0;
  border-bottom: none !important;
}

div.rub_control > a {
  color: #7e7e7e;
  text-align: right;
}

div.rub_control > a:hover {
  color: #2f2f2f;
}

div.rubContent {
  text-align: left;
  margin-top: 10px;
  padding: 0;
}

div.rub_help {
  padding: 4px 8px 4px 8px;
  margin-bottom: 12px;
  background: #fff;
  border: 1px dashed #ccc;
  color: var(--color-gris);
}

/* Menu des rubriques */
table.rub_menu_container {
  background: #fff;
  margin-bottom: 4px;
}

table.rub_menu_container tr.rmc_tr {
  vertical-align: bottom;
  height: 30px;
}

table.rub_menu_container td.rmc_td {
  width: 1px;
}

table.rub_menu {
  padding: 0;
  margin-bottom: 4px;
  height: 28px;
}

td.col_param select {
  width: 340px;
  max-width: 340px !important;
}

td.col_param {
  width: 350px;
}

h3 > a.showlink {
  line-height: 100%;
  font-size: 10pt;

  * {
    font-size: 10pt;
  }
}

a.showlinkAdd {
  display: inline;
  line-height: 100%;
  font-size: 10pt;
  white-space: nowrap;
  background-color: var(--color-gris-body);
  margin-right: 8px;
  padding: 6px 8px 6px 14px;
  border-radius: 6px;

  * {
    font-size: 10pt;
  }

  span.ico {
    vertical-align: baseline;
    color: var(--color-itf-bleu-3);
  }

  svg.ico {
    color: var(--color-itf-bleu-3);
  }
}

h3 > a.showlinkAdd {
  display: inline-block;
  margin-right: 8px;
}

a.showlinkAdd:hover, a.showlinkAdd:active, a.showlinkAdd:focus {
  background-color: var(--color-itf-bleu-3);

  span.ico, svg.ico {
    color: #fff;
  }
}

img.thumbnail {
  border: 1px solid #ced4da;
  box-shadow: 0 0 0 var(--input-box-shadow-width) #ced4daaa;
  border-radius: 4px;
  margin: 4px 16px 4px 16px;
  max-width: 200px;
}

/******************************************************************************/
/*                                   Liste                                    */
/******************************************************************************/
.lst-container {
  height: 100%;
  border: 0px solid #ecece9;
  position: relative;
  overflow: hidden;
}

.lst-container tr, .lst-container tr:active {
  outline: none;
}

.lst-container-table {
  padding: 0;
  margin: 0;
  text-align: left;
  vertical-align: top;
  width: 100%;
  position: relative;
}

.lst-container-menu {
  height: 100%;
  vertical-align: top;
  padding-right: 6px;
}

.lst-container-menu-div {
  height: 100%;
  min-height: 240px;
  background: var(--color-gris-body);
  border-radius: 5px;
  padding: 7px;
}

.lst-menu td a {
  display: block;
  width: 28px;
  height: 28px;
  padding: 5px 2px;
  margin-bottom: 4px;
  text-align: center;
  border-radius: 5px;

  .svg-inline--fa {
    font-size: 1.6em;
  }
}

.lst-menu td a:hover, .lst-menu td a:focus {
  color: #fff;
  background-color: var(--color-itf-bleu-3);

  .svg-inline--fa {
    color: #fff;
  }
}

.lst-menu-control {
  width: 30px;
  height: 30px;
  line-height: 30px;
  text-align: center;
  font-size: 1.2em;
}

.lst-menu-control > a span {
  font-size: 1.2em;
}

.lst-menu-container {
  display: inline-block;
}

.lst-table-container {
  max-height: 212px;
  -ms-overflow-style: auto;
  overflow: auto;
  display: inline-block;
  float: right;
  width: 100%;
  margin-left: -30px;
  padding-left: 30px;
}


.lst-pagination {
  background-color: #fff;
  border-top-width: 1px;
}

.lst-table {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  border-spacing: 0;
  -ms-overflow-style: auto;
  overflow: auto;
  height: 100%;
  border-collapse: initial;
}

.lst-table::-webkit-scrollbar, .jsgrid-grid-body::-webkit-scrollbar, .jsgrid-header-scrollbar::-webkit-scrollbar {
  width: 10px;
  height: 10px;
  background-color: #f7f7f7;
}

.lst-table::-webkit-scrollbar-thumb, .jsgrid-grid-body::-webkit-scrollbar-thumb, .jsgrid-header-scrollbar::-webkit-scrollbar-thumb {
  background: #e3e3de;
  border-radius: 5px;
}

.lst-table::-webkit-scrollbar-corner, .jsgrid-grid-body::-webkit-scrollbar-corner, .jsgrid-header-scrollbar::-webkit-scrollbar-corner {
  background: #f7f7f7;
  border-bottom-right-radius: 5px;
}

.jsgrid-edit-row >.jsgrid-cell, .jsgrid-filter-row >.jsgrid-cell, .jsgrid-grid-body, .jsgrid-grid-header, .jsgrid-header-row>.jsgrid-header-cell, .jsgrid-insert-row>.jsgrid-cell {
  border-color: #ecece9;
}

.jsgrid-header-sort-desc:before {
  border-color: #212121 transparent transparent transparent;
  margin-right: 4px;
}

.jsgrid-header-sort-asc:before {
  border-color: transparent transparent #212121 transparent;
  margin-right: 4px;
}

.jsgrid-pager {
  margin-top: 4px;
  height: 26px;
}

.lst-table .row-lst {
  height: 20px;
  outline: none;
}

.lst-table tbody .row-head {
  position: sticky;
}

.lst-table tr.row-head {
  display: table-header-group;
  height: 22px;
  margin-right: 100%;
  outline: none;
}

.lst-table {
  z-index: 30;
  top: 1px;
}

.row-head {
  top: 0;
}

.lst-table .row-hidden, .lst-table .row-hidden .cell {
  padding: 0;
  margin: 0;
  height: 0;
  line-height: 0;
}

.lst-table .cell, .jsgrid-cell {
  min-height: 16px;
  padding: 4px 4px 4px 8px;
  text-overflow: ellipsis;
  z-index: 5;
  box-sizing: border-box;
  background-color: inherit;
  font-weight: var(--font-weight-normal);
}

.lst-table th.cell, .lst-table .th-cell {
  text-align: left;
  background: var(--color-itf-bleu-3);
  color: #fff;
  font-weight: var(--font-weight-bold);
  padding: 0;
  box-sizing: border-box;
  transform: translateX(0px);
  border-right: 1px solid var(--color-itf-bleu-2);
}

.lst-table th.cell i, .lst-table .th-cell i {
  color: #fff;
  font-weight: var(--font-weight-bold);
  font-size: 10pt;
}

.lst-table th.cell span {
 padding: initial;
}

.lst-table th.cell *, .lst-table .th-cell *, .lst-table th.cell, .lst-table .th-cell {
  color: #fff;
  font-family: var(--font-default);
  font-weight: var(--font-weight-medium);
  font-size: 10pt;
}

.lst-table th.cell, .lst-table .th-cell {
  padding: 6px 6px 6px 12px;
}

.lst-table > .thead {
  display: none;
}

.lst-table > .tbody > .row-lst:last-child {
  margin-bottom: 10px;
}

.lst-table > .tbody > .row-lst:last-child > .cell {
  border-bottom: 1px solid #ecece9;
}

.lst-table > .tbody > .row-lst > td.cell:first-child {
  border-left: 1px solid #ecece9;
}

.lst-table .lst-row-menu-div {
  height: 26px;
  align-content: center;

  .svg-inline--fa {
    margin: 0 6px;
  }
}

.lst-table .row-lst.bold .cell {
  font-weight: var(--font-weight-bold) !important;
}

.lst-table .lst_number {
  text-align: right;
}

.lst-table .lst_tarif {
  text-align: right;
}

.lst-table .lst_date {
  text-align: left;
}

.lst-table .lst_timezone {
  text-align: left;
}

.lst-table .lst_icon {
  text-align: center;
}

.lst-table tr.emptyRow td.cell {
  padding: 0;
}

.lst-table .cell ul {
  padding-left: 20px;
}

.lst-table .cell li {
  list-style-type: circle;
}

/******************************************************************************/
/*                              Liste specifique                              */
/******************************************************************************/
.jsgrid-cell {
  word-break: break-word;
}

.lst-grid-table-cell {
  text-align: center;
  display: inline-grid;
  padding-bottom: 35px;
  padding-top: 35px;
}

tr.grilleRow:not(.last) > td {
  border-bottom: 1px solid #ecece9;
  font-family: var(--font-default);
}

tr.normalRow td, tr.alternateRow td, tr.specialRow td, tr.specialRow2 td, tr.sepRow td, tr.sepRow2 td, tr.sepRow3 td, tr.sepRow4 td, tr.jsgrid-row td {
  border-right: 1px solid #ecece9;
  border-bottom: 1px solid transparent;
  min-height: 20px;
  font-family: var(--font-default);
}

tr.no-border-bot td {
  border-bottom-width: 0;
}

tr.normalRow, tr.emptyRow, tr.jsgrid-row .jsgrid-cell {
  background: #fff;
}

tr.alternateRow, tr.jsgrid-alt-row .jsgrid-cell {
  background: var(--color-gris-body);
}

tr.emptyRow {
  background: #fff;
}

tr.emptyRow td {
  border-left: none;
  border-bottom: 1px solid #ddd;
  border-right: 1px solid #ddd;
}

tr.emptyRow td td {
  border: 0;
}

tr.specialRow {
  background: #fcf3cf; /* color + 80% => #f0c30f */

  td:not(:last-child) {
    border-right-color: rgb(from #f0c30f calc(r * (1 - 0.65) + 0.65 * 255) calc(g * (1 - 0.65) + 0.65 * 255) calc(b * (1 - 0.65) + 0.65 * 255));
  }
}

tr.specialRow2 {
  background: #cfe1dc; /* color + 80% => #0f6950 */

  td:not(:last-child) {
    border-right-color: rgb(from #0f6950 calc(r * (1 - 0.74) + 0.74 * 255) calc(g * (1 - 0.74) + 0.74 * 255) calc(b * (1 - 0.74) + 0.74 * 255));
  }
}

tr.highlight, tr.jsgrid-selected-row > .jsgrid-cell {
  background: #dbe3f0; /* color + 80% => #4b73b4*/
  border-bottom-color: transparent;

  td:not(:last-child) {
    border-right-color: rgb(from #4b73b4 calc(r * (1 - 0.74) + 0.74 * 255) calc(g * (1 - 0.74) + 0.74 * 255) calc(b * (1 - 0.74) + 0.74 * 255));
  }

}

tr.sepRow {
  background: #f4f4f2; /* color + 80% => #c8c8be */

  td:not(:last-child) {
    border-right-color: rgb(from #c8c8be calc(r * (1 - 0.55) + 0.55 * 255) calc(g * (1 - 0.55) + 0.55 * 255) calc(b * (1 - 0.55) + 0.55 * 255));
  }
}

tr.sepRow2 {
  background: #cfe1dc; /* color + 80% => #0f6950 */

  td:not(:last-child) {
    border-right-color: rgb(from #0f6950 calc(r * (1 - 0.74) + 0.74 * 255) calc(g * (1 - 0.74) + 0.74 * 255) calc(b * (1 - 0.74) + 0.74 * 255));
  }
}

tr.sepRow3 {
  background: var(--color-etat-noir-bg);

  td:not(:last-child) {
    border-right-color: rgb(from var(--color-etat-noir) calc(r * (1 - 0.78) + 0.78 * 255) calc(g * (1 - 0.78) + 0.78 * 255) calc(b * (1 - 0.78) + 0.78 * 255));
  }
}

tr.sepRow4 {
  background: var(--color-etat-bleu-clair-bg);

  td:not(:last-child) {
    border-right-color: rgb(from var(--color-etat-bleu-clair) calc(r * (1 - 0.75) + 0.75 * 255) calc(g * (1 - 0.75) + 0.75 * 255) calc(b * (1 - 0.75) + 0.75 * 255));
  }
}

table.cellule {
  width: 100%;
  padding: 0;
  margin: 0;
  border-width: 0;
  text-align: left;
}

table.cellule tr td {
  padding: 0;
  margin: 0;
  border-width: 0;
  height: 0;
}

table.caracts {
  margin: 0;
  margin-left: 16px;
  border-width: 0;
}

table.caracts tr {
  vertical-align: top;
}

table.caracts tr td {
  padding-left: 8px;
  padding-right: 8px;
  margin: 0;
  border-width: 0;
  height: 0;
}

table.caracts .value {
  color: var(--text-color);
}

table.liste_button tr td {
  border-width: 0;
  padding: 2px 1px 2px 1px;
}

td.row_title {
  color: #fff;
  background: var(--color-itf-bleu-3);
  border-bottom: 1px solid #ddd;
  z-index: 1;
  position: relative;
  border-right: 1px dashed #000 !important;
}

div.nested_lst_container {
  clear: both;
  overflow: auto;
  padding: 0 15px 15px 0;

  > table {
    border-top: 2px solid var(--color-itf-bleu-3);
  }
}

div.nested_lst_container .nl_cell {
  border-right: 1px solid #ecece9;
  border-bottom: 1px solid #ecece9;
  vertical-align: middle;
}

div.nested_lst_container .nl_cell .nl_cell_ico {
  text-align: center;
  vertical-align: middle;
  border-right: 1px solid #ecece9;
}

div.nested_lst_container .nl_cell .nl_cell_content, div.nested_lst_container .nl_cell .nl_cell_content_first {
  vertical-align: middle;
  padding: 1px 4px 1px 4px;
  height: 22px;
}

div.nested_lst_container .nl_cell .nl_cell_content_first {
  padding-top: 4px;
}

/******************************************************************************/
/*                                 Legende                                    */
/******************************************************************************/
table.legend {
  display: none;
  position: absolute;
  background: #fff;
  cursor: default;
  z-index: 20;
  box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.19);
}

table.legend th {
  color: #fff;
  background: var(--color-itf-bleu-3);
  padding: 6px 20px;
  margin: 0;
  font-family: var(--font-default);
  font-weight: var(--font-weight-normal);
  font-size: 10pt;
}

table.legend td {
  background: #fff;
  padding: 4px 8px;
  margin: 0;
}

/******************************************************************************/
/*                                    Debug                                   */
/******************************************************************************/
div.debug {
  position: absolute;
  width: 190px;
  padding: 4px;
  border: 1px solid #000;
  background: #ccc;
  color: #000;
  text-align: left;
  filter: progid:DXImageTransform.Microsoft.BasicImage(Rotation=0, Mirror=0, Invert=0, XRay=0, Grayscale=0, Opacity=0.6);
}

/******************************************************************************/
/*                                  Message                                   */
/******************************************************************************/
.sql_offset {
  background-color: var(--color-rouge);
  color: #fff;
}

/******************************************************************************/
/*                                 Calendrier                                 */
/******************************************************************************/
iframe.cal_iframe_bot_right, iframe.cal_iframe_top_right, iframe.cal_iframe_bot_left, iframe.cal_iframe_top_left {
  position: absolute;
  width: 260px;
  height: 190px;
  background: #fff;
  border: 1px solid #a1b3bf;
  margin: 0;
  padding: 0;
  border-radius: 11px;
  -moz-border-radius: 11px;
  -webkit-border-radius: 11px;
  z-index: 900;
}

iframe.cal_iframe_bot_right {
  border-top-left-radius: 0;
  -moz-border-radius-topleft: 0;
}

iframe.cal_iframe_top_right {
  border-bottom-left-radius: 0;
  -moz-border-radius-bottomleft: 0;
}

iframe.cal_iframe_bot_left {
  border-top-right-radius: 0;
  -moz-border-radius-topright: 0;
}

iframe.cal_iframe_top_left {
  border-bottom-right-radius: 0;
  -moz-border-radius-bottomright: 0;
}

.popup-calendar-ico {
  margin-left: 3px;
  cursor: pointer;
}

/******************************************************************************/
/*                                 Masque                                     */
/******************************************************************************/
div.msq_plan {
  padding: 8px 8px 0 8px;
}

div.msq_plan * {
  font-size: 10pt;
}

a.msq_plan_lien {
}

div.msq_plan_lien {
  padding: 4px 8px 0 8px;
  text-align: center;
  width: auto;
  display: inline;
}

div.msq_plan_sep {
  padding: 4px 4px 0 4px;
  text-align: center;
  width: auto;
  display: inline;
}

/******************************************************************************/
/*                             Textarea compteur                              */
/******************************************************************************/
div.compteur {
  height: 15px;
  width: 100%;
  text-align: right;
}

/******************************************************************************/
/*                                   Dtree                                    */
/******************************************************************************/

#rub_cat_arbo_ecommerce .onglet-rub.onglet-rub-fixed {
  min-width: 220px;
}

.dtree {
  padding-left: 8px;
  padding-top: 8px;
}

.dtree, .dtree * {
  font-size: 10pt;
  user-select: none;
  white-space: nowrap;
}

.dtreeOpt {
  margin-bottom: 6px;
  font-size: 10pt;
  background: var(--color-gris-body);
  padding: 10px 20px;
  border-radius: 10px;

  * {
    font-size: 10pt;
  }
}

.dtreeOpt a {
  margin: 0 8px 0 8px;
}

.dtreeOpt a:first-child {
  margin-left: 0;
}

.dtree img {
  border: 0;
  margin: 0;
  width: 16px;
  height: 18px;
  vertical-align: middle;
}

.dtree .nodeEdit {
  height: 18px;
  font-weight: var(--font-weight-bold);
}

.dtree a {
  text-decoration: none;
  outline: 0;
  display: inline-block;
}

#cat_tree a:hover, .dtree a:focus {
  color: var(--color-orange);

  .svg-inline--fa {
    color: var(--color-orange);
  }
}

.dtree a.node, .dtree a.nodeSel, .dtree .nodeEdit {
  white-space: nowrap;
  margin: 0 2px 0 2px;
  padding: 4px 4px 4px 4px;
  line-height: 16px;
  vertical-align: middle;
}

.dtree a.nodeSel {
  background: var(--color-itf-bleu-3);
  border-radius: 5px;
  color: #fff;
  text-decoration: none;
}

td.nodeIn {
  min-width: 200px;
  height: 24px;
  border-radius: 5px;
  cursor: pointer;
}

td.nodeIn:hover {
  background: var(--color-gris-body);
}

td.nodeIn.node_pdt .svg-inline--fa {
  color: var(--color-turquoise);
}

.dtree a.node_cat {
  font-weight: var(--font-weight-normal);
}

.dtree a.node_pdt {
  font-weight: var(--font-weight-normal);
}

.dtree a.node_rac {
}

.dtree .clip {
}

.dtreeNode {
  border-top: 1px solid #fff;
  border-bottom: 1px solid #fff;
}

.dtreeNode table {
  width: 100%;
  empty-cells: show;
}

.dtree .nodeIn .svg-inline--fa {
  font-size: 12pt;
  color: var(--color-orange);
}

.nodeUp, .nodeBot, .nodeUpDrag, .nodeBotDrag {
  line-height: 100%;
  height: 100%;
}

.nodeUp {
  width: 80px;
}

.nodeIn {
  white-space: nowrap;
}

.nodeIn-ico {
  font-size: 12pt;
  width: 24px;
  vertical-align: middle;
}

.nodeUpDrag {
  border-top: 1px dashed var(--color-orange);
}

.nodeBotDrag {
  border-bottom: 1px dashed var(--color-orange);
}

.nodeInDrag {
  background: var(--color-orange) !important;
  padding: 0 8px 0 8px;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;

  .nodeIn-ico {
    color: #fff !important;
  }
}

.nodeInDrag a {
  color: #fff !important;
}

/******************************************************************************/
/*                                  TinyMCE                                   */
/******************************************************************************/
div.tinyMCEDiv {
  width: 100%;
  border: 0;
}

div.tinyMCEDiv textarea {
  color: #fff;
  background: #fff;
}

/******************************************************************************/
/*                                 Planning                                   */
/******************************************************************************/
table.plg {
  width: 100%;
  border: 0 solid #fff;
  background: #fff;
  border-collapse: collapse;
  -moz-user-select: none;
  -khtml-user-select: none;
  user-select: none;
  cursor: default;
  border-right: 1px solid #ecece9;
  border-left: 1px solid #ecece9;
}

.plg th {
  background: var(--color-itf-bleu-3);
  color: #fff;
  text-align: center;
  font-size: 10pt;
}

.plg th.trc-sem {
  width: 50px;
  border-left-width: 0
}

.plg th.trc-today {
  background: var(--color-etat-orange);
  border-left: 2px solid var(--color-etat-orange);
  border-right: 2px solid var(--color-etat-orange);
}

.plg td {
  border-bottom: 1px solid #ccc;
  border-left: 1px solid #ccc;
}

.plg td.trc-hour {
  height: 22px;
  border-bottom: 1px dotted transparent;
  text-align: right
}

.plg td.trc-min {
  height: 22px;
  text-align: right
}

.plg td.trc-today {
  background: var(--color-etat-orange-bg);
  border-left: 2px solid var(--color-etat-orange);
  border-right: 2px solid var(--color-etat-orange);
}

.plg td.hour {
  width: 50px;
  background: var(--color-gris-body);
  border-left-width: 0;
  font-size: var(--font-size-defaut);
  vertical-align: top;
  font-weight: var(--font-weight-bold);
  color: var(--color-itf-bleu-2);
  text-align: right;
}

.plg td.km {
  background: var(--color-gris-body);
  border-bottom-width: 0;
  font-size: var(--font-size-defaut);
  vertical-align: top;
  font-weight: var(--font-weight-bold);
  text-align: right
}

.plg td.km-sep {
  height: 4px;
  line-height: 1px;
  background: #ccc;
  border-bottom-width: 0;
  border-bottom: 0 solid #5a7487;
  padding: 0;
}

.plg-evt {
  color: #fff;
  background: #41a587;
  height: 100%;
  width: 100%;
  border: 1px solid #0f4b38;
  position: absolute;
  -moz-user-select: none;
  -khtml-user-select: none;
  user-select: none;
  cursor: pointer;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
}

.plg-evt-move {
  z-index: 100;
  filter: progid:DXImageTransform.Microsoft.BasicImage(Rotation=0, Mirror=0, Invert=0, XRay=0, Grayscale=0, Opacity=0.8);
  opacity: 0.8;
}

.plg-evt td {
  overflow: hidden;
}

.plg-evt .title {
  text-indent: 4px;
  background: #0f4b38;
  overflow: hidden;
  font-size: 8.5pt;
  font-weight: var(--font-weight-bold);
  height: 15px;
  line-height: 15px;
}

.plg-evt .content {
  padding-left: 4px;
  vertical-align: top;
  overflow: hidden;
}

.plg-evt .resize {
  height: 6px;
  line-height: 1px;
  padding-bottom: 1px;
  text-align: center;
  overflow: hidden;
}

/******************************************************************************/
/*                                  JqueryUI                                  */
/******************************************************************************/
.ui-state-default {
  background: #fff;
  border: 1px solid var(--color-gris);
  color: #000;
}

.ui-state-hover {
  background: #eee;
}

.ui-selectmenu-menu {
  cursor: default;
}

.ui-selectmenu-button {
  white-space: nowrap;
  text-overflow: ellipsis;
  cursor: default;
}

.ui-selectmenu-menu .ui-menu-item .ui-selectmenu-text {
  padding: 0.2em 2.1em 0.2em 0.2em;
  display: inline-block;
  overflow: hidden;
}

.ui-selectmenu-menu .ui-menu-item .ui-icon {
  top: 0.1em;
}

.ui-selectmenu-button span.ui-icon {
  right: 0.1em;
}

.ui-selectmenu-menu li.ui-menu-item {
  white-space: nowrap;
}

.ui-selectmenu-button span.ui-selectmenu-text {
  padding: 0.2em 2.1em 0.2em 0.4em;
  display: inline-block;
}

.selectmenu-image {
  padding: 0.2em 0.1em 0.2em 0.2em;
  float: left;
}

#page-content {
  margin-left: 0;
  margin-top: 0;
  width: 100%;
  padding-left: 85px !important;
  padding-right: 5px !important;
}

.iframe_err {
  font-size: 8px;
  background-color: var(--iframe-err-back-color) !important;
}

.iframe-container {
  margin-bottom: 0px;
}

table {
  border-collapse: initial;
}

.switch-theme {
  font-size: 1.2em;
  font-family: var(--font-default);
  font-weight: var(--font-weight-bold);
  margin: 30px auto 0 auto;
  width: 140px;
}

.header-light .switch-theme {
  margin-top: 3px;
}

.bottom-page-margin {
  height: 20px;
}

/* Bloc bandeau switch theme */
.switch-theme-row{
  position: fixed;
  z-index: 52;
  width: 100%;
  height: 0px;
  margin: auto;
  display: flex;
  align-items: center;
  justify-content: center;
  top: 12px;
}

.switch-theme-block{
  background-color: #2878bd;
  min-width: 342px;
  color: #fff;
  font-family: var(--font-default);
  font-weight: var(--font-weight-bold);
  font-size: 1.2em;
  -webkit-box-shadow: 0 3px 2px 0 rgba(0, 0, 0, 0.2);
  box-shadow: 0px 3px 2px 0px rgba(0, 0, 0, 0.2);
  z-index: 11;
  padding: 0;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
}

.icon_info_switch{
  display: inline-block;
  width: 25px;
  line-height: 25px;
  background-color: #275d9c;
  text-align: center;
  border-bottom-left-radius: 4px;
}

.text-info-switch{
  line-height: 25px;
  display: inline-block;
  min-width: 90%;
  text-align: center;
  font-family: var(--font-default);
  font-weight: var(--font-weight-bold);
  font-size: 10pt;
  cursor: pointer;
}

.switch-theme-block:hover{
  background-color: #4193e7;
}

.rubContent .container{
  margin-top: 0px;
}

button.ms-choice {
  line-height: 24px;
  height: 24px;

  appearance: none;
  background: var(--far-angle-down-url) right 3px top 50% no-repeat;
  background-size: 11px auto;
}

button.ms-choice:focus {
  border-color: var(--input-value-color);
  box-shadow: 0 0 0 1px var(--input-value-color);
}

button.ms-choice > span {
  top: 2px;
  padding-left: 7px;
  font-family: var(--font-default) !important;
  font-weight: var(--font-weight-bold) !important;
  text-overflow: clip;
}

button.ms-choice > .icon-caret {
  display: none;
}

.ms-drop.bottom {
  margin-top: -1.4px;
  border-radius: 0px;
  border: 1px solid #777;

  input[type="checkbox"] {
    box-shadow: none;
  }

  label {
    color: var(--text-color);
  }
}

.ms-choice > span.placeholder {
  font-family: var(--font-default);
  font-weight: var(--font-weight-bold);
  font-size: var(--font-size-defaut);
  color: var(--input-value-color);
  margin-bottom: 0px;
}

.ms-drop ul > li label {
  padding-left: 0rem;
  text-align: left;
  line-height: 20px;
  cursor: default;
}

.ms-drop ul > li {
  padding: .2em .5em;
}

.ms-drop ul > li:hover, .ms-drop ul > li:focus {
  background-color: highlight;

  span {
    color: highlighttext;
  }

}

.ms-drop ul > li.selected {
  background-color: SelectedItem;

  span {
    color: SelectedItemText;
  }
}

.ms-drop input[type="radio"], .ms-drop input[type="checkbox"] {
  position: unset;
  margin-top: .3rem;
  margin: 0rem .2em 0em 0em;
  vertical-align: middle;
}

table#adr_reference tr>td {
  border: none;
}

/* Tooltip */
.tooltip-cnt {
  position: relative;
  display: inline-block;
}

.tooltip-cnt .tooltip-text {
  visibility: hidden;
  background-color: black;
  color: #fff;
  padding: 5px 10px;
  border-radius: 6px;
  font-size: 10pt;
  box-shadow: 2px 2px 8px 0px rgba(0,0,0,0.5);
  white-space: nowrap;
  text-decoration: inherit;

  position: absolute;
  z-index: 100;
  top: -5px;
  left: 110%;
}

.tooltip-cnt .tooltip-text * {
  font-size: 10pt;
  border: none;
}

.tooltip-cnt:hover .tooltip-text {
  visibility: visible;
}

.tooltip-cnt .tooltip-text::after {
  content: " ";
  position: absolute;
  top: 14px;
  right: 100%;
  margin-top: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: transparent black transparent transparent;
}

fieldset.tooltip-preview {
  display: inline-flex;
  margin-bottom: 20px;
  padding: 6px 14px;
  border: 1px solid #ddd;
  border-radius: 4px;
}

.tippy-box {
  border-radius: 4px;
}

.tippy-box[data-placement^=bottom]>.tippy-arrow:before, .tippy-box[data-placement^=bottom]>.tippy-arrow:after,
.tippy-box[data-placement^=top]>.tippy-arrow:before, .tippy-box[data-placement^=top]>.tippy-arrow:after  {
  left: -6px !important;
}

.usr-password-mig-alert-div {
  padding: 8px 30px;
  border-radius: 8px;
  border: 2px solid var(--color-etat-rouge);
  background: var(--color-etat-rouge-bg);
  font-size: 12pt;
  font-weight: var(--font-weight-bold);
}

div.impt-cellule, div.impt-cellule-alt, div.impt-cellule-title {
  border-radius: 10px;
  background: var(--color-gris-body);
  padding: 10px 20px;
  min-height: 100%;

  * {
    font-family: "Inter";
  }
}

div.impt-cellule-title {
  background-color: var(--color-itf-bleu-3);

  * {
    color: #ffffff;
    font-weight: var(--font-weight-medium);
    font-size: 10pt;
  }
}