.table-row-highlight-primary {
    background-color: rgb(var(--mud-palette-primary-rgb), .2);
}
.table-row-highlight-warning {
    background-color: rgb(var(--mud-palette-warning-rgb), .2);
    position: relative;
}

.table-row-highlight-warning:after {
    content: "!";
    font-size: 1.5em;
    position: absolute;
    font-weight: bold;
    top: 50%;
    right: 2.6em;
    transform: translate(-50%, -50%);
}

.mud-table-cell.col-sm,
.mud-table-cell.col-md,
.mud-table-cell.col-lg,
.mud-table-cell.col-xl,
.mud-table-cell.col-xx {
    display: none;
}

@media screen and (min-width:600px) {
    .mud-table-cell.col-sm {
        display: table-cell;
    }
}

@media screen and (min-width: 960px) {
    .mud-table-cell.col-md {
        display: table-cell;
    }
}

@media screen and (min-width: 1280px) {
    .mud-table-cell.col-lg {
        display: table-cell;
    }
}

@media screen and (min-width: 1920px) {
    .mud-table-cell.col-xl {
        display: table-cell;
    }
}

@media screen and (min-width: 2560px) {
    .mud-table-cell.col-xx {
        display: table-cell;
    }
}

.mud-icon-button.rotating {
    animation: inherit;
}

    .mud-icon-button.rotating > .mud-icon-button-label,
    .rotating {
        animation: rotation 1s infinite linear;
    }

@media (prefers-reduced-motion) {
    .rotating {
        animation: rotation 5s infinite linear;
    }
}

@keyframes rotation {
    from {
        transform: rotate(0deg);
    }

    to {
        transform: rotate(-359deg);
    }
}

/*Permet d'avoir une boite de dialogue pleine grandeur sur la hauteur.'*/
.mud-dialog.mud-dialog-fullscreen.max-height {
    max-height: 100vh;
    display: flex;
    flex-direction: column;
    position: relative;
}

.mud-dialog.mud-dialog-fullscreen.max-height .outline-none {
    flex-grow: 1;
    /* overflow-y: auto; */
    overflow: hidden;
    padding-bottom: .3em;
}

.mud-dialog.mud-dialog-fullscreen.max-height .outline-none > div:has(>.mud-dialog-content) {
    height: 100%;
}

.mud-dialog.mud-dialog-fullscreen.max-height .mud-dialog-content {
    height: 100%;
    /* overflow-y:auto; */
}
