@use 'variables' as *;
@mixin wrap-styles {
  /* stylelint-disable */
  background-color: $gray-600 !important;
  border-color: $gray-600 !important;
  color: $white !important;
  /* stylelint-enable */
}

@mixin active-wrap-styles {
  background: $pivotgrid-sort-select-background-color;
  border-color: $pivotgrid-sort-select-border-color;
  color: $pivotgrid-sort-select-color;
  outline: none;
}

@include export-module('pivotview-layout') {
  .e-pivotview {
    &.sf-pivotview {
      height: $pivotgrid-width-100p;

      &.e-pivot-gbar {
        min-width: $pivotgrid-width-400;
      }
  
      &:not(.e-pivot-gbar) {
        min-width: $pivotgrid-width-310;
      }
    }

    &.e-dialog .e-dlg-header-content .e-btn.e-dlg-closeicon-btn {
      @if ($skin-name =='Material3') {
        padding: $pivotgrid-padding-0;
      }
    }

    .e-pivot-view-port {
      height: $pivotgrid-height-inherit;
      display: flex;
      flex-direction: column;

      .e-pivot-table-view.e-table-chart-view {
        order: 2;
      }

      .e-pivot-table-view:not(.e-table-chart-view) {
        order: 1;
      }

      .e-pivot-chart-view {
        height: $pivotgrid-height-inherit;
        
        .e-multi-axis-scroll-div {
          overflow: auto;
        }

        &.e-chart-table-view {
          order: 2;
        }

        &:not(.e-chart-table-view) {
          order: 1;
        }

        .e-pivotchart.e-pivot-accumulation-chart {
          overflow: visible;
        }

        .e-pivotchart.e-pivot-normal-chart {
          overflow: auto;
          overflow-x: hidden;
        }
      }
    }

    /* stylelint-disable */
    .e-value-field-settings,
    .e-member-editor-dialog,
    .e-group-field-settings,
    .e-pivot-format-dialog {
      max-height: $pivotgrid-height-450 !important;
      border-radius: $pivotgrid-default-border-radius;
      max-width: $pivotgrid-width-400 !important;
    }

    /* stylelint-enable */
    .e-value-field-settings {
      .e-field-name-text-container {
        display: flex;
      }

      .e-field-name-title {
        flex: none;
        font-size: $pivotview-dialog-text-font-size;
        font-weight: $pivotview-font-weight-medium;
      }

      .e-field-name-content {
        flex: auto;
        font-size: $pivotview-dialog-text-font-size;
        font-weight: $pivotview-font-weight-medium;
        width: $pivotgrid-width-100p;
      }

      .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: $pivotview-dialog-text-font-size;
        font-weight: $pivotview-font-weight-medium;
        width: $pivotgrid-width-100p;

        @if ($skin-name =='tailwind') or ($skin-name =='bootstrap5') or ($skin-name =='FluentUI') {
          padding-bottom: $pivotgrid-padding-4;
        }
      }

      .e-caption-input-text {
        font-size: $pivotview-dialog-text-font-size;
      }
    }

    .e-group-field-settings {
      /* stylelint-disable */
      width: $pivotgrid-width-auto !important;
      /* stylelint-enable */

      .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: $pivotview-dialog-text-font-size;
        font-weight: $pivotview-font-weight-medium;
        width: $pivotgrid-width-100p;
      }

      .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: $pivotgrid-margin-10;
      }
    }

    .e-member-editor-dialog {
      min-width: $pivotgrid-width-320;

      .e-editor-search-container {
        display: flex;
        padding: $pivotgrid-member-editor-search-padding;

        .e-clear-icon-hide {
          visibility: hidden;
        }
      }

      @if ($skin-name =='bootstrap4') or ($skin-name =='bootstrap5') or ($skin-name =='tailwind') {
        &:not(.e-excel-filter) {
          .e-editor-search-container {
            padding: $pivotgrid-padding-5 $pivotgrid-editor-search-padding-size $pivotgrid-padding-10;
          }
        }
      }

      .e-filter-sort {
        box-shadow: none;
        margin-left: $pivotgrid-sort-wrapper-padding-size;

        .e-member-sort {
          @if ($skin-name =='bootstrap4') {
            background-color: $content-bg;
            border-color: $gray-400;
            color: $gray-700;
          }

          @if ($skin-name =='Material3') {
            border: $pivotgrid-border-1 solid $pivotgrid-border;
            border-radius: $pivotgrid-member-sort-border-radius;
            min-width: $pivotgrid-width-40;
          }

          &:hover {
            @if ($skin-name =='bootstrap4') {
              @include wrap-styles;
            }
          }

          &.e-active {
            @if ($skin-name =='bootstrap4') {
              @include active-wrap-styles;
            }
          }

          .e-sort-ascend-icon,
          .e-sort-descend-icon {
            font-size: $pivotview-font-icon-16;
          }

          &:focus {
            @if ($skin-name =='bootstrap4') {
              @include wrap-styles;
            }

            &.e-active {
              @if ($skin-name =='bootstrap4') {
                @include active-wrap-styles;
              }
            }
          }
        }
      }

      .e-member-prompt {
        padding: $pivotgrid-padding-15 $pivotgrid-editor-search-padding-size;
        text-align: center;
        width: $pivotgrid-width-100p;
      }

      .e-select-all-container {
        ul li .e-text-content > .e-icon-expandable {
          display: none;
        }

        
        @if ($skin-name =='fluent2' or $skin-name =='tailwind3') {
          .e-select-all {
            border: $pivotgrid-border-none;
          }
        }
      }

      .e-append-checkbox-container .e-append-checkbox {
        align-items: center;
        display: flex;
        height: $pivotgrid-add-filter-selection-height;
        margin-left: $pivotgrid-add-filter-selection-margin;
      }

      .e-member-editor-container-outer-div {
        display: inline-block;
        height: $pivotgrid-member-filter-list-height;
        max-width: $pivotgrid-width-400;
        overflow: auto;
        width: $pivotgrid-width-100p;
      }

      &:has(.e-append-filter-wrapper:not(.e-disable)) .e-member-editor-container-outer-div {
        height: calc($pivotgrid-member-filter-list-height - $pivotgrid-add-filter-selection-height);
      }

      .e-member-editor-container {
        display: inline-table;
        width: $pivotgrid-width-100p;

        @if ($skin-name =='fluent2' or $skin-name =='tailwind3') {
          border: $pivotgrid-border-none;
        }

        &.e-olap-field-list-tree {
          overflow-x: auto;
        }
      }

      ul li .e-text-content .e-checkbox-wrapper {
        @if ($skin-name =='Material3') {
          /* stylelint-disable */
          margin: $pivotgrid-margin-0 !important;
          /* stylelint-enable */
        }

        .e-ripple-container {
          @if ($skin-name =='Material3') {
            background: transparent;
          }
        }
      }

      .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: $pivotgrid-margin-0;
          }
        }
      }

      .e-excelfilter {
        padding-top: $pivotgrid-padding-20;

        @if ($skin-name =='tailwind') {
          padding-top: $pivotgrid-padding-12;
        }

        @if ($skin-name =='tailwind3') {
          padding-top: $pivotgrid-padding-16;
        }

        .e-member-editor-container-outer-div {
          height: $pivotgrid-excel-member-filter-height;
        }
      }

      &:has(.e-append-filter-wrapper:not(.e-disable)) .e-excelfilter .e-member-editor-container-outer-div {
        height: calc($pivotgrid-excel-member-filter-height - $pivotgrid-add-filter-selection-height);
      }

      &.e-node-limit .e-excelfilter .e-member-editor-container-outer-div {
        height: $pivotgrid-excel-member-filter-node-limit-height;
      }

      &.e-node-limit:has(.e-append-filter-wrapper:not(.e-disable)) .e-excelfilter .e-member-editor-container-outer-div {
        height: calc($pivotgrid-excel-member-filter-node-limit-height - $pivotgrid-add-filter-selection-height);
      }

      .e-label-filter,
      .e-value-filter {
        height: $pivotgrid-excel-filter-height;
        overflow: auto;
        padding: $pivotgrid-padding-20;
        padding-bottom: $pivotgrid-padding-0;

        .e-filter-text-div {
          /* stylelint-disable */
          color: $pivotview-grid-header-font-color !important;
          /* stylelint-enable */
          font-size: $pivotview-dialog-text-font-size;
          font-weight: $pivotview-font-weight-medium;
        }

        .e-filter-option-container-1,
        .e-filter-option-container-2,
        .e-separator-div {
          padding-top: $pivotgrid-padding-20;
        }

        .e-between-text-div {
          padding: $pivotgrid-padding-8 $pivotgrid-padding-0;
        }

        .e-disable {
          display: none;
        }

        @if ($skin-name =='tailwind') {
          padding-top: $pivotgrid-padding-0;
        }
      }

      .e-filter-tab-container {
        border: $pivotgrid-border-none;

        .e-tab-header {
          .e-toolbar-item .e-icon-left + .e-tab-text {
            margin: $pivotgrid-margin-0 $pivotgrid-margin-0 $pivotgrid-margin-0 $pivotgrid-margin-6;
          }

          .e-text-wrap {
            .e-tab-icon {
              height: fit-content;

              &::before {
                font-size: $pivotview-font-icon-14;
                /* stylelint-disable */
                top: 0 !important;
                /* stylelint-enable */
              }
            }
          }
        }

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

      /* stylelint-disable */
      .e-disable {
        display: none !important;
      }

      .e-clear-filter-button {
        float: left;
        margin: $pivotgrid-margin-0 !important;
        max-width: 100px;
        overflow: hidden;
        text-overflow: ellipsis;

        @if ($skin-name =='FluentUI') {
          margin-left: $pivotgrid-margin-0 !important;
          margin-right: $pivotgrid-margin-0 !important;
        }

        &.e-disable {
          display: none;
        }
      }

      .e-editor-label-container {
        align-items: center;
        background: $pivotgrid-editor-label-fill;
        display: flex !important;
        /* stylelint-enable */
        height: $pivotgrid-height-40;
        justify-content: center;
        opacity: $pivotgrid-editor-label-excel-opacity;

        @if ($skin-name =='Material3') {
          border-top: $pivotpager-separator-border;
        }

        &.e-label-container-visible {
          display: block;
        }

        &.e-label-container-hide {
          /* stylelint-disable */
          display: none !important;
          /* stylelint-enable */
        }

        .e-editor-label {
          color: $pivotgrid-editor-label-color;
          font: $pivotgrid-editor-label-font;
          margin-bottom: $pivotgrid-margin-0;
          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: $pivotgrid-margin-0;
              margin-right: $pivotgrid-sort-wrapper-padding-size;
            }
          }

          ul {
            margin-left: $pivotgrid-margin-0;
            margin-right: $pivotgrid-member-filter-list-padding-size;
          }
        }

        .e-footer-content {
          .e-clear-filter-button {
            float: right;
            margin: $pivotgrid-margin-0;
          }
        }
      }

      &.e-olap-editor-dialog {
        .e-member-editor-outer-container {

          .e-select-all-container ul,
          .e-member-editor-container ul {
            margin-left: $pivotgrid-margin-0;
          }

          .e-treeview ul:first-child {
            padding-left: $pivotgrid-padding-10;
            padding-right: $pivotgrid-padding-10;
          }

          .e-editor-search-container {
            .e-level-drop {
              margin: $pivotgrid-margin-0 $pivotgrid-margin-5;

              .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: $pivotgrid-margin-0;
            }
          }
        }
      }

      /* stylelint-disable */
      .e-member-editor-outer-container:not(.e-excelfilter) {
        .e-editor-search-container {
          @if ($skin-name !='tailwind3') {
            padding-top: $pivotgrid-padding-4 !important;
          }       
        }

        @if ($skin-name =='fluent2' or $skin-name =='tailwind3') {
          .e-select-all-container {
            .e-select-all {
              border: $pivotgrid-border-none;
            }   
          }
        }
      }
    }

    .e-value-field-settings,
    .e-member-editor-dialog,
    .e-pivot-format-dialog,
    .e-group-field-settings {

      .e-dlg-header-content {
        border: $pivotgrid-border-0;
        border-radius: $pivotgrid-default-border-radius;
        font-weight: $pivotview-font-weight-normal;
      }

      .e-footer-content {
        border-top-left-radius: $pivotgrid-radius-0;
        border-top-right-radius: $pivotgrid-radius-0;

        @if ($skin-name !='FluentUI') and ($skin-name !='tailwind3') {
          padding-top: $pivotgrid-editor-dialog-footer-padding;
          padding-bottom: $pivotgrid-editor-dialog-footer-padding;
        }
      }

      @if ($skin-name =='Material3') {
        &:not(.e-group-field-settings) {
          white-space: nowrap;
        }
      }

      .e-dlg-content {
        overflow: hidden;

        @if ($skin-name =='Material3') {
          border-radius: $pivotgrid-radius-0;
        }

        .e-empty-field::-webkit-input-placeholder,
        .e-empty-field:-moz-placeholder,
        .e-empty-field::-moz-placeholder,
        .e-empty-field:-ms-input-placeholder {
          color: $error-font-color !important;
          font-weight: $pivotview-font-weight-semibold !important;
        }
      }
    }

    .e-member-editor-dialog,
    .e-pivot-format-dialog {
      .e-dlg-content {
        @if ($skin-name !='FluentUI') {
          padding: $pivotgrid-padding-0;
        }

        @if ($skin-name =='FluentUI') {
          padding-left: $pivotgrid-padding-0 !important;
          padding-right: $pivotgrid-padding-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: $pivotgrid-border-0;
        }
      }
    }

    .e-value-field-settings,
    .e-pivot-format-dialog {
      min-width: $pivotgrid-width-300;

      .e-dlg-content {
        overflow: auto;

        @if ($skin-name =='tailwind') {
          padding-top: $pivotgrid-padding-12;
        }
      }
    }

    .e-pivotchart-type-dialog {
      /* stylelint-disable */
      max-width: $pivotgrid-width-350 !important;
      max-height: $pivotgrid-height-420 !important;
      /* stylelint-enable */

      .e-chart-type-option-container,
      .e-chart-type-option-text {
        padding-bottom: $pivotgrid-padding-20;

        .e-chart-type-option-text {
          padding-bottom: $pivotgrid-padding-5;
        }
      }

      .e-checkbox-wrapper label,
      .e-css.e-checkbox-wrapper label {
        /* stylelint-disable */
        display: flex !important;
        align-items: center;
        /* stylelint-enable */
      }

      .e-chart-type-checkbox-container {
        display: flex;
        justify-content: space-between;
        align-items: center;
      }

      .e-multiple-axes-mode-container {
        padding-top: $pivotgrid-padding-20;

        .e-multiple-axes-mode-text {
          padding-bottom: $pivotgrid-padding-5;
        }
      }

      .e-dialog-multiple-axis,
      .e-dialog-show-legend {
        width: $pivotgrid-width-49p;
      }
    }

    .e-pivot-format-dialog {
      /* stylelint-disable */
      max-height: $pivotgrid-height-570 !important;
      max-width: $pivotgrid-width-350 !important;
      /* stylelint-enable */

      .e-pivot-format-dialog-outer {
        padding: $pivotgrid-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: $pivotview-font-weight-medium;

          @if ($skin-name =='tailwind') or ($skin-name =='bootstrap5') or ($skin-name =='FluentUI') {
            padding-bottom: $pivotgrid-padding-4;
          }
        }

        .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: $pivotgrid-margin-20;

          @if ($skin-name =='tailwind') {
            margin-bottom: $pivotgrid-margin-12;
          }
        }
      }
    }

    .e-pivot-toolbar {
      /* stylelint-disable */
      box-sizing: border-box !important;
      /* stylelint-enable */
      background: $pivotgrid-grp-bg-color;
      border-bottom: $pivotgrid-border-0;
      border-style: solid;

      @if ($skin-name =='tailwind3') {
        border-radius: $pivotgrid-radius-0;
      }

      @if ($skin-name =='FluentUI') {
        box-shadow: none;
      }

      @if ($skin-name =='fluent2') {
        border-top: $pivotgrid-border-1 solid $pivotgrid-border-color;
        border-left: $pivotgrid-border-1 solid $pivotgrid-border-color;
        border-right: $pivotgrid-border-1 solid $pivotgrid-border-color;
      }

      @if ($skin-name =='bootstrap5') or ($skin-name =='bootstrap5.3') or ($skin-name =='tailwind') or ($skin-name =='tailwind3') or ($skin-name =='FluentUI') or ($skin-name =='Material3') {
        border-top: $pivotgrid-border-1 solid $pivotgrid-border;
        border-left: $pivotgrid-border-1 solid $pivotgrid-border;
        border-right: $pivotgrid-border-1 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') and ($skin-name !='Material3') {
              font-size: $pivotview-font-icon-16;
            }
          }
        }
        &.e-disabled {
          pointer-events: none;
        }
      }

      .e-pivot-toolbar-menu {
        background-color: $pivotgrid-table-background-color;
        border: $pivotgrid-border-none;

        @if ($skin-name =='fluent2' or $skin-name =='tailwind3') {
          margin-bottom: $pivotgrid-margin-4;
        }

        ul .e-menu-item {
          @if ($skin-name !='tailwind') {
            /* stylelint-disable */
            height: $pivotgrid-menubar-height !important;
            /* stylelint-enable */
          }
          overflow: hidden;
          padding-left: $pivotgrid-padding-10;

          .e-menu-icon {
            margin-left: $pivotgrid-margin-0;
            margin-right: $pivotgrid-margin-0;

            @if ($skin-name !='bootstrap5') and ($skin-name !='tailwind') and ($skin-name !='fluent2'){
              font-size: $pivotview-font-icon-16;
            }

            @if ($skin-name =='bootstrap4') {
              color: $gray-700;
            }

            @if ($skin-name =='FluentUI') {
              color: $pivotgrid-active-color;
            }

            @if ($skin-name =='bootstrap5') {
              line-height: $pivotgrid-menubar-height;
            }

            @if ($skin-name =='FluentUI') {
              line-height: $pivotgrid-line-height-xl;
            }

            @if ($skin-name =='tailwind') {
              line-height: $pivotgrid-line-height-4xl;
            }
          }

          .e-caret {
            @if ($skin-name =='bootstrap4') {
              color: $gray-700;
            }

            @if ($skin-name =='FluentUI') {
              color: $pivotgrid-active-color;
            }

            @if ($skin-name =='bootstrap5') or ($skin-name =='FluentUI') {
              line-height: $pivotgrid-menubar-height;
            }

            @if ($skin-name =='tailwind') {
              line-height: $pivotgrid-line-height-4xl;
            }
          }
        }

        ul .e-menu-item.e-focused {
          @if ($skin-name =='bootstrap4') {
            background-color: $gray-600;
            border-radius: $pivotgrid-default-border-radius;
          }

          @if ($skin-name =='bootstrap5.3') {
            background-color: $pivotgrid-toolbar-menu-bg-color;
          }

          .e-menu-icon,
          .e-icons {
            @if ($skin-name =='bootstrap4') {
              color: $white;
            }

            @if ($skin-name =='FluentUI') {
              color: $pivotgrid-active-color;
            }
          }
        }

        /* stylelint-disable */
        ul.e-menu {
          @if ($skin-name =='fabric') or ($skin-name =='fabric-dark') or ($skin-name =='highcontrast') or ($skin-name =='highcontrast-light') {
            padding-left: $pivotgrid-padding-0 !important;
            padding-right: $pivotgrid-padding-0 !important;
          }
        }

        &.e-menu-wrapper ul.e-menu {
          background-color: $pivotgrid-table-background-color;
        }
      }

      .e-tab .e-tab-header .e-toolbar-item.e-active {
        margin-left: $pivotgrid-margin-18 !important;
      }

      .e-toolbar-item.e-template .e-toolbar-template-container {
        display: flex;
      }

      .e-toolbar-item.e-template,
      .e-toolbar-item:not(.e-separator):not(.e-spacer)
      {
        @if ($skin-name != 'Material3') {
          padding: $pivotgrid-padding-0 !important;
        }
        /* stylelint-enable */
      }

      .e-reportlist-label {
        float: left;
        font-weight: $pivotview-font-weight-medium;
      }

      .e-reportlist-drop {
        float: right;
        margin: $pivotgrid-margin-0 $pivotgrid-margin-8;
        /* stylelint-disable */
        width: $pivotgrid-width-150 !important;
        /* stylelint-enable */

        @if ($skin-name =='Material3') {
          background: $pivotgrid-grp-bg-color;
        }
      }

      &.e-rtl {
        .e-reportlist-label {
          float: right;
        }

        .e-reportlist-drop {
          float: left;
        }

        .e-pivot-toolbar-menu {
          ul .e-menu-item {
            padding-left: $pivotgrid-padding-30;
            padding-right: $pivotgrid-padding-10;
          }
        }
      }
    }

    .e-frozenscrollbar {
      background: $pivotgrid-grp-bg-color;
    }

    /* stylelint-disable */
    & .e-headercontent {
      & .e-columnheader {
        & .e-headercell.e-leftfreeze {
          -webkit-transform: translate3d(0, 0, 0);
        }
      }
    }

    /* stylelint-enable */
  }

  .e-pivotview-disable-icon {
    visibility: hidden;
  }

  .e-pivotview-report-inner {
    padding-top: $pivotgrid-padding-10;
  }

  .e-pivotview-report-dialog {
    /* stylelint-disable */
    max-width: $pivotgrid-width-350 !important;
  }

  .e-mdx-query-content {
    background-color: $pivotgrid-table-background-color;
    color: $pivotgrid-default-font-color;
    font-size: $pivotview-font-size-14;
    font-weight: $pivotview-font-weight-medium;
    height: $pivotgrid-height-200;
    margin-top: $pivotgrid-margin-5;
    padding: $pivotgrid-padding-5 $pivotgrid-padding-10;
    resize: none;
    width: $pivotgrid-width-100p;
  }

  .e-pivotview-mdx-dialog {
    max-width: $pivotgrid-width-500 !important;
  }

  /* stylelint-enable */
  .e-report-outer {
    display: inline-block;
    width: $pivotgrid-width-100p;

    @if ($skin-name =='FluentUI') {
      padding-top: $pivotgrid-padding-1;
    }
  }

  .e-pivotview-report-label {
    float: left;
    margin-top: $pivotgrid-report-label-margin-top;
    width: $pivotgrid-width-40p;

    @if ($skin-name =='bootstrap5') {
      padding-left: $pivotgrid-padding-12;
    }
  }

  /* stylelint-disable */
  .e-pivotview-report-input {
    float: right;
    width: $pivotgrid-width-60p !important;
  }

  *.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: $pivotview-font-icon-18 !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: $pivotgrid-margin-20;

      @if ($skin-name =='bootstrap5') {
        margin-bottom: $pivotgrid-margin-18;
      }
    }

    .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: $pivotgrid-margin-20;
    }

    /* 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 */
  }
}