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

package/styles/spreadsheet/fabric.css

@@ -641,55 +641,62 @@
       -ms-user-select: none;
           user-select: none;
 }
-.e-spreadsheet .e-protect-dlg {
+.e-spreadsheet .e-protect-dlg.e-dialog {
   height: 406px;
   width: 300px;
 }
-.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-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 {
@@ -740,13 +747,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;
 }
@@ -973,7 +973,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 {
@@ -1081,8 +1081,8 @@
 .e-spreadsheet .e-sheet .e-ss-overlay-active .e-ss-overlay-t {
   background-color: #0078d6;
   cursor: ns-resize;
+  left: 50%;
   position: absolute;
-  right: 50%;
   top: 0;
   transform: translate(-50%, -50%);
 }
@@ -1097,8 +1097,8 @@
 .e-spreadsheet .e-sheet .e-ss-overlay-active .e-ss-overlay-b {
   background-color: #0078d6;
   cursor: ns-resize;
+  left: 50%;
   position: absolute;
-  right: 50%;
   top: 100%;
   transform: translate(-50%, -50%);
 }
@@ -1697,18 +1697,18 @@
   direction: ltr;
   text-align: left;
 }
-.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;
 }
@@ -1832,84 +1832,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 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 {
   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 #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;
@@ -1928,6 +1928,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;
@@ -1936,62 +1942,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 {
@@ -2007,7 +2013,7 @@
   height: 18px;
   margin-right: -1px;
   padding: 0;
-  position: relative;
+  position: absolute;
   right: 0;
   width: 20px;
   z-index: 2;
@@ -2033,6 +2039,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;
@@ -2084,33 +2093,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 {
@@ -2382,46 +2394,50 @@
   width: 100%;
 }
 
-.e-spreadsheet-function-dlg {
+.e-spreadsheet-function-dlg.e-dialog {
   min-height: 515px;
   -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: 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 #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;
@@ -2520,6 +2536,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;
@@ -2622,8 +2643,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,
@@ -2653,18 +2674,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/spreadsheet/fabric.scss

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