body {
  background-color: #f8f9fa;
  font-family: Arial, sans-serif;
}
/*body {
  background: url('../images/background-dashboard.jpg') no-repeat center center fixed;
  background-size: cover;
}*/

h1 {
  color: #343a40;
}

footer {
  font-size: 0.9rem;
}

footer a:hover {
  text-decoration: underline;
}

@media (max-width: 768px) {
  .table-responsive {
    overflow-x: auto;
  }

  .btn-sm {
    margin-bottom: 5px;
  }
}

/* Style du conteneur de la checkbox */
.form-check {
  display: flex;
  align-items: center; /* Centre verticalement */
  gap: 10px; /* Espacement entre la checkbox et le texte */
}

/* Agrandir les checkboxes */
.form-check-input {
  width: 25px;
  height: 25px;
  cursor: pointer;
  border: 2px solid #ccc;
  border-radius: 5px;
  position: relative;
  appearance: none;
  background-color: white;
  transition: all 0.3s ease;
}

/* Style lorsque la checkbox est cochée */
.form-check-input:checked {
  background-color: #28a745; /* Vert */
  border-color: #28a745;
}

/* Ajouter le ✅ quand coché */
.form-check-input:checked::after {
  content: "✅";
  font-size: 20px;
  color: white;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

/* footer */
html,
body {
  height: 100%;
}

.wrapper {
  display: flex;
  flex-direction: column;
  min-height: 100vh;
}

.main-content {
  flex: 1; /* Permet au contenu principal de prendre tout l'espace disponible */
}

footer {
  margin-top: auto;
}