@syncfusion/ej2-angular-spreadsheet 20.2.38 → 20.2.40-ngcc

package/styles/material.css

@@ -726,51 +726,58 @@
       -ms-user-select: none;
           user-select: none;
 }
-.e-spreadsheet .e-protect-dlg {
+.e-spreadsheet .e-protect-dlg.e-dialog {
   height: 470px;
   width: 287px;
 }
-.e-spreadsheet .e-protect-dlg .e-sheet-password-content .e-header {
+.e-spreadsheet .e-protect-dlg.e-dialog .e-sheet-password-content .e-header {
   font-size: 14px;
   line-height: 28px;
   margin-bottom: 4px;
 }
-.e-spreadsheet .e-unprotectworksheet-dlg {
+.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-unprotectworksheet-dlg.e-dialog {
   left: 0 !important;
 }
-.e-spreadsheet .e-unprotectworksheet-dlg .e-dlg-header-content .e-dlg-header {
+.e-spreadsheet .e-unprotectworksheet-dlg.e-dialog .e-dlg-header-content .e-dlg-header {
   font-size: 18px;
   line-height: 21px;
 }
-.e-spreadsheet .e-unprotectworksheet-dlg .e-dlg-content .e-unprotectsheetpwd-alert-span {
+.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-dlg-content .e-unprotectsheetpwd-content .e-header {
+.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-dlg-content .e-unprotectsheetpwd-content .e-input {
+.e-spreadsheet .e-unprotectworksheet-dlg.e-dialog .e-dlg-content .e-unprotectsheetpwd-content .e-input {
   margin-top: 10px;
 }
-.e-spreadsheet .e-reenterpwd-dlg {
+.e-spreadsheet .e-reenterpwd-dlg.e-dialog {
   left: 0 !important;
 }
-.e-spreadsheet .e-reenterpwd-dlg .e-dlg-header-content .e-dlg-header {
+.e-spreadsheet .e-reenterpwd-dlg.e-dialog .e-dlg-header-content .e-dlg-header {
   font-size: 18px;
   line-height: 21px;
 }
-.e-spreadsheet .e-reenterpwd-dlg .e-dlg-content .e-reenterpwd-alert-span {
+.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-dlg-content .e-reenterpwd-content .e-header {
+.e-spreadsheet .e-reenterpwd-dlg.e-dialog .e-dlg-content .e-reenterpwd-content .e-header {
   font-size: 14px;
   line-height: 16px;
 }
-.e-spreadsheet .e-reenterpwd-dlg .e-dlg-content .e-reenterpwd-content .e-input {
+.e-spreadsheet .e-reenterpwd-dlg.e-dialog .e-dlg-content .e-reenterpwd-content .e-input {
   margin-top: 10px;
 }
 .e-spreadsheet .e-goto-dlg {
@@ -821,13 +828,6 @@
   margin-right: 2.8%;
   width: 80%;
 }
-.e-spreadsheet .e-custom-format-dlg .e-footer-content {
-  padding: 0;
-}
-.e-spreadsheet .e-custom-format-dlg .e-dlg-content {
-  display: inline-table;
-  padding-top: 3px;
-}
 .e-spreadsheet .e-dlg-content .e-custom-dialog .e-custom-sample {
   margin: 10px 10px 10px 0;
 }
@@ -1054,7 +1054,7 @@
   cursor: pointer;
 }
 .e-spreadsheet .e-table tr .e-cell .e-hyperlink-style {
-  color: #00e;
+  color: inherit;
   text-decoration: underline;
 }
 .e-spreadsheet .e-table tr .e-cell.e-alt-unwrap {
@@ -1162,8 +1162,8 @@
 .e-spreadsheet .e-sheet .e-ss-overlay-active .e-ss-overlay-t {
   background-color: #e3165b;
   cursor: ns-resize;
+  left: 50%;
   position: absolute;
-  right: 50%;
   top: 0;
   transform: translate(-50%, -50%);
 }
@@ -1178,8 +1178,8 @@
 .e-spreadsheet .e-sheet .e-ss-overlay-active .e-ss-overlay-b {
   background-color: #e3165b;
   cursor: ns-resize;
+  left: 50%;
   position: absolute;
-  right: 50%;
   top: 100%;
   transform: translate(-50%, -50%);
 }
@@ -1777,21 +1777,21 @@
   direction: ltr;
   text-align: left;
 }
-.e-spreadsheet .e-customsort-dlg {
+.e-spreadsheet .e-customsort-dlg.e-dialog {
   height: 360px !important;
 }
-.e-spreadsheet .e-customsort-dlg .e-dlg-content {
+.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-dlg-content .e-sort-listsection {
+.e-spreadsheet .e-customsort-dlg.e-dialog .e-dlg-content .e-sort-listsection {
   padding-top: 18px;
 }
-.e-spreadsheet .e-customsort-dlg .e-dlg-content .e-sort-listsection .e-input-group {
+.e-spreadsheet .e-customsort-dlg.e-dialog .e-dlg-content .e-sort-listsection .e-input-group {
   min-width: 220px;
 }
-.e-spreadsheet .e-customsort-dlg .e-footer-content .e-sort-addbtn {
+.e-spreadsheet .e-customsort-dlg.e-dialog .e-footer-content .e-sort-addbtn {
   float: left;
   margin-left: 0;
 }
@@ -1915,83 +1915,83 @@
   font-size: 14px;
   line-height: 28px;
 }
-.e-spreadsheet .e-hyperlink-dlg,
-.e-spreadsheet .e-edithyperlink-dlg {
+.e-spreadsheet .e-hyperlink-dlg.e-dialog,
+.e-spreadsheet .e-edithyperlink-dlg.e-dialog {
   max-height: 640px !important;
 }
-.e-spreadsheet .e-hyperlink-dlg .e-dlg-header-content,
-.e-spreadsheet .e-edithyperlink-dlg .e-dlg-header-content {
+.e-spreadsheet .e-hyperlink-dlg.e-dialog .e-dlg-header-content,
+.e-spreadsheet .e-edithyperlink-dlg.e-dialog .e-dlg-header-content {
   padding: 24px 24px 16px;
 }
-.e-spreadsheet .e-hyperlink-dlg .e-dlg-header-content .e-dlg-header,
-.e-spreadsheet .e-edithyperlink-dlg .e-dlg-header-content .e-dlg-header {
+.e-spreadsheet .e-hyperlink-dlg.e-dialog .e-dlg-header-content .e-dlg-header,
+.e-spreadsheet .e-edithyperlink-dlg.e-dialog .e-dlg-header-content .e-dlg-header {
   font-size: 18px;
   line-height: 21px;
 }
-.e-spreadsheet .e-hyperlink-dlg .e-dlg-content,
-.e-spreadsheet .e-edithyperlink-dlg .e-dlg-content {
+.e-spreadsheet .e-hyperlink-dlg.e-dialog .e-dlg-content,
+.e-spreadsheet .e-edithyperlink-dlg.e-dialog .e-dlg-content {
   padding-bottom: 0;
   padding-left: 0;
   padding-right: 0;
 }
-.e-spreadsheet .e-hyperlink-dlg .e-dlg-content .e-link-dialog .e-tab-header,
-.e-spreadsheet .e-edithyperlink-dlg .e-dlg-content .e-link-dialog .e-tab-header {
+.e-spreadsheet .e-hyperlink-dlg.e-dialog .e-dlg-content .e-link-dialog .e-tab-header,
+.e-spreadsheet .e-edithyperlink-dlg.e-dialog .e-dlg-content .e-link-dialog .e-tab-header {
   padding: 0 24px 0 25px;
 }
-.e-spreadsheet .e-hyperlink-dlg .e-dlg-content .e-link-dialog .e-tab-header .e-toolbar-items,
-.e-spreadsheet .e-edithyperlink-dlg .e-dlg-content .e-link-dialog .e-tab-header .e-toolbar-items {
+.e-spreadsheet .e-hyperlink-dlg.e-dialog .e-dlg-content .e-link-dialog .e-tab-header .e-toolbar-items,
+.e-spreadsheet .e-edithyperlink-dlg.e-dialog .e-dlg-content .e-link-dialog .e-tab-header .e-toolbar-items {
   height: 100%;
 }
-.e-spreadsheet .e-hyperlink-dlg .e-dlg-content .e-link-dialog .e-tab-header .e-toolbar-item,
-.e-spreadsheet .e-edithyperlink-dlg .e-dlg-content .e-link-dialog .e-tab-header .e-toolbar-item {
+.e-spreadsheet .e-hyperlink-dlg.e-dialog .e-dlg-content .e-link-dialog .e-tab-header .e-toolbar-item,
+.e-spreadsheet .e-edithyperlink-dlg.e-dialog .e-dlg-content .e-link-dialog .e-tab-header .e-toolbar-item {
   text-align: center;
   width: 136px;
 }
-.e-spreadsheet .e-hyperlink-dlg .e-dlg-content .e-link-dialog .e-tab-header .e-toolbar-item .e-tab-text,
-.e-spreadsheet .e-edithyperlink-dlg .e-dlg-content .e-link-dialog .e-tab-header .e-toolbar-item .e-tab-text {
+.e-spreadsheet .e-hyperlink-dlg.e-dialog .e-dlg-content .e-link-dialog .e-tab-header .e-toolbar-item .e-tab-text,
+.e-spreadsheet .e-edithyperlink-dlg.e-dialog .e-dlg-content .e-link-dialog .e-tab-header .e-toolbar-item .e-tab-text {
   font-size: 13px;
   line-height: 15px;
 }
-.e-spreadsheet .e-hyperlink-dlg .e-dlg-content .e-link-dialog .e-content,
-.e-spreadsheet .e-edithyperlink-dlg .e-dlg-content .e-link-dialog .e-content {
+.e-spreadsheet .e-hyperlink-dlg.e-dialog .e-dlg-content .e-link-dialog .e-content,
+.e-spreadsheet .e-edithyperlink-dlg.e-dialog .e-dlg-content .e-link-dialog .e-content {
   padding-top: 24px;
 }
-.e-spreadsheet .e-hyperlink-dlg .e-dlg-content .e-link-dialog .e-content .e-cont,
-.e-spreadsheet .e-edithyperlink-dlg .e-dlg-content .e-link-dialog .e-content .e-cont {
+.e-spreadsheet .e-hyperlink-dlg.e-dialog .e-dlg-content .e-link-dialog .e-content .e-cont,
+.e-spreadsheet .e-edithyperlink-dlg.e-dialog .e-dlg-content .e-link-dialog .e-content .e-cont {
   margin: 0 0 15.5px 24px;
 }
-.e-spreadsheet .e-hyperlink-dlg .e-dlg-content .e-link-dialog .e-content .e-cont .e-header,
-.e-spreadsheet .e-edithyperlink-dlg .e-dlg-content .e-link-dialog .e-content .e-cont .e-header {
+.e-spreadsheet .e-hyperlink-dlg.e-dialog .e-dlg-content .e-link-dialog .e-content .e-cont .e-header,
+.e-spreadsheet .e-edithyperlink-dlg.e-dialog .e-dlg-content .e-link-dialog .e-content .e-cont .e-header {
   font-size: 14px;
   line-height: 16px;
 }
-.e-spreadsheet .e-hyperlink-dlg .e-dlg-content .e-link-dialog .e-content .e-cont .e-text,
-.e-spreadsheet .e-edithyperlink-dlg .e-dlg-content .e-link-dialog .e-content .e-cont .e-text {
+.e-spreadsheet .e-hyperlink-dlg.e-dialog .e-dlg-content .e-link-dialog .e-content .e-cont .e-text,
+.e-spreadsheet .e-edithyperlink-dlg.e-dialog .e-dlg-content .e-link-dialog .e-content .e-cont .e-text {
   font-size: 14px;
   height: 32px;
   line-height: 16px;
   width: 275px;
 }
-.e-spreadsheet .e-hyperlink-dlg .e-dlg-content .e-link-dialog .e-content .e-cont .e-text.e-disabled,
-.e-spreadsheet .e-edithyperlink-dlg .e-dlg-content .e-link-dialog .e-content .e-cont .e-text.e-disabled {
+.e-spreadsheet .e-hyperlink-dlg.e-dialog .e-dlg-content .e-link-dialog .e-content .e-cont .e-text.e-disabled,
+.e-spreadsheet .e-edithyperlink-dlg.e-dialog .e-dlg-content .e-link-dialog .e-content .e-cont .e-text.e-disabled {
   border-bottom-width: 2px;
 }
-.e-spreadsheet .e-hyperlink-dlg .e-dlg-content .e-link-dialog .e-content .e-cont .e-refcont,
-.e-spreadsheet .e-edithyperlink-dlg .e-dlg-content .e-link-dialog .e-content .e-cont .e-refcont {
+.e-spreadsheet .e-hyperlink-dlg.e-dialog .e-dlg-content .e-link-dialog .e-content .e-cont .e-refcont,
+.e-spreadsheet .e-edithyperlink-dlg.e-dialog .e-dlg-content .e-link-dialog .e-content .e-cont .e-refcont {
   border: 1px solid #c8c8c8;
   height: 165px;
   margin: 8px 24px 0 0;
   overflow: auto;
   width: 273px;
 }
-.e-spreadsheet .e-hyperlink-dlg .e-footer-content,
-.e-spreadsheet .e-edithyperlink-dlg .e-footer-content {
+.e-spreadsheet .e-hyperlink-dlg.e-dialog .e-footer-content,
+.e-spreadsheet .e-edithyperlink-dlg.e-dialog .e-footer-content {
   margin: 4px 0;
 }
-.e-spreadsheet .e-open-dlg {
+.e-spreadsheet .e-open-dlg.e-dialog {
   width: 340px;
 }
-.e-spreadsheet .e-open-dlg .e-dlg-content .e-file-alert-span {
+.e-spreadsheet .e-open-dlg.e-dialog .e-dlg-content .e-file-alert-span {
   color: #dd2c2c;
   font-size: 12px;
   padding-top: 7px;
@@ -2010,6 +2010,12 @@
   font-size: 12px;
   padding-top: 7px;
 }
+.e-spreadsheet .e-find-dlg .e-dlg-content .e-findnreplace-casecheckbox {
+  padding-right: 12px;
+}
+.e-spreadsheet .e-find-dlg .e-dlg-content .e-findnreplace-exactmatchcheckbox {
+  padding: 12px 0;
+}
 .e-spreadsheet .e-find-dlg p.e-header {
   margin: 0;
   padding-bottom: 8px;
@@ -2018,62 +2024,62 @@
 .e-spreadsheet .e-find-dlg .e-footer-content {
   text-align: left;
 }
-.e-spreadsheet .e-protectworkbook-dlg {
+.e-spreadsheet .e-protectworkbook-dlg.e-dialog {
   left: 0 !important;
 }
-.e-spreadsheet .e-protectworkbook-dlg .e-dlg-header-content .e-dlg-header {
+.e-spreadsheet .e-protectworkbook-dlg.e-dialog .e-dlg-header-content .e-dlg-header {
   font-size: 18px;
   line-height: 31px;
 }
-.e-spreadsheet .e-protectworkbook-dlg .e-dlg-content .e-pwd-alert-span {
+.e-spreadsheet .e-protectworkbook-dlg.e-dialog .e-dlg-content .e-pwd-alert-span {
   color: #dd2c2c;
   font-size: 12px;
   padding-top: 12px;
 }
-.e-spreadsheet .e-protectworkbook-dlg .e-dlg-content .e-password-content {
+.e-spreadsheet .e-protectworkbook-dlg.e-dialog .e-dlg-content .e-password-content {
   padding-top: 12px;
 }
-.e-spreadsheet .e-protectworkbook-dlg .e-dlg-content .e-password-content .e-header {
+.e-spreadsheet .e-protectworkbook-dlg.e-dialog .e-dlg-content .e-password-content .e-header {
   font-size: 12px;
   line-height: 24px;
   margin-bottom: 4px;
 }
-.e-spreadsheet .e-unprotectworkbook-dlg {
+.e-spreadsheet .e-unprotectworkbook-dlg.e-dialog {
   left: 0 !important;
 }
-.e-spreadsheet .e-unprotectworkbook-dlg .e-dlg-header-content .e-dlg-header {
+.e-spreadsheet .e-unprotectworkbook-dlg.e-dialog .e-dlg-header-content .e-dlg-header {
   font-size: 18px;
   line-height: 21px;
 }
-.e-spreadsheet .e-unprotectworkbook-dlg .e-dlg-content .e-unprotectpwd-alert-span {
+.e-spreadsheet .e-unprotectworkbook-dlg.e-dialog .e-dlg-content .e-unprotectpwd-alert-span {
   color: #dd2c2c;
   font-size: 12px;
   padding-top: 7px;
 }
-.e-spreadsheet .e-unprotectworkbook-dlg .e-dlg-content .e-unprotectpwd-content .e-header {
+.e-spreadsheet .e-unprotectworkbook-dlg.e-dialog .e-dlg-content .e-unprotectpwd-content .e-header {
   font-size: 14px;
   line-height: 16px;
 }
-.e-spreadsheet .e-unprotectworkbook-dlg .e-dlg-content .e-unprotectpwd-content .e-input {
+.e-spreadsheet .e-unprotectworkbook-dlg.e-dialog .e-dlg-content .e-unprotectpwd-content .e-input {
   margin-top: 10px;
 }
-.e-spreadsheet .e-importprotectworkbook-dlg {
+.e-spreadsheet .e-importprotectworkbook-dlg.e-dialog {
   left: 0 !important;
 }
-.e-spreadsheet .e-importprotectworkbook-dlg .e-dlg-header-content .e-dlg-header {
+.e-spreadsheet .e-importprotectworkbook-dlg.e-dialog .e-dlg-header-content .e-dlg-header {
   font-size: 18px;
   line-height: 21px;
 }
-.e-spreadsheet .e-importprotectworkbook-dlg .e-dlg-content .e-importprotectpwd-alert-span {
+.e-spreadsheet .e-importprotectworkbook-dlg.e-dialog .e-dlg-content .e-importprotectpwd-alert-span {
   color: #dd2c2c;
   font-size: 12px;
   padding-top: 7px;
 }
-.e-spreadsheet .e-importprotectworkbook-dlg .e-dlg-content .e-importprotectpwd-content .e-header {
+.e-spreadsheet .e-importprotectworkbook-dlg.e-dialog .e-dlg-content .e-importprotectpwd-content .e-header {
   font-size: 14px;
   line-height: 16px;
 }
-.e-spreadsheet .e-importprotectworkbook-dlg .e-dlg-content .e-importprotectpwd-content .e-input {
+.e-spreadsheet .e-importprotectworkbook-dlg.e-dialog .e-dlg-content .e-importprotectpwd-content .e-input {
   margin-top: 10px;
 }
 .e-spreadsheet .e-filter-icon {
@@ -2089,10 +2095,12 @@
   height: 18px;
   margin-right: -1px;
   padding: 0;
-  position: relative;
+  position: absolute;
   right: 0;
   width: 20px;
   z-index: 2;
+  bottom: 0.5px;
+  right: 0.5px;
 }
 
 .e-colorpicker-wrapper.e-border-colorpicker {
@@ -2115,6 +2123,9 @@
   cursor: row-resize;
 }
 
+.e-dropdown-popup.e-numformat-ddb ul {
+  max-width: initial;
+}
 .e-dropdown-popup.e-numformat-ddb ul .e-numformat-preview-text {
   font-size: 13px;
   max-width: 200px;
@@ -2166,33 +2177,36 @@
   font-family: "Calibri";
 }
 .e-dropdown-popup.e-font-family ul .e-item:nth-child(7) {
-  font-family: "Courier";
+  font-family: "Comic Sans MS";
 }
 .e-dropdown-popup.e-font-family ul .e-item:nth-child(8) {
-  font-family: "Courier New";
+  font-family: "Courier";
 }
 .e-dropdown-popup.e-font-family ul .e-item:nth-child(9) {
-  font-family: "Din Condensed";
+  font-family: "Courier New";
 }
 .e-dropdown-popup.e-font-family ul .e-item:nth-child(10) {
-  font-family: "Georgia";
+  font-family: "Din Condensed";
 }
 .e-dropdown-popup.e-font-family ul .e-item:nth-child(11) {
-  font-family: "Helvetica";
+  font-family: "Georgia";
 }
 .e-dropdown-popup.e-font-family ul .e-item:nth-child(12) {
-  font-family: "Helvetica New";
+  font-family: "Helvetica";
 }
 .e-dropdown-popup.e-font-family ul .e-item:nth-child(13) {
-  font-family: "Roboto";
+  font-family: "Helvetica New";
 }
 .e-dropdown-popup.e-font-family ul .e-item:nth-child(14) {
-  font-family: "Tahoma";
+  font-family: "Roboto";
 }
 .e-dropdown-popup.e-font-family ul .e-item:nth-child(15) {
-  font-family: "Times New Roman";
+  font-family: "Tahoma";
 }
 .e-dropdown-popup.e-font-family ul .e-item:nth-child(16) {
+  font-family: "Times New Roman";
+}
+.e-dropdown-popup.e-font-family ul .e-item:nth-child(17) {
   font-family: "Verdana";
 }
 .e-dropdown-popup.e-aggregate-list {
@@ -2464,46 +2478,50 @@
   width: 100%;
 }
 
-.e-spreadsheet-function-dlg {
+.e-spreadsheet-function-dlg.e-dialog {
   min-height: 480px;
   -webkit-user-select: none;
       -ms-user-select: none;
           user-select: none;
 }
-.e-spreadsheet-function-dlg .e-dlg-header-content {
+.e-spreadsheet-function-dlg.e-dialog .e-dlg-header-content {
   padding: 18px;
 }
-.e-spreadsheet-function-dlg .e-dlg-header-content .e-dlg-header {
+.e-spreadsheet-function-dlg.e-dialog .e-dlg-header-content .e-dlg-header {
   font-size: 16px;
   font-weight: 400;
 }
-.e-spreadsheet-function-dlg .e-dlg-content {
+.e-spreadsheet-function-dlg.e-dialog .e-dlg-content {
   overflow: hidden;
   padding-left: 18px;
   padding-right: 18px;
 }
-.e-spreadsheet-function-dlg .e-dlg-content .e-category-content {
+.e-spreadsheet-function-dlg.e-dialog .e-dlg-content .e-category-content {
   font-size: 12px;
   font-weight: 500;
   margin-bottom: 0;
 }
-.e-spreadsheet-function-dlg .e-dlg-content .e-formula-description {
+.e-spreadsheet-function-dlg.e-dialog .e-dlg-content .e-formula-description {
   margin-left: -4px;
   margin-top: 5px;
   padding: 4px;
 }
-.e-spreadsheet-function-dlg .e-dlg-content .e-description-content {
+.e-spreadsheet-function-dlg.e-dialog .e-dlg-content .e-description-content {
   font-size: 14px;
   font-weight: 500;
   padding-top: 10px;
 }
-.e-spreadsheet-function-dlg .e-dlg-content .e-formula-list {
+.e-spreadsheet-function-dlg.e-dialog .e-dlg-content .e-formula-list {
   border: 1px solid #e0e0e0;
   cursor: default;
   margin-top: 6px;
   overflow-y: auto;
 }
 
+.e-xlflmenu .e-xlfl-maindiv .e-xlfl-radiodiv {
+  width: auto;
+}
+
 .e-name-box .e-dropdownbase .e-list-item {
   line-height: 25px;
   min-height: 25px;
@@ -2598,6 +2616,11 @@
   height: auto;
   width: auto;
 }
+.e-bigger .e-spreadsheet .e-ribbon .e-content .e-hscroll-bar,
+.e-bigger.e-spreadsheet .e-ribbon .e-content .e-hscroll-bar {
+  height: auto;
+  overflow: hidden;
+}
 .e-bigger .e-spreadsheet .e-formula-bar-panel .e-input-group.e-control-wrapper.e-ddl.e-name-box .e-input-group-icon,
 .e-bigger.e-spreadsheet .e-formula-bar-panel .e-input-group.e-control-wrapper.e-ddl.e-name-box .e-input-group-icon {
   font-size: 20px;
@@ -2699,8 +2722,8 @@
   margin-right: 2.8%;
   width: 77%;
 }
-.e-bigger .e-spreadsheet .e-customsort-dlg,
-.e-bigger.e-spreadsheet .e-customsort-dlg {
+.e-bigger .e-spreadsheet .e-customsort-dlg.e-dialog,
+.e-bigger.e-spreadsheet .e-customsort-dlg.e-dialog {
   width: 590px !important;
 }
 .e-bigger .e-spreadsheet .e-sort-dialog .e-sort-template .e-list-item,
@@ -2730,18 +2753,18 @@
 .e-bigger.e-spreadsheet .e-goto-dlg .e-btn {
   font-size: 12px;
 }
-.e-bigger .e-spreadsheet .e-protectworkbook-dlg .e-dlg-content .e-pwd-alert-span,
-.e-bigger.e-spreadsheet .e-protectworkbook-dlg .e-dlg-content .e-pwd-alert-span {
+.e-bigger .e-spreadsheet .e-protectworkbook-dlg.e-dialog .e-dlg-content .e-pwd-alert-span,
+.e-bigger.e-spreadsheet .e-protectworkbook-dlg.e-dialog .e-dlg-content .e-pwd-alert-span {
   color: #dd2c2c;
   font-size: 14px;
   padding-top: 16px;
 }
-.e-bigger .e-spreadsheet .e-protectworkbook-dlg .e-dlg-content .e-password-content,
-.e-bigger.e-spreadsheet .e-protectworkbook-dlg .e-dlg-content .e-password-content {
+.e-bigger .e-spreadsheet .e-protectworkbook-dlg.e-dialog .e-dlg-content .e-password-content,
+.e-bigger.e-spreadsheet .e-protectworkbook-dlg.e-dialog .e-dlg-content .e-password-content {
   padding-top: 16px;
 }
-.e-bigger .e-spreadsheet .e-protectworkbook-dlg .e-dlg-content .e-password-content .e-header,
-.e-bigger.e-spreadsheet .e-protectworkbook-dlg .e-dlg-content .e-password-content .e-header {
+.e-bigger .e-spreadsheet .e-protectworkbook-dlg.e-dialog .e-dlg-content .e-password-content .e-header,
+.e-bigger.e-spreadsheet .e-protectworkbook-dlg.e-dialog .e-dlg-content .e-password-content .e-header {
   font-size: 14px;
   line-height: 28px;
   margin-bottom: 4px;

package/styles/ribbon/bootstrap-dark.scss

@@ -1,4 +1 @@
-@import 'ej2-base/styles/bootstrap-dark-definition.scss';
-@import 'bootstrap-dark-definition.scss';
-@import 'icons/bootstrap-dark.scss';
-@import 'all.scss';
+@import 'ej2-spreadsheet/styles/ribbon/bootstrap-dark.scss';

package/styles/ribbon/bootstrap.scss

@@ -1,4 +1 @@
-@import 'ej2-base/styles/bootstrap-definition.scss';
-@import 'bootstrap-definition.scss';
-@import 'icons/bootstrap.scss';
-@import 'all.scss';
+@import 'ej2-spreadsheet/styles/ribbon/bootstrap.scss';

package/styles/ribbon/bootstrap4.scss

@@ -1,4 +1 @@
-@import 'ej2-base/styles/bootstrap4-definition.scss';
-@import 'bootstrap4-definition.scss';
-@import 'icons/bootstrap4.scss';
-@import 'all.scss';
+@import 'ej2-spreadsheet/styles/ribbon/bootstrap4.scss';

package/styles/ribbon/bootstrap5-dark.scss

@@ -1,4 +1 @@
-@import 'ej2-base/styles/bootstrap5-dark-definition.scss';
-@import 'bootstrap5-dark-definition.scss';
-@import 'icons/bootstrap5-dark.scss';
-@import 'all.scss';
+@import 'ej2-spreadsheet/styles/ribbon/bootstrap5-dark.scss';

package/styles/ribbon/bootstrap5.scss

@@ -1,4 +1 @@
-@import 'ej2-base/styles/bootstrap5-definition.scss';
-@import 'bootstrap5-definition.scss';
-@import 'icons/bootstrap5.scss';
-@import 'all.scss';
+@import 'ej2-spreadsheet/styles/ribbon/bootstrap5.scss';

package/styles/ribbon/fabric-dark.scss

@@ -1,4 +1 @@
-@import 'ej2-base/styles/fabric-dark-definition.scss';
-@import 'fabric-dark-definition.scss';
-@import 'icons/fabric-dark.scss';
-@import 'all.scss';
+@import 'ej2-spreadsheet/styles/ribbon/fabric-dark.scss';

package/styles/ribbon/fabric.scss

@@ -1,4 +1 @@
-@import 'ej2-base/styles/fabric-definition.scss';
-@import 'fabric-definition.scss';
-@import 'icons/fabric.scss';
-@import 'all.scss';
+@import 'ej2-spreadsheet/styles/ribbon/fabric.scss';

package/styles/ribbon/fluent-dark.scss

@@ -1,4 +1 @@
-@import 'ej2-base/styles/fluent-dark-definition.scss';
-@import 'fluent-dark-definition.scss';
-@import 'icons/fluent-dark.scss';
-@import 'all.scss';
+@import 'ej2-spreadsheet/styles/ribbon/fluent-dark.scss';

package/styles/ribbon/fluent.scss

@@ -1,4 +1 @@
-@import 'ej2-base/styles/fluent-definition.scss';
-@import 'fluent-definition.scss';
-@import 'icons/fluent.scss';
-@import 'all.scss';
+@import 'ej2-spreadsheet/styles/ribbon/fluent.scss';

package/styles/ribbon/highcontrast-light.scss

@@ -1,3 +1 @@
-@import 'ej2-base/styles/highcontrast-light-definition.scss';
-@import 'highcontrast-light-definition.scss';
-@import 'all.scss';
+@import 'ej2-spreadsheet/styles/ribbon/highcontrast-light.scss';

package/styles/ribbon/highcontrast.scss

@@ -1,4 +1 @@
-@import 'ej2-base/styles/highcontrast-definition.scss';
-@import 'highcontrast-definition.scss';
-@import 'icons/highcontrast.scss';
-@import 'all.scss';
+@import 'ej2-spreadsheet/styles/ribbon/highcontrast.scss';

package/styles/ribbon/material-dark.scss

@@ -1,4 +1 @@
-@import 'ej2-base/styles/material-dark-definition.scss';
-@import 'material-dark-definition.scss';
-@import 'icons/material-dark.scss';
-@import 'all.scss';
+@import 'ej2-spreadsheet/styles/ribbon/material-dark.scss';

package/styles/ribbon/material.scss

@@ -1,4 +1 @@
-@import 'ej2-base/styles/material-definition.scss';
-@import 'material-definition.scss';
-@import 'icons/material.scss';
-@import 'all.scss';
+@import 'ej2-spreadsheet/styles/ribbon/material.scss';

package/styles/ribbon/tailwind-dark.scss

@@ -1,4 +1 @@
-@import 'ej2-base/styles/tailwind-dark-definition.scss';
-@import 'tailwind-dark-definition.scss';
-@import 'icons/tailwind-dark.scss';
-@import 'all.scss';
+@import 'ej2-spreadsheet/styles/ribbon/tailwind-dark.scss';

package/styles/ribbon/tailwind.scss

@@ -1,4 +1 @@
-@import 'ej2-base/styles/tailwind-definition.scss';
-@import 'tailwind-definition.scss';
-@import 'icons/tailwind.scss';
-@import 'all.scss';
+@import 'ej2-spreadsheet/styles/ribbon/tailwind.scss';