html, body {
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, sans-serif;
}

#blazor-error-ui {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 9999;
    display: none;
}

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

.valid.modified:not([type=checkbox]) {
    outline: 1px solid #26b050;
}

.invalid {
    outline: 1px solid red;
}

.validation-message {
    color: red;
}

.font-monospace {
    font-family: 'Courier New', Courier, monospace;
}

.table > :not(caption) > * > * {
    padding: 0.75rem 1rem;
}

.navbar-brand {
    font-size: 1.3rem;
    letter-spacing: 0.5px;
}

.card {
    border-radius: 0.5rem;
}

.btn {
    border-radius: 0.4rem;
}

.badge {
    font-size: 0.75rem;
    padding: 0.35em 0.65em;
}