@use 'ej2-base/styles/definition/material3-dark' as *;
@use 'ej2-navigations/styles/toolbar/material3-dark-definition' as *;
@forward 'ej2-base/styles/definition/material3-dark';
@forward 'ej2-navigations/styles/toolbar/material3-dark-definition';
$sheet-skin: 'Material3' !default;
$spreadsheet-border-width: 1px;
$select-all-size: 26px !default;
$select-all-hover-bg-color: rgba($border-light) !default;
$select-all-active-bg-color: rgba($primary) !default;
$cell-background: rgba($white) !default;
$cell-color: rgba($black) !default;
$cell-border-color: rgba($spreadsheet-gridline) !default;
$hdr-cell-border-color: rgba($border-light) !default;
$spreadsheet-dlg-label-font-size: $text-xs !default;
$bigger-spreadsheet-dlg-label-font-size: $text-sm !default;
$spreadsheet-dlg-error-font-size: $text-xs !default;
$bigger-spreadsheet-dlg-error-font-size: $text-sm !default;
$dlg-error-color: rgba($danger) !default;
$agg-clr: rgba($icon-color) !default;
$header-cell-bg-color: $content-bg-color-alt1 !default;
$header-cell-color: rgba($content-text-color) !default;
$spreadsheet-border-color: rgba($border-light) !default;
$spreadsheet-customsrt-line-color: rgba($border-light) !default;
$spreadsheet-border: $spreadsheet-border-width solid $spreadsheet-border-color !default;
$spreadsheet-hidden-row-column-border: $spreadsheet-border-width solid $hdr-cell-border-color !default;
$select-all-bg-color: rgba($border-light) !default;
$header-cell-font-size: $text-xs !default;
$content-cell-padding: 0 2px !default;
$open-dlg-file-alert-span-font-size: $spreadsheet-dlg-error-font-size !default;
$goto-dlg-btn-font-size: $text-xs !default;
$numformat-ddb-preview-font-size: $text-xs !default;
$aggregate-list-font-size: $text-sm !default;
$header-cell-font-weight: $font-weight !default;
$spreadsheet-tbar-btn-icon-font-size: $font-icon-18 !default;
$spreadsheet-cpicker-font-color-font-size: $font-icon-13 !default;
$spreadsheet-cpicker-fill-color-font-size: $font-icon-14 !default;
$aggregate-list-font-size: $font-icon-16 !default;
$bigger-spreadsheet-tbar-btn-icon-font-size: $font-icon-18 !default;
$bigger-spreadsheet-cpicker-font-color-font-size: $font-icon-16 !default;
$spreadsheet-drop-icon-font-size: $font-icon-14 !default;
$define-name-input-height: 21px !default;
$define-name-input-padding: 1px 0 1px 8px !default;
$define-name-input-padding-rtl: 1px 8px 1px 0 !default;
$cfmain-header-font-size: $spreadsheet-dlg-label-font-size !default;
$spreadsheet-label-font-color: rgba($content-text-color-alt1) !default;
$spreadsheet-edit-selection-font-color: rgba($on-primary) !default;
$spreadsheet-border-cpicker-width: 330px !default;
$spread-border-radius-0: $radius-0 !default;
$spread-border-radius-3: $radius-3 !default;
$spread-border-radius-4: $radius-4 !default;
$spread-border-radius-8: $radius-8 !default;

//selection
$selection-bg-color: rgba($primary, .12) !default;
$selection-border-color: rgba($primary) !default;
$selection-border-width: 1px !default;
$hdr-selection-bg-color: $content-bg-color-alt4 !default;
$hdr-selection-border: 1px solid !default;
$spreadsheet-hdr-selection-border-color: rgba($border-light) !default;
$hdr-selection-color: rgba($content-text-color) !default;
$hdr-hover-bg-color: $content-bg-color-alt5 !default;
$copy-indicator-t-b: 'data:image/gif;base64,R0lGODlhBgAEAPAAAGdQpP///yH/C05FVFNDQVBFMi4wAwEAAAAh+QQEAwAAACH/C3htcCBkYXRheG1w/z94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbXRhIHhtbG5zOng9ImFkb2JlOm5zOm1ldGEvIiB4OnhtcHRrPSJBZG9iZSBYTVAgQ29yZSA1LjYtYzE0NSA3OS4xNjM0OTksIDIwMTgvMDgvMTMtMTY6NDA6MjIgICAgICAgICI+PHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3Lncub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJmOmFib3V0PSIiIP94bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtbG5zOnhtcE1NPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvbW0vIiB4bW5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bXA6Q3JlYXRvclRvb2w9IkFkb2JlIFBob3Rvc2hvcCBDQyAyMDE5IChXaW5kb3dzKSB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjlFMTA1Q0NEMDlFMTFFOUFFODc4MkE0MTA3MTBDMzf/IiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGk6OUUxMDVDQzNEMDlFMTFFOUFFODc4MkE0MTA3MTBDMzciPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo5RTEwNUNDMEQwOUUxMUU5QUU4ODJBNDEwNzEwQzM3IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjlFMTA1Q0MxRDA5RTExRUFFODc4MkE0MTA3MTBDMzciLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcGV0YT4gPD94cGFja2V0IGVu/2Q9InIiPz4B//79/Pv6+fj39vX08/Lx8O/u7ezr6uno5+bl5OPi4eDf3t3c29rZ2NfW1dTT0tHQz87NzMvKycjHxsXEw8LBwL++vby7urm4t7a1tLOysbCvrq2sqqmop6alpKOioaCfnp2cm5qZmJeWlZSTkpGQj46NjIuKiYiHhoWEg4KBgH9+fXx7enl4d3Z1dHNycXBvbm1sa2ppaGdmZWRjYmFgX15dXFtaWVhXVlVUU1JRUE9OTUxLSklIR0ZFRENCQUA/Pj08Ozo5ODc2NTQzMjEwLy4tLCsqKSgnJiUkIyIhIB8eHRwbGhkYFxYVFBMSERAPDg0MCwoJCAgHBgUEAwIBAAAsAAAAAAYABAAAAgeEEXGYerkKACH5BAQDAAAALAAAAAAGAAQAAAIIhBN2CajNQAEAIfkEBQMAAAAsAQAAAAQABACB////Z1Ck////AAAAAgaEEIZ5DAUAIfkEBQMAAAAsAQAAAAQABACB////Z1Ck////AAAAAgYUAoaXLAUAIfkEBAMAAAAsAAAAAAYABAAAAgdMgGDJemkKACH5BAQDAAAALAAAAAAGAAQAAAIIDA5hqJh7QgEAOw==' !default;
$copy-indicator-l-r: 'data:image/gif;base64,R0lGODlhBgAEAPAAAGdQpP///yH/C05FVFNDQVBFMi4wAwEAAAAh+QQEAwAAACH/C3htcCBkYXRheG1w/z94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbXRhIHhtbG5zOng9ImFkb2JlOm5zOm1ldGEvIiB4OnhtcHRrPSJBZG9iZSBYTVAgQ29yZSA1LjYtYzE0NSA3OS4xNjM0OTksIDIwMTgvMDgvMTMtMTY6NDA6MjIgICAgICAgICI+PHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3Lncub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJmOmFib3V0PSIiIP94bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtbG5zOnhtcE1NPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvbW0vIiB4bW5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bXA6Q3JlYXRvclRvb2w9IkFkb2JlIFBob3Rvc2hvcCBDQyAyMDE5IChXaW5kb3dzKSB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjlFMTA1Q0NEMDlFMTFFOUFFODc4MkE0MTA3MTBDMzf/IiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGk6OUUxMDVDQzNEMDlFMTFFOUFFODc4MkE0MTA3MTBDMzciPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo5RTEwNUNDMEQwOUUxMUU5QUU4ODJBNDEwNzEwQzM3IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjlFMTA1Q0MxRDA5RTExRUFFODc4MkE0MTA3MTBDMzciLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcGV0YT4gPD94cGFja2V0IGVu/2Q9InIiPz4B//79/Pv6+fj39vX08/Lx8O/u7ezr6uno5+bl5OPi4eDf3t3c29rZ2NfW1dTT0tHQz87NzMvKycjHxsXEw8LBwL++vby7urm4t7a1tLOysbCvrq2sqqmop6alpKOioaCfnp2cm5qZmJeWlZSTkpGQj46NjIuKiYiHhoWEg4KBgH9+fXx7enl4d3Z1dHNycXBvbm1sa2ppaGdmZWRjYmFgX15dXFtaWVhXVlVUU1JRUE9OTUxLSklIR0ZFRENCQUA/Pj08Ozo5ODc2NTQzMjEwLy4tLCsqKSgnJiUkIyIhIB8eHRwbGhkYFxYVFBMSERAPDg0MCwoJCAgHBgUEAwIBAAAsAAAAAAYABAAAAgeEEXGYerkKACH5BAQDAAAALAAAAAAGAAQAAAIIhBN2CajNQAEAIfkEBQMAAAAsAQAAAAQABACB////Z1Ck////AAAAAgaEEIZ5DAUAIfkEBQMAAAAsAQAAAAQABACB////Z1Ck////AAAAAgYUAoaXLAUAIfkEBAMAAAAsAAAAAAYABAAAAgdMgGDJemkKACH5BAQDAAAALAAAAAAGAAQAAAIIDA5hqJh7QgEAOw==' !default;

//Tab
$sheets-btn-height: 34px !default;
$msheets-btn-height: 46px !default;
$sheet-tab-panel-bg-color: $content-bg-color-alt2 !default;
$sheet-tab-bg-color: $content-bg-color-alt2 !default;
$sheet-tab-active-bg-color: $content-bg-color-alt1 !default;
$sheet-tab-color: rgba($content-text-color-alt2) !default;
$sheet-tab-hover-bg-color: $hdr-selection-bg-color !default;
$sheet-tab-indicator-color: rgba($primary) !default;
$sheet-tab-btn-icon-color: rgba($flyout-text-color) !default;
$tab-text-color: rgba($primary) !default;
$select-icon-color: rgba($primary) !default;
$sheet-tab-button-active-bg-color: rgba($content-bg-color-selected) !default;
$sheet-tab-selected-bg-color: $content-bg-color-alt1 !default;
$sheet-tab-btn-icon-line-height: 32px !default;
$sheet-tab-aggr-bg-color-selected: $tbar-focus-bg !default;
$bigger-spreadsheet-sheet-tab-rename-line-height: 48px !default;
$bigger-spreadsheet-sheet-tab-rename-margin-bottom: 0 !default;

//Formula bar
$formula-bar-font-size: $text-sm !default;
$formula-bar-padding: 0 8px !default;
$bigger-formula-bar-font-size: $text-sm !default;
$name-box-width: 92px !default;
$namebox-icon-size: $font-icon-14 !default;
$namebox-icon-min-height: 14px !default;
$formula-textarea-width: calc(100% - 146px) !default;
$formula-bar-color: rgba($content-text-color) !default;
$mformula-bar-height: 42px !default;
$expand-icon-margin: 4px !default;
$expand-icon-line-height: 23px !default;
$formula-bar-bg-color: rgba($content-bg-color) !default;
$formula-submit-btn-icon-font-size: $font-icon-18 !default;
$formula-bar-drop-icon-font-size: $text-sm !default;
$formula-bar-btn-icon-font-size: $font-icon-18 !default;
$bigger-name-box-ddl-icon-font-size: $font-icon-14 !default;
$bigger-insert-function-btn-icon-font-size: $font-icon-18 !default;
$bigger-formula-bar-drop-icon-font-size: $font-icon-18 !default;
$formula-bar-btn-icon-line-height: 23px !default;
$spreadsheet-formula-bar-height: 22px !default;
$spreadsheet-formula-bar-expanded-height: 71px !default;
$spreadsheet-formula-bar-expanded-separator-height: 60px !default;
$bigger-name-box-ddl-input-height: 22px !default;
$bigger-formula-bar-drop-icon-line-height: 32px !default;
$bigger-insert-function-height: 87px !default;

//Insert dialog box
$dlg-list-border: $spreadsheet-border !default;
$dlg-description-font-weight: $font-weight-medium !default;
$dlg-content-padding: 16px !default;
$dlg-content-padding-bottom: 12px !default;
$dlg-category-margin-bottom: 4px !default;
$dlg-min-height: 485px !default;
$function-dlg-header-content-font-size: $text-base !default;
$dlg-category-content-font-size: $spreadsheet-dlg-label-font-size !default;
$dlg-description-content-font-size: $spreadsheet-dlg-label-font-size !default;
$dlg-category-content-font-weight: $font-weight-normal !default;

//Ribbon
$fontsize-btn-width: 52px !default;
$bigger-fontsize-btn-width: 64.51px !default;
$align-ddb-item-height: 28px !default;
$align-ddb-ul-padding: 8px !default;
$align-ddb-item-padding: 0 7px !default;
$align-ddb-item-margin: 0 !default;
$align-ddb-item-border-radius: $radius-4 !default;
$ctrl-btn-padding: 16px !default;
$spreadsheet-ribbon-btn-width: 32px !default;
$spreadsheet-ribbon-btn-height: 32px !default;
$spreadsheet-ribbon-btn-padding: 1.5px !default;
$spreadsheet-ribbon-btn-text-width: 50px !default;
$spreadsheet-ribbon-cpicker-padding-bottom: 0 !default;
$spreadsheet-ribbon-cpicker-line-height: $spreadsheet-ribbon-btn-height - 2 !default;
$bigger-spreadsheet-ribbon-btn-height: 40px !default;
$bigger-spreadsheet-ribbon-btn-padding: 6px !default;
$cpicker-btn-width: 32px !default;
$bigger-cpicker-btn-width: 36px !default;
$menu-extension-padding: 12px !default;
$spreadsheet-ribbon-item-hover-border-color: transparent !default;
$spreadsheet-ribbon-item-active-border-color: transparent !default;
$spreadsheet-ribbon-item-focus-shadow: $shadow-focus-ring1 !default;
$spreadsheet-ribbon-item-active-background-color: rgba($content-bg-color-selected) !default;
$font-family-collection: ('Arial', 'Arial Black', 'Axettac Demo', 'Batang', 'Book Antiqua', 'Calibri', 'Comic Sans MS', 'Courier', 'Courier New', 'Din Condensed', 'Georgia', 'Helvetica', 'Helvetica New', 'Roboto', 'Tahoma', 'Times New Roman', 'Verdana') !default;
$normal-btn-padding: 8px !default;
$bigger-cpicker-btn-line-height: $bigger-spreadsheet-ribbon-btn-height - 4 !default;
$bigger-cpicker-btn-padding-bottom: 0 !default;
$bigger-spreadsheet-ribbon-btn-line-height: $bigger-spreadsheet-ribbon-btn-height - 4 !default;

//Sorting
$sort-error-bg-color: rgba($danger-light) !default;
$sort-error-font-color: rgba($danger-bg-color) !default;
$sort-dlg-listwrapper-text-font-size: $spreadsheet-dlg-label-font-size !default;
$sort-dlg-error-font-size: $spreadsheet-dlg-error-font-size !default;
$sort-dlg-row-padding: 6px 0 10px !default;

//Hyperlink
$hyper-doc-border-color:  rgba($border-light) !default;
$hyperlink-dlg-header-content-font-size: $text-lg !default;
$hyperlink-dlg-content-header-font-size: $spreadsheet-dlg-label-font-size !default;
$hyperlink-dlg-content-text-font-size: $text-sm !default;
$link-dialog-tab-text-font-size: $text-sm !default;
$hyperlink-dlg-refcont-border: 0 !default;
$hyperlink-dlg-refcont-margin: 0 16px 0 0 !default;
$hyperlink-dlg-refcont-margin-rtl: 0 0 0 16px !default;
$hyperlink-dlg-content-padding-top: 20px !default;
$hyperlink-dlg-content-margin: 0 0 20px !default;
$hyperlink-dlg-content-margin-rtl: 0 0 20px !default;

//Filtering
$filter-icon-margin-bottom: -2px !default;
$filter-icon-bigger-margin-bottom: 0 !default;
$filter-selectall-padding: 24px !default;
$filter-selectall-bigger-padding: 34px !default;
$filter-icon-before-font-size: $font-icon-14 !default;
$filter-icon-font-size: $font-icon-14 !default;
$bigger-filter-icon-font-size: $font-icon-14 !default;
$filter-list-hover-bg-color: $table-bg-color-hover !default;
$spreadsheet-filter-btn-bottom: 0 !default;
$spreadsheet-filter-btn-width: 22px !default;
$spreadsheet-filter-icon-color: $cell-color !default;

//Find And Replace
$find-tool-dlg-icon-size: $font-icon-16 !default;
$find-tool-dlg-width: 348px !default;
$find-tool-dlg-height: 42px !default;
$find-dlg-width: 468px !default;
$bigger-find-tool-dlg-width: 419px !default;
$bigger-find-tool-dlg-height: 50px !default;
$bigger-find-goto-dlg-height: 256px !default;
$find-popup-border-top-color: rgba($border-light) !default;
$find-popup-border-color: rgba($border-light) !default;
$find-popup-box-shadow: $shadow-lg !default;
$find-dlg-alert-span-font-size: $spreadsheet-dlg-error-font-size !default;
$find-dlg-alert-span-font-weight: bold !default;
$bigger-find-dlg-btn-font-size: $text-xs !default;
$find-dlg-header-font-weight: $font-weight-normal !default;
$find-dialog-header-font-size: $spreadsheet-dlg-label-font-size !default;
$open-dialog-header-font-size: $spreadsheet-dlg-label-font-size !default;
$find-dlg-box-shadow: $content-bg-color-alt1 !default;
$find-dlg-background-color: $shadow-lg !default;
$find-dlg-exactmatchcheckbox-padding: 20px 0 8px !default;
$find-dlg-header-padding-top: 16px !default;

//Protect Sheet
$protect-dlg-height: 470px !default;
$protect-dlg-width: 287px !default;
$protect-sheet-dlg-password-header-font-size: $spreadsheet-dlg-label-font-size !default;
$unprotect-sheet-dlg-header-font-size: $text-lg !default;
$unprotectsheet-alert-span-font-size: $spreadsheet-dlg-error-font-size !default;
$protect-unprotect-dlg-alert-span-padding-top: 4px !default;
$unprotectsheet-content-header-font-size: $spreadsheet-dlg-label-font-size !default;
$reenterpwd-dlg-alert-span-font-size: $spreadsheet-dlg-error-font-size !default;
$reenterpwd-dlg-content-header-font-size: $spreadsheet-dlg-label-font-size !default;
$protect-checkbox-label-font-size: $text-sm !default;
$protectworkbook-dlg-header-font-size: $text-lg !default;
$protectworkbook-dlg-alert-span-font-size: $spreadsheet-dlg-error-font-size !default;
$protectworkbook-dlg-content-header-font-size: $spreadsheet-dlg-label-font-size !default;
$unprotectworkbook-dlg-content-header-font-size: $spreadsheet-dlg-label-font-size !default;
$importprotectworkbook-dlg-content-header-font-size: $spreadsheet-dlg-label-font-size !default;
$protectworkbook-dlg-pwd-alert-span-font-size: $spreadsheet-dlg-error-font-size !default;
$protectworkbook-dlg-pwd-content-font-size: $spreadsheet-dlg-label-font-size !default;
$protect-content-font-size: $spreadsheet-dlg-label-font-size !default;
$protect-content-height: auto !default;
$protectworkbook-dlg-alert-span-padding-top: 6px !default;
$pwd-alert-span-padding-top: 4px !default;

//Conditional Formatting
$ele-color: $content-bg-color-alt3 !default;
$ele-hover-color: $content-bg-color-hover !default;
$dark-ele-color: $flyout-bg-color !default;
$dark-ele-hover-color: $flyout-bg-color-hover !default;
$cf-dlg-content-font-weight: $font-weight-normal !default;
$cf-menu-icon-font-size: $font-icon-16 !default;
$cf-dlg-header-margin-top: 16px !default;
$cf-databar-icon-bg-color: $ele-hover-color !default;

//Formula selection
$vborder-selection: $spreadsheet-selection-1 !default;
$pborder-selection: $spreadsheet-selection-2 !default;
$cborder-selection: $spreadsheet-selection-3 !default;
$gborder-selection: $spreadsheet-selection-4 !default;
$oborder-selection: $spreadsheet-selection-5 !default;
$bborder-selection: $spreadsheet-selection-6 !default;

//Freeze pane
$freezepane-color: $cell-border-color !default;
$spreadsheet-frozen-column-width: 1px !default;
$spreadsheet-frozen-border: 3px solid $freezepane-color !default;
$mac-scrollbar-background: rgba(0, 0, 0, .5) !default;

//Custom Format
$custom-listview-color: rgba($border-light) !default;
$custom-format-dlg-input-margin-right: 24px !default;
$custom-format-dlg-sample-margin: 20px 0 4px !default;
$expand-icon-color: rgba($icon-color) !default;

//File Name Dialog
$open-dlg-width: 340px !default;
$file-menu-extension-font-size: $text-sm !default;
$open-dlg-file-alert-span-padding-top: 4px !default;

//Data Validation
$bigger-validation-list-width: 22px !default;
$bigger-validation-list-icon-height-width: 0 !default;
$validation-dlg-content-header-font-size: $spreadsheet-dlg-label-font-size !default;
$validation-dlg-content-input-font-size: $text-sm !default;
$validation-dlg-error-font-size: $spreadsheet-dlg-error-font-size !default;
$validationerror-dlg-content-font-size: $text-sm !default;
$validation-list-icon-bottom: 1px !default;
$validation-list-icon-height: 20px !default;
$validation-list-icon-min-height: 20px !default;
$validation-dlg-error-padding-top: 4px !default;
$validation-dlg-content-margin-bottom: 24px !default;

//Chart
$title-dlg-content-header-font-size: $text-base !default;
$title-dlg-content-input-font-size: $text-sm !default;
$spreadsheet-switch-row-column-icon-font-size: $font-icon-18 !default;
$spreadsheet-addchart-icon-font-size: $font-icon-18 !default;
$spreadsheet-chart-icon-font-size: 30px !default;
$bigger-spreadsheet-chart-icon-size: 36px !default;

//Mixins
$spreadsheet-ribbon-tab-text-wrap-height: 32px !default;
$spreadsheet-sort-template-item-padding: 5px 0 0 !default;
$hyperlink-dlg-content-header-line-height: 16px !default;
$dlg-description-content-padding-top: 16px !default;
$dlg-category-formula-description-padding: 4px 0 !default;
$protect-dlg-protect-content-padding: 20px 0 4px !default;
$protect-option-list-margin-top: 0 !default;
$reenterpwd-dlg-content-header-line: 16px !default;
$reenterpwd-dlg-content-input-margin-top: 10px !default;
$protectworkbook-dlg-content-header-line: 16px !default;
$protectworkbook-dlg-password-content-padding1: 4px 0 0 !default;
$protectworkbook-dlg-password-content-padding2: 16px 0 0 !default;
$validation-dlg-content-header-padding-top: 20px !default;
$validation-dlg-content-footer-clearall-margin-left: 0 !default;
$validation-dlg-content-footer-clearall-margin-right: 0 !default;
$validation-dlg-content-header-line: 16px !default;
$validation-dlg-content-padding: 12px !default;
$spreadsheet-sort-dlg-error-bottom: 0 !default;
$bigger-spread-ribbon-tab-text-wrap-height: 48px !default;
$bigger-spread-ribbon-tab-menu-items-height: 41px !default;
$bigger-spread-ribbon-tab-menu-items-line-height: 41px !default;
$bigger-formula-bar-height: 32px !default;
$bigger-formula-bar-line-height: 32px !default;
$bigger-insert-function-icon-height: 31px !default;
$bigger-spreadsheet-sheet-tab-icon-height: 48px !default;
$bigger-spreadsheet-sheet-tab-icon-padding: 0 !default;
$bigger-spreadsheet-cf-main-margin: 8px 0 20px !default;
$bigger-spreadsheet-cf-sub-margin: 12px !default;
$bigger-spreadsheet-cf-header2-margin: 20px !default;
$bigger-spreadsheet-custom-sample-margin: 20px 0 4px !default;
$bigger-spreadsheet-dlg-error-padding-top: 6px !default;
$bigger-spreadsheet-dlg-label-padding-bottom: 0 !default;
$bigger-find-replace-casecheck-padding-bottom: 10px !default;
$bigger-find-replace-casecheck-padding-top: 20px !default;
$bigger-find-replace-exactmatch-padding: 20px 0 10px !default;
$bigger-hyperlink-dlg-content-padding: 24px !default;
$bigger-hyperlink-dlg-content-margin: 0 0 24px !default;
$bigger-hyperlink-dlg-header-line-height: 20px !default;
$bigger-function-dlg-description-padding-top: 20px !default;
$bigger-protect-sheet-password-content-padding: 4px 0 20px !default;
$bigger-protect-sheet-password-header-line: 20px !default;
$bigger-protect-content-padding: 20px 0 4px !default;
$bigger-spreadsheet-protect-dlg-error-padding-top: 6px !default;
$bigger-protect-password-content-padding: 4px 0 0 !default;
$bigger-protect-password-content-padding2: 20px 0 0 !default;
$bigger-data-validation-content-padding-top: 20px !default;
$spreadsheet-ribbon-toolbar-btn-hover-color: $tbar-hover-bg !default;
$spread-toolbar-btn-font-weight: normal !default;

//Name Manager Dialog
$spreadsheet-namerange-header-font-size: 22px !default;
$spreadsheet-namerange-header-font-weight: 600 !default;
$spreadsheet-namerange-header-line-height: 28px !default;
$spreadsheet-namerange-header-margin-left: 12px !default;
$spreadsheet-namerange-ok-btn-margin-right: 14px !default;
$spreadsheet-namerange-form-group-gap: 4px !default;
$spreadsheet-namerange-form-group-padding-top: 12px !default;
$spreadsheet-namerange-range-input-gap: 12px !default;
$spreadsheet-namerange-form-actions-gap: 8px !default;
$spreadsheet-namerange-form-actions-padding-top: 12px !default;
$spreadsheet-namerange-list-margin-top: 20px !default;
$spreadsheet-namerange-list-item-padding-x: 8px !default;
$spreadsheet-namerange-item-gap: 8px !default;
$spreadsheet-namerange-icon-btn-size: 40px !default;
$spreadsheet-namerange-icon-btn-height: 38px !default;
$spreadsheet-namerange-icon-btn-padding: 4px !default;
$spreadsheet-namerange-icon-font-size: 16px !default;
$spreadsheet-namerange-icon-btn-hover-bg: $table-bg-color-hover !default;
$spreadsheet-namerange-list-wrapper-padding: 0 !default;
$spreadsheet-namerange-row-padding: 0 !default;
$spreadsheet-namerange-footer-border: 1px solid $cell-border-color !default;
$spreadsheet-namerange-header-padding-bottom: 0 !default;
$spreadsheet-error-message-color: rgba(197, 15, 31, 1) !default;
$spreadsheet-syntax-error-message-color: rgb(209, 52, 56) !default;
$bigger-spreadsheet-namerange-header-padding-bottom: 0 !default;
$bigger-spreadsheet-namerange-header-font-size: 24px;
$bigger-spreadsheet-namerange-form-group-padding-top: 16px;

//Blazor Protection dialog
$spreadsheet-protection-padding-bottom: 16px !default;
$spreadsheet-protection-toggle-container-padding-top: 12px !default;
$spreadsheet-protection-toggle-container-padding-bottom: 12px !default;
$spreadsheet-protection-toggle-container-height: 34px !default;
$spreadsheet-protection-password-field-padding-bottom: 20px !default;
$spreadsheet-protection-password-field-label-padding-bottom: 4px !default;
$spreadsheet-protection-unlock-range-field-padding-top: 12px !default;
$spreadsheet-protection-unlock-range-action-padding: 12px 0 !default;
$spreadsheet-protection-unlock-text-padding-top: 0 !default;
$spreadsheet-protection-unlock-text-padding-bottom: 3px !default;
$spreadsheet-protection-unlock-range-item-height: 55px !default;
$spreadsheet-protection-unlock-range-item-radius: 4px !default;
$spreadsheet-protection-unlock-range-item-background-color: rgba(255, 255, 255, 0) !default;
$spreadsheet-protection-unlock-range-item-padding-bottom: 4px !default;
$spreadsheet-protection-unlock-range-name-font-family: 'Segoe UI' !default;
$spreadsheet-protection-unlock-range-name-font-size: 16px !default;
$spreadsheet-protection-unlock-range-name-font-weight: 600 !default;
$spreadsheet-protection-unlock-range-name-line-height: 20px !default;
$spreadsheet-protection-unlock-range-name-font-color: rgba(36, 36, 36, 1) !default;
$spreadsheet-protection-unlock-range-value-font-family: 'Segoe UI' !default;
$spreadsheet-protection-unlock-range-value-font-size: 16px !default;
$spreadsheet-protection-unlock-range-value-font-weight: 400 !default;
$spreadsheet-protection-unlock-range-value-line-height: 22px !default;
$spreadsheet-protection-unlock-range-value-font-color: rgba(66, 66, 66, 1) !default;
$spreadsheet-protection-sheet-option-font-family: 'Segoe UI' !default;
$spreadsheet-protection-sheet-option-font-size: 14px !default;
$spreadsheet-protection-sheet-option-font-weight: 400 !default;
$spreadsheet-protection-sheet-option-line-height: 20px !default;
$spreadsheet-protection-sheet-option-font-color: rgba(36, 36, 36, 1) !default;
$spreadsheet-protection-sheet-option-padding-top: 11px !default;
$spreadsheet-protection-sheet-option-padding-bottom: 4px !default;
$spreadsheet-unprotect-padding-bottom: 16px !default;
$spreadsheet-unprotect-label-font-family: 'Segoe UI' !default;
$spreadsheet-unprotect-label-font-weight: 400 !default;
$spreadsheet-unprotect-label-font-size: 14px !default;
$spreadsheet-unprotect-label-font-color: rgba($primary) !default;
$spreadsheet-unprotect-label-line-height: 20px !default;
$spreadsheet-unprotect-label-padding-bottom: 0 !default;
$bigger-spreadsheet-protection-padding-bottom: 16px !default;
$bigger-spreadsheet-protection-toggle-container-padding-top: 12px !default;
$bigger-spreadsheet-protection-toggle-container-padding-bottom: 10px !default;
$bigger-spreadsheet-protection-password-field-padding-bottom: 24px !default;
$bigger-spreadsheet-protection-unlock-range-field-padding-top: 12px !default;
$bigger-spreadsheet-protection-unlock-range-action-padding: 12px !default;
$bigger-spreadsheet-protection-unlock-text-padding-top: 4px !default;
$bigger-spreadsheet-protection-unlock-text-padding-bottom: 4px !default;
$bigger-spreadsheet-protection-sheet-option-font-size: 16px !default;
$bigger-spreadsheet-protection-sheet-option-padding-top: 13px !default;
$bigger-spreadsheet-protection-sheet-option-padding-bottom:4px !default;

//Blazor typography and spacing
$spreadsheet-ribbon-simplified-mode-btn-font-weight: normal !default;
$spreadsheet-name-dlg-header-mobile-font-weight: 600 !default;
$spreadsheet-name-dlg-header-mobile-font-size: 16px !default;
$spreadsheet-custom-close-btn-font-size: 18px !default;
$spreadsheet-name-error-message-font-size: 12px !default;
$spreadsheet-name-delete-warning-font-size: 16px !default;
$spreadsheet-formula-suggession-containter-font-size: 10px !default;
$bigger-spreadsheet-ribbonoverflow-font-size: 20px !default;
$spreadsheet-overlay-resizer-border-radius: 4px !default;
$spreadsheet-ribbon-simplified-mode-border-radius: 0 !default;
$spreadsheet-font-weight-bold: bold !default;
$spreadsheet-font-size-16: 16px !default;
$spreadsheet-font-size-18: 18px !default;
$spreadsheet-margin-10: 10px !default;
$spreadsheet-padding-20: 20px !default;
$spreadsheet-autofill-menuoption-min-width: 70px !default;
$spreadsheet-border-menu-min-width: 270px !default;
$spreadsheet-border-preview-line-width: 135px !default;
$spreadsheet-border-auto-width: auto !default;
$ids: 'LineStyleThin' 'LineStyleMedium' 'LineStyleThick' 'LineStyleDotted' 'LineStyleDashed' 'LineStyleDouble';
$border-style-collection: solid solid solid dotted dashed double;
$border-width-collection: thin medium thick thin thin medium;
$spreadsheet-border-radius-50p: 50%;
$spreadsheet-numformat-text-width: 100% !default;
$spreadsheet-padding-5: 5px !default;
$spreadsheet-colorpicker-max-width: 401px !default;

// Threaded Comment
$spread-comment-indicator-color: rgba($primary) !default;
$spread-comment-background-color: rgba($content-bg-color) !default;
$spread-comment-resolved-background-color: $hdr-selection-bg-color !default;
$spread-comment-review-pane-background-color: $content-bg-color-alt2 !default;
$spread-comment-review-title-color: rgba($content-text-color) !default;
$spread-comment-title-color: rgba($content-text-color) !default;
$spread-comment-text-color: rgba($content-text-color) !default;
$spread-comment-timestamp-color: rgba($content-text-color-alt1) !default;
$spread-comment-input-height: 32px !default;
$spread-comment-input-border-bottom-focused: 2px solid rgba($primary) !default;
$spread-comment-border: 1px solid $outline-variant !default;
$spread-comment-menu-height: 32px !default;
$spread-comment-menu-width: 32px !default;
$spread-comment-postbtn-padding: 6px 12px !default;
$spread-comment-header-wrap-gap: 8px !default;