.hover-scale {
    transform: scale(1);
    transition: transform 150ms ease-in-out;
}

.hover-scale:hover {
    transform: scale(1.05);
    transition: transform 150ms ease-in-out;
}

.grp {
    display: flex;
    gap: .5rem;
    align-items: center;
}

.gap-1 {
    gap: .5rem;
}

.gap-2 {
    gap: 1rem;
}

.gap-3 {
    gap: 1.5rem;
}

.gap-4 {
    gap: 2rem;
}

.gap-5 {
    gap: 2.5rem;
}

.gap-6 {
    gap: 3rem;
}

.bg-col-surface {
    background-color: var(--mud-palette-surface);
}

.ma-1 {
    margin: .5rem;
}

.ma-2 {
    margin: 1rem;
}

.ma-3 {
    margin: 1.5rem;
}

.ma-4 {
    margin: 2rem;
}

.ma-t-1 {
    margin-top: .5rem;
}

.ma-t-2 {
    margin-top: 1rem;
}

.ma-t-3 {
    margin-top: 1.5rem;
}

.ma-t-4 {
    margin-top: 2rem;
}

.ma-t-5 {
    margin-top: 2.5rem;
}

.ma-t-6 {
    margin-top: 3rem;
}

.ma-b-1 {
    margin-bottom: .5rem;
}

.ma-b-2 {
    margin-bottom: 1rem;
}

.ma-b-3 {
    margin-bottom: 1.5rem;
}

.ma-b-4 {
    margin-bottom: 2rem;
}

.ma-b-5 {
    margin-bottom: 2.5rem;
}

.ma-b-6 {
    margin-bottom: 3rem;
}

.ma-l-1 {
    margin-left: .5rem;
}

.ma-l-2 {
    margin-left: 1rem;
}



.ma-l-4 {
    margin-left: 2rem;
}

.ma-l-5 {
    margin-left: 2.5rem;
}

.ma-l-6 {
    margin-left: 3rem;
}

.ma-r-1 {
    margin-left: 1rem;
}

.ma-r-2 {
    margin-right: 1rem;
}

.ma-r-3 {
    margin-right: 1.5rem;
}

.ma-r-4 {
    margin-right: 2rem;
}

.ma-r-5 {
    margin-right: 2.5rem;
}

.ma-r-6 {
    margin-right: 3rem;
}

.ma-block-1 {
    margin-block: 1rem;
}

.ma-block-2 {
    margin-block: 2rem;
}

.ma-inline-1 {
    margin-inline: 1rem;
}

.ma-inline-2 {
    margin-inline: 2rem;
}

/*negative margins*/
.ma-n-t-1 {
    margin-top: -.5rem;
}

.ma-n-t-2 {
    margin-top: -1rem;
}

.ma-n-b-1 {
    margin-bottom: -.5rem;
}

.ma-n-b-2 {
    margin-bottom: -1rem;
}

.ma-n-l-1 {
    margin-left: -.5rem;
}

.ma-n-l-2 {
    margin-left: -1rem;
}

.ma-n-r-1 {
    margin-right: -.5rem;
}

.ma-n-r-2 {
    margin-right: -1rem;
}

.ma-n-inline-1 {
    margin-inline: -.5rem;
}

.ma-n-inline-2 {
    margin-inline: -1rem;
}

.ma-block-0 {
    margin-block: 0;
}

.pa-1 {
    padding: .5rem;
}

.pa-2 {
    padding: 1rem;
}

.pa-3 {
    padding: 1.5rem;
}

.pa-4 {
    padding: 2rem;
}

.pa-inline-1 {
    padding-left: .5rem;
    padding-right: .5rem;
}

.pa-block-1 {
    padding-block: 1rem;
}

.pa-b-1 {
    padding-bottom: 1rem;
}

.pa-t-1 {
    padding-top: 1rem;
}

.pa-l-1 {
    padding-left: 1rem;
}

.pa-r-1 {
    padding-right: 1rem;
}

.full-width {
    width: 100%;
}

.flex {
    display: flex;
}

.flex-wrap {
    flex-wrap: wrap;
}

.flex-column {
    flex-direction: column;
}

.grid {
    display: grid;
}

.grid-equal-2 {
    grid-template-columns: 1fr 1fr;
}

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

.height-100 {
    height: 100%;
}

.height-100vh-75 {
    height: calc(100vh - 75px);
}

.v-scroll-auto {
    overflow-y: auto;
}

.align-center {
    align-items: center;
}

.align-baseline {
    align-items: baseline
}

.align-flex-start {
    align-items: flex-start;
}

.align-flex-end {
    align-items: flex-end;
}

.justify-center {
    justify-content: center;
}

.justify-self-center {
    justify-self: center;
}

.justify-self-end {
    justify-self: end;
}

.justify-self-start {
    justify-self: start;
}

.justify-self-stretch {
    justify-self: stretch;
}

.justify-self-baseline {
    justify-self: baseline;
}

.justify-between {
    justify-content: space-between;
}

.tab-height {
    height: calc(100vh - 95px);
    overflow-y: auto;
}

.height-inherit {
    height: inherit;
}

.overflow-y-auto {
    overflow-y: auto;
}

.overlay-x-auto {
    overflow-x: auto;
}

.hover-success {
    color: var(--mud-palette-gray-900);
}

.hover-success:hover {
    background-color: var(--mud-palette-success);
    color: var(--mud-palette-white);
}

.hover-error {
    color: var(--mud-palette-gray-900);
}

.hover-error:hover {
    background-color: var(--mud-palette-error);
    color: var(--mud-palette-white);
}

.error-bg {
    /*background-color: var(--mud-palette-error);*/
    background-color: rgba(255, 0, 0, 0.1);
}