@syncfusion/ej2-angular-pivotview 21.1.37 → 21.1.39-ngcc

package/styles/pivotview/_layout.scss

@@ -1,1118 +0,0 @@
-@include export-module('pivotview-layout') {
-  
-  /*! PivotView layout */
-  .e-pivotview {
-
-    /* stylelint-disable */
-    .e-value-field-settings,
-    .e-member-editor-dialog,
-    .e-group-field-settings {
-      max-height: 450px !important;
-      border-radius: $pivotgrid-default-border-radius;
-      max-width: 400px !important;
-      width: auto !important;
-    }
-
-    .e-pivot-format-dialog {
-      border-radius: $pivotgrid-default-border-radius;
-      max-width: 400px !important;
-      width: auto !important;
-    }
-    /* stylelint-enable */
-
-    .e-value-field-settings {
-      .e-field-name-text-container {
-        display: flex;
-      }
-
-      .e-field-name-title {
-        flex: none;
-        font-size: 13px;
-        font-weight: 500;
-      }
-
-      .e-field-name-content {
-        flex: auto;
-        font-size: 13px;
-        font-weight: 500;
-        width: 100%;
-      }
-
-      .e-caption-input-container,
-      .e-type-option-container,
-      .e-base-field-option-container,
-      .e-base-item-option-container {
-        padding-top: $pivotgrid-editor-search-padding-size;
-      }
-
-      .e-base-field-option-text,
-      .e-base-item-option-text,
-      .e-type-option-text {
-        font-size: 13px;
-        font-weight: 500;
-        width: 100%;
-
-        @if ($skin-name == 'tailwind') or ($skin-name == 'bootstrap5') or ($skin-name == 'FluentUI') {
-          padding-bottom: 4px;
-        }
-      }
-
-      .e-caption-input-text {
-        font-size: 13px;
-      }
-    }
-
-    .e-group-field-settings {
-      .e-caption-option-text,
-      .e-input-option-text,
-      .e-group-inerval-option-text,
-      .e-checkbox-wrapper {
-        padding-bottom: $pivotgrid-grouping-padding-bottom;
-      }
-
-      .e-group-start-option-container .e-checkbox-wrapper {
-        padding-top: $pivotgrid-grouping-padding-top;
-      }
-
-      .e-caption-option-text,
-      .e-input-option-text,
-      .e-group-inerval-option-text,
-      .e-checkbox-wrapper .e-label {
-        font-size: 13px;
-        font-weight: 500;
-        width: 100%;
-      }
-
-      .e-group-input-container,
-      .e-group-end-option-container,
-      .e-group-interval-option-container {
-        padding-top: $pivotgrid-editor-search-padding-size;
-      }
-
-      .e-group-field-div-content {
-        margin-bottom: 10px;
-      }
-    }
-
-    .e-member-editor-dialog {
-      min-width: 320px;
-
-      .e-editor-search-container {
-        display: flex;
-        padding: 0 $pivotgrid-editor-search-padding-size 10px;
-        @if ($skin-name == 'FluentUI') {
-          padding-top: 1px;
-        }
-
-        .e-clear-icon-hide {
-          display: inline-block;
-          visibility: hidden;
-        }
-      }
-
-      @if ($pivotgrid-skin == 'bootstrap4') {
-        &:not(.e-excel-filter) {
-          .e-editor-search-container {
-            padding: 5px $pivotgrid-editor-search-padding-size 10px;
-          }
-        }
-      }
-
-      @if ($skin-name == 'bootstrap5') or ($skin-name == 'tailwind') {
-        &:not(.e-excel-filter) {
-          .e-editor-search-container {
-            padding: 5px $pivotgrid-editor-search-padding-size 10px;
-          }
-        }
-      }
-
-      @if ($skin-name == 'tailwind') {
-        &:not(.e-excel-filter) {
-          .e-editor-search-container {
-            padding: 5px $pivotgrid-editor-search-padding-size 10px;
-          }
-        }
-      }
-
-      .e-filter-sort {
-        box-shadow: none;
-        margin-left: $pivotgrid-sort-wrapper-padding-size;
-
-        /* stylelint-disable */
-        .e-member-sort {
-          @if ($pivotgrid-skin == 'bootstrap4') {
-            background-color: $content-bg;
-            border-color: $gray-400;
-            color:  $gray-700;
-          }
-
-          &:hover {
-            @if ($pivotgrid-skin == 'bootstrap4') {
-              background-color: $gray-600 !important;
-              border-color: $gray-600 !important;
-              color: $white !important;
-            }
-          }
-
-          &.e-active {
-            @if ($pivotgrid-skin == 'bootstrap4') {
-              background-color: $pivotgrid-sort-select-background-color;
-              border-color: $pivotgrid-sort-select-border-color;
-              color: $pivotgrid-sort-select-color;
-              outline: none;
-            }
-          }
-
-          .e-sort-ascend-icon,
-          .e-sort-descend-icon {
-            font-size: 16px;
-          }
-
-          &:focus {
-            @if ($pivotgrid-skin == 'bootstrap4') {
-              background-color: $gray-600 !important;
-              border-color: $gray-600 !important;
-              color: $white !important;
-            }
-
-            &.e-active {
-              @if ($skin-name == 'bootstrap4') {
-                background-color: $pivotgrid-sort-select-background-color;
-                border-color: $pivotgrid-sort-select-border-color;
-                color: $pivotgrid-sort-select-color;
-                outline: none;
-              }
-            }
-          }
-        }
-      }
-
-      .e-member-prompt {
-        padding: 15px $pivotgrid-editor-search-padding-size;
-        text-align: center;
-        width: 100%;
-      }
-
-      .e-member-editor-container-outer-div {
-        display: inline-block;
-        height: $pivotgrid-member-filter-list-height;
-        max-width: 400px;
-        overflow: auto;
-        width: 100%;
-      }
-
-      .e-member-editor-container {
-        display: inline-table;
-        width: 100%;
-
-        &.e-olap-field-list-tree {
-          overflow-x: auto;
-        }
-      }
-
-      .e-select-all-container ul,
-      .e-member-editor-container ul {
-        margin-left: $pivotgrid-member-filter-list-padding-size;
-        overflow: hidden;
-
-        li {
-          .e-list-text {
-            font-family: $field-list-font-family;
-          }
-
-          .e-list-icon {
-            margin: 0;
-          }
-        }
-      }
-
-      .e-select-all-container ul,
-      .e-member-editor-container ul {
-        margin-left: $pivotgrid-member-filter-list-padding-size;
-        overflow: hidden;
-
-        li {
-          .e-list-text {
-            font-family: $field-list-font-family;
-          }
-
-          .e-list-icon {
-            margin: 0;
-          }
-        }
-      }
-
-      .e-excelfilter {
-        padding-top: 20px;
-
-        @if ($skin-name == 'tailwind') {
-          padding-top: 12px;
-        }
-
-        .e-member-editor-container-outer-div {
-          height: $pivotgrid-excel-member-filter-height;
-        }
-
-        .e-editor-label-container {
-          opacity: $pivotgrid-editor-label-excel-opacity;
-          padding: $pivotgrid-editor-label-excel-padding-size;
-        }
-      }
-
-      .e-label-filter,
-      .e-value-filter {
-        height: $pivotgrid-excel-filter-height;
-        overflow: auto;
-        padding: 20px;
-        padding-bottom: 0;
-
-        .e-filter-text-div {
-          color: $pivotview-grid-header-font-color !important;
-          font-size: 13px;
-          font-weight: 500;
-        }
-
-        .e-filter-option-container-1,
-        .e-filter-option-container-2,
-        .e-separator-div {
-          padding-top: 20px;
-        }
-
-        .e-between-text-div {
-          padding: 8px 0;
-        }
-
-        .e-disable {
-          display: none;
-        }
-
-        @if ($skin-name == 'tailwind') {
-          padding-top: 0;
-        }
-
-      }
-
-      .e-filter-tab-container {
-        border: none;
-        /* stylelint-enable */
-
-        .e-tab-header {
-          .e-toolbar-item .e-icon-left + .e-tab-text {
-            margin: 0 0 0 6px;
-          }
-
-          .e-text-wrap {
-            .e-tab-icon {
-              height: 14px;
-              min-width: 14px;
-              width: 14px;
-              @if ($pivotgrid-skin == 'bootstrap4') or ($skin-name == 'bootstrap5') or ($skin-name == 'tailwind') or ($skin-name == 'FluentUI') {
-                height: auto;
-              }
-
-              &::before {
-                font-size: 14px;
-              }
-            }
-          }
-        }
-
-        &.e-rtl {
-          .e-tab-header {
-            .e-toolbar-item .e-icon-left + .e-tab-text {
-              margin: 0 6px 0 0;
-            }
-          }
-        }
-      }
-
-      /* stylelint-disable */
-      .e-disable {
-        display: none !important;
-      }
-
-      .e-clear-filter-button {
-        float: left;
-        margin: 0;
-
-        @if ($skin-name == 'FluentUI') {
-          margin-left: 0 !important;
-          margin-right: 0 !important;
-        }
-
-        &.e-disable {
-          display: none;
-        }
-      }
-      .e-editor-label-container {
-        background-color: $pivotgrid-editor-label-fill;
-        opacity: $pivotgrid-editor-label-excel-opacity;
-        padding: $pivotgrid-editor-label-padding-size;
-
-        .e-editor-label {
-          color: $pivotgrid-editor-label-color;
-          font: $pivotgrid-editor-label-font;
-          opacity: $pivotgrid-editor-label-opacity;
-          overflow: hidden;
-          text-overflow: ellipsis;
-          white-space: nowrap;
-        }
-      }
-
-      &.e-rtl {
-        .e-member-editor-outer-container {
-          .e-editor-search-container {
-            .e-filter-sort {
-              margin-left: 0;
-              margin-right: $pivotgrid-sort-wrapper-padding-size;
-            }
-          }
-
-          ul {
-            margin-left: 0;
-            margin-right: $pivotgrid-member-filter-list-padding-size;
-          }
-        }
-        .e-member-editor-outer-container {
-          .e-editor-search-container {
-            .e-filter-sort {
-              margin-left: 0;
-              margin-right: $pivotgrid-sort-wrapper-padding-size;
-            }
-          }
-
-          ul {
-            margin-left: 0;
-            margin-right: $pivotgrid-member-filter-list-padding-size;
-          }
-        }
-
-        .e-footer-content {
-          .e-clear-filter-button {
-            float: right;
-            margin: 0;
-          }
-        }
-      }
-
-      &.e-olap-editor-dialog {
-        .e-member-editor-outer-container {
-          .e-select-all-container ul,
-          .e-member-editor-container ul {
-            margin-left: 0;
-          }
-
-          .e-treeview ul:first-child {
-            padding-left: 10px;
-            padding-right: 10px;
-          }
-
-          .e-editor-search-container {
-            .e-level-drop {
-              margin: 0 5px;
-
-              .e-caret {
-                font-size: $pivotgrid-button-icon-size;
-              }
-
-              li .e-disabled {
-                opacity: .5;
-                pointer-events: none;
-              }
-            }
-          }
-        }
-        .e-member-editor-outer-container {
-          .e-select-all-container ul,
-          .e-member-editor-container ul {
-            margin-left: 0;
-          }
-
-          .e-treeview ul:first-child {
-            padding-left: 10px;
-            padding-right: 10px;
-          }
-
-          .e-editor-search-container {
-            .e-level-drop {
-              margin: 0 5px;
-
-              .e-caret {
-                font-size: $pivotgrid-button-icon-size;
-              }
-
-              li .e-disabled {
-                opacity: .5;
-                pointer-events: none;
-              }
-            }
-          }
-        }
-
-        &.e-rtl {
-          .e-member-editor-outer-container {
-            ul {
-              margin-right: 0;
-            }
-          }
-        }
-      }
-    }
-
-    .e-value-field-settings,
-    .e-member-editor-dialog,
-    .e-pivot-format-dialog,
-    .e-group-field-settings {
-
-      .e-dlg-header-content {
-        border: 0;
-        border-radius: $pivotgrid-default-border-radius;
-        font-weight: normal;
-      }
-
-      .e-footer-content {
-        border-top-left-radius: 0;
-        border-top-right-radius: 0;
-        border-radius: $pivotgrid-default-border-radius;
-
-        @if ($skin-name != 'FluentUI') {
-          padding-bottom: 8px;
-          padding-top: 8px;
-        }
-      }
-
-      .e-dlg-content {
-        overflow: hidden;
-
-        .e-empty-field::-webkit-input-placeholder {
-          color: $error-font-color !important;
-          font-weight: 600 !important;
-        }
-
-        .e-empty-field:-moz-placeholder {
-          color: $error-font-color !important;
-          font-weight: 600 !important;
-        }
-
-        .e-empty-field::-moz-placeholder {
-          color: $error-font-color !important;
-          font-weight: 600 !important;
-        }
-
-        .e-empty-field:-ms-input-placeholder {
-          color: $error-font-color !important;
-          font-weight: 600 !important;
-        }
-      }
-    }
-
-    .e-member-editor-dialog,
-    .e-pivot-format-dialog {
-      .e-dlg-content {
-        @if ($skin-name != 'FluentUI') {
-          padding: 0;
-        }
-
-        @if ($skin-name == 'FluentUI') {
-          padding-left: 0 !important;
-          padding-right: 0 !important;
-        }
-      }
-    }
-    /* stylelint-enable */
-
-    .e-value-field-settings,
-    .e-member-editor-dialog {
-      .e-footer-content {
-        border-top: $pivotgrid-border-size $pivotgrid-border-type $pivotgrid-default-border-color;
-
-        @if ($skin-name == 'FluentUI') {
-          border-top: 0;
-        }
-      }
-    }
-
-    .e-value-field-settings,
-    .e-pivot-format-dialog {
-      min-width: 300px;
-
-      .e-dlg-content {
-        overflow: auto;
-
-        @if ($skin-name == 'tailwind') {
-          padding-top: 12px;
-        }
-      }
-    }
-
-    /* stylelint-disable */
-    .e-pivotchart-type-dialog {
-      max-width: 350px !important;
-      max-height: 380px !important;
-
-      .e-chart-type-option-container,
-      .e-chart-type-option-text {
-        padding-bottom: 20px;
-
-        .e-chart-type-option-text {
-          padding-bottom: 5px;
-        }
-      }
-
-      .e-multiple-axes-mode-container {
-        padding-top: 20px;
-
-        .e-multiple-axes-mode-text {
-          padding-bottom: 5px;
-        }
-      }
-
-      .e-dialog-multiple-axis,
-      .e-dialog-show-legend {
-        width: 49%;
-      }
-    }
-
-    .e-pivot-format-dialog {
-      max-height: 550px !important;
-      max-width: 350px !important;
-
-      .e-pivot-format-dialog-outer {
-        padding: 0 $pivotgrid-editor-search-padding-size;
-
-        .e-pivot-format-value-lable,
-        .e-pivot-format-lable,
-        .e-pivot-format-custom-lable,
-        .e-pivot-format-grouping-lable,
-        .e-pivot-format-decimal-lable {
-          font-weight: 500;
-          @if ($skin-name == 'tailwind') or ($skin-name == 'bootstrap5') or ($skin-name == 'FluentUI') {
-            padding-bottom: 4px;
-          }
-        }
-
-        .e-pivot-format-value-drop,
-        .e-pivot-format-drop,
-        .e-pivot-format-custom-text,
-        .e-pivot-format-grouping-drop,
-        .e-pivot-format-decimal-drop {
-          margin-bottom: 20px;
-          @if ($skin-name == 'tailwind') {
-            margin-bottom: 12px;
-          }
-        }
-      }
-    }
-
-    .e-pivot-toolbar {
-      background: $pivotgrid-grp-bg-color;
-      border-bottom: 0;
-      border-style: solid;
-
-      @if($skin-name == 'FluentUI') {
-        box-shadow: none;
-      }
-
-      @if ($skin-name == 'bootstrap5') or ($skin-name == 'tailwind') or ($skin-name == 'FluentUI') {
-        border-top: 1px solid $pivotgrid-border;
-        border-left: 1px solid $pivotgrid-border;
-        border-right: 1px solid $pivotgrid-border;
-      }
-
-      .e-toolbar-items {
-        background: $pivotgrid-grp-bg-color;
-      }
-
-      .e-toolbar-item .e-tbar-btn.e-btn {
-
-        .e-icons.e-btn-icon {
-
-          @if ($skin-name != 'bootstrap5') and ($skin-name != 'tailwind') and ($skin-name != 'FluentUI') {
-            font-size: 16px;
-          }
-        }
-      }
-
-      .e-pivot-toolbar-menu {
-        background-color: transparent;
-        border: none;
-        @if ($pivotgrid-skin == 'bootstrap4') {
-          background-color: $gray-100;
-          color: $gray-700;
-        }
-
-        ul .e-menu-item {
-          @if ($skin-name != 'tailwind') {
-            height: $pivotgrid-menubar-height !important;
-          }
-          overflow: hidden;
-          padding-left: 10px;
-
-          @if ($pivotgrid-skin == 'bootstrap4') {
-            background-color: $pivotgrid-grp-bg-color;
-            color: $gray-700;
-          }
-
-          @if ($pivotgrid-skin =='FluentUI') {
-            background-color: $pivotgrid-grp-bg-color;
-
-            &:hover {
-              background: $pivotgrid-grp-bg-hover-color;
-            }
-          }
-
-          .e-menu-icon {
-            margin-left: 0;
-            margin-right: 0;
-
-            @if ($skin-name != 'bootstrap5') and ($skin-name != 'tailwind') {
-              font-size: 16px;
-            }
-
-            @if ($pivotgrid-skin == 'bootstrap4') {
-              color: $gray-700;
-            }
-
-            @if ($pivotgrid-skin == 'FluentUI') {
-              color: $pivotgrid-active-color;
-            }
-
-            @if ($skin-name == 'bootstrap5') {
-              line-height: $pivotgrid-menubar-height;
-            }
-
-            @if ($skin-name == 'FluentUI') {
-              line-height: 28px;
-            }
-
-            @if ($skin-name == 'tailwind') {
-              line-height: 40px;
-            }
-          }
-
-          .e-caret {
-            @if ($pivotgrid-skin == 'bootstrap4') {
-              color: $gray-700;
-            }
-
-            @if ($pivotgrid-skin == 'FluentUI') {
-              color: $pivotgrid-active-color;
-            }
-
-            @if ($skin-name == 'bootstrap5') or ($skin-name == 'FluentUI') {
-              line-height: $pivotgrid-menubar-height;
-            }
-
-            @if ($skin-name == 'tailwind') {
-              line-height: 40px;
-            }
-          }
-        }
-
-        ul .e-menu-item.e-focused {
-          @if ($pivotgrid-skin == 'bootstrap4') {
-            background-color: $gray-600;
-            border-radius: $pivotgrid-default-border-radius;
-          }
-
-          .e-menu-icon,
-          .e-icons{
-            @if ($pivotgrid-skin == 'bootstrap4') {
-              color: $white;
-            }
-
-            @if ($pivotgrid-skin == 'FluentUI') {
-              color: $pivotgrid-active-color;
-            }
-          }
-        }
-
-        ul.e-menu {
-          @if ($pivotgrid-skin == 'fabric') or ($pivotgrid-skin == 'fabric-dark') or
-          ($pivotgrid-skin == 'highcontrast') or ($pivotgrid-skin == 'highcontrast-light') {
-            padding-left: 0 !important;
-            padding-right: 0 !important;
-          }
-        }
-      }
-
-      .e-tab .e-tab-header .e-toolbar-item.e-active {
-        margin-left: 18px !important;
-        /* stylelint-enable */
-      }
-
-      .e-toolbar-item.e-template {
-        /* stylelint-disable */
-        padding: 0 !important;
-      }
-
-      .e-reportlist-label {
-        float: left;
-        font-weight: 500;
-        /* stylelint-enable */
-      }
-
-      .e-reportlist-drop {
-        float: right;
-        margin: 0 8px;
-      }
-
-      &.e-rtl {
-        .e-reportlist-label {
-          float: right;
-        }
-
-        .e-reportlist-drop {
-          float: left;
-        }
-
-        .e-pivot-toolbar-menu {
-          ul .e-menu-item {
-            padding-left: 30px;
-            padding-right: 10px;
-          }
-        }
-      }
-    }
-
-    .e-frozenscrollbar {
-      background-color: $pivotgrid-grp-bg-color;
-    }
-  }
-
-  .e-pivotview-disable-icon {
-    visibility: hidden;
-  }
-
-  .e-pivotview-report-inner {
-    padding-top: 10px;
-  }
-
-  .e-pivotview-report-dialog {
-    /* stylelint-disable */
-    max-width: 350px !important;
-  }
-
-  .e-mdx-query-content {
-    background-color: $pivotgrid-table-background-color;
-    color: $pivotgrid-default-font-color;
-    font-size: 14px;
-    font-weight: 500;
-    height: 200px;
-    margin-top: 5px;
-    padding: 5px 10px;
-    resize: none;
-    width: 100%;
-  }
-
-  .e-pivotview-mdx-dialog {
-    max-width: 500px !important;
-  }
-  /* stylelint-enable */
-
-  .e-report-outer {
-    display: inline-block;
-    width: 100%;
-    @if ($skin-name == 'FluentUI') {
-      padding-top: 1px;
-    }
-  }
-
-  .e-pivotview-report-label {
-    float: left;
-    margin-top: $pivotgrid-report-label-margin-top;
-    width: 40%;
-    @if ($skin-name == 'bootstrap5') {
-      padding-left: 12px;
-    }
-  }
-
-  /* stylelint-disable */
-  .e-pivotview-report-input {
-    float: right;
-    width: 60% !important;
-  }
-
-  #{if(&, "&", "*")}.e-rtl {
-    .e-pivotview-report-input {
-      float: left;
-    }
-
-    .e-pivotview-report-label {
-      float: right;
-    }
-  }
-
-
-  .e-pivotview-pdf-export,
-  .e-pivotview-excel-export,
-  .e-pivotview-csv-export,
-  .e-pivotview-png-export,
-  .e-pivotview-jpeg-export,
-  .e-pivotview-svg-export {
-    font-size: 18px !important;
-  }
-  /* stylelint-enable */
-
-  .e-contextmenu-container.e-menu-popup.e-menu-container.e-pivot-chart-menu ul {
-    .e-dialog-multiple-axis .e-label,
-    .e-dialog-multiple-axis .e-label {
-      white-space: nowrap;
-    }
-  }
-
-  .e-drillthrough-dialog {
-    .e-drillthrough-body-header-container {
-      margin-bottom: 20px;
-
-      @if ($skin-name == 'bootstrap5') {
-        margin-bottom: 18px;
-      }
-    }
-
-    .e-drillthrough-body-header {
-      color: $pivotgrid-drillthrough-header-font-color;
-      font-weight: $pivotgrid-drillthrough-header-font-weight;
-    }
-
-    .e-drillthrough-body-header-value {
-      color: $pivotgrid-drillthrough-header-value-font-color;
-      margin-right: 20px;
-    }
-
-    /* stylelint-disable */
-    .e-drillthrough-body-header-common {
-      -webkit-flex-wrap: wrap;
-         -moz-flex-wrap: wrap;
-          -ms-flex-wrap: wrap;
-                display: inline-block;
-              flex-wrap: wrap;     
-    }
-    /* stylelint-enable */
-  }
-
-  .e-bigger .e-pivotview,
-  .e-bigger.e-pivotview {
-    .e-pivot-toolbar .e-pivot-toolbar-menu ul .e-menu-item {
-      @if ($skin-name != 'tailwind') and ($skin-name != 'bootstrap5') {
-        /* stylelint-disable */
-        height: $pivotgrid-bigger-menubar-height !important;
-        /* stylelint-enable */
-      }
-
-      .e-menu-icon {
-        @if ($skin-name == 'tailwind') {
-          line-height: 50px;
-        }
-      }
-
-      .e-caret {
-        @if ($skin-name == 'tailwind') {
-          line-height: 50px;
-        }
-      }
-    }
-
-    .e-member-editor-dialog .e-dlg-content .e-member-editor-outer-container .e-member-editor-container-outer-div {
-      height: $pivotgrid-member-filter-list-bigger-height;
-    }
-
-    /* stylelint-disable */
-    .e-member-editor-dialog {
-      .e-editor-search-container {
-        .e-filter-sort {
-          .e-member-sort {
-            .e-sort-ascend-icon,
-            .e-sort-descend-icon {
-              font-size: 18px;
-            }
-          }
-        }
-
-        .e-level-drop {
-          .e-caret {
-            font-size: $pivotgrid-bigger-button-icon-size !important;
-          }
-        }
-      }
-
-      .e-member-editor-outer-container ul {
-        @if ($pivotgrid-skin == 'bootstrap4') {
-          margin-left: -30px !important;
-        }
-      }
-
-      &.e-rtl {
-        .e-member-editor-outer-container ul {
-          @if ($pivotgrid-skin == 'bootstrap4') {
-            margin-right: -30px !important;
-          }
-        }
-      }
-    }
-
-    .e-member-editor-dialog {
-      .e-filter-tab-container {
-        .e-tab-header {
-          .e-toolbar-item .e-icon-left + .e-tab-text {
-            margin: 0 0 0 6px;
-          }
-        }
-
-        &.e-rtl {
-          .e-tab-header {
-            .e-toolbar-item .e-icon-left + .e-tab-text {
-              margin: 0 6px 0 0;
-            }
-          }
-        }
-      }
-
-      @if ($skin-name == 'FluentUI') or ($skin-name == 'fabric') or ($skin-name == 'fabric-dark') {
-        &.e-node-limit {
-          .e-excelfilter {
-            .e-member-editor-container-outer-div {
-              height: 82px !important;
-              @if ($skin-name == 'fabric') or ($skin-name == 'fabric-dark') {
-                height: 96px !important;
-              }
-            }
-          }
-        }
-      }
-
-      .e-excelfilter {
-        .e-member-editor-container-outer-div {
-          height: $pivotgrid-excel-member-filter-bigger-height !important;
-        }
-        @if ($skin-name == 'tailwind') {
-          padding-top: 16px;
-        }
-      }
-
-      .e-label-filter,
-      .e-value-filter {
-        height: $pivotgrid-excel-filter-bigger-height;
-
-        .e-filter-text-div {
-          font-size: 14px;
-        }
-
-        .e-filter-option-container-1,
-        .e-filter-option-container-2,
-        .e-separator-div {
-          padding-top: 24px;
-        }
-
-        .e-between-text-div {
-          padding: 10px 0;
-        }
-      }
-
-      &.e-excel-filter {
-        min-width: $pivotgrid-bigger-excel-dialog-min-width;
-        
-        @if ($skin-name =='FluentUI') or ($skin-name =='fabric') {
-          height: 427px !important;
-
-          &.e-node-limit {
-            height: 440px !important;
-          }
-        }
-      }
-    }
-
-    .e-member-editor-dialog,
-    .e-value-field-settings,
-    .e-pivot-format-dialog {
-      .e-dlg-header-content {
-        .e-clear-filter-button.e-small {
-          font-size: 14px;
-          top: 0;
-        }
-      }
-    }
-
-    .e-value-field-settings {
-      max-height: 510px !important;
-
-      .e-dlg-content {
-        padding: 0;
-      }
-    }
-    /* stylelint-enable */
-
-    .e-pivot-format-dialog {
-      .e-pivot-format-dialog-outer {
-        padding: 0 20px 10px;
-      }
-    }
-
-    .e-group-field-settings {
-      .e-caption-option-text,
-      .e-checkbox-wrapper .e-label {
-        font-size: 14px;
-      }
-
-      .e-group-input-container,
-      .e-group-end-option-container,
-      .e-group-interval-option-container {
-        padding-top: 24px;
-      }
-
-      .e-caption-input-text,
-      .e-input-option-text,
-      .e-checkbox-wrapper .e-label,
-      .e-group-inerval-option-text {
-        font-size: 14px;
-      }
-
-      .e-group-start-option-container .e-checkbox-wrapper {
-        padding-top: $pivotgrid-grouping-bigger-padding-top;
-      }
-    }
-
-    .e-value-field-settings {
-      .e-field-name-text-container {
-        display: flex;
-      }
-
-      .e-field-name-title,
-      .e-field-name-content {
-        font-size: 14px;
-        // font-size: 13px;
-        font-weight: 500;
-      }
-
-      .e-caption-input-container,
-      .e-type-option-container,
-      .e-base-field-option-container,
-      .e-base-item-option-container {
-        padding-top: 24px;
-      }
-
-      .e-base-field-option-text,
-      .e-base-item-option-text,
-      .e-type-option-text {
-        font-size: 14px;
-      }
-    }
-
-    /* stylelint-disable */
-    .e-value-field-settings,
-    .e-group-field-settings {
-      .e-value-field-div-content,
-      .e-group-field-div-content {
-        padding: 0 $pivotgrid-editor-search-padding-size 10px;
-      }
-    }
-    /* stylelint-enable */
-  }
-
-  .e-bigger .e-pivotview-report-dialog,
-  .e-bigger.e-pivotview-report-dialog {
-    .e-pivotview-report-label {
-      margin-top: $pivotgrid-bigger-report-label-margin-top;
-    }
-  }
-}