#blazor-error-ui {
    background: lightyellow;
    bottom: 0;
    box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.2);
    display: none;
    left: 0;
    padding: 0.6rem 1.25rem 0.7rem 1.25rem;
    position: fixed;
    width: 100%;
    z-index: 2000;
}

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

#components-reconnect-modal {
    z-index: 2000 !important;
}

:root {
    /* Colori di UfficioWeb */
    --cui-blue: #007bff;
    --cui-indigo: #6610f2;
    --cui-purple: #6f42c1;
    --cui-pink: #e83e8c;
    --cui-red: #dc3545;
    --cui-orange: #fd7e14;
    --cui-yellow: #ffc107;
    --cui-green: #28a745;
    --cui-teal: #20c997;
    --cui-cyan: #17a2b8;
    --cui-white: #fff;
    --cui-gray: #6c757d;
    --cui-gray-dark: #343a40;
    --cui-primary: #337ab7;
    --cui-secondary: #CCCCCC;
    --cui-success: #28a745;
    --cui-info: #17a2b8;
    --cui-warning: #ffc107;
    --cui-danger: #dc3545;
    --cui-light: #f8f9fa;
    --cui-dark: #343a40;
    --cui-primary-rgb: 51, 122, 183;
    --cui-secondary-rgb: 204, 204, 204;
    --cui-success-rgb: 40, 167, 69;
    --cui-info-rgb: 23, 162, 184;
    --cui-warning-rgb: 255, 193, 7;
    --cui-danger-rgb: 220, 53, 69;
    --cui-light-rgb: 248, 249, 250;
    --cui-dark-rgb: 52, 58, 64;
    --cui-white-rgb: 255, 255, 255;
}

.btn-primary {
    --cui-btn-bg: var(--cui-primary);
}

.btn-secondary {
    --cui-btn-bg: var(--cui-secondary);
}


/* Place holder in quill */
.ql-placeholder > .ql-picker-label::before {
    content: attr(data-title);
    margin-right: 1.5em;
}

.ql-placeholder > .ql-picker-options > .ql-picker-item::before {
    content: attr(data-title);
}