/* Smooth Scroll */
html {
    scroll-behavior: smooth;
}
html, body {
    margin: 0;
    padding: 0;
   background: linear-gradient(135deg, #b3d1ff 0%, #cce0ff 100%); 
}
/* Style the Scrollbar */
::-webkit-scrollbar {
    width: 8px; /* Slim scrollbar */
}

::-webkit-scrollbar-track {
    background-color: #f1f1f1; /* Light gray track */
    border-radius: 10px; /* Rounded track */
}

::-webkit-scrollbar-thumb {
    background-color: #888; /* Grey thumb */
    border-radius: 10px; /* Rounded thumb */
}

    ::-webkit-scrollbar-thumb:hover {
        background-color: #555; /* Darker grey on hover */
    }

/* Keep this rule as requested */
h1:focus {
    outline: none;
}

/* Removed unnecessary styles */

/* Example for valid and invalid input borders (removed if not necessary) */
.valid.modified:not([type=checkbox]) {
    outline: 1px solid #26b050; /* Green outline */
}

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

/* Validation Message Styling */
.validation-message {
    color: #e50000; /* Red for validation messages */
}

/* Error Boundary Styling */
.blazor-error-boundary {
    background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTYiIGhlaWdodD0iNDkiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIG92ZXJmbG93PSJoaWRkZW4iPjxkZWZzPjxjbGlwUGF0aCBpZD0iY2xpcDAiPjxyZWN0IHg9IjIzNSIgeT0iNTEiIHdpZHRoPSI1NiIgaGVpZ2h0PSI0OSIvPjwvY2xpcFBhdGg+PC9kZWZzPjxnIGNsaXAtcGF0aD0idXJsKCNjbGlwMCkiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0yMzUgLTUxKSI+PHBhdGggZD0iTTI2My41MDYgNTFDMjY0LjcxNyA1MSAyNjUuODEzIDUxLjQ4MzcgMjY2LjYwNiA1Mi4yNjU4TDI2Ny4wNTIgNTIuNzk4NyAyNjcuNTM5IDUzLjYyODMgMjkwLjE4NSA5Mi4xODMxIDI5MC41NDUgOTIuNzk1IDI5MC42NTYgOTIuOTk2QzI5MC44NzcgOTMuNTEzIDI5MSA5NC4wODE1IDI5MSA9NC42NzgyIDI5MSA5Ny4wNjUxIDI4OS4wMzggOTkgMjg2LjYxNyA5OUwyNDAuMzgzIDk5QzIzNy5MZXBfbXBhaQKZ18QYG) no-repeat 1rem/1.8rem, #b32121;
    padding: 1rem 1rem 1rem 3.7rem;
    color: white;
}

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

/* Removed styles related to checkbox, form-floating, and unnecessary border-radius for checkboxes */