.footer {
    position: fixed;
}

html, body, #app, #layout-wrapper, .main-content, .page-content, .container-fluid {
    height: 100%;

}

@media (hover: hover) and (pointer: fine) {
    .mud-input.mud-input-underline:hover:not(.mud-disabled):before {
        border-bottom: none;
    }
}

.mud-list-extended.mud-list-padding-extended {
    border-radius: 16px;
}

.mud-list-subheader-extended {
    border-top-left-radius: 16px;
    border-top-right-radius: 16px;
}

.mud-input.mud-input-filled.mud-input-underline:after {
    border-bottom: none;
}

.mud-input > input.mud-input-root.mud-input-root-filled.mud-input-root-margin-dense, div.mud-input-slot.mud-input-root.mud-input-root-filled.mud-input-root-margin-dense {
    padding-top: 12px;
    padding-bottom: 12px;
    padding-left: 12px;
}

.mud-input.mud-input-filled.mud-input-underline:before {
    border-bottom: none;
}

.mud-input.mud-input-filled {
    background-color: var(--mud-palette-surface);
    border-radius: 16px;
}

@media (hover: hover) and (pointer: fine) {
    .mud-input.mud-input-filled:hover {
        background-color: color-mix(in srgb, var(--mud-palette-surface) 87%, transparent);
    }
}

input {
    padding: 8px !important;
    font-size: 13px !important;
}

.mud-grid-item {
    /*padding: 5px !important;
    margin-bottom: 0px !important;*/
}

label {
    margin-bottom: 4px;
    font-size: 12px !important;
}

.footer {
    left: 0;
    height: 50px;
    padding: 15px calc(1.5rem * .5);
}

.mud-input.mud-input-outlined.mud-input-adorned-end {
    height: 32px !important;
}

.mud-picker .mud-input-control {
    margin-top: 3px !important;
}

.mud-icon-size-medium.mud-nav-link-icon {
    font-size: 1.8rem !important;
}

.mud-nav-link-text {
    font-size: var(--mud-typography-body1-size);
}

.mud-navmenu.mud-navmenu-default .mud-nav-link.active:not(.mud-nav-link-disabled) {
    color: var(--mud-typography-caption-color);
}

:root {
    /* Colore predefinito */
    --mud-palette-icon: #1c274c; /* Blu scuro */
}

.mud-nav-link.active:not(.mud-nav-link-disabled) {
    color: var(--mud-palette-appbar-text) !important;
    font-weight: 900 !important;
    --mud-palette-drawer-icon: var(--mud-palette-icon)
}

.mud-nav-link {
    align-items: center;
}

.mud-tabs-tabbar {
    background-color: transparent;
}