﻿@media only screen and (max-width: 600px) {
    .no-page-found {
        width: inherit;
    }
}

    .no-preview {
        height: 15rem;
        width: 15rem
    }

    @media only screen and (min-width: 600px) {
        .no-preview {
            height: 30rem;
            width: 30rem
        }
    }

    .search-bar {
        width: 40%;
        left: 60%;
    }

    @media only screen and (max-width: 600px) {
        .search-bar {
            width: 100%;
            left: 0%;
        }
    }

    .mud-table-cell {
        overflow: hidden;
        text-overflow: ellipsis;
        display: table-cell;
        padding: 16px;
        /*max-width: 25rem;*/
        font-size: .875rem;
        text-align: start;
        font-weight: 400;
        line-height: 1.43;
        border-bottom: 1px solid var(--mud-palette-table-lines);
        letter-spacing: .01071em;
        vertical-align: inherit;
    }

    .mud-nav-link .mud-nav-link-text {
        display: inherit;
        width: 100%;
        text-align: start;
        margin-left: 12px;
        margin-inline-start: 12px;
        margin-inline-end: unset;
        letter-spacing: 0;
    }

    .mud-table-container {
        width: 100%;
        overflow-y: auto;
        height: 44rem;
        display: block;
    }

    @media only screen and (max-width: 600px) {
        .mud-table-container {
            width: 100%;
            overflow-y: auto;
            height: 24rem;
            display: block;
        }
    }

    .table-no-content-box {
        height: 36rem;
    }

    @media only screen and (max-width: 600px) {
        .table-no-content-box {
            height: 18rem;
        }
    }

@media (max-width: 416px) {
    .mud-table .mud-table-pagination .mud-table-pagination-toolbar {
        padding-top: 0;
        padding-right: 16px;
        padding-inline-end: 16px;
        padding-inline-start: unset;
        min-height: 0;
    }
}

.hidden {
    display: none !important;
}

#env-button .mud-icon-button-label {
    height: 100%;
    width: 100%;
    display: flex;
    align-items: inherit;
    justify-content: inherit;
}

#env-button svg {
    height: 60%;
    width: 60%;
}