.modal-header {
  cursor: move;
}

#myModal1 {
  position: relative;
}

#myModal1 {
  position: relative !important;
  width: 400px;
}

#myModal1 {
  position: relative;
}

.modal-dialog1 {
  position: fixed;
  width: 100%;
  margin: 0;
  padding: 10px;
}

/* nouveau bouton reserve */
   .toggle-2lignes {
      display: inline-block;
      padding: 10px 14px;
      font-size: 14px;
      text-align: center;
      border: 2px solid #ccc;
      border-radius: 6px;
      cursor: pointer;
      background-color: #fff;
      color: #333;
      transition: 0.2s;
      min-width: 100px;
    }

    .toggle-2lignes.active {
      background-color: #8cf2a2;
      color: #0c5460;
      border-color: #bee5eb;
    }

    .toggle-2lignes span {
      display: block;
      line-height: 1.2;
    }

  /* fin nouveau bouton reserve */  

    .etat-haut {
      font-weight: bold;
    }

    .etat-bas {
      font-size: 13px;
      margin-top: 4px;
    }

.progress-container {
  position: relative;
  width: 30px;
  margin: 40px auto;
}

.progress-label {
  position: absolute;
  top: -17px; /* très proche de la barre */
  left: 50%;
  transform: translateX(-50%);
  font-size: 14px;
  font-weight: bold;
  color: #333;
}

  .img_size_mini {
    max-width: 30px;
    min-width: 30px;
  }


progress {
  width: 100%;
  height: 15px;
  appearance: none;
  -webkit-appearance: none;
}

/* Style de la barre (WebKit) */
progress::-webkit-progress-bar {
  background-color: #ebe5e5;
  border-radius: 5px;
}

progress::-webkit-progress-value {
  background-color: #4caf50;
  border-radius: 5px;
}

/* Style de la barre (Firefox) */
progress::-moz-progress-bar {
  background-color: #4caf50;
  border-radius: 5px;
}


.taille_petite {
  font-size: 12px;
}

.mf_pie {
  /* height: 200px; */
}


.md-button {
  height: 55px;
  width: 55px;
  top: 0px;
}

.selection_block {
  margin-left: 15px;
  margin-right: 15px;
  margin-top: 5px;
}

#delete_user_block {
  position: absolute;
  right: 10px;
  bottom: 10px;
}

#selection_block_date_range {
  margin-right: 30px !important;
}


.margin30 {
  margin-left: 30px !important;
  margin-bottom: 30px !important;
}

.value_i {
  color: black;
  font-size: 18px;
  font-weight: bold;
  width: 100%;
  min-height: 40px;
  vertical-align: bottom;
}

.ilex_bg-red {
  background-color: #f5365c !important;
}

.ilex_bg-orange {
  background-color: #f59d2a !important;
}

.ilex_bg-green {
  background-color: #2dce89 !important;
}

.div_intervention {
  display: block;
}

.mfa-15 {
  margin-left: 15px;
}

#voir_intervention {
  margin-right: 10px;
}


.apexcharts-pie {
  cursor: pointer;
}

.champ {
  color: rgb(75, 79, 84);
  font-weight: normal !important;
  margin-left: 3px;
}

.Bloquant {
  border-style: solid;
  border-color: rgb(166, 25, 46);
  border-width: 5px;
}

.Non_Bloquant {
  border-style: solid;
  border-color: rgb(75, 79, 84);
  border-width: 5px;
}

.Maintenance {
  border-style: solid;
  border-color: rgb(75, 79, 84);
  border-width: 1px;
}

.valeur {
  font-weight: bold;
  /* color: rgb(166, 25, 46); */
  margin-left: 5px;
}

.valeur_rouge {
  font-weight: bold;
  color: rgb(166, 25, 46);
  margin-left: 5px;
}

.bold_green {
  font-weight: bold;
  color: #046a38;
}

.bold_red {
  font-weight: bold;
  color: rgb(166, 25, 46);
}

#validation_mois {
  margin-right: 0;
  height: 8px !important;
}

#am_pm_value {
  width: 50px !important;
}

.toggle.btn {
  min-width: 120px !important;
  min-height: 25px !important;
}

.small_list {
  display: block;
  overflow-y: scroll;
  max-height: 350px !important;
  font-size: 11px;
}

.bg_eds {
  background-color: rgb(145, 221, 170);
}

.bg_reserve_en_cours {
  background-color: rgb(243, 195, 224);
}

.Total {
  background-color: rgb(145, 221, 170);
}

.bg_red {
  background-color: rgb(166, 25, 46);
}

.bg_rose_leger {
  background-color: rgb(248, 219, 230);
}

.bg_orange_leger {
  background-color: rgb(250, 221, 181);
}

.bg_vert_leger {
  background-color: rgb(214, 252, 211);
}

.bg_alerte {
  background-color: rgb(255, 0, 0);
}

.padding_leger {
  padding-left: 5px;
  padding-right: 5px;
}


.bg_attention {
  background-color: rgb(255, 251, 0);
}

.bg_jaune_leger {
  background-color: #f0efb1f4;
}

.adresse {
  width: 20% !important;
}

.div_container {
  position: relative;
}

.left_position {
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
}

.right_position {
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
}

.right_position_1 {
  position: relative;
  top: 0;
  right: 0;
}

.text_red {
  color: rgb(166, 25, 46);
  font-weight: bold;
  font-size: 16px;
}

.text_black {
  color: rgb(0, 0, 0);
  font-weight: bold;
  font-size: 16px;
}

.text_small_black {
  color: rgb(0, 0, 0);
  font-weight: normal;
  font-size: 12px;
}

.text_black_indicateur {
  color: rgb(0, 0, 0);
  font-weight: bold;
  font-size: 11px;
}

.text_red_small {
  color: rgb(166, 25, 46);
  font-weight: bold;
  font-size: 14px;
}

.bg_light_grey {
  border-bottom: 3pt solid black;
}

.bg_light_grey_compare {
   background-color: #d8e9fa !important;
}

.bg_realisee {
   background-color: #b6f3c8 !important;
}

.popup {
  display: none;
  position: absolute;
  top: 100%;
  left: 10px;
  background-color: #333;
  color: white;
  padding: 8px;
  border-radius: 4px;
  z-index: 10;
  white-space: nowrap;
}

tr:hover .popup {
  display: block;
}


.text_grey {
  color: #4B4F54;
  font-weight: bold;
  font-size: 16px;
}

.leftBottom {
  position: absolute !important;
  left: 10px;
}

.textareaContainer {
  display: block;
  border: 3px solid #38c;
  padding: 10px;
}

.textarea_message {
  width: "100%" !important;
  resize: vertical !important;
  width: 100%;
  margin: 0;
  padding: 0;
  border-width: 0;
}

/* Pour le formatage de la visualisation de courrier DEBUT */
.info-box {
  color: #F5F5F5;
  padding: 2em;
}

.error-msg {
  background-color: #D80A0A;
}

.wizard-msg {
  background-color: #673AB7;
}

.field-block {
  padding: 0.25em 0.25em;
}

.field-block .field-label {
  font-weight: bold;
}

/* Pour le formatage de la visualisation de courrier FIN */


.synthese {
  min-width: 270px;
}

button:disabled,
button[disabled] {
  border: 1px solid #999999;
  background-color: #cccccc;
  color: #333333;
}


.view1_svg {
  /* height: 226px; */
  width: 80%;
}

.cartouche {
  width: 100%;
}

.titre_print {
  font-size: 2rem;
}

.titre_print_small {
  font-size: 1.5rem;
}

.titre_print_smaller {
  font-size: 1.25rem;
}


.daterange_print {
  font-size: 1.5rem;
}

.saut_de_page {
  break-after: always;
}

.bg_light_arret {
  background-color: rgb(241, 158, 158) !important;
  border: 2px solid blue;
}

.bg_light_bloquant {
  background-color: rgb(245, 230, 212) !important;
}

.bg_light_nonbloquant {
  background-color: rgb(247, 246, 229) !important;
}

.synthese_taux {
  margin: 20px;
  height: 70px;
  right: 10px;
  bottom: 40px;
}

.bg_light_Retard_legend {
  margin: 10px;
  padding-left: 5px;
  padding-right: 5px;
  border-radius: 10px;
  box-shadow: 0px 10px #a6192e !important;
}

.bg_red {
  /*background-color: rgb(241, 158, 158) !important;*/
  /* border: 2px solid #a6192e; */
  color: #a6192e;
  font-weight: bold;
  font-size: 16px;
}

.w3-pale-red,
.w3-hover-pale-red:hover {
  color: #fff !important;
  background-color: #e6596e !important
}

.w3-green,
.w3-hover-green:hover {
  color: #fff !important;
  background-color: #046a38 !important
}

.highlight_menu {
  font-weight: bold;
  color: #a6192e !important;
}

.progress {
  height: 30px !important;
  min-width: 50px !important;
  position: relative;
}

.progress span {
  position: absolute;
  display: block;
  width: 100%;
  color: white;
  font-weight: bold;
  font-size: larger;
}

.bg_green {
  /*background-color: rgb(56, 206, 89) !important;*/
  color: #046a38;
  font-weight: bold;
  font-size: 16px;
  /* outline: 2px solid #046a38; */
}

.text_green {
  color: #046a38;
  font-weight: bold;
  font-size: 16px;
}

#rapport_liste {
  max-height: 600px !important;
  height: auto;
}

.bg_orange {
  background-color: #ffb25b;
  color: black;
}

.text_orange {
  color: #ffb25b;
  font-weight: bold;
  font-size: 16px;
}

.text_grey {
  color: #4B4F54;
  font-weight: bold;
  font-size: 16px;
}

.bg_light_Retard {
  background-color: rgb(241, 158, 158) !important;
  margin: 10px;
  padding-left: 5px;
  padding-right: 5px;
  border-radius: 10px;
}

.legend {
  margin: 5px;
  padding-left: 0px;
  padding-right: 5px;
  border-radius: 5px;
  color: #4B4F54;
  font-size: 0.85em;
  white-space: nowrap;
  cursor: pointer;
}

.bg-ilex-green {
  background: #046a38;
}

.bg-ilex-red {
  background: #a6192e;
}

.highlight {
  color: #a6192e;
  /*text-shadow: 0x 0px 0px rgb(221, 53, 53);*/
}

.xsize {
  min-width: 300px;
}

.small_size {
  max-width: 30px;
  max-height: 30px;
  position: absolute;
  right: 10px;
  top: 10px;
}

.pngcontainer1 {
  width: 100%;
  height: 70px !important;
}

.row_famille {
  display: flex;
  margin: auto;
  /*     margin-right: -15px;
    margin-left: -15px;  */
  flex-wrap: wrap;
}

.col_famille {
  width: 100px !important;
  max-width: 100px !important;
  min-width: 100px !important;
  padding-right: 5px;
  padding-left: 5px;
  margin-right: 3px;
}

.nom_famille {
  margin-top: 20px;
  min-height: 30px;
  line-height: 15px;
}

.nb_famille {
  position: relative;
  text-align: center;
  margin-top: 5px;
  min-height: 10px;
  color: #a6192e;
}

.nb_famille img:first-child {
  position: absolute;
  top: 0;
  left: 0;
  /*z-index: 100;*/
  width: 100%;
}

.pngcontainer1 img {
  position: relative;
  /* z-index: 101;*/
  top: 20px;
  width: 60%;
}

.pngcontainer1 img:first-child {
  position: absolute;
  top: 0;
  left: 0;
  /*z-index: 100;*/
  width: 100%;
}


.legend_img {
  border-radius: 5px;
  border: 5px;
  border-style: solid;
  margin-bottom: 5px;
}

.bg_light_Reçue_legend {
  margin: 10px;
  padding-left: 5px;
  padding-right: 5px;
  border-radius: 10px;
  box-shadow: 0px 10px #a6192e !important;
}

.bg_light_Reçue {
  /* background-color:rgb(241, 158, 158) !important; */
  /* background-color:rgb(241, 158, 158) !important; */
  margin: 10px;
  padding-left: 5px;
  padding-right: 5px;
  /*border-radius: 10px;*/
}

.bg_cell_Reçue {
  background-color: #f5d3d3;
  /* border-left: 2px solid #a6192e;
  border-bottom: 5px solid #a6192e !important; */
  margin: 10px;
  padding-left: 5px;
  padding-right: 5px;
  /*border-radius: 10px;*/
}

.bg_cell_Partiellement_finalisée {
  background-color: #fbfdd4;
  /* border-left: 2px solid rgb(243, 245, 131);
  border-bottom: 5px solid rgb(243, 245, 131)!important; */
  margin: 10px;
  padding-left: 5px;
  padding-right: 5px;
  /* border-radius: 10px; */
}


.bg_cell_En_cours {
  background-color: #d2fadf;
  /* border-left: 2px solid #046a38 ;
  border-bottom: 5px solid #046a38 !important; */
  margin: 10px;
  padding-left: 5px;
  padding-right: 5px;
  /* border-radius: 10px; */
}

.bg_cell_En_attente {
  background-color: #ffdfb2;
  /* border-left: 2px solid rgb(241, 181, 111) ;
  border-bottom: 5px solid rgb(241, 181, 111) !important; */
  margin: 10px;
  padding-left: 5px;
  padding-right: 5px;
  /* border-radius: 10px; */
}

.bg_light_A_Faire_legend {
  margin: 10px;
  padding-left: 5px;
  padding-right: 5px;
  border-radius: 10px;
  box-shadow: 0px 10px rgb(241, 181, 111) !important;
}

.bg_light_A_Faire {
  background-color: rgb(241, 181, 111) !important;
  margin: 10px;
  padding-left: 5px;
  padding-right: 5px;
  border-radius: 10px;
}

.bg_light_En_attente_legend {
  margin: 10px;
  padding-left: 5px;
  padding-right: 5px;
  border-radius: 10px;
  box-shadow: 0px 10px rgb(241, 181, 111) !important;
}

.bg_light_En_attente {
  background-color: rgb(241, 181, 111) !important;
  margin: 10px;
  padding-left: 5px;
  padding-right: 5px;
  border-radius: 10px;
}

.bg_light_Prochain_legend {
  margin: 10px;
  padding-left: 5px;
  padding-right: 5px;
  border-radius: 10px;
  box-shadow: 0px 10px rgb(243, 245, 131) !important;
}

.bg_light_Prochain {
  background-color: rgb(243, 245, 131) !important;
  margin: 10px;
  padding-left: 5px;
  padding-right: 5px;
  border-radius: 10px;
}

.bg_light_Partiellement_finalisée_legend {
  margin: 10px;
  padding-left: 5px;
  padding-right: 5px;
  border-radius: 10px;
  box-shadow: 0px 10px rgb(243, 245, 131) !important;
}

.bg_light_Partiellement_finalisée {
  background-color: rgb(243, 245, 131) !important;
  margin: 10px;
  padding-left: 5px;
  padding-right: 5px;
  border-radius: 10px;
}


.bg_light_En_cours_legend {
  margin: 10px;
  padding-left: 5px;
  padding-right: 5px;
  border-radius: 10px;
  box-shadow: 0px 10px #046a38 !important;
}

.no_pad_bottom {
  padding-bottom: 0rem !important;
}

.daterange {
  text-align: center;
}

.client {
  text-align: center;
}

.titre {
  text-align: center !important;
}

.tox-promotion {
  display: none !important;
}

#suppression {
  margin: 20px;
}

.selection_famille {
  border: 1px solid;
  padding: 10px;
  border-top-right-radius: 5px;
  border-top-left-radius: 5px;
  cursor: pointer;
  position: relative;
  padding: 0.5rem 2.5rem;
  margin: 20px;
}

.nopadding {
  padding: 0px !important;
}

.hideElement {
  display: none;
}

.time {
  background-color: #fff;
  width: 30px;
}

.date {
  background-color: #fff;
  width: 20px;
}

#end_date_d {
  width: 160px;
}

#start_date_d {
  width: 160px;
}

.selection_chart {
  border: 1px solid;
  padding: 10px;
  border-top-right-radius: 5px;
  border-top-left-radius: 5px;
  cursor: pointer;
  position: relative;
  padding: 0.5rem 2.5rem;
  margin: 20px;
}

.sous_selection {
  height: 10px;
  font-size: small;
  margin-left: 2px;
}

.recherche_aide {
  max-width: 100px;
}

#cumul {
  color: #a6192e;
}

#moyenne {
  color: #a6192e;
}

/* .synthese_card {
  height: 300px;
} */

.directories {
  border: 1px solid;
  padding: 10px;
  border-top-right-radius: 5px;
  border-top-left-radius: 5px;
  max-width: 200px;

  cursor: pointer;
  position: relative;
  padding: 0.5rem 2.5rem;
  /* border-radius: 0.75rem;
	line-height: 1.5rem;
	font-size: 1rem;
	font-weight: 600;
  margin:10px;
	
	border: 1px solid #012880;
	background-image: linear-gradient(-180deg, #dad4d8 0%, #979195 100%); */
  /* 	box-shadow: 0 1rem 1.25rem 0 rgba(22,75,195,0.50),
							0 -0.25rem 1.5rem rgba(110, 15, 155, 1) inset,
							0 0.75rem 0.5rem rgba(255,255,255, 0.4) inset,
							0 0.25rem 0.5rem 0 rgba(180, 70, 207, 1) inset; */
}

.directories:focus {
  outline: none;
}

.message {
  color: #a6192e;
  font-size: 20px;
  font-weight: bold;
}

.value {
  color: black;
  font-size: 20px;
  font-weight: bold;
  background-color: rgb(204, 193, 193);
  opacity: 60%;
  width: 100%;
  min-height: 40px;
}

/* .tui-full-calendar-weekday-schedule-block {
  height: 48px !important;
}   */

/* .tui-full-calendar-weekday-schedule {
  height: 48px !important;
}   */

.tui-full-calendar-weekday-schedule-title {
  line-height: 10px;
  padding-top: 2px;
}

.schedule_title {
  position: absolute;
  margin-top: 1px;
  line-height: 10px;
  margin-left: 2px;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.legende_responsable {
  font-size: 10px;
}

#a_modifier {
  width: 700px;
}

#myModal2 {
  z-index: 1063 !important;
}

#myModal {
  z-index: 1062 !important;
}

.etage {
  color: black;
  font-size: 24px;
  font-weight: bold;
  margin-left: 15px;
  margin-right: 15px;
  margin-top: 5px;
}

.titre {
  width: 100%;
  color: black;
  font-size: 16px;
  font-weight: bold;
  /* margin-left: 10px; */
  background-color: transparent;
}

.col_ctrl {
  max-width: 50%;
  flex-grow: 1;
  flex-shrink: 1;
  flex-basis: auto;
}

.haut {
  background-color: white;
  color: black;
  font-size: 17px;
  height: 25px;
  position: relative;
  top: 0px;
  line-height: 30px;
  border: 2px solid;
}

.hautP {
  background-color: white;
  color: black;
  font-size: 9px;
  height: 25px;
  position: relative;
  top: 0px;
  line-height: 30px;
  border: 2px solid;
}

.basGauche {
  color: white;
  font-size: 9px;
  height: 25px;
  width: 30px;
  position: relative;
  line-height: 10px;
}

.basDroit {
  color: white;
  font-size: 17px;
  height: 25px;
  width: 20px;
  position: relative;
  top: -20px;
  left: 29px;
}

.bas {
  color: white;
  font-size: 9px;
  height: 25px;
  position: relative;
  top: 5px;
}

.centre {
  font-size: 9px;
  position: relative;
}

.row_ilex {
  display: flex;
  margin-right: -1px;
  margin-left: 0px;
  flex-wrap: wrap;
}

strong {
  font-weight: normal;
  vertical-align: text-top !important;
}

#panel6_outil {
  position: absolute;
  left: 50% - 50px !important;
  top: 50% !important;
  background-color: #fafafa;
  border: none !important;
  /*    border: 2px solid black;
 border-radius: 5px;
 */
}

.nr-dashboard-widget-_____ {
  position: absolute !important;
  top: auto !important;
  right: 0px !important;
  bottom: auto !important;
  left: auto !important;
  color: white !important;
  background-color: black !important;
  font-weight: normal !important;
  font-size: 12px !important;
  font-family: consolas !important;
}

.nr-dashboard-template {
  background-color: black !important;
}

.nr-dashboard-widget-__ {
  color: blue !important;
  font-family: Consolas !important;
  font-size: 18.5px !important;
}

.table_titre {
  width: 100%;
  font-size: 0.8rem;
}

.mytr {
  width: 100%;
}

.mytable {
  width: 100%;
  display: block;
}

.mytableUser {
  width: 100%;
  display: block;
  font-size: 1rem;
}

.mybody {
  display: block;
}

.mybody {
  margin-top: 35px;
  height: 400px;
  display: inline-block;
  width: 100%;
  overflow: auto
}

.mythead {
  display: inline-block;
  width: 100%;
  height: 4px;
}

th.rotate {
  /* Something you can count on */
  height: 140px;
  white-space: nowrap;
}

.no_wrap {
  white-space: nowrap;
}

th.rotate>div {
  transform:
    /* Magic Numbers */
    translate(25px, 51px)
    /* 45 is really 360 - 45 */
    rotate(315deg);
  /* width: 30px; */
  position: relative;
  left: -30px;
}

th.indicator>div {
  width: 30px;
}

.myIntervention {
  margin-left: 0.5rem;
  margin-right: 0.5rem;
  border-color: rgb(128, 119, 119);
}

.myIntervention table th {
  font-weight: normal;
}

.myIntervention table td {
  font-weight: bold;
}


.intervention_liste {
  font-size: small;
  margin-left: 0.5rem;
}

.text_header_ilex {
  color: #a50f0a !important;
  font-weight: bold;
}

.ti_left_width {
  width: 14rem !important;
  min-width: 14rem !important;
  cursor: pointer !important;
}

.ti_height_header {
  height: 15px;
}

.ti_font {
  font-size: .80rem !important;
  cursor: pointer !important;
}

.ti_col_width {
  width: 14rem !important;
  min-width: 6rem !important;
}

.ti_row_height {
  height: 15px;
}

.special_table {
  width: auto;
  table-layout: fixed !important;
}

.ti_small {
  width: 5rem !important;
  height: 30px;
  text-align: center;
  font-size: .70rem !important;
  cursor: pointer !important;
}

.select-label {
  color: #32325d !important;
  font-weight: bold;
}

.fixed_header tbody {
  display: block;
  overflow-y: auto;
  overflow-x: hidden;
  height: 180px;
  width: 100%;
}

.fixed_header thead tr {
  display: block;
}

.noBorder {
  border: 0 !important;
}

.liste tfoot td:first-child {
  background-color: rgb(30, 81, 123);
  color: white;
  font-weight: bold;
}

tfoot {
  background-color: rgb(30, 81, 123) !important;
  color: white !important;
  font-weight: bold;
}

td.cell-size {
  width: 40px;
  /* 4rem; */
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

th.cell-size {
  width: 160px;
}

th.rotate>div>span {
  border-bottom: 1px solid #ccc;
  /* padding: 5px 10px;*/
}

.indicateurs {
  /*min-height: 600px;*/
  min-width: 100%;
}

#chartWrapper {
  display: block;
  background-color: #FFF;
  /*min-height: 600px !important; */
  max-height: 600px !important;
  min-width: 500px;
  overflow: hidden;
}

.bloc_size_xl {
  min-height: 600px;
}

.label {
  width: 200px;
  padding-right: 10px;
}

.selection {
  margin-left: 10px !important;
  margin-right: 20px !important;
  border-radius: 25px;
}

.Ne_pas_afficher {
  display: none;
}

chartWrapper

/* keep table within wrapper */
table#chart {
  width: 600px;
  /* just to demonstrate horizontal scrolling & stickiness */
  /* min-height: 600px !important;*/
  margin: 15px;
  border: none;
  background-color: #FFF;
  border-collapse: separate;
  border-spacing: 0;
  border-left: 1px solid #ccc;
  text-align: center;
}

table#chart th {
  background: #ccc;
  border-right: 1px solid #999;
  color: #000;
  padding: 3px;
  position: sticky;
  top: 0;
  /* ensure header row sits atop everything else when scrolling down */
  z-index: 1;
}

table#chart td {
  /*background:#fff;*/
  border-right: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  padding: 4px 5px;
}

/* ensure first header cell sits atop everything else when scrolling right */
table#chart th:first-child {
  position: sticky;
  left: 0;
  z-index: 2;
}

/* make first column sticky when scrolling right */
table#chart td:first-child {
  background: #fff;
  position: sticky;
  left: 0;
  border-right-color: #aaa;
}

strong,
b {
  font-weight: bold;
}

.myDragClass {
  background-color: #b7b4e8;
}


.table_style {
  width: 600px;
  /* just to demonstrate horizontal scrolling & stickiness */
  /* min-height: 600px !important;*/
  /* margin: 15px;*/
  border: none;
  background-color: #FFF;
  border-collapse: separate;
  border-spacing: 0;
  border-left: 1px solid #ccc;
  text-align: center;
  /* height: 600px; */
  overflow: scroll;
}

.table_style th {
  background: #ccc;
  border-right: 1px solid #999;
  color: #000;
  padding: 3px;
  position: sticky;
  top: 0;
  /* ensure header row sits atop everything else when scrolling down */
  z-index: 1;
}

.table_style td {
  /*background:#fff;*/
  border-right: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  padding: 4px 5px;
}

/* ensure first header cell sits atop everything else when scrolling right */
.table_style th:first-child {
  position: sticky;
  left: 0;
  z-index: 2;
}

/* make first column sticky when scrolling right */
.table_style td:first-child {
  background: #fff;
  position: sticky;
  left: 0;
  border-right-color: #aaa;
}

table#rapport_liste td:first-child {
  background: #fff;
  position: sticky;
  left: 0;
  border-right-color: #aaa;
  z-index: 2;
}

table#rapport_liste th:first-child {
  position: sticky;
  left: 0;
  z-index: 5;
}

table#rapport_liste th {
  background: #ccc;
  border-right: 1px solid #999;
  color: #000;
  padding: 3px;
  position: sticky;
  top: 0;
  /* ensure header row sits atop everything else when scrolling down */
  z-index: 1;
}

@page {
  size: 21cm 29.7cm;
  margin: 10mm 10mm 10mm 10mm;
}

.numero-cadre {
    display: inline-block;
    padding: 3px 3px;        /* taille du carré */
    border: 2px solid black; /* contour noir */
    background: #FB7AF8;       /* fond blanc */
    color: black;            /* texte noir */
    font-weight: bold;       /* texte plus visible */
    border-radius: 3px;      /* optionnel : angles légers */
}

.centered {
  align-content: center;
}

.titre {
  font-size: x-large;
  font-weight: bold;
}

.apexcharts-pie {
  max-width: 400px;
}

.like_btn {
  border-radius: 25px;
  border-color: #ddd;
}

input[type="text"]:focus {
  border: 2px solid #862d59;
}

.highlight_force_traite {
  background-color: rgb(233 218 240 / 65%);
}

.overlay_tr {
  position: absolute;
  left: 0.7em;
  right: 0.7em;
  height: 100%;
  text-align: center;
  font-size: 10px;
  font-weight: bold;
  border: none;
  color: rgb(152 24 57 / 87%);
  -webkit-text-stroke: 2px;
  -webkit-text-stroke-color: rgb(249, 246, 243);
}

td.row_end {
  border-bottom: 3px solid #000 !important;
}

tr.row_end {
  border-bottom: 2px solid #000 !important;
}

td.row_end_rouge {
  border-bottom: 3px solid #a6192e !important;
}

tr.row_end_rouge {
  border-bottom: 2px solid #a6192e !important;
}

td.Etat_BE_En_Cours {
  border: 5px solid white;
  border-color: #e3a220 !important;
}

td.Etat_BE_Fait {
  border: 5px solid white;
  border-color: #28aa2b !important;
}

.lignesEspacees {
  border-collapse: separate;
  border-spacing: 10px;
}

#liste_detaillee_demandes {
  width: 100% !important;
}

.STdate {
  font-size: x-small;
  font-weight: bold;
  white-space: nowrap;
}

#popup {
  display: none;
  /* Hidden by default */
  position: fixed;
  /* Stay in place */
  z-index: 0;
  /* Sit on top */
  left: 0;
  top: 0;
  width: 100%;
  /* Full width */
  height: 100%;
  /* Full height */
  overflow: auto;
  /* Enable scroll if needed */
  background-color: rgb(0, 0, 0);
  /* Fallback color */
  background-color: rgba(0, 0, 0, 0.4);
  /* Black w/ opacity */
}

#popup1 {
  display: none;
  /* Hidden by default */
  position: relative;
  /* Stay in place */
  z-index: 0;
  /* Sit on top */
  width: 100%;
  /* Full width */
  height: 100%;
  /* Full height */
  overflow: auto;
  /* Enable scroll if needed */
  background-color: rgb(0, 0, 0);
  /* Fallback color */
  background-color: rgba(0, 0, 0, 0.4);
  /* Black w/ opacity */
}

/* The Phrase Modal (background) */
.PhraseModal {
  display: none;
  /* Hidden by default */
  position: fixed;
  /* Stay in place */
  z-index: 999;
  /* Sit on top */
  left: 0;
  top: 0;
  width: 100%;
  /* Full width */
  height: 100%;
  /* Full height */
  overflow: auto;
  /* Enable scroll if needed */
  background-color: rgb(0, 0, 0);
  /* Fallback color */
  background-color: rgba(0, 0, 0, 0.4);
  /* Black w/ opacity */
}

/* Modal Content/Box */
.phrase-modal-content {
  background-color: #fefefe;
  margin: 15% auto;
  /* 15% from the top and centered */
  padding: 20px;
  border: 1px solid #888;
  width: 80%;
  /* Could be more or less, depending on screen size */
}

/* The Close Button */
.phrase_close {
  color: #aaa;
  float: right;
  font-size: 28px;
  font-weight: bold;
}

.phrase_close:hover,
.phrase_close:focus {
  color: black;
  text-decoration: none;
  cursor: pointer;
}

.table_secondaire {
  background-color: rgba(0, 0, 0, 0) !important;
}

.table_secondaire_first_child {
  background: rgba(0, 0, 0, 0) !important;
}


@media print {
  /* * {
    display:inline;
  }
  script, style { 
     display:none; 
  }
  div {
    page-break-inside:avoid;
  }  */

  .printEl {
    width: 8.5in;
    height: 11in;
  }

  .gridTable {
    display: grid;
    width: 100%;
    background-color: #fff;
    border-color: #d7d1d2;
    border: solid;
    border-radius: 5px;
    place-self: center
  }

  .gridTable6 {
    grid-template-columns: auto auto auto auto auto auto;
  }

  .gridTable5 {
    grid-template-columns: auto auto auto auto auto;
  }

  .gridTable8 {
    grid-template-columns: auto auto auto auto auto auto auto auto;
  }

  .div_th {
    /* background-color: #e5dfdf; */
    font-weight: bold;
    place-self: center;
  }

  .div_td {
    place-self: center;
  }

  .colspan7 {
    grid-column: span 7;
    background: white;
  }

  .colspan6 {
    grid-column: span 6;
    background: white;
  }

  .colspan5 {
    grid-column: span 5;
    background: white;
  }



  table.liste_EDS {
    margin: 0px !important;
  }

  .Cat_div {
    cursor: pointer;
    font-weight: bold;
    vertical-align: middle !important;
    ;
    /* margin-bottom: 0.1 rem; */
    border-style: groove;
    border-radius: 15px;
    background-color: #fff;
    border-color: #161616;
    /* filter : drop-shadow(8px 8px 3px rgb(175, 97, 97)); */
    break-inside: avoid;
  }

  .Cat_div_duer {
    cursor: pointer;
    font-weight: bold;
    vertical-align: middle !important;
    ;
    margin-bottom: 1.5rem;
    border-style: groove;
    border-radius: 15px;
    background-color: #fff;
    border-color: #979192;
    /* filter : drop-shadow(8px 8px 3px rgb(111, 109, 109)); */
    break-inside: avoid;
  }

  .SousCat_div {
    cursor: pointer;
    font-weight: bold;
    vertical-align: middle !important;
    /* margin-bottom: 0.1 rem; */
    border-style: groove;
    border-radius: 15px;
    background-color: #fff;
    border-color: #171616;
    /* filter : drop-shadow(8px 8px 3px rgb(175, 97, 97)); */
    break-inside: avoid;
  }

  .checkbox-img input[type="checkbox"]:checked+label {
    background-image: url(../img/icons/common/ko.png);
    filter: drop-shadow(0px 0px 0px rgb(175, 97, 97));
  }

  .image_size {
    max-width: 75% !important;
    max-height: 75% !important;
  }

  .img_size {
    max-width: 10px;
    min-width: 10px;
  }

  #liste_detaillee_demandes {
    width: 100% !important;
  }


  body {
    font-family: Open Sans, sans-serif;
    font-size: 1.2rem;
    font-weight: 400;
    line-height: 1.0;

    margin: 0;

    text-align: left;

    color: #000;
    background-color: #FFFFFF;
  }

  .navbar-vertical.navbar-expand-md.fixed-left+.main-content {
    margin-left: 0px !important;
  }

  .navbar-brand-img-print {
    width: 400px;
  }

  #titre_validation {
    max-width: 600px;
  }

  body {
    width: 100%;
    height: 100%;
    margin: 0mm 0mm 0mm 0mm;
    /* change the margins as you want them to be. */
  }

  table {
    border-collapse: collapse;
  }

  .liste>tbody>tr:nth-child(n+5000) {
    display: none;
  }

  .noprint {
    display: none;
  }

  .bg-gradient-primary {
    background: #fff !important;
  }

  .card_print {
    height: auto;
  }

  .print_break_after {
    break-after: always;
  }

  .print_break_before {
    page-break-before: always !important;
    break-before: always;
  }

  .print_cond {
    break-inside: avoid;
  }

  .print_size {
    max-width: 100%;
    max-height: 1000px;
  }

  #synthese_image {
    width: auto !important;
    max-height: 800px !important;
  }

  #schema_box {
    height: 800px;
    box-sizing: content-box;
  }

  table#liste {
    width: 95%;
    height: 100%;
  }

  .liste {
    width: 95% !important;

  }

  .legend {
    -webkit-filter: drop-shadow(4px 4px 1px #ccc);
    text-shadow: 4px 4px 1px #ccc;
  }

  .synthese {
    min-width: 200px;
  }

  .col-xl-3 {
    padding-left: 3px !important;
    padding-right: 3px !important;
  }

  .card {
    margin: 0px !important;
  }

  .synthese_taux {
    min-width: 200px;
  }

  .synthese_boxes {
    width: 100%;
  }

  .chart_synthese1 {
    width: 300px !important;
    min-width: auto;
    min-height: 600px;
  }

}

.reserve_table {
  border-collapse: separate;
  border-spacing: 0 5px;
}

.highlight_row_delai_depasse {
  background-color: #ffcf50;
}

.highlight_row_danger {
  background-color: #ffd4ce;
}

.highlight_row_active {
  background-color: rgba(255, 255, 0, 0.534);
}

.text_size_commentaire {
  font-size: medium ;
}

.Observation_faite {
  background-color: rgba(112, 240, 180, 0.534);
}

.Devis_a_faire {
  background-color: rgba(246, 202, 206, 0.534);
}



.padding_right_left {
  padding-left: 10px;
  padding-right: 10px;
  padding-top: 4px;
  vertical-align: middle
}

.on_top {
  z-index: 2000;
}

.reserve_table td {
  /*font-family: Arial, Helvetica, sans-serif;*/
  /*font-size: 7pt;*/
  line-height: 1;
  /* position: relative; */
  /* top: -6px; */
  /* display: inline-block;*/
  vertical-align: center;
}

.font_smaller {
  font-size: small;
}

.grid_wrapper {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 2px;
  grid-auto-rows: minmax(auto, auto);
}

.grid11 {
  grid-column: 1;
  grid-row: 1;
}

.grid12 {
  grid-column: 2;
  grid-row: 1;
}

.grid13 {
  grid-column: 3;
  grid-row: 1;
}

.grid14 {
  grid-column: 4;
  grid-row: 1;
}

.grid21 {
  grid-column: 1;
  grid-row: 2;
}

.grid21_2 {
  grid-column: 1 / span 2;
  grid-row: 2;
}

.grid22_3 {
  grid-column: 2 / span 3;
  grid-row: 2;
}

.grid32_3 {
  grid-column: 2 / span 3;
  grid-row: 3;
}

.grid42_3 {
  grid-column: 2 / span 3;
  grid-row: 4;
}

.grid22 {
  grid-column: 2;
  grid-row: 2;
}

.grid31 {
  grid-column: 1;
  grid-row: 3;
}

.grid31_2 {
  grid-column: 1 / span 2;
  grid-row: 3;
}

.grid32 {
  grid-column: 2;
  grid-row: 3;
}

.grid41 {
  grid-column: 1;
  grid-row: 4;
}

.grid41_2 {
  grid-column: 1 / span 2;
  grid-row: 4;
}

.grid42 {
  grid-column: 2;
  grid-row: 4;
}

.grid51 {
  grid-column: 1;
  grid-row: 5;
}

.grid52 {
  grid-column: 2;
  grid-row: 5;
}

.grid53 {
  grid-column: 3;
  grid-row: 5;
}

.grid54 {
  grid-column: 4;
  grid-row: 5;
}

.grid61 {
  grid-column: 1;
  grid-row: 6;
}

.grid62_3 {
  grid-column: 2 /span 3;
  grid-row: 6;
}

.grid71 {
  grid-column: 1;
  grid-row: 7;
}

.grid72 {
  grid-column: 2;
  grid-row: 7;
}

.grid73 {
  grid-column: 3;
  grid-row: 7;
}

.grid74 {
  grid-column: 4;
  grid-row: 7;
}

.grid81 {
  grid-column: 1;
  grid-row: 8;
}

.grid82 {
  grid-column: 2;
  grid-row: 8;
}

.grid83 {
  grid-column: 3;
  grid-row: 8;
}

.grid84 {
  grid-column: 4;
  grid-row: 8;
}

.grid91 {
  grid-column: 1;
  grid-row: 9;
}

.grid92_3 {
  grid-column: 2 / span 3;
  grid-row: 9;
}

.bg_deja_associe {
  background-color: rgb(243, 195, 224);
}

#myIframe {
  width: 570px;
  height: 400px;
  border: #000;
}

.button:hover {
  background-color: #04AA6D;
  /* Green */
  color: white;
}

.a_droite {
  position: absolute;
  right: 10px;
  top: 10px;
  cursor: pointer;
  margin: 0;
  top: 50%;
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

.a_gauche {
  text-align: left;
}

@media (max-width: 480px) {

  .dropdown-menu>li>a {
    font-size: 25px !important;
  }

  .btn_bigger {
    min-height: 70px !important;
  }

  .SousCat_div {
    margin-left: 0 rem !important;
  }

  .SousCat_div_duer {
    margin-left: 0 rem !important;
  }

  .CatContent {
    margin-left: 0.5 rem !important;
  }

  .SousCatContent {
    margin-left: 1rem !important;
  }

  .img_size {
    max-width: 50px;
    min-width: 30px;
  }

  table.liste_EDS {
    margin-left: 0px !important;
  }

  .titre_categorie {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10pt;
  }

  .checkbox-rect2_size input[type="checkbox"]+label:before {
    width: 2em;
    height: 2em;
    margin-left: 0px !important;
  }


  .width_modal_field {
    width: 250px;
  }

  .tuto {
    max-width: 60px;
    height: auto;
  }



  .documentation_icon {
    position: absolute;
    right: 5px;
    top: 5px;
    cursor: pointer;
  }

  .documentation_icon_sans_decalage {
    position: absolute;
    right: 5px;
    top: -50px;
    cursor: pointer;
  }

  .documentation_icon_avec_TG {
    position: absolute;
    right: 375px;
    top: 10px;
    cursor: pointer;
  }

  .position_a_droite {
    position: relative;
    right: 5px;
    cursor: pointer;
  }

  .synthese_boxes {
    width: 100%;
  }


  .chart_synthese {
    margin-left: 0px;
  }

  .chart_synthese1 {
    /* margin-left: -20px; */
    width: 100%;
  }

  .info_user {
    margin-left: 2px;
  }
}

@media (min-width: 480px) {

  .CatContent {
    margin-left: 1rem !important;
  }

  .img_size {
    max-width: 50px;
    min-width: 40px;
  }

  .titre_categorie {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 15pt;
  }

  .width_modal_field {
    width: 400px;
  }

  .tuto {
    max-width: 100%;
    height: auto;
  }

  .navbar-brand-img-print {
    width: 200px;
  }

  .documentation_icon {
    position: absolute;
    right: 10px;
    top: 10px;
    cursor: pointer;
  }

  .documentation_icon_sans_decalage {
    position: absolute;
    right: 5px;
    top: -50px;
    cursor: pointer;
  }

  .documentation_icon_avec_TG {
    position: absolute;
    right: 375px;
    top: 10px;
    cursor: pointer;
  }

  .synthese_boxes {
    width: 50%;
  }

  .info_user {
    margin-left: 30px;
  }
}


.my-checkbox-x2 {
  transform: scale(2);
  margin: 12px 15px 0 0;
  background-color: #990000;
  background: #990000;
}

.my-checkbox-x3 {
  transform: scale(3);
  margin: 12px 15px 0 0;
  /* background-color: #990000 !important;  
  background: #990000 !important;   */
}

/* input[type="checkbox"] {
  background: #990000;
  background-color: #990000;     
} */

.item {
  margin-bottom: 2em;
}

/* checkbox-rect */
.checkbox-rect input[type="checkbox"] {
  display: none;
}

.checkbox-rect input[type="checkbox"]+label {
  display: block;
  position: relative;
  padding-left: 35px;
  margin-bottom: 20px;
  font: 14px/20px "Open Sans", Arial, sans-serif;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}

.checkbox-rect input[type="checkbox"]:hover+label:hover {
  color: rgb(23, 86, 228);
}

.checkbox-rect input[type="checkbox"]:hover+label:before {
  background: #50565a;
  box-shadow: inset 0px 0px 0px 2px #f7f2f2;
}

.checkbox-rect input[type="checkbox"]+label:last-child {
  margin-bottom: 0;
}

.checkbox-rect input[type="checkbox"]+label:before {
  content: "";
  display: block;
  width: 1.4em;
  height: 1.4em;
  border: 1px solid #343a3f;
  border-radius: 0.2em;
  position: absolute;
  left: 0;
  top: 0;
  -webkit-transition: all 0.2s, background 0.2s ease-in-out;
  transition: all 0.2s, background 0.2s ease-in-out;
  background: #f3f3f3;
}

.checkbox-rect input[type="checkbox"]:checked+label:before {
  width: 1.3em;
  height: 1.3em;
  border-radius: 0.2em;
  border: 2px solid #fff;
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
  background: #50565a;
  box-shadow: 0 0 0 1px #000;
}

/* checkbox-rect end */

/* checkbox-rect2 */
.checkbox-rect2 input[type="checkbox"] {
  display: none;
}

.checkbox-rect2 input[type="checkbox"]+label {
  display: block;
  position: relative;
  padding-left: 0px;
  margin-bottom: 20px;
  font: 14px/20px "Open Sans", Arial, sans-serif;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}

.checkbox-rect2 input[type="checkbox"]:hover+label:hover {
  color: rgb(23, 86, 228);
}

.checkbox-rect2 input[type="checkbox"]:hover+label:before {
  border: 3px solid #a6192e;
  box-shadow: 0px 0px 0 #a6192e;
}

.checkbox-rect2 input[type="checkbox"]+label:last-child {
  margin-bottom: 0;
}

.checkbox-rect2 input[type="checkbox"]+label:before {
  content: "";
  display: block;
  border: 1px solid #a6192e;
  border-radius: 0.2em;
  position: absolute;
  left: 0;
  top: 0;
  -webkit-transition: all 0.2s, background 0.2s ease-in-out;
  transition: all 0.2s, background 0.2s ease-in-out;
  background: rgba(255, 255, 255, 0.03);
  box-shadow: -5px -3px 0 #a6192e;
  background: #f3f3f3;
}

.checkbox-rect2 input[type="checkbox"]:checked+label:before {
  border: 2px solid #fff;
  border-radius: 0.3em;
  background: #a6192e;
  box-shadow: -2px -2px 2px 2px #a6192e;
}

/* checkbox-rect2 end */

.hide {
  display: none !important;
}

/* checkbox-img */
.checkbox-img input[type="checkbox"] {
  display: none;
}

.checkbox-img input[type="checkbox"]+label {
  display: inline-block;
  width: 60px;
  height: 30px;
  cursor: pointer;
  background-image: url(../img/icons/common/ok.png);
  filter: drop-shadow(8px 8px 3px rgb(149, 177, 215));
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}


#bt-top-fixed {
  display: block;
  border-radius: 16px;
  border: 1px solid #ddd;
  width: 32px;
  height: 32px;
  line-height: 32px;
  z-index: 5;
  top: 180px;
  right: 40px;
  vertical-align: middle;
  text-align: center;
  position: fixed;
  box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.35);
  background-color: #fff;
  color: #1e6001 !important;
}



#choisir_lieu_div {
  position: relative;
  z-index: 10;
}

#choisir_lieu_header {
  cursor: move;
  color: #fff;
  background-color: #a6192e;
}

.largeur {
  width: 75px !important;
}

.obsDUER_desc {
  font-size: 18px;
  font-weight: bold;
  color: #171736;
}

.div-level-fixed1 {
  display: block;
  border-radius: 16px;
  border: 1px solid #ddd;
  width: 300px;
  height: 32px;
  line-height: 32px;
  z-index: 10;
  top: 180px;
  left: 400px;
  vertical-align: middle;
  text-align: center;
  position: fixed;
  box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.35);
  background-color: #fff;
  color: #1e6001 !important;
}


.checkbox-img input[type="checkbox"]:checked+label img {
  content: url(../img/icons/common/ko.png);
}

.checkbox-no_risk input[type="checkbox"]:checked+label {
  filter: drop-shadow(8px 8px 3px rgb(38, 128, 78)) !important;
}

.checkbox-no_risk input[type="checkbox"]:checked+label img {
  content: url(../img/icons/common/ok1.png) !important;
}

/* checkbox-img end */

.section_titre {
  border: #000;
  border-width: 1px;
  width: 120;
  /* border-style: solid; */
  font-weight: bold;
  display: inline-block;
  font-size: 13;
}

.cat_flag {
  position: relative;
  left: 10px;
  top: 0px;
  width: auto;
  text-align: center;
}

.carateres_gras {
  font-weight: bold;
}

.neuf_etapes {
  font-weight: bold;
  background-color: #eee !important;
}

.neuf_invalid {
  background-color: #eee !important;
}

.neuf_document_manquant {
  background-color: #f3d9d9 !important;
}

.neuf_facture_invalid {
  background-color: #eee !important;
}

.neuf_automail_invalid {
  background-color: #eee !important;
}

.simplecheck {
  position: relative;
  transform: scale(1);
  margin: 5px;
  cursor: pointer;
}

.simplecheck label {
  background-color: #fff;
  border: 1px solid #ccc;
  border-radius: 15%;
  cursor: pointer;
  height: 25px;
  left: 0;
  position: absolute;
  top: 0;
  width: auto;
  font-size: 16px;
  padding: 0px 2px 0px 2px;
}

.simplecheck label:after {
  border: 2px solid #fff;
  border-top: none;
  border-right: none;
  content: "";
  height: 6px;
  left: 7px;
  opacity: 0;
  position: absolute;
  top: 8px;
  transform: rotate(-45deg);
  width: 12px;
}

.simplecheck input[type="checkbox"] {
  visibility: hidden;
}

.simplecheck input[type="checkbox"]:checked+label {
  background-color: #a6192e;
  border-color: #a6192e;
  color: #FFF;
}

.simplecheck input[type="checkbox"]:checked+label:after {
  opacity: 0;
}




.Phase_div {
  margin-left: 4rem !important;
  cursor: pointer;
  font-weight: bold;
  vertical-align: middle !important;
  margin-bottom: 1.5rem;
  border-style: groove;
  border-radius: 15px;
  background-color: #fff;
  border-color: #a6192e;
  filter: drop-shadow(8px 8px 3px rgb(175, 97, 97));
  break-inside: avoid;
}

.Cat_Ouverte_div {
  border-color: #197c44 !important;
  filter: drop-shadow(8px 8px 3px #197c44) !important;
}

.ObsEDS_div {
  cursor: pointer;
  font-weight: normal;
  font-size: small;
  height: auto;
  margin-left: 5rem !important;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

.min_size_25 {
  width: 25px !important;
}

.bg_vert {
  background-color: #046a38;
  color: white;
}

.bg_rouge {
  background-color: #a6192e;
  color: white;
}


@media screen {

  .gridTable {
    display: grid;
    width: 100%;
    background-color: #fff;
    border-color: #d7d1d2;
    border: solid;
    border-radius: 5px;
    place-self: center
  }

  .gridTable6 {
    grid-template-columns: auto auto auto auto auto auto;
  }

  .gridTable5 {
    grid-template-columns: auto auto auto auto auto;
  }

  .gridTable8 {
    grid-template-columns: auto auto auto auto auto auto auto auto;
  }

  .div_th {
    /* background-color: #e5dfdf; */
    font-weight: bold;
    place-self: center;
  }

  .div_td {
    place-self: center;
  }

  .colspan7 {
    grid-column: span 7;
    background: white;
  }

  .colspan6 {
    grid-column: span 6;
    background: white;
  }

  .colspan5 {
    grid-column: span 5;
    background: white;
  }

  .contour {
    border: 1px solid black;
    border-radius: 10px;
  }

  .no-mobile {
    display: none;
  }

  .Cat_div {
    cursor: pointer;
    font-weight: bold;
    vertical-align: middle !important;
    ;
    margin-bottom: 1.5rem;
    border-style: groove;
    border-radius: 15px;
    background-color: #fff;
    border-color: #a6192e;
    filter: drop-shadow(8px 8px 3px rgb(175, 97, 97));
    break-inside: avoid;
  }

  .Cat_div_duer {
    cursor: pointer;
    font-weight: bold;
    vertical-align: middle !important;
    ;
    margin-bottom: 1.5rem;
    border-style: groove;
    border-radius: 15px;
    background-color: #fff;
    border-color: #979192;
    filter: drop-shadow(8px 8px 3px rgb(111, 109, 109));
    break-inside: avoid;
  }

  .SousCat_div {
    cursor: pointer;
    font-weight: bold;
    vertical-align: middle !important;
    margin-bottom: 1.5rem;
    border-style: groove;
    border-radius: 15px;
    background-color: #fff;
    border-color: #a6192e;
    filter: drop-shadow(8px 8px 3px rgb(175, 97, 97));
    break-inside: avoid;
  }

  .checkbox-img input[type="checkbox"]:checked+label {
    background-image: url(../img/icons/common/ko.png);
    filter: drop-shadow(8px 8px 3px rgb(175, 97, 97));
  }

  .btn_bigger {
    min-height: 30px !important;
  }

  img {
    max-width: 100%;
    height: auto;
  }

  .SousCat_div {
    margin-left: 2rem !important;
  }

  .print_only {
    display: none;
  }

  .liste_200 {
    max-height: 200px !important;
    height: 100% !important;
    width: 100% !important;
  }

  .liste_400 {
    max-height: 400px !important;
    height: 100% !important;
    width: 100% !important;
  }

  .liste {
    max-height: 700px;
    height: 100% !important;
    width: 100% !important;
  }

  .chart1 {
    position: relative;
    height: 700px !important;
  }

  .liste_rouge {
    max-height: 600px !important;
    width: 100% !important;
  }

  #chartWrapper {
    width: 100% !important;
  }

  .image_size {
    max-width: 60% !important;
    max-height: 60% !important;
  }
}

.change_pointer {
  cursor: pointer;
}

.position_a_droite {
  margin-right: 0;
  display: block;
}

div.datetime-container1,
div.datetime-container1 * {
  z-index: 1000;
}


.table_choisir_outer {
  height: 270px;
  overflow-y: auto;
  overflow-x: hidden;
}

#table_choisir th[scope=row] {
  position: -webkit-sticky;
  position: sticky;
  left: 0;
  z-index: 1;
}

#table_choisir {
  height: 250px;
  table-layout: fixed;
  width: 100%;
}

#table_choisir tbody {
  overflow-y: auto;
  /* Trigger vertical scroll    */
  overflow-x: hidden !important;
  /* Hide the horizontal scroll */
}

tr.active {
  background-color: rgba(255, 255, 0, 0.534);
}

#choisir {
  display: none;
  background-color: #F3F5F6;
  color: #000000;
  border: 1px solid #aaa;
  position: fixed;
  width: 300px;
  height: 300px;
  left: 40%;
  top: 10%;
  margin-left: -100px;
  padding: 10px 20px 10px;
  box-sizing: border-box;
  text-align: center;
}

#info_observation {
    display: none;
  background-color: #F3F5F6;
  color: #000000;
  border: 1px solid #aaa;
  position: fixed;
  width: 270px;
  height: auto !important;
  left: 40%;
  top: 30%;
  margin-left: -100px;
  padding: 10px 20px 10px;
  box-sizing: border-box;
  text-align: center;
  z-index: 5000;
}

.confirm_window {
  display: none;
  background-color: #F3F5F6;
  color: #000000;
  border: 1px solid #aaa;
  position: fixed;
  width: 270px;
  height: auto !important;
  left: 40%;
  top: 30%;
  margin-left: -100px;
  padding: 10px 20px 10px;
  box-sizing: border-box;
  text-align: center;
  z-index: 15000;
}

.row_1 {
  display: flex;
  flex-wrap: wrap;
}

.affiche_mail {
  text-align: left;
}

.photo_window {
  width: 100% !important;
  display: none;
  background-color: #F3F5F6;
  color: #000000;
  border: 1px solid #aaa;
  position: fixed;
  height: auto !important;
  left: 0%;
  top: 30%;
  /* margin-left: -100px; */
  padding: 10px 20px 10px;
  box-sizing: border-box;
  text-align: center;
  z-index: 1000;
}

#confirm2 {
  display: none;
  background-color: #F3F5F6;
  color: #000000;
  border: 1px solid #aaa;
  position: fixed;
  width: 270px;
  height: 100px;
  left: 40%;
  top: 30%;
  margin-left: -100px;
  padding: 10px 20px 10px;
  box-sizing: border-box;
  text-align: center;
  z-index: 1000;
}


.confirm button {
  background-color: #FFFFFF;
  display: inline-block;
  border-radius: 12px;
  border: 4px solid #aaa;
  padding: 5px;
  text-align: center;
  width: 60px;
  cursor: pointer;
}

#confirm .message {
  text-align: left;
  background-color: #FFFFFF
}

.line {
  max-height: 30px;
}

.cartouche_table.td {
  border-left: 0px !important;
  border-bottom: 0px !important;
}

#cartouche_appareil {
  margin-left: auto;
  margin-right: auto;
}

table.liste_EDS {
  width: 100%;
  margin: 15px;
  border: none;
  background-color: #FFF;
  border-collapse: separate;
  border-spacing: 0;
  text-align: center;
  margin-right: 30px;
  table-layout: auto;
  /*table-layout: fixed;*/

}

table.liste_EDS td {
  text-align: left;
}

tr.top_space>td {
  padding-top: 1em;
}

.th_color {
  background-color: #b4cade  !important; /* couleur de fond (bleu clair ici) */
  font-weight: bold;         /* texte en gras */
  z-index: 0;
}

.liste_display_different {
  display: table !important;
}

table#liste {
  width: 100% !important;
  /*600px; /* just to demonstrate horizontal scrolling & stickiness */
  /* min-height: 600px !important;*/
  margin: 15px;
  border: none;
  background-color: #FFF;
  border-collapse: collapse; /* JFL was separate */
  border-spacing: 0;
  border-left: 1px solid #ccc;
  text-align: center;
  height: 300px !important;
  margin-right: 30px;
  /* Keyword values */
  table-layout: auto;
  /*table-layout: fixed;*/

  /* Global values 
  table-layout: inherit;
  table-layout: initial;
  table-layout: unset; */

}

table#liste th {
  background: #ccc;
  border-right: 1px solid #999;
  color: #000;
  padding: 3px;
  position: sticky;
  top: 0;
  /* ensure header row sits atop everything else when scrolling down */
  z-index: 1;
  page-break-inside: avoid;
  break-inside: avoid;
}

table#liste td {
  background: #fff;
  border-right: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  padding: 4px 5px;
  page-break-inside: avoid;
  break-inside: avoid;
}

/* ensure first header cell sits atop everything else when scrolling right */
table#liste th:first-child {
  position: sticky;
  left: 0;
  z-index: 2;
}

.my-bg-white {
  background-color: #fff !important;
}

.liste_z0 th {
  z-index: 0 !important;
}

/* make first column sticky when scrolling right */
table#liste td:first-child {
  background: #fff;
  position: sticky;
  left: 0;
  border-right-color: #aaa;
}

div.picker {
  z-index: 3 !important;
}

#start_date {
  margin: 5px;
  width: 90px;
}

#end_date {
  margin: 5px;
  width: 90px;
}

.date {
  background-color: #FFF;
}

.date-row {
  padding-left: 10px;
}

.liste {
  /* margin: 15px; */
  border: none;
  background-color: #FFF;
  border-collapse: separate;
  border-spacing: 0;
  border-left: 1px solid #ccc;
  text-align: center;

  margin-right: 30px;
  /* Keyword values */
  table-layout: auto;
  table-layout: fixed;
  overflow: auto;
  display: block;
  cursor: pointer;
}

.liste_rouge {
  /* margin: 15px; */
  border: none;
  background-color: #FFF;
  border-collapse: separate;
  border-spacing: 0;
  border-left: 1px solid #a6192e;
  text-align: center;

  margin-right: 30px;
  /* Keyword values */
  table-layout: auto;
  table-layout: fixed;
  overflow: auto;
  display: block;
  cursor: pointer;
}

.liste_rouge td {
  border: none;
  background-color: #FFF;
  border: 1px solid #a6192e;
  border-bottom: 1px solid #a6192e;
}

.liste_rouge th {
  border: none;
  color: #FFF !important;
  background-color: #a6192e !important;
  border-left: 1px solid #a6192e;
}

#bouton_print {
  padding: 5px;
  font-weight: 600;
  color: rgb(166, 25, 46);
  cursor: pointer;
}

.liste1 {
  width: 100% !important;
  /*600px; /* just to demonstrate horizontal scrolling & stickiness */
  border: none;
  background-color: #FFF;
  border-collapse: separate;
  border-spacing: 0;
  border-left: 1px solid #ccc;
  text-align: center;
  max-height: 300px !important;
  margin-right: 30px;
  /* Keyword values */
  table-layout: auto;
  table-layout: fixed;
  overflow: auto;
  display: block;
}

.liste1 td,
th {
  border: 1px solid #ccc;
  padding: 3px;
}

.liste_rouge th {
  background: #a6192e;
  border-right: 1px solid #999;
  color: #fff;
  padding: 3px;
  position: sticky;
  top: 0;
  /* ensure header row sits atop everything else when scrolling down */
  z-index: 1;
}

.liste_rouge td {
  /*background:#fff; */
  border-right: 1px solid #a6192e;
  ;
  border-bottom: 1px solid #a6192e;
  ;
  padding: 4px 5px;
}

/* ensure first header cell sits atop everything else when scrolling right */
.liste_rouge th:first-child {
  position: sticky;
  left: 0;
  z-index: 2;
}

/* make first column sticky when scrolling right */
.list_rouge td:first-child {
  position: sticky;
  left: 0;
  border-right-color: #a6192e;
  ;
}


.liste th {
  background: #ccc;
  border-right: 1px solid #999;
  color: #000;
  padding: 3px;
  position: sticky;
  top: 0;
  /* ensure header row sits atop everything else when scrolling down */
  z-index: 1;
}

.liste td {
  /*background:#fff; */
  border-right: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  padding: 4px 5px;
}

/* ensure first header cell sits atop everything else when scrolling right */
.liste th:first-child {
  position: sticky;
  left: 0;
  z-index: 2;
}

/* make first column sticky when scrolling right */
.list td:first-child {
  position: sticky;
  left: 0;
  border-right-color: #aaa;
}


/*
// add from LIMO
#vis {
	clear: all;
	margin-bottom: 20px;
	height: 370px;
	height: 285px;
}

#tiles {
	font-size: 12px;
	clear: both;
}

#tiles th {
	vertical-align: top;
	padding: 3px;
	color: #000;
}

th.h7, th.h8, th.h9, th.h10, th.h11, th.h12, th.h13, th.h14, th.h15, th.h16, th.h17, th.h18, th.h19 {
	color: #444 !important;
}  

#tiles tr th {
	padding-top: 12px;
}

#tiles tr:first-child th {
	padding-top: 3px;
}

#tiles td {
	-webkit-perspective: 1000;
}

#tiles .tile {
	width: 38px;
	height: 38px;
	position: relative;
	-webkit-transform-style: preserve-3d;
	-webkit-transition: 0.7s;
}

.face {
	position: absolute;
	-webkit-backface-visibility: hidden;
	width: 36px;
	height: 36px;
	background: #eee;
	border: 1px solid white;
	-moz-border-radius: 4px;
	border-radius: 4px;
}

#block
{
    height: 36px;
}
#status,#message,#list {
	display:inline;
}
#status {
	float: left;
}
#messages {
	float: center;
}
#list {
	float: right;
}

#tiles td.sel .face {
	border-color: black;
}

.face.hidden {
	display: none;
}

#tiles td.dim .screen {
	opacity: 0.6;
}

.face.back {
	-webkit-transform: rotateY(180deg);
}

.tile .screen {
	background: white;
	opacity: 0.0;
	width: 36px;
	height: 36px;
	position: absolute;
	z-index: 1337;
	-moz-border-radius: 4px;
	border-radius: 4px;
	border: 1px solid white;
} 

*/

#loupe {
  width: 200px;
  height: 200px;
  border: solid 6px #fff;
  border-radius: 200px;
  position: absolute;
  background-size: 1500px auto;
  background-image: url("");
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.6);
  filter: brightness(1.3);
}

/* Pour les repertoires dynamiques*/
/* h2 {
  color: #aaa;
  font-size: 30px;
  line-height: 40px;
  font-style: italic;
  font-weight: 200;
  margin: 40px;
  text-align: center;
  text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.7);
}*/

.box {
  background: #fff;
  border-radius: 2px;
  box-shadow: 0 0 50px rgba(0, 0, 0, 0.1);
  margin: 30px 5%;
  padding: 5%;
}

@media (min-width: 544px) {
  .box {
    margin: 40px auto;
    max-width: 440px;
    padding: 40px;
  }

  .checkbox-rect2_size input[type="checkbox"]+label:before {
    width: 4em;
    height: 4em;
  }
}


/* The list style
-------------------------------------------------------------- */

.directory-list ul {
  margin-left: 10px;
  padding-left: 20px;
  border-left: 1px dashed #ddd;
}

.directory-list li {
  list-style: none;
  color: #888;
  font-size: 17px;
  font-style: italic;
  font-weight: normal;
}

.directory-list a {
  border-bottom: 1px solid transparent;
  color: #888;
  text-decoration: none;
  transition: all 0.2s ease;
}

.directory-list a:hover {
  border-color: #eee;
  color: #000;
}

.directory-list .folder,
.directory-list .folder>a {
  color: #777;
  font-weight: bold;
  font-size: large;
}


/* The icons
-------------------------------------------------------------- */

.directory-list li:before {
  margin-right: 10px;
  content: "";
  height: 20px;
  vertical-align: middle;
  width: 20px;
  background-repeat: no-repeat;
  display: inline-block;
  /* file icon by default */
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'><path fill='grey' d='M85.714,42.857V87.5c0,1.487-0.521,2.752-1.562,3.794c-1.042,1.041-2.308,1.562-3.795,1.562H19.643 c-1.488,0-2.753-0.521-3.794-1.562c-1.042-1.042-1.562-2.307-1.562-3.794v-75c0-1.487,0.521-2.752,1.562-3.794 c1.041-1.041,2.306-1.562,3.794-1.562H50V37.5c0,1.488,0.521,2.753,1.562,3.795s2.307,1.562,3.795,1.562H85.714z M85.546,35.714 H57.143V7.311c3.05,0.558,5.505,1.767,7.366,3.627l17.41,17.411C83.78,30.209,84.989,32.665,85.546,35.714z' /></svg>");
  background-position: center 2px;
  background-size: 60% auto;
}

.directory-list li.folder:before {
  /* folder icon if folder class is specified */
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'><path fill='darkred' d='M96.429,37.5v39.286c0,3.423-1.228,6.361-3.684,8.817c-2.455,2.455-5.395,3.683-8.816,3.683H16.071 c-3.423,0-6.362-1.228-8.817-3.683c-2.456-2.456-3.683-5.395-3.683-8.817V23.214c0-3.422,1.228-6.362,3.683-8.817 c2.455-2.456,5.394-3.683,8.817-3.683h17.857c3.422,0,6.362,1.228,8.817,3.683c2.455,2.455,3.683,5.395,3.683,8.817V25h37.5 c3.422,0,6.361,1.228,8.816,3.683C95.201,31.138,96.429,34.078,96.429,37.5z' /></svg>");
  background-position: center top;
  background-size: 75% auto;
}