@syncfusion/ej2-angular-documenteditor 20.4.54 → 21.1.35

package/styles/document-editor-container/fluent.css

@@ -463,31 +463,31 @@
 .e-de-ctnr-columns-one::before {
   content: "\e8b9";
   font-family: "e-icons";
-  font-size: 60px;
+  font-size: 68px;
 }
 
 .e-de-ctnr-columns-two::before {
   content: "\e8ba";
   font-family: "e-icons";
-  font-size: 60px;
+  font-size: 68px;
 }
 
 .e-de-ctnr-columns-three::before {
   content: "\e8bb";
   font-family: "e-icons";
-  font-size: 60px;
+  font-size: 68px;
 }
 
 .e-de-ctnr-columns-right::before {
   content: "\e8b7";
   font-family: "e-icons";
-  font-size: 60px;
+  font-size: 68px;
 }
 
 .e-de-ctnr-columns-left::before {
   content: "\e8b8";
   font-family: "e-icons";
-  font-size: 60px;
+  font-size: 68px;
 }
 
 .e-de-toolbar {
@@ -568,7 +568,7 @@
 }
 
 .e-de-statusbar-pageweb {
-  background-color: #faf9f8;
+  background: #faf9f8;
   border: 0;
   box-shadow: none;
   float: right;
@@ -592,12 +592,22 @@
   font-size: 18px;
 }
 
+.e-listview .e-list-icon {
+  height: 24px;
+  width: 16px;
+  margin-right: 16px;
+}
+
+.e-de-listview-icon {
+  line-height: 22px;
+}
+
 .e-de-linespacing {
   margin-top: 8px;
 }
 
 .e-de-statusbar-zoom {
-  background-color: #faf9f8;
+  background: #faf9f8;
   border: 0;
   color: #3b3a39;
   float: right;
@@ -733,7 +743,7 @@
 
 .e-de-tool-ctnr-properties-pane,
 .e-de-ctnr-properties-pane {
-  background-color: #faf9f8;
+  background: #faf9f8;
   border-bottom: 1px solid #edebe9;
   border-top: 1px solid #edebe9;
 }
@@ -881,7 +891,7 @@
   margin: 0 12px;
 }
 .e-de-toolbar.e-toolbar .e-toolbar-items .e-toolbar-item.e-de-toolbar-btn-start {
-  margin-left: 8px;
+  margin-left: 8px !important;
   margin-right: 4px;
 }
 .e-de-toolbar.e-toolbar .e-toolbar-items .e-toolbar-item.e-de-toolbar-btn-middle {
@@ -897,20 +907,23 @@
 }
 
 .e-de-toolbar.e-toolbar .e-toolbar-items .e-toolbar-item .e-tbar-btn.e-btn {
+  -ms-flex-direction: column;
+      flex-direction: column;
+  height: calc(100% - 10px);
   padding: 0;
-  padding-bottom: 14px;
+  padding-bottom: 8px;
 }
 .e-de-toolbar.e-toolbar .e-toolbar-items .e-toolbar-item .e-tbar-btn.e-btn:focus {
   padding: 0;
-  padding-bottom: 14px;
+  padding-bottom: 8px;
 }
 .e-de-toolbar.e-toolbar .e-toolbar-items .e-toolbar-item .e-tbar-btn.e-btn:active {
   padding: 0;
-  padding-bottom: 14px;
+  padding-bottom: 8px;
 }
 .e-de-toolbar.e-toolbar .e-toolbar-items .e-toolbar-item .e-tbar-btn.e-btn:hover {
   padding: 0;
-  padding-bottom: 14px;
+  padding-bottom: 8px;
 }
 
 .e-de-toolbar.e-toolbar .e-toolbar-items .e-toolbar-item .e-tbar-btn.e-btn .e-tbar-btn-text {
@@ -939,7 +952,7 @@
 }
 
 .e-de-ctnr-properties-pane-btn .e-btn {
-  background-color: #f3f2f1;
+  background: #f3f2f1;
   border-radius: 0;
   box-shadow: none;
   color: #0078d4;
@@ -981,6 +994,7 @@
 .e-de-toolbar.e-toolbar .e-toolbar-items .e-toolbar-item button.e-btn.e-tbtn-txt .e-icons.e-btn-icon,
 .e-de-toolbar.e-toolbar .e-toolbar-items .e-toolbar-item .e-tbar-btn.e-btn.e-tbtn-txt .e-icons.e-btn-icon {
   padding: 0 !important;
+  min-height: 16px;
 }
 
 .e-de-hdr-ftr-frst-div {
@@ -1092,7 +1106,7 @@
 }
 
 .e-bigger .e-de-panel-right-width {
-  width: 92px;
+  width: 96px;
 }
 .e-bigger .e-de-char-fmt-btn-left > button,
 .e-bigger .e-de-char-fmt-btn-right > button {
@@ -1346,8 +1360,8 @@
   border: 1px solid #edebe9;
   color: #3b3a39;
   height: 129px;
-  margin-left: 78px;
   width: 94px;
+  margin-left: 78px;
 }
 
 .e-de-toc-template1.e-de-rtl {
@@ -1402,7 +1416,7 @@
 }
 
 .e-de-status-bar {
-  background-color: #faf9f8;
+  background: #faf9f8;
   display: -ms-flexbox;
   display: flex;
   padding-top: 4px;
@@ -1535,8 +1549,8 @@
 }
 
 .e-de-grp-btn-ctnr .e-de-ctnr-group-btn > button {
-  height: 38px;
   width: 38px;
+  height: 38px;
 }
 
 .e-bigger .e-de-grp-btn-ctnr .e-de-ctnr-group-btn > button {
@@ -1548,6 +1562,15 @@
   width: 70px;
 }
 
+.e-rtl .e-listview .e-list-icon {
+  height: 24px;
+  width: 16px;
+  margin-left: 16px;
+}
+.e-rtl .e-de-listview-icon {
+  line-height: 22px;
+}
+
 .e-bigger .de-split-button > div:first-child {
   margin-right: 0;
 }
@@ -1660,7 +1683,7 @@
   margin: 0 14px;
 }
 .e-bigger .e-de-toolbar.e-toolbar .e-toolbar-items .e-toolbar-item.e-de-toolbar-btn-start {
-  margin-left: 10px;
+  margin-left: 10px !important;
   margin-right: 6px;
 }
 .e-bigger .e-de-toolbar.e-toolbar .e-toolbar-items .e-toolbar-item.e-de-toolbar-btn-middle {
@@ -1677,22 +1700,22 @@
 .e-bigger .e-de-toolbar.e-toolbar .e-toolbar-items .e-toolbar-item .e-tbar-btn.e-btn,
 .e-bigger .e-de-toolbar.e-toolbar .e-toolbar-items .e-toolbar-item .e-tbar-btn.e-btn.e-control {
   padding: 0;
-  padding-bottom: 14px;
+  padding-bottom: 8px;
 }
 .e-bigger .e-de-toolbar.e-toolbar .e-toolbar-items .e-toolbar-item .e-tbar-btn.e-btn:focus,
 .e-bigger .e-de-toolbar.e-toolbar .e-toolbar-items .e-toolbar-item .e-tbar-btn.e-btn.e-control:focus {
   padding: 0;
-  padding-bottom: 14px;
+  padding-bottom: 8px;
 }
 .e-bigger .e-de-toolbar.e-toolbar .e-toolbar-items .e-toolbar-item .e-tbar-btn.e-btn:active,
 .e-bigger .e-de-toolbar.e-toolbar .e-toolbar-items .e-toolbar-item .e-tbar-btn.e-btn.e-control:active {
   padding: 0;
-  padding-bottom: 14px;
+  padding-bottom: 8px;
 }
 .e-bigger .e-de-toolbar.e-toolbar .e-toolbar-items .e-toolbar-item .e-tbar-btn.e-btn:hover,
 .e-bigger .e-de-toolbar.e-toolbar .e-toolbar-items .e-toolbar-item .e-tbar-btn.e-btn.e-control:hover {
   padding: 0;
-  padding-bottom: 14px;
+  padding-bottom: 8px;
 }
 .e-bigger .e-de-toolbar.e-toolbar .e-toolbar-items .e-toolbar-item .e-tbar-btn.e-btn .e-tbar-btn-text {
   padding: 0 !important;
@@ -1708,7 +1731,7 @@
   width: 75px;
 }
 .e-bigger .e-de-ctnr-properties-pane-btn .e-btn {
-  background-color: #f3f2f1;
+  background: #f3f2f1;
   border-radius: 0;
   box-shadow: none;
   min-height: 100%;
@@ -1892,6 +1915,22 @@
   height: 0;
   line-height: 0.5;
 }
+.e-bigger .e-listview .e-list-icon {
+  height: 24px;
+  width: 16px;
+  margin-right: 20px;
+}
+.e-bigger .e-de-listview-icon {
+  line-height: 22px;
+}
+.e-bigger .e-rtl .e-listview .e-list-icon {
+  height: 24px;
+  width: 16px;
+  margin-left: 20px;
+}
+.e-bigger .e-rtl .e-de-listview-icon {
+  line-height: 22px;
+}
 
 .e-de-ctn .e-de-bzr-button {
   font-size: 12px;
@@ -1949,9 +1988,6 @@
   padding-top: 0 !important;
 }
 
-.e-bigger .e-de-ctn .e-de-ctnr-toolbar .e-de-bzr-button {
-  font-size: 16px;
-}
 .e-bigger .e-de-ctn .e-de-ctnr-toolbar .e-de-bzr-button .e-btn-icon {
   font-size: 18px;
   padding-bottom: 4px;

package/styles/document-editor-container/highcontrast-light.css

@@ -2570,7 +2570,7 @@ label[for=container_wholeWord] {
 }
 
 .e-de-statusbar-pageweb {
-  background-color: #fff;
+  background: #fff;
   border: 0;
   box-shadow: none;
   float: right;
@@ -2599,12 +2599,22 @@ label[for=container_wholeWord] {
   font-size: 16px;
 }
 
+.e-listview .e-list-icon {
+  height: 24px;
+  width: 16px;
+  margin-right: 12px;
+}
+
+.e-de-listview-icon {
+  line-height: 22px;
+}
+
 .e-de-linespacing {
   margin-top: 11px;
 }
 
 .e-de-statusbar-zoom {
-  background-color: #fff;
+  background: #fff;
   border: 0;
   color: #000;
   float: right;
@@ -2712,7 +2722,7 @@ label[for=container_wholeWord] {
 
 .e-de-tool-ctnr-properties-pane,
 .e-de-ctnr-properties-pane {
-  background-color: #fff;
+  background: #fff;
   border-bottom: 1px solid #000;
   border-top: 1px solid #000;
 }
@@ -2811,7 +2821,7 @@ label[for=container_wholeWord] {
   margin: 0 5.5px;
 }
 .e-de-toolbar.e-toolbar .e-toolbar-items .e-toolbar-item.e-de-toolbar-btn-start {
-  margin-left: 12px;
+  margin-left: 12px !important;
   margin-right: 6px;
 }
 .e-de-toolbar.e-toolbar .e-toolbar-items .e-toolbar-item.e-de-toolbar-btn-middle {
@@ -2827,20 +2837,23 @@ label[for=container_wholeWord] {
 }
 
 .e-de-toolbar.e-toolbar .e-toolbar-items .e-toolbar-item .e-tbar-btn.e-btn {
+  -ms-flex-direction: column;
+      flex-direction: column;
+  height: calc(100% - 10px);
   padding: 0;
-  padding-bottom: 6px;
+  padding-bottom: 5px;
 }
 .e-de-toolbar.e-toolbar .e-toolbar-items .e-toolbar-item .e-tbar-btn.e-btn:focus {
   padding: 0;
-  padding-bottom: 6px;
+  padding-bottom: 5px;
 }
 .e-de-toolbar.e-toolbar .e-toolbar-items .e-toolbar-item .e-tbar-btn.e-btn:active {
   padding: 0;
-  padding-bottom: 6px;
+  padding-bottom: 5px;
 }
 .e-de-toolbar.e-toolbar .e-toolbar-items .e-toolbar-item .e-tbar-btn.e-btn:hover {
   padding: 0;
-  padding-bottom: 6px;
+  padding-bottom: 5px;
 }
 
 .e-de-toolbar.e-toolbar .e-toolbar-items .e-toolbar-item .e-tbar-btn.e-btn .e-tbar-btn-text {
@@ -2869,7 +2882,7 @@ label[for=container_wholeWord] {
 }
 
 .e-de-ctnr-properties-pane-btn .e-btn {
-  background-color: #fff;
+  background: #fff;
   border-radius: 0;
   box-shadow: none;
   color: #35363b;
@@ -2911,6 +2924,7 @@ label[for=container_wholeWord] {
 .e-de-toolbar.e-toolbar .e-toolbar-items .e-toolbar-item button.e-btn.e-tbtn-txt .e-icons.e-btn-icon,
 .e-de-toolbar.e-toolbar .e-toolbar-items .e-toolbar-item .e-tbar-btn.e-btn.e-tbtn-txt .e-icons.e-btn-icon {
   padding: 0 !important;
+  min-height: 16px;
 }
 
 .e-de-hdr-ftr-frst-div {
@@ -3265,8 +3279,8 @@ label[for=container_wholeWord] {
   border: 1px solid #000;
   color: #000;
   height: 129px;
-  margin-left: 78px;
   width: 94px;
+  margin-left: 78px;
 }
 
 .e-de-toc-template1.e-de-rtl {
@@ -3321,7 +3335,7 @@ label[for=container_wholeWord] {
 }
 
 .e-de-status-bar {
-  background-color: #fff;
+  background: #fff;
   display: -ms-flexbox;
   display: flex;
   padding-top: 1.5px;
@@ -3454,8 +3468,8 @@ label[for=container_wholeWord] {
 }
 
 .e-de-grp-btn-ctnr .e-de-ctnr-group-btn > button {
-  height: 38px;
   width: 38px;
+  height: 38px;
 }
 
 .e-bigger .e-de-grp-btn-ctnr .e-de-ctnr-group-btn > button {
@@ -3467,6 +3481,15 @@ label[for=container_wholeWord] {
   width: 70px;
 }
 
+.e-rtl .e-listview .e-list-icon {
+  height: 24px;
+  width: 16px;
+  margin-left: 12px;
+}
+.e-rtl .e-de-listview-icon {
+  line-height: 22px;
+}
+
 .e-bigger .de-split-button > div:first-child {
   margin-right: 0;
 }
@@ -3579,7 +3602,7 @@ label[for=container_wholeWord] {
   margin: 0 7.5px;
 }
 .e-bigger .e-de-toolbar.e-toolbar .e-toolbar-items .e-toolbar-item.e-de-toolbar-btn-start {
-  margin-left: 16px;
+  margin-left: 16px !important;
   margin-right: 8px;
 }
 .e-bigger .e-de-toolbar.e-toolbar .e-toolbar-items .e-toolbar-item.e-de-toolbar-btn-middle {
@@ -3596,22 +3619,22 @@ label[for=container_wholeWord] {
 .e-bigger .e-de-toolbar.e-toolbar .e-toolbar-items .e-toolbar-item .e-tbar-btn.e-btn,
 .e-bigger .e-de-toolbar.e-toolbar .e-toolbar-items .e-toolbar-item .e-tbar-btn.e-btn.e-control {
   padding: 0;
-  padding-bottom: 6px;
+  padding-bottom: 5px;
 }
 .e-bigger .e-de-toolbar.e-toolbar .e-toolbar-items .e-toolbar-item .e-tbar-btn.e-btn:focus,
 .e-bigger .e-de-toolbar.e-toolbar .e-toolbar-items .e-toolbar-item .e-tbar-btn.e-btn.e-control:focus {
   padding: 0;
-  padding-bottom: 6px;
+  padding-bottom: 5px;
 }
 .e-bigger .e-de-toolbar.e-toolbar .e-toolbar-items .e-toolbar-item .e-tbar-btn.e-btn:active,
 .e-bigger .e-de-toolbar.e-toolbar .e-toolbar-items .e-toolbar-item .e-tbar-btn.e-btn.e-control:active {
   padding: 0;
-  padding-bottom: 6px;
+  padding-bottom: 5px;
 }
 .e-bigger .e-de-toolbar.e-toolbar .e-toolbar-items .e-toolbar-item .e-tbar-btn.e-btn:hover,
 .e-bigger .e-de-toolbar.e-toolbar .e-toolbar-items .e-toolbar-item .e-tbar-btn.e-btn.e-control:hover {
   padding: 0;
-  padding-bottom: 6px;
+  padding-bottom: 5px;
 }
 .e-bigger .e-de-toolbar.e-toolbar .e-toolbar-items .e-toolbar-item .e-tbar-btn.e-btn .e-tbar-btn-text {
   padding: 0 !important;
@@ -3627,7 +3650,7 @@ label[for=container_wholeWord] {
   width: 75px;
 }
 .e-bigger .e-de-ctnr-properties-pane-btn .e-btn {
-  background-color: #fff;
+  background: #fff;
   border-radius: 0;
   box-shadow: none;
   min-height: 100%;
@@ -3655,7 +3678,7 @@ label[for=container_wholeWord] {
 }
 .e-bigger .e-de-toolbar.e-toolbar .e-toolbar-items .e-toolbar-item .e-tbar-btn-text {
   display: table;
-  font-size: 12px;
+  font-size: 12px !important;
   margin: 0 6px;
   padding: 0;
   white-space: normal;
@@ -3811,6 +3834,22 @@ label[for=container_wholeWord] {
   height: 0;
   line-height: 0;
 }
+.e-bigger .e-listview .e-list-icon {
+  height: 24px;
+  width: 16px;
+  margin-right: 16px;
+}
+.e-bigger .e-de-listview-icon {
+  line-height: 22px;
+}
+.e-bigger .e-rtl .e-listview .e-list-icon {
+  height: 24px;
+  width: 16px;
+  margin-left: 16px;
+}
+.e-bigger .e-rtl .e-de-listview-icon {
+  line-height: 22px;
+}
 
 .e-de-ctn .e-de-bzr-button {
   font-size: 12px;

package/styles/document-editor-container/highcontrast.css

@@ -532,7 +532,7 @@
 }
 
 .e-de-statusbar-pageweb {
-  background-color: #000;
+  background: #000;
   border: 0;
   box-shadow: none;
   float: right;
@@ -561,12 +561,22 @@
   font-size: 16px;
 }
 
+.e-listview .e-list-icon {
+  height: 24px;
+  width: 16px;
+  margin-right: 12px;
+}
+
+.e-de-listview-icon {
+  line-height: 22px;
+}
+
 .e-de-linespacing {
   margin-top: 11px;
 }
 
 .e-de-statusbar-zoom {
-  background-color: #000;
+  background: #000;
   border: 0;
   color: #fff;
   float: right;
@@ -674,7 +684,7 @@
 
 .e-de-tool-ctnr-properties-pane,
 .e-de-ctnr-properties-pane {
-  background-color: #000;
+  background: #000;
   border-bottom: 1px solid #fff;
   border-top: 1px solid #fff;
 }
@@ -773,7 +783,7 @@
   margin: 0 5.5px;
 }
 .e-de-toolbar.e-toolbar .e-toolbar-items .e-toolbar-item.e-de-toolbar-btn-start {
-  margin-left: 12px;
+  margin-left: 12px !important;
   margin-right: 6px;
 }
 .e-de-toolbar.e-toolbar .e-toolbar-items .e-toolbar-item.e-de-toolbar-btn-middle {
@@ -789,20 +799,23 @@
 }
 
 .e-de-toolbar.e-toolbar .e-toolbar-items .e-toolbar-item .e-tbar-btn.e-btn {
+  -ms-flex-direction: column;
+      flex-direction: column;
+  height: calc(100% - 10px);
   padding: 0;
-  padding-bottom: 6px;
+  padding-bottom: 5px;
 }
 .e-de-toolbar.e-toolbar .e-toolbar-items .e-toolbar-item .e-tbar-btn.e-btn:focus {
   padding: 0;
-  padding-bottom: 6px;
+  padding-bottom: 5px;
 }
 .e-de-toolbar.e-toolbar .e-toolbar-items .e-toolbar-item .e-tbar-btn.e-btn:active {
   padding: 0;
-  padding-bottom: 6px;
+  padding-bottom: 5px;
 }
 .e-de-toolbar.e-toolbar .e-toolbar-items .e-toolbar-item .e-tbar-btn.e-btn:hover {
   padding: 0;
-  padding-bottom: 6px;
+  padding-bottom: 5px;
 }
 
 .e-de-toolbar.e-toolbar .e-toolbar-items .e-toolbar-item .e-tbar-btn.e-btn .e-tbar-btn-text {
@@ -831,7 +844,7 @@
 }
 
 .e-de-ctnr-properties-pane-btn .e-btn {
-  background-color: #000;
+  background: #000;
   border-radius: 0;
   box-shadow: none;
   color: #ffd939;
@@ -873,6 +886,7 @@
 .e-de-toolbar.e-toolbar .e-toolbar-items .e-toolbar-item button.e-btn.e-tbtn-txt .e-icons.e-btn-icon,
 .e-de-toolbar.e-toolbar .e-toolbar-items .e-toolbar-item .e-tbar-btn.e-btn.e-tbtn-txt .e-icons.e-btn-icon {
   padding: 0 !important;
+  min-height: 16px;
 }
 
 .e-de-hdr-ftr-frst-div {
@@ -1236,8 +1250,8 @@
   border: 1px solid #fff;
   color: #fff;
   height: 129px;
-  margin-left: 78px;
   width: 94px;
+  margin-left: 78px;
 }
 
 .e-de-toc-template1.e-de-rtl {
@@ -1292,7 +1306,7 @@
 }
 
 .e-de-status-bar {
-  background-color: #000;
+  background: #000;
   display: -ms-flexbox;
   display: flex;
   padding-top: 1.5px;
@@ -1425,8 +1439,8 @@
 }
 
 .e-de-grp-btn-ctnr .e-de-ctnr-group-btn > button {
-  height: 38px;
   width: 38px;
+  height: 38px;
 }
 
 .e-bigger .e-de-grp-btn-ctnr .e-de-ctnr-group-btn > button {
@@ -1438,6 +1452,15 @@
   width: 70px;
 }
 
+.e-rtl .e-listview .e-list-icon {
+  height: 24px;
+  width: 16px;
+  margin-left: 12px;
+}
+.e-rtl .e-de-listview-icon {
+  line-height: 22px;
+}
+
 .e-bigger .de-split-button > div:first-child {
   margin-right: 0;
 }
@@ -1550,7 +1573,7 @@
   margin: 0 7.5px;
 }
 .e-bigger .e-de-toolbar.e-toolbar .e-toolbar-items .e-toolbar-item.e-de-toolbar-btn-start {
-  margin-left: 16px;
+  margin-left: 16px !important;
   margin-right: 8px;
 }
 .e-bigger .e-de-toolbar.e-toolbar .e-toolbar-items .e-toolbar-item.e-de-toolbar-btn-middle {
@@ -1567,22 +1590,22 @@
 .e-bigger .e-de-toolbar.e-toolbar .e-toolbar-items .e-toolbar-item .e-tbar-btn.e-btn,
 .e-bigger .e-de-toolbar.e-toolbar .e-toolbar-items .e-toolbar-item .e-tbar-btn.e-btn.e-control {
   padding: 0;
-  padding-bottom: 6px;
+  padding-bottom: 5px;
 }
 .e-bigger .e-de-toolbar.e-toolbar .e-toolbar-items .e-toolbar-item .e-tbar-btn.e-btn:focus,
 .e-bigger .e-de-toolbar.e-toolbar .e-toolbar-items .e-toolbar-item .e-tbar-btn.e-btn.e-control:focus {
   padding: 0;
-  padding-bottom: 6px;
+  padding-bottom: 5px;
 }
 .e-bigger .e-de-toolbar.e-toolbar .e-toolbar-items .e-toolbar-item .e-tbar-btn.e-btn:active,
 .e-bigger .e-de-toolbar.e-toolbar .e-toolbar-items .e-toolbar-item .e-tbar-btn.e-btn.e-control:active {
   padding: 0;
-  padding-bottom: 6px;
+  padding-bottom: 5px;
 }
 .e-bigger .e-de-toolbar.e-toolbar .e-toolbar-items .e-toolbar-item .e-tbar-btn.e-btn:hover,
 .e-bigger .e-de-toolbar.e-toolbar .e-toolbar-items .e-toolbar-item .e-tbar-btn.e-btn.e-control:hover {
   padding: 0;
-  padding-bottom: 6px;
+  padding-bottom: 5px;
 }
 .e-bigger .e-de-toolbar.e-toolbar .e-toolbar-items .e-toolbar-item .e-tbar-btn.e-btn .e-tbar-btn-text {
   padding: 0 !important;
@@ -1598,7 +1621,7 @@
   width: 75px;
 }
 .e-bigger .e-de-ctnr-properties-pane-btn .e-btn {
-  background-color: #000;
+  background: #000;
   border-radius: 0;
   box-shadow: none;
   min-height: 100%;
@@ -1626,7 +1649,7 @@
 }
 .e-bigger .e-de-toolbar.e-toolbar .e-toolbar-items .e-toolbar-item .e-tbar-btn-text {
   display: table;
-  font-size: 12px;
+  font-size: 12px !important;
   margin: 0 6px;
   padding: 0;
   white-space: normal;
@@ -1782,6 +1805,22 @@
   height: 0;
   line-height: 0;
 }
+.e-bigger .e-listview .e-list-icon {
+  height: 24px;
+  width: 16px;
+  margin-right: 16px;
+}
+.e-bigger .e-de-listview-icon {
+  line-height: 22px;
+}
+.e-bigger .e-rtl .e-listview .e-list-icon {
+  height: 24px;
+  width: 16px;
+  margin-left: 16px;
+}
+.e-bigger .e-rtl .e-de-listview-icon {
+  line-height: 22px;
+}
 
 .e-de-ctn .e-de-bzr-button {
   font-size: 12px;