/* =========================================================================
   Material Symbols (Google Material Design) - brand icon library
   Brand defaults: weight 700, grade 0, optical size 48, fill 0.
   Toggle the filled look by adding the ".filled" class.
   The font itself is delivered via the Google Fonts CDN (see App.razor).

   Usage:
     <span class="material-symbols-outlined">account_balance</span>
     <span class="material-symbols-outlined filled">account_balance</span>
   ========================================================================= */
.material-symbols-outlined,
.material-symbols-rounded,
.material-symbols-sharp {
    font-weight: normal;
    font-style: normal;
    font-size: 24px;
    display: inline-block;
    vertical-align: baseline;
    margin-right: 2px;
    line-height: 1;
    text-transform: none;
    letter-spacing: normal;
    word-wrap: normal;
    white-space: nowrap;
    direction: ltr;
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
    -moz-osx-font-smoothing: grayscale;
    font-feature-settings: 'liga';
    font-variation-settings: 'FILL' 0, 'wght' 700, 'GRAD' 0, 'opsz' 48;
}

.material-symbols-outlined {
    font-family: 'Material Symbols Outlined';
}

.material-symbols-rounded {
    font-family: 'Material Symbols Rounded';
}

.material-symbols-sharp {
    font-family: 'Material Symbols Sharp';
}

    /* Filled variant of the FILL axis */
    .material-symbols-outlined.filled,
    .material-symbols-rounded.filled,
    .material-symbols-sharp.filled {
        font-variation-settings: 'FILL' 1, 'wght' 700, 'GRAD' 0, 'opsz' 48;
    }

/* Rules for sizing the icon (preserved from the previous Material Icons setup). */
.md-18 {
    font-size: 18px;
}

.md-24 {
    font-size: 24px;
}

.md-36 {
    font-size: 36px;
}

.md-48 {
    font-size: 48px;
}

/* Ligature helper classes for contexts that only accept a CSS class string
   (e.g. Telerik Grid command buttons, column menu). Combine with a
   .material-symbols-* base class to render the icon ligature. */
.brz-sym-edit::before {
    content: 'edit';
}

.brz-sym-delete::before {
    content: 'delete';
}

.brz-sym-add::before {
    content: 'add';
}

.brz-sym-save::before {
    content: 'save';
}

.brz-sym-check::before {
    content: 'check';
}

.brz-sym-file_download::before {
    content: 'file_download';
}

.brz-sym-done::before {
    content: 'done';
}

.brz-sym-done_all::before {
    content: 'done_all';
}

.brz-sym-power_settings_new::before {
    content: 'power_settings_new';
}

.brz-sym-person::before {
    content: 'person';
}

.brz-sym-picture_as_pdf::before {
    content: 'picture_as_pdf';
}

.brz-sym-toggle_on::before {
    content: 'toggle_on';
}

.brz-sym-toggle_off::before {
    content: 'toggle_off';
}

.brz-sym-send::before {
    content: 'send';
}

.brz-sym-close::before {
    content: 'close';
}

.brz-sym-cancel::before {
    content: 'cancel';
}

.brz-sym-cloud_sync::before {
    content: 'cloud_sync';
}

.brz-sym-bookmark_add::before {
    content: 'bookmark_add';
}

.brz-sym-restart_alt::before {
    content: 'restart_alt';
}

.brz-sym-cached::before {
    content: 'cached';
}

.brz-sym-bar_chart::before {
    content: 'bar_chart';
}

.brz-sym-lock_open::before {
    content: 'lock_open';
}

.brz-sym-timeline::before {
    content: 'timeline';
}

.brz-sym-account_balance::before {
    content: 'account_balance';
}

.brz-sym-paid::before {
    content: 'paid';
}

.brz-sym-badge::before {
    content: 'badge';
}

.brz-sym-star::before {
    content: 'star';
}

.brz-sym-analytics::before {
    content: 'analytics';
}

.brz-sym-theater_comedy::before {
    content: 'theater_comedy';
}

.brz-sym-notifications::before {
    content: 'notifications';
}

.brz-sym-account_box::before {
    content: 'account_box';
}

.brz-sym-settings::before {
    content: 'settings';
}

.brz-sym-keyboard_double_arrow_up::before {
    content: 'keyboard_double_arrow_up';
}

.brz-sym-keyboard_double_arrow_down::before {
    content: 'keyboard_double_arrow_down';
}

.brz-sym-visibility::before {
    content: 'visibility';
}

.brz-sym-signature::before {
    content: 'signature';
}

.brz-sym-search::before {
    content: 'search';
}

.brz-sym-undo::before {
    content: 'undo';
}

.brz-sym-check_box::before {
    content: 'check_box';
}

.brz-sym-note_add::before {
    content: 'note_add';
}

.brz-sym-picture_as_pdf::before {
    content: 'picture_as_pdf';
}

.brz-sym-folder_open::before {
    content: 'folder_open';
}

.brz-sym-download::before {
    content: 'download';
}

.brz-sym-rss_feed::before {
    content: 'rss_feed';
}

.brz-sym-grid_on::before {
    content: 'grid_on';
}

.brz-sym-sync::before {
    content: 'sync';
}

.brz-sym-image::before {
    content: 'image';
}

.brz-sym-check_circle::before {
    content: 'check_circle';
}

.brz-sym-warning::before {
    content: 'warning';
}

.brz-sym-error::before {
    content: 'error';
}

.brz-sym-info::before {
    content: 'info';
}

.brz-sym-help::before {
    content: 'help';
}

.brz-sym-notifications_active::before {
    content: 'notifications_active';
}