html {
  font-size: 14px;
}

@media (min-width: 768px) {
  html {
    font-size: 16px;
  }
}

html {
  position: relative;
  min-height: 100%;
}

body {
    margin-bottom: 60px;
    color: white;
    background-color: #3f3f3f;
}

.form-control {
    color: white;
    background-color: #3f3f3f;
}

.form-control:hover {
    color: white;
    background-color: #3f3f3f;
}

.form-control:not(:hover) {
    color: white;
    background-color: #3f3f3f;
}

.form-label {
    color: white;
}
.form-label:hover {
    color: white;
}

.form-label:not(:hover) {
    color: white;
}

.custom-input {
    color: white;
    background-color: #3f3f3f;
}

.custom-input:hover {
    color: white;
    background-color: #3f3f3f;
}

.custom-input:not(:hover) {
    color: white;
    background-color: #3f3f3f;
}


.table-container {
    align: center;
    width:100%;
    justify-content: center; /* Centrer horizontalement */
    align-items: center; /* Centrer verticalement */
    height: 100vh; /* Hauteur de 100% de la vue du navigateur */
    border-collapse: separate; /* Sépare les bordures des cellules */
    border-spacing: 10px; /* Ajustez la taille de la marge entre les cellules */
}

h3 {
    text-align: center;
}

.nav-pills .nav-link.active, .nav-pills .show > .nav-link {
    color: white;
    background-color: black;
}

.nav-link {
    color: white;
}

.nav-link:hover {
    color: lightgray;
}

.red-row {
    background-color: black !important;
    color: white;
}