diff --git a/bi/base.css b/bi/base.css
index 8a57a0a64..a2b20140d 100644
--- a/bi/base.css
+++ b/bi/base.css
@@ -1115,12 +1115,12 @@ li.CodeMirror-hint-active {
   transition-timing-function: ease;
   user-select: none;
   background-color: rgba(102, 102, 102, 0.05);
-  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#0D666666,endColorstr=#0D666666);
+  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#0d666666,endColorstr=#0d666666;
   border-radius: 5px;
 }
 .bi-theme-dark .scrollbar-layout-main {
   background-color: rgba(204, 204, 204, 0.05);
-  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#0Dcccccc,endColorstr=#0Dcccccc);
+  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#0dcccccc,endColorstr=#0dcccccc;
 }
 .scrollbar-layout-main-vertical {
   bottom: 0;
@@ -1139,11 +1139,11 @@ li.CodeMirror-hint-active {
   left: 0;
   transition-property: background-color;
   background-color: rgba(102, 102, 102, 0.05);
-  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#0D666666,endColorstr=#0D666666);
+  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#0d666666,endColorstr=#0d666666;
 }
 .bi-theme-dark .scrollbar-layout-main-horizontal {
   background-color: rgba(204, 204, 204, 0.05);
-  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#0Dcccccc,endColorstr=#0Dcccccc);
+  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#0dcccccc,endColorstr=#0dcccccc;
 }
 /* Touching the scroll-track directly makes the scroll-track bolder */
 .scrollbar-layout-main-horizontal.public-scrollbar-main-active,
@@ -1197,23 +1197,23 @@ li.CodeMirror-hint-active {
 /* Touching the scroll-track directly makes the scroll-track bolder */
 .public-scrollbar-face:after {
   background-color: rgba(102, 102, 102, 0.3);
-  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#4C666666,endColorstr=#4C666666);
+  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#4d666666,endColorstr=#4d666666;
 }
 .bi-theme-dark .public-scrollbar-face:after {
   background-color: rgba(204, 204, 204, 0.3);
-  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#4Ccccccc,endColorstr=#4Ccccccc);
+  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#4dcccccc,endColorstr=#4dcccccc;
 }
 .public-scrollbar-main:hover .public-scrollbar-face:after,
 .public-scrollbar-main-active .public-scrollbar-face:after,
 .public-scrollbar-faceActive:after {
   background-color: rgba(102, 102, 102, 0.7);
-  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#B2666666,endColorstr=#B2666666);
+  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#b3666666,endColorstr=#b3666666;
 }
 .bi-theme-dark .public-scrollbar-main:hover .public-scrollbar-face:after,
 .bi-theme-dark .public-scrollbar-main-active .public-scrollbar-face:after,
 .bi-theme-dark .public-scrollbar-faceActive:after {
   background-color: rgba(204, 204, 204, 0.7);
-  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#B2cccccc,endColorstr=#B2cccccc);
+  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#b3cccccc,endColorstr=#b3cccccc;
 }
 .horizontal-scrollbar {
   bottom: 0;
diff --git a/bi/core.css b/bi/core.css
index ea14d4760..781e734e9 100644
--- a/bi/core.css
+++ b/bi/core.css
@@ -3065,7 +3065,7 @@ i {
 }
 .bi-z-index-mask {
   background-color: rgba(26, 26, 26, 0.5);
-  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#7f1a1a1a,endColorstr=#7f1a1a1a);
+  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#801a1a1a,endColorstr=#801a1a1a);
 }
 .bi-list-item:hover,
 .bi-list-item.hover {
diff --git a/docs/base.css b/docs/base.css
index 8a57a0a64..a2b20140d 100644
--- a/docs/base.css
+++ b/docs/base.css
@@ -1115,12 +1115,12 @@ li.CodeMirror-hint-active {
   transition-timing-function: ease;
   user-select: none;
   background-color: rgba(102, 102, 102, 0.05);
-  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#0D666666,endColorstr=#0D666666);
+  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#0d666666,endColorstr=#0d666666;
   border-radius: 5px;
 }
 .bi-theme-dark .scrollbar-layout-main {
   background-color: rgba(204, 204, 204, 0.05);
-  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#0Dcccccc,endColorstr=#0Dcccccc);
+  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#0dcccccc,endColorstr=#0dcccccc;
 }
 .scrollbar-layout-main-vertical {
   bottom: 0;
@@ -1139,11 +1139,11 @@ li.CodeMirror-hint-active {
   left: 0;
   transition-property: background-color;
   background-color: rgba(102, 102, 102, 0.05);
-  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#0D666666,endColorstr=#0D666666);
+  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#0d666666,endColorstr=#0d666666;
 }
 .bi-theme-dark .scrollbar-layout-main-horizontal {
   background-color: rgba(204, 204, 204, 0.05);
-  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#0Dcccccc,endColorstr=#0Dcccccc);
+  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#0dcccccc,endColorstr=#0dcccccc;
 }
 /* Touching the scroll-track directly makes the scroll-track bolder */
 .scrollbar-layout-main-horizontal.public-scrollbar-main-active,
@@ -1197,23 +1197,23 @@ li.CodeMirror-hint-active {
 /* Touching the scroll-track directly makes the scroll-track bolder */
 .public-scrollbar-face:after {
   background-color: rgba(102, 102, 102, 0.3);
-  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#4C666666,endColorstr=#4C666666);
+  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#4d666666,endColorstr=#4d666666;
 }
 .bi-theme-dark .public-scrollbar-face:after {
   background-color: rgba(204, 204, 204, 0.3);
-  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#4Ccccccc,endColorstr=#4Ccccccc);
+  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#4dcccccc,endColorstr=#4dcccccc;
 }
 .public-scrollbar-main:hover .public-scrollbar-face:after,
 .public-scrollbar-main-active .public-scrollbar-face:after,
 .public-scrollbar-faceActive:after {
   background-color: rgba(102, 102, 102, 0.7);
-  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#B2666666,endColorstr=#B2666666);
+  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#b3666666,endColorstr=#b3666666;
 }
 .bi-theme-dark .public-scrollbar-main:hover .public-scrollbar-face:after,
 .bi-theme-dark .public-scrollbar-main-active .public-scrollbar-face:after,
 .bi-theme-dark .public-scrollbar-faceActive:after {
   background-color: rgba(204, 204, 204, 0.7);
-  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#B2cccccc,endColorstr=#B2cccccc);
+  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#b3cccccc,endColorstr=#b3cccccc;
 }
 .horizontal-scrollbar {
   bottom: 0;
diff --git a/docs/core.css b/docs/core.css
index ea14d4760..781e734e9 100644
--- a/docs/core.css
+++ b/docs/core.css
@@ -3065,7 +3065,7 @@ i {
 }
 .bi-z-index-mask {
   background-color: rgba(26, 26, 26, 0.5);
-  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#7f1a1a1a,endColorstr=#7f1a1a1a);
+  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#801a1a1a,endColorstr=#801a1a1a);
 }
 .bi-list-item:hover,
 .bi-list-item.hover {
diff --git a/docs/resource.css b/docs/resource.css
index f147b4cd5..f86bee895 100644
--- a/docs/resource.css
+++ b/docs/resource.css
@@ -614,6 +614,9 @@ textarea::-webkit-scrollbar-thumb {
 }
 /****** common color(常用颜色,可用于普遍场景) *****/
 /**** custom color(自定义颜色,用于特定场景) ****/
+.close-font .b-font {
+  *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '&#xe600');
+}
 .close-font .b-font:before {
   content: "\e600";
   color: inherit;
@@ -623,6 +626,9 @@ textarea::-webkit-scrollbar-thumb {
   content: "\e600";
   color: inherit;
 }
+.close-red-font .b-font {
+  *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '&#xe600');
+}
 .close-red-font .b-font:before {
   content: "\e600";
   color: #e85050;
@@ -632,6 +638,9 @@ textarea::-webkit-scrollbar-thumb {
   content: "\e600";
   color: #e85050;
 }
+.close-h-font .b-font {
+  *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '&#xe600');
+}
 .close-h-font .b-font:before {
   content: "\e600";
   color: inherit;
@@ -647,6 +656,9 @@ textarea::-webkit-scrollbar-thumb {
   content: "\e600";
   color: inherit;
 }
+.close-e-font .b-font {
+  *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '&#xe600');
+}
 .close-e-font .b-font:before {
   content: "\e600";
   color: inherit;
@@ -659,17 +671,20 @@ textarea::-webkit-scrollbar-thumb {
 }
 .close-e-font.active .b-font:before {
   content: "\e600";
-  color: #009de3;
+  color: #3f8ce8;
 }
 .close-e-font:active .b-font:before {
   content: "\e600";
-  color: #009de3;
+  color: #3f8ce8;
 }
 .close-e-font.native .b-font:before,
 .close-e-font.disabled .b-font:before {
   content: "\e600";
   color: inherit;
 }
+.close-ha-font .b-font {
+  *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '&#xe600');
+}
 .close-ha-font .b-font:before {
   content: "\e600";
   color: inherit;
@@ -683,13 +698,16 @@ textarea::-webkit-scrollbar-thumb {
 .close-ha-font:active .b-font:before,
 .close-ha-font.active .b-font:before {
   content: "\e600";
-  color: #009de3;
+  color: #3f8ce8;
 }
 .close-ha-font.native .b-font:before,
 .close-ha-font.disabled .b-font:before {
   content: "\e600";
   color: inherit;
 }
+.search-close-h-font .b-font {
+  *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '&#xe600');
+}
 .search-close-h-font .b-font:before {
   content: "\e600";
   color: inherit;
@@ -705,6 +723,9 @@ textarea::-webkit-scrollbar-thumb {
   content: "\e600";
   color: inherit;
 }
+.trigger-font .b-font {
+  *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '&#xe603');
+}
 .trigger-font .b-font:before {
   content: "\e603";
   color: inherit;
@@ -714,6 +735,9 @@ textarea::-webkit-scrollbar-thumb {
   content: "\e603";
   color: inherit;
 }
+.trigger-h-font .b-font {
+  *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '&#xe603');
+}
 .trigger-h-font .b-font:before {
   content: "\e603";
   color: inherit;
@@ -729,6 +753,9 @@ textarea::-webkit-scrollbar-thumb {
   content: "\e603";
   color: inherit;
 }
+.trigger-ha-font .b-font {
+  *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '&#xe603');
+}
 .trigger-ha-font .b-font:before {
   content: "\e603";
   color: inherit;
@@ -742,13 +769,16 @@ textarea::-webkit-scrollbar-thumb {
 .trigger-ha-font:active .b-font:before,
 .trigger-ha-font.active .b-font:before {
   content: "\e603";
-  color: #009de3;
+  color: #3f8ce8;
 }
 .trigger-ha-font.native .b-font:before,
 .trigger-ha-font.disabled .b-font:before {
   content: "\e603";
   color: inherit;
 }
+.pre-page-font .b-font {
+  *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '&#xe601');
+}
 .pre-page-font .b-font:before {
   content: "\e601";
   color: inherit;
@@ -758,6 +788,9 @@ textarea::-webkit-scrollbar-thumb {
   content: "\e601";
   color: inherit;
 }
+.pre-page-h-font .b-font {
+  *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '&#xe601');
+}
 .pre-page-h-font .b-font:before {
   content: "\e601";
   color: inherit;
@@ -773,6 +806,9 @@ textarea::-webkit-scrollbar-thumb {
   content: "\e601";
   color: inherit;
 }
+.pre-page-ha-font .b-font {
+  *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '&#xe601');
+}
 .pre-page-ha-font .b-font:before {
   content: "\e601";
   color: inherit;
@@ -786,13 +822,16 @@ textarea::-webkit-scrollbar-thumb {
 .pre-page-ha-font:active .b-font:before,
 .pre-page-ha-font.active .b-font:before {
   content: "\e601";
-  color: #009de3;
+  color: #3f8ce8;
 }
 .pre-page-ha-font.native .b-font:before,
 .pre-page-ha-font.disabled .b-font:before {
   content: "\e601";
   color: inherit;
 }
+.next-page-font .b-font {
+  *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '&#xe602');
+}
 .next-page-font .b-font:before {
   content: "\e602";
   color: inherit;
@@ -802,6 +841,9 @@ textarea::-webkit-scrollbar-thumb {
   content: "\e602";
   color: inherit;
 }
+.next-page-h-font .b-font {
+  *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '&#xe602');
+}
 .next-page-h-font .b-font:before {
   content: "\e602";
   color: inherit;
@@ -817,6 +859,9 @@ textarea::-webkit-scrollbar-thumb {
   content: "\e602";
   color: inherit;
 }
+.next-page-ha-font .b-font {
+  *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '&#xe602');
+}
 .next-page-ha-font .b-font:before {
   content: "\e602";
   color: inherit;
@@ -830,13 +875,16 @@ textarea::-webkit-scrollbar-thumb {
 .next-page-ha-font:active .b-font:before,
 .next-page-ha-font.active .b-font:before {
   content: "\e602";
-  color: #009de3;
+  color: #3f8ce8;
 }
 .next-page-ha-font.native .b-font:before,
 .next-page-ha-font.disabled .b-font:before {
   content: "\e602";
   color: inherit;
 }
+.search-font .b-font {
+  *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '&#xe604');
+}
 .search-font .b-font:before {
   content: "\e604";
   color: inherit;
@@ -846,6 +894,9 @@ textarea::-webkit-scrollbar-thumb {
   content: "\e604";
   color: inherit;
 }
+.search-h-font .b-font {
+  *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '&#xe604');
+}
 .search-h-font .b-font:before {
   content: "\e604";
   color: inherit;
@@ -861,6 +912,9 @@ textarea::-webkit-scrollbar-thumb {
   content: "\e604";
   color: inherit;
 }
+.search-ha-font .b-font {
+  *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '&#xe604');
+}
 .search-ha-font .b-font:before {
   content: "\e604";
   color: inherit;
@@ -874,13 +928,16 @@ textarea::-webkit-scrollbar-thumb {
 .search-ha-font:active .b-font:before,
 .search-ha-font.active .b-font:before {
   content: "\e604";
-  color: #009de3;
+  color: #3f8ce8;
 }
 .search-ha-font.native .b-font:before,
 .search-ha-font.disabled .b-font:before {
   content: "\e604";
   color: inherit;
 }
+.share-font .b-font {
+  *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '&#xe65a');
+}
 .share-font .b-font:before {
   content: "\e65a";
   color: inherit;
@@ -890,6 +947,9 @@ textarea::-webkit-scrollbar-thumb {
   content: "\e65a";
   color: inherit;
 }
+.share-h-font .b-font {
+  *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '&#xe65a');
+}
 .share-h-font .b-font:before {
   content: "\e65a";
   color: inherit;
@@ -905,6 +965,9 @@ textarea::-webkit-scrollbar-thumb {
   content: "\e65a";
   color: inherit;
 }
+.share-ha-font .b-font {
+  *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '&#xe65a');
+}
 .share-ha-font .b-font:before {
   content: "\e65a";
   color: inherit;
@@ -918,7 +981,7 @@ textarea::-webkit-scrollbar-thumb {
 .share-ha-font:active .b-font:before,
 .share-ha-font.active .b-font:before {
   content: "\e65a";
-  color: #009de3;
+  color: #3f8ce8;
 }
 .share-ha-font.native .b-font:before,
 .share-ha-font.disabled .b-font:before {
@@ -926,6 +989,9 @@ textarea::-webkit-scrollbar-thumb {
   color: inherit;
 }
 /**维度/指标 下拉列表图标字体 ~begin~**/
+.delete-font .b-font {
+  *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '&#xe605');
+}
 .delete-font .b-font:before {
   content: "\e605";
   color: inherit;
@@ -935,6 +1001,9 @@ textarea::-webkit-scrollbar-thumb {
   content: "\e605";
   color: inherit;
 }
+.delete-h-font .b-font {
+  *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '&#xe605');
+}
 .delete-h-font .b-font:before {
   content: "\e605";
   color: inherit;
@@ -950,6 +1019,9 @@ textarea::-webkit-scrollbar-thumb {
   content: "\e605";
   color: inherit;
 }
+.delete-ha-font .b-font {
+  *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '&#xe605');
+}
 .delete-ha-font .b-font:before {
   content: "\e605";
   color: inherit;
@@ -963,13 +1035,16 @@ textarea::-webkit-scrollbar-thumb {
 .delete-ha-font:active .b-font:before,
 .delete-ha-font.active .b-font:before {
   content: "\e605";
-  color: #009de3;
+  color: #3f8ce8;
 }
 .delete-ha-font.native .b-font:before,
 .delete-ha-font.disabled .b-font:before {
   content: "\e605";
   color: inherit;
 }
+.delete-e-font .b-font {
+  *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '&#xe605');
+}
 .delete-e-font .b-font:before {
   content: "\e605";
   color: inherit;
@@ -982,17 +1057,20 @@ textarea::-webkit-scrollbar-thumb {
 }
 .delete-e-font.active .b-font:before {
   content: "\e605";
-  color: #009de3;
+  color: #3f8ce8;
 }
 .delete-e-font:active .b-font:before {
   content: "\e605";
-  color: #009de3;
+  color: #3f8ce8;
 }
 .delete-e-font.native .b-font:before,
 .delete-e-font.disabled .b-font:before {
   content: "\e605";
   color: inherit;
 }
+.dot-font .b-font {
+  *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '&#xe606');
+}
 .dot-font .b-font:before {
   content: "\e606";
   color: #1a1a1a;
@@ -1002,6 +1080,9 @@ textarea::-webkit-scrollbar-thumb {
   content: "\e606";
   color: #1a1a1a;
 }
+.dot-h-font .b-font {
+  *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '&#xe606');
+}
 .dot-h-font .b-font:before {
   content: "\e606";
   color: #1a1a1a;
@@ -1017,6 +1098,9 @@ textarea::-webkit-scrollbar-thumb {
   content: "\e606";
   color: #1a1a1a;
 }
+.dot-ha-font .b-font {
+  *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '&#xe606');
+}
 .dot-ha-font .b-font:before {
   content: "\e606";
   color: #ffffff;
@@ -1037,6 +1121,9 @@ textarea::-webkit-scrollbar-thumb {
   content: "\e606";
   color: #ffffff;
 }
+.dot-e-font .b-font {
+  *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '&#xe606');
+}
 .dot-e-font .b-font:before {
   content: "\e606";
   color: #ffffff;
@@ -1060,6 +1147,9 @@ textarea::-webkit-scrollbar-thumb {
   content: "\e606";
   color: #ffffff;
 }
+.pull-right-font .b-font {
+  *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '&#xe607');
+}
 .pull-right-font .b-font:before {
   content: "\e607";
   color: inherit;
@@ -1069,6 +1159,9 @@ textarea::-webkit-scrollbar-thumb {
   content: "\e607";
   color: inherit;
 }
+.pull-right-h-font .b-font {
+  *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '&#xe607');
+}
 .pull-right-h-font .b-font:before {
   content: "\e607";
   color: inherit;
@@ -1084,6 +1177,9 @@ textarea::-webkit-scrollbar-thumb {
   content: "\e607";
   color: inherit;
 }
+.pull-right-ha-font .b-font {
+  *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '&#xe607');
+}
 .pull-right-ha-font .b-font:before {
   content: "\e607";
   color: inherit;
@@ -1097,13 +1193,16 @@ textarea::-webkit-scrollbar-thumb {
 .pull-right-ha-font:active .b-font:before,
 .pull-right-ha-font.active .b-font:before {
   content: "\e607";
-  color: #009de3;
+  color: #3f8ce8;
 }
 .pull-right-ha-font.native .b-font:before,
 .pull-right-ha-font.disabled .b-font:before {
   content: "\e607";
   color: inherit;
 }
+.pull-right-e-font .b-font {
+  *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '&#xe607');
+}
 .pull-right-e-font .b-font:before {
   content: "\e607";
   color: inherit;
@@ -1116,17 +1215,20 @@ textarea::-webkit-scrollbar-thumb {
 }
 .pull-right-e-font.active .b-font:before {
   content: "\e607";
-  color: #009de3;
+  color: #3f8ce8;
 }
 .pull-right-e-font:active .b-font:before {
   content: "\e607";
-  color: #009de3;
+  color: #3f8ce8;
 }
 .pull-right-e-font.native .b-font:before,
 .pull-right-e-font.disabled .b-font:before {
   content: "\e607";
   color: inherit;
 }
+.copy-font .b-font {
+  *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '&#xe610');
+}
 .copy-font .b-font:before {
   content: "\e610";
   color: inherit;
@@ -1136,6 +1238,9 @@ textarea::-webkit-scrollbar-thumb {
   content: "\e610";
   color: inherit;
 }
+.copy-h-font .b-font {
+  *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '&#xe610');
+}
 .copy-h-font .b-font:before {
   content: "\e610";
   color: #1a1a1a;
@@ -1151,6 +1256,9 @@ textarea::-webkit-scrollbar-thumb {
   content: "\e610";
   color: #1a1a1a;
 }
+.copy-ha-font .b-font {
+  *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '&#xe610');
+}
 .copy-ha-font .b-font:before {
   content: "\e610";
   color: inherit;
@@ -1164,13 +1272,16 @@ textarea::-webkit-scrollbar-thumb {
 .copy-ha-font:active .b-font:before,
 .copy-ha-font.active .b-font:before {
   content: "\e610";
-  color: #009de3;
+  color: #3f8ce8;
 }
 .copy-ha-font.native .b-font:before,
 .copy-ha-font.disabled .b-font:before {
   content: "\e610";
   color: inherit;
 }
+.copy-e-font .b-font {
+  *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '&#xe610');
+}
 .copy-e-font .b-font:before {
   content: "\e610";
   color: inherit;
@@ -1183,17 +1294,20 @@ textarea::-webkit-scrollbar-thumb {
 }
 .copy-e-font.active .b-font:before {
   content: "\e610";
-  color: #009de3;
+  color: #3f8ce8;
 }
 .copy-e-font:active .b-font:before {
   content: "\e610";
-  color: #009de3;
+  color: #3f8ce8;
 }
 .copy-e-font.native .b-font:before,
 .copy-e-font.disabled .b-font:before {
   content: "\e610";
   color: inherit;
 }
+.check-mark-font .b-font {
+  *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '&#xe611');
+}
 .check-mark-font .b-font:before {
   content: "\e611";
   color: inherit;
@@ -1203,6 +1317,9 @@ textarea::-webkit-scrollbar-thumb {
   content: "\e611";
   color: inherit;
 }
+.check-mark-h-font .b-font {
+  *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '&#xe611');
+}
 .check-mark-h-font .b-font:before {
   content: "\e611";
   color: inherit;
@@ -1218,6 +1335,9 @@ textarea::-webkit-scrollbar-thumb {
   content: "\e611";
   color: inherit;
 }
+.check-mark-ha-font .b-font {
+  *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '&#xe611');
+}
 .check-mark-ha-font .b-font:before {
   content: "\e611";
   color: inherit;
@@ -1231,13 +1351,16 @@ textarea::-webkit-scrollbar-thumb {
 .check-mark-ha-font:active .b-font:before,
 .check-mark-ha-font.active .b-font:before {
   content: "\e611";
-  color: #009de3;
+  color: #3f8ce8;
 }
 .check-mark-ha-font.native .b-font:before,
 .check-mark-ha-font.disabled .b-font:before {
   content: "\e611";
   color: inherit;
 }
+.check-mark-e-font .b-font {
+  *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '&#xe611');
+}
 .check-mark-e-font .b-font:before {
   content: "\e611";
   color: inherit;
@@ -1250,17 +1373,20 @@ textarea::-webkit-scrollbar-thumb {
 }
 .check-mark-e-font.active .b-font:before {
   content: "\e611";
-  color: #009de3;
+  color: #3f8ce8;
 }
 .check-mark-e-font:active .b-font:before {
   content: "\e611";
-  color: #009de3;
+  color: #3f8ce8;
 }
 .check-mark-e-font.native .b-font:before,
 .check-mark-e-font.disabled .b-font:before {
   content: "\e611";
   color: inherit;
 }
+.dimension-from-font .b-font {
+  *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '&#xe612');
+}
 .dimension-from-font .b-font:before {
   content: "\e612";
   color: inherit;
@@ -1270,6 +1396,9 @@ textarea::-webkit-scrollbar-thumb {
   content: "\e612";
   color: inherit;
 }
+.dimension-from-h-font .b-font {
+  *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '&#xe612');
+}
 .dimension-from-h-font .b-font:before {
   content: "\e612";
   color: inherit;
@@ -1285,6 +1414,9 @@ textarea::-webkit-scrollbar-thumb {
   content: "\e612";
   color: inherit;
 }
+.dimension-from-ha-font .b-font {
+  *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '&#xe612');
+}
 .dimension-from-ha-font .b-font:before {
   content: "\e612";
   color: inherit;
@@ -1298,13 +1430,16 @@ textarea::-webkit-scrollbar-thumb {
 .dimension-from-ha-font:active .b-font:before,
 .dimension-from-ha-font.active .b-font:before {
   content: "\e612";
-  color: #009de3;
+  color: #3f8ce8;
 }
 .dimension-from-ha-font.native .b-font:before,
 .dimension-from-ha-font.disabled .b-font:before {
   content: "\e612";
   color: inherit;
 }
+.dimension-from-e-font .b-font {
+  *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '&#xe612');
+}
 .dimension-from-e-font .b-font:before {
   content: "\e612";
   color: inherit;
@@ -1317,17 +1452,20 @@ textarea::-webkit-scrollbar-thumb {
 }
 .dimension-from-e-font.active .b-font:before {
   content: "\e612";
-  color: #009de3;
+  color: #3f8ce8;
 }
 .dimension-from-e-font:active .b-font:before {
   content: "\e612";
-  color: #009de3;
+  color: #3f8ce8;
 }
 .dimension-from-e-font.native .b-font:before,
 .dimension-from-e-font.disabled .b-font:before {
   content: "\e612";
   color: inherit;
 }
+.chart-type-font .b-font {
+  *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '&#xe613');
+}
 .chart-type-font .b-font:before {
   content: "\e613";
   color: inherit;
@@ -1337,6 +1475,9 @@ textarea::-webkit-scrollbar-thumb {
   content: "\e613";
   color: inherit;
 }
+.chart-type-h-font .b-font {
+  *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '&#xe613');
+}
 .chart-type-h-font .b-font:before {
   content: "\e613";
   color: inherit;
@@ -1352,6 +1493,9 @@ textarea::-webkit-scrollbar-thumb {
   content: "\e613";
   color: inherit;
 }
+.chart-type-ha-font .b-font {
+  *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '&#xe613');
+}
 .chart-type-ha-font .b-font:before {
   content: "\e613";
   color: inherit;
@@ -1365,13 +1509,16 @@ textarea::-webkit-scrollbar-thumb {
 .chart-type-ha-font:active .b-font:before,
 .chart-type-ha-font.active .b-font:before {
   content: "\e613";
-  color: #009de3;
+  color: #3f8ce8;
 }
 .chart-type-ha-font.native .b-font:before,
 .chart-type-ha-font.disabled .b-font:before {
   content: "\e613";
   color: inherit;
 }
+.chart-type-e-font .b-font {
+  *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '&#xe613');
+}
 .chart-type-e-font .b-font:before {
   content: "\e613";
   color: inherit;
@@ -1384,17 +1531,20 @@ textarea::-webkit-scrollbar-thumb {
 }
 .chart-type-e-font.active .b-font:before {
   content: "\e613";
-  color: #009de3;
+  color: #3f8ce8;
 }
 .chart-type-e-font:active .b-font:before {
   content: "\e613";
-  color: #009de3;
+  color: #3f8ce8;
 }
 .chart-type-e-font.native .b-font:before,
 .chart-type-e-font.disabled .b-font:before {
   content: "\e613";
   color: inherit;
 }
+.style-set-font .b-font {
+  *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '&#xe60c');
+}
 .style-set-font .b-font:before {
   content: "\e60c";
   color: inherit;
@@ -1404,6 +1554,9 @@ textarea::-webkit-scrollbar-thumb {
   content: "\e60c";
   color: inherit;
 }
+.style-set-h-font .b-font {
+  *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '&#xe60c');
+}
 .style-set-h-font .b-font:before {
   content: "\e60c";
   color: inherit;
@@ -1419,6 +1572,9 @@ textarea::-webkit-scrollbar-thumb {
   content: "\e60c";
   color: inherit;
 }
+.style-set-ha-font .b-font {
+  *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '&#xe60c');
+}
 .style-set-ha-font .b-font:before {
   content: "\e60c";
   color: inherit;
@@ -1432,13 +1588,16 @@ textarea::-webkit-scrollbar-thumb {
 .style-set-ha-font:active .b-font:before,
 .style-set-ha-font.active .b-font:before {
   content: "\e60c";
-  color: #009de3;
+  color: #3f8ce8;
 }
 .style-set-ha-font.native .b-font:before,
 .style-set-ha-font.disabled .b-font:before {
   content: "\e60c";
   color: inherit;
 }
+.style-set-e-font .b-font {
+  *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '&#xe60c');
+}
 .style-set-e-font .b-font:before {
   content: "\e60c";
   color: inherit;
@@ -1451,17 +1610,20 @@ textarea::-webkit-scrollbar-thumb {
 }
 .style-set-e-font.active .b-font:before {
   content: "\e60c";
-  color: #009de3;
+  color: #3f8ce8;
 }
 .style-set-e-font:active .b-font:before {
   content: "\e60c";
-  color: #009de3;
+  color: #3f8ce8;
 }
 .style-set-e-font.native .b-font:before,
 .style-set-e-font.disabled .b-font:before {
   content: "\e60c";
   color: inherit;
 }
+.hyper-link-font .b-font {
+  *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '&#xe688');
+}
 .hyper-link-font .b-font:before {
   content: "\e688";
   color: inherit;
@@ -1471,6 +1633,9 @@ textarea::-webkit-scrollbar-thumb {
   content: "\e688";
   color: inherit;
 }
+.filter-font .b-font {
+  *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '&#xe60f');
+}
 .filter-font .b-font:before {
   content: "\e60f";
   color: inherit;
@@ -1480,6 +1645,9 @@ textarea::-webkit-scrollbar-thumb {
   content: "\e60f";
   color: inherit;
 }
+.filter-h-font .b-font {
+  *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '&#xe60f');
+}
 .filter-h-font .b-font:before {
   content: "\e60f";
   color: inherit;
@@ -1495,6 +1663,9 @@ textarea::-webkit-scrollbar-thumb {
   content: "\e60f";
   color: inherit;
 }
+.filter-ha-font .b-font {
+  *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '&#xe60f');
+}
 .filter-ha-font .b-font:before {
   content: "\e60f";
   color: inherit;
@@ -1508,13 +1679,16 @@ textarea::-webkit-scrollbar-thumb {
 .filter-ha-font:active .b-font:before,
 .filter-ha-font.active .b-font:before {
   content: "\e60f";
-  color: #009de3;
+  color: #3f8ce8;
 }
 .filter-ha-font.native .b-font:before,
 .filter-ha-font.disabled .b-font:before {
   content: "\e60f";
   color: inherit;
 }
+.filter-e-font .b-font {
+  *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '&#xe60f');
+}
 .filter-e-font .b-font:before {
   content: "\e60f";
   color: inherit;
@@ -1527,17 +1701,20 @@ textarea::-webkit-scrollbar-thumb {
 }
 .filter-e-font.active .b-font:before {
   content: "\e60f";
-  color: #009de3;
+  color: #3f8ce8;
 }
 .filter-e-font:active .b-font:before {
   content: "\e60f";
-  color: #009de3;
+  color: #3f8ce8;
 }
 .filter-e-font.native .b-font:before,
 .filter-e-font.disabled .b-font:before {
   content: "\e60f";
   color: inherit;
 }
+.classify-font .b-font {
+  *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '&#xe694');
+}
 .classify-font .b-font:before {
   content: "\e694";
   color: #3f8ce8;
@@ -1547,6 +1724,9 @@ textarea::-webkit-scrollbar-thumb {
   content: "\e694";
   color: #3f8ce8;
 }
+.series-font .b-font {
+  *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '&#xe695');
+}
 .series-font .b-font:before {
   content: "\e695";
   color: #58cc7d;
@@ -1558,6 +1738,9 @@ textarea::-webkit-scrollbar-thumb {
 }
 /**维度/指标 下拉列表图标字体 ~end~**/
 /** dashboard组件/控件 下拉列表图标字体 ~begin~**/
+.link-to-widget-h-font .b-font {
+  *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '&#xe600');
+}
 .link-to-widget-h-font .b-font:before {
   content: "\e600";
   color: #999999;
@@ -1573,6 +1756,9 @@ textarea::-webkit-scrollbar-thumb {
   content: "\e600";
   color: #999999;
 }
+.link-to-detail-h-font .b-font {
+  *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '&#xe600');
+}
 .link-to-detail-h-font .b-font:before {
   content: "\e600";
   color: #999999;
@@ -1588,6 +1774,9 @@ textarea::-webkit-scrollbar-thumb {
   content: "\e600";
   color: #999999;
 }
+.detail-setting-h-font .b-font {
+  *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '&#xe600');
+}
 .detail-setting-h-font .b-font:before {
   content: "\e600";
   color: #999999;
@@ -1603,6 +1792,9 @@ textarea::-webkit-scrollbar-thumb {
   content: "\e600";
   color: #999999;
 }
+.export-to-excel-h-font .b-font {
+  *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '&#xe600');
+}
 .export-to-excel-h-font .b-font:before {
   content: "\e600";
   color: #999999;
@@ -1618,6 +1810,9 @@ textarea::-webkit-scrollbar-thumb {
   content: "\e600";
   color: #999999;
 }
+.widget-copy-h-font .b-font {
+  *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '&#xe610');
+}
 .widget-copy-h-font .b-font:before {
   content: "\e610";
   color: #999999;
@@ -1633,6 +1828,9 @@ textarea::-webkit-scrollbar-thumb {
   content: "\e610";
   color: #999999;
 }
+.widget-delete-h-font .b-font {
+  *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '&#xe605');
+}
 .widget-delete-h-font .b-font:before {
   content: "\e605";
   color: #999999;
@@ -1649,6 +1847,9 @@ textarea::-webkit-scrollbar-thumb {
   color: #999999;
 }
 /** dashboard组件/控件 下拉列表图标字体 ~end~**/
+.tree-node-triangle-expand-font .b-font {
+  *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '&#xe608');
+}
 .tree-node-triangle-expand-font .b-font:before {
   content: "\e608";
   color: inherit;
@@ -1658,6 +1859,9 @@ textarea::-webkit-scrollbar-thumb {
   content: "\e608";
   color: inherit;
 }
+.tree-node-triangle-collapse-font .b-font {
+  *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '&#xe607');
+}
 .tree-node-triangle-collapse-font .b-font:before {
   content: "\e607";
   color: inherit;
@@ -1667,6 +1871,9 @@ textarea::-webkit-scrollbar-thumb {
   content: "\e607";
   color: inherit;
 }
+.row-pre-page-h-font .b-font {
+  *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '&#xe6be');
+}
 .row-pre-page-h-font .b-font:before {
   content: "\e6be";
   color: inherit;
@@ -1682,6 +1889,9 @@ textarea::-webkit-scrollbar-thumb {
   content: "\e6be";
   color: inherit;
 }
+.row-next-page-h-font .b-font {
+  *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '&#xe6bd');
+}
 .row-next-page-h-font .b-font:before {
   content: "\e6bd";
   color: inherit;
@@ -1697,6 +1907,9 @@ textarea::-webkit-scrollbar-thumb {
   content: "\e6bd";
   color: inherit;
 }
+.column-pre-page-h-font .b-font {
+  *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '&#xe6bc');
+}
 .column-pre-page-h-font .b-font:before {
   content: "\e6bc";
   color: inherit;
@@ -1712,6 +1925,9 @@ textarea::-webkit-scrollbar-thumb {
   content: "\e6bc";
   color: inherit;
 }
+.column-next-page-h-font .b-font {
+  *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '&#xe6bb');
+}
 .column-next-page-h-font .b-font:before {
   content: "\e6bb";
   color: inherit;
@@ -1727,6 +1943,9 @@ textarea::-webkit-scrollbar-thumb {
   content: "\e6bb";
   color: inherit;
 }
+.trigger-triangle-font .b-font {
+  *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '&#xe66a');
+}
 .trigger-triangle-font .b-font:before {
   content: "\e66a";
   color: #999999;
@@ -1747,6 +1966,9 @@ textarea::-webkit-scrollbar-thumb {
   content: "\e66a";
   color: #999999;
 }
+.widget-date-next-h-font .b-font {
+  *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '&#xe62f');
+}
 .widget-date-next-h-font .b-font:before {
   content: "\e62f";
   color: inherit;
@@ -1762,6 +1984,9 @@ textarea::-webkit-scrollbar-thumb {
   content: "\e62f";
   color: inherit;
 }
+.widget-date-pre-h-font .b-font {
+  *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '&#xe62e');
+}
 .widget-date-pre-h-font .b-font:before {
   content: "\e62e";
   color: inherit;
@@ -1777,6 +2002,9 @@ textarea::-webkit-scrollbar-thumb {
   content: "\e62e";
   color: inherit;
 }
+.widget-date-h-change-font .b-font {
+  *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '&#xe660');
+}
 .widget-date-h-change-font .b-font:before {
   content: "\e660";
   color: inherit;
@@ -1792,6 +2020,9 @@ textarea::-webkit-scrollbar-thumb {
   content: "\e660";
   color: inherit;
 }
+.pull-down-font .b-font {
+  *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '&#xe608');
+}
 .pull-down-font .b-font:before {
   content: "\e608";
   color: inherit;
@@ -1801,6 +2032,9 @@ textarea::-webkit-scrollbar-thumb {
   content: "\e608";
   color: inherit;
 }
+.pull-down-h-font .b-font {
+  *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '&#xe608');
+}
 .pull-down-h-font .b-font:before {
   content: "\e608";
   color: inherit;
@@ -1816,6 +2050,9 @@ textarea::-webkit-scrollbar-thumb {
   content: "\e608";
   color: inherit;
 }
+.pull-down-ha-font .b-font {
+  *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '&#xe608');
+}
 .pull-down-ha-font .b-font:before {
   content: "\e608";
   color: inherit;
@@ -1829,13 +2066,16 @@ textarea::-webkit-scrollbar-thumb {
 .pull-down-ha-font:active .b-font:before,
 .pull-down-ha-font.active .b-font:before {
   content: "\e608";
-  color: #009de3;
+  color: #3f8ce8;
 }
 .pull-down-ha-font.native .b-font:before,
 .pull-down-ha-font.disabled .b-font:before {
   content: "\e608";
   color: inherit;
 }
+.delete-field-font .b-font {
+  *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '&#xe605');
+}
 .delete-field-font .b-font:before {
   content: "\e605";
   color: inherit;
@@ -1845,6 +2085,9 @@ textarea::-webkit-scrollbar-thumb {
   content: "\e605";
   color: inherit;
 }
+.delete-field-h-font .b-font {
+  *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '&#xe605');
+}
 .delete-field-h-font .b-font:before {
   content: "\e605";
   color: inherit;
@@ -1860,6 +2103,9 @@ textarea::-webkit-scrollbar-thumb {
   content: "\e605";
   color: inherit;
 }
+.delete-field-ha-font .b-font {
+  *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '&#xe605');
+}
 .delete-field-ha-font .b-font:before {
   content: "\e605";
   color: inherit;
@@ -1873,13 +2119,16 @@ textarea::-webkit-scrollbar-thumb {
 .delete-field-ha-font:active .b-font:before,
 .delete-field-ha-font.active .b-font:before {
   content: "\e605";
-  color: #009de3;
+  color: #3f8ce8;
 }
 .delete-field-ha-font.native .b-font:before,
 .delete-field-ha-font.disabled .b-font:before {
   content: "\e605";
   color: inherit;
 }
+.toolbar-save-font .b-font {
+  *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '&#xe617');
+}
 .toolbar-save-font .b-font:before {
   content: "\e617";
   color: inherit;
@@ -1895,6 +2144,9 @@ textarea::-webkit-scrollbar-thumb {
   content: "\e617";
   color: inherit;
 }
+.toolbar-undo-font .b-font {
+  *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '&#xe619');
+}
 .toolbar-undo-font .b-font:before {
   content: "\e619";
   color: inherit;
@@ -1910,6 +2162,9 @@ textarea::-webkit-scrollbar-thumb {
   content: "\e619";
   color: inherit;
 }
+.toolbar-redo-font .b-font {
+  *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '&#xe625');
+}
 .toolbar-redo-font .b-font:before {
   content: "\e625";
   color: inherit;
@@ -1925,6 +2180,9 @@ textarea::-webkit-scrollbar-thumb {
   content: "\e625";
   color: inherit;
 }
+.toolbar-edit-font .b-font {
+  *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '&#xe631');
+}
 .toolbar-edit-font .b-font:before {
   content: "\e631";
   color: inherit;
@@ -1940,6 +2198,9 @@ textarea::-webkit-scrollbar-thumb {
   content: "\e631";
   color: inherit;
 }
+.toolbar-preview-font .b-font {
+  *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '&#xe65f');
+}
 .toolbar-preview-font .b-font:before {
   content: "\e65f";
   color: inherit;
@@ -1955,6 +2216,9 @@ textarea::-webkit-scrollbar-thumb {
   content: "\e65f";
   color: inherit;
 }
+.chart-table-font .b-font {
+  *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '&#xe60e');
+}
 .chart-table-font .b-font:before {
   content: "\e60e";
   color: inherit;
@@ -1968,13 +2232,16 @@ textarea::-webkit-scrollbar-thumb {
 .chart-table-font:active .b-font:before,
 .chart-table-font.active .b-font:before {
   content: "\e60e";
-  color: #009de3;
+  color: #3f8ce8;
 }
 .chart-table-font.native .b-font:before,
 .chart-table-font.disabled .b-font:before {
   content: "\e60e";
   color: inherit;
 }
+.chart-axis-font .b-font {
+  *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '&#xe626');
+}
 .chart-axis-font .b-font:before {
   content: "\e626";
   color: inherit;
@@ -1988,13 +2255,16 @@ textarea::-webkit-scrollbar-thumb {
 .chart-axis-font:active .b-font:before,
 .chart-axis-font.active .b-font:before {
   content: "\e626";
-  color: #009de3;
+  color: #3f8ce8;
 }
 .chart-axis-font.native .b-font:before,
 .chart-axis-font.disabled .b-font:before {
   content: "\e626";
   color: inherit;
 }
+.chart-bar-font .b-font {
+  *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '&#xe620');
+}
 .chart-bar-font .b-font:before {
   content: "\e620";
   color: inherit;
@@ -2008,13 +2278,16 @@ textarea::-webkit-scrollbar-thumb {
 .chart-bar-font:active .b-font:before,
 .chart-bar-font.active .b-font:before {
   content: "\e620";
-  color: #009de3;
+  color: #3f8ce8;
 }
 .chart-bar-font.native .b-font:before,
 .chart-bar-font.disabled .b-font:before {
   content: "\e620";
   color: inherit;
 }
+.chart-accumulate-bar-font .b-font {
+  *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '&#xe60a');
+}
 .chart-accumulate-bar-font .b-font:before {
   content: "\e60a";
   color: inherit;
@@ -2028,13 +2301,16 @@ textarea::-webkit-scrollbar-thumb {
 .chart-accumulate-bar-font:active .b-font:before,
 .chart-accumulate-bar-font.active .b-font:before {
   content: "\e60a";
-  color: #009de3;
+  color: #3f8ce8;
 }
 .chart-accumulate-bar-font.native .b-font:before,
 .chart-accumulate-bar-font.disabled .b-font:before {
   content: "\e60a";
   color: inherit;
 }
+.chart-pie-font .b-font {
+  *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '&#xe618');
+}
 .chart-pie-font .b-font:before {
   content: "\e618";
   color: inherit;
@@ -2048,13 +2324,16 @@ textarea::-webkit-scrollbar-thumb {
 .chart-pie-font:active .b-font:before,
 .chart-pie-font.active .b-font:before {
   content: "\e618";
-  color: #009de3;
+  color: #3f8ce8;
 }
 .chart-pie-font.native .b-font:before,
 .chart-pie-font.disabled .b-font:before {
   content: "\e618";
   color: inherit;
 }
+.chart-map-font .b-font {
+  *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '&#xe62c');
+}
 .chart-map-font .b-font:before {
   content: "\e62c";
   color: inherit;
@@ -2068,13 +2347,16 @@ textarea::-webkit-scrollbar-thumb {
 .chart-map-font:active .b-font:before,
 .chart-map-font.active .b-font:before {
   content: "\e62c";
-  color: #009de3;
+  color: #3f8ce8;
 }
 .chart-map-font.native .b-font:before,
 .chart-map-font.disabled .b-font:before {
   content: "\e62c";
   color: inherit;
 }
+.chart-dashboard-font .b-font {
+  *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '&#xe623');
+}
 .chart-dashboard-font .b-font:before {
   content: "\e623";
   color: inherit;
@@ -2088,13 +2370,16 @@ textarea::-webkit-scrollbar-thumb {
 .chart-dashboard-font:active .b-font:before,
 .chart-dashboard-font.active .b-font:before {
   content: "\e623";
-  color: #009de3;
+  color: #3f8ce8;
 }
 .chart-dashboard-font.native .b-font:before,
 .chart-dashboard-font.disabled .b-font:before {
   content: "\e623";
   color: inherit;
 }
+.chart-doughnut-font .b-font {
+  *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '&#xe624');
+}
 .chart-doughnut-font .b-font:before {
   content: "\e624";
   color: inherit;
@@ -2108,13 +2393,16 @@ textarea::-webkit-scrollbar-thumb {
 .chart-doughnut-font:active .b-font:before,
 .chart-doughnut-font.active .b-font:before {
   content: "\e624";
-  color: #009de3;
+  color: #3f8ce8;
 }
 .chart-doughnut-font.native .b-font:before,
 .chart-doughnut-font.disabled .b-font:before {
   content: "\e624";
   color: inherit;
 }
+.chart-detail-font .b-font {
+  *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '&#xe615');
+}
 .chart-detail-font .b-font:before {
   content: "\e615";
   color: inherit;
@@ -2128,13 +2416,16 @@ textarea::-webkit-scrollbar-thumb {
 .chart-detail-font:active .b-font:before,
 .chart-detail-font.active .b-font:before {
   content: "\e615";
-  color: #009de3;
+  color: #3f8ce8;
 }
 .chart-detail-font.native .b-font:before,
 .chart-detail-font.disabled .b-font:before {
   content: "\e615";
   color: inherit;
 }
+.chart-more-font .b-font {
+  *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '&#xe60d');
+}
 .chart-more-font .b-font:before {
   content: "\e60d";
   color: inherit;
@@ -2148,13 +2439,16 @@ textarea::-webkit-scrollbar-thumb {
 .chart-more-font:active .b-font:before,
 .chart-more-font.active .b-font:before {
   content: "\e60d";
-  color: #009de3;
+  color: #3f8ce8;
 }
 .chart-more-font.native .b-font:before,
 .chart-more-font.disabled .b-font:before {
   content: "\e60d";
   color: inherit;
 }
+.chart-bubble-font .b-font {
+  *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '&#xe62a');
+}
 .chart-bubble-font .b-font:before {
   content: "\e62a";
   color: inherit;
@@ -2168,13 +2462,16 @@ textarea::-webkit-scrollbar-thumb {
 .chart-bubble-font:active .b-font:before,
 .chart-bubble-font.active .b-font:before {
   content: "\e62a";
-  color: #009de3;
+  color: #3f8ce8;
 }
 .chart-bubble-font.native .b-font:before,
 .chart-bubble-font.disabled .b-font:before {
   content: "\e62a";
   color: inherit;
 }
+.chart-scatter-font .b-font {
+  *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '&#xe61d');
+}
 .chart-scatter-font .b-font:before {
   content: "\e61d";
   color: inherit;
@@ -2188,13 +2485,16 @@ textarea::-webkit-scrollbar-thumb {
 .chart-scatter-font:active .b-font:before,
 .chart-scatter-font.active .b-font:before {
   content: "\e61d";
-  color: #009de3;
+  color: #3f8ce8;
 }
 .chart-scatter-font.native .b-font:before,
 .chart-scatter-font.disabled .b-font:before {
   content: "\e61d";
   color: inherit;
 }
+.chart-radar-font .b-font {
+  *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '&#xe614');
+}
 .chart-radar-font .b-font:before {
   content: "\e614";
   color: inherit;
@@ -2208,13 +2508,16 @@ textarea::-webkit-scrollbar-thumb {
 .chart-radar-font:active .b-font:before,
 .chart-radar-font.active .b-font:before {
   content: "\e614";
-  color: #009de3;
+  color: #3f8ce8;
 }
 .chart-radar-font.native .b-font:before,
 .chart-radar-font.disabled .b-font:before {
   content: "\e614";
   color: inherit;
 }
+.chart-content-font .b-font {
+  *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '&#xe621');
+}
 .chart-content-font .b-font:before {
   content: "\e621";
   color: inherit;
@@ -2228,13 +2531,16 @@ textarea::-webkit-scrollbar-thumb {
 .chart-content-font:active .b-font:before,
 .chart-content-font.active .b-font:before {
   content: "\e621";
-  color: #009de3;
+  color: #3f8ce8;
 }
 .chart-content-font.native .b-font:before,
 .chart-content-font.disabled .b-font:before {
   content: "\e621";
   color: inherit;
 }
+.chart-image-font .b-font {
+  *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '&#xe68d');
+}
 .chart-image-font .b-font:before {
   content: "\e68d";
   color: inherit;
@@ -2248,13 +2554,16 @@ textarea::-webkit-scrollbar-thumb {
 .chart-image-font:active .b-font:before,
 .chart-image-font.active .b-font:before {
   content: "\e68d";
-  color: #009de3;
+  color: #3f8ce8;
 }
 .chart-image-font.native .b-font:before,
 .chart-image-font.disabled .b-font:before {
   content: "\e68d";
   color: inherit;
 }
+.chart-web-font .b-font {
+  *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '&#xe68c');
+}
 .chart-web-font .b-font:before {
   content: "\e68c";
   color: inherit;
@@ -2268,13 +2577,16 @@ textarea::-webkit-scrollbar-thumb {
 .chart-web-font:active .b-font:before,
 .chart-web-font.active .b-font:before {
   content: "\e68c";
-  color: #009de3;
+  color: #3f8ce8;
 }
 .chart-web-font.native .b-font:before,
 .chart-web-font.disabled .b-font:before {
   content: "\e68c";
   color: inherit;
 }
+.chart-string-font .b-font {
+  *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '&#xe622');
+}
 .chart-string-font .b-font:before {
   content: "\e622";
   color: inherit;
@@ -2288,13 +2600,16 @@ textarea::-webkit-scrollbar-thumb {
 .chart-string-font:active .b-font:before,
 .chart-string-font.active .b-font:before {
   content: "\e622";
-  color: #009de3;
+  color: #3f8ce8;
 }
 .chart-string-font.native .b-font:before,
 .chart-string-font.disabled .b-font:before {
   content: "\e622";
   color: inherit;
 }
+.chart-number-font .b-font {
+  *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '&#xe61f');
+}
 .chart-number-font .b-font:before {
   content: "\e61f";
   color: inherit;
@@ -2308,13 +2623,16 @@ textarea::-webkit-scrollbar-thumb {
 .chart-number-font:active .b-font:before,
 .chart-number-font.active .b-font:before {
   content: "\e61f";
-  color: #009de3;
+  color: #3f8ce8;
 }
 .chart-number-font.native .b-font:before,
 .chart-number-font.disabled .b-font:before {
   content: "\e61f";
   color: inherit;
 }
+.chart-tree-font .b-font {
+  *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '&#xe61e');
+}
 .chart-tree-font .b-font:before {
   content: "\e61e";
   color: inherit;
@@ -2328,13 +2646,16 @@ textarea::-webkit-scrollbar-thumb {
 .chart-tree-font:active .b-font:before,
 .chart-tree-font.active .b-font:before {
   content: "\e61e";
-  color: #009de3;
+  color: #3f8ce8;
 }
 .chart-tree-font.native .b-font:before,
 .chart-tree-font.disabled .b-font:before {
   content: "\e61e";
   color: inherit;
 }
+.chart-date-font .b-font {
+  *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '&#xe61b');
+}
 .chart-date-font .b-font:before {
   content: "\e61b";
   color: inherit;
@@ -2348,13 +2669,16 @@ textarea::-webkit-scrollbar-thumb {
 .chart-date-font:active .b-font:before,
 .chart-date-font.active .b-font:before {
   content: "\e61b";
-  color: #009de3;
+  color: #3f8ce8;
 }
 .chart-date-font.native .b-font:before,
 .chart-date-font.disabled .b-font:before {
   content: "\e61b";
   color: inherit;
 }
+.chart-year-font .b-font {
+  *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '&#xe628');
+}
 .chart-year-font .b-font:before {
   content: "\e628";
   color: inherit;
@@ -2368,13 +2692,16 @@ textarea::-webkit-scrollbar-thumb {
 .chart-year-font:active .b-font:before,
 .chart-year-font.active .b-font:before {
   content: "\e628";
-  color: #009de3;
+  color: #3f8ce8;
 }
 .chart-year-font.native .b-font:before,
 .chart-year-font.disabled .b-font:before {
   content: "\e628";
   color: inherit;
 }
+.chart-month-font .b-font {
+  *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '&#xe627');
+}
 .chart-month-font .b-font:before {
   content: "\e627";
   color: inherit;
@@ -2388,13 +2715,16 @@ textarea::-webkit-scrollbar-thumb {
 .chart-month-font:active .b-font:before,
 .chart-month-font.active .b-font:before {
   content: "\e627";
-  color: #009de3;
+  color: #3f8ce8;
 }
 .chart-month-font.native .b-font:before,
 .chart-month-font.disabled .b-font:before {
   content: "\e627";
   color: inherit;
 }
+.chart-quarter-font .b-font {
+  *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '&#xe629');
+}
 .chart-quarter-font .b-font:before {
   content: "\e629";
   color: inherit;
@@ -2408,13 +2738,16 @@ textarea::-webkit-scrollbar-thumb {
 .chart-quarter-font:active .b-font:before,
 .chart-quarter-font.active .b-font:before {
   content: "\e629";
-  color: #009de3;
+  color: #3f8ce8;
 }
 .chart-quarter-font.native .b-font:before,
 .chart-quarter-font.disabled .b-font:before {
   content: "\e629";
   color: inherit;
 }
+.chart-ymd-font .b-font {
+  *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '&#xe61c');
+}
 .chart-ymd-font .b-font:before {
   content: "\e61c";
   color: inherit;
@@ -2428,13 +2761,16 @@ textarea::-webkit-scrollbar-thumb {
 .chart-ymd-font:active .b-font:before,
 .chart-ymd-font.active .b-font:before {
   content: "\e61c";
-  color: #009de3;
+  color: #3f8ce8;
 }
 .chart-ymd-font.native .b-font:before,
 .chart-ymd-font.disabled .b-font:before {
   content: "\e61c";
   color: inherit;
 }
+.chart-date-range-font .b-font {
+  *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '&#xe616');
+}
 .chart-date-range-font .b-font:before {
   content: "\e616";
   color: inherit;
@@ -2448,13 +2784,16 @@ textarea::-webkit-scrollbar-thumb {
 .chart-date-range-font:active .b-font:before,
 .chart-date-range-font.active .b-font:before {
   content: "\e616";
-  color: #009de3;
+  color: #3f8ce8;
 }
 .chart-date-range-font.native .b-font:before,
 .chart-date-range-font.disabled .b-font:before {
   content: "\e616";
   color: inherit;
 }
+.chart-general-query-font .b-font {
+  *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '&#xe62b');
+}
 .chart-general-query-font .b-font:before {
   content: "\e62b";
   color: inherit;
@@ -2468,13 +2807,16 @@ textarea::-webkit-scrollbar-thumb {
 .chart-general-query-font:active .b-font:before,
 .chart-general-query-font.active .b-font:before {
   content: "\e62b";
-  color: #009de3;
+  color: #3f8ce8;
 }
 .chart-general-query-font.native .b-font:before,
 .chart-general-query-font.disabled .b-font:before {
   content: "\e62b";
   color: inherit;
 }
+.chart-query-font .b-font {
+  *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '&#xe609');
+}
 .chart-query-font .b-font:before {
   content: "\e609";
   color: inherit;
@@ -2488,13 +2830,16 @@ textarea::-webkit-scrollbar-thumb {
 .chart-query-font:active .b-font:before,
 .chart-query-font.active .b-font:before {
   content: "\e609";
-  color: #009de3;
+  color: #3f8ce8;
 }
 .chart-query-font.native .b-font:before,
 .chart-query-font.disabled .b-font:before {
   content: "\e609";
   color: inherit;
 }
+.chart-reset-font .b-font {
+  *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '&#xe61a');
+}
 .chart-reset-font .b-font:before {
   content: "\e61a";
   color: inherit;
@@ -2508,13 +2853,16 @@ textarea::-webkit-scrollbar-thumb {
 .chart-reset-font:active .b-font:before,
 .chart-reset-font.active .b-font:before {
   content: "\e61a";
-  color: #009de3;
+  color: #3f8ce8;
 }
 .chart-reset-font.native .b-font:before,
 .chart-reset-font.disabled .b-font:before {
   content: "\e61a";
   color: inherit;
 }
+.chart-textarea-font .b-font {
+  *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '&#xe622');
+}
 .chart-textarea-font .b-font:before {
   content: "\e622";
   color: inherit;
@@ -2528,13 +2876,16 @@ textarea::-webkit-scrollbar-thumb {
 .chart-textarea-font:active .b-font:before,
 .chart-textarea-font.active .b-font:before {
   content: "\e622";
-  color: #009de3;
+  color: #3f8ce8;
 }
 .chart-textarea-font.native .b-font:before,
 .chart-textarea-font.disabled .b-font:before {
   content: "\e622";
   color: inherit;
 }
+.chart-reuse-font .b-font {
+  *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '&#xe60b');
+}
 .chart-reuse-font .b-font:before {
   content: "\e60b";
   color: inherit;
@@ -2548,13 +2899,16 @@ textarea::-webkit-scrollbar-thumb {
 .chart-reuse-font:active .b-font:before,
 .chart-reuse-font.active .b-font:before {
   content: "\e60b";
-  color: #009de3;
+  color: #3f8ce8;
 }
 .chart-reuse-font.native .b-font:before,
 .chart-reuse-font.disabled .b-font:before {
   content: "\e60b";
   color: inherit;
 }
+.chart-date-normal-font .b-font {
+  *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '&#xe61b');
+}
 .chart-date-normal-font .b-font:before {
   content: "\e61b";
   color: inherit;
@@ -2564,6 +2918,9 @@ textarea::-webkit-scrollbar-thumb {
   content: "\e61b";
   color: inherit;
 }
+.less-font .b-font {
+  *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '&#xe633');
+}
 .less-font .b-font:before {
   content: "\e633";
   color: inherit;
@@ -2577,13 +2934,16 @@ textarea::-webkit-scrollbar-thumb {
 .less-font:active .b-font:before,
 .less-font.active .b-font:before {
   content: "\e633";
-  color: #009de3;
+  color: #3f8ce8;
 }
 .less-font.native .b-font:before,
 .less-font.disabled .b-font:before {
   content: "\e633";
   color: inherit;
 }
+.less-equal-font .b-font {
+  *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '&#xe636');
+}
 .less-equal-font .b-font:before {
   content: "\e636";
   color: inherit;
@@ -2597,13 +2957,16 @@ textarea::-webkit-scrollbar-thumb {
 .less-equal-font:active .b-font:before,
 .less-equal-font.active .b-font:before {
   content: "\e636";
-  color: #009de3;
+  color: #3f8ce8;
 }
 .less-equal-font.native .b-font:before,
 .less-equal-font.disabled .b-font:before {
   content: "\e636";
   color: inherit;
 }
+.check-font .b-font {
+  *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '&#xe611');
+}
 .check-font .b-font:before {
   content: "\e611";
   color: #3f8ce8;
@@ -2613,6 +2976,9 @@ textarea::-webkit-scrollbar-thumb {
   content: "\e611";
   color: #3f8ce8;
 }
+.move2group-add-font .b-font {
+  *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '&#xe649');
+}
 .move2group-add-font .b-font:before {
   content: "\e649";
   color: #3f8ce8;
@@ -2622,6 +2988,9 @@ textarea::-webkit-scrollbar-thumb {
   content: "\e649";
   color: #3f8ce8;
 }
+.select-data-field-calc-font .b-font {
+  *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '&#xe6a3');
+}
 .select-data-field-calc-font .b-font:before {
   content: "\e6a3";
   color: inherit;
@@ -2642,6 +3011,9 @@ textarea::-webkit-scrollbar-thumb {
   content: "\e6a3";
   color: inherit;
 }
+.select-data-field-string-font .b-font {
+  *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '&#xe642');
+}
 .select-data-field-string-font .b-font:before {
   content: "\e642";
   color: inherit;
@@ -2662,6 +3034,9 @@ textarea::-webkit-scrollbar-thumb {
   content: "\e642";
   color: inherit;
 }
+.select-data-field-number-font .b-font {
+  *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '&#xe641');
+}
 .select-data-field-number-font .b-font:before {
   content: "\e641";
   color: inherit;
@@ -2682,6 +3057,9 @@ textarea::-webkit-scrollbar-thumb {
   content: "\e641";
   color: inherit;
 }
+.select-data-field-date-font .b-font {
+  *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '&#xe640');
+}
 .select-data-field-date-font .b-font:before {
   content: "\e640";
   color: inherit;
@@ -2702,6 +3080,9 @@ textarea::-webkit-scrollbar-thumb {
   content: "\e640";
   color: inherit;
 }
+.select-data-field-string-group-font .b-font {
+  *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '&#xe642');
+}
 .select-data-field-string-group-font .b-font:before {
   content: "\e642";
   color: inherit;
@@ -2711,6 +3092,9 @@ textarea::-webkit-scrollbar-thumb {
   content: "\e642";
   color: inherit;
 }
+.select-data-field-number-group-font .b-font {
+  *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '&#xe641');
+}
 .select-data-field-number-group-font .b-font:before {
   content: "\e641";
   color: inherit;
@@ -2720,6 +3104,9 @@ textarea::-webkit-scrollbar-thumb {
   content: "\e641";
   color: inherit;
 }
+.select-data-field-date-group-font .b-font {
+  *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '&#xe640');
+}
 .select-data-field-date-group-font .b-font:before {
   content: "\e640";
   color: inherit;
@@ -2729,6 +3116,9 @@ textarea::-webkit-scrollbar-thumb {
   content: "\e640";
   color: inherit;
 }
+.select-data-preview-font .b-font {
+  *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '&#xe65f');
+}
 .select-data-preview-font .b-font:before {
   content: "\e65f";
   color: #999999;
@@ -2749,6 +3139,9 @@ textarea::-webkit-scrollbar-thumb {
   content: "\e65f";
   color: #999999;
 }
+.detail-dimension-set-font .b-font {
+  *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '&#xe678');
+}
 .detail-dimension-set-font .b-font:before {
   content: "\e678";
   color: inherit;
@@ -2764,6 +3157,9 @@ textarea::-webkit-scrollbar-thumb {
   content: "\e678";
   color: inherit;
 }
+.detail-real-data-warning-font .b-font {
+  *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '&#xe64e');
+}
 .detail-real-data-warning-font .b-font:before {
   content: "\e64e";
   color: #f07d0a;
@@ -2779,6 +3175,9 @@ textarea::-webkit-scrollbar-thumb {
   content: "\e64e";
   color: #f07d0a;
 }
+.select-group-field-string-font .b-font {
+  *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '&#xe642');
+}
 .select-group-field-string-font .b-font:before {
   content: "\e642";
   color: #3f8ce8;
@@ -2799,6 +3198,9 @@ textarea::-webkit-scrollbar-thumb {
   content: "\e642";
   color: #3f8ce8;
 }
+.select-group-field-number-font .b-font {
+  *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '&#xe641');
+}
 .select-group-field-number-font .b-font:before {
   content: "\e641";
   color: #3f8ce8;
@@ -2819,6 +3221,9 @@ textarea::-webkit-scrollbar-thumb {
   content: "\e641";
   color: #3f8ce8;
 }
+.select-group-field-date-font .b-font {
+  *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '&#xe640');
+}
 .select-group-field-date-font .b-font:before {
   content: "\e640";
   color: #3f8ce8;
@@ -2839,6 +3244,9 @@ textarea::-webkit-scrollbar-thumb {
   content: "\e640";
   color: #3f8ce8;
 }
+.dashboard-widget-combo-detail-set-font .b-font {
+  *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '&#xe634');
+}
 .dashboard-widget-combo-detail-set-font .b-font:before {
   content: "\e634";
   color: inherit;
@@ -2854,6 +3262,9 @@ textarea::-webkit-scrollbar-thumb {
   content: "\e634";
   color: inherit;
 }
+.group-add-font .b-font {
+  *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '&#xe649');
+}
 .group-add-font .b-font:before {
   content: "\e649";
   color: #999999;
@@ -2863,6 +3274,9 @@ textarea::-webkit-scrollbar-thumb {
   content: "\e649";
   color: #999999;
 }
+.sortable-font .b-font {
+  *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '&#xe63b');
+}
 .sortable-font .b-font:before {
   content: "\e63b";
   color: inherit;
@@ -2872,6 +3286,9 @@ textarea::-webkit-scrollbar-thumb {
   content: "\e63b";
   color: inherit;
 }
+.text-bold-font .b-font {
+  *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '&#xe64d');
+}
 .text-bold-font .b-font:before {
   content: "\e64d";
   color: inherit;
@@ -2881,6 +3298,9 @@ textarea::-webkit-scrollbar-thumb {
   content: "\e64d";
   color: inherit;
 }
+.text-italic-font .b-font {
+  *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '&#xe656');
+}
 .text-italic-font .b-font:before {
   content: "\e656";
   color: inherit;
@@ -2890,6 +3310,9 @@ textarea::-webkit-scrollbar-thumb {
   content: "\e656";
   color: inherit;
 }
+.text-underline-font .b-font {
+  *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '&#xe650');
+}
 .text-underline-font .b-font:before {
   content: "\e650";
   color: inherit;
@@ -2899,6 +3322,9 @@ textarea::-webkit-scrollbar-thumb {
   content: "\e650";
   color: inherit;
 }
+.text-color-font .b-font {
+  *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '&#xe69c');
+}
 .text-color-font .b-font:before {
   content: "\e69c";
   color: inherit;
@@ -2908,6 +3334,9 @@ textarea::-webkit-scrollbar-thumb {
   content: "\e69c";
   color: inherit;
 }
+.text-background-font .b-font {
+  *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '&#xe696');
+}
 .text-background-font .b-font:before {
   content: "\e696";
   color: inherit;
@@ -2917,6 +3346,9 @@ textarea::-webkit-scrollbar-thumb {
   content: "\e696";
   color: inherit;
 }
+.text-color-underline-font .b-font {
+  *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '&#xe69d');
+}
 .text-color-underline-font .b-font:before {
   content: "\e69d";
   color: inherit;
@@ -2926,6 +3358,9 @@ textarea::-webkit-scrollbar-thumb {
   content: "\e69d";
   color: inherit;
 }
+.text-align-left-font .b-font {
+  *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '&#xe654');
+}
 .text-align-left-font .b-font:before {
   content: "\e654";
   color: inherit;
@@ -2935,6 +3370,9 @@ textarea::-webkit-scrollbar-thumb {
   content: "\e654";
   color: inherit;
 }
+.text-align-center-font .b-font {
+  *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '&#xe64f');
+}
 .text-align-center-font .b-font:before {
   content: "\e64f";
   color: inherit;
@@ -2944,6 +3382,9 @@ textarea::-webkit-scrollbar-thumb {
   content: "\e64f";
   color: inherit;
 }
+.text-align-right-font .b-font {
+  *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '&#xe651');
+}
 .text-align-right-font .b-font:before {
   content: "\e651";
   color: inherit;
@@ -2953,6 +3394,9 @@ textarea::-webkit-scrollbar-thumb {
   content: "\e651";
   color: inherit;
 }
+.img-upload-font .b-font {
+  *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '&#xe6ba');
+}
 .img-upload-font .b-font:before {
   content: "\e6ba";
   color: #3f8ce8;
@@ -2962,6 +3406,9 @@ textarea::-webkit-scrollbar-thumb {
   content: "\e6ba";
   color: #3f8ce8;
 }
+.img-size-font .b-font {
+  *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '&#xe68b');
+}
 .img-size-font .b-font:before {
   content: "\e68b";
   color: #3f8ce8;
@@ -2971,6 +3418,9 @@ textarea::-webkit-scrollbar-thumb {
   content: "\e68b";
   color: #3f8ce8;
 }
+.img-href-font .b-font {
+  *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '&#xe688');
+}
 .img-href-font .b-font:before {
   content: "\e688";
   color: #3f8ce8;
@@ -2980,6 +3430,9 @@ textarea::-webkit-scrollbar-thumb {
   content: "\e688";
   color: #3f8ce8;
 }
+.img-shutdown-font .b-font {
+  *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '&#xe689');
+}
 .img-shutdown-font .b-font:before {
   content: "\e689";
   color: #3f8ce8;
@@ -2989,6 +3442,9 @@ textarea::-webkit-scrollbar-thumb {
   content: "\e689";
   color: #3f8ce8;
 }
+.move-font .b-font {
+  *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '&#xe65e');
+}
 .move-font .b-font:before {
   content: "\e65e";
   color: inherit;
@@ -2998,6 +3454,9 @@ textarea::-webkit-scrollbar-thumb {
   content: "\e65e";
   color: inherit;
 }
+.share-font .b-font {
+  *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '&#xe65a');
+}
 .share-font .b-font:before {
   content: "\e65a";
   color: inherit;
@@ -3007,6 +3466,9 @@ textarea::-webkit-scrollbar-thumb {
   content: "\e65a";
   color: inherit;
 }
+.new-file-font .b-font {
+  *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '&#xe65d');
+}
 .new-file-font .b-font:before {
   content: "\e65d";
   color: inherit;
@@ -3016,6 +3478,9 @@ textarea::-webkit-scrollbar-thumb {
   content: "\e65d";
   color: inherit;
 }
+.file-font .b-font {
+  *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '&#xe65b');
+}
 .file-font .b-font:before {
   content: "\e65b";
   color: #fcc550;
@@ -3025,6 +3490,9 @@ textarea::-webkit-scrollbar-thumb {
   content: "\e65b";
   color: #fcc550;
 }
+.folder-font .b-font {
+  *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '&#xe65c');
+}
 .folder-font .b-font:before {
   content: "\e65c";
   color: #3f8ce8;
@@ -3034,6 +3502,9 @@ textarea::-webkit-scrollbar-thumb {
   content: "\e65c";
   color: #3f8ce8;
 }
+.letter-font .b-font {
+  *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '&#xe659');
+}
 .letter-font .b-font:before {
   content: "\e659";
   color: inherit;
@@ -3047,13 +3518,16 @@ textarea::-webkit-scrollbar-thumb {
 .letter-font:active .b-font:before,
 .letter-font.active .b-font:before {
   content: "\e659";
-  color: #009de3;
+  color: #3f8ce8;
 }
 .letter-font.native .b-font:before,
 .letter-font.disabled .b-font:before {
   content: "\e659";
   color: inherit;
 }
+.time-font .b-font {
+  *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '&#xe658');
+}
 .time-font .b-font:before {
   content: "\e658";
   color: inherit;
@@ -3067,13 +3541,16 @@ textarea::-webkit-scrollbar-thumb {
 .time-font:active .b-font:before,
 .time-font.active .b-font:before {
   content: "\e658";
-  color: #009de3;
+  color: #3f8ce8;
 }
 .time-font.native .b-font:before,
 .time-font.disabled .b-font:before {
   content: "\e658";
   color: inherit;
 }
+.rename-font .b-font {
+  *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '&#xe687');
+}
 .rename-font .b-font:before {
   content: "\e687";
   color: inherit;
@@ -3083,6 +3560,9 @@ textarea::-webkit-scrollbar-thumb {
   content: "\e687";
   color: inherit;
 }
+.delete-template-font .b-font {
+  *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '&#xe605');
+}
 .delete-template-font .b-font:before {
   content: "\e605";
   color: #999999;
@@ -3092,6 +3572,9 @@ textarea::-webkit-scrollbar-thumb {
   content: "\e605";
   color: #999999;
 }
+.real-time-font .b-font {
+  *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '&#xe6af');
+}
 .real-time-font .b-font:before {
   content: "\e6af";
   color: #fcc550;
@@ -3101,6 +3584,9 @@ textarea::-webkit-scrollbar-thumb {
   content: "\e6af";
   color: #fcc550;
 }
+.data-source-table-font .b-font {
+  *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '&#xe67b');
+}
 .data-source-table-font .b-font:before {
   content: "\e67b";
   color: #3f8ce8;
@@ -3121,6 +3607,9 @@ textarea::-webkit-scrollbar-thumb {
   content: "\e67b";
   color: #3f8ce8;
 }
+.etl-table-font .b-font {
+  *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '&#xe680');
+}
 .etl-table-font .b-font:before {
   content: "\e680";
   color: #3f8ce8;
@@ -3141,6 +3630,9 @@ textarea::-webkit-scrollbar-thumb {
   content: "\e680";
   color: #3f8ce8;
 }
+.excel-table-font .b-font {
+  *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '&#xe682');
+}
 .excel-table-font .b-font:before {
   content: "\e682";
   color: #3f8ce8;
@@ -3161,6 +3653,9 @@ textarea::-webkit-scrollbar-thumb {
   content: "\e682";
   color: #3f8ce8;
 }
+.sql-table-font .b-font {
+  *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '&#xe681');
+}
 .sql-table-font .b-font:before {
   content: "\e681";
   color: #3f8ce8;
@@ -3181,6 +3676,9 @@ textarea::-webkit-scrollbar-thumb {
   content: "\e681";
   color: #3f8ce8;
 }
+.refresh-table-font .b-font {
+  *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '&#xe683');
+}
 .refresh-table-font .b-font:before {
   content: "\e683";
   color: inherit;
@@ -3190,6 +3688,9 @@ textarea::-webkit-scrollbar-thumb {
   content: "\e683";
   color: inherit;
 }
+.recover-chart-font-hightlight .b-font {
+  *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '&#xe6b4');
+}
 .recover-chart-font-hightlight .b-font:before {
   content: "\e6b4";
   color: inherit;
@@ -3199,6 +3700,9 @@ textarea::-webkit-scrollbar-thumb {
   content: "\e6b4";
   color: inherit;
 }
+.tables-tile-view-font .b-font {
+  *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '&#xe685');
+}
 .tables-tile-view-font .b-font:before {
   content: "\e685";
   color: inherit;
@@ -3219,6 +3723,9 @@ textarea::-webkit-scrollbar-thumb {
   content: "\e685";
   color: inherit;
 }
+.tables-relation-view-font .b-font {
+  *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '&#xe684');
+}
 .tables-relation-view-font .b-font:before {
   content: "\e684";
   color: inherit;
@@ -3239,6 +3746,9 @@ textarea::-webkit-scrollbar-thumb {
   content: "\e684";
   color: inherit;
 }
+.add-new-table-pull-down-font .b-font {
+  *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '&#xe62d');
+}
 .add-new-table-pull-down-font .b-font:before {
   content: "\e62d";
   color: #ffffff;
@@ -3248,6 +3758,9 @@ textarea::-webkit-scrollbar-thumb {
   content: "\e62d";
   color: #ffffff;
 }
+.data-link-check-font .b-font {
+  *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '&#xe611');
+}
 .data-link-check-font .b-font:before {
   content: "\e611";
   color: #ffffff;
@@ -3268,6 +3781,9 @@ textarea::-webkit-scrollbar-thumb {
   content: "\e611";
   color: #ffffff;
 }
+.edit-set-font .b-font {
+  *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '&#xe634');
+}
 .edit-set-font .b-font:before {
   content: "\e634";
   color: inherit;
@@ -3283,6 +3799,9 @@ textarea::-webkit-scrollbar-thumb {
   content: "\e634";
   color: inherit;
 }
+.new-analysis-font .b-font {
+  *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '&#xe692');
+}
 .new-analysis-font .b-font:before {
   content: "\e692";
   color: #ffffff;
@@ -3298,6 +3817,9 @@ textarea::-webkit-scrollbar-thumb {
   content: "\e692";
   color: #ffffff;
 }
+.data-config-font .b-font {
+  *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '&#xe693');
+}
 .data-config-font .b-font:before {
   content: "\e693";
   color: #ffffff;
@@ -3313,6 +3835,9 @@ textarea::-webkit-scrollbar-thumb {
   content: "\e693";
   color: #ffffff;
 }
+.folder-list-view .b-font {
+  *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '&#xe694');
+}
 .folder-list-view .b-font:before {
   content: "\e694";
   color: inherit;
@@ -3333,6 +3858,9 @@ textarea::-webkit-scrollbar-thumb {
   content: "\e694";
   color: inherit;
 }
+.folder-card-view .b-font {
+  *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '&#xe685');
+}
 .folder-card-view .b-font:before {
   content: "\e685";
   color: inherit;
@@ -3353,6 +3881,9 @@ textarea::-webkit-scrollbar-thumb {
   content: "\e685";
   color: inherit;
 }
+.item-check-font .b-font {
+  *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '&#xe611');
+}
 .item-check-font .b-font:before {
   content: "\e611";
   color: #ffffff;
@@ -3366,13 +3897,16 @@ textarea::-webkit-scrollbar-thumb {
 .item-check-font:active .b-font:before,
 .item-check-font.active .b-font:before {
   content: "\e611";
-  color: #009de3;
+  color: #3f8ce8;
 }
 .item-check-font.native .b-font:before,
 .item-check-font.disabled .b-font:before {
   content: "\e611";
   color: #ffffff;
 }
+.table-no-sort-no-filter-font .b-font {
+  *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '&#xe66a');
+}
 .table-no-sort-no-filter-font .b-font:before {
   content: "\e66a";
   color: inherit;
@@ -3388,6 +3922,9 @@ textarea::-webkit-scrollbar-thumb {
   content: "\e66a";
   color: inherit;
 }
+.table-no-sort-filter-font .b-font {
+  *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '&#xe66b');
+}
 .table-no-sort-filter-font .b-font:before {
   content: "\e66b";
   color: inherit;
@@ -3403,6 +3940,9 @@ textarea::-webkit-scrollbar-thumb {
   content: "\e66b";
   color: inherit;
 }
+.table-descending-filter-font .b-font {
+  *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '&#xe667');
+}
 .table-descending-filter-font .b-font:before {
   content: "\e667";
   color: inherit;
@@ -3418,6 +3958,9 @@ textarea::-webkit-scrollbar-thumb {
   content: "\e667";
   color: inherit;
 }
+.table-ascending-filter-font .b-font {
+  *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '&#xe669');
+}
 .table-ascending-filter-font .b-font:before {
   content: "\e669";
   color: inherit;
@@ -3433,6 +3976,9 @@ textarea::-webkit-scrollbar-thumb {
   content: "\e669";
   color: inherit;
 }
+.table-descending-no-filter-font .b-font {
+  *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '&#xe666');
+}
 .table-descending-no-filter-font .b-font:before {
   content: "\e666";
   color: inherit;
@@ -3448,6 +3994,9 @@ textarea::-webkit-scrollbar-thumb {
   content: "\e666";
   color: inherit;
 }
+.table-ascending-no-filter-font .b-font {
+  *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '&#xe668');
+}
 .table-ascending-no-filter-font .b-font:before {
   content: "\e668";
   color: inherit;
@@ -3463,6 +4012,9 @@ textarea::-webkit-scrollbar-thumb {
   content: "\e668";
   color: inherit;
 }
+.table-no-sort-font .b-font {
+  *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '&#xe66c');
+}
 .table-no-sort-font .b-font:before {
   content: "\e66c";
   color: inherit;
@@ -3478,6 +4030,9 @@ textarea::-webkit-scrollbar-thumb {
   content: "\e66c";
   color: inherit;
 }
+.primary-key-font .b-font {
+  *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '');
+}
 .primary-key-font .b-font:before {
   content: "\e67d;";
   color: inherit;
@@ -3493,6 +4048,9 @@ textarea::-webkit-scrollbar-thumb {
   content: "\e67d;";
   color: inherit;
 }
+.table-open-row-style-font .b-font {
+  *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '&#xe671');
+}
 .table-open-row-style-font .b-font:before {
   content: "\e671";
   color: inherit;
@@ -3506,13 +4064,16 @@ textarea::-webkit-scrollbar-thumb {
 .table-open-row-style-font:active .b-font:before,
 .table-open-row-style-font.active .b-font:before {
   content: "\e671";
-  color: #009de3;
+  color: #3f8ce8;
 }
 .table-open-row-style-font.native .b-font:before,
 .table-open-row-style-font.disabled .b-font:before {
   content: "\e671";
   color: inherit;
 }
+.table-open-col-style-font .b-font {
+  *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '&#xe672');
+}
 .table-open-col-style-font .b-font:before {
   content: "\e672";
   color: inherit;
@@ -3526,13 +4087,16 @@ textarea::-webkit-scrollbar-thumb {
 .table-open-col-style-font:active .b-font:before,
 .table-open-col-style-font.active .b-font:before {
   content: "\e672";
-  color: #009de3;
+  color: #3f8ce8;
 }
 .table-open-col-style-font.native .b-font:before,
 .table-open-col-style-font.disabled .b-font:before {
   content: "\e672";
   color: inherit;
 }
+.calculate-function-font .b-font {
+  *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '&#xe6a3');
+}
 .calculate-function-font .b-font:before {
   content: "\e6a3";
   color: #666666;
@@ -3542,6 +4106,9 @@ textarea::-webkit-scrollbar-thumb {
   content: "\e6a3";
   color: #666666;
 }
+.path-set-doubt .b-font {
+  *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '&#xe69a');
+}
 .path-set-doubt .b-font:before {
   content: "\e69a";
   color: #3f8ce8;
@@ -3551,6 +4118,9 @@ textarea::-webkit-scrollbar-thumb {
   content: "\e69a";
   color: #3f8ce8;
 }
+.rename-report-font .b-font {
+  *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '&#xe687');
+}
 .rename-report-font .b-font:before {
   content: "\e687";
   color: #3f8ce8;
@@ -3560,6 +4130,9 @@ textarea::-webkit-scrollbar-thumb {
   content: "\e687";
   color: #3f8ce8;
 }
+.remove-report-font .b-font {
+  *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '&#xe605');
+}
 .remove-report-font .b-font:before {
   content: "\e605";
   color: #e85050;
@@ -3569,6 +4142,9 @@ textarea::-webkit-scrollbar-thumb {
   content: "\e605";
   color: #e85050;
 }
+.excel-upload-tip-font .b-font {
+  *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '&#xe69e');
+}
 .excel-upload-tip-font .b-font:before {
   content: "\e69e";
   color: #3f8ce8;
@@ -3578,6 +4154,9 @@ textarea::-webkit-scrollbar-thumb {
   content: "\e69e";
   color: #3f8ce8;
 }
+.excel-field-type-string-font .b-font {
+  *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '&#xe622');
+}
 .excel-field-type-string-font .b-font:before {
   content: "\e622";
   color: #3f8ce8;
@@ -3587,6 +4166,9 @@ textarea::-webkit-scrollbar-thumb {
   content: "\e622";
   color: #3f8ce8;
 }
+.excel-field-type-number-font .b-font {
+  *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '&#xe61f');
+}
 .excel-field-type-number-font .b-font:before {
   content: "\e61f";
   color: #3f8ce8;
@@ -3596,6 +4178,9 @@ textarea::-webkit-scrollbar-thumb {
   content: "\e61f";
   color: #3f8ce8;
 }
+.excel-field-type-date-font .b-font {
+  *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '&#xe61b');
+}
 .excel-field-type-date-font .b-font:before {
   content: "\e61b";
   color: #3f8ce8;
@@ -3605,6 +4190,9 @@ textarea::-webkit-scrollbar-thumb {
   content: "\e61b";
   color: #3f8ce8;
 }
+.excel-field-type-pull-down-font .b-font {
+  *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '&#xe608');
+}
 .excel-field-type-pull-down-font .b-font:before {
   content: "\e608";
   color: #3f8ce8;
@@ -3614,6 +4202,9 @@ textarea::-webkit-scrollbar-thumb {
   content: "\e608";
   color: #3f8ce8;
 }
+.data-link-set-font .b-font {
+  *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '&#xe678');
+}
 .data-link-set-font .b-font:before {
   content: "\e678";
   color: #3f8ce8;
@@ -3623,6 +4214,9 @@ textarea::-webkit-scrollbar-thumb {
   content: "\e678";
   color: #3f8ce8;
 }
+.data-link-test-font .b-font {
+  *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '&#xe686');
+}
 .data-link-test-font .b-font:before {
   content: "\e686";
   color: #3f8ce8;
@@ -3632,6 +4226,9 @@ textarea::-webkit-scrollbar-thumb {
   content: "\e686";
   color: #3f8ce8;
 }
+.data-link-copy-font .b-font {
+  *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '&#xe610');
+}
 .data-link-copy-font .b-font:before {
   content: "\e610";
   color: #58cc7d;
@@ -3641,6 +4238,9 @@ textarea::-webkit-scrollbar-thumb {
   content: "\e610";
   color: #58cc7d;
 }
+.data-link-remove-font .b-font {
+  *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '&#xe600');
+}
 .data-link-remove-font .b-font:before {
   content: "\e600";
   color: #e85050;
@@ -3650,6 +4250,9 @@ textarea::-webkit-scrollbar-thumb {
   content: "\e600";
   color: #e85050;
 }
+.cube-path-confirm-font .b-font {
+  *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '&#xe64e');
+}
 .cube-path-confirm-font .b-font:before {
   content: "\e64e";
   color: #fbb03b;
@@ -3659,6 +4262,9 @@ textarea::-webkit-scrollbar-thumb {
   content: "\e64e";
   color: #fbb03b;
 }
+.target-style-less-dot-font .b-font {
+  *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '&#xe6a2');
+}
 .target-style-less-dot-font .b-font:before {
   content: "\e6a2";
   color: #e85050;
@@ -3668,6 +4274,9 @@ textarea::-webkit-scrollbar-thumb {
   content: "\e6a2";
   color: #e85050;
 }
+.target-style-equal-dot-font .b-font {
+  *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '&#xe6a2');
+}
 .target-style-equal-dot-font .b-font:before {
   content: "\e6a2";
   color: #f9a744;
@@ -3677,6 +4286,9 @@ textarea::-webkit-scrollbar-thumb {
   content: "\e6a2";
   color: #f9a744;
 }
+.target-style-more-dot-font .b-font {
+  *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '&#xe6a2');
+}
 .target-style-more-dot-font .b-font:before {
   content: "\e6a2";
   color: #58cc7d;
@@ -3686,6 +4298,9 @@ textarea::-webkit-scrollbar-thumb {
   content: "\e6a2";
   color: #58cc7d;
 }
+.target-style-less-arrow-font .b-font {
+  *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '&#xe6a1');
+}
 .target-style-less-arrow-font .b-font:before {
   content: "\e6a1";
   color: #e85050;
@@ -3695,6 +4310,9 @@ textarea::-webkit-scrollbar-thumb {
   content: "\e6a1";
   color: #e85050;
 }
+.target-style-equal-arrow-font .b-font {
+  *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '&#xe69f');
+}
 .target-style-equal-arrow-font .b-font:before {
   content: "\e69f";
   color: #f9a744;
@@ -3704,6 +4322,9 @@ textarea::-webkit-scrollbar-thumb {
   content: "\e69f";
   color: #f9a744;
 }
+.target-style-more-arrow-font .b-font {
+  *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '&#xe6a0');
+}
 .target-style-more-arrow-font .b-font:before {
   content: "\e6a0";
   color: #58cc7d;
@@ -3713,6 +4334,9 @@ textarea::-webkit-scrollbar-thumb {
   content: "\e6a0";
   color: #58cc7d;
 }
+.calculate-target-font .b-font {
+  *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '&#xe6a3');
+}
 .calculate-target-font .b-font:before {
   content: "\e6a3";
   color: inherit;
@@ -3722,6 +4346,9 @@ textarea::-webkit-scrollbar-thumb {
   content: "\e6a3";
   color: inherit;
 }
+.task-list-font .b-font {
+  *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '&#xe694');
+}
 .task-list-font .b-font:before {
   content: "\e694";
   color: #3f8ce8;
@@ -3731,6 +4358,9 @@ textarea::-webkit-scrollbar-thumb {
   content: "\e694";
   color: #3f8ce8;
 }
+.widget-combo-detail-font .b-font {
+  *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '&#xe697');
+}
 .widget-combo-detail-font .b-font:before {
   content: "\e697";
   color: #3f8ce8;
@@ -3740,6 +4370,9 @@ textarea::-webkit-scrollbar-thumb {
   content: "\e697";
   color: #3f8ce8;
 }
+.widget-combo-pull-down-font .b-font {
+  *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '&#xe6ab');
+}
 .widget-combo-pull-down-font .b-font:before {
   content: "\e6ab";
   color: #3f8ce8;
@@ -3749,6 +4382,9 @@ textarea::-webkit-scrollbar-thumb {
   content: "\e6ab";
   color: #3f8ce8;
 }
+.widget-tools-filter-font .b-font {
+  *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '&#xe60f');
+}
 .widget-tools-filter-font .b-font:before {
   content: "\e60f";
   color: #3f8ce8;
@@ -3758,6 +4394,9 @@ textarea::-webkit-scrollbar-thumb {
   content: "\e60f";
   color: #3f8ce8;
 }
+.widget-tools-clear-font .b-font {
+  *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '&#xe63d');
+}
 .widget-tools-clear-font .b-font:before {
   content: "\e63d";
   color: #3f8ce8;
@@ -3767,6 +4406,9 @@ textarea::-webkit-scrollbar-thumb {
   content: "\e63d";
   color: #3f8ce8;
 }
+.widget-tools-export-excel-font .b-font {
+  *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '&#xe635');
+}
 .widget-tools-export-excel-font .b-font:before {
   content: "\e635";
   color: #3f8ce8;
@@ -3776,6 +4418,9 @@ textarea::-webkit-scrollbar-thumb {
   content: "\e635";
   color: #3f8ce8;
 }
+.widget-combo-expand-font .b-font {
+  *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '&#xe697');
+}
 .widget-combo-expand-font .b-font:before {
   content: "\e697";
   color: inherit;
@@ -3785,6 +4430,9 @@ textarea::-webkit-scrollbar-thumb {
   content: "\e697";
   color: inherit;
 }
+.widget-combo-linkage-font .b-font {
+  *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '&#xe63c');
+}
 .widget-combo-linkage-font .b-font:before {
   content: "\e63c";
   color: inherit;
@@ -3794,6 +4442,9 @@ textarea::-webkit-scrollbar-thumb {
   content: "\e63c";
   color: inherit;
 }
+.widget-combo-rename-edit-font .b-font {
+  *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '&#xe670');
+}
 .widget-combo-rename-edit-font .b-font:before {
   content: "\e670";
   color: inherit;
@@ -3803,6 +4454,9 @@ textarea::-webkit-scrollbar-thumb {
   content: "\e670";
   color: inherit;
 }
+.widget-combo-show-title-font .b-font {
+  *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '&#xe64c');
+}
 .widget-combo-show-title-font .b-font:before {
   content: "\e64c";
   color: inherit;
@@ -3812,6 +4466,9 @@ textarea::-webkit-scrollbar-thumb {
   content: "\e64c";
   color: inherit;
 }
+.widget-combo-title-left-font .b-font {
+  *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '&#xe654');
+}
 .widget-combo-title-left-font .b-font:before {
   content: "\e654";
   color: inherit;
@@ -3821,6 +4478,9 @@ textarea::-webkit-scrollbar-thumb {
   content: "\e654";
   color: inherit;
 }
+.widget-combo-title-center-font .b-font {
+  *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '&#xe64f');
+}
 .widget-combo-title-center-font .b-font:before {
   content: "\e64f";
   color: inherit;
@@ -3830,6 +4490,9 @@ textarea::-webkit-scrollbar-thumb {
   content: "\e64f";
   color: inherit;
 }
+.widget-combo-show-filter-font .b-font {
+  *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '&#xe60f');
+}
 .widget-combo-show-filter-font .b-font:before {
   content: "\e60f";
   color: inherit;
@@ -3839,6 +4502,9 @@ textarea::-webkit-scrollbar-thumb {
   content: "\e60f";
   color: inherit;
 }
+.widget-combo-export-excel-font .b-font {
+  *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '&#xe635');
+}
 .widget-combo-export-excel-font .b-font:before {
   content: "\e635";
   color: inherit;
@@ -3848,6 +4514,9 @@ textarea::-webkit-scrollbar-thumb {
   content: "\e635";
   color: inherit;
 }
+.widget-combo-copy .b-font {
+  *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '&#xe610');
+}
 .widget-combo-copy .b-font:before {
   content: "\e610";
   color: inherit;
@@ -3857,6 +4526,9 @@ textarea::-webkit-scrollbar-thumb {
   content: "\e610";
   color: inherit;
 }
+.widget-combo-delete .b-font {
+  *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '&#xe605');
+}
 .widget-combo-delete .b-font:before {
   content: "\e605";
   color: inherit;
@@ -3866,6 +4538,9 @@ textarea::-webkit-scrollbar-thumb {
   content: "\e605";
   color: inherit;
 }
+.widget-combo-asc-font .b-font {
+  *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '&#xe63f');
+}
 .widget-combo-asc-font .b-font:before {
   content: "\e63f";
   color: inherit;
@@ -3875,6 +4550,9 @@ textarea::-webkit-scrollbar-thumb {
   content: "\e63f";
   color: inherit;
 }
+.widget-combo-des-font .b-font {
+  *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '&#xe63a');
+}
 .widget-combo-des-font .b-font:before {
   content: "\e63a";
   color: inherit;
@@ -3884,6 +4562,9 @@ textarea::-webkit-scrollbar-thumb {
   content: "\e63a";
   color: inherit;
 }
+.widget-combo-clear-font .b-font {
+  *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '&#xe63d');
+}
 .widget-combo-clear-font .b-font:before {
   content: "\e63d";
   color: inherit;
@@ -3893,6 +4574,9 @@ textarea::-webkit-scrollbar-thumb {
   content: "\e63d";
   color: inherit;
 }
+.detail-table-popup-font .b-font {
+  *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '&#xe6ac');
+}
 .detail-table-popup-font .b-font:before {
   content: "\e6ac";
   color: inherit;
@@ -3901,13 +4585,16 @@ textarea::-webkit-scrollbar-thumb {
 .detail-table-popup-font:focus .b-font:before,
 .detail-table-popup-font.hover .b-font:before {
   content: "\e6ac";
-  color: #009de3;
+  color: #3f8ce8;
 }
 .detail-table-popup-font.native .b-font:before,
 .detail-table-popup-font.disabled .b-font:before {
   content: "\e6ac";
   color: inherit;
 }
+.chart-drill-up .b-font {
+  *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '&#xe6ad');
+}
 .chart-drill-up .b-font:before {
   content: "\e6ad";
   color: inherit;
@@ -3917,6 +4604,9 @@ textarea::-webkit-scrollbar-thumb {
   content: "\e6ad";
   color: inherit;
 }
+.chart-drill-down .b-font {
+  *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '&#xe608');
+}
 .chart-drill-down .b-font:before {
   content: "\e608";
   color: inherit;
@@ -3926,6 +4616,9 @@ textarea::-webkit-scrollbar-thumb {
   content: "\e608";
   color: inherit;
 }
+.report-filter-open-font .b-font {
+  *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '&#xe648');
+}
 .report-filter-open-font .b-font:before {
   content: "\e648";
   color: inherit;
@@ -3935,6 +4628,9 @@ textarea::-webkit-scrollbar-thumb {
   content: "\e648";
   color: inherit;
 }
+.report-filter-close-font .b-font {
+  *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '&#xe645');
+}
 .report-filter-close-font .b-font:before {
   content: "\e645";
   color: inherit;
@@ -3944,6 +4640,9 @@ textarea::-webkit-scrollbar-thumb {
   content: "\e645";
   color: inherit;
 }
+.report-apply-hangout-normal-font .b-font {
+  *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '&#xe66d');
+}
 .report-apply-hangout-normal-font .b-font:before {
   content: "\e66d";
   color: #999999;
@@ -3953,6 +4652,9 @@ textarea::-webkit-scrollbar-thumb {
   content: "\e66d";
   color: #999999;
 }
+.report-apply-hangout-ing-font .b-font {
+  *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '&#xe66d');
+}
 .report-apply-hangout-ing-font .b-font:before {
   content: "\e66d";
   color: #3f8ce8;
@@ -3962,6 +4664,9 @@ textarea::-webkit-scrollbar-thumb {
   content: "\e66d";
   color: #3f8ce8;
 }
+.report-hangout-font .b-font {
+  *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '&#xe64b');
+}
 .report-hangout-font .b-font:before {
   content: "\e64b";
   color: #58cc7d;
@@ -3971,6 +4676,9 @@ textarea::-webkit-scrollbar-thumb {
   content: "\e64b";
   color: #58cc7d;
 }
+.report-cancel-hangout-font .b-font {
+  *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '&#xe64b');
+}
 .report-cancel-hangout-font .b-font:before {
   content: "\e64b";
   color: #999999;
@@ -3980,6 +4688,9 @@ textarea::-webkit-scrollbar-thumb {
   content: "\e64b";
   color: #999999;
 }
+.report-hangout-ing-mark-font .b-font {
+  *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '&#xe64b');
+}
 .report-hangout-ing-mark-font .b-font:before {
   content: "\e64b";
   color: #3f8ce8;
@@ -3989,6 +4700,9 @@ textarea::-webkit-scrollbar-thumb {
   content: "\e64b";
   color: #3f8ce8;
 }
+.delete-font-package .b-font {
+  *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '&#xe605');
+}
 .delete-font-package .b-font:before {
   content: "\e605";
   color: #e85050;
@@ -3998,6 +4712,9 @@ textarea::-webkit-scrollbar-thumb {
   content: "\e605";
   color: #e85050;
 }
+.delete-h-font-package .b-font {
+  *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '&#xe605');
+}
 .delete-h-font-package .b-font:before {
   content: "\e605";
   color: #e85050;
@@ -4007,6 +4724,9 @@ textarea::-webkit-scrollbar-thumb {
   content: "\e605";
   color: #e85050;
 }
+.rename-font-package .b-font {
+  *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '&#xe687');
+}
 .rename-font-package .b-font:before {
   content: "\e687";
   color: #3f8ce8;
@@ -4016,6 +4736,9 @@ textarea::-webkit-scrollbar-thumb {
   content: "\e687";
   color: #3f8ce8;
 }
+.package-selected-font .b-font {
+  *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '&#xe6b3');
+}
 .package-selected-font .b-font:before {
   content: "\e6b3";
   color: #3f8ce8;
@@ -4025,6 +4748,9 @@ textarea::-webkit-scrollbar-thumb {
   content: "\e6b3";
   color: #3f8ce8;
 }
+.package-not-selected-font .b-font {
+  *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '&#xe6b2');
+}
 .package-not-selected-font .b-font:before {
   content: "\e6b2";
   color: #3f8ce8;
@@ -4034,6 +4760,9 @@ textarea::-webkit-scrollbar-thumb {
   content: "\e6b2";
   color: #3f8ce8;
 }
+.report-detail-info-font .b-font {
+  *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '&#xe66e');
+}
 .report-detail-info-font .b-font:before {
   content: "\e66e";
   color: #f07d0a;
@@ -4043,6 +4772,9 @@ textarea::-webkit-scrollbar-thumb {
   content: "\e66e";
   color: #f07d0a;
 }
+.report-rename-font .b-font {
+  *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '&#xe670');
+}
 .report-rename-font .b-font:before {
   content: "\e670";
   color: #58cc7d;
@@ -4052,6 +4784,9 @@ textarea::-webkit-scrollbar-thumb {
   content: "\e670";
   color: #58cc7d;
 }
+.report-cancel-share-font .b-font {
+  *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '&#xe6b5');
+}
 .report-cancel-share-font .b-font:before {
   content: "\e6b5";
   color: #3f8ce8;
@@ -4061,6 +4796,9 @@ textarea::-webkit-scrollbar-thumb {
   content: "\e6b5";
   color: #3f8ce8;
 }
+.drill-push-up-font .b-font {
+  *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '&#xe630');
+}
 .drill-push-up-font .b-font:before {
   content: "\e630";
   color: inherit;
@@ -4070,6 +4808,9 @@ textarea::-webkit-scrollbar-thumb {
   content: "\e630";
   color: inherit;
 }
+.drill-push-down-font .b-font {
+  *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '&#xe62d');
+}
 .drill-push-down-font .b-font:before {
   content: "\e62d";
   color: inherit;
@@ -4079,6 +4820,9 @@ textarea::-webkit-scrollbar-thumb {
   content: "\e62d";
   color: inherit;
 }
+.drag-tag-font .b-font {
+  *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '&#xe600');
+}
 .drag-tag-font .b-font:before {
   content: "\e600";
   color: #f07d0a;
diff --git a/src/css/base/table/table.grid.scrollbar.css b/src/css/base/table/table.grid.scrollbar.css
index 37efef0b5..a690d35ee 100644
--- a/src/css/base/table/table.grid.scrollbar.css
+++ b/src/css/base/table/table.grid.scrollbar.css
@@ -10,12 +10,12 @@
   transition-timing-function: ease;
   user-select: none;
   background-color: rgba(102, 102, 102, 0.05);
-  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#0D666666,endColorstr=#0D666666);
+  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#0d666666,endColorstr=#0d666666;
   border-radius: 5px;
 }
 .bi-theme-dark .scrollbar-layout-main {
   background-color: rgba(204, 204, 204, 0.05);
-  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#0Dcccccc,endColorstr=#0Dcccccc);
+  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#0dcccccc,endColorstr=#0dcccccc;
 }
 .scrollbar-layout-main-vertical {
   bottom: 0;
@@ -34,11 +34,11 @@
   left: 0;
   transition-property: background-color;
   background-color: rgba(102, 102, 102, 0.05);
-  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#0D666666,endColorstr=#0D666666);
+  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#0d666666,endColorstr=#0d666666;
 }
 .bi-theme-dark .scrollbar-layout-main-horizontal {
   background-color: rgba(204, 204, 204, 0.05);
-  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#0Dcccccc,endColorstr=#0Dcccccc);
+  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#0dcccccc,endColorstr=#0dcccccc;
 }
 /* Touching the scroll-track directly makes the scroll-track bolder */
 .scrollbar-layout-main-horizontal.public-scrollbar-main-active,
@@ -92,23 +92,23 @@
 /* Touching the scroll-track directly makes the scroll-track bolder */
 .public-scrollbar-face:after {
   background-color: rgba(102, 102, 102, 0.3);
-  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#4C666666,endColorstr=#4C666666);
+  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#4d666666,endColorstr=#4d666666;
 }
 .bi-theme-dark .public-scrollbar-face:after {
   background-color: rgba(204, 204, 204, 0.3);
-  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#4Ccccccc,endColorstr=#4Ccccccc);
+  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#4dcccccc,endColorstr=#4dcccccc;
 }
 .public-scrollbar-main:hover .public-scrollbar-face:after,
 .public-scrollbar-main-active .public-scrollbar-face:after,
 .public-scrollbar-faceActive:after {
   background-color: rgba(102, 102, 102, 0.7);
-  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#B2666666,endColorstr=#B2666666);
+  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#b3666666,endColorstr=#b3666666;
 }
 .bi-theme-dark .public-scrollbar-main:hover .public-scrollbar-face:after,
 .bi-theme-dark .public-scrollbar-main-active .public-scrollbar-face:after,
 .bi-theme-dark .public-scrollbar-faceActive:after {
   background-color: rgba(204, 204, 204, 0.7);
-  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#B2cccccc,endColorstr=#B2cccccc);
+  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#b3cccccc,endColorstr=#b3cccccc;
 }
 .horizontal-scrollbar {
   bottom: 0;
diff --git a/src/css/core/utils/common.css b/src/css/core/utils/common.css
index 4a183f0d9..5d93d553c 100644
--- a/src/css/core/utils/common.css
+++ b/src/css/core/utils/common.css
@@ -112,7 +112,7 @@
 }
 .bi-z-index-mask {
   background-color: rgba(26, 26, 26, 0.5);
-  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#7f1a1a1a,endColorstr=#7f1a1a1a);
+  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#801a1a1a,endColorstr=#801a1a1a);
 }
 .bi-list-item:hover,
 .bi-list-item.hover {
diff --git a/src/less/base/table/table.grid.scrollbar.less b/src/less/base/table/table.grid.scrollbar.less
index 81a0efc5b..8ca19645a 100644
--- a/src/less/base/table/table.grid.scrollbar.less
+++ b/src/less/base/table/table.grid.scrollbar.less
@@ -8,14 +8,16 @@
   transition-timing-function: ease;
   user-select: none;
   background-color: @scroll-color;
-  filter:~"progid:DXImageTransform.Microsoft.gradient(startColorstr=#0D666666,endColorstr=#0D666666)";
+  @ieColor: argb(@scroll-color);
+  filter:~"progid:DXImageTransform.Microsoft.gradient(startColorstr=@{ieColor},endColorstr=@{ieColor}";
   border-radius: 5px;
 }
 
 .bi-theme-dark {
   .scrollbar-layout-main {
     background-color: @scroll-color-theme-dark;
-    filter:~"progid:DXImageTransform.Microsoft.gradient(startColorstr=#0Dcccccc,endColorstr=#0Dcccccc)";
+    @ieColor: argb(@scroll-color-theme-dark);
+    filter:~"progid:DXImageTransform.Microsoft.gradient(startColorstr=@{ieColor},endColorstr=@{ieColor}";
   }
 }
 
@@ -38,13 +40,15 @@
   left: 0;
   transition-property: background-color;
   background-color: @scroll-color;
-  filter:~"progid:DXImageTransform.Microsoft.gradient(startColorstr=#0D666666,endColorstr=#0D666666)";
+  @ieColor: argb(@scroll-color);
+  filter:~"progid:DXImageTransform.Microsoft.gradient(startColorstr=@{ieColor},endColorstr=@{ieColor}";
 }
 
 .bi-theme-dark {
   .scrollbar-layout-main-horizontal {
     background-color: @scroll-color-theme-dark;
-    filter:~"progid:DXImageTransform.Microsoft.gradient(startColorstr=#0Dcccccc,endColorstr=#0Dcccccc)";
+    @ieColor: argb(@scroll-color-theme-dark);
+    filter:~"progid:DXImageTransform.Microsoft.gradient(startColorstr=@{ieColor},endColorstr=@{ieColor}";
   }
 }
 
@@ -119,13 +123,15 @@
 
 .public-scrollbar-face:after {
   background-color: @scroll-thumb-color;
-  filter:~"progid:DXImageTransform.Microsoft.gradient(startColorstr=#4C666666,endColorstr=#4C666666)";
+  @ieColor: argb(@scroll-thumb-color);
+  filter:~"progid:DXImageTransform.Microsoft.gradient(startColorstr=@{ieColor},endColorstr=@{ieColor}";
 }
 
 .bi-theme-dark {
   .public-scrollbar-face:after {
     background-color: @scroll-thumb-color-theme-dark;
-    filter:~"progid:DXImageTransform.Microsoft.gradient(startColorstr=#4Ccccccc,endColorstr=#4Ccccccc)";
+    @ieColor: argb(@scroll-thumb-color-theme-dark);
+    filter:~"progid:DXImageTransform.Microsoft.gradient(startColorstr=@{ieColor},endColorstr=@{ieColor}";
   }
 }
 
@@ -133,7 +139,8 @@
 .public-scrollbar-main-active .public-scrollbar-face:after,
 .public-scrollbar-faceActive:after {
   background-color: @scroll-thumb-focus-color;
-  filter:~"progid:DXImageTransform.Microsoft.gradient(startColorstr=#B2666666,endColorstr=#B2666666)";
+  @ieColor: argb(@scroll-thumb-focus-color);
+  filter:~"progid:DXImageTransform.Microsoft.gradient(startColorstr=@{ieColor},endColorstr=@{ieColor}";
 }
 
 .bi-theme-dark {
@@ -141,7 +148,8 @@
   .public-scrollbar-main-active .public-scrollbar-face:after,
   .public-scrollbar-faceActive:after {
     background-color: @scroll-thumb-focus-color-theme-dark;
-    filter:~"progid:DXImageTransform.Microsoft.gradient(startColorstr=#B2cccccc,endColorstr=#B2cccccc)";
+    @ieColor: argb(@scroll-thumb-focus-color-theme-dark);
+    filter:~"progid:DXImageTransform.Microsoft.gradient(startColorstr=@{ieColor},endColorstr=@{ieColor}";
   }
 }
 
diff --git a/src/less/core/utils/common.less b/src/less/core/utils/common.less
index 7a2629ab9..ecb67c16b 100644
--- a/src/less/core/utils/common.less
+++ b/src/less/core/utils/common.less
@@ -158,8 +158,9 @@
 }
 
 .bi-z-index-mask {
-  background-color: rgba(26, 26, 26, .5);
-  filter: ~"progid:DXImageTransform.Microsoft.gradient(startColorstr=#7f1a1a1a,endColorstr=#7f1a1a1a)";
+  background-color: fade(@color-bi-background-black, 50%);
+  @ieColor: argb(fade(@color-bi-background-black, 50%));
+  filter: ~"progid:DXImageTransform.Microsoft.gradient(startColorstr=@{ieColor},endColorstr=@{ieColor})";
 }
 
 //只有背景变化