/*Colours*/
.res-primary {
    color: var(--mud-palette-primary);
}

.res-secondary {
    color: var(--mud-palette-secondary);
}

.res-tertiary {
    color: var(--mud-palette-tertiary);
}

.res-info {
    color: var(--mud-palette-info);
}

.res-success {
    color: var(--mud-palette-success);
}

.res-warning {
    color: var(--mud-palette-warning);
}

.res-error {
    color: var(--mud-palette-error);
}

.res-primary-contrast {
    color: var(--mud-palette-primary-contrast);
}

.res-secondary-contrast {
    color: var(--mud-palette-secondary-contrast);
}

.res-tertiary-contrast {
    color: var(--mud-palette-tertiary-contrast);
}

.res-info-contrast {
    color: var(--mud-palette-info-contrast);
}

.res-success-contrast {
    color: var(--mud-palette-success-contrast);
}

.res-warning-contrast {
    color: var(--mud-palette-warning-contrast);
}

.res-error-contrast {
    color: var(--mud-palette-error-contrast);
}

.res-dialog-background {
    background-color: var(--mud-palette-tertiary);
}


/*Text elements*/
.res-justify-start {
    justify-content: flex-start;
}

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

.res-justify-end {
    justify-content: flex-end;
}

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

.res-justify-space-around {
    justify-content: space-around;
}

.res-justify-space-evenly {
    justify-content: space-evenly;
}

.res-justify-stretch {
    justify-content: stretch;
}

.res-label {

}

.res-text {
    display: grid;
}

.res-text-small {
    font-size: .8em;
}

.res-text-medium {
    font-size: 1em;
}

.res-text-large {
    font-size: 1.2em;
}

.res-label {
    font-size: .7em;
}

.res-bg-primary, .res-bg-secondary, .res-bg-tertiary, .res-bg-info, .res-bg-success, .res-bg-warning, .res-bg-error {
    padding: 0.2rem;
    padding-inline: .5rem;
    border-radius: 5px;
}

.res-bg-primary {
    background-color: var(--mud-palette-primary);
    color: var(--mud-palette-primary-text);
}

.res-bg-secondary {
    background-color: var(--mud-palette-secondary);
    color: var(--mud-palette-secondary-text);
}

.res-bg-tertiary {
    background-color: var(--mud-palette-tertiary);
    color: var(--mud-palette-tertiary-text);
}

.res-bg-info {
    background-color: var(--mud-palette-info);
    color: var(--mud-palette-info-text);
}

.res-bg-success {
    background-color: var(--mud-palette-success);
    color: var(--mud-palette-success-text);
}

.res-bg-warning {
    background-color: var(--mud-palette-warning);
    color: var(--mud-palette-warning-text);
}

.res-bg-error {
    background-color: var(--mud-palette-error);
    color: var(--mud-palette-error-text);
}

.res-input-field {

}

.mud-input {

}

.mud-input-margin-dense {
    padding: 0;
    margin: 0;

}

.res-input .mud-input-control-input-container {
    height: 1.7rem;
    font-size: .8rem;

    & > .mud-input.mud-input-outlined.mud-input-adorned-start {
        padding-left: .5rem;
    }
}

.res-Message-box {
    color: red;
}

.res-invoice-options-container {
    display: grid;
    gap: 2rem;
    padding: 1rem;

    & > div {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 1rem;
    }

    & > div > span {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 1rem;
    }
}

.res-dashed-divider {
    display: grid;
    border-top: var(--mud-palette-divider) 1px dashed;
    margin-block: .5rem ;
}