.dossierClient_wrapper{

    height: 95vh;
    width: 95vw;
}
#pageInfoClient{
    max-height: 80%;
    overflow: scroll;
}


.info {
    position: static;
    height: 500px;
    overflow-y: scroll;
}

.client_biohazard{
  font-size: 1em;
  border-radius: 1.5em;
  padding: 3px;
  background: red;
  border-color: white;
  border-style: solid;
}

.clientEVENTS {
    position: relative;
    height: 250px;
    overflow-y: scroll;
    border-radius: 5px;
    border: 1px solid gray;
    padding: 0px;
}

.clientNOTES {
    position: relative;
    height: 200px;
    overflow-y: scroll;
}

ul li i {
    float: right;
}

.card-header button{
    float: right;
}

.barre {
    
    color: red;
    text-decoration: line-through;

}
span.inner {
    color: black;
}

.text-small{
    font-size: 0.5em;

}
 
/* evaluations */


.evaluationCol{
    max-height: 100% !important;
  
    overflow-y: scroll !important;
}



#addVisiteForm{

    width: 100%;
    padding: 0px 10px 0px 10px;
    height: 200px;
}

#addVisiteForm textarea{
  height: 140px;
  margin:0;
  padding:0;
}

.add_note_form{
    display: block;
}

/* Opt-out controls (eventDetails client form) */
#form_infoClient_fromEventDetails .optout-label{
    display: flex;
    align-items: center;
}
#form_infoClient_fromEventDetails .optout-options{
    padding-top: 4px;
    margin-bottom: 6px;
}
#form_infoClient_fromEventDetails .optout-options .form-check{
    margin-right: 12px;
}

/* DOSSIER CLIENT */

/* dossier Client */
.dossierClient_wrapper{
    /* background-color: #d0ebf8; */
    /* background-image: linear-gradient(lightgray, white, lightgray,gray); */
    
    width: 100vw;
    height: 100vh;
    overflow-y: scroll;
    /* padding: 1em;  */
    display: grid;
    grid-template-columns: 1fr;
    /* grid-gap: 1em; */
    grid-template-rows: 1fr 9fr;
    grid-template-areas:
  
    "dossierClient_navbar"
    "dossierClient_main_content"
    ;
  
  }
  


  /* iphone */
  @media screen and (max-width: 800px) {

  .dossierClient_navbar{
    display: grid;
    grid-area: dossierClient_navbar;
    background-color: gray;
    height: 20vh;
    width: 100vw;
    /* padding: 1em;  */
    /* display: grid; */
     grid-template-columns: 1fr 1fr 1fr ;
    /* grid-gap: 1em; */
    /* grid-template-rows: 1fr 1fr; */
    grid-template-areas:
    "dossierClient_btn_retour           dossierClient_alerte_allergies       dossierClient_alerte_allergies"
    "dossierClient_infoClient           dossierClient_infoClient              dossierClient_infoClient"
    "dossierClientMenu                  dossierClientMenu                     dossierClientMenu"
    ".                                 .                                     dossierClient_clinical_summary_bar";
   
    
    
  }
  .dossierClient_fermer_eventdetails_btn.nav_client_sm{
    grid-area: dossierClient_btn_retour;
  }


   #dossierClientMenu{
     grid-area: dossierClientMenu;
   }

   .nav_client_lg{
     display: none;
     z-index : -1000;
   }

   .dossierClient_infoClient{
     /* font-size: 1em !important; */
   }

   #alerte_allergie{
  font-style: italic;
  border-radius: 5px;
  padding-left: 1em;
  font-size: smaller;
  color: slategray;
  height: 4vh;
  overflow-y: auto;


 

}
}

/* ordinateur */

  /* TGV:UI - Le seuil desktop commence apres le max-width mobile afin qu'a
     800px une seule variante de grille soit active. */
  @media screen and (min-width: 801px) {


      #dossierClientMenu, .nav_client_sm{
     display: none;
   }

   .nav_client_lg{
     display: block;
     z-index : 1000;
   }
  .dossierClient_navbar{
    display: grid;
    grid-area: dossierClient_navbar;
    background-color: gray;
    height: 17vh;
    width: 100vw;
    /* padding: 1em;  */
    /* display: grid; */
    grid-template-columns: 2fr  4fr 2fr ;
    /* grid-gap: 1em; */
    /* grid-template-rows: 1fr 1fr; */
    grid-template-areas:
    "dossierClient_onglets                         dossierClient_onglets                                                dossierClient_onglets"
    "dossierClient_clock                           dossierClient_infoClient                                              dossierClient_alerte_allergies"
    ".                                             .                                                                    dossierClient_clinical_summary_bar";
    
    
  }

  .dossierClient_onglets{
    grid-area: dossierClient_onglets;
    display: grid;
    grid-template-columns: auto ;
    /* grid-gap: 1px; */
    grid-template-rows: 1fr;
    grid-template-areas:
    "dossierClient_btn_retour dossierClient_onglet_information dossierClient_onglet_facturation dossierClient_onglet_antecedents dossierClient_onglet_lettres dossierClient_onglet_protocoles dossierClient_onglet_evaluations dossierClient_onglet_prescriptions dossierClient_onglet_photos  dossierClient_onglet_documents dossierClient_onglet_administration dossierClient_onglet_formulaires dossierClient_onglet_etudes";
  }

  #alerte_allergie{
  font-style: italic;
  border-radius: 5px;
  padding-left: 1em;
  font-size: smaller;
  color: slategray;
  height: 10vh;
  overflow-y: auto;


 

}

}



  #main_content {
    height: 95vh;
    grid-area: dossierClient_main_content;
  }


  .dossierClient_content{
    grid-area: dossierClient_content;
  }
  
  .dossierClient_btn_retour{
    grid-area: dossierClient_btn_retour;
  }
  .dossierClient_clock{
    /* grid-area: dossierClient_clock; */
    color: white !important;
    padding-left: 1em;
  }
 
  .dossierClient_onglets button{
    /* background-image: linear-gradient(lightgray, white, lightgray,gray); */
    /* border: solid black 1px; */
    max-height: 100%;
    overflow: hidden;
    font-size: .8em;
    /* padding-top: ; */
    color: black;
    /* font-weight: bold; */
  }
  
  /* .dossierClient_onglets button:hover{
    background-image: linear-gradient(gray, lightgray, white, lightgray);
  } */

  #client_retenir_dossier_btn.btn-success{
    color: lightgreen  !important;
  }

  
  .dossierClient_onglet_administration{
    grid-area: dossierClient_onglet_administration;
  }
  .dossierClient_onglet_antecedents{
    grid-area: dossierClient_onglet_antecedents;
  }
  .dossierClient_onglet_evaluations{
    grid-area: dossierClient_onglet_evaluations;
  }
  .dossierClient_onglet_facturation{
    grid-area: dossierClient_onglet_facturation;
  }
  .dossierClient_onglet_documents{
    grid-area: dossierClient_onglet_documents;
  }
    .dossierClient_onglet_prescriptions{
    grid-area: dossierClient_onglet_prescriptions;
  }
    .dossierClient_onglet_formulaires{
    grid-area: dossierClient_onglet_formulaires;
  }
  .dossierClient_onglet_formulaires img{
    max-width: 24px;
    max-height: 24px;
    object-fit: contain;
  }
  .dossierClient_onglet_information{
    grid-area: dossierClient_onglet_information;
  }
  .dossierClient_onglet_lettres{
    grid-area: dossierClient_onglet_lettres;
  }
  .dossierClient_onglet_photos{
    grid-area: dossierClient_onglet_photos;
  }
  .dossierClient_onglets .dossierClient_fermer_eventdetails_btn{
    grid-area: dossierClient_btn_retour;
  }
  .dossierClient_infoClient{
    grid-area: dossierClient_infoClient;
    /* color: white; */

    /* text-shadow: 0px 1px 0px rgba(80, 74, 74, 0.5); */
    text-align: center;
    color: #333;
    
    text-shadow: 0px 1px 0px rgba(255,255,255,.5);
    font-size: 1.5em;
  }
  
  #dossierClient_alerte_allergies{
    grid-area: dossierClient_alerte_allergies;

  }

  #dossierClient_clinical_summary_bar{
    grid-area: dossierClient_clinical_summary_bar;
    justify-self: end;
    align-self: start;
    width: max-content;
    max-width: 100%;
  }
  
  .dossierClient_onglet_etudes{
    grid-area: dossierClient_onglet_etudes;
  }
 




#alerte_allergie {
  /* overflow-y: auto;
  border: 1px solid black;
  height: 3em;
  width: 10em;
  line-height: 1em; */
}

#alerte_allergie::-webkit-scrollbar {
  -webkit-appearance: none;
}

#alerte_allergie::-webkit-scrollbar:vertical {
  width: 3px;
}

#alerte_allergie::-webkit-scrollbar:horizontal {
  height: 11px;
}

#alerte_allergie::-webkit-scrollbar-thumb {
  border-radius: 0px 5px 5px 0px;
  border: 1px solid orangered; /* should match background, can't be transparent */
  background-color: chocolate;
}



/*                */
/* EVALUATIONS    */
/*                */

/* TGV:UI - Seuls les enfants directs participent a la grille principale.
   Affecter la liste elle-meme evite qu'un item auto-place recouvre le dessin. */
.dossier_client_evaluations_wrapper > .listeEval {
  grid-area: evaluation_each_eval;
  min-width: 0;
  min-height: 0;
  overflow-y: auto;
  position: relative;
  z-index: 1;
}

.dossier_client_evaluations_wrapper > #content {
  position: relative;
  z-index: 1;
}

/* 

  SMALL SCREEN

*/

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

  .dossierClient_wrapper{
    /* background-color: #d0ebf8; */
    /* background-image: linear-gradient(lightgray, white, lightgray,gray); */
    
    width: 100vw;
    height: 100vh;
    overflow-y: scroll;
    /* padding: 1em;  */
    display: grid;
    grid-template-columns: 1fr;
    /* grid-gap: 1em; */
    grid-template-rows: 5fr 5fr;
    grid-template-areas:
  
    "dossierClient_navbar"
    "dossierClient_main_content"
    ;
  
  }
  

  #main_content {
    margin-top: 5rem;
    height: 95vh;
    grid-area: dossierClient_main_content;
  }




/* frame qui contient toute la page d'évaluation */
.dossier_client_evaluations_wrapper{
  /* background-color: #e7e5e5; */
  height: calc(100vh - 20vh);
  min-height: 0;
  width: 100vw;
  overflow-y: hidden;
  padding-top: 3px;  
  display: grid;
  grid-column-gap: 1em; 
  grid-row-gap: 1em;
  grid-template-columns: auto;
  /* grid-gap: 1em; */
  grid-template-rows: auto auto minmax(0, 1fr) minmax(0, 1fr);
  grid-template-areas:
  "btn_add_eval                             "
  "onglets"
 
  "evaluation_zoom_onglet_content"
  "evaluation_each_eval        "

 ;

  }
  /* evaluation_zoom             */
/* fenetre de l'évaluation en cours */
.dossier_client_evaluations_wrapper #content{
  grid-area: evaluation_zoom_onglet_content;
  display: grid;
  min-height: 0;
  height: 100%;
  grid-template-areas:  "content";
}

/* evaluation_zoom contient les données de l'évaluation en cours */

.dossier_client_evaluations_wrapper #content #echo{
  grid-area: content;
  display: grid;
  max-height: 75vh;
  overflow-y: scroll;
  grid-template-columns: 1fr;
  grid-gap: 1em;
  grid-template-rows:   auto;
  grid-template-areas:
  "evaluation_zoom    "
  "notes";

}

   .evaluationGroup_dessin, .button_addEvaluation, .evaluation_zoom_onglet_content, .evaluationGroup{
     width: 100vw;
    }

  .evaluation_onglets>button {
    width: 20vw;
  }

  #content>table{
  max-width: 100vw;
}


}


/* 

  BIG SCREEN

*/

/* TGV:UI - Eviter le chevauchement des grilles mobile et desktop a 800px. */
@media screen and (min-width: 801px) {

/* frame qui contient toute la page d'évaluation */
.dossier_client_evaluations_wrapper{
  /* background-color: #e7e5e5; */
  height: calc(100vh - 17vh);
  min-height: 0;
  width: 100vw;
  overflow-y: hidden;
  padding-top: 3px;  
  display: grid;
  grid-column-gap: 1em; 
  grid-row-gap: 1em;
  grid-template-columns: 1fr 16fr;
  /* grid-gap: 1em; */
  grid-template-rows: auto minmax(0, 1fr);
  grid-template-areas:
  "btn_add_eval                            onglets "
  "evaluation_each_eval                    evaluation_zoom_onglet_content          "
 ;

  }
  /* evaluation_zoom             */
/* fenetre de l'évaluation en cours */
.dossier_client_evaluations_wrapper #content{
  grid-area: evaluation_zoom_onglet_content;
  display: grid;
  min-height: 0;
  height: 100%;
  grid-template-areas:  "content";
}
/* evaluation_zoom contient les données de l'évaluation en cours */

.dossier_client_evaluations_wrapper #content #echo{
  grid-area: content;
  display: grid;
  max-height: 75vh;
  overflow-y: scroll;
  grid-template-columns: 1fr 2fr;
  grid-gap: 1em;
  grid-template-rows:   auto;
  grid-template-areas:
  "evaluation_zoom   notes ";

}

}

/* liste évaluations */
.dossier_client_evaluations_wrapper .listeEval .evaluation_each_eval{
  
  grid-area: evaluation_each_eval;
  display: grid;
  /* width: 100%; */
  overflow-y: scroll;
  grid-template-columns: 5fr 1fr;
  /* grid-gap: 1em; */
  grid-template-rows: 1fr;
  grid-template-areas:
  "info   eraseEval   ";
 }
 .dossier_client_evaluations_wrapper .listeEval .evaluation_each_eval .evaluation_info{
  grid-area: info;
  display: grid;
  width: 100%;
  grid-template-columns: 1fr;
  /* grid-gap: 1em; */
  grid-template-rows: 1fr 1fr 1fr;
  grid-template-areas:
  "date     "
  "mdref   "
  "md      ";

}

.dossier_client_evaluations_wrapper #content #sommaire{
  grid-area: content;
}

.dossier_client_evaluations_wrapper #content #questionnaire{
  grid-area: content;
}
.dossier_client_evaluations_wrapper #content #rapport{
  grid-area: content;
}
.dossier_client_evaluations_wrapper #content #examen{
  grid-area: content;
}



.dossier_client_evaluations_wrapper #echo #evaluation_zoom{
  grid-area: evaluation_zoom;
  display: grid;
  /* width: 100%; */
  max-height: 75vh;
 
  overflow-y: scroll;
  grid-template-columns: 1fr ;
  /* grid-gap: 1em; */
  grid-template-rows:  1fr 3fr 3fr auto;
  grid-template-areas:
  "mesures     "
  "dessin            "
  "diagnostic  "
  "plan          ";

}
 /* notes évolutives */
 .dossier_client_evaluations_wrapper #echo #notes{

    grid-area: notes ;
    display: grid;
    grid-template-columns: 1fr ;
    grid-template-rows: 3em;
    grid-template-areas:
    " add_btn "
    "liste_notes        ";
  }

  #edit_visite_note_form_submit_btn{
    float: right;
    margin-bottom: 5px;
  }

    .evaluationGroup_dessin{
      grid-area: dessin;
    }
    .evaluationGroup_diagnostic{
      grid-area: diagnostic;
      max-height: 20vh;
      overflow-y: scroll;
    }
    .evaluationGroup_mesures{
      grid-area: mesures;
      
    }

    .evaluationGroup_plan{
      grid-area: plan;  
      height: auto;
      overflow-y: visible;
    }
  /* onglets de navigation dans le evaluation_zoom */
  .dossier_client_evaluations_wrapper .evaluation_onglets{
  
    grid-area : onglets;
    display : grid;
    height: 3em;  
    grid-template-columns: auto;
    grid-template-rows: 1fr;
    grid-template-areas:
    "sommaire questionnaire examen echo rapport";

  }
  

 
.dossier_client_evaluations_wrapper #notes .evaluation_notes{
  grid-area: liste_notes ;
 
}

#evaluations-timeline-table {
  table-layout: fixed;
  width: 100%;
}

#evaluations-timeline-table .evaluations-timeline-col-context {
  width: 14%;
}

#evaluations-timeline-table .evaluations-timeline-col-content {
  width: 86%;
}

#evaluations-timeline-table .evaluations-timeline-row-visite td {
  vertical-align: top;
}

#evaluations-timeline-table .evaluations-timeline-note-cell {
  padding: 10px 12px 10px 8px;
}

#evaluations-timeline-table .evaluations-timeline-note-cell-full {
  padding-left: 12px;
  padding-right: 12px;
}

#evaluations-timeline-table .evaluations-timeline-note-card {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

#evaluations-timeline-table .evaluations-timeline-note-card {
  padding: 10px 12px;
  border-left: 4px solid #cfd4da;
  border-radius: 8px;
  background-color: #f8f9fa;
}

#evaluations-timeline-table .evaluations-timeline-note-header {
  display: block;
}

#evaluations-timeline-table .evaluations-timeline-note-text {
  color: #1f2a33;
  font-size: 0.98rem;
  line-height: 1.5;
  word-break: break-word;
}

#evaluations-timeline-table .evaluations-timeline-note-meta {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 6px 8px;
}

#evaluations-timeline-table .evaluations-timeline-note-origin,
#evaluations-timeline-table .evaluations-timeline-note-summary {
  display: inline-flex;
  align-items: center;
  gap: 6px;
}

#evaluations-timeline-table .evaluations-timeline-status {
  font-weight: 600;
}

#evaluations-timeline-table .evaluation_note_edit {
  cursor: pointer;
}

#evaluations-timeline-table .evaluation_note_edit .evaluations-timeline-note-card {
  border-radius: 8px;
  transition: background-color 0.15s ease, box-shadow 0.15s ease;
}

#evaluations-timeline-table .evaluation_note_edit:hover .evaluations-timeline-note-card,
#evaluations-timeline-table .evaluation_note_edit:focus .evaluations-timeline-note-card {
  background-color: rgba(0, 0, 0, 0.03);
}

#evaluations-timeline-table .timelinePhoto {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  margin: 6px 0;
  color: inherit;
  text-decoration: none;
}

#evaluations-timeline-table .timelinePhoto:hover {
  text-decoration: none;
}

#evaluations-timeline-table .timelinePhotoThumb {
  width: 120px;
  max-width: 100%;
  height: 90px;
  object-fit: cover;
  border: 1px solid #d7dde4;
  border-radius: 6px;
  background-color: #f8f9fa;
  flex: 0 0 auto;
}

.dossier_client_evaluations_wrapper #notes .add_note_form{
  grid-area: add_btn ;
 
}



.dossier_client_evaluations_wrapper .evaluation_onglets button{
  border: 1px solid rgb(137, 137, 137);
  border-top-left-radius: 15px;
  border-top-right-radius: 15px;
  text-align: center;
  background: rgba(128, 128, 128, 0.493);
  font-style: bold;
}
.dossier_client_evaluations_wrapper .evaluation_onglets button:hover{
  background: rgb(128, 128, 128);
}


.dossier_client_evaluations_wrapper .evaluation_onglets .active, .dossier_client_evaluations_wrapper .evaluation_onglets .active:hover{
  background-color: #e8e8e8 ;
  border-bottom: 0px;
}

.dossier_client_evaluations_wrapper .evaluation_onglets .onglet_sommaire{
  grid-area: sommaire;
}
.dossier_client_evaluations_wrapper .evaluation_onglets .onglet_questionnaire{
  grid-area: questionnaire;
}
.dossier_client_evaluations_wrapper .evaluation_onglets .onglet_examenPhysique{
  grid-area: examen;
}
.dossier_client_evaluations_wrapper .evaluation_onglets .onglet_echographie{
  grid-area: echo;
}
.dossier_client_evaluations_wrapper .evaluation_onglets .onglet_rapport{
  grid-area: rapport;
}


.dossier_client_evaluations_wrapper > .button_addEvaluation{

  grid-area: btn_add_eval;
  align-self: start;
  position: relative;
  z-index: 0;
}

.echographie-drawing-open-form,
.echographie-drawing-open {
  display: block;
  width: 100%;
  margin: 0;
}

.echographie-drawing-open {
  padding: 0;
  border: 0;
  background: transparent;
  text-align: inherit;
  cursor: pointer;
}

.height_50vh{
  height: 50vh;
}

.listeEval .eraseEval{
  grid-area: eraseEval;
}
.listeEval .evaluation_each_eval{
  /* background-image: linear-gradient(white, #cccccc, gray); */


}

/* .evaluation_each_eval:hover{ */
  /* background-image: linear-gradient(rgba(28, 238, 28, 0.3), white, #cccccc8a, gray,rgba(28, 238, 28, 0.3) );  */
/* } */
/* .listeEval .active { */
  /* background-image: linear-gradient(green, lightgreen, lightgreen,green); */
  /* background-image: linear-gradient(green,rgb(28, 238, 28), rgb(124, 250, 74), #aefc81, rgb(124, 250, 74),rgb(28, 238, 28),green ); */
/* } */
/* 
.listeEval .evaluation_each_eval:nth-child(odd){
  background-color: white;
} */
.listeEval .evaluation_each_eval .evaluation_info .small{
  font-size: 0.8em;
 
  font-style: italic;
}
.listeEval .evaluation_date_creation{
  grid-area: date;
}
.listeEval .evaluation_mdref{
  grid-area: mdref;
  color: inherit !important;
  -webkit-filter: invert(100%);
    filter: invert(100%);
}
.evaluation_mdref:first-letter {
  text-transform: uppercase;
}
.listeEval .evaluation_md_traitant{
  grid-area: md;
    color: inherit !important;
  -webkit-filter: invert(100%);
    filter: invert(100%);
}

.prescription_container{
  background-color: gray;
  border-radius: 5px;
  border: 1px solid black;
  margin-bottom: 15px;
}
.prescription_container a{
  color: white;
}
.prescription_preview{
  background-color: white;
  border-radius: 5px;
  border: 1px solid lightgray;
}

#prescriptions-by-user-list{
  max-height: calc(100vh - 260px);
  min-height: 12rem;
  overflow-y: auto;
  overflow-x: hidden;
  overscroll-behavior: contain;
  padding-right: 0.25rem;
}

.popup-blocked-message{
  margin-top: 10px;
  padding: 8px 10px;
  border-radius: 4px;
  background: #fff3cd;
  color: #856404;
  border: 1px solid #ffeeba;
  font-size: 0.9em;
}

.loi25-request-toast {
  position: fixed;
  right: 18px;
  top: 82px;
  z-index: 1080;
  min-width: 280px;
}

/* FIN EVALUATIONS */