html, body {
    height: 100% !important;
    margin: 0;
    padding: 0;
}

/*Hide toolbar text on smaller screens*/
@media (max-width: 699.95px) {

    .tool-bar .mud-button-label {
        /* Hide text nodes, keep icon visible */
        font-size: 0 !important;
        padding: 0 0 0 12px !important; /* Remove extra padding for perfect square */
    }

    .tool-bar button {
        width: 40px !important; /* Set to the current height, adjust as needed */
        height: 40px !important;
        min-width: 40px !important;
        min-height: 40px !important;
        padding: 0 !important; /* Remove extra padding for perfect square */
    }
}

/*For some reason the default pagination has a scroll bar if the table's height is set to 100%*/
.fixed-footer-table .mud-table-pagination {
    overflow: hidden !important;
}

/*By default the tooltip picks up the width from its content not its parent*/
.mud-tooltip-root {
    display: block;
    width: 100%;
}