.rapport_fin_traitement_header{
    display: grid;
    grid-template-columns: 1fr 2fr 1fr 1fr ;
    /* grid-template-columns: repeat(2, 1fr 2fr); */
    /* grid-column-gap: 1em;
    grid-row-gap: 1em; */
    /* grid-auto-rows: 100px; */
    /* grid-auto-rows: minmax(100px, auto); */
    grid-gap: 1em;
    grid-template-rows: auto;
    grid-template-areas:
   
    "logo   .       clientTag   clientTag "
    "logo   .       clientTag   clientTag"
    "logo   title       date        date";
   
}

.rapport_fin_traitement_wrapper{
    /* margin: 60pt 45pt 45pt 45pt; */
    text-align: justify;
    text-justify: inter-word;
    display: grid;  
    grid-template-columns: 1fr 1fr;
    grid-gap: 1em;
    grid-template-rows: auto;
    grid-template-areas:

    "mdref                          copie_conforme   "
    ".                .   "

    "diagnostic                 diagnostic"
    ". . "
    "traitement                 traitement"
    "suivi                      suivi     "
    "remarque                   remarque"
    "texte_fin                  texte_fin"
    ".                          signature";
}


/* header grid */
.printLogo{
    grid-area: logo;
}
.rapport_fin_traitement_clientTag{
    margin-top: 2em;
    grid-area: clientTag;
}
.rapport_fin_traitement_title{
    grid-area: title;
    font-weight: bold;
}

.rapport_fin_traitement_date{
    grid-area: date;
}

/* rapport grid */

.copie_conforme {
    grid-area: copie_conforme ;
}

.rapport_fin_traitement_diagnostic{
    grid-area: diagnostic;
    margin-top: 2em;
    margin-bottom: 2em;

 
}


.diagnostic_title{
    position: relative;
    float: left;
}
.diagnostic_content{
    position: relative;
    float: left;
    padding-left: 3em;
}

.rapport_fin_traitement_mdref{
    grid-area: mdref;
}
.remarque{
    grid-area: remarque;
}

.remarque_title{
    position: relative;
    float: left;
}
.remarque_content{
    position: relative;
    float: left;
    padding-left: 3em;
}

.rapport_fin_traitement_signature{
    /* grid-area: signature; */
    margin-top: 5em;
    position: fixed;
    width: 50%;
    bottom: 50px;
    right: 10px;
    border-top: 1px solid gray;
}
.suivi{
    grid-area: suivi;
}
.rapport_fin_traitement_traitement{
    grid-area: traitement;
}
.texte_fin{
    grid-area: texte_fin;
}



/* other */

#rapport_fin_traitements_diagnostics_list{
    margin-left: 3em;
}

#rapport_fin_traitement_tx_selector input{
    font-size: 0.6em;
}

.bold{
    font-weight: bold;
}


.rapport_fin_traitement_clientTag, .rapport_fin_traitement_mdref, .copie_conforme{
    /* font-size: 12pt; */
}

.rapport_fin_traitement_diagnostic, .remarque, .suivi, .texte_fin, .rapport_fin_traitement_mdref{

    padding-left: .75rem;
 
}
.signature_text_under_line{
    width: 100%;
    text-align: center;
}



.tab { 
    text-indent: 5em;
    
  }

.text-italic{
    font-style: italic;
    color: gray;
}



.print_button{
    font-style: italic;
    color: gray;
}

#rapport_fin_traitement_print_button{
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.rapport_fin_traitement_print_icon{
    display: block;
    width: 32px;
    height: 32px;
    max-width: 100%;
    object-fit: contain;
}
