:root {
    --primary: #52aa50 !important;
    --blue-dark-light: #dee3e6;
    --blue-extra-dark: #f1f4f6;
}

div#mealplan {
    background-image: unset !important;
}

.select {
    color: var(--bs-black);
}

.text-white {
    --bs-text-opacity: 1;
    color: var(--bs-black) !important;
}
.text-secondary {
    color: var(--bs-black) !important;
}
.footer {
    background-color: var(--primary)!important;
    padding: 20px 0;
}

.card--text {
    height: 80px;
    overflow: hidden;
    width: 100%;
    /* white-space: nowrap; */
    /* text-overflow: ellipsis; */
    margin: 8px 4px;
    color: var(--bs-black) !important;
}
.listHorsMenu .cardMenu .avatar .avatarBg {
    background-color: var(--primary) !important;
}
.listHorsMenu .cardMenu .menuInfo {
    color: var(--bs-black) !important;
}