.bg-dark,
.btn-secondary {
  background-color: #004b3c !important;
}
#clientName{
    font-size: 20px;
}
#clientAddress{
    font-size: 18px;
}
.navbar>.container, .navbar>.container-fluid, .navbar>.container-lg, .navbar>.container-md, .navbar>.container-sm, .navbar>.container-xl, .navbar>.container-xxl{
    justify-content: center;
}

.navbar-nav i {
  width: 20px;
  margin-right: 10px;
}

.dropdown button {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.label {
  font-weight: bold;
  font-size: 12px;
}

.label::after {
  content: "\A";
  white-space: pre;
}

.table-container {
  overflow-x: auto;
  width: 100%;
  max-width: 100%;
}

.table-container table {
  width: 100%;
  /* S'assure que la table utilise toute la largeur du conteneur */
}

table tr:nth-child(even) {
  background-color: #d6d6d6 !important;
  /* Couleur pour les lignes impaires */
}

table tr:nth-child(odd) {
  background-color: #ffffff !important;
  /* Couleur pour les lignes paires */
}

th {
  font-size: 14px;
  font-weight: 500;
}


.table-container th,
.table-container td {
  white-space: nowrap;
  /* Empêche le texte de se casser en lignes */
  width: 1%;
  /* Définit une largeur minimale pour les cellules */
  min-width: fit-content;
  /* S'assure que la largeur minimale soit basée sur le contenu */
}


.accordion-body {
  padding: 0 !important;
  margin: 5px;
}
td{
  text-align: left;
}
#resTable td:nth-child(2), #resTable td:nth-child(5) {
  text-align: right;
}
#resTable td:nth-child(11){
  text-align: left;
}
#ticketTable td:nth-child(3){
text-align: right;
}
#documentTable tr{
  cursor: pointer;
}

.table-container {
  padding: 5px 0 5px 0;
}

.table-container label {
  font-size: 14px !important;
}

div[role="status"] {
  font-size: 14px !important;
}

.dataTables_paginate {
  padding-bottom: 10px;
}

.dataTables_filter {
  padding-top: 5px;
}

#spinner-info-container {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.spinner-border {
  border-color: #004b3c;
  border-top-color: transparent;
}

.navbar-brand {
  margin: 0 !important;
}

.container-fluid {
  padding: 0.5rem 1rem 0.5rem 1rem;
}

.client-item {
  margin: 5px 0;
}

.accordion-button:not(.collapsed) {
  color: #004b3c;
  background-color: #004b3c20;
}

td {
  padding-right: 10px
}

/* Redéfinition du point d'arrêt xl pour être très grand */
@media (min-width: 992px) {
  .clientInfo {
    padding: 1.5rem;
  }
  #resTable, #ticketTable, #documentTable{
    margin: 15px;
  }
  td{
    font-size: 15px;
  }
}
.fa-paper-plane{
  margin-left: 15px;
}
#documentTable th{
  pointer-events: none !important;
}
#documentTable th:before, #documentTable th:after{
  pointer-events: none !important;
  content: none !important;
}
.accordion-body a {
  color: #004b3c;
}
.client-item{
  border: 1px solid #004b3c20;
  border-radius: 15px;
	cursor: pointer;
}
.client-item p {
  margin: 0;
  padding: 5px 15px;
}
.client-item i {
  width: 40px;
  text-align: center;
  color: #004b3c;
}
table thead th:nth-child(4), td:nth-child(4){
  text-align: right !important;
}
.wrapper {
  min-height: 100vh; /* Hauteur de la fenêtre de visualisation */
  display: flex;
  flex-direction: column;
}
.content-div {
  flex: 1;
}
.footer {
  background-color: #f5f5f5;
  text-align: center;
  padding: 10px 0;
}

/*
COMMANDES EN COURS OUVERT PAR DÉFAUT
RETRAIT TRANSPORTEUR , DATE CREATION, DATE DEMANDÉ
ARRANGER POUR QUE LES DEUX TABLES SOIENT PAREILLES ET AIENT LES MEME COLONNES.
ESSAYER D'OUVRIR LES DEUX EN MEME TEMPS.
AJOUTER OBFUSQUERID / GUID


page courriel si id manquant/perdu idéalementy genere job de détection id et conversion en base54
ajout politique confidentialité et support dans footer
modifier date prevue de livraison
ajouter note en bas de la page pour information non en temps réel, peux y avoir un délai de 24h pour la maj des status des commandes
ajouter GA4 w/pageview 
log des url appellés et date, IP users.
intégrer les autres librairies de datatables pour réduire les renders et créer les tables plus rapidement.
*/