#blazor-error-ui {
    background: lightyellow;
    bottom: 0;
    box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.2);
    display: none;
    left: 0;
    padding: 0.6rem 1.25rem 0.7rem 1.25rem;
    position: fixed;
    width: 100%;
    z-index: 1000;
}

#blazor-error-ui .dismiss {
    cursor: pointer;
    position: absolute;
    right: 0.75rem;
    top: 0.5rem;
}

main {
    margin-top: 80px;
    /* override styles from blazor bootstrap that were unexpected */
    flex: auto  !important;;
    overflow-x: auto !important;
    height: auto !important;
}

.blazored-toast-container.position-topright {
    z-index: 1031 !important; /* +1 of fixed top element z-index */
}

.clickable {
    cursor: pointer;
}

.validation-message,
label.is-invalid {
    color: #dc3545;
}

.text-muted-more {
    color: #a9aeb2;
}

.field-set-field-form:nth-child(odd) {
    background-color: #f8f9fa !important; /* bs5 bg-light */
}

.copy-prices_price-count {
    width: 60px;
}
.copy-prices_copy-cta {
    width: 95px;
}

.appointment-fee-help-text {
    padding-top: 2rem;
}
.help-text {
    color: #666;
    font-size: 0.9rem;
}

.link-underline-hover {
    text-decoration: none;
}
.link-underline-hover:hover {
    text-decoration: underline;
}
.fa-1point5x {
    font-size: 1.5rem;
}
.fs-7 {
    font-size: 0.875rem;
}
.fs-8 {
    font-size: 0.7rem;
}
.container-narrow {
    max-width: 720px;
}