smart-webcomponents-react 19.0.0 → 19.0.5

package/source/styles/default/smart.pivottable.css

@@ -1,801 +1,801 @@
-/* PivotTable */
-.smart-pivot-table thead th {
-  font-weight: bold;
-}
-.smart-pivot-table thead th:not(:last-child):not(.last-visible) {
-  border-right: var(--smart-border-width) solid var(--smart-border);
-}
-.smart-pivot-table tbody tr td {
-  transform: scaleY(1);
-}
-.smart-pivot-table tbody tr.collapsed {
-  height: 0;
-}
-.smart-pivot-table tbody tr.collapsed td {
-  border-top-width: 0;
-  border-top-color: transparent;
-  padding-top: 0;
-  padding-bottom: 0;
-  line-height: 0;
-  transform: scaleY(0);
-}
-.smart-pivot-table tbody tr.no-height td {
-  line-height: 0;
-}
-.smart-pivot-table th.align-left > .wrapper {
-  justify-content: flex-start;
-}
-.smart-pivot-table th.align-center > .wrapper {
-  justify-content: center;
-}
-.smart-pivot-table th.align-right > .wrapper {
-  justify-content: flex-end;
-}
-.smart-pivot-table tr td {
-  line-height: calc(var(--smart-table-row-height) - 2 * var(--smart-table-cell-padding) - var(--smart-border-width));
-  white-space: nowrap;
-}
-.smart-pivot-table tr:last-child:not(:first-child) .smart-pivot-table-grouping-header,
-.smart-pivot-table tr:last-child:not(:first-child) .smart-pivot-table-total-header {
-  border-top: var(--smart-border-width) solid var(--smart-border);
-}
-.smart-pivot-table tr:not(:last-child) .smart-pivot-table-grouping-header,
-.smart-pivot-table tr:not(:last-child) .smart-pivot-table-selection-header,
-.smart-pivot-table tr:not(:last-child) .smart-pivot-table-total-header {
-  border-bottom: none;
-}
-.smart-pivot-table td.align-left {
-  text-align: left;
-}
-.smart-pivot-table td.align-center {
-  text-align: center;
-}
-.smart-pivot-table td.align-right {
-  text-align: right;
-}
-.smart-pivot-table td.sort-by {
-  position: relative;
-}
-.smart-pivot-table td.sort-by:before {
-  content: var(--smart-icon-up);
-  display: flex;
-  align-items: center;
-  justify-content: flex-end;
-  visibility: hidden;
-  position: absolute;
-  top: 0;
-  right: var(--smart-table-cell-padding);
-  height: 100%;
-  font-family: var(--smart-font-family-icon);
-  opacity: 0;
-  transform: rotate(90deg);
-}
-.smart-pivot-table td.sort-by.asc:before, .smart-pivot-table td.sort-by.desc:before {
-  opacity: 1;
-  visibility: visible;
-}
-.smart-pivot-table td[selection-detail]:before {
-  content: attr(selection-detail);
-  position: absolute;
-  top: 100%;
-  left: 0;
-  padding: 3px;
-  background-color: var(--smart-secondary);
-  color: var(--smart-secondary-color);
-  font-size: var(--smart-font-size);
-  font-variant: small-caps;
-  opacity: 0.8;
-  pointer-events: none;
-}
-.smart-pivot-table td[selection-detail][detail-position-x=right]:before {
-  left: unset;
-  right: 0;
-}
-.smart-pivot-table td[selection-detail][detail-position-y=top]:before {
-  top: 0;
-  transform: translateY(-100%);
-}
-.smart-pivot-table tfoot td {
-  font-weight: bold;
-}
-.smart-pivot-table .smart-pivot-table-main-container {
-  width: 100%;
-  height: 100%;
-  overflow: auto;
-}
-.smart-pivot-table .smart-pivot-table-main-container.prevent-scroll {
-  overflow: hidden;
-}
-.smart-pivot-table .smart-pivot-table-selection-header {
-  border-top: none;
-}
-.smart-pivot-table .smart-pivot-table-total-header {
-  border-top: none;
-  width: var(--smart-pivot-table-cell-width);
-}
-.smart-pivot-table .smart-pivot-table-grouping-header {
-  border-top: none;
-  width: var(--smart-pivot-table-secondary-group-width);
-}
-.smart-pivot-table .smart-pivot-table-toolbar {
-  display: none;
-  border: none;
-  border-bottom: var(--smart-border-width) solid var(--smart-border);
-  height: var(--smart-table-row-height);
-}
-.smart-pivot-table .smart-pivot-table-toolbar smart-breadcrumb .smart-breadcrumb-items .smart-breadcrumb-item {
-  height: calc(100% - var(--smart-breadcrumb-padding));
-}
-.smart-pivot-table .smart-pivot-table-row-group-breadcrumb:before {
-  content: var(--smart-icon-align-left);
-  transform: scale(-1);
-}
-.smart-pivot-table .smart-pivot-table-pivot-breadcrumb {
-  border-left: var(--smart-border-width) solid var(--smart-border);
-  border-radius: 0;
-}
-.smart-pivot-table .smart-pivot-table-pivot-breadcrumb:before {
-  content: var(--smart-icon-refresh);
-}
-.smart-pivot-table .empty {
-  border-top: none;
-}
-.smart-pivot-table .total-arrow {
-  display: inline-flex;
-  margin-left: var(--smart-table-arrow-margin);
-  width: var(--smart-table-arrow-size);
-  height: var(--smart-table-arrow-size);
-  cursor: pointer;
-}
-.smart-pivot-table .total-arrow:focus {
-  outline: none;
-  border: 1px solid var(--smart-ui-state-color-focus);
-  border-radius: 50%;
-  color: var(--smart-ui-state-color-focus);
-}
-.smart-pivot-table .smart-pivot-panel {
-  border-top: none;
-  border-right: none;
-  border-bottom: none;
-  width: 100%;
-  height: 100%;
-}
-.smart-pivot-table smart-breadcrumb {
-  position: relative;
-  border: none;
-  width: unset;
-  height: 100%;
-  padding-left: calc(3 * var(--smart-breadcrumb-padding));
-}
-.smart-pivot-table smart-breadcrumb:before {
-  position: absolute;
-  left: 0;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  width: calc(3 * var(--smart-breadcrumb-padding));
-  height: 100%;
-  font-family: var(--smart-font-family-icon);
-}
-.smart-pivot-table smart-breadcrumb > .smart-container {
-  position: relative;
-}
-.smart-pivot-table smart-breadcrumb > .smart-container.drop-target:after {
-  content: "";
-  position: absolute;
-  top: 0;
-  left: calc(-3 * var(--smart-breadcrumb-padding));
-  box-sizing: border-box;
-  border: 2px dashed var(--smart-primary);
-  width: calc(100% + 4 * var(--smart-breadcrumb-padding));
-  height: calc(100% + var(--smart-breadcrumb-padding));
-}
-.smart-pivot-table smart-breadcrumb .smart-template-container {
-  height: 100%;
-}
-.smart-pivot-table smart-breadcrumb .smart-breadcrumb-items {
-  height: 100%;
-}
-.smart-pivot-table smart-breadcrumb .smart-breadcrumb-item {
-  height: calc(100% - var(--smart-breadcrumb-padding));
-}
-.smart-pivot-table smart-breadcrumb .smart-breadcrumb-placeholder {
-  position: absolute;
-  top: var(--smart-breadcrumb-padding);
-  left: 0;
-  font-style: italic;
-}
-.smart-pivot-table [selection-detail] {
-  position: relative;
-  overflow: visible;
-  z-index: 1;
-}
-.smart-pivot-table:not([right-to-left]) td.sort-by.desc::before {
-  transform: rotate(270deg);
-}
-.smart-pivot-table:not([animation=none]) tbody tr {
-  transition: height 0.2s ease-in-out;
-}
-.smart-pivot-table:not([animation=none]) tr td {
-  transition: padding-top 0.2s ease-in-out, padding-bottom 0.2s ease-in-out, transform 0.2s ease-in-out, border-top-color 0.2s ease-in-out;
-}
-.smart-pivot-table:not([designer]) .smart-pivot-table-designer-container {
-  display: none;
-}
-.smart-pivot-table[group-layout=classic] .smart-pivot-table-grouping-header {
-  width: calc(0.75 * var(--smart-pivot-table-cell-width));
-}
-.smart-pivot-table[group-layout=classic] tbody td:not(.expanded) + td[data-field^=group]:not(.main),
-.smart-pivot-table[group-layout=classic] tbody td.expanded:not(.main) + td[data-field^=group]:not(.main) {
-  font-size: 0;
-}
-.smart-pivot-table[group-layout=classic] .hierarchy-arrow::after {
-  content: var(--smart-icon-plus);
-}
-.smart-pivot-table[group-layout=classic] td.expanded .hierarchy-arrow::after {
-  content: var(--smart-icon-minus);
-}
-.smart-pivot-table[designer] > .smart-container {
-  display: grid;
-  grid-template-columns: 1fr var(--smart-pivot-panel-width);
-  grid-template-rows: 100%;
-}
-.smart-pivot-table[designer] .smart-pivot-table-designer-container {
-  display: block;
-  height: 100%;
-}
-.smart-pivot-table[designer-position=near] > .smart-container {
-  grid-template-columns: var(--smart-pivot-panel-width) 1fr;
-}
-.smart-pivot-table[designer-position=near] .smart-pivot-table-main-container {
-  order: 1;
-}
-.smart-pivot-table[designer-position=near]:not([right-to-left]) .smart-pivot-panel {
-  border-left: none;
-  border-right: var(--smart-border-width) solid var(--smart-border);
-}
-.smart-pivot-table[toolbar] > .smart-container {
-  display: flex;
-  flex-direction: column;
-}
-.smart-pivot-table[toolbar] .smart-pivot-table-main-container {
-  height: calc(100% - var(--smart-table-row-height));
-  grid-area: main;
-}
-.smart-pivot-table[toolbar] .smart-pivot-table-toolbar {
-  display: grid;
-  grid-template-columns: 1fr 1fr var(--smart-table-row-height) var(--smart-table-row-height);
-  grid-area: toolbar;
-  gap: var(--smart-pivot-panel-padding);
-}
-.smart-pivot-table[toolbar] .smart-pivot-table-designer-container {
-  grid-area: designer;
-  min-height: 0;
-  max-height: unset;
-}
-.smart-pivot-table[toolbar][designer] > .smart-container {
-  display: grid;
-  grid-template-columns: 1fr var(--smart-pivot-panel-width);
-  grid-template-rows: var(--smart-table-row-height) 1fr;
-  grid-template-areas: "toolbar toolbar" "main designer";
-}
-.smart-pivot-table[toolbar][designer] .smart-pivot-table-toolbar {
-  grid-template-columns: 1fr 1fr var(--smart-table-row-height);
-}
-.smart-pivot-table[toolbar][designer] .smart-table-toolbar-button.fields {
-  display: none;
-}
-.smart-pivot-table[toolbar][designer] .smart-pivot-table-main-container {
-  width: 100%;
-  height: 100%;
-}
-.smart-pivot-table[toolbar][designer][designer-position=near] > .smart-container {
-  grid-template-columns: var(--smart-pivot-panel-width) 1fr;
-  grid-template-areas: "toolbar toolbar" "designer main";
-}
-.smart-pivot-table[selection][selection-mode=cell] tbody td {
-  -moz-user-select: none;
-  -webkit-user-select: none;
-  -ms-user-select: none;
-  user-select: none;
-}
-.smart-pivot-table[selection][selection-mode=cell] tbody td.selected {
-  background-color: rgba(var(--smart-primary-rgb), 0.8);
-  color: var(--smart-primary-color);
-}
-
-.smart-table[column-reorder] th[data-field].smart-pivot-table-total-header {
-  cursor: unset;
-}
-.smart-table[column-reorder][column-totals] th[data-field] {
-  cursor: unset;
-}
-.smart-table[freeze-header] thead tr:nth-child(4) > th {
-  top: calc(3 * var(--smart-table-column-header-height));
-}
-.smart-table[freeze-header] thead tr:nth-child(5) > th {
-  top: calc(4 * var(--smart-table-column-header-height));
-}
-.smart-table[freeze-header] thead tr:nth-child(6) > th {
-  top: calc(5 * var(--smart-table-column-header-height));
-}
-.smart-table[freeze-header] thead tr:nth-child(7) > th {
-  top: calc(6 * var(--smart-table-column-header-height));
-}
-.smart-table[freeze-header] thead tr:nth-child(8) > th {
-  top: calc(7 * var(--smart-table-column-header-height));
-}
-.smart-table[freeze-header] thead tr:nth-child(9) > th {
-  top: calc(8 * var(--smart-table-column-header-height));
-}
-.smart-table[freeze-header] thead tr:nth-child(10) > th {
-  top: calc(9 * var(--smart-table-column-header-height));
-}
-
-.smart-table-window.drill-down {
-  --smart-window-default-width: 750px;
-  --smart-window-footer-padding: 0;
-  --smart-window-footer-height: 0px;
-}
-.smart-table-window.drill-down .smart-content-container > .smart-content > div {
-  display: grid;
-  grid-template-rows: auto 1fr;
-  grid-template-columns: 100%;
-  gap: var(--smart-pivot-panel-padding);
-  width: 100%;
-  height: 100%;
-}
-.smart-table-window.drill-down .drill-down-details {
-  display: flex;
-}
-.smart-table-window.drill-down .smart-content strong {
-  margin-right: var(--smart-pivot-panel-padding);
-  margin-left: calc(var(--smart-pivot-panel-padding) / 3);
-}
-.smart-table-window.drill-down smart-table {
-  min-height: 0;
-}
-.smart-table-window.fields {
-  --smart-window-footer-padding: 0;
-  --smart-window-footer-height: 0px;
-  --smart-window-default-width: 600px;
-  --smart-window-default-height: 800px;
-}
-.smart-table-window.fields smart-pivot-panel {
-  width: 100%;
-  height: 100%;
-}
-.smart-table-window.fields smart-pivot-panel > .smart-container {
-  grid-template-rows: auto 1fr;
-  grid-template-columns: unset;
-}
-.smart-table-window.fields smart-pivot-panel > .smart-container > div:first-child {
-  order: 1;
-}
-.smart-table-window.fields smart-pivot-panel > .smart-container > div:nth-child(2) {
-  order: 0;
-}
-.smart-table-window.fields smart-pivot-panel .smart-filter-panel .smart-filter-panel-button-container > smart-button {
-  width: 40%;
-}
-.smart-table-window.fields smart-pivot-panel .smart-pivot-panel-columns-view {
-  grid-template-rows: 2fr 1fr 1fr 1fr;
-}
-.smart-table-window.fields smart-pivot-panel .smart-pivot-panel-tabs {
-  border-left: none;
-  writing-mode: unset;
-}
-.smart-table-window.fields smart-pivot-panel .smart-pivot-panel-tab-item {
-  height: auto;
-  border-bottom-width: calc(2 * var(--smart-border-width));
-  border-left-width: var(--smart-border-width);
-  border-left-color: transparent;
-}
-.smart-table-window.fields smart-pivot-panel .smart-pivot-panel-tab-item:first-child {
-  margin-top: 0;
-  margin-right: var(--smart-pivot-panel-padding);
-}
-.smart-table-window.fields smart-pivot-panel .smart-pivot-panel-tab-item:focus {
-  border-color: var(--smart-ui-state-color-focus);
-}
-.smart-table-window.fields smart-pivot-panel .smart-pivot-panel-tab-item.selected {
-  border-bottom-color: var(--smart-primary);
-}
-.smart-table-window.fields smart-pivot-panel .smart-pivot-panel-tab-item.selected:focus {
-  border-color: var(--smart-ui-state-color-focus) var(--smart-ui-state-color-focus) var(--smart-primary) var(--smart-ui-state-color-focus);
-}
-.smart-table-window.fields smart-pivot-panel .smart-pivot-panel-tab-item .icon {
-  margin-bottom: 0;
-  margin-right: 3px;
-}
-.smart-table-window.fields:not([animation=none]) smart-pivot-panel .smart-pivot-panel-tab-item {
-  transition: border-bottom-color 0.3s ease-out;
-}
-
-.smart-window.smart-table-window.drill-down .smart-content-container > .smart-footer, .smart-window.smart-table-window.fields .smart-content-container > .smart-footer {
-  display: none;
-}
-
-/* PivotPanel */
-.smart-pivot-panel {
-  border: var(--smart-border-width) solid var(--smart-border);
-  width: var(--smart-pivot-panel-width);
-  height: var(--smart-pivot-panel-default-height);
-}
-.smart-pivot-panel > .smart-container {
-  display: grid;
-  grid-template-columns: 1fr auto;
-  min-width: 0;
-  min-height: 0;
-}
-.smart-pivot-panel > .smart-container > div:first-child {
-  min-height: 0;
-}
-.smart-pivot-panel > .smart-container .check-box {
-  position: relative;
-  left: unset;
-  transform: none;
-}
-.smart-pivot-panel smart-accordion-item .smart-content-container {
-  padding: 0;
-}
-.smart-pivot-panel smart-accordion-item.filtered .smart-label {
-  position: relative;
-  color: var(--smart-primary);
-}
-.smart-pivot-panel smart-accordion-item.filtered .smart-label:before {
-  height: 100%;
-  font-family: var(--smart-font-family-icon);
-  font-style: normal;
-  font-weight: normal;
-  font-size: var(--smart-arrow-size);
-  color: inherit;
-  text-decoration: inherit;
-  font-variant: normal;
-  text-transform: none;
-  display: flex;
-  flex-wrap: wrap;
-  align-items: center;
-  justify-content: center;
-  content: var(--smart-icon-filter);
-  position: absolute;
-  right: calc(100% + var(--smart-pivot-panel-padding) / 2);
-  width: 16px;
-}
-.smart-pivot-panel smart-tree-item .settings-icon {
-  margin-right: calc(var(--smart-pivot-panel-padding) / 2);
-}
-.smart-pivot-panel smart-tree-item .settings-icon:before {
-  width: 100%;
-  height: 100%;
-  font-family: var(--smart-font-family-icon);
-  font-style: normal;
-  font-weight: normal;
-  font-size: var(--smart-arrow-size);
-  color: inherit;
-  text-decoration: inherit;
-  font-variant: normal;
-  text-transform: none;
-  display: flex;
-  flex-wrap: wrap;
-  align-items: center;
-  justify-content: center;
-  position: relative;
-  content: var(--smart-icon-settings);
-}
-.smart-pivot-panel smart-accordion {
-  width: 100%;
-  height: 100%;
-}
-.smart-pivot-panel smart-filter-panel {
-  width: 100%;
-  height: 100%;
-}
-.smart-pivot-panel smart-filter-panel > .smart-container {
-  display: grid;
-  grid-template-rows: auto 1fr auto;
-  row-gap: var(--smart-pivot-panel-padding);
-}
-.smart-pivot-panel smart-filter-panel > .smart-container > div:nth-child(2) {
-  min-height: 0;
-}
-.smart-pivot-panel smart-filter-panel > .smart-container smart-tree {
-  height: 100%;
-}
-.smart-pivot-panel smart-tree.smart-element {
-  visibility: inherit;
-}
-.smart-pivot-panel smart-tree:focus {
-  border-color: var(--smart-ui-state-color-focus);
-}
-.smart-pivot-panel .icon:before {
-  width: 100%;
-  height: 100%;
-  font-family: var(--smart-font-family-icon);
-  font-style: normal;
-  font-weight: normal;
-  font-size: var(--smart-arrow-size);
-  color: inherit;
-  text-decoration: inherit;
-  font-variant: normal;
-  text-transform: none;
-  display: flex;
-  flex-wrap: wrap;
-  align-items: center;
-  justify-content: center;
-  position: relative;
-}
-.smart-pivot-panel .smart-accordion smart-accordion-item .smart-accordion-item-content {
-  padding: 0;
-}
-.smart-pivot-panel .smart-pivot-panel-tabs {
-  display: flex;
-  border-left: var(--smart-border-width) solid var(--smart-border);
-  writing-mode: vertical-lr;
-}
-.smart-pivot-panel .smart-pivot-panel-tab-item {
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  border: 1px solid transparent;
-  border-left-width: calc(2 * var(--smart-border-width));
-  height: var(--smart-pivot-panel-tab-item-height);
-  padding: var(--smart-pivot-panel-padding);
-  overflow: hidden;
-  white-space: nowrap;
-  text-overflow: ellipsis;
-  cursor: pointer;
-}
-.smart-pivot-panel .smart-pivot-panel-tab-item:first-child {
-  margin-top: var(--smart-pivot-panel-padding);
-}
-.smart-pivot-panel .smart-pivot-panel-tab-item:first-child .icon:before {
-  content: var(--smart-icon-table);
-}
-.smart-pivot-panel .smart-pivot-panel-tab-item:nth-child(2) .icon:before {
-  content: var(--smart-icon-filter);
-}
-.smart-pivot-panel .smart-pivot-panel-tab-item:hover {
-  color: var(--smart-primary);
-}
-.smart-pivot-panel .smart-pivot-panel-tab-item:focus {
-  border-color: var(--smart-ui-state-color-focus);
-  outline: none;
-}
-.smart-pivot-panel .smart-pivot-panel-tab-item.selected {
-  border-left-color: var(--smart-primary);
-}
-.smart-pivot-panel .smart-pivot-panel-tab-item.selected:focus {
-  border-color: var(--smart-ui-state-color-focus) var(--smart-ui-state-color-focus) var(--smart-ui-state-color-focus) var(--smart-primary);
-}
-.smart-pivot-panel .smart-pivot-panel-tab-item .icon {
-  margin-bottom: 3px;
-}
-.smart-pivot-panel .smart-pivot-panel-columns-view {
-  display: grid;
-  grid-template-rows: 3fr 1fr 1fr 1fr;
-  width: 100%;
-  min-width: 0;
-  height: 100%;
-  min-height: 0;
-}
-.smart-pivot-panel .smart-pivot-panel-columns-view smart-tree {
-  border-color: transparent;
-  width: 100%;
-  height: 100%;
-}
-.smart-pivot-panel .smart-pivot-panel-active-columns {
-  display: grid;
-  grid-template-rows: auto 1fr;
-  min-width: 0;
-  min-height: 0;
-  border-top: var(--smart-border-width) solid var(--smart-border);
-}
-.smart-pivot-panel .smart-pivot-panel-active-columns smart-tree-item .smart-tree-item-label-element > span {
-  display: flex;
-}
-.smart-pivot-panel .smart-pivot-panel-label {
-  display: flex;
-  padding: var(--smart-pivot-panel-padding);
-  background: var(--smart-primary);
-  color: var(--smart-primary-color);
-}
-.smart-pivot-panel .smart-pivot-panel-label .icon {
-  margin-right: calc(var(--smart-pivot-panel-padding) / 2);
-}
-.smart-pivot-panel .smart-pivot-panel-row-groups-label .icon:before {
-  content: var(--smart-icon-align-left);
-  transform: scale(-1);
-}
-.smart-pivot-panel .smart-pivot-panel-summaries-label .icon:before {
-  content: var(--smart-icon-math);
-}
-.smart-pivot-panel .smart-pivot-panel-pivots-label .icon:before {
-  content: var(--smart-icon-refresh);
-}
-.smart-pivot-panel .smart-pivot-panel-columns-container {
-  min-height: 0;
-  overflow: auto;
-}
-.smart-pivot-panel .smart-pivot-panel-filters-view {
-  height: 100%;
-}
-.smart-pivot-panel:not([animation=none]) .smart-pivot-panel-tab-item {
-  transition: border-left-color 0.3s ease-out;
-}
-.smart-pivot-panel[inverted] > .smart-container {
-  grid-template-columns: auto 1fr;
-}
-.smart-pivot-panel[inverted] > .smart-container > div:first-child {
-  order: 1;
-}
-.smart-pivot-panel[inverted] .smart-pivot-panel-tabs {
-  border-left: none;
-  border-right: var(--smart-border-width) solid var(--smart-border);
-}
-.smart-pivot-panel[inverted] .smart-pivot-panel-tab-item {
-  border-left: 1px solid transparent;
-  border-right-width: calc(2 * var(--smart-border-width));
-}
-.smart-pivot-panel[inverted] .smart-pivot-panel-tab-item span:nth-child(2) {
-  transform: rotate(180deg);
-}
-.smart-pivot-panel[inverted] .smart-pivot-panel-tab-item.selected {
-  border-right-color: var(--smart-primary);
-}
-.smart-pivot-panel[inverted] .smart-pivot-panel-tab-item.selected:focus {
-  border-color: var(--smart-ui-state-color-focus) var(--smart-primary) var(--smart-ui-state-color-focus) var(--smart-ui-state-color-focus);
-}
-.smart-pivot-panel[inverted]:not([animation=none]) .smart-pivot-panel-tab-item {
-  transition: border-right-color 0.3s ease-out;
-}
-
-.smart-window.smart-pivot-window {
-  --smart-window-default-height: 190px;
-}
-.smart-window.smart-pivot-window .smart-content-container > .smart-content {
-  display: grid;
-  grid-template-columns: minmax(175px, auto) 1fr;
-  grid-auto-rows: max-content;
-  gap: var(--smart-pivot-panel-padding);
-  min-width: 0;
-}
-.smart-window.smart-pivot-window .smart-content-container > .smart-footer {
-  display: flex;
-  justify-content: space-evenly;
-  align-items: center;
-}
-.smart-window.smart-pivot-window .smart-content-container > .smart-footer smart-button {
-  --smart-button-padding: 0;
-  width: 40%;
-  height: 100%;
-}
-.smart-window.smart-pivot-window .smart-content .category.label {
-  grid-column-start: 1;
-  grid-column-end: 3;
-  font-weight: bold;
-  text-decoration: underline;
-}
-.smart-window.smart-pivot-window smart-input {
-  width: 100%;
-}
-.smart-window.smart-pivot-window.summary {
-  --smart-window-default-height: 500px;
-}
-.smart-window.smart-pivot-window:not(.summary) .summary {
-  display: none;
-}
-
-/* Pivot Feedbacks */
-.smart-breadcrumb-feedback.cancel:after {
-  content: var(--smart-icon-block);
-  background-color: var(--smart-error);
-  color: var(--smart-error-color);
-}
-.smart-breadcrumb-feedback.delete:after {
-  content: var(--smart-icon-delete);
-  background-color: var(--smart-primary);
-  color: var(--smart-primary-color);
-}
-.smart-breadcrumb-feedback.pivot:after {
-  content: var(--smart-icon-refresh);
-}
-.smart-breadcrumb-feedback.row-group:after {
-  content: var(--smart-icon-align-left);
-  transform: scale(-1);
-}
-.smart-breadcrumb-feedback.summary:after {
-  content: var(--smart-icon-math);
-}
-
-.smart-tree-item-feedback.forbidden {
-  border-color: var(--smart-error);
-  color: var(--smart-error);
-}
-.smart-tree-item-feedback.forbidden:before {
-  width: 100%;
-  height: 100%;
-  font-family: var(--smart-font-family-icon);
-  font-style: normal;
-  font-weight: normal;
-  font-size: var(--smart-arrow-size);
-  color: inherit;
-  text-decoration: inherit;
-  font-variant: normal;
-  text-transform: none;
-  display: flex;
-  flex-wrap: wrap;
-  align-items: center;
-  justify-content: center;
-  position: relative;
-  content: var(--smart-icon-block);
-  margin-right: calc(var(--smart-pivot-panel-padding) / 2);
-}
-
-/* PivotTable */
-.smart-pivot-table[right-to-left] thead th:not(:last-child) {
-  border-left: var(--smart-border-width) solid var(--smart-border);
-  border-right: none;
-}
-.smart-pivot-table[right-to-left] td.sort-by.asc:before {
-  transform: rotate(270deg);
-}
-.smart-pivot-table[right-to-left] th.expanded .total-arrow {
-  transform: none;
-}
-.smart-pivot-table[right-to-left] smart-breadcrumb {
-  padding-left: var(--smart-breadcrumb-padding);
-  padding-right: calc(3 * var(--smart-breadcrumb-padding));
-}
-.smart-pivot-table[right-to-left] smart-breadcrumb:before {
-  left: unset;
-  right: 0;
-}
-.smart-pivot-table[right-to-left] .total-arrow {
-  transform: rotate(180deg);
-}
-.smart-pivot-table[right-to-left] .smart-pivot-table-pivot-breadcrumb {
-  border-left: none;
-  border-right: var(--smart-border-width) solid var(--smart-border);
-}
-.smart-pivot-table[right-to-left][selection]:not([selection-mode=cell]) thead th:first-child {
-  border-left: none;
-}
-.smart-pivot-table[right-to-left]:not([designer-position=near]) .smart-pivot-panel {
-  border-left: none;
-  border-right: var(--smart-border-width) solid var(--smart-border);
-}
-
-.smart-table-window[right-to-left].drill-down .smart-content strong {
-  margin-right: calc(var(--smart-pivot-panel-padding) / 3);
-  margin-left: var(--smart-pivot-panel-padding);
-}
-.smart-table-window[right-to-left].fields smart-pivot-panel .smart-pivot-panel-tabs,
-.smart-table-window[right-to-left].fields smart-pivot-panel .smart-pivot-panel-tab-item {
-  flex-direction: row-reverse;
-}
-.smart-table-window[right-to-left].fields smart-pivot-panel .smart-pivot-panel-tab-item {
-  display: flex;
-}
-.smart-table-window[right-to-left].fields smart-pivot-panel .smart-pivot-panel-tab-item:first-child {
-  margin-left: var(--smart-pivot-panel-padding);
-  margin-right: 0;
-}
-.smart-table-window[right-to-left].fields smart-pivot-panel .smart-pivot-panel-tab-item .icon {
-  margin-left: 3px;
-  margin-right: 0;
-}
-
-/* PivotPanel */
-.smart-pivot-panel[right-to-left] {
-  direction: ltr;
-}
-.smart-pivot-panel[right-to-left] > .smart-container > div:first-child,
-.smart-pivot-panel[right-to-left] .smart-pivot-panel-tab-item > span:nth-child(2) {
-  direction: rtl;
-}
-.smart-pivot-panel[right-to-left] .smart-pivot-panel-label .icon,
-.smart-pivot-panel[right-to-left] smart-tree-item .settings-icon {
-  margin-left: calc(var(--smart-pivot-panel-padding) / 2);
-  margin-right: 0;
+/* PivotTable */
+.smart-pivot-table thead th {
+  font-weight: bold;
+}
+.smart-pivot-table thead th:not(:last-child):not(.last-visible) {
+  border-right: var(--smart-border-width) solid var(--smart-border);
+}
+.smart-pivot-table tbody tr td {
+  transform: scaleY(1);
+}
+.smart-pivot-table tbody tr.collapsed {
+  height: 0;
+}
+.smart-pivot-table tbody tr.collapsed td {
+  border-top-width: 0;
+  border-top-color: transparent;
+  padding-top: 0;
+  padding-bottom: 0;
+  line-height: 0;
+  transform: scaleY(0);
+}
+.smart-pivot-table tbody tr.no-height td {
+  line-height: 0;
+}
+.smart-pivot-table th.align-left > .wrapper {
+  justify-content: flex-start;
+}
+.smart-pivot-table th.align-center > .wrapper {
+  justify-content: center;
+}
+.smart-pivot-table th.align-right > .wrapper {
+  justify-content: flex-end;
+}
+.smart-pivot-table tr td {
+  line-height: calc(var(--smart-table-row-height) - 2 * var(--smart-table-cell-padding) - var(--smart-border-width));
+  white-space: nowrap;
+}
+.smart-pivot-table tr:last-child:not(:first-child) .smart-pivot-table-grouping-header,
+.smart-pivot-table tr:last-child:not(:first-child) .smart-pivot-table-total-header {
+  border-top: var(--smart-border-width) solid var(--smart-border);
+}
+.smart-pivot-table tr:not(:last-child) .smart-pivot-table-grouping-header,
+.smart-pivot-table tr:not(:last-child) .smart-pivot-table-selection-header,
+.smart-pivot-table tr:not(:last-child) .smart-pivot-table-total-header {
+  border-bottom: none;
+}
+.smart-pivot-table td.align-left {
+  text-align: left;
+}
+.smart-pivot-table td.align-center {
+  text-align: center;
+}
+.smart-pivot-table td.align-right {
+  text-align: right;
+}
+.smart-pivot-table td.sort-by {
+  position: relative;
+}
+.smart-pivot-table td.sort-by:before {
+  content: var(--smart-icon-up);
+  display: flex;
+  align-items: center;
+  justify-content: flex-end;
+  visibility: hidden;
+  position: absolute;
+  top: 0;
+  right: var(--smart-table-cell-padding);
+  height: 100%;
+  font-family: var(--smart-font-family-icon);
+  opacity: 0;
+  transform: rotate(90deg);
+}
+.smart-pivot-table td.sort-by.asc:before, .smart-pivot-table td.sort-by.desc:before {
+  opacity: 1;
+  visibility: visible;
+}
+.smart-pivot-table td[selection-detail]:before {
+  content: attr(selection-detail);
+  position: absolute;
+  top: 100%;
+  left: 0;
+  padding: 3px;
+  background-color: var(--smart-secondary);
+  color: var(--smart-secondary-color);
+  font-size: var(--smart-font-size);
+  font-variant: small-caps;
+  opacity: 0.8;
+  pointer-events: none;
+}
+.smart-pivot-table td[selection-detail][detail-position-x=right]:before {
+  left: unset;
+  right: 0;
+}
+.smart-pivot-table td[selection-detail][detail-position-y=top]:before {
+  top: 0;
+  transform: translateY(-100%);
+}
+.smart-pivot-table tfoot td {
+  font-weight: bold;
+}
+.smart-pivot-table .smart-pivot-table-main-container {
+  width: 100%;
+  height: 100%;
+  overflow: auto;
+}
+.smart-pivot-table .smart-pivot-table-main-container.prevent-scroll {
+  overflow: hidden;
+}
+.smart-pivot-table .smart-pivot-table-selection-header {
+  border-top: none;
+}
+.smart-pivot-table .smart-pivot-table-total-header {
+  border-top: none;
+  width: var(--smart-pivot-table-cell-width);
+}
+.smart-pivot-table .smart-pivot-table-grouping-header {
+  border-top: none;
+  width: var(--smart-pivot-table-secondary-group-width);
+}
+.smart-pivot-table .smart-pivot-table-toolbar {
+  display: none;
+  border: none;
+  border-bottom: var(--smart-border-width) solid var(--smart-border);
+  height: var(--smart-table-row-height);
+}
+.smart-pivot-table .smart-pivot-table-toolbar smart-breadcrumb .smart-breadcrumb-items .smart-breadcrumb-item {
+  height: calc(100% - var(--smart-breadcrumb-padding));
+}
+.smart-pivot-table .smart-pivot-table-row-group-breadcrumb:before {
+  content: var(--smart-icon-align-left);
+  transform: scale(-1);
+}
+.smart-pivot-table .smart-pivot-table-pivot-breadcrumb {
+  border-left: var(--smart-border-width) solid var(--smart-border);
+  border-radius: 0;
+}
+.smart-pivot-table .smart-pivot-table-pivot-breadcrumb:before {
+  content: var(--smart-icon-refresh);
+}
+.smart-pivot-table .empty {
+  border-top: none;
+}
+.smart-pivot-table .total-arrow {
+  display: inline-flex;
+  margin-left: var(--smart-table-arrow-margin);
+  width: var(--smart-table-arrow-size);
+  height: var(--smart-table-arrow-size);
+  cursor: pointer;
+}
+.smart-pivot-table .total-arrow:focus {
+  outline: none;
+  border: 1px solid var(--smart-ui-state-color-focus);
+  border-radius: 50%;
+  color: var(--smart-ui-state-color-focus);
+}
+.smart-pivot-table .smart-pivot-panel {
+  border-top: none;
+  border-right: none;
+  border-bottom: none;
+  width: 100%;
+  height: 100%;
+}
+.smart-pivot-table smart-breadcrumb {
+  position: relative;
+  border: none;
+  width: unset;
+  height: 100%;
+  padding-left: calc(3 * var(--smart-breadcrumb-padding));
+}
+.smart-pivot-table smart-breadcrumb:before {
+  position: absolute;
+  left: 0;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  width: calc(3 * var(--smart-breadcrumb-padding));
+  height: 100%;
+  font-family: var(--smart-font-family-icon);
+}
+.smart-pivot-table smart-breadcrumb > .smart-container {
+  position: relative;
+}
+.smart-pivot-table smart-breadcrumb > .smart-container.drop-target:after {
+  content: "";
+  position: absolute;
+  top: 0;
+  left: calc(-3 * var(--smart-breadcrumb-padding));
+  box-sizing: border-box;
+  border: 2px dashed var(--smart-primary);
+  width: calc(100% + 4 * var(--smart-breadcrumb-padding));
+  height: calc(100% + var(--smart-breadcrumb-padding));
+}
+.smart-pivot-table smart-breadcrumb .smart-template-container {
+  height: 100%;
+}
+.smart-pivot-table smart-breadcrumb .smart-breadcrumb-items {
+  height: 100%;
+}
+.smart-pivot-table smart-breadcrumb .smart-breadcrumb-item {
+  height: calc(100% - var(--smart-breadcrumb-padding));
+}
+.smart-pivot-table smart-breadcrumb .smart-breadcrumb-placeholder {
+  position: absolute;
+  top: var(--smart-breadcrumb-padding);
+  left: 0;
+  font-style: italic;
+}
+.smart-pivot-table [selection-detail] {
+  position: relative;
+  overflow: visible;
+  z-index: 1;
+}
+.smart-pivot-table:not([right-to-left]) td.sort-by.desc::before {
+  transform: rotate(270deg);
+}
+.smart-pivot-table:not([animation=none]) tbody tr {
+  transition: height 0.2s ease-in-out;
+}
+.smart-pivot-table:not([animation=none]) tr td {
+  transition: padding-top 0.2s ease-in-out, padding-bottom 0.2s ease-in-out, transform 0.2s ease-in-out, border-top-color 0.2s ease-in-out;
+}
+.smart-pivot-table:not([designer]) .smart-pivot-table-designer-container {
+  display: none;
+}
+.smart-pivot-table[group-layout=classic] .smart-pivot-table-grouping-header {
+  width: calc(0.75 * var(--smart-pivot-table-cell-width));
+}
+.smart-pivot-table[group-layout=classic] tbody td:not(.expanded) + td[data-field^=group]:not(.main),
+.smart-pivot-table[group-layout=classic] tbody td.expanded:not(.main) + td[data-field^=group]:not(.main) {
+  font-size: 0;
+}
+.smart-pivot-table[group-layout=classic] .hierarchy-arrow::after {
+  content: var(--smart-icon-plus);
+}
+.smart-pivot-table[group-layout=classic] td.expanded .hierarchy-arrow::after {
+  content: var(--smart-icon-minus);
+}
+.smart-pivot-table[designer] > .smart-container {
+  display: grid;
+  grid-template-columns: 1fr var(--smart-pivot-panel-width);
+  grid-template-rows: 100%;
+}
+.smart-pivot-table[designer] .smart-pivot-table-designer-container {
+  display: block;
+  height: 100%;
+}
+.smart-pivot-table[designer-position=near] > .smart-container {
+  grid-template-columns: var(--smart-pivot-panel-width) 1fr;
+}
+.smart-pivot-table[designer-position=near] .smart-pivot-table-main-container {
+  order: 1;
+}
+.smart-pivot-table[designer-position=near]:not([right-to-left]) .smart-pivot-panel {
+  border-left: none;
+  border-right: var(--smart-border-width) solid var(--smart-border);
+}
+.smart-pivot-table[toolbar] > .smart-container {
+  display: flex;
+  flex-direction: column;
+}
+.smart-pivot-table[toolbar] .smart-pivot-table-main-container {
+  height: calc(100% - var(--smart-table-row-height));
+  grid-area: main;
+}
+.smart-pivot-table[toolbar] .smart-pivot-table-toolbar {
+  display: grid;
+  grid-template-columns: 1fr 1fr var(--smart-table-row-height) var(--smart-table-row-height);
+  grid-area: toolbar;
+  gap: var(--smart-pivot-panel-padding);
+}
+.smart-pivot-table[toolbar] .smart-pivot-table-designer-container {
+  grid-area: designer;
+  min-height: 0;
+  max-height: unset;
+}
+.smart-pivot-table[toolbar][designer] > .smart-container {
+  display: grid;
+  grid-template-columns: 1fr var(--smart-pivot-panel-width);
+  grid-template-rows: var(--smart-table-row-height) 1fr;
+  grid-template-areas: "toolbar toolbar" "main designer";
+}
+.smart-pivot-table[toolbar][designer] .smart-pivot-table-toolbar {
+  grid-template-columns: 1fr 1fr var(--smart-table-row-height);
+}
+.smart-pivot-table[toolbar][designer] .smart-table-toolbar-button.fields {
+  display: none;
+}
+.smart-pivot-table[toolbar][designer] .smart-pivot-table-main-container {
+  width: 100%;
+  height: 100%;
+}
+.smart-pivot-table[toolbar][designer][designer-position=near] > .smart-container {
+  grid-template-columns: var(--smart-pivot-panel-width) 1fr;
+  grid-template-areas: "toolbar toolbar" "designer main";
+}
+.smart-pivot-table[selection][selection-mode=cell] tbody td {
+  -moz-user-select: none;
+  -webkit-user-select: none;
+  -ms-user-select: none;
+  user-select: none;
+}
+.smart-pivot-table[selection][selection-mode=cell] tbody td.selected {
+  background-color: rgba(var(--smart-primary-rgb), 0.8);
+  color: var(--smart-primary-color);
+}
+
+.smart-table[column-reorder] th[data-field].smart-pivot-table-total-header {
+  cursor: unset;
+}
+.smart-table[column-reorder][column-totals] th[data-field] {
+  cursor: unset;
+}
+.smart-table[freeze-header] thead tr:nth-child(4) > th {
+  top: calc(3 * var(--smart-table-column-header-height));
+}
+.smart-table[freeze-header] thead tr:nth-child(5) > th {
+  top: calc(4 * var(--smart-table-column-header-height));
+}
+.smart-table[freeze-header] thead tr:nth-child(6) > th {
+  top: calc(5 * var(--smart-table-column-header-height));
+}
+.smart-table[freeze-header] thead tr:nth-child(7) > th {
+  top: calc(6 * var(--smart-table-column-header-height));
+}
+.smart-table[freeze-header] thead tr:nth-child(8) > th {
+  top: calc(7 * var(--smart-table-column-header-height));
+}
+.smart-table[freeze-header] thead tr:nth-child(9) > th {
+  top: calc(8 * var(--smart-table-column-header-height));
+}
+.smart-table[freeze-header] thead tr:nth-child(10) > th {
+  top: calc(9 * var(--smart-table-column-header-height));
+}
+
+.smart-table-window.drill-down {
+  --smart-window-default-width: 750px;
+  --smart-window-footer-padding: 0;
+  --smart-window-footer-height: 0px;
+}
+.smart-table-window.drill-down .smart-content-container > .smart-content > div {
+  display: grid;
+  grid-template-rows: auto 1fr;
+  grid-template-columns: 100%;
+  gap: var(--smart-pivot-panel-padding);
+  width: 100%;
+  height: 100%;
+}
+.smart-table-window.drill-down .drill-down-details {
+  display: flex;
+}
+.smart-table-window.drill-down .smart-content strong {
+  margin-right: var(--smart-pivot-panel-padding);
+  margin-left: calc(var(--smart-pivot-panel-padding) / 3);
+}
+.smart-table-window.drill-down smart-table {
+  min-height: 0;
+}
+.smart-table-window.fields {
+  --smart-window-footer-padding: 0;
+  --smart-window-footer-height: 0px;
+  --smart-window-default-width: 600px;
+  --smart-window-default-height: 800px;
+}
+.smart-table-window.fields smart-pivot-panel {
+  width: 100%;
+  height: 100%;
+}
+.smart-table-window.fields smart-pivot-panel > .smart-container {
+  grid-template-rows: auto 1fr;
+  grid-template-columns: unset;
+}
+.smart-table-window.fields smart-pivot-panel > .smart-container > div:first-child {
+  order: 1;
+}
+.smart-table-window.fields smart-pivot-panel > .smart-container > div:nth-child(2) {
+  order: 0;
+}
+.smart-table-window.fields smart-pivot-panel .smart-filter-panel .smart-filter-panel-button-container > smart-button {
+  width: 40%;
+}
+.smart-table-window.fields smart-pivot-panel .smart-pivot-panel-columns-view {
+  grid-template-rows: 2fr 1fr 1fr 1fr;
+}
+.smart-table-window.fields smart-pivot-panel .smart-pivot-panel-tabs {
+  border-left: none;
+  writing-mode: unset;
+}
+.smart-table-window.fields smart-pivot-panel .smart-pivot-panel-tab-item {
+  height: auto;
+  border-bottom-width: calc(2 * var(--smart-border-width));
+  border-left-width: var(--smart-border-width);
+  border-left-color: transparent;
+}
+.smart-table-window.fields smart-pivot-panel .smart-pivot-panel-tab-item:first-child {
+  margin-top: 0;
+  margin-right: var(--smart-pivot-panel-padding);
+}
+.smart-table-window.fields smart-pivot-panel .smart-pivot-panel-tab-item:focus {
+  border-color: var(--smart-ui-state-color-focus);
+}
+.smart-table-window.fields smart-pivot-panel .smart-pivot-panel-tab-item.selected {
+  border-bottom-color: var(--smart-primary);
+}
+.smart-table-window.fields smart-pivot-panel .smart-pivot-panel-tab-item.selected:focus {
+  border-color: var(--smart-ui-state-color-focus) var(--smart-ui-state-color-focus) var(--smart-primary) var(--smart-ui-state-color-focus);
+}
+.smart-table-window.fields smart-pivot-panel .smart-pivot-panel-tab-item .icon {
+  margin-bottom: 0;
+  margin-right: 3px;
+}
+.smart-table-window.fields:not([animation=none]) smart-pivot-panel .smart-pivot-panel-tab-item {
+  transition: border-bottom-color 0.3s ease-out;
+}
+
+.smart-window.smart-table-window.drill-down .smart-content-container > .smart-footer, .smart-window.smart-table-window.fields .smart-content-container > .smart-footer {
+  display: none;
+}
+
+/* PivotPanel */
+.smart-pivot-panel {
+  border: var(--smart-border-width) solid var(--smart-border);
+  width: var(--smart-pivot-panel-width);
+  height: var(--smart-pivot-panel-default-height);
+}
+.smart-pivot-panel > .smart-container {
+  display: grid;
+  grid-template-columns: 1fr auto;
+  min-width: 0;
+  min-height: 0;
+}
+.smart-pivot-panel > .smart-container > div:first-child {
+  min-height: 0;
+}
+.smart-pivot-panel > .smart-container .check-box {
+  position: relative;
+  left: unset;
+  transform: none;
+}
+.smart-pivot-panel smart-accordion-item .smart-content-container {
+  padding: 0;
+}
+.smart-pivot-panel smart-accordion-item.filtered .smart-label {
+  position: relative;
+  color: var(--smart-primary);
+}
+.smart-pivot-panel smart-accordion-item.filtered .smart-label:before {
+  height: 100%;
+  font-family: var(--smart-font-family-icon);
+  font-style: normal;
+  font-weight: normal;
+  font-size: var(--smart-arrow-size);
+  color: inherit;
+  text-decoration: inherit;
+  font-variant: normal;
+  text-transform: none;
+  display: flex;
+  flex-wrap: wrap;
+  align-items: center;
+  justify-content: center;
+  content: var(--smart-icon-filter);
+  position: absolute;
+  right: calc(100% + var(--smart-pivot-panel-padding) / 2);
+  width: 16px;
+}
+.smart-pivot-panel smart-tree-item .settings-icon {
+  margin-right: calc(var(--smart-pivot-panel-padding) / 2);
+}
+.smart-pivot-panel smart-tree-item .settings-icon:before {
+  width: 100%;
+  height: 100%;
+  font-family: var(--smart-font-family-icon);
+  font-style: normal;
+  font-weight: normal;
+  font-size: var(--smart-arrow-size);
+  color: inherit;
+  text-decoration: inherit;
+  font-variant: normal;
+  text-transform: none;
+  display: flex;
+  flex-wrap: wrap;
+  align-items: center;
+  justify-content: center;
+  position: relative;
+  content: var(--smart-icon-settings);
+}
+.smart-pivot-panel smart-accordion {
+  width: 100%;
+  height: 100%;
+}
+.smart-pivot-panel smart-filter-panel {
+  width: 100%;
+  height: 100%;
+}
+.smart-pivot-panel smart-filter-panel > .smart-container {
+  display: grid;
+  grid-template-rows: auto 1fr auto;
+  row-gap: var(--smart-pivot-panel-padding);
+}
+.smart-pivot-panel smart-filter-panel > .smart-container > div:nth-child(2) {
+  min-height: 0;
+}
+.smart-pivot-panel smart-filter-panel > .smart-container smart-tree {
+  height: 100%;
+}
+.smart-pivot-panel smart-tree.smart-element {
+  visibility: inherit;
+}
+.smart-pivot-panel smart-tree:focus {
+  border-color: var(--smart-ui-state-color-focus);
+}
+.smart-pivot-panel .icon:before {
+  width: 100%;
+  height: 100%;
+  font-family: var(--smart-font-family-icon);
+  font-style: normal;
+  font-weight: normal;
+  font-size: var(--smart-arrow-size);
+  color: inherit;
+  text-decoration: inherit;
+  font-variant: normal;
+  text-transform: none;
+  display: flex;
+  flex-wrap: wrap;
+  align-items: center;
+  justify-content: center;
+  position: relative;
+}
+.smart-pivot-panel .smart-accordion smart-accordion-item .smart-accordion-item-content {
+  padding: 0;
+}
+.smart-pivot-panel .smart-pivot-panel-tabs {
+  display: flex;
+  border-left: var(--smart-border-width) solid var(--smart-border);
+  writing-mode: vertical-lr;
+}
+.smart-pivot-panel .smart-pivot-panel-tab-item {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  border: 1px solid transparent;
+  border-left-width: calc(2 * var(--smart-border-width));
+  height: var(--smart-pivot-panel-tab-item-height);
+  padding: var(--smart-pivot-panel-padding);
+  overflow: hidden;
+  white-space: nowrap;
+  text-overflow: ellipsis;
+  cursor: pointer;
+}
+.smart-pivot-panel .smart-pivot-panel-tab-item:first-child {
+  margin-top: var(--smart-pivot-panel-padding);
+}
+.smart-pivot-panel .smart-pivot-panel-tab-item:first-child .icon:before {
+  content: var(--smart-icon-table);
+}
+.smart-pivot-panel .smart-pivot-panel-tab-item:nth-child(2) .icon:before {
+  content: var(--smart-icon-filter);
+}
+.smart-pivot-panel .smart-pivot-panel-tab-item:hover {
+  color: var(--smart-primary);
+}
+.smart-pivot-panel .smart-pivot-panel-tab-item:focus {
+  border-color: var(--smart-ui-state-color-focus);
+  outline: none;
+}
+.smart-pivot-panel .smart-pivot-panel-tab-item.selected {
+  border-left-color: var(--smart-primary);
+}
+.smart-pivot-panel .smart-pivot-panel-tab-item.selected:focus {
+  border-color: var(--smart-ui-state-color-focus) var(--smart-ui-state-color-focus) var(--smart-ui-state-color-focus) var(--smart-primary);
+}
+.smart-pivot-panel .smart-pivot-panel-tab-item .icon {
+  margin-bottom: 3px;
+}
+.smart-pivot-panel .smart-pivot-panel-columns-view {
+  display: grid;
+  grid-template-rows: 3fr 1fr 1fr 1fr;
+  width: 100%;
+  min-width: 0;
+  height: 100%;
+  min-height: 0;
+}
+.smart-pivot-panel .smart-pivot-panel-columns-view smart-tree {
+  border-color: transparent;
+  width: 100%;
+  height: 100%;
+}
+.smart-pivot-panel .smart-pivot-panel-active-columns {
+  display: grid;
+  grid-template-rows: auto 1fr;
+  min-width: 0;
+  min-height: 0;
+  border-top: var(--smart-border-width) solid var(--smart-border);
+}
+.smart-pivot-panel .smart-pivot-panel-active-columns smart-tree-item .smart-tree-item-label-element > span {
+  display: flex;
+}
+.smart-pivot-panel .smart-pivot-panel-label {
+  display: flex;
+  padding: var(--smart-pivot-panel-padding);
+  background: var(--smart-primary);
+  color: var(--smart-primary-color);
+}
+.smart-pivot-panel .smart-pivot-panel-label .icon {
+  margin-right: calc(var(--smart-pivot-panel-padding) / 2);
+}
+.smart-pivot-panel .smart-pivot-panel-row-groups-label .icon:before {
+  content: var(--smart-icon-align-left);
+  transform: scale(-1);
+}
+.smart-pivot-panel .smart-pivot-panel-summaries-label .icon:before {
+  content: var(--smart-icon-math);
+}
+.smart-pivot-panel .smart-pivot-panel-pivots-label .icon:before {
+  content: var(--smart-icon-refresh);
+}
+.smart-pivot-panel .smart-pivot-panel-columns-container {
+  min-height: 0;
+  overflow: auto;
+}
+.smart-pivot-panel .smart-pivot-panel-filters-view {
+  height: 100%;
+}
+.smart-pivot-panel:not([animation=none]) .smart-pivot-panel-tab-item {
+  transition: border-left-color 0.3s ease-out;
+}
+.smart-pivot-panel[inverted] > .smart-container {
+  grid-template-columns: auto 1fr;
+}
+.smart-pivot-panel[inverted] > .smart-container > div:first-child {
+  order: 1;
+}
+.smart-pivot-panel[inverted] .smart-pivot-panel-tabs {
+  border-left: none;
+  border-right: var(--smart-border-width) solid var(--smart-border);
+}
+.smart-pivot-panel[inverted] .smart-pivot-panel-tab-item {
+  border-left: 1px solid transparent;
+  border-right-width: calc(2 * var(--smart-border-width));
+}
+.smart-pivot-panel[inverted] .smart-pivot-panel-tab-item span:nth-child(2) {
+  transform: rotate(180deg);
+}
+.smart-pivot-panel[inverted] .smart-pivot-panel-tab-item.selected {
+  border-right-color: var(--smart-primary);
+}
+.smart-pivot-panel[inverted] .smart-pivot-panel-tab-item.selected:focus {
+  border-color: var(--smart-ui-state-color-focus) var(--smart-primary) var(--smart-ui-state-color-focus) var(--smart-ui-state-color-focus);
+}
+.smart-pivot-panel[inverted]:not([animation=none]) .smart-pivot-panel-tab-item {
+  transition: border-right-color 0.3s ease-out;
+}
+
+.smart-window.smart-pivot-window {
+  --smart-window-default-height: 190px;
+}
+.smart-window.smart-pivot-window .smart-content-container > .smart-content {
+  display: grid;
+  grid-template-columns: minmax(175px, auto) 1fr;
+  grid-auto-rows: max-content;
+  gap: var(--smart-pivot-panel-padding);
+  min-width: 0;
+}
+.smart-window.smart-pivot-window .smart-content-container > .smart-footer {
+  display: flex;
+  justify-content: space-evenly;
+  align-items: center;
+}
+.smart-window.smart-pivot-window .smart-content-container > .smart-footer smart-button {
+  --smart-button-padding: 0;
+  width: 40%;
+  height: 100%;
+}
+.smart-window.smart-pivot-window .smart-content .category.label {
+  grid-column-start: 1;
+  grid-column-end: 3;
+  font-weight: bold;
+  text-decoration: underline;
+}
+.smart-window.smart-pivot-window smart-input {
+  width: 100%;
+}
+.smart-window.smart-pivot-window.summary {
+  --smart-window-default-height: 500px;
+}
+.smart-window.smart-pivot-window:not(.summary) .summary {
+  display: none;
+}
+
+/* Pivot Feedbacks */
+.smart-breadcrumb-feedback.cancel:after {
+  content: var(--smart-icon-block);
+  background-color: var(--smart-error);
+  color: var(--smart-error-color);
+}
+.smart-breadcrumb-feedback.delete:after {
+  content: var(--smart-icon-delete);
+  background-color: var(--smart-primary);
+  color: var(--smart-primary-color);
+}
+.smart-breadcrumb-feedback.pivot:after {
+  content: var(--smart-icon-refresh);
+}
+.smart-breadcrumb-feedback.row-group:after {
+  content: var(--smart-icon-align-left);
+  transform: scale(-1);
+}
+.smart-breadcrumb-feedback.summary:after {
+  content: var(--smart-icon-math);
+}
+
+.smart-tree-item-feedback.forbidden {
+  border-color: var(--smart-error);
+  color: var(--smart-error);
+}
+.smart-tree-item-feedback.forbidden:before {
+  width: 100%;
+  height: 100%;
+  font-family: var(--smart-font-family-icon);
+  font-style: normal;
+  font-weight: normal;
+  font-size: var(--smart-arrow-size);
+  color: inherit;
+  text-decoration: inherit;
+  font-variant: normal;
+  text-transform: none;
+  display: flex;
+  flex-wrap: wrap;
+  align-items: center;
+  justify-content: center;
+  position: relative;
+  content: var(--smart-icon-block);
+  margin-right: calc(var(--smart-pivot-panel-padding) / 2);
+}
+
+/* PivotTable */
+.smart-pivot-table[right-to-left] thead th:not(:last-child) {
+  border-left: var(--smart-border-width) solid var(--smart-border);
+  border-right: none;
+}
+.smart-pivot-table[right-to-left] td.sort-by.asc:before {
+  transform: rotate(270deg);
+}
+.smart-pivot-table[right-to-left] th.expanded .total-arrow {
+  transform: none;
+}
+.smart-pivot-table[right-to-left] smart-breadcrumb {
+  padding-left: var(--smart-breadcrumb-padding);
+  padding-right: calc(3 * var(--smart-breadcrumb-padding));
+}
+.smart-pivot-table[right-to-left] smart-breadcrumb:before {
+  left: unset;
+  right: 0;
+}
+.smart-pivot-table[right-to-left] .total-arrow {
+  transform: rotate(180deg);
+}
+.smart-pivot-table[right-to-left] .smart-pivot-table-pivot-breadcrumb {
+  border-left: none;
+  border-right: var(--smart-border-width) solid var(--smart-border);
+}
+.smart-pivot-table[right-to-left][selection]:not([selection-mode=cell]) thead th:first-child {
+  border-left: none;
+}
+.smart-pivot-table[right-to-left]:not([designer-position=near]) .smart-pivot-panel {
+  border-left: none;
+  border-right: var(--smart-border-width) solid var(--smart-border);
+}
+
+.smart-table-window[right-to-left].drill-down .smart-content strong {
+  margin-right: calc(var(--smart-pivot-panel-padding) / 3);
+  margin-left: var(--smart-pivot-panel-padding);
+}
+.smart-table-window[right-to-left].fields smart-pivot-panel .smart-pivot-panel-tabs,
+.smart-table-window[right-to-left].fields smart-pivot-panel .smart-pivot-panel-tab-item {
+  flex-direction: row-reverse;
+}
+.smart-table-window[right-to-left].fields smart-pivot-panel .smart-pivot-panel-tab-item {
+  display: flex;
+}
+.smart-table-window[right-to-left].fields smart-pivot-panel .smart-pivot-panel-tab-item:first-child {
+  margin-left: var(--smart-pivot-panel-padding);
+  margin-right: 0;
+}
+.smart-table-window[right-to-left].fields smart-pivot-panel .smart-pivot-panel-tab-item .icon {
+  margin-left: 3px;
+  margin-right: 0;
+}
+
+/* PivotPanel */
+.smart-pivot-panel[right-to-left] {
+  direction: ltr;
+}
+.smart-pivot-panel[right-to-left] > .smart-container > div:first-child,
+.smart-pivot-panel[right-to-left] .smart-pivot-panel-tab-item > span:nth-child(2) {
+  direction: rtl;
+}
+.smart-pivot-panel[right-to-left] .smart-pivot-panel-label .icon,
+.smart-pivot-panel[right-to-left] smart-tree-item .settings-icon {
+  margin-left: calc(var(--smart-pivot-panel-padding) / 2);
+  margin-right: 0;
 }