#entreprise{
    width: 70%;
    margin: auto;
    background-color: #fff;
}

#entreprise .mb-3 input{
    border-bottom: 1px solid;
    border-radius: initial;
}

#entreprise label{
    width:15em;
  }
  
  
  #entreprise input{
    background:rgba(255,255,255,1);
    border: none;
    font-size: .7rem;
  }
  .invalid-feedback {
    display: block; /* Permet de rendre visible le message d'erreur */
    color: red;
}

.accordion-body #entreprise{
    width: 100%;
}

#entreprise .add-invoice{
    display: grid;
    grid-template-columns: 90px 1fr;
}

.add-invoice select.form-control, .add-invoice input.form-control,.detail-facture-item-grid .mb-3 input {
    color: #7fc4fd;
    background-color: transparent;
    border-color: transparent transparent rgba(0, 0, 0, 0.1) transparent;
    cursor: pointer;
    user-select: none;
    border-bottom: 2px solid #7fc4fd !important;
    border-radius: 0 !important;
    -webkit-box-shadow: inset 0 0 0 0 !important;
    box-shadow: inset 0 0 0 rgba(0, 0, 0, 0.075) !important;
}

.detail-facture-item-grid div.col-md-12 div:first-of-type{
    display: grid;
grid-template-columns: repeat(4,1fr);
grid-template-rows: auto;
grid-template-areas: 
"header header header header"
"date qte prix tva";
gap: 2%;
    
}


.detail-facture-item-grid div .mb-3:first-child {
    grid-area: date;
  }
.detail-facture-item-grid div .mb-3:nth-child(2) {
    grid-area: header;
  }
.detail-facture-item-grid div .mb-3:nth-child(3) {
    grid-area: qte;
}
.detail-facture-item-grid div .mb-3:nth-child(4) {
    grid-area: prix;
  }
.detail-facture-item-grid div .mb-3:nth-child(5) {
    grid-area: tva;
  }

input.form-control, select.form-control {
    padding: 8px;
    border-radius: 4px;
    width: 100%; /* Assurer que chaque champ prend la largeur de sa colonne */
}

button#add-detail {
    width: 100%;
    margin-top: 20px;
}


#facturesChart{
    margin: auto;
}

.card.envoie:hover{
    background-color: #ffab00 ;
    color: #fff;
}