@syncfusion/ej2-vue-spreadsheet 19.2.59 → 19.3.44

package/styles/bootstrap5.scss

@@ -0,0 +1,2 @@
+@import 'spreadsheet/bootstrap5.scss';
+@import 'ribbon/bootstrap5.scss';

package/styles/fabric-dark.css

@@ -276,6 +276,10 @@
   content: '\eb80';
 }
 
+.e-dragfill-ddb .e-dragfill-icon::before {
+  content: '\e92a';
+}
+
 .e-chart-ddb .e-chart-icon::before,
 .e-chart-ddb .e-chart-type-icon::before,
 .e-chart-type-ddb .e-chart-icon::before,
@@ -779,6 +783,65 @@
   width: 300px;
 }
 
+.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 {
+  height: 510px !important;
+  width: 530px !important;
+}
+
+.e-spreadsheet .e-unprotectworksheet-dlg {
+  left: 0 !important;
+}
+
+.e-spreadsheet .e-unprotectworksheet-dlg .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 {
+  color: #dd2c2c;
+  font-size: 12px;
+  padding-top: 7px;
+}
+
+.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-dlg-content .e-unprotectsheetpwd-content .e-input {
+  margin-top: 10px;
+}
+
+.e-spreadsheet .e-reenterpwd-dlg {
+  left: 0 !important;
+}
+
+.e-spreadsheet .e-reenterpwd-dlg .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 {
+  color: #dd2c2c;
+  font-size: 12px;
+  padding-top: 7px;
+}
+
+.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-dlg-content .e-reenterpwd-content .e-input {
+  margin-top: 10px;
+}
+
 .e-spreadsheet .e-goto-dlg {
   height: auto;
 }
@@ -821,23 +884,40 @@
 .e-spreadsheet .e-protect-option-list {
   border: 1px solid #414040;
   cursor: default;
-  margin-top: 6px;
+  margin-top: 20px;
   overflow-y: auto;
 }
 
 .e-spreadsheet .e-protect-checkbox {
   height: 30px;
-  padding-top: 10px;
+  padding-top: 20px;
 }
 
 .e-spreadsheet .e-protect-checkbox .e-label {
   font-size: 14px;
 }
 
+.e-spreadsheet .e-dlg-content .e-custom-dialog .e-input.e-dialog-input {
+  float: left;
+  margin-right: 2.8%;
+  margin-right: 2.8%;
+  width: 80%;
+}
+
+.e-spreadsheet .e-dlg-content .e-custom-dialog .e-custom-sample {
+  margin: 10px 10px 10px 0;
+}
+
+.e-spreadsheet .e-dlg-content .e-custom-dialog .e-custom-listview {
+  border: 1px solid #ddd;
+  border-radius: 3px;
+  height: 300px;
+}
+
 .e-spreadsheet .e-protect-content {
   font-size: 13px;
   height: 30px;
-  padding-top: 10px;
+  padding-top: 20px;
   width: 100%;
 }
 
@@ -1552,7 +1632,7 @@
   cursor: cell;
   pointer-events: none;
   position: absolute;
-  z-index: 2;
+  z-index: 1;
   border-width: 1px;
 }
 
@@ -1562,7 +1642,7 @@
   cursor: cell;
   pointer-events: none;
   position: absolute;
-  z-index: 2;
+  z-index: 1;
 }
 
 .e-spreadsheet .e-formularef-indicator {
@@ -1572,6 +1652,24 @@
   z-index: 1;
 }
 
+.e-spreadsheet .e-autofill {
+  background-clip: content-box;
+  background-color: #0074cc;
+  border: 1px solid #fff;
+  cursor: crosshair;
+  height: 8px;
+  position: absolute;
+  width: 8px;
+  z-index: 3;
+}
+
+.e-spreadsheet .e-filloption {
+  height: 30px;
+  position: absolute;
+  width: 47px;
+  z-index: 3;
+}
+
 .e-spreadsheet .e-active-cell {
   border: 2px solid #0074cc;
   pointer-events: none;
@@ -1930,11 +2028,8 @@
 }
 
 .e-spreadsheet .e-validation-list {
-  border: 1px solid #fff;
-  bottom: 1px;
   float: right;
   height: 18px;
-  margin-right: 1px;
   padding: 0;
   position: relative;
   right: 0;
@@ -1943,8 +2038,17 @@
   z-index: 2;
 }
 
+.e-spreadsheet .e-validation-list .e-input-group {
+  border: 0;
+  box-shadow: none !important;
+}
+
 .e-spreadsheet .e-validation-list .e-ddl-icon {
   bottom: 5px;
+  height: 18px;
+  min-height: 0;
+  min-width: 0;
+  width: 20px;
 }
 
 .e-spreadsheet .e-rtl .e-spreadsheet-edit {
@@ -2541,8 +2645,6 @@
 
 .e-menu-wrapper.e-popup.e-menu-popup.e-databars ul .e-menu-item,
 .e-menu-wrapper.e-popup.e-menu-popup.e-databars ul .e-menu-item.e-focused {
-  background-color: #616161;
-  background-color: #fff;
   height: auto;
   line-height: 0;
   padding: 0;
@@ -2593,8 +2695,6 @@
 
 .e-menu-wrapper.e-popup.e-menu-popup.e-colorscales ul .e-menu-item,
 .e-menu-wrapper.e-popup.e-menu-popup.e-colorscales ul .e-menu-item.e-focused {
-  background-color: #616161;
-  background-color: #fff;
   height: auto;
   line-height: 0;
   padding: 0;
@@ -3237,7 +3337,7 @@
 
 .e-spreadsheet:not(.e-mobile-view) .e-add-sheet-tab.e-btn.e-icon-btn.e-css,
 .e-spreadsheet:not(.e-mobile-view) .e-sheets-list.e-dropdown-btn {
-  height: 33px;
+  height: 32px;
   padding: 0;
   width: 32px;
 }
@@ -3425,6 +3525,13 @@
   height: 78px;
 }
 
+.e-bigger .e-spreadsheet .e-dlg-content .e-custom-dialog .e-input.e-dialog-input,
+.e-bigger.e-spreadsheet .e-dlg-content .e-custom-dialog .e-input.e-dialog-input {
+  float: left;
+  margin-right: 2.8%;
+  width: 77%;
+}
+
 .e-bigger .e-spreadsheet .e-customsort-dlg,
 .e-bigger.e-spreadsheet .e-customsort-dlg {
   width: 590px !important;
@@ -3611,6 +3718,14 @@
   background: #333232;
 }
 
+.e-spreadsheet .e-sheet-tab-panel .e-tab-header .e-toolbar-item .e-tab-wrap:hover .e-tab-text {
+  color: #dadada;
+}
+
+.e-spreadsheet .e-sheet-tab-panel .e-tab-header .e-toolbar-item.e-active .e-tab-wrap .e-tab-text {
+  color: #dadada;
+}
+
 .e-spreadsheet .e-sheet-tab-panel .e-tab-header .e-tab-wrap:hover {
   background: #6f6c6c;
 }
@@ -3634,6 +3749,14 @@
   background-color: transparent;
 }
 
+.e-spreadsheet .e-dragfill-ddb {
+  box-shadow: none;
+}
+
+.e-spreadsheet .e-dragfill-ddb:focus {
+  background: #6f6c6c;
+}
+
 .e-spreadsheet .e-aggregate-list.e-flat {
   background-color: transparent;
   border-color: transparent;
@@ -3955,6 +4078,7 @@
 
 .e-spreadsheet .e-validation-list {
   background: #fff;
+  background-color: #303030;
 }
 
 .e-spreadsheet .e-datavalidation-dlg .e-dlg-error {
@@ -4021,6 +4145,11 @@
   border-right: 1px dashed #dd2c2c;
 }
 
+.e-popup.e-menu-popup.e-databars ul .e-db {
+  background-color: #fff;
+  background-color: #303030;
+}
+
 .e-popup.e-menu-popup.e-databars ul .e-bdatabar:hover,
 .e-popup.e-menu-popup.e-databars ul .e-gdatabar:hover,
 .e-popup.e-menu-popup.e-databars ul .e-rdatabar:hover,
@@ -4055,6 +4184,11 @@
   background: transparent url("data:image/svg+xml;base64,PHN2ZyBpZD0iTGF5ZXJfMSIgZGF0YS1uYW1lPSJMYXllciAxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyOCIgaGVpZ2h0PSIyOCIgdmlld0JveD0iMCAwIDI4IDI4Ij4KICA8ZGVmcz4KICAgIDxzdHlsZT4KICAgICAgLmNscy0xIHsKICAgICAgICBmaWxsOiAjZmZmOwogICAgICB9CgogICAgICAuY2xzLTIgewogICAgICAgIGZpbGw6ICNiM2IzYjM7CiAgICAgIH0KCiAgICAgIC5jbHMtMyB7CiAgICAgICAgZmlsbDogbm9uZTsKICAgICAgICBzdHJva2U6IGdyYXk7CiAgICAgICAgc3Ryb2tlLW1pdGVybGltaXQ6IDEwOwogICAgICB9CgogICAgICAuY2xzLTQgewogICAgICAgIGZpbGw6ICNkNjAwN2I7CiAgICAgIH0KCiAgICAgIC5jbHMtNSB7CiAgICAgICAgZmlsbDogZ3JheTsKICAgICAgfQogICAgPC9zdHlsZT4KICA8L2RlZnM+CiAgPHRpdGxlPkRhdGFiYXJzIDEyPC90aXRsZT4KICA8cmVjdCBjbGFzcz0iY2xzLTEiIHk9IjEiIHdpZHRoPSIyOCIgaGVpZ2h0PSIyNiIvPgogIDxnPgogICAgPHJlY3QgY2xhc3M9ImNscy0yIiB4PSItNS41IiB5PSIxMy41IiB3aWR0aD0iMjQiIGhlaWdodD0iMSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTcuNSAyMC41KSByb3RhdGUoLTkwKSIvPgogICAgPHJlY3QgY2xhc3M9ImNscy0zIiB4PSIwLjUiIHk9IjEuNSIgd2lkdGg9IjI3IiBoZWlnaHQ9IjI1Ii8+CiAgICA8cmVjdCBjbGFzcz0iY2xzLTIiIHg9IjEiIHk9IjYiIHdpZHRoPSIyNiIgaGVpZ2h0PSIxIi8+CiAgICA8cmVjdCBjbGFzcz0iY2xzLTIiIHg9IjEiIHk9IjExIiB3aWR0aD0iMjYiIGhlaWdodD0iMSIvPgogICAgPHJlY3QgY2xhc3M9ImNscy0yIiB4PSIxIiB5PSIxNiIgd2lkdGg9IjI2IiBoZWlnaHQ9IjEiLz4KICAgIDxyZWN0IGNsYXNzPSJjbHMtMiIgeD0iMSIgeT0iMjEiIHdpZHRoPSIyNiIgaGVpZ2h0PSIxIi8+CiAgICA8cmVjdCBjbGFzcz0iY2xzLTIiIHg9IjkuNSIgeT0iMTMuNSIgd2lkdGg9IjI0IiBoZWlnaHQ9IjEiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDcuNSAzNS41KSByb3RhdGUoLTkwKSIvPgogICAgPHJlY3QgY2xhc3M9ImNscy00IiB4PSI3IiB5PSI3IiB3aWR0aD0iMTQiIGhlaWdodD0iNCIvPgogICAgPHJlY3QgY2xhc3M9ImNscy00IiB4PSI3IiB5PSIyIiB3aWR0aD0iNSIgaGVpZ2h0PSI0Ii8+CiAgICA8cmVjdCBjbGFzcz0iY2xzLTQiIHg9IjciIHk9IjEyIiB3aWR0aD0iMyIgaGVpZ2h0PSI0Ii8+CiAgICA8cmVjdCBjbGFzcz0iY2xzLTQiIHg9IjciIHk9IjE3IiB3aWR0aD0iOCIgaGVpZ2h0PSI0Ii8+CiAgICA8cmVjdCBjbGFzcz0iY2xzLTQiIHg9IjciIHk9IjIyIiB3aWR0aD0iMTIiIGhlaWdodD0iNCIvPgogICAgPHJlY3QgY2xhc3M9ImNscy01IiB4PSIxNyIgeT0iMyIgd2lkdGg9IjMiIGhlaWdodD0iMSIvPgogICAgPHJlY3QgY2xhc3M9ImNscy01IiB4PSIxNyIgeT0iOCIgd2lkdGg9IjMiIGhlaWdodD0iMSIvPgogICAgPHJlY3QgY2xhc3M9ImNscy01IiB4PSIxNyIgeT0iMTMiIHdpZHRoPSIzIiBoZWlnaHQ9IjEiLz4KICAgIDxyZWN0IGNsYXNzPSJjbHMtNSIgeD0iMTciIHk9IjE4IiB3aWR0aD0iMyIgaGVpZ2h0PSIxIi8+CiAgICA8cmVjdCBjbGFzcz0iY2xzLTUiIHg9IjE3IiB5PSIyMyIgd2lkdGg9IjMiIGhlaWdodD0iMSIvPgogIDwvZz4KPC9zdmc+Cg==") no-repeat 50% 50%;
 }
 
+.e-popup.e-menu-popup.e-colorscales ul .e-cs {
+  background-color: #fff;
+  background-color: #303030;
+}
+
 .e-popup.e-menu-popup.e-colorscales ul .e-gyr:hover,
 .e-popup.e-menu-popup.e-colorscales ul .e-ryg:hover,
 .e-popup.e-menu-popup.e-colorscales ul .e-gwr:hover,

package/styles/fabric.css

@@ -275,6 +275,10 @@
   content: '\eb80';
 }
 
+.e-dragfill-ddb .e-dragfill-icon::before {
+  content: '\e92a';
+}
+
 .e-chart-ddb .e-chart-icon::before,
 .e-chart-ddb .e-chart-type-icon::before,
 .e-chart-type-ddb .e-chart-icon::before,
@@ -782,6 +786,65 @@
   width: 300px;
 }
 
+.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 {
+  height: 510px !important;
+  width: 530px !important;
+}
+
+.e-spreadsheet .e-unprotectworksheet-dlg {
+  left: 0 !important;
+}
+
+.e-spreadsheet .e-unprotectworksheet-dlg .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 {
+  color: #dd2c2c;
+  font-size: 12px;
+  padding-top: 7px;
+}
+
+.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-dlg-content .e-unprotectsheetpwd-content .e-input {
+  margin-top: 10px;
+}
+
+.e-spreadsheet .e-reenterpwd-dlg {
+  left: 0 !important;
+}
+
+.e-spreadsheet .e-reenterpwd-dlg .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 {
+  color: #dd2c2c;
+  font-size: 12px;
+  padding-top: 7px;
+}
+
+.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-dlg-content .e-reenterpwd-content .e-input {
+  margin-top: 10px;
+}
+
 .e-spreadsheet .e-goto-dlg {
   height: auto;
 }
@@ -824,23 +887,40 @@
 .e-spreadsheet .e-protect-option-list {
   border: 1px solid #e0e0e0;
   cursor: default;
-  margin-top: 6px;
+  margin-top: 20px;
   overflow-y: auto;
 }
 
 .e-spreadsheet .e-protect-checkbox {
   height: 30px;
-  padding-top: 10px;
+  padding-top: 20px;
 }
 
 .e-spreadsheet .e-protect-checkbox .e-label {
   font-size: 14px;
 }
 
+.e-spreadsheet .e-dlg-content .e-custom-dialog .e-input.e-dialog-input {
+  float: left;
+  margin-right: 2.8%;
+  margin-right: 2.8%;
+  width: 80%;
+}
+
+.e-spreadsheet .e-dlg-content .e-custom-dialog .e-custom-sample {
+  margin: 10px 10px 10px 0;
+}
+
+.e-spreadsheet .e-dlg-content .e-custom-dialog .e-custom-listview {
+  border: 1px solid #ddd;
+  border-radius: 3px;
+  height: 300px;
+}
+
 .e-spreadsheet .e-protect-content {
   font-size: 13px;
   height: 30px;
-  padding-top: 10px;
+  padding-top: 20px;
   width: 100%;
 }
 
@@ -1560,7 +1640,7 @@
   cursor: cell;
   pointer-events: none;
   position: absolute;
-  z-index: 2;
+  z-index: 1;
   border-width: 1px;
 }
 
@@ -1570,7 +1650,7 @@
   cursor: cell;
   pointer-events: none;
   position: absolute;
-  z-index: 2;
+  z-index: 1;
 }
 
 .e-spreadsheet .e-formularef-indicator {
@@ -1580,6 +1660,24 @@
   z-index: 1;
 }
 
+.e-spreadsheet .e-autofill {
+  background-clip: content-box;
+  background-color: #0078d6;
+  border: 1px solid #fff;
+  cursor: crosshair;
+  height: 8px;
+  position: absolute;
+  width: 8px;
+  z-index: 3;
+}
+
+.e-spreadsheet .e-filloption {
+  height: 30px;
+  position: absolute;
+  width: 47px;
+  z-index: 3;
+}
+
 .e-spreadsheet .e-active-cell {
   border: 2px solid #0078d6;
   pointer-events: none;
@@ -1940,11 +2038,8 @@
 }
 
 .e-spreadsheet .e-validation-list {
-  border: 1px solid #fff;
-  bottom: 1px;
   float: right;
   height: 18px;
-  margin-right: 1px;
   padding: 0;
   position: relative;
   right: 0;
@@ -1953,8 +2048,17 @@
   z-index: 2;
 }
 
+.e-spreadsheet .e-validation-list .e-input-group {
+  border: 0;
+  box-shadow: none !important;
+}
+
 .e-spreadsheet .e-validation-list .e-ddl-icon {
   bottom: 5px;
+  height: 18px;
+  min-height: 0;
+  min-width: 0;
+  width: 20px;
 }
 
 .e-spreadsheet .e-rtl .e-spreadsheet-edit {
@@ -2551,8 +2655,6 @@
 
 .e-menu-wrapper.e-popup.e-menu-popup.e-databars ul .e-menu-item,
 .e-menu-wrapper.e-popup.e-menu-popup.e-databars ul .e-menu-item.e-focused {
-  background-color: #616161;
-  background-color: #fff;
   height: auto;
   line-height: 0;
   padding: 0;
@@ -2603,8 +2705,6 @@
 
 .e-menu-wrapper.e-popup.e-menu-popup.e-colorscales ul .e-menu-item,
 .e-menu-wrapper.e-popup.e-menu-popup.e-colorscales ul .e-menu-item.e-focused {
-  background-color: #616161;
-  background-color: #fff;
   height: auto;
   line-height: 0;
   padding: 0;
@@ -3247,7 +3347,7 @@
 
 .e-spreadsheet:not(.e-mobile-view) .e-add-sheet-tab.e-btn.e-icon-btn.e-css,
 .e-spreadsheet:not(.e-mobile-view) .e-sheets-list.e-dropdown-btn {
-  height: 33px;
+  height: 32px;
   padding: 0;
   width: 32px;
 }
@@ -3437,6 +3537,13 @@
   height: 78px;
 }
 
+.e-bigger .e-spreadsheet .e-dlg-content .e-custom-dialog .e-input.e-dialog-input,
+.e-bigger.e-spreadsheet .e-dlg-content .e-custom-dialog .e-input.e-dialog-input {
+  float: left;
+  margin-right: 2.8%;
+  width: 77%;
+}
+
 .e-bigger .e-spreadsheet .e-customsort-dlg,
 .e-bigger.e-spreadsheet .e-customsort-dlg {
   width: 590px !important;
@@ -3627,6 +3734,14 @@
   border-color: transparent;
 }
 
+.e-spreadsheet .e-sheet-tab-panel .e-tab-header .e-toolbar-item .e-tab-wrap:hover .e-tab-text {
+  color: #333;
+}
+
+.e-spreadsheet .e-sheet-tab-panel .e-tab-header .e-toolbar-item.e-active .e-tab-wrap .e-tab-text {
+  color: #333;
+}
+
 .e-spreadsheet .e-sheet-tab-panel .e-tab-header .e-tab-wrap:hover {
   background: #eaeaea;
 }
@@ -3650,6 +3765,14 @@
   background-color: transparent;
 }
 
+.e-spreadsheet .e-dragfill-ddb {
+  box-shadow: none;
+}
+
+.e-spreadsheet .e-dragfill-ddb:focus {
+  background: #c7e0f4;
+}
+
 .e-spreadsheet .e-aggregate-list.e-flat {
   background-color: transparent;
   border-color: transparent;
@@ -4037,6 +4160,10 @@
   border-right: 1px dashed #dd2c2c;
 }
 
+.e-popup.e-menu-popup.e-databars ul .e-db {
+  background-color: #fff;
+}
+
 .e-popup.e-menu-popup.e-databars ul .e-bdatabar:hover,
 .e-popup.e-menu-popup.e-databars ul .e-gdatabar:hover,
 .e-popup.e-menu-popup.e-databars ul .e-rdatabar:hover,
@@ -4070,6 +4197,10 @@
   background: transparent url("data:image/svg+xml;base64,PHN2ZyBpZD0iTGF5ZXJfMSIgZGF0YS1uYW1lPSJMYXllciAxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyOCIgaGVpZ2h0PSIyOCIgdmlld0JveD0iMCAwIDI4IDI4Ij4KICA8ZGVmcz4KICAgIDxzdHlsZT4KICAgICAgLmNscy0xIHsKICAgICAgICBmaWxsOiAjZmZmOwogICAgICB9CgogICAgICAuY2xzLTIgewogICAgICAgIGZpbGw6ICNiM2IzYjM7CiAgICAgIH0KCiAgICAgIC5jbHMtMyB7CiAgICAgICAgZmlsbDogbm9uZTsKICAgICAgICBzdHJva2U6IGdyYXk7CiAgICAgICAgc3Ryb2tlLW1pdGVybGltaXQ6IDEwOwogICAgICB9CgogICAgICAuY2xzLTQgewogICAgICAgIGZpbGw6ICNkNjAwN2I7CiAgICAgIH0KCiAgICAgIC5jbHMtNSB7CiAgICAgICAgZmlsbDogZ3JheTsKICAgICAgfQogICAgPC9zdHlsZT4KICA8L2RlZnM+CiAgPHRpdGxlPkRhdGFiYXJzIDEyPC90aXRsZT4KICA8cmVjdCBjbGFzcz0iY2xzLTEiIHk9IjEiIHdpZHRoPSIyOCIgaGVpZ2h0PSIyNiIvPgogIDxnPgogICAgPHJlY3QgY2xhc3M9ImNscy0yIiB4PSItNS41IiB5PSIxMy41IiB3aWR0aD0iMjQiIGhlaWdodD0iMSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTcuNSAyMC41KSByb3RhdGUoLTkwKSIvPgogICAgPHJlY3QgY2xhc3M9ImNscy0zIiB4PSIwLjUiIHk9IjEuNSIgd2lkdGg9IjI3IiBoZWlnaHQ9IjI1Ii8+CiAgICA8cmVjdCBjbGFzcz0iY2xzLTIiIHg9IjEiIHk9IjYiIHdpZHRoPSIyNiIgaGVpZ2h0PSIxIi8+CiAgICA8cmVjdCBjbGFzcz0iY2xzLTIiIHg9IjEiIHk9IjExIiB3aWR0aD0iMjYiIGhlaWdodD0iMSIvPgogICAgPHJlY3QgY2xhc3M9ImNscy0yIiB4PSIxIiB5PSIxNiIgd2lkdGg9IjI2IiBoZWlnaHQ9IjEiLz4KICAgIDxyZWN0IGNsYXNzPSJjbHMtMiIgeD0iMSIgeT0iMjEiIHdpZHRoPSIyNiIgaGVpZ2h0PSIxIi8+CiAgICA8cmVjdCBjbGFzcz0iY2xzLTIiIHg9IjkuNSIgeT0iMTMuNSIgd2lkdGg9IjI0IiBoZWlnaHQ9IjEiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDcuNSAzNS41KSByb3RhdGUoLTkwKSIvPgogICAgPHJlY3QgY2xhc3M9ImNscy00IiB4PSI3IiB5PSI3IiB3aWR0aD0iMTQiIGhlaWdodD0iNCIvPgogICAgPHJlY3QgY2xhc3M9ImNscy00IiB4PSI3IiB5PSIyIiB3aWR0aD0iNSIgaGVpZ2h0PSI0Ii8+CiAgICA8cmVjdCBjbGFzcz0iY2xzLTQiIHg9IjciIHk9IjEyIiB3aWR0aD0iMyIgaGVpZ2h0PSI0Ii8+CiAgICA8cmVjdCBjbGFzcz0iY2xzLTQiIHg9IjciIHk9IjE3IiB3aWR0aD0iOCIgaGVpZ2h0PSI0Ii8+CiAgICA8cmVjdCBjbGFzcz0iY2xzLTQiIHg9IjciIHk9IjIyIiB3aWR0aD0iMTIiIGhlaWdodD0iNCIvPgogICAgPHJlY3QgY2xhc3M9ImNscy01IiB4PSIxNyIgeT0iMyIgd2lkdGg9IjMiIGhlaWdodD0iMSIvPgogICAgPHJlY3QgY2xhc3M9ImNscy01IiB4PSIxNyIgeT0iOCIgd2lkdGg9IjMiIGhlaWdodD0iMSIvPgogICAgPHJlY3QgY2xhc3M9ImNscy01IiB4PSIxNyIgeT0iMTMiIHdpZHRoPSIzIiBoZWlnaHQ9IjEiLz4KICAgIDxyZWN0IGNsYXNzPSJjbHMtNSIgeD0iMTciIHk9IjE4IiB3aWR0aD0iMyIgaGVpZ2h0PSIxIi8+CiAgICA8cmVjdCBjbGFzcz0iY2xzLTUiIHg9IjE3IiB5PSIyMyIgd2lkdGg9IjMiIGhlaWdodD0iMSIvPgogIDwvZz4KPC9zdmc+Cg==") no-repeat 50% 50%;
 }
 
+.e-popup.e-menu-popup.e-colorscales ul .e-cs {
+  background-color: #fff;
+}
+
 .e-popup.e-menu-popup.e-colorscales ul .e-gyr:hover,
 .e-popup.e-menu-popup.e-colorscales ul .e-ryg:hover,
 .e-popup.e-menu-popup.e-colorscales ul .e-gwr:hover,