.direct-full-container {
    width: 100%;
    height: 100%;
    position: relative;
}

.direct-full-content {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    overflow: auto;
}

.direct-page {
    min-height: var(--direct-app-height);
    padding: var(--direct-app-spacing);
    display: flex;
    gap: var(--direct-app-spacing);
    flex-wrap: wrap;
}

.direct-flex-col {
    display: flex;
    flex: 1;
    flex-direction: column;
    padding: var(--direct-app-spacing);
    gap: var(--direct-app-spacing);
}

.direct-flex-row {
    display: flex;
    flex: 1;
    flex-direction: row;
    gap: var(--direct-app-spacing);
    align-items: center;
}

.direct-label-medium {
    font-weight: 500;
    font-size: var(--font-size-small);
}


.direct-paper-auto {
    margin: 0 auto 0 auto;
}

.direct-padding {
    padding: var(--direct-app-spacing);
}

.direct-sticky {
    display: flex;
    flex: 1;
    flex-direction: column;
    position: sticky;
}

.direct-center-ver {
    display: flex;
    align-items: center;
}

.direct-mud-container {
    height: var(--direct-app-height);
}

.mud-toolbar {
    border-bottom: 1px solid var(--mud-palette-tertiary-darken);
}

.mud-drawer {
    border-right: 1px solid var(--mud-palette-tertiary-darken);
}

.fa-solid, fa-manufacturer {
    transition: 0.3s color;
}

.mud-icon-size-medium.fa-solid {
    font-size: 14px;
}

.mud-toolbar-appbar {
    padding: 0px;
}

    .mud-toolbar-appbar .user-item {
        padding: 2px 15px 3px 5px !important;
        height: 100%;
        font-weight: normal;
        letter-spacing: normal;
    }

    .mud-toolbar-appbar .header-item {
        padding: 12px var(--spacing-l) var(--spacing-m) var(--spacing-l) !important;
    }

.mud-navmenu-rounded {
    padding: 15px 7px;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    gap: 7px;
    height: 100%;
}

    .mud-navmenu-rounded .mud-nav-link {
        padding: 7px 15px;
        height: 35px;
    }

    .mud-navmenu-rounded .mud-nav-link-text {
        white-space: nowrap;
    }

.mud-navmenu.mud-navmenu-bordered .mud-nav-link {
    border-inline-end-width: 0px;
    border-inline-start-width: 3px;
    border-inline-start-style: solid;
    border-inline-start-color: transparent;
}

    .mud-navmenu.mud-navmenu-bordered .mud-nav-link.active:not(.mud-nav-link-disabled) {
        border-inline-end-width: 0px;
        border-inline-start-color: var(--mud-palette-primary);
        color: unset
    }

.mud-button {
    text-transform: unset;
    justify-content: flex-start;
    padding: 4px 15px !important;
    padding-left: 15px !important;
    padding-right: 15px !important;
    box-shadow: none;
}

    .mud-button:hover {
        box-shadow: none;
    }

.mud-button-filled-default {
    border: solid 1px var(--mud-palette-lines-default);
}

.mud-button-filled-primary {
    border: solid 1px var(--mud-palette-primary);
}

.mud-button-filled:disabled {
    border: solid 1px transparent;
}

.mud-icon-button {
}

.mud-toolbar {
    height: 50px;
    padding: 10px;
}

    .mud-toolbar.elevated-toolbar {
        background: var(--mud-palette-drawer-background);
    }

.mud-toolbar-appbar {
    height: 50px;
    padding: 0px;
}

    .mud-toolbar-appbar .mud-icon-button {
        height: 50px;
        width: 50px;
        border-radius: 0px;
        display: inline-block;
        color: var(--color-navbar-text);
    }

    .mud-toolbar-appbar .direct-start-button {
        margin: 0px;
        margin-inline: 0px;
        padding-top: 13px !important;
        width: 65px;
        color: var(--color-navbar-text);
    }

.mud-menu-list {
    padding: 5px;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    gap: 5px;
}

.mud-menu-item {
    border-radius: 3px;
    padding: 1px 10px;
}

.mud-list-item-clickable:hover > .fa-solid {
    color: var(--mud-palette-primary);
}

.mud-avatar.mud-avatar-medium {
    height: 32px;
    width: 32px;
}

.mud-table-row {
    transition: 0.3s background-color;
}

.mud-tabs-tabbar-content {
    display: flex;
    align-items: center;
    margin: 0px 10px;
}

.mud-tabs-tabbar {
    background-color: transparent !important;
}

.mud-tabs:not(.mud-tabs-vertical) .mud-tab, mud-tab:hover {
    background-color: transparent !important;
}

.mud-tab, mud-tab {
    font-weight: normal;
    color: var(--mud-palette-text-secondary);
    min-width: unset !important;
    margin: 0px;
    padding: 5px 8px;
    height: 35px;
    min-height: unset;
    transition: 0.3s color;
}

    .mud-tab:hover, .mud-tab-active {
        color: var(--mud-palette-text-primary) !important;
    }

    .mud-tab p {
        margin: 0px;
    }

    .mud-tab b {
        font-weight: bold;
    }

.mud-tab-slider.mud-tab-slider-horizontal {
    height: 3px;
}

.mud-tabs-vertical .mud-tabs-tabbar-content {
    margin: 0px;
    margin-right: 15px;
}

.mud-tabs-vertical .mud-tab {
    text-transform: none;
    justify-content: flex-start;
    transition: 0.3s background-color;
    border-radius: 3px;
    margin-bottom: 5px;
    min-width: 175px !important;
}

    .mud-tabs-vertical .mud-tab:hover {
        background-color: var(--mud-palette-action-default-hover);
    }

.mud-tabs-vertical .mud-tab-active {
    background-color: var(--mud-palette-action-default-hover);
}

.mud-tab-slider-vertical {
    display: none;
}

.mud-overlay-dark {
    background: rgba(0, 0, 0, .32) !important;
}

.mud-dialog {
    border-radius: 5px;
}

.mud-menu-item > .mud-icon-root {
    color: var(--mud-palette-text-primary);
}

.mud-menu-list {
    padding: 5px;
    border: solid 1px var(--mud-palette-lines-default);
    background-color: var(--mud-palette-surface);
}

.mud-drawer--closed .unit-and-collapse .expand-button {
    margin: auto;
    width: 100%;
}

.unit-and-collapse .expand-button:hover {
    background: transparent !important;
    color: var(--mud-palette-primary) !important;
}

.mud-drawer .mud-icon-root {
    width: 15px;
    text-align: center;
}

.mud-disabled > input {
    background: var(--mud-palette-background) !important;
    color: var(--mud-palette-text-primary) !important;
}

body {
    --body-font: "Arial", "Segoe UI Variable", "Segoe UI", sans-serif;
    --font-size-super-small: 8px;
    --font-size-very-small: 10px;
    --font-size-small: 12px;
    --font-size-base: 14px;
    --font-size-head-small: 16px;
    --font-size-head-normal: 20px;
    --font-size-head-large: 24px;
    --font-size-title-small: 28px;
    --font-size-title-normal: 32px;
    --font-size-title-large: 40px;
    --font-size-largest: 72px;
    /* Disables the ripple effect */
    --mud-ripple-opacity: 0;
    --mud-ripple-color: transparent;
    --mud-drawer-width-left: 300px;
    font-family: var(--body-font);
    font-size: var( --font-size-base);
    line-height: var(--type-ramp-base-line-height);
    margin: 0;
    --spacing-none: 0px;
    --spacing-xs: 4px;
    --spacing-s: 8px;
    --spacing-m: 12px;
    --spacing-l: 16px;
    --spacing-xl: 20px;
    --spacing-xxl: 24px;
    --spacing-xxxl: 28px;
    --direct-app-spacing: 32px;
    --direct-app-height: 100vh;
    letter-spacing: normal;
}