:root {
    --rz-primary: #075ead;
    --rz-primary-light: #3d8ec4;
    --rz-primary-lighter: rgba(7, 94, 173, 0.12);
    --rz-primary-dark: #064e8f;
    --rz-primary-darker: #082b57;
    --rz-on-primary-lighter: #075ead;
    --rz-secondary: #5d6f8f;
    --rz-secondary-light: #7d8eaa;
    --rz-secondary-lighter: rgba(93, 111, 143, 0.12);
    --rz-secondary-dark: #4a5873;
    --rz-secondary-darker: #3a4660;
    --rz-on-secondary-lighter: #5d6f8f;
    --rz-info: #2fc3e7;
    --rz-info-light: #5ad0ec;
    --rz-info-lighter: rgba(47, 195, 231, 0.2);
    --rz-info-dark: #2299b8;
    --rz-info-darker: #1b7a92;
    --rz-on-info-lighter: #075ead;
    --rz-success: #0f8e70;
    --rz-success-light: #3fa88c;
    --rz-success-lighter: rgba(15, 142, 112, 0.16);
    --rz-success-dark: #0c725a;
    --rz-success-darker: #095c49;
    --rz-on-success-lighter: #0f8e70;
    --rz-warning: #f08a24;
    --rz-warning-light: #f3a450;
    --rz-warning-lighter: rgba(240, 138, 36, 0.2);
    --rz-warning-dark: #c06e1d;
    --rz-warning-darker: #9a5817;
    --rz-on-warning-lighter: #f08a24;
    --rz-danger: #d64545;
    --rz-danger-light: #de6a6a;
    --rz-danger-lighter: rgba(214, 69, 69, 0.2);
    --rz-danger-dark: #ab3737;
    --rz-danger-darker: #8c2d2d;
    --rz-on-danger-lighter: #d64545;
    --rz-base: #e6f7ff;
    --rz-base-50: #f8fbff;
    --rz-base-100: #f5f9fd;
    --rz-base-200: #e6f7ff;
    --rz-base-300: #d9e5f2;
    --rz-base-400: #b7c7da;
    --rz-base-500: #8ea3bf;
    --rz-base-600: #5d6f8f;
    --rz-base-700: #3d5274;
    --rz-base-800: #223a61;
    --rz-base-900: #12284c;
    --rz-base-light: #f5f9fd;
    --rz-base-lighter: #ffffff;
    --rz-base-dark: #5d6f8f;
    --rz-base-darker: #12284c;
    --rz-on-base: #12284c;
    --rz-on-base-light: #12284c;
    --rz-on-base-lighter: #12284c;
    --rz-text-title-color: #172844;
    --rz-text-color: #223a61;
    --rz-text-secondary-color: #5d6f8f;
    --rz-header-background-color: #ffffff;
    --rz-header-color: #12284c;
    --rz-header-z: 4;
    --rz-sidebar-z: 3;
    --rz-sidebar-background-color: #ffffff;
    --rz-sidebar-toggle-color: #075ead;
    --rz-sidebar-toggle-hover-color: #075ead;
    --rz-sidebar-toggle-hover-background-color: #e8f7ff;
    --rz-panel-menu-item-hover-background-color: #e8f7ff;
    --rz-panel-menu-item-active-color: #075ead;
    --rz-panel-menu-item-active-background-color: #e6f7ff;
    --rz-panel-menu-item-active-indicator: #2fc3e7;
    --rz-series-1: #075ead;
    --rz-series-2: #2fc3e7;
    --rz-series-3: #082b57;
    --rz-series-4: #0f8e70;
    --rz-series-5: #f08a24;
    --rz-series-6: #d64545;
}

h1:focus {
    outline: none;
}

body {
    background:
        radial-gradient(circle at 14% 22%, rgba(47, 195, 231, 0.18), transparent 22%),
        radial-gradient(circle at 82% 76%, rgba(47, 195, 231, 0.2), transparent 18%),
        linear-gradient(135deg, #f6fbff 0%, #ffffff 46%, #eefaff 100%);
    color: #12284c;
}

.rz-header {
    background: #fff !important;
    height: 118px !important;
    min-height: 118px !important;
    padding: 0 !important;
    border-bottom: 1px solid #d9e5f2;
}

.rz-body {
    background: transparent;
}

.rz-sidebar {
    z-index: 3;
    border-inline-end: 1px solid #d9e5f2;
    box-shadow: 8px 0 24px rgba(8, 43, 87, 0.12);
}

.rz-sidebar-toggle {
    position: absolute;
    z-index: 2;
    top: 50%;
    left: 12px;
    transform: translateY(-50%);
    margin: 0 !important;
    width: 42px;
    height: 42px;
    display: inline-grid;
    place-items: center;
    border: 1px solid #d9e5f2 !important;
    border-radius: 12px;
    background: #ffffff !important;
    color: #075ead !important;
    padding: 0 !important;
}

.rz-sidebar-toggle:hover {
    background: #e8f7ff !important;
    color: #075ead !important;
}

.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+PC9kZWZzPjxnIGNsaXAtcGF0aD0idXJsKCNjbGlwMCkiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0yMzUgLTUxKSI+PHBhdGggZD0iTTI2My41MDYgNTFDMjY0LjcxNyA1MSAyNjUuODEzIDUxLjQ4MzcgMjY2LjYwNiA1Mi4yNjU4TDI2Ny4wNTIgNTIuNzk4NyAyNjcuNTM5IDUzLjYyODMgMjkwLjE4NSA5Mi4xODMxIDI5MC41NDUgOTIuNzk1IDI5MC42NTYgOTIuOTk2QzI5MC44NzcgOTMuNTEzIDI5MSA5NC4wODE1IDI5MSA5NC42NzgyIDI5MSA5Ny4wNjUxIDI4OS4wMzggOTkgMjg2LjYxNyA5OUwyNDAuMzgzIDk5QzIzNy45NjMgOTkgMjM2IDk3LjA2NTEgMjM2IDk0LjY3ODIgMjM2IDk0LjM3OTkgMjM2LjAzMSA5NC4wODg2IDIzNi4wODkgOTMuODA3MkwyMzYuMzM4IDkzLjAxNjIgMjM2Ljg1OCA5Mi4xMzE0IDI1OS40NzMgNTMuNjI5NCAyNTkuOTYxIDUyLjc5ODUgMjYwLjQwNyA1Mi4yNjU4QzI2MS4yIDUxLjQ4MzcgMjYyLjI5NiA1MSAyNjMuNTA2IDUxWk0yNjMuNTg2IDY2LjAxODNDMjYwLjczNyA2Ni4wMTgzIDI1OS4zMTMgNjcuMTI0NSAyNTkuMzEzIDY5LjMzNyAyNTkuMzEzIDY5LjYxMDIgMjU5LjMzMiA2OS44NjA4IDI1OS4zNzEgNzAuMDg4N0wyNjEuNzk1IDg0LjAxNjEgMjY1LjM4IDg0LjAxNjEgMjY3LjgyMSA2OS43NDc1QzI2Ny44NiA2OS43MzA5IDI2Ny44NzkgNjkuNTg3NyAyNjcuODc5IDY5LjMxNzkgMjY3Ljg3OSA2Ny4xMTgyIDI2Ni40NDggNjYuMDE4MyAyNjMuNTg2IDY2LjAxODNaTTI2My41NzYgODYuMDU0N0MyNjEuMDQ5IDg2LjA1NDcgMjU5Ljc4NiA4Ny4zMDA1IDI1OS43ODYgODkuNzkyMSAyNTkuNzg2IDkyLjI4MzcgMjYxLjA0OSA5My41Mjk1IDI2My41NzYgOTMuNTI5NSAyNjYuMTE2IDkzLjUyOTUgMjY3LjM4NyA5Mi4yODM3IDI2Ny4zODcgODkuNzkyMSAyNjcuMzg3IDg3LjMwMDUgMjY2LjExNiA4Ni4wNTQ3IDI2My41NzYgODYuMDU0N1oiIGZpbGw9IiNGRkU1MDAiIGZpbGwtcnVsZT0iZXZlbm9kZCIvPjwvZz48L3N2Zz4=) 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;
}

.rz-grid-table thead .rz-column-title,
.rz-grid-table thead .rz-column-title-content {
    white-space: nowrap;
}

.rz-data-grid .rz-data-row.rz-state-highlight > td {
    font-weight: 700;
}

.eh-mobile .rz-sidebar.rz-sidebar-expanded {
    position: fixed !important;
    z-index: 30;
    top: 0;
    bottom: 0;
    height: 100dvh;
    max-width: min(300px, 86vw);
}

@media (max-width: 720px) {
    .rz-header {
        height: auto !important;
        min-height: 0 !important;
    }

    .rz-body {
        padding: 0.75rem !important;
    }

    .rz-sidebar.rz-sidebar-expanded {
        position: fixed !important;
        z-index: 30;
        top: 0;
        bottom: 0;
        height: 100dvh;
        max-width: min(300px, 86vw);
    }

    .rz-dialog {
        width: calc(100vw - 1rem) !important;
        max-width: calc(100vw - 1rem);
    }
}

@media (max-width: 768px) {
    .rz-datatable-reflow .rz-data-row {
        display: grid !important;
        grid-template-columns: 1fr 1fr;
        gap: 0.45rem 0.75rem;
        margin: 0 0 0.75rem;
        padding: 0.75rem;
        border: 1px solid #d9e5f2;
        border-radius: 0.6rem;
        background: #fff;
    }

    .rz-datatable-reflow .rz-data-row > td {
        display: flex !important;
        flex-direction: column;
        align-items: flex-start;
        gap: 0.15rem;
        width: auto !important;
        min-width: 0;
        padding: 0 !important;
        border: none !important;
        text-align: left !important;
        white-space: normal;
    }

    .rz-datatable-reflow .rz-data-row > td:last-child:nth-child(odd) {
        grid-column: 1 / -1;
    }

    .rz-datatable-reflow .rz-data-row > td .rz-column-title {
        font-size: 0.72rem;
        line-height: 1.2;
        font-weight: 700;
        color: #5d6f8f;
    }
}