:root {
    --sticky-table-height: calc(100vh - calc( calc( var(--mud-appbar-height) - var(--mud-appbar-height)/4) + calc(var(--mud-appbar-height) - var(--mud-appbar-height)/4) + calc(var(--mud-appbar-height)) + calc(var(--mud-appbar-height) - var(--mud-appbar-height)/4) + calc(var(--mud-appbar-height) - var(--mud-appbar-height)/4) ) )
}

.mud-navmenu.mud-navmenu-default .mud-nav-link.active:not(.mud-nav-link-disabled) {
    color: var(--mud-palette-black) !important;
    border-left-width: 4px !important;
    border-left-color: var(--mud-palette-primary-lighten) !important;
    border-radius: 2px;
}

.mud-main-content > .mud-paper {
    overflow-x: auto !important;
    border-top-width: 0px !important;
    /*height: calc(100vh - (var(--mud-appbar-height) + var(--mud-appbar-height) - (var(--mud-appbar-height) / 2.1))) !important*/
}

.welcome-card {
    max-width: 150px;
    max-height: 150px;
    min-width: 90px;
    min-height: 90px;
    aspect-ratio: 1/1;
    height: 100%;
    width: 100%;
}

.welcome-button {
    aspect-ratio: 1/1;
    height: 100%;
}


.custom-fileupload {
    max-width: 500px;
    align-items: center;
    width: 100%;
}




.custom-fileupload > .mud-input-control-input-container {
    width: 100%;
}

.custom-fileupload label.mud-button {
    border-style: none !important;
    max-width: 500px;
    padding: 10px 20px !important;
    width: 100%;
}

.custom-fileupload input {
    cursor: pointer;
}

/*toolbar*/



.application-toolbar {
    gap: 5px;
    margin-bottom: 4px;
}


@media only screen and (max-width: 1200px) {
    .application-toolbar {
        display: grid;
        height: auto;
    }

    .application-toolbar > div {
        display: none;
    }

}

.application-toolbar-chips {
    display: flex;
    width: 100%;
}

.application-toolbar-chips .mud-input-input-control {
    margin-right: 10px;
    margin-left:30px;
}

.application-toolbar-chips .mud-chipset {
    max-width:900px;
}

@media only screen and (max-width: 1300px) {

    .application-toolbar-chips {
        display:grid;
    }

    .application-toolbar-chips .mud-input-input-control {
        margin-right: 0px;
        margin-left: 0px;
        margin-bottom:20px;
    }

        .application-toolbar-chips .mud-chipset {
            max-width: none;
        }

    .application-table .mud-toolbar {
        height: auto;
    }

}