@syncfusion/ej2-vue-pivotview 19.3.57 → 19.4.42

package/styles/pivotfieldlist/bootstrap5-dark.css

@@ -213,7 +213,7 @@
 
 .e-pivotfieldlist-wrapper .e-selected-option-icon::before,
 .e-pivotfieldlist-container .e-selected-option-icon::before {
-  content: '\e774';
+  content: '\e72b';
 }
 
 .e-pivotfieldlist-wrapper .e-clear-filter-icon::before,
@@ -223,7 +223,7 @@
 
 .e-pivotfieldlist-wrapper .e-dropdown-icon::before,
 .e-pivotfieldlist-container .e-dropdown-icon::before {
-  content: '\e70d';
+  content: '\e729';
 }
 
 .e-pivotfieldlist-wrapper .e-measureGroupCDB-icon::before,
@@ -451,7 +451,7 @@
   float: right;
   padding-right: 12px;
   padding-top: 12px;
-  color: #fff !important;
+  color: #fff;
 }
 
 .e-pivot-formatting-dialog .e-format-delete-button:hover,
@@ -497,6 +497,23 @@
   width: 14px;
 }
 
+.e-pivot-formatting-dialog .e-colorpicker-wrapper .e-split-btn-wrapper .e-split-btn .e-selected-color:hover,
+.e-pivot-formatting-dialog .e-colorpicker-container .e-split-btn-wrapper .e-split-btn .e-selected-color:hover {
+  color: #adb5bd;
+}
+
+.e-pivot-formatting-dialog .e-colorpicker-wrapper .e-split-btn-wrapper .e-split-btn,
+.e-pivot-formatting-dialog .e-colorpicker-container .e-split-btn-wrapper .e-split-btn {
+  pointer-events: none;
+}
+
+.e-pivot-formatting-dialog .e-colorpicker-wrapper .e-split-btn-wrapper .e-split-btn .e-selected-color,
+.e-pivot-formatting-dialog .e-colorpicker-container .e-split-btn-wrapper .e-split-btn .e-selected-color {
+  background: none;
+  margin: 0 2px;
+  width: 14px;
+}
+
 .e-pivot-formatting-dialog .e-split-preview,
 .e-pivot-formatting-dialog .e-tip-transparent {
   border: 1px solid #444c54;
@@ -654,6 +671,7 @@
 .e-pivot-calc-dialog-div .e-olap-member-title {
   color: #ced4da;
   font-size: 14px;
+  margin-bottom: 4px;
   margin-top: 15px;
   overflow: hidden;
   padding: 4px 0;
@@ -670,10 +688,6 @@
   opacity: .5;
 }
 
-.e-pivot-calc-dialog-div .e-treeview .e-node-focus ul li .e-list-icon {
-  color: #212529;
-}
-
 .e-pivot-calc-dialog-div .e-treeview ul {
   overflow: hidden;
 }
@@ -686,8 +700,11 @@
   font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
 }
 
-.e-pivot-calc-dialog-div .e-treeview ul li .e-list-icon {
+.e-pivot-calc-dialog-div .e-treeview ul li:not(.e-active) .e-list-icon {
   color: #adb5bd;
+}
+
+.e-pivot-calc-dialog-div .e-treeview ul li .e-list-icon {
   margin: 0;
 }
 
@@ -722,14 +739,16 @@
   width: 24px;
 }
 
-.e-pivot-calc-dialog-div .e-treeview .e-list-item span.e-icons {
+.e-pivot-calc-dialog-div .e-treeview .e-list-item:not(.e-active) span.e-icons {
   color: #adb5bd;
+}
+
+.e-pivot-calc-dialog-div .e-treeview .e-list-item span.e-icons {
   cursor: move;
   display: inline-block;
   font-size: 14px;
   height: 24px;
   margin-right: 4px;
-  margin-top: 4px;
   padding: 5px;
   pointer-events: auto;
   width: 24px;
@@ -812,7 +831,6 @@
   color: #fff;
   font-size: 13px;
   height: 70px;
-  margin-top: 5px;
   padding: 5px 10px;
   resize: none;
   width: 100%;
@@ -836,7 +854,6 @@
   border: 1px solid #444c54;
   border-radius: 4px;
   height: 120px;
-  margin-top: 5px;
   overflow: auto;
 }
 
@@ -905,7 +922,6 @@
   cursor: auto;
   font-size: 14px;
   width: auto;
-  color: #212529;
 }
 
 .e-pivot-calc-dialog-div.e-olap-calc-dialog-div .e-pivot-calc-outer-div .e-olap-field-tree-div .e-pivot-treeview-outer .e-treeview ul .e-list-icon.e-edit {
@@ -1129,8 +1145,8 @@
 
 .e-pivotfieldlist-wrapper .e-adaptive-field-list-dialog,
 .e-pivotfieldlist-wrapper .e-member-editor-dialog {
-  max-width: 400px;
-  min-width: 320px;
+  max-width: 400px !important;
+  min-width: 320px !important;
 }
 
 .e-pivotfieldlist-wrapper .e-adaptive-field-list-dialog .e-member-prompt,
@@ -1250,23 +1266,11 @@
   margin-left: 10px;
 }
 
-.e-pivotfieldlist-wrapper .e-member-editor-dialog .e-filter-sort .e-member-sort.e-active {
-  box-shadow: none !important;
-}
-
 .e-pivotfieldlist-wrapper .e-member-editor-dialog .e-filter-sort .e-member-sort .e-sort-ascend-icon,
 .e-pivotfieldlist-wrapper .e-member-editor-dialog .e-filter-sort .e-member-sort .e-sort-descend-icon {
   font-size: 16px;
 }
 
-.e-pivotfieldlist-wrapper .e-member-editor-dialog .e-filter-sort .e-member-sort:focus.e-active {
-  background-color: #adb5bd;
-  border-color: transparent;
-  color: rgba(206, 212, 218, 0.87);
-  outline: none;
-  color: #212529;
-}
-
 .e-pivotfieldlist-wrapper .e-member-editor-dialog .e-select-all-wrapper ul {
   margin-left: -22px;
   overflow: hidden;
@@ -1292,6 +1296,7 @@
   height: 14px;
   min-width: 14px;
   width: 14px;
+  height: auto;
 }
 
 .e-pivotfieldlist-wrapper .e-member-editor-dialog .e-filter-tab-wrapper .e-tab-header .e-text-wrap .e-tab-icon::before {
@@ -1410,8 +1415,8 @@
 }
 
 .e-pivotfieldlist-wrapper .e-value-field-settings {
-  max-width: 400px;
-  min-width: 300px;
+  max-width: 400px !important;
+  min-width: 300px !important;
 }
 
 .e-pivotfieldlist-wrapper .e-value-field-settings .e-dlg-content {
@@ -1480,7 +1485,7 @@
 .e-pivotfieldlist-wrapper .e-member-editor-dialog,
 .e-pivotfieldlist-wrapper .e-value-field-settings {
   border-radius: 4px;
-  width: auto;
+  width: auto !important;
 }
 
 .e-pivotfieldlist-wrapper .e-adaptive-field-list-dialog .e-dlg-header-content,
@@ -1549,8 +1554,8 @@
 
 .e-pivotfieldlist-container .e-adaptive-field-list-dialog,
 .e-pivotfieldlist-container .e-member-editor-dialog {
-  min-width: 320px;
-  max-width: 400px;
+  max-width: 400px !important;
+  min-width: 320px !important;
 }
 
 .e-pivotfieldlist-container .e-adaptive-field-list-dialog .e-member-prompt,
@@ -1671,23 +1676,11 @@
   margin-left: 10px;
 }
 
-.e-pivotfieldlist-container .e-member-editor-dialog .e-filter-sort .e-member-sort.e-active {
-  box-shadow: none !important;
-}
-
 .e-pivotfieldlist-container .e-member-editor-dialog .e-filter-sort .e-member-sort .e-sort-ascend-icon,
 .e-pivotfieldlist-container .e-member-editor-dialog .e-filter-sort .e-member-sort .e-sort-descend-icon {
   font-size: 16px;
 }
 
-.e-pivotfieldlist-container .e-member-editor-dialog .e-filter-sort .e-member-sort:focus.e-active {
-  background-color: #adb5bd;
-  border-color: transparent;
-  color: rgba(206, 212, 218, 0.87);
-  outline: none;
-  color: #212529;
-}
-
 .e-pivotfieldlist-container .e-member-editor-dialog .e-select-all-container ul {
   margin-left: -22px;
   overflow: hidden;
@@ -1702,7 +1695,7 @@
 }
 
 .e-pivotfieldlist-container .e-member-editor-dialog .e-filter-tab-container {
-  border: none;
+  border: 0;
 }
 
 .e-pivotfieldlist-container .e-member-editor-dialog .e-filter-tab-container .e-tab-header .e-toolbar-item .e-icon-left + .e-tab-text {
@@ -1713,6 +1706,7 @@
   height: 14px;
   min-width: 14px;
   width: 14px;
+  height: auto;
 }
 
 .e-pivotfieldlist-container .e-member-editor-dialog .e-filter-tab-container .e-tab-header .e-text-wrap .e-tab-icon::before {
@@ -1831,8 +1825,8 @@
 }
 
 .e-pivotfieldlist-container .e-value-field-settings {
-  max-width: 400px;
-  min-width: 300px;
+  max-width: 400px !important;
+  min-width: 300px !important;
 }
 
 .e-pivotfieldlist-container .e-value-field-settings .e-dlg-content {
@@ -1900,7 +1894,7 @@
 .e-pivotfieldlist-container .e-member-editor-dialog,
 .e-pivotfieldlist-container .e-value-field-settings {
   border-radius: 4px;
-  width: auto;
+  width: auto !important;
 }
 
 .e-pivotfieldlist-container .e-adaptive-field-list-dialog .e-dlg-header-content,
@@ -1972,14 +1966,18 @@
   background-color: #495057;
   border: 1px solid #495057;
   border-radius: 0;
-  box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.06), 0px 1px 3px rgba(0, 0, 0, 0.1);
-  height: 28px;
+  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.06), 0 1px 3px rgba(0, 0, 0, 0.1);
+  height: 32px;
+  line-height: 1.15em;
   min-width: 100px;
   padding: 5px 10px;
+  line-height: normal;
+  padding: 0 10px;
 }
 
 .e-field-list-tree.e-drag-item.e-treeview .e-text-content,
 .e-pivot-calc.e-drag-item.e-treeview .e-text-content {
+  height: 100%;
   padding: 0;
   text-align: center;
   width: 100%;
@@ -1991,6 +1989,9 @@
   font-size: 16px;
   line-height: 1em;
   width: 100%;
+  display: inline;
+  line-height: normal;
+  vertical-align: sub;
 }
 
 .e-field-list-tree.e-drag-item.e-treeview .e-text-content > .e-icons,
@@ -2067,7 +2068,7 @@
   background-color: #495057 !important;
   border: 1px solid #495057;
   border-radius: 0;
-  box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.06), 0px 1px 3px rgba(0, 0, 0, 0.1);
+  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.06), 0 1px 3px rgba(0, 0, 0, 0.1);
   color: #e9ecef;
   font-size: 16px;
   font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
@@ -2079,10 +2080,14 @@
   text-align: center;
   width: auto;
   z-index: 100000;
+  line-height: normal;
+  padding: 0 10px;
 }
 
 .e-button-drag-clone .e-text-content {
   width: 100%;
+  display: inline;
+  vertical-align: sub;
 }
 
 .e-bigger .e-button-drag-clone,
@@ -2090,26 +2095,13 @@
   height: 36px !important;
   line-height: 1.5em;
   padding: 6px 12px;
+  line-height: normal;
+  padding: 0 12px;
 }
 
 .e-pivot-error-dialog {
-  max-width: 400px;
-  width: auto;
-}
-
-.e-pivot-error-dialog .e-dlg-header-content,
-.e-pivot-error-dialog .e-footer-content {
-  border: 0;
-}
-
-.e-pivot-error-dialog .e-dlg-header {
-  font-weight: normal;
-  opacity: 0.87;
-}
-
-.e-pivot-error-dialog .e-dlg-content {
-  font-weight: normal;
-  opacity: 0.54;
+  max-width: 400px !important;
+  width: auto !important;
 }
 
 .e-bigger .e-pivotfieldlist-wrapper .e-adaptive-field-list-dialog .e-dlg-content .e-member-editor-wrapper .e-member-editor-container-outer-div,
@@ -2193,7 +2185,7 @@
 
 .e-bigger .e-pivotfieldlist-wrapper .e-member-editor-dialog .e-excelfilter .e-member-editor-container-outer-div,
 .e-bigger.e-pivotfieldlist-wrapper .e-member-editor-dialog .e-excelfilter .e-member-editor-container-outer-div {
-  height: 117px !important;
+  height: 117px;
 }
 
 .e-bigger .e-pivotfieldlist-wrapper .e-member-editor-dialog .e-label-filter,
@@ -2519,8 +2511,8 @@
 .e-pivotfieldlist .e-select-table {
   background-color: #343a40;
   border: 0.5px solid #495057;
-  box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.06), 0px 1px 3px rgba(0, 0, 0, 0.1);
-  color: rgba(255, 255, 255, 0.54);
+  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.06), 0 1px 3px rgba(0, 0, 0, 0.1);
+  color: #adb5bd;
   font-size: 17px;
   height: 31px;
   max-height: 31px;
@@ -2534,7 +2526,7 @@
 }
 
 .e-pivotfieldlist .e-select-table.e-fieldlist-left {
-  box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.06), 0px 1px 3px rgba(0, 0, 0, 0.1);
+  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.06), 0 1px 3px rgba(0, 0, 0, 0.1);
 }
 
 .e-pivotfieldlist .e-select-table:focus, .e-pivotfieldlist .e-select-table:active {
@@ -2562,19 +2554,31 @@
 .e-pivotfieldlist-wrapper {
   font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
   font-size: 14px;
-  max-width: 700px;
-  min-width: 300px;
+  max-width: 700px !important;
+  min-width: 300px !important;
 }
 
 .e-pivotfieldlist-wrapper .e-layout-footer {
+  display: -ms-flexbox;
+  display: flex;
   padding: 10px 2px 2px;
-  text-align: right;
 }
 
-.e-pivotfieldlist-wrapper .e-layout-footer .e-defer-apply-button {
+.e-pivotfieldlist-wrapper .e-layout-footer .e-button-layout {
+  -ms-flex: auto;
+      flex: auto;
+  text-align: end;
+}
+
+.e-pivotfieldlist-wrapper .e-layout-footer .e-button-layout .e-defer-apply-button {
   margin-right: 10px;
 }
 
+.e-pivotfieldlist-wrapper .e-layout-footer .e-button-layout .e-cancel-btn,
+.e-pivotfieldlist-wrapper .e-layout-footer .e-button-layout .e-defer-apply-button {
+  min-width: fit-content;
+}
+
 .e-pivotfieldlist-wrapper .e-layout-footer .e-cancel-btn,
 .e-pivotfieldlist-wrapper .e-layout-footer .e-defer-apply-button,
 .e-pivotfieldlist-wrapper .e-layout-footer .e-checkbox-layout {
@@ -2585,7 +2589,7 @@
 }
 
 .e-pivotfieldlist-wrapper .e-layout-footer .e-checkbox-layout .e-label {
-  white-space: nowrap;
+  padding-right: 10px;
 }
 
 .e-pivotfieldlist-wrapper .e-layout-footer .e-checkbox-layout {
@@ -2597,10 +2601,6 @@
   margin-top: 6px;
 }
 
-.e-pivotfieldlist-wrapper.e-rtl .e-layout-footer {
-  text-align: left;
-}
-
 .e-pivotfieldlist-wrapper.e-rtl .e-layout-footer .e-defer-apply-button {
   margin-left: 10px;
 }
@@ -2660,9 +2660,9 @@
 }
 
 .e-pivotfieldlist-wrapper .e-title-header .e-title-content {
-  font-size: 16px;
   -ms-flex: auto;
       flex: auto;
+  font-size: 16px;
 }
 
 .e-pivotfieldlist-wrapper .e-field-list-container {
@@ -2696,13 +2696,13 @@
   font-size: 14px;
   font-weight: normal;
   height: 28px;
+  line-height: 1.125em;
   overflow: hidden;
   padding: 6px 0 0 12px;
   text-align: left;
   text-overflow: ellipsis;
-  word-break: break-all;
-  line-height: 1.125em;
   text-transform: none;
+  word-break: break-all;
 }
 
 .e-pivotfieldlist-wrapper .e-field-list-container .e-field-table .e-field-header-wrapper {
@@ -2887,6 +2887,7 @@
   display: flex;
   height: 28px;
   padding: 2px 12px 5px;
+  border-radius: 3px 3px 0 0;
 }
 
 .e-pivotfieldlist-wrapper .e-field-list-container .e-axis-table .e-left-axis-fields .e-field-list-filters .e-axis-wrapper .e-axis-icon-wrapper,
@@ -2896,6 +2897,7 @@
   height: 20px;
   padding-top: 2px;
   width: 20px;
+  padding-left: 3px;
 }
 
 .e-pivotfieldlist-wrapper .e-field-list-container .e-axis-table .e-left-axis-fields .e-field-list-filters .e-axis-wrapper .e-axis-icon-wrapper .e-axis-rows,
@@ -2930,8 +2932,8 @@
   overflow: hidden;
   padding: 0 8px;
   text-overflow: ellipsis;
-  width: 100%;
   text-transform: none;
+  width: 100%;
   margin-top: 3px;
 }
 
@@ -3407,6 +3409,7 @@
   display: inline-block;
   height: 100%;
   width: 100%;
+  line-height: 1.5;
 }
 
 .e-pivotfieldlist-wrapper.e-static .e-field-list-container .e-field-table {
@@ -3453,7 +3456,8 @@
 .e-pivotfieldlist-wrapper.e-static .e-field-list-container .e-axis-table .e-left-axis-fields .e-field-list-rows .e-axis-wrapper .e-axis-icon-wrapper,
 .e-pivotfieldlist-wrapper.e-static .e-field-list-container .e-axis-table .e-right-axis-fields .e-field-list-columns .e-axis-wrapper .e-axis-icon-wrapper,
 .e-pivotfieldlist-wrapper.e-static .e-field-list-container .e-axis-table .e-right-axis-fields .e-field-list-values .e-axis-wrapper .e-axis-icon-wrapper {
-  padding-top: 4px;
+  padding-top: 2px;
+  padding-left: 3px;
 }
 
 .e-pivotfieldlist-wrapper.e-static.e-rtl .e-center-title {
@@ -3464,10 +3468,22 @@
   padding-left: 10px;
 }
 
+.e-pivotfieldlist-wrapper.e-static.e-rtl .e-axis-table .e-left-axis-fields .e-field-list-filters .e-axis-wrapper .e-axis-icon-wrapper,
+.e-pivotfieldlist-wrapper.e-static.e-rtl .e-axis-table .e-left-axis-fields .e-field-list-rows .e-axis-wrapper .e-axis-icon-wrapper {
+  padding-left: 0;
+  padding-right: 3px;
+}
+
 .e-pivotfieldlist-wrapper.e-static.e-rtl .e-axis-table .e-right-axis-fields {
   padding: 0;
 }
 
+.e-pivotfieldlist-wrapper.e-static.e-rtl .e-axis-table .e-right-axis-fields .e-field-list-columns .e-axis-wrapper .e-axis-icon-wrapper,
+.e-pivotfieldlist-wrapper.e-static.e-rtl .e-axis-table .e-right-axis-fields .e-field-list-values .e-axis-wrapper .e-axis-icon-wrapper {
+  padding-left: 0;
+  padding-right: 3px;
+}
+
 .e-pivotfieldlist-wrapper.e-device {
   height: 100%;
   max-height: 100% !important;
@@ -3478,7 +3494,7 @@
 
 .e-pivotfieldlist-wrapper.e-device .e-dlg-header-content {
   background-color: #343a40;
-  color: rgba(255, 255, 255, 0.87);
+  color: #ced4da;
   font-size: 14px;
   height: 48px;
   padding-bottom: 9px;
@@ -3488,7 +3504,7 @@
 .e-pivotfieldlist-wrapper.e-device .e-adaptive-field-list-dialog .e-dlg-header-content,
 .e-pivotfieldlist-wrapper.e-device .e-member-editor-dialog .e-dlg-header-content {
   background-color: transparent;
-  color: rgba(255, 255, 255, 0.87);
+  color: #ced4da;
 }
 
 .e-pivotfieldlist-wrapper.e-device .e-title-mobile-header {
@@ -3501,7 +3517,7 @@
 }
 
 .e-pivotfieldlist-wrapper.e-device .e-field-list-back-icon {
-  color: rgba(255, 255, 255, 0.54);
+  color: #adb5bd;
   font-size: 16px;
   height: 24px;
   margin-left: 0;
@@ -4051,14 +4067,26 @@
 }
 
 .e-pivotfieldlist-container .e-layout-footer {
+  display: -ms-flexbox;
+  display: flex;
   padding: 10px 2px 2px;
-  text-align: right;
 }
 
-.e-pivotfieldlist-container .e-layout-footer .e-defer-apply-button {
+.e-pivotfieldlist-container .e-layout-footer .e-button-layout {
+  -ms-flex: auto;
+      flex: auto;
+  text-align: end;
+}
+
+.e-pivotfieldlist-container .e-layout-footer .e-button-layout .e-defer-apply-button {
   margin-right: 10px;
 }
 
+.e-pivotfieldlist-container .e-layout-footer .e-button-layout .e-cancel-btn,
+.e-pivotfieldlist-container .e-layout-footer .e-button-layout .e-defer-apply-button {
+  min-width: fit-content;
+}
+
 .e-pivotfieldlist-container .e-layout-footer .e-cancel-btn,
 .e-pivotfieldlist-container .e-layout-footer .e-defer-apply-button,
 .e-pivotfieldlist-container .e-layout-footer .e-checkbox-layout {
@@ -4069,7 +4097,7 @@
 }
 
 .e-pivotfieldlist-container .e-layout-footer .e-checkbox-layout .e-label {
-  white-space: nowrap;
+  padding-right: 10px;
 }
 
 .e-pivotfieldlist-container .e-layout-footer .e-checkbox-layout {
@@ -4081,10 +4109,6 @@
   margin-top: 6px;
 }
 
-.e-pivotfieldlist-container.e-rtl .e-layout-footer {
-  text-align: left;
-}
-
 .e-pivotfieldlist-container.e-rtl .e-layout-footer .e-defer-apply-button {
   margin-left: 10px;
 }
@@ -4411,8 +4435,8 @@
   overflow: hidden;
   padding: 0 8px;
   text-overflow: ellipsis;
-  width: 100%;
   text-transform: none;
+  width: 100%;
   margin-top: 4px;
 }
 
@@ -4934,7 +4958,7 @@
 .e-pivotfieldlist-container.e-static .e-field-list-container .e-axis-table .e-left-axis-fields .e-field-list-rows .e-axis-container .e-axis-icon-container,
 .e-pivotfieldlist-container.e-static .e-field-list-container .e-axis-table .e-right-axis-fields .e-field-list-columns .e-axis-container .e-axis-icon-container,
 .e-pivotfieldlist-container.e-static .e-field-list-container .e-axis-table .e-right-axis-fields .e-field-list-values .e-axis-container .e-axis-icon-container {
-  padding-top: 4px;
+  padding-top: 2px;
 }
 
 .e-pivotfieldlist-container.e-static.e-rtl .e-center-title {
@@ -4959,7 +4983,7 @@
 
 .e-pivotfieldlist-container.e-device .e-dlg-header-content {
   background-color: #343a40;
-  color: rgba(255, 255, 255, 0.87);
+  color: #ced4da;
   font-size: 14px;
   height: 48px;
   padding-bottom: 9px;
@@ -4969,7 +4993,7 @@
 .e-pivotfieldlist-container.e-device .e-adaptive-field-list-dialog .e-dlg-header-content,
 .e-pivotfieldlist-container.e-device .e-member-editor-dialog .e-dlg-header-content {
   background-color: transparent;
-  color: rgba(255, 255, 255, 0.87);
+  color: #ced4da;
 }
 
 .e-pivotfieldlist-container.e-device .e-title-mobile-header {
@@ -4982,7 +5006,7 @@
 }
 
 .e-pivotfieldlist-container.e-device .e-field-list-back-icon {
-  color: rgba(255, 255, 255, 0.54);
+  color: #adb5bd;
   font-size: 16px;
   height: 24px;
   margin-left: 0;
@@ -5067,8 +5091,8 @@
   padding: 9px 16px;
   text-transform: none;
   width: 100%;
-  color: #fff !important;
-  background-color: #212529 !important;
+  background-color: #212529;
+  color: #fff;
 }
 
 .e-pivotfieldlist-container.e-device .e-adaptive-container .e-content .e-field-list-filters .e-pvt-btn-div .e-pivot-button.e-list-selected,
@@ -5639,6 +5663,7 @@
   height: 24px;
   padding-top: 7px;
   width: 24px;
+  padding-left: 4px;
 }
 
 .e-bigger .e-pivotfieldlist-wrapper .e-axis-table .e-left-axis-fields .e-field-list-filters .e-axis-wrapper .e-axis-icon-wrapper .e-axis-rows,
@@ -5835,6 +5860,7 @@
 .e-bigger.e-pivotfieldlist-wrapper.e-static .e-field-list-container .e-axis-table .e-right-axis-fields .e-field-list-columns .e-axis-wrapper .e-axis-icon-wrapper,
 .e-bigger.e-pivotfieldlist-wrapper.e-static .e-field-list-container .e-axis-table .e-right-axis-fields .e-field-list-values .e-axis-wrapper .e-axis-icon-wrapper {
   padding-top: 7px;
+  padding-left: 4px;
 }
 
 .e-bigger .e-pivotfieldlist-wrapper.e-static.e-rtl .e-axis-table .e-left-axis-fields,
@@ -5842,11 +5868,27 @@
   padding-left: 16px;
 }
 
+.e-bigger .e-pivotfieldlist-wrapper.e-static.e-rtl .e-axis-table .e-left-axis-fields .e-field-list-filters .e-axis-wrapper .e-axis-icon-wrapper,
+.e-bigger .e-pivotfieldlist-wrapper.e-static.e-rtl .e-axis-table .e-left-axis-fields .e-field-list-rows .e-axis-wrapper .e-axis-icon-wrapper,
+.e-bigger.e-pivotfieldlist-wrapper.e-static.e-rtl .e-axis-table .e-left-axis-fields .e-field-list-filters .e-axis-wrapper .e-axis-icon-wrapper,
+.e-bigger.e-pivotfieldlist-wrapper.e-static.e-rtl .e-axis-table .e-left-axis-fields .e-field-list-rows .e-axis-wrapper .e-axis-icon-wrapper {
+  padding-left: 0;
+  padding-right: 4px;
+}
+
 .e-bigger .e-pivotfieldlist-wrapper.e-static.e-rtl .e-axis-table .e-right-axis-fields,
 .e-bigger.e-pivotfieldlist-wrapper.e-static.e-rtl .e-axis-table .e-right-axis-fields {
   padding: 0 !important;
 }
 
+.e-bigger .e-pivotfieldlist-wrapper.e-static.e-rtl .e-axis-table .e-right-axis-fields .e-field-list-columns .e-axis-wrapper .e-axis-icon-wrapper,
+.e-bigger .e-pivotfieldlist-wrapper.e-static.e-rtl .e-axis-table .e-right-axis-fields .e-field-list-values .e-axis-wrapper .e-axis-icon-wrapper,
+.e-bigger.e-pivotfieldlist-wrapper.e-static.e-rtl .e-axis-table .e-right-axis-fields .e-field-list-columns .e-axis-wrapper .e-axis-icon-wrapper,
+.e-bigger.e-pivotfieldlist-wrapper.e-static.e-rtl .e-axis-table .e-right-axis-fields .e-field-list-values .e-axis-wrapper .e-axis-icon-wrapper {
+  padding-left: 0 !important;
+  padding-right: 4px !important;
+}
+
 .e-bigger .e-pivotfieldlist-wrapper.e-rtl .e-field-table .e-field-list,
 .e-bigger.e-pivotfieldlist-wrapper.e-rtl .e-field-table .e-field-list {
   padding-left: 0;