a.anchor {
    display: block;
    position: relative;
    top: -100px;
    visibility: hidden;
}

.app-menu-height {
    height: 90px;
}

body {
    font-family: 'Roboto', sans-serif;
   
    font-display: swap;
    overflow-x: hidden;
    /*    height: 100%;
    width: 100%;*/
    margin: 0;
    /*    font-size: 1.2rem;*/
    /*    font-family: 'Source Sans Pro', sans-serif;*/
}

/* Wrapping element */
/* Set some basic padding to keep content from hitting the edges */
.body-content {
    padding-left: 15px;
    padding-right: 15px;
}


.fs-small {
    font-size: small;
}



html {
    font-size: 15px;

}


.mud-main-content {
    /*background-color: #000000 !important;*/
    background-color: var(--mud-palette-surface);
}

.min-vh-20 {
    min-height: 20vh;
}

.min-vh-30 {
    min-height: 30vh;
}

.min-vh-40 {
    min-height: 40vh;
}

.min-vh-50 {
    min-height: 50vh;
}
.min-vh-75 {
    min-height: 75vh;
}

/* Responsive: Portrait tablets and up */
@media screen and (min-width: 768px) {
    .jumbotron {
        margin-top: 20px;
    }

    .body-content {
        padding: 0;
    }
}



.container-fluid {
    padding: 0px;
    padding-right: 0px;
    padding-left: 0px;
}




.mega-menu-container {
    width: 100%;
    height: 100%;
}

.mega-menu-content-container {
    position: fixed;
    width: 100%;
    z-index: 3;
    top: var(--mud-appbar-height);
    min-height: 200px;
    background-color: lightgrey;
    animation: slidein 0.5s ease 0s 1 normal forwards;
}

.mega-menu-content {
    background-color: whitesmoke;
    width: 100%;
}

.mega-menu-items {
    font-size: 1.3rem;
    color: #5C946E;
    height: 100%;
}

.mega-menu-item {
    display: flex;
    align-self: center;
    cursor: pointer;
}

.mega-menu-item-container {
    width: 100%;
}

    .mega-menu-item-container:hover {
        background-color: #5C946E;
        cursor: pointer;
        color: white
    }
        .mega-menu-item-container:hover .mud-link {
            color: white !important;
            text-decoration: none !important;
        }


.mega-menu-item.active {
    background-color: #5C946E;
    color: white
}

.mega-menu-item-container.active {
    background-color: #5C946E;
}


@keyframes slidein {
    0% {
        opacity: 0.3;
        transform: translateY(-250px);
    }

    100% {
        opacity: 1;
        transform: translateY(0);
    }
}


.mud-table-cell {
    font-size: 1.1rem;
}

.hover-elevation:hover {
    box-shadow: 0px 8px 16px rgba(0, 0, 0, 0.8) !important;
    transition: box-shadow 0.3s ease-in-out;
}


.mud-table-head {
    background-color: #5C946E;
    color: white!important;
}