.mud-overlay-dark {
    backdrop-filter: blur(5px);
}

.mud-drawer-mini .mud-nav-link {
    line-height: inherit !important;
}

.mud-button-group-filled.mud-button-group-override-styles.mud-button-group-filled-surface .mud-button-root {
    background-color: var(--mud-palette-surface);
}

.mud-button-filled-surface {
    background-color: var(--mud-palette-surface);
}

    .mud-button-filled-surface:hover {
        background-color: var(--mud-palette-background);
    }

.mud-tabs-toolbar .mud-tabs-toolbar-inner {
    min-height: 40px !important;
}

    .mud-tabs-toolbar .mud-tabs-toolbar-inner .mud-tabs-scroll-button {
        display: flex;
        align-items: center;
        min-height: 40px !important;
    }

        .mud-tabs-toolbar .mud-tabs-toolbar-inner .mud-tabs-scroll-button button {
            padding: 4px !important;
        }

.mud-tab {
    min-height: 40px !important;
}

.mud-tabs-rounded > .mud-tabs-toolbar-inner > .mud-tabs-toolbar-content:first-child {
    border-radius: var(--mud-default-borderradius);
}

.mud-progress-circular > svg {
    overflow: visible;
}

.mud-picker-view {
    margin-top: 0 !important;
}

.mud-picker-calendar {
    min-width: 280px;
}

.mud-list-item-icon {
    min-width: 35px !important;
}

.mud-nav-link-text {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.list-truncated > .mud-list-item > .mud-list-item-text > p {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.time-select {
    width: 45px;
    margin: 0 auto;
    background: #eee;
    border: 1px solid #eee;
    padding: 2px;
    outline: 0;
    font-size: 12px;
    border-radius: var(--mud-default-borderradius);
}

.ex-autocomplete {
    display: flex;
}

    .ex-autocomplete .mud-select {
        min-width: 0 !important;
    }

    .ex-autocomplete .mud-input-outlined-border {
        border-right: none !important;
        border-top-right-radius: 0 !important;
        border-bottom-right-radius: 0 !important;
    }

    .ex-autocomplete button:last-child {
        margin: 3px 0px 2px 0px !important;
        border-top-left-radius: 0 !important;
        border-bottom-left-radius: 0 !important;
    }

.text-truncated {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}