body {
  background-color: #f5f5f5;
  font-family: 'Lato', sans-serif;
  font-size: 1em;
  height: 100%;
  min-width: 320px;
}
@keyframes animationChamp {
  0% {
    border-color: #ccc;
  }
  50% {
    border-color: #F9B000;
  }
  100% {
    border-color: #ccc;
  }
}
* {
  box-sizing: border-box;
}
.display-none {
  display: none;
}
.float-r {
  float: right;
}
.operateur {
  width: 16px;
  margin: 0 5px 0 0;
  display: inline-block;
  text-align: center;
  font-family: "Roboto Mono", monospace;
}
.highlightChamp {
  animation-name: animationChamp;
  animation-duration: 2s;
}
.dont,
.dont > input {
  font-style: italic;
  color: #a2a2a2;
}
li.total label,
div.total label {
  font-weight: bold;
}
li.total > div.champ > div.unite,
li.total > div.champ > input,
div.total div.champ > input,
div.total div.champ > div.unite {
  background-color: #dadada !important;
}
.div_button {
  text-align: center;
}
/*Menu*/
.breadcrumbs {
  overflow: hidden;
  width: 100%;
  margin-top: 1.25rem;
  padding: 0 5%;
}
.breadcrumbs li {
  float: left;
  margin: 0 0.5em 0 1em;
  list-style-type: none;
}
.bc {
  background: #ddd;
  cursor: pointer;
}
.bc::before {
  border-color: #ddd #ddd #ddd transparent;
}
.bc::after {
  border-left: 1em solid #ddd;
}
.bc_gris {
  color: rgba(68, 68, 68, 0.37) !important;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
  cursor: default;
}
.bc_actif {
  color: #444444;
}
.bc_actif:hover::before {
  border-color: #F9B000 #F9B000 #F9B000 transparent;
  transition: all 0.3s;
}
.bc_actif:hover::after {
  border-left-color: #F9B000;
  transition: all 0.3s;
}
.bc_focus::after {
  border-left: 1em solid #F9B000;
}
.bc_actif:hover {
  background: #F9B000;
  color: #fff !important;
  transition: all 0.3s;
}
.bc_actif_1 {
  color: #fff;
}
.bc_focus_1 {
  background: #F9B000;
  color: #25303B !important;
}
.bc_focus {
  background: #F9B000;
  color: #fff;
}
.bc_focus::before {
  border-color: #F9B000 #F9B000 #F9B000 transparent;
  left: -1em;
}
.bcb {
  padding: 0.6em 1em;
  float: left;
  text-decoration: none;
  position: relative;
}
.bcb::before {
  content: "";
  position: absolute;
  top: 50%;
  margin-top: -1.5em;
  border-width: 1.5em 0 1.5em 1em;
  border-style: solid;
  left: -1em;
}
.bcb::after {
  content: "";
  position: absolute;
  top: 50%;
  margin-top: -1.5em;
  border-top: 1.5em solid transparent;
  border-bottom: 1.5em solid transparent;
  right: -1em;
}
.menu_burger {
  display: inline-block;
  padding: 22px 31px !important;
  background: #F9B000;
  margin: 0 !important;
  border: 0 !important;
  list-style: none !important;
  line-height: 1 !important;
  position: absolute !important;
  top: 0px !important;
  right: 0px !important;
  -webkit-box-sizing: border-box !important;
  -moz-box-sizing: border-box !important;
  box-sizing: border-box !important;
  cursor: pointer;
}
.menu_burger:before {
  content: "";
  position: absolute;
  right: 20px;
  top: 27px;
  display: block;
  width: 22px;
  height: 2px;
  background: #ffffff;
}
.menu_burger:after {
  content: "";
  position: absolute;
  right: 20px;
  top: 17px;
  display: block;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  border-top: 2px solid #ffffff;
  border-bottom: 2px solid #ffffff;
  width: 22px;
  height: 3px;
}
.cssmenu-mobile,
.cssmenu-mobile ul,
.cssmenu-mobile ul li,
.cssmenu-mobile ul li a,
.cssmenu-mobile ul div li a,
.cssmenu-mobile {
  margin: 0;
  padding: 0;
  border: 0;
  list-style: none;
  line-height: 1;
  display: block;
  position: relative;
}
.menu-visible {
  margin: 0;
  padding: 0;
  border: 0;
  list-style: none;
  line-height: 1;
  display: block;
  position: absolute;
  top: -44px;
  right: 0px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.cssmenu-mobile > ul > li > a,
.cssmenu-mobile > ul > div > li > a {
  padding: 16px 20px;
  font-size: 14px;
  letter-spacing: 1px;
  text-transform: uppercase;
  text-decoration: none;
  background: #F9B000;
}
.small-screen > ul > li:hover > a,
.small-screen > ul > li > a:hover {
  -webkit-transform: none;
  -moz-transform: none;
  transform: none;
  -ms-transform: none;
}
.small-screen .menu-visible {
  display: inline-block;
  padding: 22px 31px;
  background: #F9B000;
}
.small-screen .menu-visible:after {
  content: "";
  position: absolute;
  right: 20px;
  top: 22px;
  display: block;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  border-top: 2px solid #ffffff;
  border-bottom: 2px solid #ffffff;
  width: 22px;
  height: 3px;
}
.small-screen .menu-visible:before {
  content: "";
  position: absolute;
  right: 20px;
  top: 32px;
  display: block;
  width: 22px;
  height: 2px;
  background: #ffffff;
}
#menu_fichier li a,
#cssmenu li a {
  color: white;
}
#menu_fichier li a:hover {
  background: #25303B;
}
/*Fieldset*/
.TitreFieldset {
  margin: 0px;
  padding: 8px;
  color: #F9B000;
  text-transform: uppercase;
  font-weight: 700;
}
.fieldset {
  background-color: #FFFFFF;
  border: 1px solid rgba(0, 0, 0, 0.125);
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  margin-bottom: 25px;
  padding: 15px 25px 25px !important;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
}
ol {
  list-style-type: none;
  padding: 5px 10px 10px 10px;
  margin: 0;
}
li {
  margin-bottom: 10px;
}
/*Fieldset Rappel*/
.Titre_Rappel {
  background-color: #9F9BA1;
  margin: 0px;
  padding: 8px;
  color: #fff;
}
#rappel {
  border-color: #9F9BA1;
}
.lien_rappel {
  text-decoration: none;
}
.text_rappel {
  font-family: 'Roboto', sans-serif;
  font-size: 0.9em;
  padding: 5px;
  text-align: center;
}
/* Boutons */
.ui-icon-reset {
  display: inline-block;
  height: 20px;
  width: 20px;
  background-image: url("../reset.png");
  background-repeat: no-repeat;
  background-size: 20px;
  background-position-y: 4px;
}
.button,
.button_view {
  position: relative;
  width: 180px;
  padding: 8px 12px;
  font-size: 14px;
  font-weight: 400;
  color: #fff;
  text-align: center;
  background-color: #F9B000;
  border-width: 0px;
  cursor: pointer;
  margin-bottom: 5px;
  border-radius: 0.2rem;
}
#button_rappel,
.button_rappel {
  width: 210px;
  background-color: #9F9BA1;
}
.button .fa {
  color: white !important;
}
button:focus {
  outline: 0;
}
.boutton_champ_refresh {
  width: 30px;
  height: 30px;
  color: #fff;
  background-color: #F9B000;
  border: solid #F9B000;
  border-width: 1px 1px 1px 1px;
  cursor: pointer;
  margin-top: 1px;
  margin-right: 5px;
  padding: 0;
}
.boutton_champ_view {
  width: 30px;
  height: 30px;
  color: #fff;
  background-color: #F9B000;
  border: solid #F9B000;
  border-width: 1px 1px 1px 1px;
  cursor: pointer;
  margin-top: 1px;
  margin-right: 5px;
}
.boutton_champ_cadenas {
  width: 30px;
  height: 30px;
  color: #fff;
  background-color: #F9B000;
  border: solid #F9B000;
  border-width: 1px 1px 1px 1px;
  cursor: pointer;
  margin-top: 1px;
  margin-right: 5px;
}
.boutton_champ_view,
.boutton_champ_cadenas {
  border-radius: 0.2rem;
  margin-right: 0.5em;
  margin-bottom: 0;
}
.fa-lg {
  font-size: 1.2em;
}
/*Boutons navigation*/
.li_nav {
  text-align: center;
  position: relative;
  bottom: -35px;
  height: 0px;
}
.li_rapport {
  text-align: center;
}
.boutton_navigation {
  display: inline-flex;
  justify-content: center;
  padding-bottom: 0px;
  width: 40px;
  align-items: center;
  height: 40px;
  font-size: 28px;
  color: #ffffff;
  margin: 0 5px;
  background-color: #F9B000;
  -webkit-border-radius: 24px;
  -moz-border-radius: 24px;
  border-radius: 24px;
  cursor: pointer;
  box-shadow: 0 1px 5px rgba(0, 0, 0, 0.07);
}
.bouton_valider {
  text-align: center;
  margin: 10px;
}
.marge_nav {
  margin-bottom: 60px;
}
.ol_nav {
  padding: 0;
  margin: 0;
}
ol.ol_nav > li.li_nav {
  bottom: -22px;
}
/*Input radio/checkbox*/
@keyframes hover-color {
  from {
    border-color: #c0c0c0;
  }
  to {
    border-color: #F9B000;
  }
}
.magic-radio,
.magic-checkbox {
  position: absolute;
  display: none;
}
.magic-radio[disabled],
.magic-checkbox[disabled] {
  cursor: not-allowed;
}
.magic-radio + label,
.magic-checkbox + label {
  position: relative;
  padding-left: 20px;
  padding-right: 15px;
  cursor: pointer;
  display: inherit;
}
.magic-radio + label:hover:before,
.magic-checkbox + label:hover:before {
  animation-duration: 0.4s;
  animation-fill-mode: both;
  animation-name: hover-color;
}
.magic-radio + label:before,
.magic-checkbox + label:before {
  position: absolute;
  top: 3px;
  left: 0;
  display: inline-block;
  width: 15px;
  height: 15px;
  content: '';
  border: 1px solid #c0c0c0;
}
.magic-radio + label:after,
.magic-checkbox + label:after {
  position: absolute;
  display: none;
  content: '';
}
.magic-radio[disabled] + label,
.magic-checkbox[disabled] + label {
  cursor: not-allowed;
  color: #e4e4e4;
}
.magic-radio[disabled] + label:hover,
.magic-radio[disabled] + label:before,
.magic-radio[disabled] + label:after,
.magic-checkbox[disabled] + label:hover,
.magic-checkbox[disabled] + label:before,
.magic-checkbox[disabled] + label:after {
  cursor: not-allowed;
}
.magic-radio[disabled] + label:hover:before,
.magic-checkbox[disabled] + label:hover:before {
  border: 1px solid #F9B000;
  animation-name: none;
}
.magic-radio[disabled] + label:before,
.magic-checkbox[disabled] + label:before {
  border-color: #e4e4e4;
}
.magic-radio:checked + label:before,
.magic-checkbox:checked + label:before {
  animation-name: none;
}
.magic-radio:checked + label:after,
.magic-checkbox:checked + label:after {
  display: block;
}
.magic-radio + label:before {
  border-radius: 50%;
  box-sizing: content-box;
}
.magic-radio + label:after {
  top: 6px;
  left: 3px;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: #F9B000;
}
.magic-radio:checked + label:before {
  border: 1px solid #F9B000;
}
.magic-radio:checked[disabled] + label:before {
  border: 1px solid #c9e2f9;
}
.magic-radio:checked[disabled] + label:after {
  background: #c9e2f9;
}
.magic-checkbox + label:before {
  border-radius: 3px;
}
.magic-checkbox + label:after {
  top: 2px;
  left: 5px;
  box-sizing: border-box;
  width: 6px;
  height: 12px;
  transform: rotate(45deg);
  border-width: 2px;
  border-style: solid;
  border-color: #fff;
  border-top: 0;
  border-left: 0;
}
.magic-checkbox:checked + label:before {
  border: #F9B000;
  background: #F9B000;
}
.magic-checkbox:checked[disabled] + label:before {
  border: #c9e2f9;
  background: #c9e2f9;
}
/*Switch*/
.switch {
  position: relative;
  display: inline-block;
  width: 40px;
  height: 22px;
  top: 5px;
}
.switch input {
  display: none;
}
.lcs_wrap {
  display: inline-block;
  direction: ltr;
  height: 28px;
  vertical-align: middle;
  margin-left: 10px;
}
.lcs_wrap input {
  display: none !important;
}
.lcs_switch {
  display: inline-block;
  position: relative;
  width: 73px;
  height: 28px;
  border-radius: 30px;
  background: #ddd;
  overflow: hidden;
  cursor: pointer;
  -webkit-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
.lcs_cursor {
  display: inline-block;
  position: absolute;
  top: 3px;
  width: 22px;
  height: 22px;
  border-radius: 100%;
  background: #fff;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2), 0 3px 4px 0 rgba(0, 0, 0, 0.1);
  z-index: 10;
  -webkit-transition: all 0.2s linear;
  -ms-transition: all 0.2s linear;
  transition: all 0.2s linear;
}
.lcs_label {
  font-family: "Trebuchet MS", Helvetica, sans-serif;
  font-size: 12px;
  letter-spacing: 1px;
  line-height: 18px;
  color: #fff;
  font-weight: bold;
  position: absolute;
  width: 33px;
  top: 5px;
  overflow: hidden;
  text-align: center;
  opacity: 0;
  -webkit-transition: all 0.2s ease-in-out 0.1s;
  -ms-transition: all 0.2s ease-in-out 0.1s;
  transition: all 0.2s ease-in-out 0.1s;
}
.lcs_label.lcs_label_on {
  left: -70px;
  z-index: 6;
}
.lcs_label.lcs_label_off {
  right: -70px;
  z-index: 5;
}
/* on */
.lcs_switch.lcs_on {
  background: #9F9BA1;
  /* box-shadow: 0 0 2px #579022 inset; */
}
.lcs_switch.lcs_on .lcs_cursor {
  left: 48px;
}
.lcs_switch.lcs_on .lcs_label_on {
  left: 10px;
  opacity: 1;
}
/* off */
.lcs_switch.lcs_off {
  background: #b2b2b2;
  /* box-shadow: 0px 0px 2px #a4a4a4 inset; */
}
.lcs_switch.lcs_off .lcs_cursor {
  left: 3px;
}
.lcs_switch.lcs_off .lcs_label_off {
  right: 10px;
  opacity: 1;
}
/* disabled */
.lcs_switch.lcs_disabled {
  opacity: 0.65;
  filter: alpha(opacity=65);
  cursor: default;
}
.slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}
.slider:before {
  position: absolute;
  content: "";
  height: 14px;
  width: 17px;
  left: 4px;
  bottom: 4px;
  background-color: white;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}
.slider.round {
  border-radius: 34px;
}
.slider.round:before {
  border-radius: 50%;
  height: 14px;
  width: 14px;
}
.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active,
a.ui-button:active,
.ui-button:active,
.ui-button.ui-state-active:hover {
  border: 1px solid #c5c5c5 !important;
  background: #F9B000 !important;
  font-weight: normal;
  color: white;
}
input:checked + .slider {
  background-color: #F9B000;
}
input:focus + .slider {
  box-shadow: 0 0 1px #F9B000;
}
input:checked + .slider:before {
  -webkit-transform: translateX(17px);
  -ms-transform: translateX(17px);
  transform: translateX(17px);
}
.ui-button:active .ui-icon {
  background-image: url(images/ui-icons_777777_256x240.png) !important;
}
/*range slider*/
.lib_slider {
  display: inline;
  /*width: 65px*/
  padding: 0 10px;
  float: right;
}
.container_slider .ui-slider {
  display: inline-block;
  width: 40%;
  float: right;
}
.container_slider {
  display: inline-block;
  width: 50%;
  float: right;
  margin-top: 10px;
}
/*Tooltip*/
.tooltip {
  position: relative;
  display: inline-block;
  opacity: 1;
  margin: 0;
  z-index: auto;
  font-family: inherit;
  font-size: 1em;
}
.tooltip-inline {
  position: relative;
  display: inline-block;
  float: right;
  margin-right: 20px;
}
.tooltiptext {
  display: none;
  background-color: #555;
  color: #fff;
  text-align: center;
  padding: 5px;
  border-radius: 6px;
  position: absolute;
  z-index: inherit;
  bottom: 125%;
  right: 0;
  width: 80vw;
  max-width: 350px;
  font-weight: initial;
}
.tooltiptext::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: #555 transparent transparent transparent;
}
.ui-dialog .tooltiptext {
  top: 125%;
  bottom: auto;
  width: 300px;
}
.ui-dialog .tooltiptext::after {
  border-color: transparent transparent #555 transparent;
  bottom: 100%;
  top: auto;
}
.icon-help {
  width: 0;
  position: relative;
  display: inline-block;
  left: -12px;
  color: #555;
}
.icon-help:before {
  display: none;
}
.tooltip-inline .icon-help {
  color: #555;
  margin-left: 5px;
  position: relative;
  left: auto;
}
.lien_aide {
  color: white;
  text-decoration: underline !important;
}
/* Libellés */
.modTitre {
  font-weight: bold;
  color: #FFFFFF;
  font-size: 1em;
  border-bottom: 1px solid #25303B;
  padding: 0 66px 0 10px;
  height: 44px;
  line-height: 44px;
  background-color: #25303B;
  box-sizing: border-box;
}
.modLibIntro {
  font-style: italic;
  text-align: center;
}
.modLibCopyright {
  font-style: italic;
  font-size: 8pt;
  text-align: center;
}
label {
  margin-bottom: 0;
}
.label {
  display: inline-block;
  padding: 5px 10px 5px 0;
  margin-right: 10px;
  margin-bottom: 0;
}
.label-droit {
  display: inline-block;
  padding: 5px 0;
  margin-right: 18px;
  height: 32px;
}
.padding {
  padding-left: 20px;
}
@media only screen and (max-width: 576px) {
  .padding {
    padding-left: 0px;
  }
}
.padding2 {
  padding-left: 40px;
}
/* Champs */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  margin: 0;
}
input[type=number] {
  -moz-appearance: textfield;
}
input {
  outline: none;
}
select {
  outline: none;
}
.champ {
  border: 1px solid #ccc;
  border-radius: 4px;
  float: right;
  background-color: #fff;
  height: 32px;
  box-sizing: border-box;
  position: relative;
  font-size: 0.9em;
  min-width: 130px;
  text-align: right;
}
.modChampSaisieD {
  float: left;
  width: 180px;
  height: 100%;
  padding: 0 60px 0 0;
  font-size: 1em;
  color: #555;
  background-color: transparent;
  background-image: none;
  border: 0px solid #ccc;
  border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
}
.champ.sans-unite > .modChampSaisieD {
  padding: 0 8px 0 0;
}
.champ-gris {
  background-color: #eee !important;
}
@media screen and (min-width: 780px) {
  .champs-194 {
    width: 194px;
  }
  .champs-194:not(.passif-commun) {
    display: inline-flex !important;
  }
}
.champs-194 select {
  width: 100%;
}
.result {
  font-size: 1em;
  float: right;
  height: 32px;
  box-sizing: border-box;
  border: none;
  background-color: transparent;
  text-align: right;
}
.result > input {
  float: left;
  width: 134px;
  height: 100%;
  padding: 0px;
  padding-right: 25px;
  color: inherit;
  background-color: transparent;
  background-image: none;
  border: none;
  font-size: 1em;
}
em .result > input {
  color: #c5c5c5;
}
strong .result > input {
  font-weight: 700;
}
.champ > .unite {
  float: left;
  height: 100%;
  line-height: 31px;
  width: 54px;
  padding: 0;
  font-size: 1em;
  font-weight: 400;
  color: #555;
  background-color: #eee;
  border: 0px solid #ccc;
  border-radius: 4px;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  vertical-align: middle;
  text-align: center;
  position: absolute;
  right: 0;
}
.result > .unite {
  float: left;
  height: 100%;
  line-height: 32px;
  width: 20px;
  padding: 0;
  font-size: 1em;
  font-weight: 400;
  color: inherit;
  background-color: transparent;
  vertical-align: middle;
  text-align: center;
}
.hover_champ {
  border: 1px solid #F9B000;
  border-radius: 4px;
}
.focus_champ {
  border-color: #9F9BA1;
}
.modChampSaisieDSansUnite {
  float: left;
  width: 137px;
  height: 100%;
  padding: 0px;
  padding-right: 5px;
  font-size: 14px;
  color: #555;
  background-color: transparent;
  background-image: none;
  border: 0px solid #ccc;
  border-radius: 3px;
}
.champ.sans-unite > .unite {
  display: none !important;
}
input {
  font-family: Lato, sans-serif;
}
select {
  font-family: Lato, sans-serif;
}
.select2-selection--single {
  display: flex;
  padding: inherit;
  height: 32px;
  align-items: center;
  line-height: inherit;
}
.select2-selection--single .select2-selection__arrow:after {
  content: "\f107";
  font-family: 'FontAwesome';
  top: 55%;
  font-size: 0.85rem;
}
.select2-results ul li {
  margin-bottom: 0;
}
.select2-container {
  min-width: 150px;
}
.select2-container--default .select2-results__option[aria-disabled=true] {
  display: none;
}
::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  color: #ccc;
  padding-right: 2px;
  font-style: normal;
}
::-moz-placeholder {
  /* Firefox 19+ */
  color: #ccc;
  padding-right: 2px;
  font-style: normal;
}
:-ms-input-placeholder {
  /* IE 10+ */
  color: #ccc;
  padding-right: 2px;
  font-style: normal;
}
:-moz-placeholder {
  /* Firefox 18- */
  color: #ccc;
  padding-right: 2px;
  font-style: normal;
}
.modChampSelect {
  border: none;
  border-radius: 4px;
  height: 100%;
  background-color: #ffffff;
}
.modChampSelect option:disabled {
  display: none;
}
.spinner_moins {
  float: left;
  height: 31px;
  width: 20px;
  border-width: 0px 0px 0px 0px;
  background: url(/common/icon-down.png) no-repeat;
  background-size: 20px;
  background-position: left center;
}
.spinner_plus {
  float: left;
  height: 31px;
  margin-right: 60px;
  width: 20px;
  border-width: 0px 0px 0px 0px;
  background: url(/common/icon-up.png) no-repeat;
  background-size: 20px;
  background-position: left center;
}
.avecSpin {
  width: 80px;
  padding: 0px 8px 0px 0px;
}
.stat_icon {
  display: flex;
  flex-direction: column;
  align-content: center;
  justify-content: center;
  text-align: center;
  width: 100%;
  padding: 50px 0;
}
.stat_icon .material-icons {
  opacity: 0.2;
  font-size: 7.5em;
}
.text-danger {
  font-size: 0.75rem;
  width: 100%;
  display: flex;
  justify-content: flex-end;
  padding-top: 5px;
}
.date {
  color: #555;
  height: 28px;
  width: 34px;
  border: none;
  border-radius: 4px;
  text-align: center;
}
.date:invalid,
.date_a:invalid {
  box-shadow: 0 0 1.5px 1px red;
}
.date_a {
  color: #555;
  height: 28px;
  width: 45px;
  border: none;
  border-radius: 4px;
  text-align: center;
}
.champ.w-100 select,
.champ.w-100 input {
  width: 100%;
}
.loader {
  position: absolute;
  border: 3px solid #f3f3f3;
  border-radius: 50%;
  border-top: 3px solid #F9B000;
  width: 22px;
  height: 22px;
  margin-top: 2px;
  margin-left: 2px;
  -webkit-animation: spin 2s linear infinite;
  animation: spin 2s linear infinite;
  display: none;
}
@-webkit-keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
  }
}
@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
/* Custom Select */
select {
  padding: 0 10px;
}
.select {
  cursor: pointer;
  height: 100%;
  text-align: center;
  color: #555;
}
.select_arrow {
  margin-left: 4px;
}
.option_list {
  z-index: 999;
  position: absolute !important;
  background-color: #f7f7f7;
  right: 10px;
  top: 32px;
}
.option_custom {
  border: 1px solid #c1c1c1;
  text-align: center;
  display: inline-block;
  width: 100%;
  border-bottom-width: 0px;
  background-color: #eaeaea;
  padding: 0px 5px;
}
.option_custom:hover {
  background-color: #F9B000;
  color: #fff;
}
.option_custom:last-child {
  border-bottom-width: 1px;
}
/*Tableaux*/
.tableau {
  border: solid 1px #fff;
  background-color: #f8f8f8;
  margin: auto;
}
.modTabTitreColonne {
  color: white;
  font-weight: bold;
  text-align: center;
  background-color: #9F9BA1 !important;
  /*border-right:solid 1px white;border-top:solid 1px white;*/
  padding: 2px 5px;
}
.modTabTitre {
  color: white;
  background-color: #4796f3;
  padding: 2px 5px;
}
.modTabSousTitre {
  background-color: #F9B000;
  color: white;
}
.modTabLignePaire {
  background-color: #ddd;
}
.modTabLigneLib {
  line-height: 22px;
  text-align: center;
  font-weight: bold;
  padding: 0px 5px;
}
.modTabCelluleVal {
  line-height: 22px;
  text-align: center;
  padding: 0px 5px;
}
.modTabLigneSelect {
  background-color: #96FF93;
}
.modTabGras {
  font-weight: bold;
}
.table-responsive {
  display: table;
}
/*Message*/
.ui-widget-header {
  background: #F9B000;
  border: none;
  border-radius: 0;
}
.ui-widget-content a {
  color: #F9B000;
  text-decoration: underline;
}
.ui-widget-content a:hover {
  color: #9F9BA1;
}
.no-close .ui-dialog-titlebar-close {
  /* display: none; */
}
.dialog-message {
  text-align: justify;
}
#dialog-rapport .dialog-message,
#dialog-param_rapport .dialog-message,
#dialog-login_rapport .dialog-message {
  text-align: center;
}
.tooltiptext ul,
.dialog-message ul {
  margin-top: 5px;
  list-style-type: none;
}
.tooltiptext ul li::before,
.dialog-message ul li::before {
  content: "- ";
}
.dialog-message ul li {
  margin-bottom: 5px;
}
#dialog-param_rapport .dialog-message {
  text-align: left !important;
}
#message-rapport .loader {
  left: calc(50% - 20px) !important;
}
/*Boite génération rapport*/
#format_rapport {
  float: right !important;
  margin-top: 5px;
}
#format_rapport label {
  margin-right: 30px;
  display: inline;
}
#format_rapport label:last-child {
  margin-right: 0px;
}
#param_rapport_client input,
#choix_modele {
  float: right !important;
}
#choix_modele {
  margin-left: 30px;
}
/*fin boite*/
.ui-dialog .ui-dialog-title {
  width: 100%;
}
.ui-button-icon-only .ui-icon {
  transform: none !important;
}
.ui-dialog-titlebar-close:focus,
.ui-dialog-titlebar-close:hover {
  background-color: #f6f6f6 !important;
}
.ui-dialog .ui-dialog-buttonpane button:hover {
  background: #F9B000 !important;
  color: white !important;
}
/*Liens*/
.modLien {
  color: #F9B000;
  text-decoration: none;
}
.modLien:hover {
  color: #9F9BA1;
}
.modLien:visited {
  color: #F9B000;
}
.modLienInfo {
  border-bottom: dotted 1px #F9B000;
}
.lien_view {
  float: right;
  color: black;
}
.lien {
  color: #F9B000;
  text-decoration: none;
  cursor: pointer;
  transition: all 0.3s;
}
.lien:hover {
  color: #0a6ebd;
}
/*Copyright*/
#copyright {
  width: 100%;
  bottom: 0;
  left: 0;
  position: absolute;
}
a {
  color: #003399;
  text-decoration: none;
}
/* -------------------------------- 

Main components 

-------------------------------- */
h1,
.h1 {
  font-size: 1.25rem;
  letter-spacing: 0.05rem;
  margin-bottom: 20px !important;
  font-weight: 600;
}
h2 {
  padding-left: 10px;
  font-size: 1.15rem;
  font-weight: 600;
  letter-spacing: 0.02rem;
}
h3 {
  font-size: 1.15rem;
  margin: 2rem 0 1em;
  font-weight: 600;
  text-decoration: none;
  font-style: normal;
}
#container {
  margin: 0;
}
#container2 {
  padding: 1.25rem 5% 2.5rem;
  min-height: 85vh;
  width: 100%;
}
.cd-tabs {
  position: relative;
}
.cd-tabs:after {
  content: "";
  display: table;
  clear: both;
}
.cd-tabs::after {
  /* subtle gradient layer on top right - to indicate it's possible to scroll */
  position: absolute;
  top: 0;
  right: 0;
  height: 60px;
  width: 50px;
  z-index: 1;
  pointer-events: none;
  background: -webkit-linear-gradient(right, #FFFFFF, rgba(248, 247, 238, 0));
  background: linear-gradient(to left, #FFFFFF, rgba(248, 247, 238, 0));
  visibility: visible;
  opacity: 1;
  -webkit-transition: opacity 0.3s 0s, visibility 0s 0s;
  -moz-transition: opacity 0.3s 0s, visibility 0s 0s;
  transition: opacity 0.3s 0s, visibility 0s 0s;
}
.no-cssgradients .cd-tabs::after {
  display: none;
}
.cd-tabs.is-ended::after {
  /* class added in jQuery - remove the gradient layer when it's no longer possible to scroll */
  visibility: hidden;
  opacity: 0;
  -webkit-transition: opacity 0.3s 0s, visibility 0s 0.3s;
  -moz-transition: opacity 0.3s 0s, visibility 0s 0.3s;
  transition: opacity 0.3s 0s, visibility 0s 0.3s;
}
.cd-tabs nav {
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  background: #FFFFFF;
  box-shadow: inset 0 -2px 3px rgba(203, 196, 130, 0.06);
}
@media only screen and (min-width: 960px) {
  .cd-tabs nav {
    position: relative;
    float: none;
    background: transparent;
    box-shadow: none;
  }
}
.tabs-projet {
  width: auto;
}
.tabs-hypotheses {
  width: 480px;
}
.cd-tabs-navigation:after {
  content: "";
  display: table;
  clear: both;
}
.cd-tabs-navigation li {
  float: left;
  margin-bottom: 0px;
}
.cd-tabs-navigation a {
  position: relative;
  display: block;
  height: 35px;
  width: 95px;
  text-align: center;
  font-size: 12px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-weight: 700;
  color: #ccc;
  padding-top: 15px;
}
.no-touch .cd-tabs-navigation a:hover {
  color: #F9B000;
  background-color: rgba(233, 230, 202, 0.3);
}
.cd-tabs-navigation a.selected {
  background-color: #ffffff !important;
  box-shadow: inset 0px -3px 0px 0px #F9B000;
  color: #F9B000;
}
.cd-tabs-navigation a::before {
  /* icons */
  position: absolute;
  top: 12px;
  left: 50%;
  margin-left: -10px;
  display: inline-block;
  height: 20px;
  width: 20px;
  background-repeat: no-repeat;
}
@media only screen and (min-width: 960px) {
  .cd-tabs-navigation {
    /* tabbed on top on big devices */
    width: auto;
    background-color: #FFFFFF;
    box-shadow: inset 0 -2px 3px rgba(203, 196, 130, 0.06);
  }
  .cd-tabs-navigation a {
    height: 60px;
    line-height: 60px;
    width: auto;
    text-align: left;
    font-size: 14px;
    font-size: 0.875rem;
    padding: 0 3em 0 3em;
  }
  .cd-tabs-navigation a.selected {
    box-shadow: inset 0px -3px 0px 0px #F9B000;
  }
  .cd-tabs-navigation a::before {
    top: 50%;
    margin-top: -10px;
    margin-left: 0;
    left: 38px;
  }
}
.cd-tabs-content {
  background: #f5f5f5;
}
.cd-tabs-content li {
  display: none;
}
.cd-tabs-content li.selected {
  display: block;
  -webkit-animation: cd-fade-in 0.5s;
  -moz-animation: cd-fade-in 0.5s;
  animation: cd-fade-in 0.5s;
}
.cd-tabs-content li ol li {
  display: block;
}
@media only screen and (min-width: 960px) {
  .cd-tabs-content {
    min-height: 0;
  }
  .cd-tabs-content li p {
    font-size: 16px;
    font-size: 1rem;
  }
}
@-webkit-keyframes cd-fade-in {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-moz-keyframes cd-fade-in {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes cd-fade-in {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
hr.style14 {
  margin-left: 10px;
  margin-right: 10px;
  border: 0;
  height: 1px;
  background-image: -webkit-linear-gradient(left, #FFFFFF, #8c8b8b, #FFFFFF);
  background-image: -moz-linear-gradient(left, #FFFFFF, #8c8b8b, #FFFFFF);
  background-image: -ms-linear-gradient(left, #FFFFFF, #8c8b8b, #FFFFFF);
  background-image: -o-linear-gradient(left, #FFFFFF, #8c8b8b, #FFFFFF);
}
/* Tiroirs */
.box_body {
  border: 1px solid lightgrey;
  border-top: 0;
  border-radius: 0 0 0.2rem 0.2rem;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
}
.box_title {
  background-color: #607d8b;
  border-color: #607d8b;
  color: white;
  margin-top: 5px;
  padding: 15px 30px;
  border-radius: 0.2rem;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
  cursor: pointer;
}
.box_title:first-child {
  background-color: #25303b;
  border-color: #25303b;
}
.box_title .fa {
  color: white;
}
.box_title .fa:hover,
.fa-plus:hover {
  color: #F9B000;
}
.fa-plus {
  font-size: 1em;
  text-indent: 5px;
  cursor: pointer;
  color: #25303b;
}
.box_title .fa-trash-o {
  float: right;
  font-size: 1.1em;
  cursor: pointer;
}
a.ajoute_tiroir,
a.ajoute_tiroir i {
  color: #bbb !important;
  font-weight: 600;
}
a.ajoute_tiroir:hover,
a.ajoute_tiroir:hover i {
  color: #F9B000 !important;
}
.spacer-xs {
  margin: 0.5em 0;
}
.box_body .modChampSaisieDSansUnite {
  width: 100%;
}
/* Datatables editor */
.col-editable {
  border-bottom: 1px solid black;
  text-align: right;
  margin-bottom: 10px;
  float: right;
  height: 35px;
  align-items: center;
  display: inline-flex;
  padding-right: 10px;
  width: 85%;
}
.col-editable input {
  border: 0;
  border-radius: 0;
  padding: 0 15px;
  width: 100%;
}
.col-editable:hover {
  border-color: #F9B000;
}
.col-editable:hover i {
  color: #F9B000;
}
/* Tabs */
ul.nav-tabs {
  /* justify-content: space-between; */
}
.nav-tabs li {
  align-self: flex-end;
}
.nav-tabs li.tab-title {
  padding: 0.75rem 1.25rem;
  margin: 0;
  width: 50%;
  color: var(--secondary-color);
  font-weight: 600;
  font-size: 1.2rem;
}
.nav-tabs-bottom .nav-link.active:before {
  background-color: var(--secondary-color);
}
.tab_res_details th,
.tab_comparatif th {
  font-weight: 700;
}
.tab_res_details_cols th {
  width: 10%;
}
.tab_comparatif th {
  border-bottom: 1px solid black !important;
}
.tab_comparatif tbody th {
  height: 50px;
  border-top: 1px solid black;
}
tr.grey {
  background: #EBEBF2;
}
#resultats_details h2 {
  margin: 2rem 0 1em;
}
.nav-tabs-bottom .nav-link.active:before {
  background-color: #F9B000;
}
/* Steps wizard */
.wizard > .steps > ul > li .number:after {
  display: inline-block;
  font-size: 1rem;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  transition: all ease-in-out 0.15s;
}
.wizard > .steps > ul > li.current .number:after {
  content: "\f040";
  font-family: FontAwesome;
}
.wizard > .steps > ul > li.done .number:after {
  content: "\f00c";
  font-family: FontAwesome;
}
.wizard > .steps > ul > li.current .number {
  border-color: #F9B000;
  color: #F9B000;
}
.wizard > .steps > ul > li.done .number {
  background-color: #F9B000;
  border-color: #F9B000;
}
.wizard > .steps > ul > li:after,
.wizard > .steps > ul > li:before {
  background-color: #F9B000;
}
.wizard > .steps .number {
  border: 3px solid #f5f5f5;
  line-height: 2rem;
}
.wizard > .steps > ul > li.current:after,
.wizard > .steps > ul > li.current ~ li:after,
.wizard > .steps > ul > li.current ~ li:before {
  background-color: #fff;
}
.wizard > .actions {
  text-align: center;
}
.wizard > .actions > ul > li:last-child {
  display: none !important;
}
.wizard > .actions > ul > li a {
  background-color: #F9B000 !important;
  color: white;
  border-radius: 50px;
  width: 40px;
  height: 40px;
  padding: 0;
  align-items: center;
  display: flex;
  justify-content: center;
  padding-left: 2px;
  box-shadow: 0 1px 5px rgba(0, 0, 0, 0.07);
  transition: all 0.3s ease-in-out;
}
.wizard > .actions > ul > li a:hover {
  box-shadow: none !important;
  transform: scale(0.98);
}
.ml-keyleft {
  margin-left: -2px;
}
/* loader */
.theme_xbox,
.theme_xbox_lg,
.theme_xbox_sm {
  margin: 0;
}
.theme_xbox .pace_activity,
.theme_xbox .pace_activity:after,
.theme_xbox .pace_activity:before,
.theme_xbox_lg .pace_activity,
.theme_xbox_lg .pace_activity:after,
.theme_xbox_lg .pace_activity:before,
.theme_xbox_sm .pace_activity,
.theme_xbox_sm .pace_activity:after,
.theme_xbox_sm .pace_activity:before {
  border-top-color: #aaaaaa;
}
.overlay {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 20;
}
/* Responsive */
.mobile-button {
  display: none !important;
}
@media screen and (max-width: 990px) {
  .wizard > .steps > ul {
    display: flex;
    justify-content: space-around;
    width: 100%;
  }
  .wizard > .steps > ul > li {
    width: inherit;
  }
}
@media screen and (max-width: 780px) {
  body {
    font-size: 0.9em;
  }
  .mobile-button {
    display: inline-block !important;
  }
  .desktop-button {
    display: none !important;
  }
  .boutton_champ_view {
    width: 25px;
    height: 25px;
  }
  .fa-lg {
    font-size: 1em;
    line-height: inherit;
    vertical-align: baseline;
  }
  .modTitre {
    line-height: 1.2;
    height: 50px;
    display: flex;
    align-items: center;
  }
  .menu-visible {
    top: -50px;
  }
  .small-screen .menu-visible {
    padding: 25px 31px;
  }
  .wizard > .steps > ul > li > a {
    font-size: small;
  }
  .fieldset,
  .modal-content,
  .modal-header,
  .modal-body {
    padding: 10px !important;
  }
  h1,
  .h1 {
    font-size: 1.15rem;
    line-height: 1.2;
  }
  h2 {
    padding-left: 0;
  }
  .label {
    margin-right: 5px;
    padding-right: 5px;
  }
  .button,
  .button_view,
  .boutton_champ_view,
  .boutton_champ_cadenas {
    margin-bottom: 7px;
  }
  .select2-container {
    max-width: 250px;
  }
  .table-responsive {
    display: block;
  }
  .fa-plus.ajoute_tiroir {
    padding-right: 5px;
  }
  .modChampSelect {
    max-width: 170px;
  }
  #chartdiv {
    width: 100% !important;
  }
  .nav-tabs li.tab-title {
    width: 100%;
    display: block;
  }
  .nav-link {
    padding: 0.5rem 0.75rem;
    font-size: small;
  }
}