* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

body {
  font-family: "Poppins", sans-serif;
  font-size: 16px;
  line-height: 1.6;
}

#logo {
  width: 100px;
  height: 100px;
  margin: 0 auto;
  display: block;
}

.info-display {
    padding: 0.5rem;
    margin-top: 1rem;
    border: 1px solid #ced4da; /* Couleur de bordure similaire à celle des inputs Bootstrap */
    background-color: #f8f9fa; /* Fond légèrement gris pour imiter bg-light */
    border-radius: 10px; /* Rayon de bordure appliqué au conteneur extérieur */
    overflow: hidden; /* Masque les débordements, y compris la barre de défilement, du conteneur intérieur */
    height: 288px; /* Hauteur fixe pour l'affichage des infos */
  }
  
  .info-display-inner {
    height: 100%; /* Assurez-vous que le conteneur intérieur remplit le parent en hauteur */
    overflow-y: auto; /* Applique le défilement au conteneur intérieur */
    border-radius: 10px; /* Appliquez également border-radius au conteneur intérieur pour maintenir la cohérence */
    color: black;
  }
  


.info-line {
  padding: 0.25rem 0.5rem; /* Petit padding pour chaque ligne */
  background-color: #ffffff; /* Fond blanc pour chaque ligne d'info */
  border-bottom: 1px solid #eeeeee; /* Ligne de séparation optionnelle */
  margin-bottom: 0.25rem; /* Espace entre les lignes */
}

/* Supprimer la bordure du dernier élément pour un look propre */
.info-line:last-child {
  border-bottom: none;
  margin-bottom: 0;
}

.cut-length-entry {
    display: flex;
    justify-content: space-between;
    cursor: pointer;
    transition: background-color 0.3s ease;
    color: black;
  }
  
  .cut-length, .cut-of {
    flex: 1;
  }
  
  .selected {
    background-color: #343a40; /* Bootstrap 'dark' */
    color: #f8f9fa; /* Bootstrap 'light' */
  }

/* menu contextuel */
  .context-menu {
    position: absolute;
    z-index: 1000;
    width: 120px;
    background: white;
    border: 1px solid #ddd;
    box-shadow: 2px 2px 5px #aaa;
    color: black;
  }
  
  .context-menu-item {
    padding: 8px 12px;
    cursor: pointer;
  }
  
  .context-menu-item:hover {
    background-color: #f5f5f5;
  }
  
/* Ajouter ces styles dans votre fichier CSS */
.modal-body {
  padding: 0; /* Enlève le padding par défaut pour maximiser l'espace */
}

.modal-body #optimizationDetails {
  padding: 1rem; /* Ajoute du padding autour du tableau */
}

/* Style pour la barre de défilement */
.modal-body #optimizationDetails > div::-webkit-scrollbar {
  width: 8px;
}

.modal-body #optimizationDetails > div::-webkit-scrollbar-track {
  background: #f1f1f1;
}

.modal-body #optimizationDetails > div::-webkit-scrollbar-thumb {
  background: #888;
  border-radius: 4px;
}

.modal-body #optimizationDetails > div::-webkit-scrollbar-thumb:hover {
  background: #555;
}