.mud-list.mud-list-padding {
    padding: 0;
}

.mud-card {
    box-shadow: 0 1px 3px rgba(0, 0, 0, .12), 0 1px 10px rgba(0, 0, 0, .24);
}

.mud-card-header {
    color: var(--color-header-gray);
    background-color: var(--background-color-header-gray);
    justify-content: center;
    padding: .5rem 1rem;
}

.mud-input.mud-input-text {
    margin-top: 0 !important;
    border: 1px var(--mud-palette-lines-inputs);
    color: var(--color-input);
    background-color: var(--background-color-input);
    border-radius: var(--default-border-radius);
}
.mud-input-root-text {
    padding: 8px !important;
}

.mud-no-effect:hover,
.mud-no-effect:after,
.mud-no-effect:active:after {
    background-color: inherit !important;
    background-image: none !important;
}

.mud-drawer--closed:after{
    /*display: none;*/
}
.mud-drawer.mud-drawer-temporary.mud-drawer-pos-left.mud-drawer--closed:not(.mud-drawer--initial) {
    animation: mud-drawer-slide-out-left 225ms cubic-bezier(0, 0, 0.2, 1) forwards;
    transition: visibility 0s 225ms; /* Voegt een vertraging toe aan de visibility verandering */
    visibility: hidden; /* Deze regel toevoegen */
}

.custom-snackbar-position {
    Top: 48px;
    right: 8px;
}

.dark-mode .mud-input-text {
    color: inherit;
    background-color: inherit;
}

.mud-input.mud-input-outlined .mud-input-outlined-border {
    border: 1px solid var(--border-color-medium);
    border-radius: var(--default-border-radius);
}

.mud-button-close {
    color: red;
}

.mud-dialog-title {
    padding-bottom: 0 !important;
}

.mud-table-sticky-header .mud-table-head {
    top: 0;
    position: sticky;
}