html, body {
    color: var(--neutrals-700);
}

*, *::before, *::after {
    box-sizing: border-box;
}

.col-max {
    grid-column: 1/-1;
}

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

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

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

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

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

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

.active-link {
    text-decoration: underline;
}

.filter-select .clear-icon svg path {
    stroke: #5F6773; 
}

.filter-select .clear-icon:hover svg path {
    stroke: #3B4048;
}

/* This is specific to the ASButton since we can't apply styles to the SVG due to the use of MarkupString. */
.as-button-wrapper .btn-icon svg {
    display: block;
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    transform: translateY(0.15em);
}

.space12 {
    width: 100%;
    height: 12px;
    display: block;
}

.space16 {
    width: 100%;
    height: 16px;
    display: block;
}

.space20 {
    width: 100%;
    height: 20px;
    display: block;
}

.space24 {
    width: 100%;
    height: 24px;
    display: block;
}

.space32 {
    width: 100%;
    height: 32px;
    display: block;
}

.mud-alert-filled-success {
    background-color: var(--success-light);
    color: var(--success-default);
}

.mud-alert-filled-error {
    background-color: var(--error-light);
    color: var(--error-default);
}

.mud-alert-filled-warning {
    background-color: var(--warning-light);
    color: var(--warning-default);
}

.mud-alert-filled-info {
    background-color: var(--info-light);
    color: var(--info-default);
}

.registerHeaderCenter {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
}

.registerHeaderCenterSubtext {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
}

.registerHeaderCenterSubtext h3 {
    padding-bottom: 4px;
}

.registerHeaderTitle {
    color: var(--neutrals-700, var(--neutrals-700, #3B4048));
    text-align: center;
    font-family: Roboto;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
}