.mud-layout > :first-child.mud-alert {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 100;
}

.mud-alert + header {
    top: 50px !important;
}

header {
    background-image: url('../images/header.png');
}

    header .mud-badge {
        margin-bottom: -12px;
        cursor: pointer;
        border-color: #ffe5e5 !important;
    }

.product-nav-menu {
    max-width: 600px !important;
}

    .product-nav-menu .mud-menu-list .mud-list {
        display: flex;
        flex-wrap: wrap;
        box-sizing: border-box;
    }

        .product-nav-menu .mud-menu-list .mud-list .mud-list-item {
            flex-grow: 0;
            max-width: calc(100% / 12 * 6);
            flex-basis: calc(100% / 12 * 6);
        }

.nav-bar-list .mud-list-item.mud-primary-text {
    font-weight: 500 !important;
}

.mud-navmenu.mud-navmenu-default .mud-nav-link.active:not(.mud-nav-link-disabled) {
    background-color: var(--mud-palette-primary-hover) !important;
}

.mud-main-content {
    height: 100vh;
}

.mud-layout:has(> :first-child.mud-alert) .mud-main-content {
    padding-top: calc(var(--mud-appbar-height) - var(--mud-appbar-height)/8 + 50px);
}
@media(min-width: 0px)and (orientation: landscape) {
    .mud-layout:has(> :first-child.mud-alert) .mud-main-content {
        padding-top: calc(var(--mud-appbar-height) - var(--mud-appbar-height)/4 + 50px);
    }
}
@media(min-width: 600px) {
    .mud-layout:has(> :first-child.mud-alert) .mud-main-content {
        padding-top: calc(var(--mud-appbar-height) + 50px);
    }
}

.mud-list-item.mud-list-item-disabled {
    border-color: var(--mud-palette-divider);
    border-width: 1px;
    border-style: none none solid none;
    color: var(--mud-palette-text-primary) !important;
    padding-top: 1.5rem;
    padding-bottom: 0;
}

    .mud-list-item.mud-list-item-disabled .mud-typography {
        font-weight: bold;
    }

.mud-button-text {
    letter-spacing: var(--mud-typography-body2-letterspacing);
    text-transform: var(--mud-typography-body2-text-transform);
}
