body {
    background-color: #ebeff5;
}

.card {
    margin-left:10px;
    margin-right:10px;

}

.table {
    font-size: 12px;
    vertical-align:middle;
}

.th {
    text-align:center;
}

.td {
    text-align:left;
}

.form {
    font-size: 12px;
}

.input {
    font-size: 12px;
    margin-left:10px;
    background-color: #86d3ea
}

.correct {
    font-size: 12px;
    color: green;
}

.typing {
    font-size: 12px;
    color: black;
}

.dropdown-font {
    font-size: 12px;
}

/* autocomplete start */
.ui-menu-item    {
    font-size: 12px;
}

.ui-autocomplete .title-item {
    font-weight: bold;
}

.space-before-item {
    margin-left: 10px !important;
    margin-bottom: 10px; /* Ajoutez l'espace entre chaque ligne */
}
/* autocomplete stop */

.custom-background {
    background-color: #dcdcff; /* Remplacez cette couleur par celle que vous souhaitez */
}