html,
body {
    font-family: 'Raleway', sans-serif;
    color: var(--bs-primary);
    background-color: var(--bs-background);
}

html {
    scrollbar-gutter: stable;
}

.container {
    max-width: 1200px;
}

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

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

.validation-message {
    color: #e50000;
}

.blazor-error-boundary {
    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;
}

.table {
    table-layout: auto; 
    max-width: 100%;   
    border: 1px solid #dee2e6;
    box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.1);
}

/* Modals */
.modal-dialog {
    max-width: 800px;
}

.modal-backdrop {
    background-color: rgba(0, 0, 0, 0.9) !important;
}

.modal.fade .modal-dialog {
    transition: transform 0.3s ease-out, opacity 0.3s ease-out;
}

.modal-body {
    max-height: 75vh; 
    overflow-y: auto; 
}

/* Extensions */
.smaller{
    font-size: 0.8rem;
}

/* Categories */
.category-none {
    background-color: var(--bs-category-none) !important;
}

.category-workshop {
    background-color: var(--bs-category-workshop) !important;
}

.category-presentation {
    background-color: var(--bs-category-presentation) !important;
}

.category-ceremony {
    background-color: var(--bs-category-ceremony) !important;
}

.category-showcase {
    background-color: var(--bs-category-showcase) !important;
}

.category-community {
    background-color: var(--bs-category-community) !important;
}