body {
    background-color: #f8f9fa;
}

p {
    font-size: 1.2em;
}

button {
    margin: 0px;
    padding: 0px;
}

.table th, .table td {
    vertical-align: middle;
    text-align: center;
}

/* Styles pour les états actifs */
.active-state {
    border: 10px solid gray; /* Couleur de bordure bleue pour indiquer l'état actif */
}

.table th, .table td {
    vertical-align: middle;
    text-align: center;
}

.dark-mode {
    background-color: #343a40;
    color: #ffffff;
}

.dark-mode .table {
    background-color: #495057;
    color: #ffffff;
}

.dark-mode .table th,
.dark-mode .table td {
    background-color: #495057;
    color: #ffffff;
    border-color: #6c757d;
}

.dark-mode .table-striped tbody tr:nth-of-type(odd) {
    background-color: #575d63;
}

.dark-mode .table-hover tbody tr:hover {
    background-color: #666b70;
}

.dark-mode .card {
    background-color: #495057;
}

.dark-mode .btn {
    background-color: #6c757d;
    color: #ffffff;
}

.dark-mode .form-control {
    background-color: #6c757d;
    color: #ffffff;
}

.dark-mode .modal-content {
    background-color: #495057;
    color: #ffffff;
}

.dark-mode .nav-tabs .nav-link {
    color: #ffffff;
    background-color: #495057;
    border-color: #6c757d;
}

.dark-mode .nav-tabs .nav-link.active {
    color: #ffffff;
    background-color: #343a40;
    border-color: #6c757d;
}

#action-button {
    height: 120px;
    font-size: 30px;
}

/* Styles pour les onglets */
.nav-tabs .nav-link {
    color: #495057;
    background-color: #f8f9fa;
    border-color: #dee2e6 #dee2e6 #fff;
}

.nav-tabs .nav-link.active {
    color: #495057;
    background-color: #fff;
    border-color: #dee2e6 #dee2e6 #fff;
}
  .input-width {
            max-width: 120px;
        }
		
		.progress {
    height: 120px;
    font-size: 30px;
}