.dossier-emmy-dashboard {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.client-dashboard {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.dossier-emmy-dashboard {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.client-dashboard {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.recapDashboard {
  width: 260px;
  background-color: #f5f5f5;
  padding-top: 60px;
  padding-bottom: 60px;
  padding-left: 20px;
  padding-right: 20px;
  border-radius: 10px;
  height: 95px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.depotLot {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 260px;
  background-color: #36ae80;
  padding-top: 60px;
  padding-bottom: 60px;
  padding-left: 20px;
  padding-right: 20px;
  border-radius: 10px;
  transition: ease-in-out 0.2s;
}

.depotLot:hover {
  background-color: white;
  outline: 3px solid #36ae80;
  color: #36ae80;
  transform: scale(1.05);
}

.text-lot {
  font-size: 20px;
  text-align: center;
  color: white;
}
.depotLot:hover .text-lot {
  color: #36ae80;
}
.depotLot:hover svg g g path {
  stroke: #36ae80; /* Remplacez #nouvelleCouleur par la couleur de votre choix */
}

.bouton-retour {
  display: flex;
  align-items: center;
  gap: 10px;
  width: fit-content;
  border-radius: 0.5rem;
  border: 1px solid #161E37;
  background-color: white;
  padding: 0.375rem 0.75rem 0.375rem 0.75rem;
  transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 300ms;
  fill: #161E37;
}

.bouton-retour:hover {
  background-color: #161E37;
  color: white;
  fill: white;
}

.bouton-retour svg path {
  transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 300ms;
  fill: #161E37;
}

.bouton-retour:hover svg path {
  fill: white;
}

.bouton-history {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  padding-left: 1.2rem;
  padding-right: 1.2rem;
  color: white;
  border: 0.1em solid #292558;
  border-radius: 0.5rem;
  background-color: #292558;
  transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 300ms;
  font-weight: 500 !important;
  font-family: "Poppins", sans-serif !important;
  cursor: pointer;
}

.bouton-history:hover {
  background-color: white;
  color: #292558;
}

.bouton-envoi {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  padding-left: 1.2rem;
  padding-right: 1.2rem;
  color: white;
  border: 0.1em solid #1cae81;
  border-radius: 0.5rem;
  background-color: #1cae81;
  transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 300ms;
  font-weight: 500 !important;
  font-family: "Poppins", sans-serif !important;
  cursor: pointer;
}

.bouton-envoi:hover {
  background-color: white;
  color: #1cae81;
}

.bouton-history-inverted {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  padding-left: 1.2rem;
  padding-right: 1.2rem;
  color: #292558;
  border: 0.1em solid #292558;
  border-radius: 0.5rem;
  background-color: white;
  transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 300ms;
  font-weight: 500 !important;
  font-family: "Poppins", sans-serif !important;
  cursor: pointer;
}

.bouton-history-inverted:hover {
  background-color: #292558;
  color: white;
}

.bouton-history-inverted svg path {
  transition: fill 300ms cubic-bezier(0.4, 0, 0.2, 1); /* Transition sur la propriété fill */
  fill: #292558; /* Couleur initiale */
}

.bouton-history-inverted:hover svg path {
  fill: white; /* Couleur au survol */
}

.bouton-annuler {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  padding-left: 1.2rem;
  padding-right: 1.2rem;
  color: white;
  border: 0.1em solid #C00F0C;
  border-radius: 0.5rem;
  background-color: #C00F0C;
  transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 300ms;
  font-weight: 500 !important;
  font-family: "Poppins", sans-serif !important;
  cursor: pointer;
}

.bouton-annuler:hover {
  background-color: white;
  color: #C00F0C;
}

.bouton-synthese {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  padding-left: 1.2rem;
  padding-right: 1.2rem;
  color: #161E37;
  border: 0.1em solid #F5F5F5;
  border-radius: 0.5rem;
  background-color: #F5F5F5;
  transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 300ms;
  display: flex;
  align-items: center;
  gap: 0.5rem;
}

.bouton-synthese:hover {
  border: 0.1em solid #dedede;
  background-color: #dedede;
}

.separateur { 
  border: none;
  border-left: 2px dashed #989BB6;
  height: 100%;
  width: 1px;       
}

.sous-titre {
  font-weight: 500;
  color: #161E37;
  margin-bottom: 1rem;
}

.input-file {
  display: flex;
  gap: 0.8rem;
  align-items: center;
  background-color: #F5F5F5;
  padding: 2rem 3rem;
  border-radius: 16px;
  border: 1.4px dashed #161E37;
}