@use "sass:color";
@use "colors" as *;
@use "../colors" as *;
@use "sizes" as *;
@use "../sizes" as *;
@use "../common/mixins" as *;
@use "../../base/icon_fonts" as *;
@use "../gridBase/colors" as *;
@use "../treeView/sizes" as *;
@use "../button/colors" as *;
@use "../../base/pivotGrid" as basePivotGrid with (
  $pivotgrid-drag-header-border-color: $pivotgrid-drag-header-border-color,
  $pivotgrid-drag-header-first-shadow-color: $pivotgrid-drag-header-first-shadow-color,
  $pivotgrid-drag-header-second-shadow-color: $pivotgrid-drag-header-second-shadow-color,
  $pivotgrid-border-color: $pivotgrid-border-color,
  $pivotgrid-common-left-right-padding: $pivotgrid-common-left-right-padding,
  $pivotgrid-area-color: $pivotgrid-area-color,
  $header-filter-color: $header-filter-color,
  $header-filter-color-empty: $header-filter-color-empty,
  $pivotgrid-area-background: $pivotgrid-area-background,
  $pivotgrid-common-top-bottom-padding: $pivotgrid-common-top-bottom-padding,
  $pivotgrid-header-top-bottom-padding: $pivotgrid-header-top-bottom-padding,
  $pivotgrid-field-indicators-offset: $pivotgrid-field-indicators-offset,
  $pivotgrid-indicators-line-height: $pivotgrid-indicators-line-height,
  $pivotgrid-totalcolor: $pivotgrid-totalcolor,
  $pivotgrid-field-area-text-color: $pivotgrid-field-area-text-color,
  $pivotgrid-data-area-color: $pivotgrid-data-area-color,
  $pivotgrid-grandtotalcolor: $pivotgrid-grandtotalcolor,
  $pivotgrid-accent-color: $pivotgrid-accent-color,
  $pivotgrid-empty-area-text-padding: $pivotgrid-empty-area-text-padding,
  $pivotgrid-button-top-padding: $pivotgrid-button-top-padding,
);

// adduse


.dx-pivotgrid {
  background-color: $pivotgrid-area-background;

  .dx-area-description-cell {
    .dx-button-content {
      padding: 5px;
    }
  }

  .dx-column-header,
  .dx-filter-header {
    .dx-pivotgrid-toolbar {
      .dx-button-content {
        padding: 5px;
      }
    }
  }

  .dx-expand-icon-container {
    @include dx-icon(spinright);

    &::before {
      visibility: hidden;
    }
  }

  .dx-pivotgrid-collapsed .dx-expand {
    @include dx-icon(spinright);
    @include dx-icon-font-centered-sizing($generic-base-icon-size);

    color: $pivotgrid-spin-icon-color;
  }

  .dx-pivotgrid-expanded .dx-expand {
    @include dx-icon(spindown);
    @include dx-icon-font-centered-sizing($generic-base-icon-size);

    color: $pivotgrid-spin-icon-color;
  }

  .dx-area-tree-view {
    td.dx-white-space-column {
      width: $pivotgrid-empty-column-width;
      min-width: $pivotgrid-empty-column-width;
    }
  }
}

.dx-pivotgridfieldchooser {
  background-color: $pivotgrid-area-background;

  .dx-treeview-item .dx-icon {
    margin: 0 5px -1px 0;

    @include dx-icon-sizing($generic-base-icon-size);
  }

  .dx-area-icon {
    width: $generic-base-icon-size;
    height: $generic-base-icon-size;
    font-size: $generic-base-icon-size;
  }

  .dx-area {
    .dx-area-caption {
      vertical-align: middle;
    }
  }
}

.dx-pivotgrid-fields-container {
  .dx-position-indicator {
    background-color: $pivotgrid-position-indicator-color;
  }
}