/* Styles pour le tableau des factures */
#historique_factures_complet {
    max-width: 1200px;
    margin: 0 auto;
    padding: 20px;
}

#historique_factures_complet h2 {
    text-align: center;
    margin-bottom: 20px;
}

#historique_factures_complet table {
    width: 100%;
    border-collapse: collapse;
    margin-top: 20px;
}

#historique_factures_complet table, #historique_factures_complet th, #historique_factures_complet td {
    border: 1px solid #ddd;
}

#historique_factures_complet th, #historique_factures_complet td {
    padding: 8px;
    text-align: left;
}

#historique_factures_complet tr:nth-child(even) {
    background-color: #f2f2f2;
}

#historique_factures_complet th {
    background-color: #154782;
    color: white;
}

.titre-historique {
    text-align: center;
    font-size: 24px;
    margin-bottom: 20px;
}

/* Styles pour le formulaire de filtrage */
#historique_factures_complet form {
    margin-bottom: 20px;
    text-align: center;
}

#historique_factures_complet label {
    margin-right: 10px;
    font-size: 16px;
}

#historique_factures_complet select {
    padding: 5px;
    font-size: 16px;
    border: 1px solid #ddd;
    border-radius: 4px;
}

/* Styles pour les liens de suppression dans le tableau */
#historique_factures_complet table a {
    color: red;
    background-color: #e74c3c;
    padding: 5px 10px;
    text-decoration: none;
    border-radius: 4px;
    font-size: 14px;
}


#historique_factures_complet .ems {
  align-items: center;
  background-image: linear-gradient(144deg,#AB1409, #EC1B0C 50%,#FCFCFC);
  border: 0;
  border-radius: 8px;
  box-shadow: rgba(255, 66, 179, 0.2) 0 15px 30px -5px;
  box-sizing: border-box;
  color: #FFFFFF;
  display: inline-block;
  font-size: 14px;
  justify-content: center;
  line-height: 1em;
  max-width: 100%;
  min-width: 80px;
  padding: 6px;
  white-space: nowrap;
  cursor: pointer;
}

#historique_factures_complet .ems:hover {
  background: #730E06;
}

#historique_factures_complet .nexus {
  align-items: center;
  background-image: linear-gradient(144deg,#0e2d44, #4ad1de 50%,#1d72ac);
  border: 0;
  border-radius: 8px;
  box-shadow: rgba(255, 66, 179, 0.2) 0 15px 30px -5px;
  box-sizing: border-box;
  color: #FFFFFF;
  display: inline-block;
  font-size: 14px;
  justify-content: center;
  line-height: 1em;
  max-width: 100%;
  min-width: 80px;
  padding: 6px;
  white-space: nowrap;
  cursor: pointer;
}

#historique_factures_complet .nexus:hover {
  background: #1d72ac;
}

#historique_factures_complet .lspd {
  align-items: center;
  background-image: linear-gradient(144deg,#1242B3, #052265 50%,#B30A0A);
  border: 0;
  border-radius: 8px;
  box-shadow: rgba(255, 66, 179, 0.2) 0 15px 30px -5px;
  box-sizing: border-box;
  color: #FFFFFF;
  display: inline-block;
  font-size: 14px;
  justify-content: center;
  line-height: 1em;
  max-width: 100%;
  min-width: 80px;
  padding: 6px;
  white-space: nowrap;
  cursor: pointer;
}

#historique_factures_complet .lspd:hover {
  background: #042147; 
}

#historique_factures_complet .dynasty8 {
  align-items: center;
  background-image: linear-gradient(144deg,#008000, #00561b 50%,#073e18);
  border: 0;
  border-radius: 8px;
  box-shadow: rgba(255, 66, 179, 0.2) 0 15px 30px -5px;
  box-sizing: border-box;
  color: #FFFFFF;
  display: inline-block;
  font-size: 14px;
  justify-content: center;
  line-height: 1em;
  max-width: 100%;
  min-width: 80px;
  padding: 6px;
  white-space: nowrap;
  cursor: pointer;
}

#historique_factures_complet .tropical {
  align-items: center;
  background-image: linear-gradient(144deg,#7544a8, #c838ba 50%,#efcde1);
  border: 0;
  border-radius: 8px;
  box-shadow: rgba(255, 66, 179, 0.2) 0 15px 30px -5px;
  box-sizing: border-box;
  color: #FFFFFF;
  display: inline-block;
  font-size: 14px;
  justify-content: center;
  line-height: 1em;
  max-width: 100%;
  min-width: 80px;
  padding: 6px;
  white-space: nowrap;
  cursor: pointer;
}

#historique_factures_complet .tropical:hover {
  background: #7544a8;
} 


#historique_factures_complet .dynasty8:hover {
  background: #073e18;
} 
#historique_factures_complet .bouton-supprimer {
    background-color: rgb(155, 44, 53);
}
#historique_factures_complet .bouton-envoyer {
    background-color: #4CAF50;
    color: white;
    padding: 5px;
    border: none;
    border-radius: 4px;
    cursor: pointer;
    font-size: 14px;
}

#historique_factures_complet .bouton-envoyer:hover {
    background-color: #45a049;
}