.appbar {
    z-index: calc(var(--mud-zindex-appbar) + 1);
}

.appbar-filter {
    z-index: calc(var(--mud-zindex-appbar) + 1);
    backdrop-filter: blur(4px);
    -webkit-backdrop-filter: blur(4px);
    background: rgba(255, 255, 255, 0.2);
}

.layout-menu-shadow {
    box-shadow: 0 30px 60px rgba(0,0,0,.12) !important;
}

.search-bar .mud-input {
    height: 42px
}

.search-bar.mud-input-control,
.search-bar.mud-picker .mud-input-control {
    background-color: var(--mud-palette-gray-light);
    /*margin-bottom: 5px;*/
    border-radius: var(--mud-default-borderradius);
    height: 42px;
}

.search-bar .mud-input.mud-input-outlined .mud-input-outlined-border {
    border: none;
    border-radius: var(--mud-default-borderradius)
}

.appbar .mud-autocomplete,
.search-bar {
    max-width: 360px
}

.logo {
    height: 40px;
}

.brand-text {
    letter-spacing: .2rem;
    font-weight: 400;
    font-family: "Poppins", "Roboto";
    margin-inline-start: 12px;
    font-size: 24px;
    user-select: none
}

.logo-filter {
    filter: grayscale(1) opacity(.05);
}


.drawer .drawer-header {
    height: calc(var(--mud-appbar-height) - var(--mud-appbar-height)/8);
    background-color: #1b1b28 !important;
    box-shadow: var(--mud-elevation-5);
}

    .drawer .drawer-header .mud-icon-button {
        color: var(--mud-palette-drawer-icon);
    }

.drawer .navmenu-subheader {
    color: #4c4e6f !important;
}

.drawer .navmenu-divider {
    border: 1px solid #4c4e6f !important;
}

@media (min-width: 600px) {
    .drawer .drawer-header {
        height: var(--mud-appbar-height);
    }
}

.mud-main-content {
    display: flex;
    flex-direction: column;
    min-height: 100vh;
}

.content-wrapper {
    display: flex;
    flex-direction: column;
    flex: 1 0 auto;
}

.content-area {
    flex: 1 0 auto;
    padding-bottom: 2rem;
}

.sticky-footer {
    border-top: none !important;
    flex-shrink: 0;
    padding: 1rem;
    text-align: center;
    font-size: 0.875rem;
    color: var(--mud-palette-text-secondary);
    background-color: var(--mud-palette-appbar-background);
    border-top: 1px solid var(--mud-palette-lines-default);
}

    .sticky-footer a {
        color: var(--mud-palette-text-primary) !important;
        font-weight: bold;
    }

        .sticky-footer a:hover {
            webkit-transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, -webkit-box-shadow 0.15s ease;
            transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, -webkit-box-shadow 0.15s ease;
            transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease;
            transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease, -webkit-box-shadow 0.15s ease;
            color: var(--mud-palette-primary) !important;
        }

.text-muted {
    color: var(--mud-palette-text-secondary);
    font-weight: 400;
}

.blurry-dialog-background {
    -webkit-backdrop-filter: blur(1.5rem);
    backdrop-filter: blur(1.5rem);
}

.h-100 {
    height: 100%;
}

/* Forces body and html to be full height */
html, body {
    height: 100%;
    margin: 0;
    padding: 0;
}