UNPKG

@syncfusion/ej2-spreadsheet

Version:

Feature-rich JavaScript Spreadsheet (Excel) control with built-in support for selection, editing, formatting, importing and exporting to Excel

1,637 lines (1,634 loc) 298 kB
/* stylelint-disable */ .e-popup.e-ddl .e-dropdownbase { min-height: 26px; } .e-ddl.e-popup { border: 0; -webkit-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.4); box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.4); margin-top: 1px; } .e-ddl.e-popup .e-content.e-nodata { background-color: #fff; } .e-ddl.e-popup .e-dropdownbase .e-list-item .e-highlight { color: #23726c; } .e-ddl.e-popup .e-input-group { display: -webkit-box; display: -ms-flexbox; display: flex; width: auto; } .e-ddl.e-popup .e-input-group input { line-height: 15px; } .e-ddl.e-popup .e-input-group .e-clear-icon { border-radius: 20px; height: 20px; margin: 5px; min-width: 20px; } .e-ddl.e-popup .e-input-group .e-clear-icon::before { font-size: 10px; } .e-ddl.e-popup .e-filter-parent { border-left-width: 0; border-right-width: 0; } .e-ddl.e-popup .e-filter-parent .e-input-group.e-control-wrapper:hover:active { border-color: #000; } /*! spreadsheet layout */ .e-spreadsheet { display: block; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .e-spreadsheet.sf-spreadsheet .e-document_details { padding: 10px; } .e-spreadsheet.sf-spreadsheet .e-main-panel { height: calc(100% - 54px); overflow-y: scroll; } .e-spreadsheet.sf-spreadsheet .e-ss-overlay-t .e-ss-resizer { width: 8px; height: 8px; border-radius: 4px; } .e-spreadsheet.sf-spreadsheet .e-scrollbar { height: 19px; } .e-spreadsheet.sf-spreadsheet .e-resize-helper { top: 0; } .e-spreadsheet.sf-spreadsheet .e-rowresize-handler { position: absolute; } .e-spreadsheet.sf-spreadsheet .e-spreadsheet-ribbon .e-ribbon-simplified-mode { border: 1px solid var(--color-sf-border-light); border-bottom: 0; border-radius: 0; } .e-spreadsheet.sf-spreadsheet .e-spreadsheet-ribbon .e-ribbon-simplified-mode .e-content .e-split-btn-wrapper { -webkit-box-shadow: none; box-shadow: none; } .e-spreadsheet.sf-spreadsheet .e-spreadsheet-ribbon .e-ribbon-simplified-mode .e-content .e-split-btn-wrapper .e-split-btn, .e-spreadsheet.sf-spreadsheet .e-spreadsheet-ribbon .e-ribbon-simplified-mode .e-content .e-split-btn-wrapper .e-dropdown-btn.e-color-picker { -webkit-box-shadow: none; box-shadow: none; border-color: rgba(0, 0, 0, 0); background: rgba(0, 0, 0, 0); color: var(--color-sf-content-text-color); } .e-spreadsheet.sf-spreadsheet .e-spreadsheet-ribbon .e-ribbon-simplified-mode .e-content .e-split-btn-wrapper .e-split-btn.e-color-picker { padding-left: 0; padding-right: 0; width: 32px; } .e-spreadsheet.sf-spreadsheet .e-spreadsheet-ribbon .e-ribbon-simplified-mode .e-content .e-split-btn-wrapper .e-split-btn.e-color-picker .e-selected-color { background: none; border-bottom-style: solid; border-bottom-width: 3px; border-radius: 0; height: auto; padding-bottom: 1px; width: auto; } .e-spreadsheet.sf-spreadsheet .e-spreadsheet-ribbon .e-ribbon-simplified-mode .e-content .e-split-btn-wrapper .e-split-btn.e-color-picker .e-icons.e-btn-icon:not(.e-caret).e-font-color { font-size: 13px; } .e-spreadsheet.sf-spreadsheet .e-spreadsheet-ribbon .e-ribbon-simplified-mode .e-content .e-split-btn-wrapper .e-split-btn.e-color-picker .e-icons.e-btn-icon:not(.e-caret).e-fill-color { font-size: 14px; } .e-spreadsheet.sf-spreadsheet .e-spreadsheet-ribbon .e-ribbon-simplified-mode .e-content .e-split-btn:focus { outline-offset: 0; -webkit-box-shadow: none; box-shadow: none; outline: var(--color-sf-secondary-bg-color) 0 solid; } .e-spreadsheet.sf-spreadsheet .e-spreadsheet-ribbon .e-ribbon-simplified-mode .e-dropdown-btn { white-space: nowrap; } .e-spreadsheet.sf-spreadsheet .e-spreadsheet-ribbon .e-ribbon-simplified-mode .e-btn:not(.e-tbar-btn):not(.e-dropdown-btn):not(.e-split-btn) { padding-left: 1.5px; padding-right: 1.5px; } .e-spreadsheet.sf-spreadsheet .e-spreadsheet-ribbon .e-ribbon-simplified-mode .e-btn:not(.e-tbar-btn):not(.e-dropdown-btn):not(.e-split-btn) .e-btn-icon { font-size: 16px; min-width: 30px; } .e-spreadsheet.sf-spreadsheet .e-spreadsheet-ribbon .e-ribbon-simplified-mode .e-ribbon-template.e-ribbon-text-format:not(.e-separator):not(.e-spacer) { height: inherit; min-width: 32px; padding: 4px 0; } .e-spreadsheet.sf-spreadsheet .e-spreadsheet-ribbon .e-ribbon-simplified-mode .e-btn:not(.e-tbar-btn) { font-weight: normal; white-space: nowrap; } .e-spreadsheet.sf-spreadsheet .e-sheets-list .e-btn-icon { width: 1em; margin: 0; } .e-spreadsheet.sf-spreadsheet .e-name-manager-dialog-mobile .e-dlg-header-content { background: var(--color-sf-content-bg-color-alt1); border-bottom: 1px solid var(--color-sf-border-light); border-radius: 0; padding: 12px 10px; width: 100%; } .e-spreadsheet.sf-spreadsheet .e-name-dlg-header-mobile { display: -webkit-box; display: -ms-flexbox; display: flex; font-size: 16px; font-weight: 600; } .e-spreadsheet.sf-spreadsheet .custom-close-btn { font-size: 18px; } .e-spreadsheet.sf-spreadsheet .e-header-title { font-size: 22px; font-weight: 600; line-height: 28px; margin-left: 12px; overflow: hidden; text-overflow: ellipsis; width: 100%; } .e-spreadsheet.sf-spreadsheet .e-name-manager-dialog .e-dlg-header-content { padding-bottom: 18px; } .e-spreadsheet.sf-spreadsheet .e-name-manager-ok-btn { font-size: 22px; font-weight: 600; margin-right: 14px; } .e-spreadsheet.sf-spreadsheet .e-spreadsheet-name-manager-form-group { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 4px; padding-top: 16px; } .e-spreadsheet.sf-spreadsheet .e-spreadsheet-name-manager-range-input { display: -webkit-box; display: -ms-flexbox; display: flex; gap: 12px; } .e-spreadsheet.sf-spreadsheet .e-spreadsheet-name-manager-form-actions { display: -webkit-box; display: -ms-flexbox; display: flex; gap: 8px; padding-top: 12px; } .e-spreadsheet.sf-spreadsheet .e-spreadsheet-name-manager-error { color: #fff; font-size: 12px; } .e-spreadsheet.sf-spreadsheet .e-named-range .e-list-wrapper { padding: 0; } .e-spreadsheet.sf-spreadsheet .e-namedRangesList.e-listview { margin-top: 16px; } .e-spreadsheet.sf-spreadsheet .e-namedRangesList.e-listview .e-list-item, .e-spreadsheet.sf-spreadsheet .e-unlock-range-listview.e-listview .e-list-item { padding: 0 8px; } .e-spreadsheet.sf-spreadsheet .e-namedRangesList.e-listview .e-named-range, .e-spreadsheet.sf-spreadsheet .e-unlock-range-listview.e-listview .e-unlock-range { -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding: 0; } .e-spreadsheet.sf-spreadsheet .e-namedRangesList.e-listview .e-list-content-wrapper, .e-spreadsheet.sf-spreadsheet .e-unlock-range-listview.e-listview .e-list-content-wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; overflow: hidden; text-overflow: ellipsis; } .e-spreadsheet.sf-spreadsheet .e-namedRangesList.e-listview .e-list-item-actions { gap: 8px; } .e-spreadsheet.sf-spreadsheet .e-namedRangesList.e-listview .e-btn-icon, .e-spreadsheet.sf-spreadsheet .e-unlock-range-listview.e-listview .e-btn-icon { -webkit-box-align: center; -ms-flex-align: center; align-items: center; background: none; border: none; border-radius: 50%; cursor: pointer; display: -webkit-box; display: -ms-flexbox; display: flex; height: 38px; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding: 4px; width: 40px; } .e-spreadsheet.sf-spreadsheet .e-namedRangesList.e-listview .e-btn-icon:hover, .e-spreadsheet.sf-spreadsheet .e-unlock-range-listview.e-listview .e-btn-icon:hover { background-color: #ecf; } .e-spreadsheet.sf-spreadsheet .e-namedRangesList.e-listview .e-edit-btn .e-icons, .e-spreadsheet.sf-spreadsheet .e-namedRangesList.e-listview .e-delete-btn .e-icons, .e-spreadsheet.sf-spreadsheet .e-unlock-range-listview.e-listview .e-edit-btn .e-icons, .e-spreadsheet.sf-spreadsheet .e-unlock-range-listview.e-listview .e-delete-btn .e-icons { font-size: 16px; } .e-spreadsheet.sf-spreadsheet .e-protectworkbook-dlg .e-dlg-content .e-protection-error-message, .e-spreadsheet.sf-spreadsheet .e-unprotectworkbook-dlg .e-dlg-content .e-protection-error-message { color: #fff; font-size: 12px; } .e-spreadsheet.sf-spreadsheet .e-spreadsheet-unprotect-dialog .e-unprotect-content .e-unprotect-error-message { color: #fff; font-size: 12px; } .e-spreadsheet.sf-spreadsheet .e-spreadsheet-protection-dialog .e-dlg-header-content { padding-bottom: 10px; } .e-spreadsheet.sf-spreadsheet .e-spreadsheet-protection-dialog .e-protection-tab-content .e-protection-toggle-container { padding-top: 12px; padding-bottom: 12px; } .e-spreadsheet.sf-spreadsheet .e-spreadsheet-protection-dialog .e-protection-tab-content .e-protection-password-field { padding-bottom: 11px; } .e-spreadsheet.sf-spreadsheet .e-spreadsheet-protection-dialog .e-protection-tab-content .e-protection-password-field label { padding-bottom: 4px; } .e-spreadsheet.sf-spreadsheet .e-spreadsheet-protection-dialog .e-protection-tab-content .e-protection-error-message { color: #fff; font-size: 12px; } .e-spreadsheet.sf-spreadsheet .e-spreadsheet-protection-dialog .e-protection-tab-content .e-unlock-range-container .e-unlock-range-field { padding-top: 12px; } .e-spreadsheet.sf-spreadsheet .e-spreadsheet-protection-dialog .e-protection-tab-content .e-unlock-range-container .e-unlock-range-actions { padding: 6px 0; } .e-spreadsheet.sf-spreadsheet .e-spreadsheet-protection-dialog .e-protection-tab-content .e-unlock-range-container .e-unlock-text { padding-top: 15px; padding-bottom: 3px; } .e-spreadsheet.sf-spreadsheet .e-spreadsheet-protection-dialog .e-protection-tab-content .e-unlock-range-container .e-unlock-range-item { height: 55px; padding-bottom: 4px; border-radius: 4px; background-color: rgba(255, 255, 255, 0); } .e-spreadsheet.sf-spreadsheet .e-spreadsheet-protection-dialog .e-protection-tab-content .e-unlock-range-container .e-unlock-range-item .e-unlock-range-name { font-family: "Segoe UI"; font-size: 16px; font-weight: 600; line-height: 20px; color: rgb(36, 36, 36); } .e-spreadsheet.sf-spreadsheet .e-spreadsheet-protection-dialog .e-protection-tab-content .e-unlock-range-container .e-unlock-range-item .e-unlock-range-value { font-family: "Segoe UI"; font-size: 16px; font-weight: 400; line-height: 22px; color: rgb(66, 66, 66); } .e-spreadsheet.sf-spreadsheet .e-spreadsheet-protection-dialog .e-protection-tab-content .e-sheet-options-container .e-sheet-options-header { font-family: "Segoe UI"; font-size: 14px; font-weight: 400; line-height: 20px; color: rgb(36, 36, 36); padding-top: 11px; padding-bottom: 4px; } .e-spreadsheet.sf-spreadsheet .e-spreadsheet-unprotect-dialog .e-dlg-header-content { padding-bottom: 10px; } .e-spreadsheet.sf-spreadsheet .e-spreadsheet-unprotect-dialog .e-unprotect-password-field label { font-family: "Segoe UI"; font-weight: 400; font-size: 14px; line-height: 20px; color: rgb(36, 36, 36); padding-bottom: 0; } .e-spreadsheet.sf-spreadsheet .e-hyperlink-dlg.e-dialog .e-dlg-content .e-link-dialog .e-content .e-cont { width: 275px; } .e-spreadsheet .e-protect-dlg.e-dialog { height: 405px; width: 302px; } .e-spreadsheet .e-protect-dlg.e-dialog .e-sheet-password-content { font-size: 14px; } .e-spreadsheet .e-protect-dlg.e-dialog .e-sheet-password-content .e-header { line-height: 28px; margin-bottom: 4px; } .e-spreadsheet .e-custom-format-dlg.e-dialog { height: 510px !important; /* stylelint-disable-line declaration-no-important */ width: 530px !important; /* stylelint-disable-line declaration-no-important */ } .e-spreadsheet .e-custom-format-dlg.e-dialog .e-footer-content { padding: 0; } .e-spreadsheet .e-custom-format-dlg.e-dialog .e-dlg-content { display: inline-table; padding-top: 3px; } .e-spreadsheet .e-custom-format-dlg.e-dialog.e-rtl .e-dlg-content .e-custom-dialog .e-input.e-dialog-input { margin-left: 2.8%; } .e-spreadsheet .e-unprotectworksheet-dlg.e-dialog .e-dlg-content .e-unprotectsheetpwd-alert-span { color: #dd2c2c; font-size: 12px; padding-top: 7px; } .e-spreadsheet .e-unprotectworksheet-dlg.e-dialog .e-dlg-content .e-unprotectsheetpwd-content .e-header { font-size: 14px; line-height: 16px; } .e-spreadsheet .e-unprotectworksheet-dlg.e-dialog .e-dlg-content .e-unprotectsheetpwd-content .e-input { margin-top: 10px; } .e-spreadsheet .e-reenterpwd-dlg.e-dialog .e-dlg-content .e-reenterpwd-alert-span { color: #dd2c2c; font-size: 12px; padding-top: 7px; } .e-spreadsheet .e-reenterpwd-dlg.e-dialog .e-dlg-content .e-reenterpwd-content .e-header { font-size: 18px; line-height: 16px; } .e-spreadsheet .e-reenterpwd-dlg.e-dialog .e-dlg-content .e-reenterpwd-content .e-input { margin-top: 10px; } .e-spreadsheet .e-goto-dlg.e-dialog { height: auto; } .e-spreadsheet .e-goto-dlg.e-dialog .e-dlg-content .e-goto-alert-span { font-weight: bold; padding-top: 7px; } .e-spreadsheet .e-findnreplace-exactmatchcheckbox { padding: 12px; } .e-spreadsheet.e-filter-open { position: relative; } .e-spreadsheet .e-findtool-dlg { border: 1px solid; height: 45px; width: 357px; } .e-spreadsheet .e-findtool-dlg.e-device .e-dlg-header-content { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; } .e-spreadsheet .e-findtool-dlg.e-device .e-dlg-header-content .e-dlg-header { -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; } .e-spreadsheet .e-findtool-dlg.e-device .e-dlg-content { display: none; } .e-spreadsheet .e-findtool-dlg .e-dlg-content, .e-spreadsheet .e-findtool-dlg.e-device .e-dlg-header-content { padding: 0%; } .e-spreadsheet .e-findtool-dlg .e-dlg-content .e-input-group, .e-spreadsheet .e-findtool-dlg.e-device .e-dlg-header-content .e-input-group { width: 170px; } .e-spreadsheet .e-findtool-dlg .e-dlg-content .e-input-group .e-input-group-icon, .e-spreadsheet .e-findtool-dlg.e-device .e-dlg-header-content .e-input-group .e-input-group-icon { width: 70px; } .e-spreadsheet .e-center-align { text-align: center; } .e-spreadsheet .e-protect-option-list { border: none; cursor: default; margin-top: 20px; overflow-y: auto; } .e-spreadsheet .e-protect-checkbox { height: 30px; margin-top: 20px; } .e-spreadsheet .e-protect-checkbox .e-label { font-size: 14px; } .e-spreadsheet .e-dlg-content .e-custom-dialog .e-input-button { display: -webkit-box; display: -ms-flexbox; display: flex; } .e-spreadsheet .e-dlg-content .e-custom-dialog .e-input.e-dialog-input { float: left; margin-right: 2.8%; } .e-spreadsheet .e-dlg-content .e-custom-dialog .e-custom-sample { margin: 10px 10px 10px 0; } .e-spreadsheet .e-dlg-content .e-custom-dialog .e-custom-listview { border: 1px solid #ddd; border-radius: 3px; height: 300px; } .e-spreadsheet .e-protect-content { font-size: 14px; height: 37px; width: 100%; padding-top: 20px; } .e-spreadsheet .e-formula-bar-panel { -webkit-box-align: center; -ms-flex-align: center; align-items: center; border: none; display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; } .e-spreadsheet .e-formula-bar-panel .e-btn.e-css.e-insert-function, .e-spreadsheet .e-formula-bar-panel .e-btn.e-css.e-formula-submit { border: 0; border-radius: 0; padding-bottom: 0; padding-top: 0; vertical-align: top; } .e-spreadsheet .e-formula-bar-panel .e-btn.e-css.e-insert-function .e-btn-icon, .e-spreadsheet .e-formula-bar-panel .e-btn.e-css.e-formula-submit .e-btn-icon { font-size: 16px; margin-top: 0; vertical-align: top; } .e-spreadsheet .e-formula-bar-panel .e-btn.e-css.e-insert-function.e-btn:focus, .e-spreadsheet .e-formula-bar-panel .e-btn.e-css.e-formula-submit.e-btn:focus { -webkit-box-shadow: none; box-shadow: none; outline: 0; } .e-spreadsheet .e-formula-bar-panel .e-name-box { -ms-flex-item-align: start; align-self: flex-start; border: 0; margin-bottom: 0; vertical-align: top; } .e-spreadsheet .e-formula-bar-panel .e-name-box .e-clear-icon { display: none; } .e-spreadsheet .e-formula-bar-panel .e-name-box.e-input-group.e-input-focus.e-control-wrapper.e-ddl { border: 0; z-index: 1; } .e-spreadsheet .e-formula-bar-panel .e-name-box.e-input-group.e-input-focus.e-control-wrapper.e-ddl::after, .e-spreadsheet .e-formula-bar-panel .e-name-box.e-input-group.e-input-focus.e-control-wrapper.e-ddl::before { height: 0; } .e-spreadsheet .e-formula-bar-panel .e-name-box.e-input-group.e-control-wrapper.e-ddl.e-name-box { width: 112px; } .e-spreadsheet .e-formula-bar-panel .e-name-box.e-input-group.e-control-wrapper.e-ddl.e-name-box input.e-input { height: 23px; min-height: 15px; padding: 0 0 0 8px; } .e-spreadsheet .e-formula-bar-panel .e-name-box.e-input-group.e-control-wrapper.e-ddl.e-name-box .e-input-group-icon { font-size: 8px; } .e-spreadsheet .e-formula-bar-panel .e-name-box.e-input-group.e-control-wrapper.e-name-box .e-input-group-icon { border-left-width: 0; min-height: 15px; } .e-spreadsheet .e-formula-bar-panel .e-separator { border-left-style: solid; border-left-width: 1px; height: 12px; width: 1px; } .e-spreadsheet .e-formula-bar-panel .e-formula-bar { border: 0; font-size: 14px; overflow: auto; padding: 0 4px; resize: none; } .e-spreadsheet .e-formula-bar-panel .e-drop-icon { -ms-flex-item-align: start; align-self: flex-start; cursor: pointer; float: right; line-height: 23px; margin-right: 4px; text-align: center; -webkit-transition: -webkit-transform 300ms ease; transition: -webkit-transform 300ms ease; transition: transform 300ms ease; transition: transform 300ms ease, -webkit-transform 300ms ease; width: 18px; font-size: 10px; } .e-spreadsheet.e-hide-row-header .e-row-header, .e-spreadsheet.e-hide-row-header .e-selectall-container { display: none; } .e-spreadsheet.e-hide-row-header .e-column-header, .e-spreadsheet.e-hide-row-header .e-sheet-content { width: 100% !important; /* stylelint-disable-line declaration-no-important */ } .e-spreadsheet.e-hide-column-header .e-header-panel { display: none; } .e-spreadsheet.e-hide-column-header .e-main-panel { height: 100%; } .e-spreadsheet .e-sheet { height: 100%; overflow: hidden; position: relative; } .e-spreadsheet .e-sheet:not(.e-frozen-rows) { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .e-spreadsheet .e-sheet .e-virtualable { will-change: transform; z-index: 1; } .e-spreadsheet .e-sheet .e-spreadsheet-edit { border: 0; cursor: text; display: none; font-family: "Calibri"; font-size: 11pt; height: auto; line-height: normal; outline: none; overflow-wrap: break-word; position: absolute; -webkit-user-select: text; -moz-user-select: text; -ms-user-select: text; user-select: text; vertical-align: bottom; white-space: pre-wrap; z-index: 2; padding: 0 1px; } .e-spreadsheet .e-sheet .e-spreadsheet-edit.e-right-align { text-align: right; } .e-spreadsheet .e-sheet .e-scrollbar { border-top: none; position: relative; z-index: 4; } .e-spreadsheet .e-sheet .e-scrollbar .e-scroller { height: 100%; overflow-x: scroll; position: absolute; } .e-spreadsheet .e-sheet .e-scrollbar .e-scroller .e-virtualtrack { height: 1px; } .e-spreadsheet .e-ss-focus-edit { clip: rect(1px, 1px, 1px, 1px); height: 1px; overflow: hidden; position: absolute; top: 0; width: 1px; } .e-spreadsheet .e-ss-atc { display: none; } .e-spreadsheet .e-main-panel { height: calc(100% - 31px); overflow: hidden; position: relative; } .e-spreadsheet .e-main-panel .e-ss-chart-overlay { border: 1px solid #616161; } .e-spreadsheet .e-main-panel .e-virtualable { position: absolute; } .e-spreadsheet .e-main-panel .e-virtualtrack { position: relative; } .e-spreadsheet .e-excelfilter .e-spreadsheet-ftrchk { padding-left: 22px; } .e-spreadsheet .e-excelfilter .e-spreadsheet-ftrchk .e-chk-hidden { margin: 3px 3px 3px 4px; } .e-spreadsheet .e-excelfilter .e-spreadsheet-ftrchk .e-checkboxfiltertext { width: auto; } .e-spreadsheet .e-excelfilter.e-rtl .e-spreadsheet-ftrchk { padding-left: 0; padding-right: 22px; } .e-spreadsheet .e-checkboxtree ul { padding-left: 0; } .e-spreadsheet .e-checkboxtree.e-rtl ul { padding-right: 0; } .e-spreadsheet .e-table { border: 0 none; border-collapse: separate; border-spacing: 0; cursor: cell; table-layout: fixed; width: 100%; } .e-spreadsheet .e-table tr { line-height: normal; } .e-spreadsheet .e-table tr .e-cell, .e-spreadsheet .e-table tr .e-header-cell, .e-spreadsheet .e-table tr .e-select-all-cell { border-style: solid; border-width: 0 1px 1px 0; line-height: inherit; overflow: hidden; } .e-spreadsheet .e-table tr .e-cell { font-family: "Calibri"; font-size: 11pt; padding: 0 2px; position: relative; text-align: left; vertical-align: bottom; white-space: pre; } .e-spreadsheet .e-table tr .e-cell.e-right-align { text-align: right; } .e-spreadsheet .e-table tr .e-cell .e-hyperlink { cursor: pointer; } .e-spreadsheet .e-table tr .e-cell .e-hyperlink-style { color: inherit; text-decoration: inherit; } .e-spreadsheet .e-table tr .e-cell.e-alt-unwrap { white-space: nowrap; } .e-spreadsheet .e-table tr .e-cell.e-ie-wrap { word-break: break-all; } .e-spreadsheet .e-table tr .e-cell.e-wraptext { overflow-wrap: break-word; white-space: pre-wrap; } .e-spreadsheet .e-table tr .e-cell.e-wraptext .e-wrap-content { bottom: 0; left: 0; line-height: initial; padding-left: 2px; padding-right: 2px; position: absolute; text-decoration: inherit; width: 100%; } .e-spreadsheet .e-table tr .e-cell.e-wraptext[style*="vertical-align: top;"] .e-wrap-content { top: 0; } .e-spreadsheet .e-table tr .e-cell.e-wraptext[style*="vertical-align: middle;"] .e-wrap-content { bottom: initial; -webkit-transform: translateY(-50%); transform: translateY(-50%); } .e-spreadsheet .e-table tr .e-cell .e-cf-databar { position: relative; z-index: 1; } .e-spreadsheet .e-table tr .e-cell .e-cf-databar .e-databar { margin-top: 1px; position: absolute; z-index: -1; } .e-spreadsheet .e-table tr .e-cell .e-cf-databar .e-databar-value { display: inline-grid; height: 100%; } .e-spreadsheet .e-table tr .e-cell .e-iconsetspan { float: left; height: 15px; position: relative; vertical-align: bottom; width: 15px; z-index: 2; } .e-spreadsheet .e-table tr .e-header-cell { font-size: 12px; font-weight: 500; letter-spacing: 0; position: relative; text-align: center; white-space: pre; } .e-spreadsheet .e-table tr .e-header-cell .e-filter-btn { bottom: 5px; margin-right: 0; position: absolute; right: 1px; } .e-spreadsheet .e-select-all-cell { border-style: solid; border-width: 0 1px 1px 0; padding: 1px; } .e-spreadsheet .e-select-all-cell .e-selectall { border-style: solid; border-width: 13px; cursor: cell; float: right; height: 26px; padding: 0; width: 26px; } .e-spreadsheet.sf-spreadsheet .e-header-panel .e-selectall-container { height: 30px; padding-top: 1px; } .e-spreadsheet.sf-spreadsheet .e-header-panel .e-header-row { height: 30px; } .e-spreadsheet.sf-spreadsheet .e-header-panel .e-header-row .e-header-cell { white-space: pre-line; } .e-spreadsheet .e-row-header .e-table .e-header-cell { padding-bottom: 2px; vertical-align: bottom; } .e-spreadsheet .e-column-header .e-table .e-header-cell { padding: 1px 0 0 1px; vertical-align: middle; } .e-spreadsheet .e-row-header .e-table .e-zero .e-header-cell, .e-spreadsheet .e-row-header .e-table .e-zero-start .e-header-cell, .e-spreadsheet .e-row-header .e-table .e-zero-end .e-header-cell { border-bottom-width: 0; padding-bottom: 0; padding-top: 0; vertical-align: bottom; } .e-spreadsheet .e-row-header .e-table .e-reach-fntsize .e-header-cell { padding-bottom: 0; padding-top: 0; vertical-align: bottom; } .e-spreadsheet .e-row-header .e-table .e-zero-last .e-header-cell { border-bottom-width: 1px; } .e-spreadsheet .e-sheet-content .e-table .e-zero .e-cell, .e-spreadsheet .e-sheet-content .e-table .e-zero-start .e-cell, .e-spreadsheet .e-sheet-content .e-table .e-zero-end .e-cell { border-bottom-width: 0; } .e-spreadsheet .e-sheet .e-ss-overlay { background-position: 0 0; background-repeat: no-repeat; background-size: 100% 100%; left: 0; position: absolute; top: 0; z-index: 3; } .e-spreadsheet .e-sheet .e-ss-overlay-active .e-ss-overlay-t { background-color: #400074; cursor: ns-resize; position: absolute; right: 50%; top: 0; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .e-spreadsheet .e-sheet .e-ss-overlay-active .e-ss-overlay-r { background-color: #400074; cursor: ew-resize; position: absolute; right: -8px; top: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .e-spreadsheet .e-sheet .e-ss-overlay-active .e-ss-overlay-b { background-color: #400074; cursor: ns-resize; position: absolute; right: 50%; top: 100%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .e-spreadsheet .e-sheet .e-ss-overlay-active .e-ss-resizer-touch::before { content: ""; height: 20px; position: absolute; right: -6px; top: -6px; width: 20px; } .e-spreadsheet .e-sheet .e-datavisualization-chart.e-ss-overlay { border: 1px solid #e0e0e0; } .e-spreadsheet .e-sheet .e-ss-overlay.e-ss-overlay-active { border: 1px solid #400074; cursor: move; } .e-spreadsheet .e-sheet .e-ss-overlay-active .e-ss-overlay-l { background-color: #400074; cursor: ew-resize; position: absolute; top: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .e-spreadsheet .e-sheet-panel.e-rtl .e-ss-overlay-active .e-ss-overlay-l { left: 0; } .e-spreadsheet .e-header-panel .e-table tr .e-header-cell.e-colresize { cursor: col-resize; } .e-spreadsheet .e-row-header .e-table tr .e-header-cell.e-rowresize, .e-spreadsheet .e-selectall-container .e-table .e-row .e-header-cell.e-rowresize { cursor: row-resize; } .e-spreadsheet .e-sheet { border: none; } .e-spreadsheet .e-sheet.e-hide-headers:not(.e-frozen-rows) .e-main-panel { height: 100%; } .e-spreadsheet .e-sheet.e-hide-headers.e-frozen-rows:not(.e-frozen-columns) .e-selectall-container, .e-spreadsheet .e-sheet.e-hide-headers.e-frozen-rows:not(.e-frozen-columns) .e-row-header { display: none; } .e-spreadsheet .e-sheet.e-hide-headers.e-frozen-columns:not(.e-frozen-rows) .e-selectall-container, .e-spreadsheet .e-sheet.e-hide-headers.e-frozen-columns:not(.e-frozen-rows) .e-column-header { display: none; } .e-spreadsheet .e-sheet.e-hide-headers:not(.e-frozen-rows):not(.e-frozen-columns) .e-selectall-container, .e-spreadsheet .e-sheet.e-hide-headers:not(.e-frozen-rows):not(.e-frozen-columns) .e-column-header, .e-spreadsheet .e-sheet.e-hide-headers:not(.e-frozen-rows):not(.e-frozen-columns) .e-row-header { display: none; } .e-spreadsheet .e-sheet.e-hide-headers .e-select-all-cell, .e-spreadsheet .e-sheet.e-hide-headers .e-header-cell, .e-spreadsheet .e-sheet.e-hide-headers .e-header-row, .e-spreadsheet .e-sheet.e-hide-headers .e-row-header colgroup col:first-child, .e-spreadsheet .e-sheet.e-hide-headers .e-selectall-container colgroup col:first-child { display: none; } .e-spreadsheet .e-sheet.e-hide-headers .e-sheet-content { width: 100%; } .e-spreadsheet .e-sheet.e-mac-safari .e-main-panel::-webkit-scrollbar { width: 7px; } .e-spreadsheet .e-sheet.e-mac-safari .e-scroller::-webkit-scrollbar { height: 7px; } .e-spreadsheet .e-sheet.e-mac-safari .e-main-panel::-webkit-scrollbar-thumb, .e-spreadsheet .e-sheet.e-mac-safari .e-scroller::-webkit-scrollbar-thumb { background-color: rgba(0, 0, 0, 0.5); border-radius: 4px; } .e-spreadsheet .e-header-panel { position: relative; } .e-spreadsheet .e-sheet-content { overflow: hidden; position: absolute; top: 0; } .e-spreadsheet .e-row-header { position: relative; } .e-spreadsheet .e-row-header .e-table tr.e-hide-start .e-header-cell::after, .e-spreadsheet .e-row-header .e-table tr.e-hide-end .e-header-cell::before { content: ""; left: 0; position: absolute; width: 100%; } .e-spreadsheet .e-row-header .e-table tr.e-hide-start .e-header-cell { border-bottom-color: transparent; position: relative; } .e-spreadsheet .e-row-header .e-table tr.e-hide-start .e-header-cell::after { border-top: none; bottom: 0.5px; } .e-spreadsheet .e-row-header .e-table tr.e-hide-end .e-header-cell { position: relative; } .e-spreadsheet .e-row-header .e-table tr.e-hide-end .e-header-cell::before { border-bottom: none; top: 0.5px; } .e-spreadsheet .e-column-header { border-style: solid; border-width: 0; overflow: hidden; position: absolute; top: 0; } .e-spreadsheet .e-column-header .e-table th.e-header-cell.e-hide-start::after, .e-spreadsheet .e-column-header .e-table th.e-header-cell.e-hide-end::before { bottom: 0; content: ""; height: inherit; position: absolute; top: 0; } .e-spreadsheet .e-column-header .e-table th.e-header-cell.e-hide-start { border-right-color: transparent; height: inherit; position: relative; } .e-spreadsheet .e-column-header .e-table th.e-header-cell.e-hide-start::after { border-right: none; right: 0.5px; } .e-spreadsheet .e-column-header .e-table th.e-hide-end.e-header-cell { height: inherit; position: relative; } .e-spreadsheet .e-column-header .e-table th.e-hide-end.e-header-cell::before { border-left: none; left: 0.5px; } .e-spreadsheet .e-sheet .e-datavisualization-chart .e-control.e-chart { height: 100%; position: initial !important; /* stylelint-disable-line declaration-no-important */ width: 100%; } .e-spreadsheet .e-sheet .e-datavisualization-chart .e-control.e-accumulationchart { height: 100%; overflow: hidden; padding: 4px; position: initial !important; /* stylelint-disable-line declaration-no-important */ width: 100%; } .e-spreadsheet .e-sheet .e-datavisualization-chart .e-ss-overlay-l, .e-spreadsheet .e-sheet .e-datavisualization-chart .e-ss-overlay-r, .e-spreadsheet .e-sheet .e-datavisualization-chart .e-ss-overlay-t, .e-spreadsheet .e-sheet .e-datavisualization-chart .e-ss-overlay-b { position: absolute; } .e-spreadsheet .e-header-panel .e-header-row, .e-spreadsheet .e-header-panel .e-select-all-cell { height: 30px; } .e-spreadsheet .e-header-panel .e-virtualtrack { height: 1px; } .e-spreadsheet .e-frozen-row, .e-spreadsheet .e-frozen-column { pointer-events: none; position: absolute; z-index: 3; } .e-spreadsheet .e-frozen-row { height: 1px; width: 100%; } .e-spreadsheet .e-frozen-column { height: 100%; top: 0; width: 1px; } .e-spreadsheet .e-sheet-tab-panel { -webkit-box-align: center; -ms-flex-align: center; align-items: center; border: none; border-top-width: 0; display: -webkit-box; display: -ms-flexbox; display: flex; padding: 0 8px; } .e-spreadsheet .e-sheet-tab { display: inline-block; line-height: 0; } .e-spreadsheet .e-sheet-tab > div { display: inline-block; } .e-spreadsheet .e-sheet-tab.e-tab { border: 0; } .e-spreadsheet .e-sheet-tab.e-tab .e-hscroll .e-scroll-nav.e-scroll-left-nav { left: auto; right: 40px; } .e-spreadsheet .e-sheet-tab.e-tab .e-tab-header { height: 35px; min-height: 35px; } .e-spreadsheet .e-sheet-tab.e-tab .e-tab-header .e-toolbar-item:not(.e-separator) { height: 35px; min-height: 35px; } .e-spreadsheet .e-sheet-tab.e-tab .e-tab-header .e-toolbar-item:not(.e-separator) .e-tab-wrap { height: 35px; } .e-spreadsheet .e-sheet-tab.e-tab .e-tab-header .e-toolbar-item:not(.e-separator) .e-text-wrap { height: 35px; } .e-spreadsheet .e-sheet-tab.e-tab .e-tab-header .e-toolbar-items { height: 35px; min-height: 35px; } .e-spreadsheet .e-sheet-tab.e-tab .e-tab-header .e-toolbar-items .e-scroll-nav { height: 35px; min-height: 35px; } .e-spreadsheet .e-sheet-tab.e-tab .e-tab-header .e-indicator { display: block; -webkit-transition: none; transition: none; } .e-spreadsheet .e-sheet-tab.e-tab .e-tab-header .e-toolbar-items .e-toolbar-item { border-right: none; } .e-spreadsheet .e-sheet-tab.e-tab .e-tab-header .e-toolbar-item { margin: 0; } .e-spreadsheet .e-sheet-tab.e-tab .e-tab-header .e-toolbar-item input.e-input.e-sheet-rename { background: transparent; border: 0; -webkit-box-shadow: none; box-shadow: none; min-width: 20px; padding: 0; } .e-spreadsheet .e-sheet-tab.e-tab .e-tab-header .e-toolbar-item .e-tab-wrap { padding: 0 12px; } .e-spreadsheet .e-sheet-tab.e-tab .e-tab-header .e-indicator { z-index: 1; } .e-spreadsheet .e-sheet-tab.e-tab .e-tab-header .e-toolbar-items { border-left: none; } .e-spreadsheet .e-sheet-tab.e-tab .e-content { display: none; } .e-spreadsheet .e-tab .e-tab-header .e-toolbar-item { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .e-spreadsheet .e-tab .e-tab-header .e-toolbar-item .e-tab-text { text-transform: none; } .e-spreadsheet .e-tab.e-sheet-tab .e-tab-header .e-tab-text { white-space: pre; } .e-spreadsheet .e-sheets-list { margin-right: 8px; } .e-spreadsheet .e-hide { display: none !important; /* stylelint-disable-line declaration-no-important */ } .e-spreadsheet .e-selection { border-style: solid; cursor: cell; pointer-events: none; position: absolute; z-index: 1; border-width: 1px; } .e-spreadsheet .e-active-cell, .e-spreadsheet .e-copy-indicator, .e-spreadsheet .e-range-indicator, .e-spreadsheet .e-formularef-indicator { cursor: cell; pointer-events: none; position: absolute; z-index: 1; } .e-spreadsheet .e-autofill { background-clip: content-box; background-color: #400074; border: 1px solid #fff; cursor: crosshair; height: 8px; position: absolute; width: 8px; z-index: 3; } .e-spreadsheet .e-filloption { position: absolute; z-index: 3; } .e-spreadsheet .e-active-cell { border: 2px solid #400074; pointer-events: none; } .e-spreadsheet .e-active-cell[style*="height: 1px;"], .e-spreadsheet .e-active-cell[style*="width: 1px;"], .e-spreadsheet .e-active-cell[style*="height: 0px;"], .e-spreadsheet .e-active-cell[style*="width: 0px;"] { border-width: 1px; } .e-spreadsheet .e-copy-indicator div, .e-spreadsheet .e-range-indicator div, .e-spreadsheet .e-formularef-indicator div { position: absolute; } .e-spreadsheet .e-copy-indicator div.e-top, .e-spreadsheet .e-copy-indicator div.e-bottom, .e-spreadsheet .e-range-indicator div.e-top, .e-spreadsheet .e-range-indicator div.e-bottom, .e-spreadsheet .e-formularef-indicator div.e-top, .e-spreadsheet .e-formularef-indicator div.e-bottom { height: 2px; width: 100%; } .e-spreadsheet .e-copy-indicator div.e-left, .e-spreadsheet .e-copy-indicator div.e-right, .e-spreadsheet .e-range-indicator div.e-left, .e-spreadsheet .e-range-indicator div.e-right, .e-spreadsheet .e-formularef-indicator div.e-left, .e-spreadsheet .e-formularef-indicator div.e-right { height: 100%; width: 2px; } .e-spreadsheet .e-copy-indicator div.e-top, .e-spreadsheet .e-range-indicator div.e-top, .e-spreadsheet .e-formularef-indicator div.e-top { top: 0; } .e-spreadsheet .e-copy-indicator div.e-bottom, .e-spreadsheet .e-range-indicator div.e-bottom, .e-spreadsheet .e-formularef-indicator div.e-bottom { bottom: 0; } .e-spreadsheet .e-copy-indicator div.e-left, .e-spreadsheet .e-range-indicator div.e-left, .e-spreadsheet .e-formularef-indicator div.e-left { left: 0; } .e-spreadsheet .e-copy-indicator div.e-right, .e-spreadsheet .e-range-indicator div.e-right, .e-spreadsheet .e-formularef-indicator div.e-right { right: 0; } .e-spreadsheet .e-clipboard { height: 1px; opacity: 0; overflow: hidden; position: absolute; width: 1px; } .e-spreadsheet .e-ribbon .e-dropdown-btn .e-tbar-btn-text { float: left; overflow: hidden; padding: 0; text-align: left; text-overflow: ellipsis; white-space: nowrap; width: 80px; } .e-spreadsheet .e-ribbon .e-dropdown-btn.e-font-size-ddb { -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-pack: left; -ms-flex-pack: left; justify-content: left; width: 68px; } .e-spreadsheet .e-ribbon .e-dropdown-btn.e-font-size-ddb .e-caret { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; text-align: right; } .e-spreadsheet .e-ribbon .e-toolbar .e-btn:not(.e-tbar-btn) { font-weight: normal; padding-bottom: 0; padding-top: 0; } .e-spreadsheet .e-ribbon .e-toolbar .e-btn:not(.e-tbar-btn).e-dropdown-btn { text-overflow: initial; } .e-spreadsheet .e-ribbon .e-toolbar .e-btn:not(.e-tbar-btn):not(.e-split-colorpicker) { line-height: 35px; } .e-spreadsheet .e-ribbon .e-toolbar .e-btn:not(.e-tbar-btn):not(.e-dropdown-btn):not(.e-split-btn) { padding-left: 0; padding-right: 0; } .e-spreadsheet .e-ribbon .e-toolbar .e-btn:not(.e-tbar-btn):not(.e-dropdown-btn):not(.e-split-btn) .e-btn-icon { min-width: 36px; } .e-spreadsheet .e-ribbon .e-toolbar .e-btn:not(.e-tbar-btn) .e-btn-icon { margin-top: 0; } .e-spreadsheet .e-ribbon .e-toolbar .e-btn:not(.e-tbar-btn):not(.e-split-colorpicker) .e-btn-icon { line-height: 35px; min-height: 35px; vertical-align: bottom; } .e-spreadsheet .e-ribbon .e-toolbar .e-btn:not(.e-tbar-btn):not(.e-split-colorpicker) .e-btn-icon:not(.e-caret) { font-size: 16px; } .e-spreadsheet .e-ribbon .e-toolbar .e-toolbar-item .e-btn .e-chart-icon, .e-spreadsheet .e-ribbon .e-toolbar .e-toolbar-item .e-btn .e-chart-type-icon { font-size: 32px !important; /* stylelint-disable-line declaration-no-important */ padding: 0 5px; width: 30px; margin-right: 5px; } .e-spreadsheet .e-ribbon .e-toolbar .e-toolbar-item .e-btn .e-switch-row-column-icon { font-size: 18px !important; /* stylelint-disable-line declaration-no-important */ margin-right: 5px; } .e-spreadsheet .e-ribbon .e-toolbar .e-toolbar-item .e-btn .e-addchart-icon { font-size: 18px !important; /* stylelint-disable-line declaration-no-important */ margin-right: -5px; } .e-spreadsheet .e-ribbon .e-toolbar .e-toolbar-item .e-btn.e-split-colorpicker { line-height: 34px; padding-bottom: 1px; padding-left: 0; padding-right: 0; width: 37px; } .e-spreadsheet .e-ribbon .e-toolbar .e-toolbar-item .e-btn.e-split-colorpicker .e-icons.e-btn-icon:not(.e-caret).e-font-color { font-size: 13px; } .e-spreadsheet .e-ribbon .e-toolbar .e-toolbar-item .e-btn.e-split-colorpicker .e-icons.e-btn-icon:not(.e-caret).e-fill-color { font-size: 14px; } .e-spreadsheet .e-ribbon .e-colorpicker-wrapper .e-split-btn .e-selected-color { background: none; border-bottom-style: solid; border-bottom-width: 3px; border-radius: 0; height: auto; padding-bottom: 1px; width: auto; } .e-spreadsheet .e-ribbon .e-colorpicker-wrapper .e-split-btn .e-selected-color .e-split-preview { display: none; } .e-spreadsheet .e-ribbon .e-colorpicker-wrapper .e-dropdown-btn { margin-left: 0; } .e-spreadsheet .e-ribbon.e-rtl .e-dropdown-btn .e-tbar-btn-text { float: right; text-align: right; } .e-spreadsheet .e-ribbon.e-rtl .e-dropdown-btn.e-font-size-ddb .e-caret { text-align: left; } .e-spreadsheet .e-ribbon.e-rtl .e-toolbar .e-toolbar-item .e-btn .e-chart-icon, .e-spreadsheet .e-ribbon.e-rtl .e-toolbar .e-toolbar-item .e-btn .e-chart-type-icon { padding: 0 0 0 5px; margin-right: -11px; margin-left: 5px; } .e-spreadsheet .e-ribbon.e-rtl .e-toolbar .e-toolbar-item .e-btn .e-switch-row-column-icon { margin-right: 0; margin-left: 5px; } .e-spreadsheet .e-ribbon.e-rtl .e-toolbar .e-toolbar-item .e-btn .e-addchart-icon { margin-right: -11px; margin-left: -5px; } .e-spreadsheet.e-mobile-view .e-header-toolbar { border: none; border-bottom-width: 0; } .e-spreadsheet.e-mobile-view .e-header-toolbar.e-toolbar .e-toolbar-items .e-toolbar-item:last-child { min-width: auto; padding: 0; } .e-spreadsheet.e-mobile-view .e-add-sheet-tab, .e-spreadsheet.e-mobile-view .e-sheets-list { height: 38px; width: 40px; } .e-spreadsheet.e-mobile-view .e-formula-bar-panel { border-top-width: 0; } .e-spreadsheet.e-mobile-view .e-formula-bar-panel .e-btn.e-css.e-insert-function, .e-spreadsheet.e-mobile-view .e-formula-bar-panel .e-btn.e-css.e-formula-submit { height: 41px; line-height: 40px; padding-left: 9px; padding-right: 9px; } .e-spreadsheet.e-mobile-view .e-formula-bar-panel .e-btn.e-css.e-insert-function .e-btn-icon, .e-spreadsheet.e-mobile-view .e-formula-bar-panel .e-btn.e-css.e-formula-submit .e-btn-icon { font-size: 18px; line-height: 42px; } .e-spreadsheet.e-mobile-view .e-formula-bar-panel .e-formula-bar { height: 41px; line-height: 41px; white-space: nowrap; width: calc(100% - 36px); } .e-spreadsheet.e-mobile-view .e-formula-bar-panel .e-formula-bar::-webkit-input-placeholder { font-style: italic; } .e-spreadsheet.e-mobile-view .e-formula-bar-panel .e-formula-bar::-moz-placeholder { font-style: italic; } .e-spreadsheet.e-mobile-view .e-formula-bar-panel .e-formula-bar:-ms-input-placeholder { font-style: italic; } .e-spreadsheet.e-mobile-view .e-formula-bar-panel .e-formula-bar::-ms-input-placeholder { font-style: italic; } .e-spreadsheet.e-mobile-view .e-formula-bar-panel .e-formula-bar::placeholder { font-style: italic; } .e-spreadsheet.e-mobile-view .e-formula-bar-panel.e-focused .e-formula-bar { border-right: none; width: calc(100% - 72px); } .e-spreadsheet.e-mobile-view .e-menu-wrapper.e-mobile.e-file-menu { height: 100%; } .e-spreadsheet.e-mobile-view .e-menu-wrapper.e-mobile.e-file-menu ul { height: 100%; padding: 0; } .e-spreadsheet.e-mobile-view .e-menu-wrapper.e-mobile.e-file-menu ul .e-menu-item.e-menu-caret-icon { height: 100%; line-height: 1; padding: 0 6px; } .e-spreadsheet.e-mobile-view .e-menu-wrapper.e-mobile.e-file-menu ul .e-menu-item.e-menu-caret-icon .e-menu-icon.e-file-menu-icon { -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; height: 100%; line-height: 1; margin: 0; width: auto; } .e-spreadsheet.e-mobile-view .e-menu-wrapper.e-mobile.e-file-menu ul .e-menu-item.e-menu-caret-icon .e-caret { display: none; } .e-spreadsheet.e-mobile-view .e-menu-wrapper.e-mobile.e-file-menu.e-rtl { direction: ltr; } .e-spreadsheet.e-mobile-view .e-toolbar-panel { border-top-width: 0; display: none; } .e-spreadsheet.e-mobile-view .e-toolbar-panel .e-dropdown-btn.e-btn { border-bottom-width: 0; border-right-width: 0; border-top-width: 0; } .e-spreadsheet.e-mobile-view .e-toolbar-panel .e-toolbar .e-toolbar-items.e-hscroll.e-scroll-device { padding: 0; width: 100%; } .e-spreadsheet.e-mobile-view .e-toolbar-panel .e-toolbar .e-scroll-nav { display: none; } .e-spreadsheet.e-mobile-view .e-sheet-tab { max-width: calc(100% - 104px); } .e-spreadsheet.e-mobile-view.e-mobile-focused .e-toolbar-panel { display: -webkit-box; display: -ms-flexbox; display: flex; } .e-spreadsheet.e-mobile-view.e-mobile-focused .e-sheet-tab-panel { display: none; } .e-spreadsheet.e-mobile-view:not(.e-mobile-focused) .e-active-cell, .e-spreadsheet.e-mobile-view:not(.e-mobile-focused) .e-focused-tick, .e-spreadsheet.e-mobile-view:not(.e-mobile-focused) .e-formula-bar-panel { display: none; } .e-spreadsheet .e-sheet-panel.e-rtl .e-sheet .e-table tr .e-cell, .e-spreadsheet .e-sheet-panel.e-rtl .e-sheet .e-table tr .e-header-cell { border-width: 0 0 1px 1px; } .e-spreadsheet .e-sheet-panel.e-rtl .e-select-all-cell { border-width: 0 0 1px 1px; } .e-spreadsheet .e-sheet-panel.e-rtl .e-frozen-row { right: 0; } .e-spreadsheet .e-sheet-panel.e-rtl .e-column-header .e-table th.e-header-cell.e-hide-start { border-left-color: transparent; } .e-spreadsheet .e-sheet-panel.e-rtl .e-column-header .e-table th.e-header-cell.e-hide-start::after { border-left: none; border-right: none; left: 0.5px; } .e-spreadsheet .e-sheet-panel.e-rtl .e-column-header .e-table th.e-hide-end.e-header-cell::before { border-left: none; border-right: none; right: 0.5px; } .e-spreadsheet .e-sheet-panel .e-frozen-columns .e-selectall-container { position: relative; } .e-spreadsheet .e-sheet-panel .e-frozen-rows .e-selectall-container { position: relative; } .e-spreadsheet .e-sheet-panel:not(.e-rtl) .e-frozen-row { left: 0; } .e-spreadsheet .e-sheet-panel.e-protected .e-selection, .e-spreadsheet .e-sheet-panel.e-protected .e-active-cell { display: none; } .e-spreadsheet .e-colresize-handler { border-right: 1px solid; cursor: col-resize; pointer-events: none; position: absolute; z-index: 1; } .e-spreadsheet .e-rowresize-handler { border-top: 1px solid; cursor: row-resize; pointer-events: none; position: absolute; z-index: 1; } .e-spreadsheet .e-validation-list { float: right; font-size: 11pt; height: inherit; max-height: 18px; overflow: hidden; padding: 0; position: relative; right: 0; text-align: initial; width: 20px; z-index: 2; } .e-spreadsheet .e-validation-list.e-rtl { float: left; } .e-spreadsheet .e-validation-list .e-input-group { border: 0; -webkit-box-shadow: none !important; box-shadow: none !important; /* stylelint-disable-line declaration-no-important */ margin: 0; } .e-spreadsheet .e-validation-list .e-input-group .e-search-icon { margin: 0; } .e-spreadsheet .e-validation-list .e-ddl-icon { height: 18px; min-height: 0; min-width: 0; width: 20px; } .e-spreadsheet .e-rtl .e-spreadsheet-edit { direction: ltr; text-align: left; } .e-spreadsheet .e-customsort-dlg.e-dialog .e-dlg-content { padding-bottom: 0; padding-left: 0; padding-right: 0; } .e-spreadsheet .e-customsort-dlg.e-dialog .e-dlg-content .e-sort-listsection { padding-top: 18px; } .e-spreadsheet .e-customsort-dlg.e-dialog .e-dlg-content .e-sort-listsection .e-input-group { min-width: 220px; max-width: 220px; } .e-spreadsheet .e-customsort-dlg.e-dialog .e-footer-content .e-sort-addbtn { float: left; margin-left: 0; } .e-spreadsheet .e-conditionalformatting-dlg .e-input, .e-spreadsheet .e-conditionalformatting-dlg .e-input-group { height: 34px; } .e-spreadsheet .e-conditionalformatting-dlg .e-cfmain { margin-bottom: 22px; } .e-spreadsheet .e-conditionalformatting-dlg .e-cfmain .e-header { font-size: 14px; } .e-spreadsheet .e-conditionalformatting-dlg .e-cfsub .e-header { font-size: 14px; } .e-spreadsheet .e-conditionalformatting-dlg .e-header { display: block; margin-bottom: 6px; } .e-spreadsheet .e-conditionalformatting-dlg .e-header-2 { margin-top: 10px; } .e-spreadsheet .e-conditionalformatting-dlg .e-top-header { font-weight: 500; } .e-spreadsheet .e-title-dlg .e-title-dlg-content .e-top-header { font-size: 16px; } .e-spreadsheet .e-title-dlg .e-title-dlg-content .e-input { font-size: 14px; line-height: 30px; } .e-spreadsheet .e-datavalidation-dlg .e-validation-dlg { margin-top: 14px; } .e-spreadsheet .e-datavalidation-dlg .e-validation-dlg .e-cellrange { margin-bottom: 24px; } .e-spreadsheet .e-datavalidation-dlg .e-validation-dlg .e-cellrange .e-header { font-size: 14px; line-height: 16px; } .e-spreadsheet .e-datavalidation-dlg .e-validation-dlg .e-cellrange .e-input { height: 32px; margin-top: 5px; font-size: 14px; } .e-spreadsheet .e-datavalidation-dlg .e-validation-dlg .e-allowdata { margin-bottom: 24px; } .e-spreadsheet .e-datavalidation-dlg .e-validation-dlg .e-allowdata .e-allow { display: inline-block; padding-right: 12px; width: 50%; } .e-spreadsheet .e-datavalidation-dlg .e-validation-dlg .e-allowdata .e-allow .e-header { font-size: 14px; line-height: 16px; } .e-spreadsheet .e-datavalidation-dlg .e-validation-dlg .e-allowdata .e-allow .e-valid-input { height: 34px; margin-top: 5px; } .e-spreadsheet .e-datavalidation-dlg .e-validation-dlg .e-allowdata .e-data { display: inline-block; padding-left: 12px; width: 50%; } .e-spreadsheet .e-datavalidation-dlg .e-validation-dlg .e-allowdata .e-data .e-header { font-size: 14px; line-height: 16px; } .e-spreadsheet .e-datavalidation-dlg .e-validation-dlg .e-allowdata .e-data .e-valid-input { height: 34px; margin-top: 5px; } .e-spreadsheet .e-datavalidation-dlg .e-validation-dlg .e-values { margin-bottom: 24px; } .e-spreadsheet .e-datavalidation-dlg .e-validation-dlg .e-values .e-minimum { display: inline-block; padding-right: 12px; width: 50%; } .e-spreadsheet .e-datavalidation-dlg .e-validation-dlg .e-values .e-minimum .e-header { font-size: 14px; line-height: 16px; } .e-spreadsheet .e-datavalidation-dlg .e-validation-dlg .e-values .e-minimum .e-input { font-size: 14px; height: 32px; margin-top: 5px; } .e-spreadsheet .e-datavalidation-dlg .e-validation-dlg .e-values .e-maximum { display: inline-block; padding-left: 12px; width: 50%; } .e-spread