@syncfusion/ej2-vue-pivotview 19.3.57 → 19.4.38

package/styles/tailwind-dark.css

@@ -1,8 +1,6 @@
 @import url("https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap");
 /*! component's theme wise override definitions and variables */
 /*! component's common definitions and variables */
-/*! component's theme wise override definitions and variables */
-/*! component's common definitions and variables */
 @import url("https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap");
 .e-pivotview .e-expand::before {
   content: '\e707';
@@ -187,17 +185,18 @@
 .e-pivotview .e-group-field-settings {
   max-height: 450px !important;
   border-radius: 4px;
-  max-width: 400px;
-  width: auto;
+  max-width: 400px !important;
+  width: auto !important;
 }
 
 .e-pivotview .e-pivot-format-dialog {
   border-radius: 4px;
-  max-width: 400px;
-  width: auto;
+  max-width: 400px !important;
+  width: auto !important;
 }
 
-.e-pivotview .e-value-field-settings .e-field-name-text-wrapper, .e-pivotview .e-value-field-settings .e-field-name-text-container {
+.e-pivotview .e-value-field-settings .e-field-name-text-wrapper,
+.e-pivotview .e-value-field-settings .e-field-name-text-container {
   display: -ms-flexbox;
   display: flex;
 }
@@ -212,9 +211,9 @@
 .e-pivotview .e-value-field-settings .e-field-name-content {
   -ms-flex: auto;
       flex: auto;
-  width: 100%;
   font-size: 13px;
   font-weight: 500;
+  width: 100%;
 }
 
 .e-pivotview .e-value-field-settings .e-caption-input-wrapper,
@@ -311,13 +310,6 @@
   font-size: 16px;
 }
 
-.e-pivotview .e-member-editor-dialog .e-filter-sort .e-member-sort:focus.e-active {
-  background-color: #232e3e;
-  border-color: transparent;
-  color: #d1d5db;
-  outline: none;
-}
-
 .e-pivotview .e-member-editor-dialog .e-member-prompt {
   padding: 15px 12px;
   text-align: center;
@@ -442,6 +434,7 @@
   height: 14px;
   min-width: 14px;
   width: 14px;
+  height: auto;
 }
 
 .e-pivotview .e-member-editor-dialog .e-filter-tab-wrapper .e-tab-header .e-text-wrap .e-tab-icon::before,
@@ -460,7 +453,7 @@
 
 .e-pivotview .e-member-editor-dialog .e-clear-filter-button {
   float: left;
-  margin-left: -10px;
+  margin: 0;
 }
 
 .e-pivotview .e-member-editor-dialog .e-clear-filter-button.e-disable {
@@ -506,7 +499,7 @@
 
 .e-pivotview .e-member-editor-dialog.e-rtl .e-footer-content .e-clear-filter-button {
   float: right;
-  margin-right: -10px;
+  margin: 0;
 }
 
 .e-pivotview .e-member-editor-dialog.e-olap-editor-dialog .e-member-editor-wrapper .e-select-all-wrapper ul,
@@ -573,9 +566,9 @@
 .e-pivotview .e-member-editor-dialog .e-footer-content,
 .e-pivotview .e-pivot-format-dialog .e-footer-content,
 .e-pivotview .e-group-field-settings .e-footer-content {
-  border-radius: 4px;
   border-top-left-radius: 0;
   border-top-right-radius: 0;
+  border-radius: 4px;
   padding-bottom: 8px;
   padding-top: 8px;
 }
@@ -641,7 +634,7 @@
 }
 
 .e-pivotview .e-pivotchart-type-dialog {
-  max-width: 350px;
+  max-width: 350px !important;
   max-height: 380px !important;
 }
 
@@ -673,8 +666,8 @@
 }
 
 .e-pivotview .e-pivot-format-dialog {
-  max-height: 500px !important;
-  max-width: 350px;
+  max-height: 550px !important;
+  max-width: 350px !important;
 }
 
 .e-pivotview .e-pivot-format-dialog .e-pivot-format-dialog-outer {
@@ -700,6 +693,7 @@
 }
 
 .e-pivotview .e-pivot-toolbar {
+  background: #232e3e;
   border-bottom: 0;
   border-style: solid;
   border-top: 1px solid #4b5563;
@@ -707,6 +701,10 @@
   border-right: 1px solid #4b5563;
 }
 
+.e-pivotview .e-pivot-toolbar .e-toolbar-items {
+  background: #232e3e;
+}
+
 .e-pivotview .e-pivot-toolbar .e-toolbar-item .e-tbar-btn.e-btn .e-icons.e-btn-icon {
   font-size: 16px;
 }
@@ -719,7 +717,6 @@
 
 .e-pivotview .e-pivot-toolbar .e-menu-wrapper ul .e-menu-item,
 .e-pivotview .e-pivot-toolbar .e-menu-container ul .e-menu-item {
-  height: 32px;
   overflow: hidden;
   padding-left: 10px;
 }
@@ -729,6 +726,12 @@
   margin-left: 0;
   margin-right: 0;
   font-size: 16px;
+  line-height: 40px;
+}
+
+.e-pivotview .e-pivot-toolbar .e-menu-wrapper ul .e-menu-item .e-caret,
+.e-pivotview .e-pivot-toolbar .e-menu-container ul .e-menu-item .e-caret {
+  line-height: 40px;
 }
 
 .e-pivotview .e-pivot-toolbar .e-toolbar-item.e-template {
@@ -772,7 +775,7 @@
 }
 
 .e-pivotview-report-dialog {
-  max-width: 350px;
+  max-width: 350px !important;
 }
 
 .e-mdx-query-content {
@@ -788,7 +791,7 @@
 }
 
 .e-pivotview-mdx-dialog {
-  max-width: 500px;
+  max-width: 500px !important;
 }
 
 .e-report-outer {
@@ -841,7 +844,6 @@
 
 .e-drillthrough-dialog .e-drillthrough-body-header-value {
   color: #9ca3af;
-  margin-left: 10px;
   margin-right: 20px;
 }
 
@@ -853,11 +855,18 @@
   flex-wrap: wrap;
 }
 
-.e-bigger .e-pivotview .e-pivot-toolbar .e-menu-wrapper ul .e-menu-item,
-.e-bigger .e-pivotview .e-pivot-toolbar .e-menu-container ul .e-menu-item,
-.e-bigger.e-pivotview .e-pivot-toolbar .e-menu-wrapper ul .e-menu-item,
-.e-bigger.e-pivotview .e-pivot-toolbar .e-menu-container ul .e-menu-item {
-  height: 42px;
+.e-bigger .e-pivotview .e-pivot-toolbar .e-menu-wrapper ul .e-menu-item .e-menu-icon,
+.e-bigger .e-pivotview .e-pivot-toolbar .e-menu-container ul .e-menu-item .e-menu-icon,
+.e-bigger.e-pivotview .e-pivot-toolbar .e-menu-wrapper ul .e-menu-item .e-menu-icon,
+.e-bigger.e-pivotview .e-pivot-toolbar .e-menu-container ul .e-menu-item .e-menu-icon {
+  line-height: 50px;
+}
+
+.e-bigger .e-pivotview .e-pivot-toolbar .e-menu-wrapper ul .e-menu-item .e-caret,
+.e-bigger .e-pivotview .e-pivot-toolbar .e-menu-container ul .e-menu-item .e-caret,
+.e-bigger.e-pivotview .e-pivot-toolbar .e-menu-wrapper ul .e-menu-item .e-caret,
+.e-bigger.e-pivotview .e-pivot-toolbar .e-menu-container ul .e-menu-item .e-caret {
+  line-height: 50px;
 }
 
 .e-bigger .e-pivotview .e-member-editor-dialog .e-dlg-content .e-member-editor-wrapper .e-member-editor-container-outer-div,
@@ -1016,7 +1025,8 @@
   padding-top: 16px;
 }
 
-.e-bigger .e-pivotview .e-value-field-settings .e-field-name-text-wrapper, .e-bigger .e-pivotview .e-value-field-settings .e-field-name-text-container,
+.e-bigger .e-pivotview .e-value-field-settings .e-field-name-text-wrapper,
+.e-bigger .e-pivotview .e-value-field-settings .e-field-name-text-container,
 .e-bigger.e-pivotview .e-value-field-settings .e-field-name-text-wrapper,
 .e-bigger.e-pivotview .e-value-field-settings .e-field-name-text-container {
   display: -ms-flexbox;
@@ -1028,7 +1038,6 @@
 .e-bigger.e-pivotview .e-value-field-settings .e-field-name-title,
 .e-bigger.e-pivotview .e-value-field-settings .e-field-name-content {
   font-size: 14px;
-  font-size: 13px;
   font-weight: 500;
 }
 
@@ -1094,7 +1103,6 @@
 
 .e-pivotview .e-rowsheader .e-cellvalue {
   margin-left: 10px;
-  vertical-align: super !important;
 }
 
 .e-pivotview .e-valuescontent {
@@ -1138,6 +1146,7 @@
 .e-pivotview .e-rowsheader .e-cellvalue {
   margin-left: 8px;
   margin-top: 5px;
+  vertical-align: middle;
 }
 
 .e-pivotview .e-pivot-conditional-empty-format {
@@ -1217,6 +1226,7 @@
 
 .e-pivotview div.e-cellvalue {
   margin-top: 5px;
+  margin-top: 2px;
 }
 
 .e-pivotview .e-sortfilterdiv {
@@ -1226,11 +1236,9 @@
 
 .e-pivotview .e-sortfilterdiv.e-value-sort-icon {
   margin: 0px !important;
-  padding-bottom: 10px !important;
-  padding-top: 10px !important;
-  margin: -28px -5px !important;
-  padding-bottom: 30px !important;
-  padding-top: 30px !important;
+  padding: 2px 4px !important;
+  padding-bottom: 0px !important;
+  padding-top: 0px !important;
 }
 
 .e-pivotview .e-rowsheader .e-sortfilterdiv {
@@ -1241,10 +1249,6 @@
   border: 1px solid #4b5563;
 }
 
-.e-pivotview .e-pivotchart.e-ltr {
-  direction: ltr;
-}
-
 .e-pivotview .e-grid .e-columnheader.e-wrap .e-sortfilterdiv,
 .e-pivotview .e-grid.e-wrap .e-columnheader .e-sortfilterdiv {
   margin: -18px !important;
@@ -1270,12 +1274,28 @@
   color: #d1d5db !important;
 }
 
+.e-pivotview .sf-grid.e-responsive .e-stackedheadercelldiv .e-stackedheadertext,
+.e-pivotview .sf-grid.e-responsive .e-headercelldiv .e-headertext {
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+
 .e-pivotview .e-grid .e-headercelldiv,
 .e-pivotview .e-grid .e-columnsheader {
   padding-left: 8px !important;
   text-transform: none;
 }
 
+.e-pivotview .sf-grid .e-headercelldiv,
+.e-pivotview .sf-grid .e-columnsheader {
+  padding-right: 8px !important;
+}
+
+.e-pivotview .sf-grid .e-headercelldiv,
+.e-pivotview .sf-grid .e-stackedheadercelldiv {
+  line-height: normal;
+}
+
 .e-pivotview .e-frozenheader > .e-table,
 .e-pivotview .e-frozencontent > .e-table {
   border-left-color: #4b5563 !important;
@@ -1284,22 +1304,23 @@
   border-right-width: 1px;
 }
 
+.e-pivotview .e-stackedheadercelldiv {
+  display: block;
+}
+
+.e-pivotview .e-stackedheadertext.e-cellvalue,
 .e-pivotview .e-stackedheadercelldiv.e-cellvalue {
   padding-left: 8px !important;
   margin-top: 5px;
   margin-top: 2px;
 }
 
-.e-pivotview .e-stackedheadertext.e-cellvalue {
-  margin-top: 3px;
-  padding-left: 8px !important;
-}
-
 .e-pivotview .e-stackedheadercelldiv {
   padding: 0 0 0 1px !important;
 }
 
 .e-pivotview .e-stackedheadercelldiv,
+.e-pivotview .e-stackedheadertext,
 .e-pivotview .e-headertext,
 .e-pivotview .e-rowsheader .e-cellvalue {
   color: #9ca3af;
@@ -1308,6 +1329,7 @@
 }
 
 .e-pivotview .e-stackedheadercelldiv .e-hyperlinkcell,
+.e-pivotview .e-stackedheadertext .e-hyperlinkcell,
 .e-pivotview .e-headertext .e-hyperlinkcell,
 .e-pivotview .e-rowsheader .e-cellvalue .e-hyperlinkcell {
   cursor: pointer;
@@ -1408,7 +1430,6 @@
 .e-pivotview .e-group-rows,
 .e-pivotview .e-group-all-fields {
   background: #232e3e;
-  vertical-align: top;
   display: inline-table;
   -ms-flex: auto;
       flex: auto;
@@ -1417,6 +1438,7 @@
   overflow: hidden;
   padding-left: 8px;
   scroll-behavior: smooth;
+  vertical-align: top;
 }
 
 .e-pivotview .e-group-values.e-drag-restrict,
@@ -1441,6 +1463,8 @@
   position: relative;
   text-align: center;
   vertical-align: middle;
+  font-size: 14px;
+  font-weight: normal;
 }
 
 .e-pivotview .e-grouping-bar .e-pvt-btn-div,
@@ -1513,7 +1537,7 @@
 .e-pivotview .e-group-rows .e-pivot-button:hover .e-pv-filtered,
 .e-pivotview .e-group-rows .e-pivot-button:hover .e-remove,
 .e-pivotview .e-group-rows .e-pivot-button:hover .e-edit {
-  color: #d1d5db !important;
+  color: #d1d5db;
 }
 
 .e-pivotview .e-grouping-bar .e-pivot-button.e-btn-focused,
@@ -1534,7 +1558,7 @@
 .e-pivotview .e-group-rows .e-pivot-button.e-btn-focused .e-pv-filtered,
 .e-pivotview .e-group-rows .e-pivot-button.e-btn-focused .e-remove,
 .e-pivotview .e-group-rows .e-pivot-button.e-btn-focused .e-edit {
-  color: #d1d5db !important;
+  color: #d1d5db;
 }
 
 .e-pivotview .e-grouping-bar .e-pivot-button:focus, .e-pivotview .e-grouping-bar .e-pivot-button:active,
@@ -1567,7 +1591,7 @@
 .e-pivotview .e-group-rows .e-pivot-button:active .e-pv-filtered,
 .e-pivotview .e-group-rows .e-pivot-button:active .e-remove,
 .e-pivotview .e-group-rows .e-pivot-button:active .e-edit {
-  color: #d1d5db !important;
+  color: #d1d5db;
 }
 
 .e-pivotview .e-grouping-bar .e-pivot-button .e-content,
@@ -1590,7 +1614,7 @@
 
 .e-pivotview .e-grouping-bar .e-pivot-button .e-draggable,
 .e-pivotview .e-group-rows .e-pivot-button .e-draggable {
-  height: initial;
+  height: initial !important;
 }
 
 .e-pivotview .e-grouping-bar .e-pivot-button .e-drag,
@@ -1610,7 +1634,7 @@
 .e-pivotview .e-group-rows .e-pivot-button .e-pv-filtered,
 .e-pivotview .e-group-rows .e-pivot-button .e-remove,
 .e-pivotview .e-group-rows .e-pivot-button .e-edit {
-  color: #d1d5db !important;
+  color: #d1d5db;
   cursor: pointer;
   display: inline-block;
   font-size: 12px;
@@ -1631,7 +1655,7 @@
 .e-pivotview .e-group-rows .e-pivot-button .e-pv-filtered:hover,
 .e-pivotview .e-group-rows .e-pivot-button .e-remove:hover,
 .e-pivotview .e-group-rows .e-pivot-button .e-edit:hover {
-  color: #d1d5db !important;
+  color: #d1d5db;
 }
 
 .e-pivotview .e-grouping-bar .e-pivot-button .e-sort.e-disable,
@@ -1846,7 +1870,7 @@
   padding-bottom: 7px;
 }
 
-.e-pivotview .e-icons:not(.e-frame) {
+.e-pivotview .e-icons:not(.e-frame):not(.e-btn-icon):not(.e-sort):not(.e-dropdown-icon):not(.e-pv-filter):not(.e-pv-filtered):not(.e-remove):not(.e-edit):not(.e-drag) {
   height: auto;
   width: auto;
 }
@@ -1864,6 +1888,7 @@
   text-align: center;
   width: 18px;
   margin-top: 0;
+  vertical-align: middle;
 }
 
 .e-pivotview th .e-expand,
@@ -1871,8 +1896,7 @@
   float: left;
   font-size: 10px !important;
   margin-left: 0px;
-  margin-top: 8px;
-  margin-top: 2px !important;
+  margin-top: 1px;
 }
 
 .e-pivotview .e-expand::before {
@@ -2038,7 +2062,7 @@
 }
 
 .e-pivottooltip {
-  border-radius: 2px;
+  border-radius: 4px;
   padding: 3px 4px;
 }
 
@@ -2121,14 +2145,23 @@
 }
 
 .e-bigger .e-pivotview .e-stackedheadercelldiv,
+.e-bigger .e-pivotview .e-stackedheadertext,
 .e-bigger .e-pivotview .e-headertext,
 .e-bigger .e-pivotview .e-rowsheader .e-cellvalue,
 .e-bigger.e-pivotview .e-stackedheadercelldiv,
+.e-bigger.e-pivotview .e-stackedheadertext,
 .e-bigger.e-pivotview .e-headertext,
 .e-bigger.e-pivotview .e-rowsheader .e-cellvalue {
   font-size: 14px !important;
 }
 
+.e-bigger .e-pivotview th .e-expand,
+.e-bigger .e-pivotview th .e-collapse,
+.e-bigger.e-pivotview th .e-expand,
+.e-bigger.e-pivotview th .e-collapse {
+  margin-top: 1px;
+}
+
 .e-bigger .e-pivotview .e-grouping-bar .e-all-fields-axis,
 .e-bigger.e-pivotview .e-grouping-bar .e-all-fields-axis {
   height: 36px !important;
@@ -2204,6 +2237,19 @@
   padding-left: 10px;
 }
 
+.e-bigger .e-pivotview .e-grouping-bar .e-group-filters .e-draggable-prompt,
+.e-bigger .e-pivotview .e-grouping-bar .e-group-values .e-draggable-prompt,
+.e-bigger .e-pivotview .e-grouping-bar .e-group-columns .e-draggable-prompt,
+.e-bigger .e-pivotview .e-grouping-bar .e-group-rows .e-draggable-prompt,
+.e-bigger .e-pivotview .e-grouping-bar .e-group-all-fields .e-draggable-prompt,
+.e-bigger.e-pivotview .e-grouping-bar .e-group-filters .e-draggable-prompt,
+.e-bigger.e-pivotview .e-grouping-bar .e-group-values .e-draggable-prompt,
+.e-bigger.e-pivotview .e-grouping-bar .e-group-columns .e-draggable-prompt,
+.e-bigger.e-pivotview .e-grouping-bar .e-group-rows .e-draggable-prompt,
+.e-bigger.e-pivotview .e-grouping-bar .e-group-all-fields .e-draggable-prompt {
+  font-size: 16px;
+}
+
 .e-bigger .e-pivotview .e-grouping-bar .e-group-values,
 .e-bigger.e-pivotview .e-grouping-bar .e-group-values {
   height: 100%;
@@ -2309,9 +2355,11 @@
 }
 
 .e-bigger .e-pivotview .e-stackedheadercelldiv,
+.e-bigger .e-pivotview .e-stackedheadertext,
 .e-bigger .e-pivotview .e-headertext,
 .e-bigger .e-pivotview .e-rowsheader .e-cellvalue,
 .e-bigger.e-pivotview .e-stackedheadercelldiv,
+.e-bigger.e-pivotview .e-stackedheadertext,
 .e-bigger.e-pivotview .e-headertext,
 .e-bigger.e-pivotview .e-rowsheader .e-cellvalue {
   color: #9ca3af !important;
@@ -2887,6 +2935,18 @@
   width: 14px;
 }
 
+.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 #4b5563;
@@ -3064,12 +3124,14 @@
 .e-pivot-calc-dialog-div .e-olap-member-title {
   color: #d1d5db;
   font-size: 12px;
+  margin-bottom: 4px;
   margin-top: 15px;
   overflow: hidden;
   padding: 4px 0;
   padding-bottom: 0;
   text-overflow: ellipsis;
   white-space: nowrap;
+  padding: 0;
 }
 
 .e-pivot-calc-dialog-div .e-treeview .e-sibling {
@@ -3092,6 +3154,10 @@
   font-family: Inter;
 }
 
+.e-pivot-calc-dialog-div .e-treeview ul li:not(.e-active) .e-list-icon {
+  color: #d1d5db;
+}
+
 .e-pivot-calc-dialog-div .e-treeview ul li .e-list-icon {
   color: #d1d5db;
   margin: 0;
@@ -3107,6 +3173,10 @@
   padding: 0;
 }
 
+.e-pivot-calc-dialog-div .e-treeview ul .e-list-item .e-text-content .e-list-text {
+  line-height: 31px;
+}
+
 .e-pivot-calc-dialog-div .e-treeview .e-list-item div.e-icons {
   cursor: pointer;
   font-size: 18px;
@@ -3115,6 +3185,8 @@
   padding: 2px 4px 4px;
   pointer-events: auto;
   width: 24px;
+  height: 20px;
+  width: 20px;
 }
 
 .e-pivot-calc-dialog-div .e-treeview .e-list-item div.e-icons.e-format {
@@ -3132,6 +3204,12 @@
   padding: 2px 4px 4px;
   pointer-events: auto;
   width: 24px;
+  height: 20px;
+  width: 20px;
+}
+
+.e-pivot-calc-dialog-div .e-treeview .e-list-item:not(.e-active) span.e-icons {
+  color: #6b7280;
 }
 
 .e-pivot-calc-dialog-div .e-treeview .e-list-item span.e-icons {
@@ -3141,10 +3219,16 @@
   font-size: 18px;
   height: 24px;
   margin-right: 4px;
-  margin-top: 4px;
-  padding: 5px;
   pointer-events: auto;
   width: 24px;
+  height: 20px;
+  margin-top: 0;
+  padding: 0 5px;
+  width: 20px;
+}
+
+.e-pivot-calc-dialog-div .e-treeview .e-list-item.e-active span.e-icons {
+  color: #d1d5db;
 }
 
 .e-pivot-calc-dialog-div .e-dlg-header {
@@ -3176,9 +3260,9 @@
   padding: 5px;
   width: 24px;
   float: left;
-  margin-right: 0;
   margin-left: 12px;
-  padding-top: 0 !important;
+  margin-right: 0;
+  padding-top: 0;
 }
 
 .e-pivot-calc-dialog-div.e-rtl .e-treeview .e-list-item div.e-edit.e-icons,
@@ -3228,7 +3312,6 @@
   color: #fff;
   font-size: 13px;
   height: 70px;
-  margin-top: 5px;
   padding: 5px 10px;
   resize: none;
   width: 100%;
@@ -3252,7 +3335,6 @@
   border: 1px solid #4b5563;
   border-radius: 4px;
   height: 120px;
-  margin-top: 5px;
   overflow: auto;
 }
 
@@ -3470,6 +3552,7 @@
   font-size: 14px;
   padding: 6px 0;
   padding-bottom: 0;
+  padding: 0;
 }
 
 .e-bigger.e-pivot-calc-dialog-div .e-treeview ul li,
@@ -3485,6 +3568,7 @@
 .e-bigger.e-pivot-calc-dialog-div .e-treeview .e-list-item span.e-icons,
 .e-bigger .e-pivot-calc-dialog-div .e-treeview .e-list-item span.e-icons {
   font-size: 22px;
+  vertical-align: sub;
 }
 
 .e-bigger.e-pivot-calc-dialog-div .e-pivot-formula,
@@ -3544,8 +3628,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,
@@ -3666,10 +3750,6 @@
 }
 
 .e-pivotfieldlist-wrapper .e-member-editor-dialog .e-filter-sort .e-member-sort:focus.e-active {
-  background-color: #d1d5db;
-  border-color: transparent;
-  color: #d1d5db;
-  outline: none;
   background-color: #4b5563 !important;
   color: #d1d5db !important;
 }
@@ -3699,6 +3779,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 {
@@ -3820,8 +3901,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 {
@@ -3890,7 +3971,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,
@@ -3960,8 +4041,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,
@@ -4087,15 +4168,6 @@
   font-size: 16px;
 }
 
-.e-pivotfieldlist-container .e-member-editor-dialog .e-filter-sort .e-member-sort:focus.e-active {
-  background-color: #d1d5db;
-  border-color: transparent;
-  color: #d1d5db;
-  outline: none;
-  background-color: #4b5563 !important;
-  color: #d1d5db;
-}
-
 .e-pivotfieldlist-container .e-member-editor-dialog .e-select-all-container ul {
   margin-left: -22px;
   overflow: hidden;
@@ -4110,7 +4182,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 {
@@ -4121,6 +4193,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 {
@@ -4242,8 +4315,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 {
@@ -4312,7 +4385,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,
@@ -4385,14 +4458,18 @@
   background-color: #4b5563;
   border: 1px solid #4b5563;
   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.5em;
   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%;
@@ -4404,6 +4481,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,
@@ -4480,7 +4560,7 @@
   background-color: #4b5563 !important;
   border: 1px solid #4b5563;
   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: #d1d5db;
   font-size: 16px;
   font-family: Inter;
@@ -4492,10 +4572,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,
@@ -4503,26 +4587,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,
@@ -4611,7 +4682,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: 91px !important;
+  height: 91px;
 }
 
 .e-bigger .e-pivotfieldlist-wrapper .e-member-editor-dialog .e-label-filter,
@@ -4942,22 +5013,22 @@
 .e-pivotfieldlist .e-select-table {
   background-color: #374151;
   border: 0.5px solid #4b5563;
-  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: rgba(255, 255, 255, 0.54);
   font-size: 17px;
-  height: 31px;
-  max-height: 31px;
-  max-width: 31px;
-  min-height: 31px;
-  min-width: 31px;
+  height: 40px;
+  max-height: 40px;
+  max-width: 40px;
+  min-height: 40px;
+  min-width: 40px;
   padding: 8px;
   position: relative;
-  width: 31px;
+  width: 40px;
   z-index: 1000;
 }
 
 .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 {
@@ -4985,8 +5056,8 @@
 .e-pivotfieldlist-wrapper {
   font-family: Inter;
   font-size: 14px;
-  max-width: 700px;
-  min-width: 300px;
+  max-width: 700px !important;
+  min-width: 300px !important;
 }
 
 .e-pivotfieldlist-wrapper .e-layout-footer {
@@ -5018,8 +5089,8 @@
 .e-pivotfieldlist-wrapper .e-checkbox-layout {
   float: left;
   margin-top: 6px;
-  margin: 0;
-  padding: 5px;
+  margin-left: 0 !important;
+  margin-right: 0 !important;
 }
 
 .e-pivotfieldlist-wrapper.e-rtl .e-layout-footer {
@@ -5077,10 +5148,10 @@
 }
 
 .e-pivotfieldlist-wrapper .e-title-header .e-title-content {
-  font-size: 16px;
-  line-height: 1.5em;
   -ms-flex: auto;
       flex: auto;
+  font-size: 16px;
+  line-height: 1.5em;
 }
 
 .e-pivotfieldlist-wrapper .e-field-list-container {
@@ -5114,13 +5185,13 @@
   font-size: 12px;
   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: uppercase;
+  word-break: break-all;
 }
 
 .e-pivotfieldlist-wrapper .e-field-list-container .e-field-table .e-field-header-wrapper {
@@ -5306,7 +5377,8 @@
   display: flex;
   height: 28px;
   padding: 2px 12px 5px;
-  padding: 5px 12px 5px;
+  padding: 5px 12px;
+  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,
@@ -5316,6 +5388,7 @@
   height: 20px;
   padding-top: 0;
   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,
@@ -5350,8 +5423,8 @@
   overflow: hidden;
   padding: 0 8px;
   text-overflow: ellipsis;
-  width: 100%;
   text-transform: uppercase;
+  width: 100%;
 }
 
 .e-pivotfieldlist-wrapper .e-field-list-container .e-axis-table .e-left-axis-fields .e-field-list-filters .e-axis-content,
@@ -5835,6 +5908,7 @@
   display: inline-block;
   height: 100%;
   width: 100%;
+  line-height: 1.5;
 }
 
 .e-pivotfieldlist-wrapper.e-static .e-field-list-container .e-field-table {
@@ -5881,7 +5955,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: 0;
+  padding-left: 3px;
 }
 
 .e-pivotfieldlist-wrapper.e-static.e-rtl .e-center-title {
@@ -5892,10 +5967,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;
@@ -6190,8 +6277,8 @@
 .e-pivotfieldlist-wrapper.e-device .e-adaptive-container .e-content .e-field-list-values .e-pvt-btn-div .e-pivot-button.e-rtl .e-edit {
   padding-left: 0;
   padding-right: 10px;
-  padding-right: 0;
   margin-right: 8px;
+  padding-right: 0;
 }
 
 .e-pivotfieldlist-wrapper.e-device .e-adaptive-container .e-content .e-field-list-filters .e-axis-content,
@@ -6507,8 +6594,8 @@
 .e-pivotfieldlist-container .e-checkbox-layout {
   float: left;
   margin-top: 6px;
-  margin: 0;
-  padding: 5px;
+  margin-left: 0 !important;
+  margin-right: 0 !important;
 }
 
 .e-pivotfieldlist-container.e-rtl .e-layout-footer {
@@ -6791,7 +6878,7 @@
   display: flex;
   height: 28px;
   padding: 2px 12px 5px;
-  padding: 5px 12px 5px;
+  padding: 5px 12px;
 }
 
 .e-pivotfieldlist-container .e-field-list-container .e-axis-table .e-left-axis-fields .e-field-list-filters .e-axis-container .e-axis-icon-container,
@@ -6835,8 +6922,8 @@
   overflow: hidden;
   padding: 0 8px;
   text-overflow: ellipsis;
-  width: 100%;
   text-transform: uppercase;
+  width: 100%;
 }
 
 .e-pivotfieldlist-container .e-field-list-container .e-axis-table .e-left-axis-fields .e-field-list-filters .e-axis-content,
@@ -7366,7 +7453,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: 0;
 }
 
 .e-pivotfieldlist-container.e-static.e-rtl .e-center-title {
@@ -7673,8 +7760,8 @@
 .e-pivotfieldlist-container.e-device .e-adaptive-container .e-content .e-field-list-values .e-pvt-btn-div .e-pivot-button.e-rtl .e-edit {
   padding-left: 0;
   padding-right: 10px;
-  padding-right: 0;
   margin-right: 8px;
+  padding-right: 0;
 }
 
 .e-pivotfieldlist-container.e-device .e-adaptive-container .e-content .e-field-list-filters .e-axis-content,
@@ -7969,12 +8056,12 @@
   font-weight: normal;
   height: 30px;
   overflow: hidden;
-  padding: 6px 0 0 20px;
+  padding: 6px 0 0 16px;
 }
 
 .e-bigger .e-pivotfieldlist-wrapper .e-field-table .e-field-header-wrapper,
 .e-bigger.e-pivotfieldlist-wrapper .e-field-table .e-field-header-wrapper {
-  padding-right: 20px;
+  padding-right: 16px;
 }
 
 .e-bigger .e-pivotfieldlist-wrapper .e-field-table .e-field-header-wrapper .e-sort-none,
@@ -8055,7 +8142,7 @@
 .e-bigger.e-pivotfieldlist-wrapper .e-axis-table .e-right-axis-fields .e-field-list-columns .e-axis-wrapper,
 .e-bigger.e-pivotfieldlist-wrapper .e-axis-table .e-right-axis-fields .e-field-list-values .e-axis-wrapper {
   height: 30px;
-  padding: 0 20px 5px;
+  padding: 0 16px 5px;
 }
 
 .e-bigger .e-pivotfieldlist-wrapper .e-axis-table .e-left-axis-fields .e-field-list-filters .e-axis-wrapper .e-axis-icon-wrapper,
@@ -8069,6 +8156,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,
@@ -8265,6 +8353,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,
@@ -8272,11 +8361,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;
@@ -8317,12 +8422,12 @@
 
 .e-bigger .e-pivotfieldlist-wrapper.e-rtl .e-field-table .e-field-header,
 .e-bigger.e-pivotfieldlist-wrapper.e-rtl .e-field-table .e-field-header {
-  padding-right: 20px;
+  padding-right: 16px;
 }
 
 .e-bigger .e-pivotfieldlist-wrapper.e-rtl .e-field-table .e-field-header-wrapper,
 .e-bigger.e-pivotfieldlist-wrapper.e-rtl .e-field-table .e-field-header-wrapper {
-  padding-left: 20px;
+  padding-left: 16px;
 }
 
 .e-bigger .e-pivotfieldlist-wrapper.e-rtl .e-field-table .e-field-header-wrapper .e-sort-none,
@@ -8409,12 +8514,12 @@
   font-weight: normal;
   height: 30px;
   overflow: hidden;
-  padding: 6px 0 0 20px;
+  padding: 6px 0 0 16px;
 }
 
 .e-bigger .e-pivotfieldlist-container .e-field-table .e-field-header-container,
 .e-bigger.e-pivotfieldlist-container .e-field-table .e-field-header-container {
-  padding-right: 20px;
+  padding-right: 16px;
 }
 
 .e-bigger .e-pivotfieldlist-container .e-field-table .e-field-header-container .e-sort-none,
@@ -8494,7 +8599,7 @@
 .e-bigger.e-pivotfieldlist-container .e-axis-table .e-right-axis-fields .e-field-list-columns .e-axis-container,
 .e-bigger.e-pivotfieldlist-container .e-axis-table .e-right-axis-fields .e-field-list-values .e-axis-container {
   height: 30px;
-  padding: 0 20px 5px;
+  padding: 0 16px 5px;
 }
 
 .e-bigger .e-pivotfieldlist-container .e-axis-table .e-left-axis-fields .e-field-list-filters .e-axis-container .e-axis-icon-container,
@@ -8756,12 +8861,12 @@
 
 .e-bigger .e-pivotfieldlist-container.e-rtl .e-field-table .e-field-header,
 .e-bigger.e-pivotfieldlist-container.e-rtl .e-field-table .e-field-header {
-  padding-right: 20px;
+  padding-right: 16px;
 }
 
 .e-bigger .e-pivotfieldlist-container.e-rtl .e-field-table .e-field-header-container,
 .e-bigger.e-pivotfieldlist-container.e-rtl .e-field-table .e-field-header-container {
-  padding-left: 20px;
+  padding-left: 16px;
 }
 
 .e-bigger .e-pivotfieldlist-container.e-rtl .e-field-table .e-field-header-container .e-sort-none,