#ae-client-form-container {
    display: none;
    width: 90%;

    box-sizing: border-box;
    padding: 20px;
}

#ae-client-form {
    display: flex;
    align-items: flex-start;
    justify-content: center;
    gap: 20px;
}

/* DECLARATION DE TVA OU PAS */
#option-tva {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 20px;
}

#tva-checkbox {
    width: 15px;
    height: 15px;
    cursor: pointer;
    accent-color: green; 
    transform: translateY(2px);
}

#je-ne-declare-pas {
    font-weight: bold;
}

#pas-de-tva {
    font-style: italic;
}

/* Sections du formulaire avec bordures vertes */
#ae-client-form-part-1,
#ae-client-form-part-2,
#ae-client-form-part-3,
#ae-client-form-part-4,
.ae-client-form-part-5 {
    width: 450px;
    box-sizing: border-box;
    padding: 20px;
    margin-bottom: 20px;
    border-radius: 5px;
    border: 2px solid green;
}

/* Bouton Ajouter un produit */
#ae-add-element-button {
    position: relative;        
    left: 50%;                  
    transform: translateX(-50%);
    margin-bottom: 20px;
    box-sizing: border-box;
    padding: 10px;

    border: 2px solid green;
    border-radius: 5px;
    background: green;
}

#ae-add-element-button:hover {
    cursor: pointer;
    background-color: #E8F5E9;
} 

#ae-client-form-right-side {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

#ae-client-form input {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;

    width: 350px;
    margin-bottom: 10px;
    
    border-radius: 5px;
    border: 2px solid black;
}

#ae-client-form select {
    width: 355px;
    border: 2px solid black;
    border-radius: 5px;
}

#ae-client-form textarea {
    display: block;
    resize: none;

    width: 350px;
    height: 100px;
    margin-bottom: 10px;

    border-radius: 5px;
    border: 2px solid black;
}

#list-container {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    
    margin: 10px 0;
}

#item-type-1 {
    width: 355px;
    border: 2px solid black;
    border-radius: 5px;
}

/* Bouton de validation */
#ae-client-form-submit-button {
    box-sizing: border-box;
    padding: 10px;

    border: 2px solid green;
    border-radius: 5px;
    background-color: green;
}

#ae-client-form-submit-button:hover {
    cursor: pointer;
    background-color: #E8F5E9;
}

#ae-client-form-part-7 {
    position: -webkit-sticky;
    position: sticky;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    align-self: flex-start;

    width: 450px;
    box-sizing: border-box;

    top:20px;
    gap:20px;
}

#ae-service-total,
#ae-product-total,
#ae-global-total {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;

    width: 450px;
    border: 2px solid green;
    border-radius: 5px;

    padding: 5px;
    box-sizing: border-box;
}

#ae-global-total {
    background-color: #F0FDF4; 
}

#ae-product-total-ht,
#ae-product-total-tva,
#ae-product-total-ttc,

#ae-service-total-ht,
#ae-service-total-tva,
#ae-service-total-ttc,

#ae-global-total-ht,
#ae-global-total-tva,
#ae-global-total-ttc {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 435px;
}