:root {
    --color-sf-black: 0, 0, 0;
    --color-sf-white: 255, 255, 255;
    --color-sf-content-bg-color: #fff;
    --color-sf-content-bg-color-alt1: #f8f9fa;
    --color-sf-content-bg-color-alt2: #e9ecef;
    --color-sf-content-bg-color-alt3: #dee2e6;
    --color-sf-content-bg-color-alt4: #ced4da;
    --color-sf-content-bg-color-alt5: #adb5bd;
    --color-sf-content-bg-color-hover: #f8f9fa;
    --color-sf-content-bg-color-pressed: #e9ecef;
    --color-sf-content-bg-color-focus: #e9ecef;
    --color-sf-content-bg-color-selected: #0d6efd;
    --color-sf-content-bg-color-dragged: #ced4da;
    --color-sf-content-bg-color-disabled: #e9ecef;
    --color-sf-flyout-bg-color: #fff;
    --color-sf-flyout-bg-color-hover: #f8f9fa;
    --color-sf-flyout-bg-color-pressed: #0d6efd;
    --color-sf-flyout-bg-color-focus: #f8f9fa;
    --color-sf-overlay-bg-color: 0, 0, 0;
    --color-sf-table-bg-color-hover: rgba(0, 0, 0, .07);
    --color-sf-table-bg-color-pressed: #dee2e6;
    --color-sf-table-bg-color-selected: rgba(0, 0, 0, .1);
    --color-sf-content-text-color: #212529;
    --color-sf-content-text-color-alt1: rgba(33, 37, 41, .75);
    --color-sf-content-text-color-alt2: rgba(33, 37, 41, .5);
    --color-sf-content-text-color-alt3: rgba(33, 37, 41, .25);
    --color-sf-content-text-color-hover: #000;
    --color-sf-content-text-color-pressed: var(--color-sf-content-text-color);
    --color-sf-content-text-color-focus: #000;
    --color-sf-content-text-color-selected: #fff;
    --color-sf-content-text-color-dragged: var(--color-sf-content-text-color);
    --color-sf-content-text-color-disabled: rgba(33, 37, 41, .75);
    --color-sf-placeholder-text-color: #6c757d;
    --color-sf-flyout-text-color: var(--color-sf-content-text-color);
    --color-sf-flyout-text-color-hover: var(--color-sf-content-text-color);
    --color-sf-flyout-text-color-pressed: #fff;
    --color-sf-flyout-text-color-focus: var(--color-sf-content-text-color);
    --color-sf-flyout-text-color-disabled: rgba(33, 37, 41, .5);
    --color-sf-table-text-color-hover: var(--color-sf-content-text-color);
    --color-sf-table-text-color-pressed: var(--color-sf-content-text-color);
    --color-sf-table-text-color-selected: var(--color-sf-content-text-color);
    --color-sf-icon-color: #6c757d;
    --color-sf-icon-color-hover: #343a40;
    --color-sf-icon-color-pressed: #212529;
    --color-sf-icon-color-disabled: #adb5bd;
    --color-sf-close-icon-color: rgba(0, 0, 0, .5);
    --color-sf-close-icon-color-hover: rgba(0, 0, 0, .75);
    --color-sf-close-icon-color-pressed: rgba(0, 0, 0, 1);
    --color-sf-close-icon-color-disabled: rgba(0, 0, 0, .25);
    --color-sf-border-light: #dee2e6;
    --color-sf-border: #dee2e6;
    --color-sf-border-dark: #adb5bd;
    --color-sf-border-hover: #dee2e6;
    --color-sf-border-pressed: #dee2e6;
    --color-sf-border-focus: #86b7fe;
    --color-sf-border-selected: #86b7fe;
    --color-sf-border-dragged: #dee2e6;
    --color-sf-border-disabled: #dee2e6;
    --color-sf-border-warning: #ffc107;
    --color-sf-border-error: #dc3545;
    --color-sf-border-success: #198754;
    --color-sf-spreadsheet-gridline: #dee2e6;
    --color-sf-flyout-border: rgba(0, 0, 0, .175);
    --color-sf-primary: rgba(13, 110, 253, 1);
    --color-sf-primary-text-color: #fff;
    --color-sf-primary-light: #316f86;
    --color-sf-primary-lighter: #cfe2ff;
    --color-sf-primary-dark: #3367d1;
    --color-sf-primary-darker: #052c65;
    --color-sf-secondary: rgba(108, 117, 125, 1);
    --color-sf-success: rgba(25, 135, 84, 1);
    --color-sf-info: rgba(13, 202, 240, 1);
    --color-sf-warning: rgba(255, 193, 7, 1);
    --color-sf-danger: rgba(220, 53, 69, 1);
    --color-sf-success-light: #d1e7dd;
    --color-sf-info-light: #cff4fc;
    --color-sf-warning-light: #fff3cd;
    --color-sf-danger-light: #f8d7da;
    --color-sf-success-dark: #0a3622;
    --color-sf-info-dark: #055160;
    --color-sf-warning-dark: #664d03;
    --color-sf-danger-dark: #58151c;
    --color-sf-success-light-alt: #d1e7dd;
    --color-sf-info-light-alt: #cff4fc;
    --color-sf-warning-light-alt: #fff3cd;
    --color-sf-danger-light-alt: #f8d7da;
    --color-sf-primary-shadow: 13, 110, 253;
    --color-sf-secondary-shadow: 108, 117, 125;
    --color-sf-success-shadow: 25, 135, 84;
    --color-sf-info-shadow: 13, 202, 240;
    --color-sf-warning-shadow: 255, 193, 7;
    --color-sf-danger-shadow: 220, 53, 69;
    --color-sf-primary-bg-color: rgb(49 111 134);
    --color-sf-primary-border-color: var(--color-sf-primary);
    --color-sf-primary-text: var(--color-sf-primary-text-color);
    --color-sf-primary-bg-color-hover: #0b5ed7;
    --color-sf-primary-border-color-hover: #0a58ca;
    --color-sf-primary-text-hover: var(--color-sf-primary-text-color);
    --color-sf-primary-bg-color-pressed: #0a58ca;
    --color-sf-primary-border-color-pressed: #0a58ca;
    --color-sf-primary-text-pressed: var(--color-sf-primary-text-color);
    --color-sf-primary-bg-color-focus: var(--color-sf-primary-bg-color-hover);
    --color-sf-primary-border-color-focus: var(--color-sf-primary-border-color-hover);
    --color-sf-primary-text-focus: var(--color-sf-primary-text-hover);
    --color-sf-primary-bg-color-disabled: rgba(13, 110, 253, .65);
    --color-sf-primary-border-color-disabled: var(--color-sf-primary-bg-color-disabled);
    --color-sf-primary-text-disabled: rgba(255, 255, 255, .65);
    --color-sf-secondary-bg-color: var(--color-sf-secondary);
    --color-sf-secondary-border-color: var(--color-sf-secondary-bg-color);
    --color-sf-secondary-text-color: #fff;
    --color-sf-secondary-bg-color-hover: #5c636a;
    --color-sf-secondary-border-color-hover: #565e64;
    --color-sf-secondary-text-color-hover: var(--color-sf-secondary-text-color);
    --color-sf-secondary-bg-color-pressed: #565e64;
    --color-sf-secondary-border-color-pressed: #51585e;
    --color-sf-secondary-text-color-pressed: var(--color-sf-secondary-text-color);
    --color-sf-secondary-bg-color-focus: var(--color-sf-secondary-bg-color-hover);
    --color-sf-secondary-border-color-focus: var(--color-sf-secondary-border-color-hover);
    --color-sf-secondary-text-color-focus: var(--color-sf-secondary-text-color-hover);
    --color-sf-secondary-bg-color-disabled: rgba(108, 117, 125, .65);
    --color-sf-secondary-border-color-disabled: var(--color-sf-secondary-bg-color-disabled);
    --color-sf-secondary-text-color-disabled: rgba(255, 255, 255, .65);
    --color-sf-success-bg-color: var(--color-sf-success);
    --color-sf-success-border-color: var(--color-sf-success-bg-color);
    --color-sf-success-text: #fff;
    --color-sf-success-bg-color-hover: #157347;
    --color-sf-success-border-color-hover: #146c43;
    --color-sf-success-text-hover: var(--color-sf-success-text);
    --color-sf-success-bg-color-pressed: #146c43;
    --color-sf-success-border-color-pressed: #13653f;
    --color-sf-success-text-pressed: var(--color-sf-success-text);
    --color-sf-success-bg-color-focus: var(--color-sf-success-bg-color-hover);
    --color-sf-success-border-color-focus: var(--color-sf-success-bg-color-focus);
    --color-sf-success-text-focus: var(--color-sf-success-text);
    --color-sf-success-bg-color-disabled: rgba(25, 135, 84, .65);
    --color-sf-success-border-color-disabled: var(--color-sf-success-bg-color-disabled);
    --color-sf-success-text-disabled: rgba(255, 255, 255, .65);
    --color-sf-warning-bg-color: var(--color-sf-warning);
    --color-sf-warning-border-color: var(--color-sf-warning-bg-color);
    --color-sf-warning-text: #000;
    --color-sf-warning-bg-color-hover: #ffca2c;
    --color-sf-warning-border-color-hover: #ffc720;
    --color-sf-warning-text-hover: var(--color-sf-warning-text);
    --color-sf-warning-bg-color-pressed: #ffcd39;
    --color-sf-warning-border-color-pressed: #ffc720;
    --color-sf-warning-text-pressed: var(--color-sf-warning-text);
    --color-sf-warning-bg-color-focus: var(--color-sf-warning-bg-color-hover);
    --color-sf-warning-border-color-focus: var(--color-sf-warning-bg-color-focus);
    --color-sf-warning-text-focus: var(--color-sf-warning-text);
    --color-sf-warning-bg-color-disabled: rgba(255, 193, 7, .65);
    --color-sf-warning-border-color-disabled: var(--color-sf-warning-bg-color-disabled);
    --color-sf-warning-text-disabled: rgba(0, 0, 0, .65);
    --color-sf-info-bg-color: var(--color-sf-info);
    --color-sf-info-border-color: var(--color-sf-info-bg-color);
    --color-sf-info-text: #000;
    --color-sf-info-bg-color-hover: #31d2f2;
    --color-sf-info-border-color-hover: #25cff2;
    --color-sf-info-text-hover: var(--color-sf-info-text);
    --color-sf-info-bg-color-pressed: #3dd5f3;
    --color-sf-info-border-color-pressed: #25cff2;
    --color-sf-info-text-pressed: var(--color-sf-info-text);
    --color-sf-info-bg-color-focus: var(--color-sf-info-bg-color-hover);
    --color-sf-info-border-color-focus: var(--color-sf-info-bg-color-focus);
    --color-sf-info-text-focus: var(--color-sf-info-text-hover);
    --color-sf-info-bg-color-disabled: rgba(13, 202, 240, .65);
    --color-sf-info-border-color-disabled: var(--color-sf-info-bg-color-disabled);
    --color-sf-info-text-disabled: rgba(0, 0, 0, .65);
    --color-sf-danger-bg-color: var(--color-sf-danger);
    --color-sf-danger-border-color: var(--color-sf-danger-bg-color);
    --color-sf-danger-text: #fff;
    --color-sf-danger-bg-color-hover: #bb2d3b;
    --color-sf-danger-border-color-hover: #b02a37;
    --color-sf-danger-text-hover: var(--color-sf-danger-text);
    --color-sf-danger-bg-color-pressed: #b02a37;
    --color-sf-danger-border-color-pressed: #a52834;
    --color-sf-danger-text-pressed: var(--color-sf-danger-text);
    --color-sf-danger-bg-color-focus: var(--color-sf-danger-bg-color-hover);
    --color-sf-danger-border-color-focus: var(--color-sf-danger-bg-color-focus);
    --color-sf-danger-text-focus: var(--color-sf-danger-text-hover);
    --color-sf-danger-bg-color-disabled: rgba(220, 53, 69, .65);
    --color-sf-danger-border-color-disabled: var(--color-sf-danger-bg-color-disabled);
    --color-sf-danger-text-disabled: rgba(255, 255, 255, .65);
    --color-sf-primary-outline: var(--color-sf-primary-bg-color);
    --color-sf-secondary-outline: var(--color-sf-secondary-bg-color);
    --color-sf-warning-outline: var(--color-sf-warning-bg-color);
    --color-sf-danger-outline: var(--color-sf-danger-bg-color);
    --color-sf-success-outline: var(--color-sf-success-bg-color);
    --color-sf-info-outline: var(--color-sf-info-bg-color);
    --color-sf-tooltip-bg-color: rgba(0, 0, 0, .9);
    --color-sf-tooltip-border: var(--color-sf-tooltip-bg-color);
    --color-sf-tooltip-text-color: #fff;
    --color-sf-appbar-bg-color-alt1: var(--color-sf-content-bg-color-alt1);
    --color-sf-appbar-color-alt1: var(--color-sf-content-text-color);
    --color-sf-appbar-border-color-alt1: var(--color-sf-appbar-bg-color-alt1);
    --color-sf-appbar-hover-bg-color-alt1: transparent;
    --color-sf-appbar-bg-color-alt2: #212529;
    --color-sf-appbar-color-alt2: #fff;
    --color-sf-appbar-border-color-alt2: var(--color-sf-appbar-bg-color-alt2);
    --color-sf-appbar-hover-bg-color-alt2: transparent;
    --color-sf-diagram-palette-background: #fff;
    --color-sf-diagram-palette-hover-background: var(--color-sf-content-bg-color-hover);
    --color-sf-diagram-palette-selected-color: #e9ecef;
    --color-sf-rating-selected-color: var(--color-sf-primary);
    --color-sf-rating-unrated-color: #6c757d;
    --color-sf-rating-selected-disabled-color: #adb5bd;
    --color-sf-rating-unrated-disabled-color: #ced4da;
    --color-sf-rating-selected-hover-color: #63757d;
    --color-sf-rating-unrated-hover-color: var(--color-sf-primary);
    --color-sf-rating-pressed-color: #599bfe;
    --color-sf-msg-color: #2b2f32;
    --color-sf-msg-bg-color: #e2e3e5;
    --color-sf-msg-border-color: #c4c8cb;
    --color-sf-msg-color-alt1: var(--color-sf-msg-color);
    --color-sf-msg-bg-color-alt1: transparent;
    --color-sf-msg-border-color-alt1: var(--color-sf-msg-border-color);
    --color-sf-msg-color-alt2: #fff;
    --color-sf-msg-bg-color-alt2: #6c757d;
    --color-sf-msg-border-color-alt2: var(--color-sf-msg-bg-color-alt2);
    --color-sf-msg-icon-color: var(--color-sf-msg-color);
    --color-sf-msg-icon-color-alt1: var(--color-sf-msg-color);
    --color-sf-msg-icon-color-alt2: #fff;
    --color-sf-msg-close-icon-color: var(--color-sf-close-icon-color);
    --color-sf-msg-close-icon-color-alt1: var(--color-sf-close-icon-color);
    --color-sf-msg-close-icon-color-alt2: #fff;
    --color-sf-msg-danger-color: #58151c;
    --color-sf-msg-danger-bg-color: #f8d7da;
    --color-sf-msg-danger-border-color: #f1aeb5;
    --color-sf-msg-danger-color-alt1: var(--color-sf-msg-danger-color);
    --color-sf-msg-danger-bg-color-alt1: transparent;
    --color-sf-msg-danger-border-color-alt1: var(--color-sf-msg-danger-border-color);
    --color-sf-msg-danger-color-alt2: #fff;
    --color-sf-msg-danger-bg-color-alt2: #dc3545;
    --color-sf-msg-danger-border-color-alt2: var(--color-sf-msg-danger-bg-color-alt2);
    --color-sf-msg-danger-icon-color: var(--color-sf-msg-danger-color);
    --color-sf-msg-danger-icon-color-alt1: var(--color-sf-msg-danger-color);
    --color-sf-msg-danger-icon-color-alt2: #fff;
    --color-sf-msg-danger-close-icon-color: var(--color-sf-close-icon-color);
    --color-sf-msg-danger-close-icon-color-alt1: var(--color-sf-close-icon-color);
    --color-sf-msg-danger-close-icon-color-alt2: #fff;
    --color-sf-msg-success-color: #0a3622;
    --color-sf-msg-success-bg-color: #d1e7dd;
    --color-sf-msg-success-border-color: #a3cfbb;
    --color-sf-msg-success-color-alt1: var(--color-sf-msg-success-color);
    --color-sf-msg-success-bg-color-alt1: transparent;
    --color-sf-msg-success-border-color-alt1: var(--color-sf-msg-success-border-color);
    --color-sf-msg-success-color-alt2: #fff;
    --color-sf-msg-success-bg-color-alt2: #198754;
    --color-sf-msg-success-border-color-alt2: var(--color-sf-msg-success-bg-color-alt2);
    --color-sf-msg-success-icon-color: var(--color-sf-msg-success-color);
    --color-sf-msg-success-icon-color-alt1: var(--color-sf-msg-success-color);
    --color-sf-msg-success-icon-color-alt2: #fff;
    --color-sf-msg-success-close-icon-color: var(--color-sf-close-icon-color);
    --color-sf-msg-success-close-icon-color-alt1: var(--color-sf-close-icon-color);
    --color-sf-msg-success-close-icon-color-alt2: #fff;
    --color-sf-msg-warning-color: #664d03;
    --color-sf-msg-warning-bg-color: #fff3cd;
    --color-sf-msg-warning-border-color: #ffe69c;
    --color-sf-msg-warning-color-alt1: var(--color-sf-msg-warning-color);
    --color-sf-msg-warning-bg-color-alt1: transparent;
    --color-sf-msg-warning-border-color-alt1: var(--color-sf-msg-warning-border-color);
    --color-sf-msg-warning-color-alt2: #212529;
    --color-sf-msg-warning-bg-color-alt2: #ffc107;
    --color-sf-msg-warning-border-color-alt2: var(--color-sf-msg-warning-bg-color-alt2);
    --color-sf-msg-warning-icon-color: var(--color-sf-msg-warning-color);
    --color-sf-msg-warning-icon-color-alt1: var(--color-sf-msg-warning-color);
    --color-sf-msg-warning-icon-color-alt2: #212529;
    --color-sf-msg-warning-close-icon-color: var(--color-sf-close-icon-color);
    --color-sf-msg-warning-close-icon-color-alt1: var(--color-sf-close-icon-color);
    --color-sf-msg-warning-close-icon-color-alt2: #212529;
    --color-sf-msg-info-color: #055160;
    --color-sf-msg-info-bg-color: #cff4fc;
    --color-sf-msg-info-border-color: #9eeaf9;
    --color-sf-msg-info-color-alt1: var(--color-sf-msg-info-color);
    --color-sf-msg-info-bg-color-alt1: transparent;
    --color-sf-msg-info-border-color-alt1: var(--color-sf-msg-info-border-color);
    --color-sf-msg-info-color-alt2: #212529;
    --color-sf-msg-info-bg-color-alt2: #0dcaf0;
    --color-sf-msg-info-border-color-alt2: var(--color-sf-msg-info-bg-color-alt2);
    --color-sf-msg-info-icon-color: var(--color-sf-msg-info-color);
    --color-sf-msg-info-icon-color-alt1: var(--color-sf-msg-info-color);
    --color-sf-msg-info-icon-color-alt2: #212529;
    --color-sf-msg-info-close-icon-color: var(--color-sf-close-icon-color);
    --color-sf-msg-info-close-icon-color-alt1: var(--color-sf-close-icon-color);
    --color-sf-msg-info-close-icon-color-alt2: #212529;
    --color-sf-badge-light-bg-color: #faf9fa;
    --color-sf-badge-light-border-color: #faf9fa;
    --color-sf-badge-light-text-color: #000;
    --color-sf-badge-dark-bg-color: #212529;
    --color-sf-badge-dark-border-color: #212529;
    --color-sf-badge-dark-text-color: #fff;
    --color-sf-tab-border: #e9ecef;
    --color-sf-stepper: #fff;
    --color-sf-shadow-color: #000;
    --color-sf-shadow-color1: #fff;
}


html, body {
    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
}

body {
    height: 100%;
    overflow-y: auto;
}

a, .btn-link {
    color: #006bb7;
}

.btn-primary {
    color: #fff;
    background-color: #083a4d;
    border-color: #083a4d;
}

.btn:focus, .btn:active:focus, .btn-link.nav-link:focus, .form-control:focus, .form-check-input:focus {
    box-shadow: 0 0 0 0.1rem white, 0 0 0 0.25rem #083a4d;
}

.content {
    padding-top: 1.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+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;
}

.card.card-full-height .card-body > div {
    height: calc(100% - 40px);
    border-bottom: 1px solid #e3e3e3;
}


::webkit-scrollbar-button {
    display: none;
}

::-webkit-scrollbar-button {
    height: 0;
    width: 0
}

::-moz-scrollbar-button, ::-webkit-scrollbar-button {
    width: 0px;
}

    ::-moz-scrollbar-button:decrement,
    ::-moz-scrollbar-button:increment,
    ::-webkit-scrollbar-button:decrement,
    ::-webkit-scrollbar-button:increment {
        width: 0px;
    }
/* Chrome, Edge and Safari */
*::-webkit-scrollbar {
    height: 6px;
    width: 6px;
}

*::-webkit-scrollbar-track {
    border-radius: 6px;
    background-color: transparent;
}

    *::-webkit-scrollbar-track:hover {
        background-color: transparent;
    }

    *::-webkit-scrollbar-track:active {
        background-color: transparent;
    }

*::-webkit-scrollbar-thumb {
    border-radius: 6px;
    background-color: rgba(190, 202, 216,0.6);
}

    *::-webkit-scrollbar-thumb:hover {
        background-color: #BECAD8;
    }

    *::-webkit-scrollbar-thumb:active {
        background-color: #BECAD8;
    }

.e-aiassistview {
    border: 1px solid;
    position: relative
}

    .e-aiassistview.e-assist-tab-header-disabled .e-view-header {
        display: none
    }

    .e-aiassistview .e-view-header {
        height: 46px;
        border-bottom: 1px solid
    }

        .e-aiassistview .e-view-header .e-toolbar-item {
            position: relative
        }

            .e-aiassistview .e-view-header .e-toolbar-item::after {
                content: "";
                position: absolute;
                bottom: 0;
                left: 50%;
                transform: translateX(-50%);
                height: 3px;
                width: 100%;
                border-radius: 4px
            }

            .e-aiassistview .e-view-header .e-toolbar-item.e-assist-view-header, .e-aiassistview .e-view-header .e-toolbar-item.e-custom-view-header {
                padding: 0
            }

                .e-aiassistview .e-view-header .e-toolbar-item.e-assist-view-header .e-tbar-btn, .e-aiassistview .e-view-header .e-toolbar-item.e-custom-view-header .e-tbar-btn {
                    padding: 0
                }

                    .e-aiassistview .e-view-header .e-toolbar-item.e-assist-view-header .e-tbar-btn .e-btn-icon, .e-aiassistview .e-view-header .e-toolbar-item.e-custom-view-header .e-tbar-btn .e-btn-icon {
                        padding: 4px 4px 4px 2px
                    }

            .e-aiassistview .e-view-header .e-toolbar-item.e-active .e-btn {
                cursor: pointer
            }

        .e-aiassistview .e-view-header .e-toolbar .e-toolbar-items .e-toolbar-left {
            height: 45px
        }

    .e-aiassistview .e-view-container, .e-aiassistview .e-footer, .e-aiassistview .e-upload-failure-alert {
        width: max(70%,425px)
    }

    .e-aiassistview .e-view-container {
        margin: auto auto 10px
    }

    .e-aiassistview .e-prompt-content {
        display: flex;
        align-items: center;
        max-width: 100%
    }

    .e-aiassistview .e-prompt-toolbar {
        width: 100%
    }

    .e-aiassistview .e-view-content {
        height: calc(100% - 46px);
        display: flex;
        flex-direction: column
    }

        .e-aiassistview .e-view-content .e-upload-failure-alert {
            transition: opacity .5s ease-in-out;
            opacity: 0;
            padding: 12px;
            border-radius: 4px;
            display: flex;
            align-items: center;
            align-self: center;
            justify-content: space-between;
            margin-bottom: 8px
        }

            .e-aiassistview .e-view-content .e-upload-failure-alert .e-assist-clear-icon {
                font-size: 16px;
                line-height: 16px;
                cursor: pointer
            }

            .e-aiassistview .e-view-content .e-upload-failure-alert .e-failure-message {
                font-size: 14px;
                line-height: 22px;
                margin-right: auto
            }

            .e-aiassistview .e-view-content .e-upload-failure-alert .e-assist-circle-close {
                font-size: 16px;
                margin-right: 8px
            }

            .e-aiassistview .e-view-content .e-upload-failure-alert.e-show {
                opacity: 1
            }

    .e-aiassistview .e-output {
        gap: 2px;
        width: inherit;
        margin-bottom: 5px
    }

    .e-aiassistview .e-prompt-toolbar .e-toolbar .e-toolbar-items:not(.e-tbar-pos):not(.e-toolbar-multirow) .e-toolbar-item:first-child {
        margin-left: 0
    }

    .e-aiassistview .e-view-header .e-toolbar .e-toolbar-items .e-toolbar-item.e-assist-view-header, .e-aiassistview .e-view-header .e-toolbar .e-toolbar-items .e-toolbar-item.e-custom-view-header {
        margin-left: 12px
    }

    .e-aiassistview .e-view-header .e-toolbar.e-rtl .e-toolbar-items .e-toolbar-item.e-assist-view-header, .e-aiassistview .e-view-header .e-toolbar.e-rtl .e-toolbar-items .e-toolbar-item.e-custom-view-header {
        margin-right: 12px;
        margin-left: 0
    }

    .e-aiassistview .e-view-header .e-toolbar.e-rtl .e-toolbar-items:first-child > .e-toolbar-right .e-toolbar-item:last-child {
        margin-left: 8px;
        margin-right: 0
    }

    .e-aiassistview .e-view-header .e-toolbar.e-rtl .e-toolbar-items:first-child > .e-toolbar-item:last-child:last-child {
        margin-left: 8px
    }

    .e-aiassistview .e-view-header .e-toolbar .e-toolbar-item.e-assist-view-header .e-tbar-btn .e-tbar-btn-text, .e-aiassistview .e-view-header .e-toolbar .e-toolbar-item.e-custom-view-header .e-tbar-btn .e-tbar-btn-text {
        padding: 6px 2px
    }

    .e-aiassistview .e-output-container {
        width: 90%;
        display: flex;
        align-self: flex-start;
        margin: 10px 0
    }

    .e-aiassistview .e-prompt-icon {
        margin: 0 0 0 8px;
        min-height: 30px
    }

    .e-aiassistview .e-output-icon {
        height: 30px;
        margin: 0 4px 0 8px
    }

    .e-aiassistview .e-prompt-icon, .e-aiassistview .e-output-icon {
        border-radius: 50%;
        min-width: 30px
    }

    .e-aiassistview .e-loading-body, .e-aiassistview .e-content-body, .e-aiassistview .e-loading-footer {
        padding: 2px 0 0 6px
    }

    .e-aiassistview .e-content-container {
        margin-top: 16px;
        font-size: 14px;
        justify-content: space-between
    }

    .e-aiassistview .e-prompt-text {
        white-space: pre-wrap;
        height: fit-content;
        border-radius: 4px;
        padding: 5px 8px;
        line-height: 20px
    }

    .e-aiassistview .e-content-footer, .e-aiassistview .e-prompt-toolbar {
        opacity: 0
    }

    .e-aiassistview .e-prompt-container {
        gap: 2px;
        align-self: flex-end;
        max-width: 70%;
        margin-bottom: 5px;
        flex-direction: column
    }

        .e-aiassistview .e-prompt-container:hover .e-assist-edit-icon {
            opacity: 1;
            cursor: pointer
        }

    .e-aiassistview .e-suggestion-header {
        font-size: 14px;
        font-weight: 700;
        margin: 0 2px 8px 8px;
        text-align: right
    }

    .e-aiassistview .e-suggestions {
        width: 100%
    }

        .e-aiassistview .e-suggestions.e-suggestion-item-template li {
            padding: 0
        }

        .e-aiassistview .e-suggestions ul {
            list-style-type: none;
            padding: 0;
            margin: 0;
            display: flex;
            flex-wrap: wrap;
            justify-content: flex-end
        }

        .e-aiassistview .e-suggestions li {
            line-height: 20px;
            font-weight: 400;
            padding: 7px 12px;
            margin: 0 0 12px 12px;
            border-radius: 8px;
            cursor: pointer;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis
        }

    .e-aiassistview .e-views {
        display: flex;
        justify-content: space-around
    }

        .e-aiassistview .e-views .e-content-body {
            line-height: 25px;
            border-radius: 4px
        }

            .e-aiassistview .e-views .e-content-body h1, .e-aiassistview .e-views .e-content-body h2, .e-aiassistview .e-views .e-content-body h3, .e-aiassistview .e-views .e-content-body h4, .e-aiassistview .e-views .e-content-body h5, .e-aiassistview .e-views .e-content-body h6 {
                font-weight: 600
            }

            .e-aiassistview .e-views .e-content-body h4, .e-aiassistview .e-views .e-content-body h5 {
                line-height: 28px
            }

            .e-aiassistview .e-views .e-content-body h1 {
                font-size: 32px;
                line-height: 40px
            }

            .e-aiassistview .e-views .e-content-body h2 {
                font-size: 28px;
                line-height: 36px
            }

            .e-aiassistview .e-views .e-content-body h3 {
                font-size: 24px;
                line-height: 32px
            }

            .e-aiassistview .e-views .e-content-body h4 {
                font-size: 22px
            }

            .e-aiassistview .e-views .e-content-body h5 {
                font-size: 20px
            }

            .e-aiassistview .e-views .e-content-body h6 {
                font-size: 16px;
                line-height: 20px
            }

            .e-aiassistview .e-views .e-content-body li {
                line-height: 24.5px
            }

            .e-aiassistview .e-views .e-content-body pre {
                padding: 12px 0 12px 12px;
                white-space: pre-wrap;
                position: relative
            }

                .e-aiassistview .e-views .e-content-body pre span.e-code-copy {
                    position: absolute;
                    right: 10px;
                    cursor: pointer
                }

            .e-aiassistview .e-views .e-content-body tbody, .e-aiassistview .e-views .e-content-body td, .e-aiassistview .e-views .e-content-body tfoot, .e-aiassistview .e-views .e-content-body th, .e-aiassistview .e-views .e-content-body thead, .e-aiassistview .e-views .e-content-body tr {
                padding: 6px
            }

            .e-aiassistview .e-views .e-content-body thead, .e-aiassistview .e-views .e-content-body td {
                text-align: center
            }

            .e-aiassistview .e-views .e-content-body blockquote {
                font-style: italic;
                padding-left: 7px
            }

            .e-aiassistview .e-views .e-content-body img, .e-aiassistview .e-views .e-content-body svg {
                height: inherit;
                width: 100%;
                padding: 12px;
                border-radius: 4px
            }

            .e-aiassistview .e-views .e-content-body table {
                border-collapse: collapse;
                border-spacing: 0
            }

            .e-aiassistview .e-views .e-content-body code:not(pre code) {
                border-radius: 4px;
                padding: 0 4px
            }

            .e-aiassistview .e-views .e-content-body > *:first-child {
                margin-block-start: 0
            }

    .e-aiassistview .e-views, .e-aiassistview .e-custom-view, .e-aiassistview .e-assistview-content-section {
        height: 100%;
        overflow: scroll
    }

        .e-aiassistview .e-views::-webkit-scrollbar, .e-aiassistview .e-custom-view::-webkit-scrollbar, .e-aiassistview .e-assistview-content-section::-webkit-scrollbar {
            width: 6px;
            height: 6px
        }

        .e-aiassistview .e-views::-webkit-scrollbar-thumb, .e-aiassistview .e-custom-view::-webkit-scrollbar-thumb, .e-aiassistview .e-assistview-content-section::-webkit-scrollbar-thumb {
            border-radius: 10px
        }

        .e-aiassistview .e-views::-webkit-scrollbar-corner, .e-aiassistview .e-custom-view::-webkit-scrollbar-corner, .e-aiassistview .e-assistview-content-section::-webkit-scrollbar-corner {
            background-color: rgba(0,0,0,0)
        }

    .e-aiassistview .e-footer {
        position: relative;
        margin: 0 auto 24px
    }

        .e-aiassistview .e-footer .e-assist-clear-icon:not(.e-assist-clear-icon-hide) {
            display: flex;
            justify-content: flex-end
        }

        .e-aiassistview .e-footer .e-assist-clear-icon-hide {
            display: none
        }

        .e-aiassistview .e-footer .e-assist-textarea::-webkit-scrollbar-thumb {
            border-radius: 10px
        }

        .e-aiassistview .e-footer .e-assist-textarea::-webkit-scrollbar {
            width: 4px
        }

        .e-aiassistview .e-footer .hide-scrollbar .e-assist-textarea {
            scrollbar-width: none
        }

        .e-aiassistview .e-footer .e-footer-icons-wrapper {
            display: flex;
            align-items: center;
            gap: 8px;
            padding: 5px 8px 5px 0
        }

            .e-aiassistview .e-footer .e-footer-icons-wrapper .e-assist-attachment-icon {
                font-size: 14px
            }

            .e-aiassistview .e-footer .e-footer-icons-wrapper .e-icons {
                cursor: pointer
            }

        .e-aiassistview .e-footer .e-assist-textarea {
            height: 100%;
            width: 100%;
            min-height: 34px;
            outline: none;
            overflow-y: auto;
            max-height: 280px;
            line-height: 22px;
            padding: 5px 8px;
            font-size: 14px
        }

            .e-aiassistview .e-footer .e-assist-textarea[placeholder]:empty::before {
                content: attr(placeholder)
            }

        .e-aiassistview .e-footer:not(.e-footer-template) {
            display: flex;
            flex-direction: column;
            border-radius: 6px
        }

            .e-aiassistview .e-footer:not(.e-footer-template).expanded .e-textarea-icons-wrapper {
                display: block
            }

                .e-aiassistview .e-footer:not(.e-footer-template).expanded .e-textarea-icons-wrapper .e-footer-icons-wrapper {
                    justify-content: end
                }

                .e-aiassistview .e-footer:not(.e-footer-template).expanded .e-textarea-icons-wrapper .e-assist-textarea {
                    width: 100%
                }

            .e-aiassistview .e-footer:not(.e-footer-template) .e-assist-send {
                font-size: 14px
            }

            .e-aiassistview .e-footer:not(.e-footer-template) .e-assist-clear-icon:not(.e-assist-clear-icon-hide) {
                font-size: 14px
            }

            .e-aiassistview .e-footer:not(.e-footer-template) .e-assist-send.disabled {
                pointer-events: none;
                opacity: .5;
                cursor: not-allowed
            }

            .e-aiassistview .e-footer:not(.e-footer-template) .e-assist-send.enabled {
                pointer-events: auto;
                opacity: 1;
                cursor: pointer
            }

            .e-aiassistview .e-footer:not(.e-footer-template) .e-textarea-icons-wrapper {
                display: flex;
                flex-direction: row
            }

        .e-aiassistview .e-footer .e-hidden-textarea {
            display: none
        }

    .e-aiassistview .e-banner-view {
        margin-left: 10px
    }

    .e-aiassistview .e-header-icon, .e-aiassistview .e-prompt-icon, .e-aiassistview .e-output-icon {
        background-size: contain;
        background-repeat: no-repeat;
        background-position: center
    }

    .e-aiassistview .content-header, .e-aiassistview .e-content-container, .e-aiassistview .e-output, .e-aiassistview .e-content {
        display: flex;
        flex-direction: column
    }

    .e-aiassistview .e-stop-response {
        opacity: 0;
        pointer-events: none;
        cursor: not-allowed;
        gap: 9px;
        align-self: center;
        width: max-content;
        border-radius: 30px;
        border: 1px solid
    }

        .e-aiassistview .e-stop-response.e-btn-active {
            height: 40px;
            margin-bottom: 16px;
            padding: 11px 16px;
            line-height: 18px;
            font-weight: 400;
            font-size: 14px;
            opacity: 1;
            pointer-events: auto;
            cursor: pointer
        }

    .e-aiassistview .e-prompt-icon, .e-aiassistview .e-output-icon, .e-aiassistview .e-assist-edit-icon, .e-aiassistview .e-stop-response {
        justify-content: center
    }

    .e-aiassistview .e-prompt-icon, .e-aiassistview .e-output-icon, .e-aiassistview .e-assist-edit-icon, .e-aiassistview .e-prompt-container, .e-aiassistview .e-stop-response {
        display: flex;
        align-items: center
    }

        .e-aiassistview .e-content-footer.e-assist-toolbar-active, .e-aiassistview .e-output-container:hover .e-content-footer, .e-aiassistview .e-output-container:has(:focus-visible) .e-content-footer, .e-aiassistview .e-prompt-container:hover .e-prompt-toolbar, .e-aiassistview .e-prompt-container:has(:focus-visible) .e-prompt-toolbar {
            opacity: 1;
            transition: opacity .3s
        }

        .e-aiassistview .e-views .e-content-body:focus-visible, .e-aiassistview .e-views .e-content-container .e-prompt-text:focus-visible, .e-aiassistview .e-views .e-suggestions li:focus-visible, .e-aiassistview .e-footer:not(.e-footer-template) .e-assist-send:not(.disabled):focus-visible, .e-aiassistview .e-stop-response:focus-visible {
            outline: 1px solid
        }

    .e-aiassistview.e-rtl .e-view-header .e-toolbar-item.e-assist-view-header .e-tbar-btn .e-btn-icon, .e-aiassistview.e-rtl .e-view-header .e-toolbar-item.e-custom-view-header .e-tbar-btn .e-btn-icon {
        padding: 4px 2px 4px 4px
    }

    .e-aiassistview.e-rtl .e-suggestion-header {
        text-align: left;
        margin: 0 8px 8px 2px
    }

    .e-aiassistview.e-rtl .e-suggestions li {
        margin: 0 12px 12px 0
    }

    .e-aiassistview.e-rtl .e-views .e-content-body blockquote {
        padding-left: unset;
        border-left: unset;
        padding-right: 7px
    }

    .e-aiassistview.e-rtl .e-views .e-content-body pre span.e-code-copy {
        right: unset;
        left: 10px
    }

    .e-aiassistview.e-rtl .e-loading-body, .e-aiassistview.e-rtl .e-content-body, .e-aiassistview.e-rtl .e-loading-footer {
        padding: 2px 6px 0 0
    }

    .e-aiassistview.e-rtl .e-prompt-icon {
        margin: 0 8px 0 0
    }

    .e-aiassistview.e-rtl .e-output-icon {
        margin: 0 8px 0 4px
    }

    .e-aiassistview.e-rtl .e-footer .e-footer-icons-wrapper {
        padding: 5px 0 5px 8px;
        padding-right: unset
    }

    .e-aiassistview .e-footer-icons-wrapper .e-upload {
        display: none
    }

    .e-aiassistview .e-prompt-content .e-prompt-uploaded-files:has(.e-assist-uploaded-file-item) {
        align-self: flex-end;
        border-radius: 4px;
        padding: 8px;
        margin-bottom: 4px
    }

    .e-aiassistview .e-footer .e-assist-drop-area::-webkit-scrollbar, .e-aiassistview .e-prompt-content .e-prompt-uploaded-files::-webkit-scrollbar {
        display: none
    }

    .e-aiassistview .e-footer .e-assist-drop-area:has(.e-assist-uploaded-file-item) {
        margin: 2px
    }

    .e-aiassistview .e-footer .e-assist-drop-area, .e-aiassistview .e-prompt-content .e-prompt-uploaded-files {
        display: flex;
        overflow-x: auto;
        white-space: nowrap;
        -ms-overflow-style: none;
        scrollbar-width: none;
        max-width: inherit
    }

        .e-aiassistview .e-footer .e-assist-drop-area .e-assist-uploaded-file-item, .e-aiassistview .e-prompt-content .e-prompt-uploaded-files .e-assist-uploaded-file-item {
            display: flex;
            margin: 4px 6px 8px;
            flex-direction: row;
            border-radius: 4px;
            position: relative;
            align-items: center;
            width: fit-content
        }

            .e-aiassistview .e-footer .e-assist-drop-area .e-assist-uploaded-file-item:not(:has(.e-assist-clear-icon)) .e-assist-file-details, .e-aiassistview .e-prompt-content .e-prompt-uploaded-files .e-assist-uploaded-file-item:not(:has(.e-assist-clear-icon)) .e-assist-file-details {
                padding-right: 12px
            }

        .e-aiassistview .e-footer .e-assist-drop-area .e-assist-file-format-icon, .e-aiassistview .e-prompt-content .e-prompt-uploaded-files .e-assist-file-format-icon {
            padding: 3px;
            font-size: 24px
        }

        .e-aiassistview .e-footer .e-assist-drop-area .e-assist-file-details, .e-aiassistview .e-prompt-content .e-prompt-uploaded-files .e-assist-file-details {
            display: flex;
            flex-direction: column;
            padding: 3px 0 3px 2px
        }

        .e-aiassistview .e-footer .e-assist-drop-area .e-assist-file-name, .e-aiassistview .e-prompt-content .e-prompt-uploaded-files .e-assist-file-name {
            font-weight: 400
        }

        .e-aiassistview .e-footer .e-assist-drop-area .e-assist-file-name, .e-aiassistview .e-footer .e-assist-drop-area .e-assist-file-size, .e-aiassistview .e-prompt-content .e-prompt-uploaded-files .e-assist-file-name, .e-aiassistview .e-prompt-content .e-prompt-uploaded-files .e-assist-file-size {
            font-size: 10px;
            line-height: 16px
        }

        .e-aiassistview .e-footer .e-assist-drop-area .e-assist-clear-icon, .e-aiassistview .e-prompt-content .e-prompt-uploaded-files .e-assist-clear-icon {
            cursor: pointer;
            font-weight: bold;
            padding: 12px 8px 12px 4px;
            border-radius: 6px
        }

        .e-aiassistview .e-footer .e-assist-drop-area .e-assist-progress-bar, .e-aiassistview .e-prompt-content .e-prompt-uploaded-files .e-assist-progress-bar {
            width: 100%;
            border-radius: 4px;
            overflow: hidden;
            position: absolute;
            bottom: 0;
            left: 0
        }

        .e-aiassistview .e-footer .e-assist-drop-area .e-assist-progress-fill, .e-aiassistview .e-prompt-content .e-prompt-uploaded-files .e-assist-progress-fill {
            height: 3px;
            width: 20%;
            transition: width .3s
        }

    .e-aiassistview .e-prompt-details:has(.e-prompt-uploaded-files) {
        display: flex;
        flex-direction: column
    }

        .e-aiassistview .e-prompt-details:has(.e-prompt-uploaded-files) .e-prompt-text {
            align-self: flex-end
        }

@media(max-width: 760px) {
    .e-aiassistview .e-view-container {
        width: 100%
    }

    .e-aiassistview .e-footer, .e-aiassistview .e-upload-failure-alert {
        width: calc(100% - 10px)
    }

    .e-aiassistview .e-view-container .e-suggestions, .e-aiassistview .e-prompt-content {
        padding-right: 8px
    }

    .e-aiassistview.e-rtl .e-view-container .e-suggestions, .e-aiassistview.e-rtl .e-prompt-content {
        padding: 0 0 0 8px
    }
}

.e-aiassistview {
    border-color: var(--color-sf-border);
    background-color: var(--color-sf-content-bg-color)
}

    .e-aiassistview .e-view-content {
        color: var(--color-sf-content-text-color)
    }

    .e-aiassistview .e-view-header {
        border-bottom-color: var(--color-sf-border)
    }

        .e-aiassistview .e-view-header .e-toolbar-item::after {
            background-color: rgba(0,0,0,0)
        }

        .e-aiassistview .e-view-header .e-toolbar, .e-aiassistview .e-view-header .e-toolbar-items, .e-aiassistview .e-view-header .e-tbar-btn {
            background: var(--color-sf-content-bg-color)
        }

        .e-aiassistview .e-view-header .e-toolbar-item.e-active::after {
            background-color: var(--color-sf-primary-bg-color)
        }

        .e-aiassistview .e-view-header .e-toolbar-item.e-custom-view-header .e-btn:active, .e-aiassistview .e-view-header .e-toolbar-item.e-custom-view-header .e-btn:hover, .e-aiassistview .e-view-header .e-toolbar-item.e-custom-view-header .e-btn:focus, .e-aiassistview .e-view-header .e-toolbar-item.e-assist-view-header .e-btn:active, .e-aiassistview .e-view-header .e-toolbar-item.e-assist-view-header .e-btn:hover, .e-aiassistview .e-view-header .e-toolbar-item.e-assist-view-header .e-btn:focus {
            background: rgba(0,0,0,0);
            border-color: rgba(0,0,0,0)
        }

        .e-aiassistview .e-view-header .e-toolbar-item.e-custom-view-header .e-tbar-btn, .e-aiassistview .e-view-header .e-toolbar-item.e-assist-view-header .e-tbar-btn {
            background: rgba(0,0,0,0)
        }

            .e-aiassistview .e-view-header .e-toolbar-item.e-custom-view-header .e-tbar-btn:focus, .e-aiassistview .e-view-header .e-toolbar-item.e-assist-view-header .e-tbar-btn:focus {
                box-shadow: none
            }

            .e-aiassistview .e-view-header .e-toolbar-item.e-custom-view-header .e-tbar-btn:focus-visible, .e-aiassistview .e-view-header .e-toolbar-item.e-assist-view-header .e-tbar-btn:focus-visible {
                box-shadow: 0 0 0 4px rgba(var(--color-sf-secondary-shadow), 0.5)
            }

    .e-aiassistview .e-suggestion-header {
        color: var(--color-sf-content-text-color)
    }

    .e-aiassistview .e-suggestions li {
        color: var(--color-sf-content-text-color);
        box-shadow: 0 .8px 16px rgba(var(--color-sf-black), 0.15);
        border: none
    }

    .e-aiassistview .e-prompt-icon, .e-aiassistview .e-output-icon {
        border: 1px solid var(--color-sf-content-bg-color);
        color: var(--color-sf-icon-color);
        background-color: var(--color-sf-content-bg-color-alt2)
    }

    .e-aiassistview .e-prompt-text {
        background: var(--color-sf-flyout-border);
        color: var(--color-sf-content-text-color);
        border: none
    }

    .e-aiassistview .e-views .e-content-body {
        color: var(--color-sf-content-text-color)
    }

        .e-aiassistview .e-views .e-content-body a {
            color: #0a53ac
        }

        .e-aiassistview .e-views .e-content-body pre {
            background: var(--color-sf-flyout-border)
        }

        .e-aiassistview .e-views .e-content-body tbody, .e-aiassistview .e-views .e-content-body td, .e-aiassistview .e-views .e-content-body tfoot, .e-aiassistview .e-views .e-content-body th, .e-aiassistview .e-views .e-content-body thead, .e-aiassistview .e-views .e-content-body tr {
            border: 1px solid var(--color-sf-border)
        }

        .e-aiassistview .e-views .e-content-body blockquote {
            border-left: 4px solid var(--color-sf-flyout-border)
        }

        .e-aiassistview .e-views .e-content-body img, .e-aiassistview .e-views .e-content-body svg {
            background-color: var(--color-sf-flyout-border)
        }

        .e-aiassistview .e-views .e-content-body code:not(pre code) {
            background: #fff1f1;
            color: #861212
        }

    .e-aiassistview .e-stop-response {
        border-color: var(--color-sf-primary-bg-color);
        color: var(--color-sf-primary-text-color);
        background-color: var(--color-sf-primary-bg-color);
        box-shadow: 0 4px 6px -1px rgba(0,0,0,.05),0 10px 15px -3px rgba(0,0,0,.1)
    }

    .e-aiassistview .e-views::-webkit-scrollbar-thumb, .e-aiassistview .e-custom-view::-webkit-scrollbar-thumb, .e-aiassistview .e-assistview-content-section::-webkit-scrollbar-thumb {
        background: var(--color-sf-border)
    }

    .e-aiassistview .e-footer .e-assist-textarea::-webkit-scrollbar-thumb {
        background: var(--color-sf-border)
    }

    .e-aiassistview .e-footer .e-assist-textarea[placeholder]:empty::before {
        color: var(--color-sf-placeholder-text-color)
    }

    .e-aiassistview .e-footer:not(.e-footer-template) {
        border: 1px solid var(--color-sf-border);
        border-bottom-color: var(--color-sf-border)
    }

        .e-aiassistview .e-footer:not(.e-footer-template).focused {
            border: 1px solid var(--color-sf-primary-light);
            
        }

        .e-aiassistview .e-footer:not(.e-footer-template) .e-assist-send, .e-aiassistview .e-footer:not(.e-footer-template) .e-assist-clear-icon:not(.e-assist-clear-icon-hide) {
            color: var(--color-sf-icon-color)
        }

            .e-aiassistview .e-footer:not(.e-footer-template) .e-assist-send.disabled, .e-aiassistview .e-footer:not(.e-footer-template) .e-assist-clear-icon:not(.e-assist-clear-icon-hide).disabled {
                color: var(--color-sf-icon-color-disabled)
            }

    .e-aiassistview .e-view-header .e-toolbar .e-assist-view-header.e-toolbar-item .e-tbar-btn:hover:active .e-icons, .e-aiassistview .e-view-header .e-toolbar .e-assist-view-header.e-toolbar-item .e-tbar-btn:hover .e-icons, .e-aiassistview .e-view-header .e-toolbar .e-assist-view-header.e-toolbar-item .e-tbar-btn:hover .e-tbar-btn-text, .e-aiassistview .e-view-header .e-toolbar .e-assist-view-header.e-toolbar-item .e-tbar-btn:hover:active .e-tbar-btn-text, .e-aiassistview .e-view-header .e-toolbar .e-custom-view-header.e-toolbar-item .e-tbar-btn:hover:active .e-icons, .e-aiassistview .e-view-header .e-toolbar .e-custom-view-header.e-toolbar-item .e-tbar-btn:hover .e-icons, .e-aiassistview .e-view-header .e-toolbar .e-custom-view-header.e-toolbar-item .e-tbar-btn:hover .e-tbar-btn-text, .e-aiassistview .e-view-header .e-toolbar .e-custom-view-header.e-toolbar-item .e-tbar-btn:hover:active .e-tbar-btn-text {
        color: var(--color-sf-content-text-color)
    }

    .e-aiassistview .e-view-header .e-toolbar .e-toolbar-item.e-active .e-tbar-btn:hover:active .e-icons, .e-aiassistview .e-view-header .e-toolbar .e-toolbar-item.e-active .e-tbar-btn:hover .e-icons, .e-aiassistview .e-view-header .e-toolbar .e-toolbar-item.e-active .e-tbar-btn:hover .e-tbar-btn-text, .e-aiassistview .e-view-header .e-toolbar .e-toolbar-item.e-active .e-tbar-btn:hover:active .e-tbar-btn-text, .e-aiassistview .e-view-header .e-toolbar .e-toolbar-item.e-active .e-tbar-btn .e-icons, .e-aiassistview .e-view-header .e-toolbar .e-toolbar-item.e-active .e-tbar-btn .e-tbar-btn-text {
        color: var(--color-sf-content-text-color)
    }

    .e-aiassistview.e-rtl .e-views .e-content-body blockquote {
        border-right: 4px solid var(--color-sf-flyout-border)
    }

    .e-aiassistview .e-view-content .e-upload-failure-alert {
        background-color: var(--color-sf-msg-danger-bg-color);
        border: 1px solid var(--color-sf-danger)
    }

        .e-aiassistview .e-view-content .e-upload-failure-alert .e-failure-message {
            color: var(--color-sf-msg-danger-color)
        }

        .e-aiassistview .e-view-content .e-upload-failure-alert .e-assist-circle-close {
            color: var(--color-sf-msg-danger-icon-color)
        }

    .e-aiassistview .e-prompt-content .e-prompt-uploaded-files:has(.e-assist-uploaded-file-item) {
        background-color: var(--color-sf-flyout-border)
    }

    .e-aiassistview .e-footer .e-assist-drop-area .e-assist-uploaded-file-item, .e-aiassistview .e-prompt-content .e-prompt-uploaded-files .e-assist-uploaded-file-item {
        border: 1px solid var(--color-sf-border);
        background-color: var(--color-sf-content-bg-color)
    }

    .e-aiassistview .e-footer .e-assist-drop-area .e-assist-file-format-icon, .e-aiassistview .e-prompt-content .e-prompt-uploaded-files .e-assist-file-format-icon {
        color: var(--color-sf-border-dark)
    }

    .e-aiassistview .e-footer .e-assist-drop-area .e-assist-file-size, .e-aiassistview .e-prompt-content .e-prompt-uploaded-files .e-assist-file-size {
        color: var(--color-sf-icon-color)
    }

    .e-aiassistview .e-footer .e-assist-drop-area .e-assist-progress-bar {
        background-color: var(--color-sf-content-bg-color-alt3)
    }

    .e-aiassistview .e-footer .e-assist-drop-area .e-assist-progress-fill {
        background-color: var(--color-sf-primary)
    }

        .e-aiassistview .e-footer .e-assist-drop-area .e-assist-progress-fill.failed {
            background-color: var(--color-sf-danger)
        }

.e-prompt-toolbar .e-toolbar, .e-prompt-toolbar .e-toolbar .e-toolbar-items, .e-prompt-toolbar .e-tbar-btn:not(:hover), .e-prompt-toolbar .e-tbar-btn:not(:active), .e-prompt-toolbar .e-tbar-btn:not(:focus), .e-content-footer .e-toolbar, .e-content-footer .e-toolbar .e-toolbar-items, .e-content-footer .e-tbar-btn:not(:hover), .e-content-footer .e-tbar-btn:not(:active), .e-content-footer .e-tbar-btn:not(:focus) {
    background: var(--color-sf-content-bg-color)
}

.e-prompt-toolbar .e-toolbar, .e-content-footer .e-toolbar {
    box-shadow: unset;
    border: unset
}

.e-aiassist-view-toolbar-item .e-tbar-btn:not(:hover), .e-aiassist-view-toolbar-item .e-tbar-btn:not(:active), .e-aiassist-view-toolbar-item .e-tbar-btn:not(:focus) {
    background: rgba(0,0,0,0)
}

.e-bigger.e-aiassistview .e-view-header, .e-bigger .e-aiassistview .e-view-header {
    height: 50px
}

    .e-bigger.e-aiassistview .e-view-header .e-toolbar .e-toolbar-items .e-toolbar-left, .e-bigger .e-aiassistview .e-view-header .e-toolbar .e-toolbar-items .e-toolbar-left {
        height: 49px
    }

    .e-bigger.e-aiassistview .e-view-header .e-toolbar .e-toolbar-items .e-toolbar-item.e-assist-view-header, .e-bigger.e-aiassistview .e-view-header .e-toolbar .e-toolbar-items .e-toolbar-item.e-custom-view-header, .e-bigger .e-aiassistview .e-view-header .e-toolbar .e-toolbar-items .e-toolbar-item.e-assist-view-header, .e-bigger .e-aiassistview .e-view-header .e-toolbar .e-toolbar-items .e-toolbar-item.e-custom-view-header {
        padding: 0
    }

        .e-bigger.e-aiassistview .e-view-header .e-toolbar .e-toolbar-items .e-toolbar-item.e-assist-view-header .e-tbar-btn, .e-bigger.e-aiassistview .e-view-header .e-toolbar .e-toolbar-items .e-toolbar-item.e-custom-view-header .e-tbar-btn, .e-bigger .e-aiassistview .e-view-header .e-toolbar .e-toolbar-items .e-toolbar-item.e-assist-view-header .e-tbar-btn, .e-bigger .e-aiassistview .e-view-header .e-toolbar .e-toolbar-items .e-toolbar-item.e-custom-view-header .e-tbar-btn {
            padding: 0
        }

            .e-bigger.e-aiassistview .e-view-header .e-toolbar .e-toolbar-items .e-toolbar-item.e-assist-view-header .e-tbar-btn .e-btn-icon, .e-bigger.e-aiassistview .e-view-header .e-toolbar .e-toolbar-items .e-toolbar-item.e-custom-view-header .e-tbar-btn .e-btn-icon, .e-bigger .e-aiassistview .e-view-header .e-toolbar .e-toolbar-items .e-toolbar-item.e-assist-view-header .e-tbar-btn .e-btn-icon, .e-bigger .e-aiassistview .e-view-header .e-toolbar .e-toolbar-items .e-toolbar-item.e-custom-view-header .e-tbar-btn .e-btn-icon {
                padding: 4px 4px 4px 2px
            }

.e-bigger.e-aiassistview .e-view-content, .e-bigger .e-aiassistview .e-view-content {
    height: calc(100% - 50px)
}

.e-bigger.e-aiassistview .e-prompt-icon, .e-bigger .e-aiassistview .e-prompt-icon {
    min-height: 40px
}

.e-bigger.e-aiassistview .e-output-icon, .e-bigger .e-aiassistview .e-output-icon {
    height: 40px
}

.e-bigger.e-aiassistview .e-prompt-icon, .e-bigger.e-aiassistview .e-output-icon, .e-bigger .e-aiassistview .e-prompt-icon, .e-bigger .e-aiassistview .e-output-icon {
    min-width: 40px
}

.e-bigger.e-aiassistview .e-loading-body, .e-bigger.e-aiassistview .e-content-body, .e-bigger.e-aiassistview .e-loading-footer, .e-bigger .e-aiassistview .e-loading-body, .e-bigger .e-aiassistview .e-content-body, .e-bigger .e-aiassistview .e-loading-footer {
    padding: 6px 0 0 6px
}

.e-bigger.e-aiassistview .e-prompt-text, .e-bigger .e-aiassistview .e-prompt-text {
    padding: 7px 12px;
    line-height: 22px
}

.e-bigger.e-aiassistview .e-content-container, .e-bigger .e-aiassistview .e-content-container {
    font-size: 16px
}

.e-bigger.e-aiassistview .e-suggestion-header, .e-bigger .e-aiassistview .e-suggestion-header {
    font-size: 16px;
    font-weight: 700;
    margin-bottom: 15px
}

.e-bigger.e-aiassistview .e-suggestions.e-suggestion-item-template ul li, .e-bigger .e-aiassistview .e-suggestions.e-suggestion-item-template ul li {
    padding: 0
}

.e-bigger.e-aiassistview .e-suggestions li, .e-bigger .e-aiassistview .e-suggestions li {
    line-height: 22px;
    font-weight: 400;
    padding: 8px 12px;
    margin: 0 0 16px 16px
}

.e-bigger.e-aiassistview .e-footer:not(.e-footer-template) .e-assist-send, .e-bigger .e-aiassistview .e-footer:not(.e-footer-template) .e-assist-send {
    font-size: 18px
}

.e-bigger.e-aiassistview .e-footer:not(.e-footer-template) .e-assist-clear-icon:not(.e-assist-clear-icon-hide), .e-bigger .e-aiassistview .e-footer:not(.e-footer-template) .e-assist-clear-icon:not(.e-assist-clear-icon-hide) {
    font-size: 16px
}

.e-bigger.e-aiassistview .e-footer .e-footer-icons-wrapper, .e-bigger .e-aiassistview .e-footer .e-footer-icons-wrapper {
    gap: 8px;
    padding: 7px 12px 7px 0
}

    .e-bigger.e-aiassistview .e-footer .e-footer-icons-wrapper .e-assist-attachment-icon, .e-bigger .e-aiassistview .e-footer .e-footer-icons-wrapper .e-assist-attachment-icon {
        font-size: 18px
    }

.e-bigger.e-aiassistview .e-footer .e-assist-textarea, .e-bigger .e-aiassistview .e-footer .e-assist-textarea {
    min-height: 40px;
    line-height: 24px;
    padding: 7px 12px;
    font-size: 16px
}

.e-bigger.e-aiassistview .e-stop-response.e-btn-active, .e-bigger .e-aiassistview .e-stop-response.e-btn-active {
    height: 52px;
    margin-bottom: 20px;
    padding: 14px 22px;
    line-height: 24px;
    font-weight: 400;
    font-size: 16px
}

.e-bigger.e-aiassistview.e-rtl .e-view-header .e-toolbar-item.e-assist-view-header .e-tbar-btn .e-btn-icon, .e-bigger.e-aiassistview.e-rtl .e-view-header .e-toolbar-item.e-custom-view-header .e-tbar-btn .e-btn-icon, .e-bigger .e-aiassistview.e-rtl .e-view-header .e-toolbar-item.e-assist-view-header .e-tbar-btn .e-btn-icon, .e-bigger .e-aiassistview.e-rtl .e-view-header .e-toolbar-item.e-custom-view-header .e-tbar-btn .e-btn-icon {
    padding: 4px 2px 4px 4px
}

.e-bigger.e-aiassistview.e-rtl .e-suggestions li, .e-bigger .e-aiassistview.e-rtl .e-suggestions li {
    margin: 0 16px 16px 0
}

.e-bigger.e-aiassistview.e-rtl .e-loading-body, .e-bigger.e-aiassistview.e-rtl .e-content-body, .e-bigger.e-aiassistview.e-rtl .e-loading-footer, .e-bigger .e-aiassistview.e-rtl .e-loading-body, .e-bigger .e-aiassistview.e-rtl .e-content-body, .e-bigger .e-aiassistview.e-rtl .e-loading-footer {
    padding: 6px 6px 0 0
}

.e-bigger.e-aiassistview.e-rtl .e-footer .e-footer-icons-wrapper, .e-bigger .e-aiassistview.e-rtl .e-footer .e-footer-icons-wrapper {
    padding: 7px 0 7px 12px;
    padding-right: unset
}

.e-bigger.e-aiassistview .e-prompt-content .e-prompt-uploaded-files:has(.e-assist-uploaded-file-item), .e-bigger .e-aiassistview .e-prompt-content .e-prompt-uploaded-files:has(.e-assist-uploaded-file-item) {
    border-radius: 4px;
    padding: 8px 12px
}

.e-bigger.e-aiassistview .e-footer .e-assist-drop-area:has(.e-assist-uploaded-file-item), .e-bigger .e-aiassistview .e-footer .e-assist-drop-area:has(.e-assist-uploaded-file-item) {
    margin: 6px 9px
}

.e-bigger.e-aiassistview .e-footer .e-assist-drop-area .e-assist-uploaded-file-item, .e-bigger.e-aiassistview .e-prompt-content .e-prompt-uploaded-files .e-assist-uploaded-file-item, .e-bigger .e-aiassistview .e-footer .e-assist-drop-area .e-assist-uploaded-file-item, .e-bigger .e-aiassistview .e-prompt-content .e-prompt-uploaded-files .e-assist-uploaded-file-item {
    margin: 2px 3px 0
}

    .e-bigger.e-aiassistview .e-footer .e-assist-drop-area .e-assist-uploaded-file-item:not(:has(.e-assist-clear-icon)) .e-assist-file-details, .e-bigger.e-aiassistview .e-prompt-content .e-prompt-uploaded-files .e-assist-uploaded-file-item:not(:has(.e-assist-clear-icon)) .e-assist-file-details, .e-bigger .e-aiassistview .e-footer .e-assist-drop-area .e-assist-uploaded-file-item:not(:has(.e-assist-clear-icon)) .e-assist-file-details, .e-bigger .e-aiassistview .e-prompt-content .e-prompt-uploaded-files .e-assist-uploaded-file-item:not(:has(.e-assist-clear-icon)) .e-assist-file-details {
        padding-right: 15px
    }

.e-bigger.e-aiassistview .e-footer .e-assist-drop-area .e-assist-file-details, .e-bigger.e-aiassistview .e-prompt-content .e-prompt-uploaded-files .e-assist-file-details, .e-bigger .e-aiassistview .e-footer .e-assist-drop-area .e-assist-file-details, .e-bigger .e-aiassistview .e-prompt-content .e-prompt-uploaded-files .e-assist-file-details {
    padding: 3px 0 3px 2px
}

.e-bigger.e-aiassistview .e-footer .e-assist-drop-area .e-assist-clear-icon, .e-bigger.e-aiassistview .e-prompt-content .e-prompt-uploaded-files .e-assist-clear-icon, .e-bigger .e-aiassistview .e-footer .e-assist-drop-area .e-assist-clear-icon, .e-bigger .e-aiassistview .e-prompt-content .e-prompt-uploaded-files .e-assist-clear-icon {
    padding: 12px 8px 12px 4px
}

.e-bigger.e-aiassistview .e-view-content .e-upload-failure-alert, .e-bigger .e-aiassistview .e-view-content .e-upload-failure-alert {
    padding: 17px 16px;
    border-radius: 4px
}

    .e-bigger.e-aiassistview .e-view-content .e-upload-failure-alert .e-assist-clear-icon, .e-bigger .e-aiassistview .e-view-content .e-upload-failure-alert .e-assist-clear-icon {
        font-size: 18px;
        line-height: 18px
    }

    .e-bigger.e-aiassistview .e-view-content .e-upload-failure-alert .e-failure-message, .e-bigger .e-aiassistview .e-view-content .e-upload-failure-alert .e-failure-message {
        font-size: 16px;
        line-height: 24px
    }

    .e-bigger.e-aiassistview .e-view-content .e-upload-failure-alert .e-assist-circle-close, .e-bigger .e-aiassistview .e-view-content .e-upload-failure-alert .e-assist-circle-close {
        font-size: 18px;
        margin-right: 12px
    }


.e-assist-send::before {
    content: ""
}

.e-assistview-icon::before {
    content: ""
}

.e-assist-user::before {
    content: ""
}

.e-assist-like::before {
    content: ""
}

.e-assist-dislike::before {
    content: ""
}

.e-assist-copy::before {
    content: ""
}

.e-assist-edit::before {
    content: ""
}

.e-assist-check::before {
    content: ""
}

.e-assist-stop::before {
    content: ""
}

.e-assist-like-filled::before {
    content: ""
}

.e-assist-dislike-filled::before {
    content: ""
}

.e-assist-clear-icon::before {
    content: ""
}

.e-assist-attachment-icon::before {
    content: ""
}

.e-assist-file-format-icon::before {
    content: ""
}

.e-assist-circle-close::before {
    content: ""
}