html {
    width: 100%;
    height: 100%;
    font-family: "Segoe UI", Arial, sans-serif;
    background-color: #fff;
}

body {
    width: 100%;
    height: 100%;
}
.px-0 {
    padding-right: 0 !important;
    padding-left: 0 !important
}
.px-5 {
    padding-right: 3rem !important;
    padding-left: 3rem !important
}

.select-font-style {
    font-size: 1.25rem; /* Gelijk aan Typo.h6 */
    font-weight: 400; /* Zorg voor hetzelfde gewicht als in Typo.h6 */
    color: inherit; /* Houd dezelfde kleur als de rest van de tekst */
}

.custom-label {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    margin-top: 1.5rem; /* Adjust to align the label and text with the autocomplete field */
}

.mud-input-label {
    font-size: 0.875rem; /* Matches the label size of MudAutocomplete */
    color: rgba(0, 0, 0, 0.6); /* Adjust to match the default MudAutocomplete label color */
    margin-bottom: 0.25rem; /* Space between label and text */
}

.person-name-label {
    vertical-align: middle;
}

.red-row {
    background-color: rgba(255, 0, 0, 0.2) !important;
}

.orange-row {
    background-color: rgba(255, 165, 0, 0.2) !important;
}

.green-row {
    background-color: rgba(0, 128, 0, 0.2) !important;
}

.selected {
    background-color: rgba(0, 0, 255, 0.2) !important;
}