.mud-table-cell.align-right > .column-header {
    flex-direction: row-reverse;
}

.mud-table-cell.align-right > .column-header,
.mud-table-cell.align-right > .column-header > .sortable-column-header {
    text-align: right;
}

.mud-table-cell.align-center > .column-header {
    justify-content: center;
}

.mud-table-cell.align-center > .column-header,
.mud-table-cell.align-center > .column-header > .sortable-column-header {
    text-align: center;
}

.mud-table-row > th.mud-table-cell {
    font-weight: bold;
}

.text-wrap {
    white-space: pre-line;
}

.text-nowrap {
    white-space: nowrap;
}

.text-muted {
    opacity: 0.5;
}

.text-code {
    font-family: Menlo, Monaco, Consolas, "Courier New", monospace;
}

.text-center {
    text-align: center !important;
}

.text-left {
    text-align: left !important;;
}

.text-right {
    text-align: right !important;;
}

.text-justify {
    text-align: justify !important;;
}

.unselectable {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.mud-table-root .mud-table-body {
    position: relative;
}

.mud-table-loading {
    position: absolute;
    width: 100%;
}

.mud-table-container {
    overflow-y: hidden !important;
}

@keyframes spin {
    from {
        transform:rotate(0deg);
    }
    to {
        transform:rotate(-360deg);
    }
}

@keyframes slide-down {
    0% {
        opacity: 0;
        transform: translateY(-100%);
    }
    30% {
        opacity: 0;
    }
    100% {
        opacity: 1;
        transform: translateY(0%);
    }
}
@keyframes slide-right {
    0% {
        opacity: 0;
        transform: translateX(-100%);
    }
    100% {
        opacity: 1;
        transform: translateX(0%);
    }
}

@keyframes slide-left {
    0% {
        opacity: 0;
        transform: translateX(100%);
    }
    100% {
        opacity: 1;
        transform: translateX(0%);
    }
}

@-webkit-keyframes rotating {
    from{
        -webkit-transform: rotate(0deg);
    }
    to{
        -webkit-transform: rotate(360deg);
    }
}

.rotating {
    width: 10vh;
    height: 10vh;
    -webkit-animation: rotating 5s linear infinite;
}

.mud-table-row > th.mud-table-cell {
    vertical-align: top;
}

.mud-table-row > th.mud-table-cell > .column-header {
    align-items: flex-start;
}

.hide-animate {
    opacity: 1;
    transition: opacity 400ms ease-in-out;
}

.hide-animate.hidden {
    opacity: 0;
    height: 0;
    overflow: hidden;
}

.mud-collapse-entering {
    animation-duration: .3s !important;
}

.h-100 {
    height: 100%;
}

.w-100 {
    width: 100%;
}
