/* mportation des Polices*/
@import url('WEBFONTS/font_poppins.css');

/* Réinitialisation des Styles Généraux*/
*{
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  font-family: "Poppins"; /*, sans-serif; applique la police partout avec * */
}
a {
  color: #a37859;
  text-decoration: none;
  font-weight: bold;
}
a:hover {
  color: #a05a26;
}

/* Annuler la couleur du lien pour ce lien particulier, mais garder l'effet de survol */
a.no-link-color {
  color: inherit;  /* Couleur héritée du parent (aucune couleur spécifique pour le lien) */
}

a.no-link-color:hover {
  color: #a05a26;  /* Couleur de survol appliquée normalement */
}

/*Fond de la Page*/
body{
  min-height: 100vh;
  background-color: #1e252d;
  background-size: cover;
  background-position: center;
}

table {
  border-collapse: collapse;
  width: 100%;
  max-width: 1400px;
  font-size: 10px;
  background-color: #26333f;
  text-align: center;
  color: white;
  border: 3px solid #2e3b49;
  padding: 3px;
  border-radius: 10px; /* Coins arrondis */
  margin: auto auto;

  /*margin-left: auto; /* Centrer horizontalement */
  /*margin-right: auto; /* Centrer horizontalement*/
        }

th, td {
  padding: 3px;
  border: 1px solid #405468;
        }

input,select,textarea {
  font-size: 11px;
  background-color: #455561;
  padding: 5px;
  margin: 4px 6px;
  border : none;
  border-radius: 3px; /* Coins arrondis */
  color:white;
        }

/*#########################################################*/
/*CSS de la page d'analyse de pdf dans SHOWS/SCRIPT*/
.container {
    display: flex;
    height: 98vh;
}
.pdf-container {
    flex: 2;
    height: 100%;
    width: 100%;
    overflow: hidden;
    margin: 16px 10px;
}
.side-container {
    flex: 1;
    margin: 1px auto;
    overflow-y: auto;
}
iframe {
    width: 100%;
    height: 100%;
    border: none;
}
.selected-text {
    height: 170px;
    overflow: auto;
    font-style: italic;
    white-space: pre-wrap;
}
/* ########################################################*/
/* CSS liés a la creation de group emailing################*/
.formflex {
  display: flex;
  justify-content: center;
}
.tablemail-container {
    max-width: 1650px;
    display: flex;
    align-items: stretch; /* S'assure que les éléments ont la même hauteur */
     /* Espacement entre les tableaux */
}

.tablemail-wrapper {
    flex: 1; /* Permet de s'adapter à la hauteur du plus grand tableau */
    display: flex;
    flex-direction: column;
    max-width: 700px;
    margin-left: auto; /* Centrer horizontalement*/
    margin-right: auto; /* Centrer horizontalement*/
}

.tablemail-wrapper-overflow {
     max-width: 950px;
     width: 80%;
     max-height: 778px;
     margin: 15px auto;
     overflow: auto;
     position: relative;
     border: 3px solid #2e3b49;
     padding: 10px;
       }

/* css pour symbole overflow dans mail group*/
.overflow-indicator {
    position: absolute;
    right: 10px;
    bottom: 10px;
    background: rgba(0, 0, 0, 0.7);
    color: white;
    padding: 5px;
    border-radius: 4px;
    font-size: 14px;
    display: none;
}

.delete {
    background:url(../ICOSITE/CONTACTS/delete_icon.png);
    border:none;
    width: 25px; /* largeur a specifier */
    height: 19px; /* longueur a specifier */
    cursor: pointer;
    color: white;
}
/*##########################################################*/


.title_table{
  background-color: #3b0016;
}

.person_bg_salarie{
background-color: #324252;
}
.subtitle_table{
  background-color: #171e25;
}

/*highlight des noms dans la base personne*/
.nom_highlight{
  background-color: #3b0016;
  font-size: 12px;
  color: white;
}
/* proprieté du div envellopant les pages pour les centrer avec une marge
a gauche pour preserver le menu*/
.wrapper{
  margin: 10px 50px;
  width: 90%;
}

/*look du tableau qui sert de sparateur dans la base contact*/
.separator{
  width: 100%;
  max-width: 1400px;
  background-color: #3b0016;
  border: 2px solid black;
}

.error_message{
  color: orange;
  font-size: 15px;
  text-align: center;
}
/*########################################################*/
/*css menu devis breakdown*/
/*########################################################*/