html, body {
    font-family: "Segoe UI", system-ui, -apple-system, sans-serif;
}

a, .btn-link {
    color: var(--kinjie-brand-mint-dark);
}

a.btn {
    color: var(--bs-btn-color);
    text-decoration: none;
}

a.btn:hover,
a.btn:focus {
    color: var(--bs-btn-hover-color);
    text-decoration: none;
}

.content {
    padding-top: 1rem;
}

h1:focus {
    outline: none;
}

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

.invalid {
    outline: 1px solid #e50000;
}

.validation-message {
    color: #e50000;
}

.blazor-error-boundary {
    background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTYiIGhlaWdodD0iNDkiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIG92ZXJmbG93PSJoaWRkZW4iPjxkZWZzPjxjbGlwUGF0aCBpZD0iY2xpcDAiPjxyZWN0IHg9IjIzNSIgeT0iNTEiIHdpZHRoPSI1NiIgaGVpZ2h0PSI0OSIvPjwvY2xpcFBhdGg+PC9kZWZzPjxnIGNsaXclip-path="url(#clip0)" transform="translate(-235 -51)"><path d="M263.506 51C264.717 51 265.813 51.4837 266.606 52.2658L267.052 52.7987 267.539 53.6283 290.185 92.1831 290.545 92.795 290.656 92.996C290.877 93.513 291 94.0815 291 94.6782 291 97.0651 289.038 99 286.617 99L240.383 99C237.963 99 236 97.0651 236 94.6782 236 94.3799 236.031 94.0886 236.089 93.8072L236.338 93.0162 236.858 92.1314 259.473 53.6294 259.961 52.7985 260.407 52.2658C261.2 51.4837 262.296 51 263.506 51ZM263.586 66.0183C260.737 66.0183 259.313 67.1245 259.313 69.337 259.313 69.6102 259.332 69.8608 259.371 70.0887L261.795 84.0161 265.38 84.0161 267.821 69.7475C267.86 69.7309 267.879 69.5877 267.879 69.3179 267.879 67.1182 266.448 66.0183 263.586 66.0183ZM263.576 86.0547C261.049 86.0547 259.786 87.3005 259.786 89.7921 259.786 92.2837 261.049 93.5295 263.576 93.5295 266.116 93.5295 267.387 92.2837 267.387 89.7921 267.387 87.3005 266.116 86.0547 263.576 86.0547Z" fill="#FFE500" fill-rule="evenodd"/></g></svg>) no-repeat 1rem/1.8rem, #b32121;
    padding: 1rem 1rem 1rem 3.7rem;
    color: white;
}

.blazor-error-boundary::after {
    content: "An error has occurred.";
}

.darker-border-checkbox.form-check-input {
    border-color: #929292;
}

.form-floating > .form-control-plaintext::placeholder,
.form-floating > .form-control::placeholder {
    color: var(--bs-secondary-color);
    text-align: end;
}

.form-floating > .form-control-plaintext:focus::placeholder,
.form-floating > .form-control:focus::placeholder {
    text-align: start;
}