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

package/styles/spreadsheet/bootstrap5.css

@@ -712,58 +712,65 @@
       -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-custom-format-dlg {
+.e-spreadsheet .e-custom-format-dlg.e-dialog {
   height: 510px !important;
   width: 530px !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-dlg-header-content {
   padding: 12px;
 }
-.e-spreadsheet .e-unprotectworksheet-dlg {
+.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: #dc3545;
   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: #dc3545;
   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 {
@@ -814,13 +821,6 @@
   margin-right: 4.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;
 }
@@ -1047,7 +1047,7 @@
   cursor: pointer;
 }
 .e-spreadsheet .e-table tr .e-cell .e-hyperlink-style {
-  color: #0dcaf0;
+  color: inherit;
   text-decoration: underline;
 }
 .e-spreadsheet .e-table tr .e-cell.e-alt-unwrap {
@@ -1155,8 +1155,8 @@
 .e-spreadsheet .e-sheet .e-ss-overlay-active .e-ss-overlay-t {
   background-color: #0d6efd;
   cursor: ns-resize;
+  left: 50%;
   position: absolute;
-  right: 50%;
   top: 0;
   transform: translate(-50%, -50%);
 }
@@ -1171,8 +1171,8 @@
 .e-spreadsheet .e-sheet .e-ss-overlay-active .e-ss-overlay-b {
   background-color: #0d6efd;
   cursor: ns-resize;
+  left: 50%;
   position: absolute;
-  right: 50%;
   top: 100%;
   transform: translate(-50%, -50%);
 }
@@ -1758,21 +1758,21 @@
   direction: ltr;
   text-align: left;
 }
-.e-spreadsheet .e-customsort-dlg .e-dlg-header-content {
+.e-spreadsheet .e-customsort-dlg.e-dialog .e-dlg-header-content {
   padding: 12px;
 }
-.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;
 }
@@ -1899,84 +1899,84 @@
   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 12px;
 }
-.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: 12px;
 }
-.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: 12px 12px 15.5px;
 }
-.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 {
   margin-top: 8px;
   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 #dee2e6;
   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: #dc3545;
   font-size: 12px;
   padding-top: 7px;
@@ -1995,6 +1995,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;
@@ -2003,62 +2009,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: #dc3545;
   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: #dc3545;
   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: #dc3545;
   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 {
@@ -2074,7 +2080,7 @@
   height: 18px;
   margin-right: -1px;
   padding: 0;
-  position: relative;
+  position: absolute;
   right: 0;
   width: 20px;
   z-index: 2;
@@ -2100,6 +2106,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;
@@ -2151,33 +2160,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 {
@@ -2336,6 +2348,9 @@
 .e-menu-wrapper.e-popup.e-menu-popup.e-border-color ul .e-menu-item .e-container .e-slider-preview .e-colorpicker-slider .e-slider-container {
   display: block;
 }
+.e-menu-wrapper.e-popup.e-menu-popup.e-addchart-menu ul .e-menu-item {
+  height: 35px;
+}
 .e-menu-wrapper.e-popup.e-menu-popup.e-chart-menu ul, .e-menu-wrapper.e-popup.e-menu-popup.e-chart-type-menu ul {
   min-width: 165px;
   overflow: visible;
@@ -2449,46 +2464,50 @@
   width: 100%;
 }
 
-.e-spreadsheet-function-dlg {
+.e-spreadsheet-function-dlg.e-dialog {
   min-height: 518px;
   -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: 12px;
 }
-.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: 5px;
 }
-.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 #dee2e6;
   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;
@@ -2583,6 +2602,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;
@@ -2684,8 +2708,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,
@@ -2715,18 +2739,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: #dc3545;
   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;
@@ -2939,6 +2963,7 @@
 .e-spreadsheet .e-ribbon .e-toolbar .e-btn:not(:focus):not(.e-tbar-btn).e-active {
   background: #5c636a;
   border-color: transparent;
+  color: #fff;
 }
 .e-spreadsheet .e-ribbon .e-toolbar .e-btn.e-active, .e-spreadsheet .e-ribbon .e-toolbar .e-btn:focus {
   color: #fff;
@@ -2946,6 +2971,9 @@
 .e-spreadsheet .e-ribbon .e-toolbar .e-btn.e-active .e-icons, .e-spreadsheet .e-ribbon .e-toolbar .e-btn.e-active.e-dropdown-btn .e-tbar-btn-text, .e-spreadsheet .e-ribbon .e-toolbar .e-btn:focus .e-icons, .e-spreadsheet .e-ribbon .e-toolbar .e-btn:focus.e-dropdown-btn .e-tbar-btn-text {
   color: inherit;
 }
+.e-spreadsheet .e-ribbon .e-toolbar .e-btn.e-split-colorpicker {
+  color: #212529;
+}
 .e-spreadsheet .e-formula-bar-panel {
   background-color: #fff;
 }

package/styles/spreadsheet/bootstrap5.scss

@@ -1,23 +1 @@
-@import 'ej2-base/styles/bootstrap5-definition.scss';
-@import '../ribbon/bootstrap5-definition.scss';
-@import 'ej2-buttons/styles/button/bootstrap5-definition.scss';
-@import 'ej2-buttons/styles/check-box/bootstrap5-definition.scss';
-@import 'ej2-buttons/styles/radio-button/bootstrap5-definition.scss';
-@import 'ej2-buttons/styles/switch/bootstrap5-definition.scss';
-@import 'ej2-navigations/styles/toolbar/bootstrap5-definition.scss';
-@import 'ej2-navigations/styles/tab/bootstrap5-definition.scss';
-@import 'ej2-navigations/styles/context-menu/bootstrap5-definition.scss';
-@import 'ej2-navigations/styles/menu/bootstrap5-definition.scss';
-@import 'ej2-navigations/styles/treeview/bootstrap5-definition.scss';
-@import 'ej2-grids/styles/excel-filter/bootstrap5-definition.scss';
-@import 'ej2-calendars/styles/datepicker/bootstrap5-definition.scss';
-@import 'ej2-calendars/styles/datetimepicker/bootstrap5-definition.scss';
-@import 'ej2-inputs/styles/color-picker/bootstrap5-definition.scss';
-@import 'ej2-splitbuttons/styles/drop-down-button/bootstrap5-definition.scss';
-@import 'ej2-splitbuttons/styles/split-button/bootstrap5-definition.scss';
-@import 'ej2-dropdowns/styles/list-box/bootstrap5-definition.scss';
-@import 'ej2-dropdowns/styles/drop-down-list/bootstrap5-definition.scss';
-@import 'ej2-dropdowns/styles/combo-box/bootstrap5-definition.scss';
-@import 'bootstrap5-definition.scss';
-@import 'icons/bootstrap5.scss';
-@import 'all.scss';
+@import 'ej2-spreadsheet/styles/spreadsheet/bootstrap5.scss';