/* Styles pour le formulaire de réparation */
#form_reparation {
    max-width: 600px;
    margin: 0 auto;
    padding: 20px;
    border: 1px solid #ccc;
    background-color: #333333;
    color: #ffffff;
    display: flex;
    flex-direction: column;
    align-items: center;
}

#form_reparation label {
    display: block;
    margin: 10px 0 5px;
}

#form_reparation input, #form_reparation select {
    width: 100%;
    padding: 8px;
    margin: 5px 0 10px;
	background: #2a2c2c;
    border: 1px solid #ccc;
	color: #fff;
}

#form_reparation input[readonly] {
    background-color: #154782;
}

#form_reparation input[type="submit"] {
    width: auto;
    background-color: #154782;
    color: white;
    padding: 10px 20px;
    border: none;
    cursor: pointer;
}

#form_reparation input[type="submit"]:hover {
    background-color: #0056a0; /* Couleur plus claire pour le survol */
}

#historique_reparations table {
    width: 100%;
    border-collapse: collapse;
    margin-top: 20px;
    color: #ffffff;
    align-self: center;
    margin-left: -200px;
	
}

#historique_reparations table, #historique_reparations th, #historique_reparations td {
    border: 1px solid #ddd;
}

#historique_reparations th, #historique_reparations td {
    padding: 8px;
    text-align: left;
}

#historique_reparations tr:nth-child(even) {
    background-color: #333333;
}

#historique_reparations th {
    color: white;
}

/* Styles pour les totaux */
#totaux_reparations {
    max-width: 600px;
    margin: 20px auto;
    padding: 10px;
    border: 1px solid #ccc;
    background-color: #333333;
    color: #ffffff;
    display: flex;
    flex-direction: column;
    align-items: center;
}

#totaux_reparations p {
    margin: 0;
    padding: 5px 0;
    font-size: 16px;
    font-weight: bold;
}

#totaux_reparations p:first-child {
    border-bottom: 1px solid #444444;
    padding-bottom: 10px;
}

/* Tableau des partenaires */
.partenaire-tablereduc {
    width: 100%; /* Prend toute la largeur du conteneur */
    border-collapse: collapse; /* Supprime les espaces entre les cellules */
}

.partenaire-tablereduc th, .partenaire-tablereduc td {
    padding: 8px; /* Espacement interne des cellules */
    text-align: left; /* Alignement du texte à gauche */
    border-bottom: 1px solid #444444; /* Bordure en bas des cellules */
}

.partenaire-tablereduc th {
    background-color: #154782; /* Couleur de fond pour les en-têtes */
    color: white; /* Couleur du texte pour les en-têtes */
}

.partenaire-tablereduc tr:nth-child(even) {
    background-color: #444444; /* Couleur de fond pour les lignes paires */
}
#form_reparation .supplement-reparation-container input[type="checkbox"] {
    width: auto; /* Supprime l'effet de width: 100% */
    margin: 0; /* Supprime les marges conflictuelles */
    transform: scale(1.2); /* Agrandit légèrement la checkbox si souhaité */
}

#form_reparation .supplement-reparation-container {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}
#container .toggle-button {
    background-color: #007BFF;
    color: white;
    border: none;
    padding: 10px 15px;
    cursor: pointer;
    font-size: 16px;
    border-radius: 5px;
}

#container .toggle-button:hover {
    background-color: #0056b3;
}

#container .partenaire-content {
    margin-top: 10px;
}
.edit-icon {
    cursor: pointer;
    margin-left: 10px;
    font-size: 16px;
}

.editable-field {
    display: none;
    width: 80%;
    padding: 5px;
    margin-right: 10px;
}