@use 'variables' as *;
@include export-module('field-list-bigger') {

  .e-bigger.e-pivot-formatting-dialog,
  .e-bigger .e-pivot-formatting-dialog {

    .e-format-label,
    .e-format-value-label {
      font-size: $format-label-bigger-font-size;
    }

    .e-colorpicker-wrapper.e-format-font-color-picker {
      margin-right: $field-list-spacing-20;
      margin-left: $field-list-spacing-0;
    }

    .e-split-preview {
      @if ($skin-name =='tailwind3') {
        width: 120%;
      }

      @if ($skin-name =='highcontrast') or ($skin-name =='highcontrast-light') {
        /* stylelint-disable */
        left: -6px !important;
        /* stylelint-enable */
      }
    }

    .e-format-value-preview {
      margin: $field-list-spacing-0;
      @if ($skin-name =='tailwind') or ($skin-name =='bootstrap5') or ($skin-name =='FluentUI') or ($skin-name =='fabric') or ($skin-name =='bootstrap4') {
        padding: $field-list-spacing-0;
      }

      @if ($skin-name =='tailwind') or ($skin-name =='bootstrap5') {
        min-height: 39px;
      }
    }

    .e-format-color-picker .e-split-btn-wrapper .e-btn.e-icon-btn {
      @if ($field-list-skin =='bootstrap4') {
        padding: $field-list-spacing-4 $field-list-spacing-8;
      }
    }

    &.e-device {
      /* stylelint-disable */
      width: 100% !important;
      /* stylelint-enable */

      .e-format-value-preview {
        min-height: $format-bigger-preview-height;
      }
    }

    &.e-rtl {
      .e-colorpicker-wrapper.e-format-font-color-picker {
        margin-left: $field-list-spacing-20;
        margin-right: $field-list-spacing-0;
      }
    }
  }

  .e-bigger.e-pivot-calc-dialog-div,
  .e-bigger .e-pivot-calc-dialog-div {
    /* stylelint-disable */
    max-height: $field-list-height-660 !important;
    min-width: $field-list-width-401 !important;
    /* stylelint-enable */

    .e-pivot-all-field-title,
    .e-pivot-field-name-title,
    .e-pivot-formula-title,
    .e-olap-hierarchy-title,
    .e-pivot-format-title,
    .e-olap-member-title {
      font-size: $field-list-bigger-header-font-size;
      padding: $pivot-calculated-bigger-header-padding 0;
      padding-bottom: $field-list-spacing-0;

      @if ($skin-name =='FluentUI') {
        font-weight: $field-list-font-weight-semibold;
        margin-top: $field-list-spacing-16;
      }

      @if ($skin-name =='bootstrap5') or ($skin-name =='tailwind') {
        padding-bottom: $field-list-spacing-4;
        padding-top: $field-list-spacing-16;
      }
    }

    .e-treeview ul {
      li {
        padding: $field-list-spacing-2 $field-list-spacing-0;
      }
    }

    .e-treeview {
      .e-list-item {
        div.e-icons {
          font-size: $field-list-bigger-icon-size;

          @if ($skin-name =='FluentUI') {
            padding-top: $field-list-spacing-12;
          }
        }

        .e-remove-report,
        .e-edit,
        .e-edited {
          /* stylelint-disable */
          margin: $field-list-spacing-0 $field-list-spacing-12 $field-list-spacing-0 $field-list-spacing-0 !important;

          @if ($skin-name =='FluentUI') or ($skin-name =='bootstrap5') {
            font-size: $field-list-bigger-header-icon-size !important;
          }

          /* stylelint-enable */
        }

        span.e-icons {
          font-size: $field-list-bigger-icon-size;

          @if ($skin-name =='FluentUI') or ($skin-name =='bootstrap5') {
            position: relative;
            top: 3px;
          }

          @if ($skin-name =='fluent2') {
            font-size: $field-list-font-icon-20;
          }

          @if ($skin-name =='tailwind') {
            position: relative;
            top: 1px;
          }
        }
      }

      ul {
        li .e-list-icon {

          &.e-edit,
          &.e-edited,
          &.e-remove-report {

            @if ($skin-name =='FluentUI') {
              padding-top: $field-list-spacing-0;
            }

            @if ($skin-name =='bootstrap5') {
              padding-top: $field-list-spacing-3;
            }

            @if ($skin-name =='tailwind') {
              padding-top: $field-list-spacing-4;
            }
          }
        }
      }
    }

    .e-pivot-formula {
      font-size: $field-list-calc-bigger-formula-font-size;
    }

    .e-footer-content {
      @if ($skin-name !='tailwind3') {
        padding-top: $pivot-dialog-footer-padding;
      }
    }

    &.e-olap-calc-dialog-div {
      /* stylelint-disable */
      max-height: $field-list-height-750 !important;
      min-width: $field-list-width-580 !important;
      /* stylelint-enable */

      .e-pivot-calc-outer-div {
        .e-olap-field-tree-div {
          height: $olap-bigger-tree-wrapper-height;
          width: $olap-bigger-tree-width;

          .e-pivot-treeview-outer {
            .e-pivot-treeview-outer-div {
              height: $olap-bigger-tree-outer-div-height;
              width: $olap-bigger-tree-outer-div-width;
            }

            .e-pivot-all-field-title {
              padding-bottom: $pivot-calculated-bigger-header-padding;
            }

            .e-pivot-all-field-title-container {
              font-size: $field-list-bigger-header-font-size;

              @if ($skin-name =='tailwind') {
                height: 34px;
              }
            }

            .e-treeview ul {
              .e-list-icon {
                font-size: $field-list-bigger-icon-size;
              }
            }
          }
        }

        .e-pivot-calculated-div {
          margin-left: $field-list-spacing-24;
        }
      }

      &.e-rtl {
        .e-pivot-calc-outer-div {
          .e-pivot-calculated-div {
            margin-left: $field-list-spacing-0;
            margin-right: $field-list-spacing-24;
          }
        }
      }
    }
  }

  .e-bigger .e-field-list-tree.e-drag-item.e-treeview,
  .e-bigger .e-pivot-calc.e-drag-item.e-treeview,
  .e-bigger.e-field-list-tree.e-drag-item.e-treeview,
  .e-bigger.e-pivot-calc.e-drag-item.e-treeview {
    height: $field-list-bigger-button-height;
    padding: $field-list-spacing-6 $field-list-spacing-12;

    @if ($field-list-skin =='bootstrap4') {
      padding: $field-list-spacing-9 $field-list-spacing-10;
    }

    &.e-drag-restrict {
      .e-no-drop {
        &::before {
          padding: $field-list-spacing-4;
        }
      }
    }
  }

  .e-bigger .e-button-drag-clone,
  .e-bigger.e-button-drag-clone {
    height: $field-list-bigger-button-height;
    line-height: $field-list-line-height-24;
    padding: $field-list-spacing-6 $field-list-spacing-12;

    @if ($field-list-skin =='bootstrap4') {
      border: $field-list-border-0;
      padding: $field-list-spacing-7 $field-list-spacing-12;
    }

    @if ($skin-name =='tailwind') or ($skin-name =='bootstrap5') or ($skin-name =='FluentUI') {
      line-height: normal;
      padding: $field-list-spacing-0 $field-list-spacing-12;
    }
  }

  .e-bigger .e-pivotfieldlist-container,
  .e-bigger.e-pivotfieldlist-container {

    /* stylelint-disable */
    .e-member-editor-dialog {
      .e-editor-search-container {

        .e-sort-ascend-icon,
        .e-sort-descend-icon {
          font-size: $field-list-font-icon-18;
        }

        .e-level-drop {
          .e-caret {
            font-size: $field-list-bigger-icon-size !important;
          }
        }
      }

      .e-member-editor-outer-container ul {
        @if ($field-list-skin =='bootstrap4') {
          margin-left: -30px;
        }

        li {

          .e-calc-measure-icon,
          .e-calc-dimension-icon,
          .e-attributeCDB-icon,
          .e-hierarchyCDB-icon,
          .e-level-members,
          .e-namedSetCDB-icon,
          .e-measure-icon,
          .e-kpiGoal-icon,
          .e-kpiStatus-icon,
          .e-kpiTrend-icon,
          .e-kpiValue-icon {
            margin-left: $field-list-spacing-10;
          }
        }
      }

      &.e-rtl {
        .e-member-editor-outer-container ul {
          @if ($field-list-skin =='bootstrap4') {
            margin-right: -30px;
          }

          li {

            .e-calc-measure-icon,
            .e-calc-dimension-icon,
            .e-attributeCDB-icon,
            .e-hierarchyCDB-icon,
            .e-level-members,
            .e-namedSetCDB-icon,
            .e-measure-icon,
            .e-kpiGoal-icon,
            .e-kpiStatus-icon,
            .e-kpiTrend-icon,
            .e-kpiValue-icon {
              margin-left: $field-list-spacing-10;
            }
          }
        }
      }

      .e-dlg-content .e-member-editor-outer-container:not(.e-excelfilter) .e-member-editor-container-outer-div {
        height: $field-list-member-filter-list-bigger-height;
      }
    }

    /* stylelint-enable */

    .e-member-editor-dialog {
      .e-filter-tab-container {
        .e-tab-header {
          .e-toolbar-item .e-icon-left + .e-tab-text {
            margin: $field-list-spacing-0 $field-list-spacing-0 $field-list-spacing-0 $field-list-spacing-6;
          }
        }

        &.e-rtl {
          .e-tab-header {
            .e-toolbar-item .e-icon-left + .e-tab-text {
              margin: $field-list-spacing-0 $field-list-spacing-6 $field-list-spacing-0 $field-list-spacing-0;
            }
          }
        }
      }

      /* stylelint-disable */
      &.e-node-limit.e-excel-filter .e-excelfilter .e-member-editor-container-outer-div {
        height: $field-list-member-editor-node-limit-outer-div-bigger-height !important;
      }

      .e-excelfilter {
        @if ($skin-name =='tailwind') {
          padding-top: $field-list-spacing-16;
        }

        .e-member-editor-container-outer-div {
          height: $field-list-excel-member-filter-bigger-height !important;
        }
      }

      .e-label-filter,
      .e-value-filter {
        height: $field-list-excel-filter-bigger-height;

        .e-filter-text-div {
          font-size: $field-list-font-size-14;
        }

        .e-filter-option-container-1,
        .e-filter-option-container-2,
        .e-separator-div {
          padding-top: $field-list-spacing-24;
        }

        .e-between-text-div {
          padding: $field-list-spacing-10 $field-list-spacing-0;
        }
      }

      &.e-excel-filter {
        min-width: $field-list-bigger-excel-dialog-min-width !important;
        min-height: $field-list-member-editor-bigger-height !important;

        &.e-node-limit {
          min-height: $field-list-member-editor-node-limit-bigger-height !important;
        }
      }

      @if ($skin-name =='Material3') {
        .e-filter-tab-container {
          max-width: $field-list-width-350;
        }
      }
    }

    .e-adaptive-field-list-dialog,
    .e-member-editor-dialog,
    .e-value-field-settings {
      .e-dlg-header-content {
        .e-clear-filter-button.e-small {
          font-size: $field-list-font-icon-14;
          top: 0;
        }
      }
    }

    .e-value-field-settings {
      .e-value-field-div-content {
        padding: $field-list-spacing-0 $field-list-editor-search-padding-size $field-list-spacing-10;
      }

      .e-field-name-text-container {
        display: flex;

        .e-field-name-title,
        .e-field-name-content {
          font-size: $field-list-font-size-14;
        }
      }

      .e-caption-input-container,
      .e-type-option-container,
      .e-base-field-option-container,
      .e-base-item-option-container {
        padding-top: $field-list-spacing-24;

        .e-base-field-option-text,
        .e-base-item-option-text,
        .e-type-option-text,
        .e-caption-input-text {
          font-size: $field-list-font-size-14;
        }
      }
    }
  }

  .e-bigger .e-pivotfieldlist,
  .e-bigger.e-pivotfieldlist {
    .e-select-table {
      font-size: $field-list-toggle-icon-bigger-size;
      height: $field-list-toggle-bigger-size;
      max-height: $field-list-toggle-bigger-size;
      max-width: $field-list-toggle-bigger-size;
      min-height: $field-list-toggle-bigger-size;
      min-width: $field-list-toggle-bigger-size;
    }

    .e-member-editor-dialog,
    .e-olap-editor-dialog {
      max-height: $field-list-height-440 !important;
      min-width: $field-list-width-370 !important;

      .e-append-checkbox-container .e-append-checkbox {
        height: $field-list-add-filter-selection-bigger-height;
      }

      .e-member-editor-container-outer-div .e-list-parent .e-ul {
        height: $field-list-height-auto;
      }
    }
  }

  .e-bigger .e-pivotfieldlist-container,
  .e-bigger.e-pivotfieldlist-container {
    .e-field-table {

      .e-left-axis-fields,
      .e-right-axis-fields {
        padding-left: $field-list-default-bigger-padding-size;
      }

      .e-field-header {
        background: $field-list-header-background-color;
        color: $field-list-default-header-font-color;
        font-size: $field-list-bigger-header-font-size;
        font-weight: $field-list-font-weight-normal;
        overflow: hidden;

        @if ($field-list-skin =='bootstrap4') {
          padding-left: $field-list-spacing-16;
        }
      }

      .e-field-header-container {
        padding-right: $field-list-bigger-header-padding;

        .e-sort-none,
        .e-sort-ascend,
        .e-sort-descend {
          font-size: $field-list-bigger-header-icon-size;
          padding: $field-list-spacing-0 $field-list-spacing-0 $field-list-spacing-0 $field-list-bigger-sort-icon-to-icon-padding;
        }
      }

      .e-field-list {
        padding-left: $field-list-spacing-5;

        &:not(.e-olap-field-list-tree) {
          ul {
            padding-left: $field-list-treeview-bigger-ul-padding;

            li.e-pivot-parent {
              @if ($skin-name =='bootstrap5') {
                padding-left: $field-list-spacing-7;
              }

              @if ($skin-name =='FluentUI') {
                padding-left: $field-list-spacing-8;
              }
            }

            li:not(.e-pivot-parent):not(.e-pivot-child) {
              .e-text-content {
                padding-left: $field-list-treeview-bigger-li-padding;
              }
            }
          }
        }

        ul {
          li {
            padding: $field-list-spacing-0;
          }
        }

        .e-drag {
          font-size: $field-list-bigger-icon-size !important;
          height: $field-list-height-24 !important;
          margin-bottom: $field-list-treeview-drag-bigger-padding !important;
          margin-right: $field-list-spacing-4 !important;
          width: $field-list-width-24 !important;

          @if ($skin-name =='fluent2') {
            font-size: $field-list-font-icon-20 !important;
            margin-bottom: $field-list-spacing-5 !important;
            margin-right: $field-list-spacing-0 !important;
          }

          @if ($skin-name =='tailwind3') {
            margin-right: $field-list-spacing-0 !important;
          }
        }

        .e-calc-measure-icon,
        .e-calc-dimension-icon,
        .e-attributeCDB-icon,
        .e-hierarchyCDB-icon,
        .e-level-members,
        .e-namedSetCDB-icon,
        .e-measure-icon,
        .e-kpiGoal-icon,
        .e-kpiStatus-icon,
        .e-kpiTrend-icon,
        .e-kpiValue-icon {
          margin-left: $field-list-spacing-10;
        }

        &.e-olap-field-list-tree {
          ul {
            .e-list-icon {
              font-size: $field-list-bigger-icon-size;
            }
          }
        }
      }

      /* stylelint-enable */
      .e-left-axis-fields .e-field-list-rows,
      .e-right-axis-fields .e-field-list-values {
        margin-top: $field-list-default-bigger-padding-size;
      }
    }

    .e-axis-table {

      .e-left-axis-fields .e-field-list-filters,
      .e-left-axis-fields .e-field-list-rows,
      .e-right-axis-fields .e-field-list-columns,
      .e-right-axis-fields .e-field-list-values {
        .e-axis-container {
          height: $field-list-bigger-header-height;
          padding: $field-list-spacing-0 $field-list-bigger-header-padding $field-list-spacing-0;

          .e-axis-icon-container {
            height: $field-list-bigger-header-icon-size;
            width: $field-list-width-24;

            .e-axis-rows,
            .e-axis-columns,
            .e-axis-values,
            .e-axis-filters {
              font-size: $field-list-bigger-header-icon-size;
            }
          }

          .e-axis-header {
            font-size: $field-list-bigger-header-font-size;
            padding: $field-list-spacing-0 $field-list-spacing-12;
          }
        }

        .e-axis-content {
          height: $field-list-popup-axis-content-bigger-height;

          .e-pvt-btn-div {
            .e-pivot-button {
              /* stylelint-disable */
              font-size: $field-list-bigger-button-font-size;
              height: $field-list-bigger-button-height !important;
              padding: $field-list-bigger-button-padding !important;

              /* stylelint-enable */
              .e-pvt-btn-content {
                font-size: $field-list-bigger-button-font-size;
                line-height: $field-list-bigger-button-line-height;
                padding: $field-list-spacing-0 $field-list-spacing-10;
              }

              .e-draggable {
                height: $field-list-width-24;
                width: $field-list-width-24;
              }

              .e-sort,
              .e-pv-filter,
              .e-pv-filtered,
              .e-dropdown-icon,
              .e-edit {
                cursor: pointer;
                display: inline-block;
                font-size: $field-list-bigger-icon-size;
                height: $field-list-width-24;
                width: $field-list-width-24;
              }

              .e-sort {
                height: $field-list-bigger-icon-size;
              }

              .e-drag {
                font-size: $field-list-bigger-icon-size;
                width: $field-list-width-24;

                @if ($skin-name =='fluent2') {
                  font-size: $field-list-font-icon-20;
                }
              }
            }
          }
        }

        .e-draggable-prompt {
          @if ($field-list-skin =='bootstrap4') {
            font-size: $field-list-font-icon-16;
          }
        }
      }
    }

    .e-calculated-field {
      font-size: $field-list-bigger-button-font-size;
    }

    &.e-static {
      max-height: $field-list-height-735;

      .e-field-list-container {
        .e-center-title {
          color: $field-list-default-header-font-color;
          font-size: $field-list-bigger-header-font-size;
        }

        .e-axis-table {
          .e-right-axis-fields {
            padding-left: $field-list-default-bigger-padding-size;
          }

          .e-left-axis-fields .e-field-list-rows,
          .e-right-axis-fields .e-field-list-values {
            margin-top: $field-list-default-bigger-padding-size;
          }
        }
      }

      &.e-rtl {
        .e-axis-table {
          .e-left-axis-fields {
            padding-left: $field-list-default-bigger-padding-size;
          }

          /* stylelint-disable */
          .e-right-axis-fields {
            padding: $field-list-spacing-0 !important;
          }
        }
      }

      .e-layout-footer .e-checkbox-layout .e-checkbox-wrapper label .e-label {
        width: calc($field-list-width-100p - $field-list-width-30);
      }
    }

    &.e-rtl {
      .e-field-table {
        .e-field-list {
          padding-left: $field-list-spacing-0;
          padding-right: $field-list-spacing-5;

          &:not(.e-olap-field-list-tree) {
            ul {
              padding-right: $field-list-treeview-bigger-ul-padding;

              li.e-pivot-parent {
                @if ($skin-name =='bootstrap5') {
                  padding-right: $field-list-spacing-7;
                }

                @if ($skin-name =='FluentUI') {
                  padding-right: $field-list-spacing-8;
                }
              }

              li:not(.e-pivot-parent):not(.e-pivot-child) {
                .e-text-content {
                  padding-right: $field-list-treeview-bigger-li-padding;
                }
              }
            }
          }

          .e-drag {
            margin-left: $field-list-spacing-4 !important;
            margin-right: $field-list-spacing-0 !important;
          }

          .e-calc-measure-icon,
          .e-calc-dimension-icon,
          .e-attributeCDB-icon,
          .e-hierarchyCDB-icon,
          .e-level-members,
          .e-namedSetCDB-icon,
          .e-measure-icon,
          .e-kpiGoal-icon,
          .e-kpiStatus-icon,
          .e-kpiTrend-icon,
          .e-kpiValue-icon {
            margin-left: $field-list-spacing-0;
            margin-right: $field-list-spacing-10;
          }

          /* stylelint-enable */
        }

        .e-field-header {
          padding-right: $field-list-bigger-header-padding;
        }

        .e-field-header-container {
          padding-left: $field-list-bigger-header-padding;

          .e-sort-none,
          .e-sort-ascend,
          .e-sort-descend {
            padding: $field-list-spacing-0 $field-list-spacing-0 $field-list-spacing-0 $field-list-bigger-sort-icon-to-icon-padding;
          }
        }
      }

      .e-axis-table {

        .e-left-axis-fields,
        .e-right-axis-fields {
          padding-left: $field-list-spacing-0;
          padding-right: $field-list-default-padding-size;
        }

        .e-left-axis-fields .e-field-list-filters,
        .e-left-axis-fields .e-field-list-rows,
        .e-right-axis-fields .e-field-list-columns,
        .e-right-axis-fields .e-field-list-values {
          .e-pivot-button {

            .e-sort,
            .e-pv-filter,
            .e-pv-filtered,
            .e-remove,
            .e-dropdown-icon,
            .e-edit {
              padding-left: $field-list-spacing-0;
              padding-right: $field-list-bigger-icon-to-icon-padding;
            }
          }
        }
      }
    }

    &.e-search-mode {
      &.e-static {
        max-height: $field-list-height-750;

        .e-field-list-container {
          max-height: $field-list-height-800;

          .e-field-table {
            height: $field-list-height-270;
          }
        }
      }

      /* stylelint-disable */
      &.e-popup:not(.e-device) {
        max-height: $field-list-height-600 !important;
        min-height: $field-list-search-popup-container-bigger-height !important;

        .e-field-list-container {
          height: $field-list-height-387;

          @if ($skin-name =='fluent2') {
            height: 397px;
          }

          .e-field-table {
            height: $field-list-search-popup-table-bigger-height !important;

            .e-field-list-tree-outer-div {
              @if ($skin-name =='fluent2' or $skin-name =='tailwind') {
                height: $field-list-height-310 !important;
              }
            }
          }

          .e-axis-table {
            height: $field-list-search-popup-axis-table-bigger-height;

            .e-axis-content {
              height: $field-list-search-popup-axis-content-bigger-height !important;
            }
          }
        }
      }
    }

    .e-adaptive-field-list-dialog {
      .e-dlg-content .e-field-list-tree-outer-div {
        max-height: $field-list-adaptive-outerdiv-height;
      }
    }
  }

  /* stylelint-enable */
}