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

package/styles/material.css

@@ -726,58 +726,51 @@
       -ms-user-select: none;
           user-select: none;
 }
-.e-spreadsheet .e-protect-dlg.e-dialog {
+.e-spreadsheet .e-protect-dlg {
   height: 470px;
   width: 287px;
 }
-.e-spreadsheet .e-protect-dlg.e-dialog .e-sheet-password-content .e-header {
+.e-spreadsheet .e-protect-dlg .e-sheet-password-content .e-header {
   font-size: 14px;
   line-height: 28px;
   margin-bottom: 4px;
 }
-.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 {
+.e-spreadsheet .e-unprotectworksheet-dlg {
   left: 0 !important;
 }
-.e-spreadsheet .e-unprotectworksheet-dlg.e-dialog .e-dlg-header-content .e-dlg-header {
+.e-spreadsheet .e-unprotectworksheet-dlg .e-dlg-header-content .e-dlg-header {
   font-size: 18px;
   line-height: 21px;
 }
-.e-spreadsheet .e-unprotectworksheet-dlg.e-dialog .e-dlg-content .e-unprotectsheetpwd-alert-span {
+.e-spreadsheet .e-unprotectworksheet-dlg .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 {
+.e-spreadsheet .e-unprotectworksheet-dlg .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 {
+.e-spreadsheet .e-unprotectworksheet-dlg .e-dlg-content .e-unprotectsheetpwd-content .e-input {
   margin-top: 10px;
 }
-.e-spreadsheet .e-reenterpwd-dlg.e-dialog {
+.e-spreadsheet .e-reenterpwd-dlg {
   left: 0 !important;
 }
-.e-spreadsheet .e-reenterpwd-dlg.e-dialog .e-dlg-header-content .e-dlg-header {
+.e-spreadsheet .e-reenterpwd-dlg .e-dlg-header-content .e-dlg-header {
   font-size: 18px;
   line-height: 21px;
 }
-.e-spreadsheet .e-reenterpwd-dlg.e-dialog .e-dlg-content .e-reenterpwd-alert-span {
+.e-spreadsheet .e-reenterpwd-dlg .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 {
+.e-spreadsheet .e-reenterpwd-dlg .e-dlg-content .e-reenterpwd-content .e-header {
   font-size: 14px;
   line-height: 16px;
 }
-.e-spreadsheet .e-reenterpwd-dlg.e-dialog .e-dlg-content .e-reenterpwd-content .e-input {
+.e-spreadsheet .e-reenterpwd-dlg .e-dlg-content .e-reenterpwd-content .e-input {
   margin-top: 10px;
 }
 .e-spreadsheet .e-goto-dlg {
@@ -828,6 +821,13 @@
   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;
 }
@@ -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-dialog {
+.e-spreadsheet .e-customsort-dlg {
   height: 360px !important;
 }
-.e-spreadsheet .e-customsort-dlg.e-dialog .e-dlg-content {
+.e-spreadsheet .e-customsort-dlg .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 {
+.e-spreadsheet .e-customsort-dlg .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 {
+.e-spreadsheet .e-customsort-dlg .e-dlg-content .e-sort-listsection .e-input-group {
   min-width: 220px;
 }
-.e-spreadsheet .e-customsort-dlg.e-dialog .e-footer-content .e-sort-addbtn {
+.e-spreadsheet .e-customsort-dlg .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-dialog,
-.e-spreadsheet .e-edithyperlink-dlg.e-dialog {
+.e-spreadsheet .e-hyperlink-dlg,
+.e-spreadsheet .e-edithyperlink-dlg {
   max-height: 640px !important;
 }
-.e-spreadsheet .e-hyperlink-dlg.e-dialog .e-dlg-header-content,
-.e-spreadsheet .e-edithyperlink-dlg.e-dialog .e-dlg-header-content {
+.e-spreadsheet .e-hyperlink-dlg .e-dlg-header-content,
+.e-spreadsheet .e-edithyperlink-dlg .e-dlg-header-content {
   padding: 24px 24px 16px;
 }
-.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 {
+.e-spreadsheet .e-hyperlink-dlg .e-dlg-header-content .e-dlg-header,
+.e-spreadsheet .e-edithyperlink-dlg .e-dlg-header-content .e-dlg-header {
   font-size: 18px;
   line-height: 21px;
 }
-.e-spreadsheet .e-hyperlink-dlg.e-dialog .e-dlg-content,
-.e-spreadsheet .e-edithyperlink-dlg.e-dialog .e-dlg-content {
+.e-spreadsheet .e-hyperlink-dlg .e-dlg-content,
+.e-spreadsheet .e-edithyperlink-dlg .e-dlg-content {
   padding-bottom: 0;
   padding-left: 0;
   padding-right: 0;
 }
-.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 {
+.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 {
   padding: 0 24px 0 25px;
 }
-.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 {
+.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 {
   height: 100%;
 }
-.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 {
+.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 {
   text-align: center;
   width: 136px;
 }
-.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 {
+.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 {
   font-size: 13px;
   line-height: 15px;
 }
-.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 {
+.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 {
   padding-top: 24px;
 }
-.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 {
+.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 {
   margin: 0 0 15.5px 24px;
 }
-.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 {
+.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 {
   font-size: 14px;
   line-height: 16px;
 }
-.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 {
+.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 {
   font-size: 14px;
   height: 32px;
   line-height: 16px;
   width: 275px;
 }
-.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 {
+.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 {
   border-bottom-width: 2px;
 }
-.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 {
+.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 {
   border: 1px solid #c8c8c8;
   height: 165px;
   margin: 8px 24px 0 0;
   overflow: auto;
   width: 273px;
 }
-.e-spreadsheet .e-hyperlink-dlg.e-dialog .e-footer-content,
-.e-spreadsheet .e-edithyperlink-dlg.e-dialog .e-footer-content {
+.e-spreadsheet .e-hyperlink-dlg .e-footer-content,
+.e-spreadsheet .e-edithyperlink-dlg .e-footer-content {
   margin: 4px 0;
 }
-.e-spreadsheet .e-open-dlg.e-dialog {
+.e-spreadsheet .e-open-dlg {
   width: 340px;
 }
-.e-spreadsheet .e-open-dlg.e-dialog .e-dlg-content .e-file-alert-span {
+.e-spreadsheet .e-open-dlg .e-dlg-content .e-file-alert-span {
   color: #dd2c2c;
   font-size: 12px;
   padding-top: 7px;
@@ -2010,12 +2010,6 @@
   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;
@@ -2024,62 +2018,62 @@
 .e-spreadsheet .e-find-dlg .e-footer-content {
   text-align: left;
 }
-.e-spreadsheet .e-protectworkbook-dlg.e-dialog {
+.e-spreadsheet .e-protectworkbook-dlg {
   left: 0 !important;
 }
-.e-spreadsheet .e-protectworkbook-dlg.e-dialog .e-dlg-header-content .e-dlg-header {
+.e-spreadsheet .e-protectworkbook-dlg .e-dlg-header-content .e-dlg-header {
   font-size: 18px;
   line-height: 31px;
 }
-.e-spreadsheet .e-protectworkbook-dlg.e-dialog .e-dlg-content .e-pwd-alert-span {
+.e-spreadsheet .e-protectworkbook-dlg .e-dlg-content .e-pwd-alert-span {
   color: #dd2c2c;
   font-size: 12px;
   padding-top: 12px;
 }
-.e-spreadsheet .e-protectworkbook-dlg.e-dialog .e-dlg-content .e-password-content {
+.e-spreadsheet .e-protectworkbook-dlg .e-dlg-content .e-password-content {
   padding-top: 12px;
 }
-.e-spreadsheet .e-protectworkbook-dlg.e-dialog .e-dlg-content .e-password-content .e-header {
+.e-spreadsheet .e-protectworkbook-dlg .e-dlg-content .e-password-content .e-header {
   font-size: 12px;
   line-height: 24px;
   margin-bottom: 4px;
 }
-.e-spreadsheet .e-unprotectworkbook-dlg.e-dialog {
+.e-spreadsheet .e-unprotectworkbook-dlg {
   left: 0 !important;
 }
-.e-spreadsheet .e-unprotectworkbook-dlg.e-dialog .e-dlg-header-content .e-dlg-header {
+.e-spreadsheet .e-unprotectworkbook-dlg .e-dlg-header-content .e-dlg-header {
   font-size: 18px;
   line-height: 21px;
 }
-.e-spreadsheet .e-unprotectworkbook-dlg.e-dialog .e-dlg-content .e-unprotectpwd-alert-span {
+.e-spreadsheet .e-unprotectworkbook-dlg .e-dlg-content .e-unprotectpwd-alert-span {
   color: #dd2c2c;
   font-size: 12px;
   padding-top: 7px;
 }
-.e-spreadsheet .e-unprotectworkbook-dlg.e-dialog .e-dlg-content .e-unprotectpwd-content .e-header {
+.e-spreadsheet .e-unprotectworkbook-dlg .e-dlg-content .e-unprotectpwd-content .e-header {
   font-size: 14px;
   line-height: 16px;
 }
-.e-spreadsheet .e-unprotectworkbook-dlg.e-dialog .e-dlg-content .e-unprotectpwd-content .e-input {
+.e-spreadsheet .e-unprotectworkbook-dlg .e-dlg-content .e-unprotectpwd-content .e-input {
   margin-top: 10px;
 }
-.e-spreadsheet .e-importprotectworkbook-dlg.e-dialog {
+.e-spreadsheet .e-importprotectworkbook-dlg {
   left: 0 !important;
 }
-.e-spreadsheet .e-importprotectworkbook-dlg.e-dialog .e-dlg-header-content .e-dlg-header {
+.e-spreadsheet .e-importprotectworkbook-dlg .e-dlg-header-content .e-dlg-header {
   font-size: 18px;
   line-height: 21px;
 }
-.e-spreadsheet .e-importprotectworkbook-dlg.e-dialog .e-dlg-content .e-importprotectpwd-alert-span {
+.e-spreadsheet .e-importprotectworkbook-dlg .e-dlg-content .e-importprotectpwd-alert-span {
   color: #dd2c2c;
   font-size: 12px;
   padding-top: 7px;
 }
-.e-spreadsheet .e-importprotectworkbook-dlg.e-dialog .e-dlg-content .e-importprotectpwd-content .e-header {
+.e-spreadsheet .e-importprotectworkbook-dlg .e-dlg-content .e-importprotectpwd-content .e-header {
   font-size: 14px;
   line-height: 16px;
 }
-.e-spreadsheet .e-importprotectworkbook-dlg.e-dialog .e-dlg-content .e-importprotectpwd-content .e-input {
+.e-spreadsheet .e-importprotectworkbook-dlg .e-dlg-content .e-importprotectpwd-content .e-input {
   margin-top: 10px;
 }
 .e-spreadsheet .e-filter-icon {
@@ -2095,12 +2089,10 @@
   height: 18px;
   margin-right: -1px;
   padding: 0;
-  position: absolute;
+  position: relative;
   right: 0;
   width: 20px;
   z-index: 2;
-  bottom: 0.5px;
-  right: 0.5px;
 }
 
 .e-colorpicker-wrapper.e-border-colorpicker {
@@ -2123,9 +2115,6 @@
   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;
@@ -2177,36 +2166,33 @@
   font-family: "Calibri";
 }
 .e-dropdown-popup.e-font-family ul .e-item:nth-child(7) {
-  font-family: "Comic Sans MS";
-}
-.e-dropdown-popup.e-font-family ul .e-item:nth-child(8) {
   font-family: "Courier";
 }
-.e-dropdown-popup.e-font-family ul .e-item:nth-child(9) {
+.e-dropdown-popup.e-font-family ul .e-item:nth-child(8) {
   font-family: "Courier New";
 }
-.e-dropdown-popup.e-font-family ul .e-item:nth-child(10) {
+.e-dropdown-popup.e-font-family ul .e-item:nth-child(9) {
   font-family: "Din Condensed";
 }
-.e-dropdown-popup.e-font-family ul .e-item:nth-child(11) {
+.e-dropdown-popup.e-font-family ul .e-item:nth-child(10) {
   font-family: "Georgia";
 }
-.e-dropdown-popup.e-font-family ul .e-item:nth-child(12) {
+.e-dropdown-popup.e-font-family ul .e-item:nth-child(11) {
   font-family: "Helvetica";
 }
-.e-dropdown-popup.e-font-family ul .e-item:nth-child(13) {
+.e-dropdown-popup.e-font-family ul .e-item:nth-child(12) {
   font-family: "Helvetica New";
 }
-.e-dropdown-popup.e-font-family ul .e-item:nth-child(14) {
+.e-dropdown-popup.e-font-family ul .e-item:nth-child(13) {
   font-family: "Roboto";
 }
-.e-dropdown-popup.e-font-family ul .e-item:nth-child(15) {
+.e-dropdown-popup.e-font-family ul .e-item:nth-child(14) {
   font-family: "Tahoma";
 }
-.e-dropdown-popup.e-font-family ul .e-item:nth-child(16) {
+.e-dropdown-popup.e-font-family ul .e-item:nth-child(15) {
   font-family: "Times New Roman";
 }
-.e-dropdown-popup.e-font-family ul .e-item:nth-child(17) {
+.e-dropdown-popup.e-font-family ul .e-item:nth-child(16) {
   font-family: "Verdana";
 }
 .e-dropdown-popup.e-aggregate-list {
@@ -2478,50 +2464,46 @@
   width: 100%;
 }
 
-.e-spreadsheet-function-dlg.e-dialog {
+.e-spreadsheet-function-dlg {
   min-height: 480px;
   -webkit-user-select: none;
       -ms-user-select: none;
           user-select: none;
 }
-.e-spreadsheet-function-dlg.e-dialog .e-dlg-header-content {
+.e-spreadsheet-function-dlg .e-dlg-header-content {
   padding: 18px;
 }
-.e-spreadsheet-function-dlg.e-dialog .e-dlg-header-content .e-dlg-header {
+.e-spreadsheet-function-dlg .e-dlg-header-content .e-dlg-header {
   font-size: 16px;
   font-weight: 400;
 }
-.e-spreadsheet-function-dlg.e-dialog .e-dlg-content {
+.e-spreadsheet-function-dlg .e-dlg-content {
   overflow: hidden;
   padding-left: 18px;
   padding-right: 18px;
 }
-.e-spreadsheet-function-dlg.e-dialog .e-dlg-content .e-category-content {
+.e-spreadsheet-function-dlg .e-dlg-content .e-category-content {
   font-size: 12px;
   font-weight: 500;
   margin-bottom: 0;
 }
-.e-spreadsheet-function-dlg.e-dialog .e-dlg-content .e-formula-description {
+.e-spreadsheet-function-dlg .e-dlg-content .e-formula-description {
   margin-left: -4px;
   margin-top: 5px;
   padding: 4px;
 }
-.e-spreadsheet-function-dlg.e-dialog .e-dlg-content .e-description-content {
+.e-spreadsheet-function-dlg .e-dlg-content .e-description-content {
   font-size: 14px;
   font-weight: 500;
   padding-top: 10px;
 }
-.e-spreadsheet-function-dlg.e-dialog .e-dlg-content .e-formula-list {
+.e-spreadsheet-function-dlg .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;
@@ -2616,11 +2598,6 @@
   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;
@@ -2722,8 +2699,8 @@
   margin-right: 2.8%;
   width: 77%;
 }
-.e-bigger .e-spreadsheet .e-customsort-dlg.e-dialog,
-.e-bigger.e-spreadsheet .e-customsort-dlg.e-dialog {
+.e-bigger .e-spreadsheet .e-customsort-dlg,
+.e-bigger.e-spreadsheet .e-customsort-dlg {
   width: 590px !important;
 }
 .e-bigger .e-spreadsheet .e-sort-dialog .e-sort-template .e-list-item,
@@ -2753,18 +2730,18 @@
 .e-bigger.e-spreadsheet .e-goto-dlg .e-btn {
   font-size: 12px;
 }
-.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 {
+.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 {
   color: #dd2c2c;
   font-size: 14px;
   padding-top: 16px;
 }
-.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 {
+.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 {
   padding-top: 16px;
 }
-.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 {
+.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 {
   font-size: 14px;
   line-height: 28px;
   margin-bottom: 4px;

package/styles/ribbon/_all.scss

@@ -0,0 +1,2 @@
+@import 'layout.scss';
+@import 'theme.scss';

package/styles/ribbon/_bootstrap-dark-definition.scss

@@ -0,0 +1,13 @@
+$ribbon-skin: 'bootstrap' !default;
+$ribbon-border-color: $grey-88 !default;
+$ribbon-border: 1px solid $ribbon-border-color !default;
+$ribbon-content-bg-color: $gray-darker !default;
+$ribbon-header-bg-color: #191919 !default;
+$file-menu-wrap-padding: 0 !default;
+$drop-icon-margin: 16.5px 4px 17.5px !default;
+$bigger-drop-icon-margin: 18.5px 5px 19.5px !default;
+$expand-icon-color: $grey-dark-font !default;
+$ribbon-header-height: 45px !default;
+$ribbon-focus-text-color: $grey-dark-font !default;
+$ribbon-focus-bg-color: $grey-44 !default;
+$ribbon-comb-icon-color: $grey-dark-font !default;

package/styles/ribbon/_bootstrap-definition.scss

@@ -0,0 +1,12 @@
+$ribbon-skin: 'bootstrap' !default;
+$ribbon-border-color: #e5e5e5 !default;
+$ribbon-border: 1px solid $ribbon-border-color !default;
+$ribbon-content-bg-color: $grey-white !default;
+$ribbon-header-bg-color: $grey-f9 !default;
+$file-menu-wrap-padding: 0 !default;
+$drop-icon-margin: 16.5px 4px 17.5px !default;
+$bigger-drop-icon-margin: 18.5px 5px 19.5px !default;
+$expand-icon-color: $gray-light !default;
+$ribbon-header-height: 45px !default;
+$ribbon-focus-bg-color: $grey-lighter !default;
+$ribbon-focus-text-color: $brand-primary-darken-25 !default;

package/styles/ribbon/_bootstrap4-definition.scss

@@ -0,0 +1,13 @@
+$ribbon-skin: 'bootstrap4' !default;
+$ribbon-border-color: $gray-300 !default;
+$ribbon-border: 1px solid $ribbon-border-color !default;
+$ribbon-header-bg-color: $gray-100 !default;
+$ribbon-content-bg-color: $white !default;
+$file-menu-wrap-padding: 0 !default;
+$drop-icon-margin: 15px 5px !default;
+$ribbon-comb-icon-color:  $gray-700 !default;
+$bigger-drop-icon-margin: 18.5px 5px 19.5px !default;
+$expand-icon-color: $gray-600 !default;
+$ribbon-header-height: 41px !default;
+$ribbon-focus-text-color: darken($primary, 15%) !default;
+$ribbon-focus-bg-color: #eee !default;

package/styles/ribbon/_bootstrap5-dark-definition.scss

@@ -0,0 +1 @@
+@import './bootstrap5-definition.scss';

package/styles/ribbon/_bootstrap5-definition.scss

@@ -0,0 +1,14 @@
+$ribbon-skin: 'bootstrap5' !default;
+$file-menu-wrap-padding: 0 !default;
+$drop-icon-margin: 8px 4px !default;
+$bigger-drop-icon-margin: 16px 5px !default;
+$ribbon-border-color: $border-light !default;
+$ribbon-border: 1px solid $ribbon-border-color !default;
+$ribbon-content-bg-color: $content-bg-color !default;
+$ribbon-header-bg-color: $content-bg-color-alt1 !default;
+$separator-border-color: $border-light !default;
+$expand-icon-color: $icon-color !default;
+$ribbon-comb-icon-color:  $icon-color !default;
+$ribbon-focus-text-color: $primary-bg-color-pressed !default;
+$ribbon-focused-wrap-focus-border-color: $icon-color !default;
+$ribbon-focus-bg-color: rgba($content-bg-color-alt2, .12) !default;

package/styles/ribbon/_fabric-dark-definition.scss

@@ -0,0 +1,14 @@
+$ribbon-skin: 'fabric' !default;
+$border-color: $neutral-quintenary !default;
+$ribbon-border: 1px solid $border-color !default;
+$tab-header-height: 38px !default;
+$bigger-tab-header-height: 48px !default;
+$ribbon-header-bg-color: $neutral-lighter !default;
+$file-menu-wrap-padding: 0 0 0 8px !default;
+$drop-icon-margin: 12.5px 4px !default;
+$bigger-drop-icon-margin: 14.5px 5px !default;
+$ribbon-comb-icon-color: $neutral-light-font !default;
+$expand-icon-color: $neutral-light-font !default;
+$ribbon-focus-bg-color: initial !default;
+$ribbon-focus-text-color: $neutral-light-fontalt !default;
+$ribbon-focused-wrap-focus-border-color: $neutral-secondary-alt !default;

package/styles/ribbon/_fabric-definition.scss

@@ -0,0 +1,14 @@
+$ribbon-skin: 'fabric' !default;
+$border-color: $neutral-light !default;
+$ribbon-border: 1px solid $border-color !default;
+$tab-header-height: 38px !default;
+$bigger-tab-header-height: 48px !default;
+$ribbon-header-bg-color: $neutral-white !default;
+$ribbon-focused-wrap-focus-border-color: $neutral-secondary-alt !default;
+$file-menu-wrap-padding: 0 0 0 8px !default;
+$drop-icon-margin: 12.5px 4px !default;
+$bigger-drop-icon-margin: 14.5px 5px !default;
+$ribbon-comb-icon-color: $neutral-light-font !default;
+$expand-icon-color: $neutral-secondary !default;
+$ribbon-focus-bg-color: initial !default;
+$ribbon-focus-text-color: $neutral-light-font !default;

package/styles/ribbon/_fluent-dark-definition.scss

@@ -0,0 +1 @@
+@import './fluent-definition.scss';

package/styles/ribbon/_fluent-definition.scss

@@ -0,0 +1,14 @@
+$ribbon-skin: 'FluentUI' !default;
+$file-menu-wrap-padding: 0 !default;
+$drop-icon-margin: 8px 4px !default;
+$bigger-drop-icon-margin: 16px 5px !default;
+$ribbon-border-color: $border-light !default;
+$ribbon-border: 1px solid $ribbon-border-color !default;
+$ribbon-content-bg-color: $content-bg-color !default;
+$ribbon-header-bg-color: $content-bg-color-alt1 !default;
+$ribbon-comb-icon-color:  $icon-color !default;
+$separator-border-color: $border-light !default;
+$ribbon-focus-text-color: $content-text-color !default;
+$expand-icon-color: $icon-color !default;
+$ribbon-focused-wrap-focus-border-color: $icon-color !default;
+$ribbon-focus-bg-color: $content-bg-color-alt2 !default;

package/styles/ribbon/_fusionnew-definition.scss

@@ -0,0 +1,14 @@
+$ribbon-skin: 'bootstrap5' !default;
+$file-menu-wrap-padding: 0 !default;
+$drop-icon-margin: 8px 4px !default;
+$bigger-drop-icon-margin: 16px 5px !default;
+$ribbon-border-color: $border-light !default;
+$ribbon-border: 1px solid $ribbon-border-color !default;
+$ribbon-content-bg-color: $content-bg-color !default;
+$ribbon-header-bg-color: $content-bg-color-alt1 !default;
+$ribbon-comb-icon-color:  $icon-color !default;
+$separator-border-color: $border-light !default;
+$ribbon-focus-text-color: $primary-bg-color-pressed !default;
+$expand-icon-color: $icon-color !default;
+$ribbon-focused-wrap-focus-border-color: $icon-color !default;
+$ribbon-focus-bg-color: rgba($content-bg-color-alt2, .12) !default;

package/styles/ribbon/_highcontrast-definition.scss

@@ -0,0 +1,12 @@
+$ribbon-skin: 'highcontrast' !default;
+$ribbon-border-color: $bg-base-100 !default;
+$ribbon-border: 1px solid $ribbon-border-color !default;
+$ribbon-header-bg-color: $bg-base-0 !default;
+$file-menu-wrap-padding: 0 !default;
+$ribbon-focused-wrap-focus-border-color: $hover-border !default;
+$drop-icon-margin: 12.5px 4px !default;
+$bigger-drop-icon-margin: 14.5px 5px !default;
+$ribbon-comb-icon-color: $content-font !default;
+$expand-icon-color: $content-font !default;
+$ribbon-focus-bg-color: initial !default;
+$ribbon-focus-text-color: $content-font !default;

package/styles/ribbon/_highcontrast-light-definition.scss

@@ -0,0 +1,12 @@
+$ribbon-skin: 'highcontrast' !default;
+$ribbon-border-color: transparent !default;
+$ribbon-border: 1px solid $ribbon-border-color !default;
+$file-menu-wrap-padding: 0 !default;
+$drop-icon-margin: 12.5px 4px !default;
+$bigger-drop-icon-margin: 14.5px 5px !default;
+$expand-icon-color: initial !default;
+$ribbon-comb-icon-color: $content-font !default;
+$ribbon-header-bg-color: transparent !default;
+$ribbon-focused-wrap-focus-border-color: $hover-border !default;
+$ribbon-focus-bg-color: initial !default;
+$ribbon-focus-text-color: $content-font !default;