/* GENERATED by tools/build-ui-css.mjs from InventoryUI_V2 (2026-10-01) - do not edit */

/* src/app/app.scss (app-root) */


/* src/app/pages/custom-attribute-create-form/custom-attribute-create-form.component.scss (app-custom-attribute-create-form) */


/* src/app/pages/custom-attribute/custom-attribute-details/custom-attribute-details.component.css (app-custom-attribute-details) */
[_nghost-inventory-app-custom-attribute-details]   .page[_ngcontent-inventory-app-custom-attribute-details] {
  padding: 0 16px;
  box-sizing: border-box;
}

header[_ngcontent-inventory-app-custom-attribute-details]   h2.page-header-row[_ngcontent-inventory-app-custom-attribute-details] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  flex-wrap: nowrap;
  width: 100%;
  box-sizing: border-box;
}

header[_ngcontent-inventory-app-custom-attribute-details]   h2.page-header-row[_ngcontent-inventory-app-custom-attribute-details]    > span[_ngcontent-inventory-app-custom-attribute-details]:first-of-type {
  min-width: 0;
}

header[_ngcontent-inventory-app-custom-attribute-details]   h2.page-header-row[_ngcontent-inventory-app-custom-attribute-details]   .buttons[_ngcontent-inventory-app-custom-attribute-details] {
  display: flex;
  align-items: center;
  gap: 8px;
  float: none;
  margin: 0;
  margin-left: auto;
  flex-shrink: 0;
}

header[_ngcontent-inventory-app-custom-attribute-details]   h2.page-header-row[_ngcontent-inventory-app-custom-attribute-details]   .buttons[_ngcontent-inventory-app-custom-attribute-details]   *[_ngcontent-inventory-app-custom-attribute-details] {
  margin-left: 0;
}

/* src/app/pages/custom-attribute/custom-attribute-overview/custom-attribute-overview.component.css (app-custom-attribute-overview) */
[_nghost-inventory-app-custom-attribute-overview]   .page[_ngcontent-inventory-app-custom-attribute-overview] {
  padding: 0 16px;
  box-sizing: border-box;
}

header[_ngcontent-inventory-app-custom-attribute-overview]   h2.page-header-row[_ngcontent-inventory-app-custom-attribute-overview] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  flex-wrap: nowrap;
  width: 100%;
  box-sizing: border-box;
}

header[_ngcontent-inventory-app-custom-attribute-overview]   h2.page-header-row[_ngcontent-inventory-app-custom-attribute-overview]    > span[_ngcontent-inventory-app-custom-attribute-overview]:first-of-type {
  min-width: 0;
}

header[_ngcontent-inventory-app-custom-attribute-overview]   h2.page-header-row[_ngcontent-inventory-app-custom-attribute-overview]   .buttons[_ngcontent-inventory-app-custom-attribute-overview] {
  display: flex;
  align-items: center;
  gap: 8px;
  float: none;
  margin: 0;
  margin-left: auto;
  flex-shrink: 0;
}

header[_ngcontent-inventory-app-custom-attribute-overview]   h2.page-header-row[_ngcontent-inventory-app-custom-attribute-overview]   .buttons[_ngcontent-inventory-app-custom-attribute-overview]   *[_ngcontent-inventory-app-custom-attribute-overview] {
  margin-left: 0;
}

/* src/app/pages/dimension-templates/dimension-template-wizard/dimension-template-wizard.component.css (app-dimension-template-wizard) */
@import 'https://imagineshared.blob.core.windows.net/cdn/k3devexpress.css';
@import 'https://imagineshared.blob.core.windows.net/cdn/k3bootstrap.css';

.gray-200[_ngcontent-inventory-app-dimension-template-wizard] {
  background-color: #e9ecef;
}

.gray-100[_ngcontent-inventory-app-dimension-template-wizard] {
  background-color: #f8f9fa;
}

h1[_ngcontent-inventory-app-dimension-template-wizard], 
h2[_ngcontent-inventory-app-dimension-template-wizard], 
h3[_ngcontent-inventory-app-dimension-template-wizard], 
h4[_ngcontent-inventory-app-dimension-template-wizard], 
h5[_ngcontent-inventory-app-dimension-template-wizard], 
h6[_ngcontent-inventory-app-dimension-template-wizard] {
  color: black;
}

.pb-8[_ngcontent-inventory-app-dimension-template-wizard] {
  padding-bottom: 5rem !important;
}

.offset-button[_ngcontent-inventory-app-dimension-template-wizard] {
  margin-top: -1.8rem !important;
}

.btn-muted[_ngcontent-inventory-app-dimension-template-wizard] {
  border-color: #e1e1e1;
  color: #909090;
}

.rounded-pill-right[_ngcontent-inventory-app-dimension-template-wizard] {
  border-radius: 0 50rem 50rem 0 !important;
}

.rounded-pill-left[_ngcontent-inventory-app-dimension-template-wizard] {
  border-radius: 50rem 0 0 50rem !important;
}

.input-group[_ngcontent-inventory-app-dimension-template-wizard]    > .form-select[_ngcontent-inventory-app-dimension-template-wizard], 
input-group-sm[_ngcontent-inventory-app-dimension-template-wizard]    > .form-select[_ngcontent-inventory-app-dimension-template-wizard], 
input-group-md[_ngcontent-inventory-app-dimension-template-wizard]    > .form-select[_ngcontent-inventory-app-dimension-template-wizard], 
input-group-lg[_ngcontent-inventory-app-dimension-template-wizard]    > .form-select[_ngcontent-inventory-app-dimension-template-wizard] {
  border-color: transparent;
}

input[_ngcontent-inventory-app-dimension-template-wizard], 
button[_ngcontent-inventory-app-dimension-template-wizard], 
select[_ngcontent-inventory-app-dimension-template-wizard], 
optgroup[_ngcontent-inventory-app-dimension-template-wizard], 
textarea[_ngcontent-inventory-app-dimension-template-wizard] {
  font-family: 'Source Sans Pro';
}

/* src/app/pages/dimension-templates/dimension-templates.component.scss (app-dimension-templates) */
[_nghost-inventory-app-dimension-templates]   .page[_ngcontent-inventory-app-dimension-templates], 
[_nghost-inventory-app-dimension-templates]    > div[_ngcontent-inventory-app-dimension-templates]:not(.page) {
  padding: 0 16px;
  box-sizing: border-box;
}

.inline-header[_ngcontent-inventory-app-dimension-templates] {
  display: inline;
  margin-bottom: 30pt;
}

.inline-header-comment[_ngcontent-inventory-app-dimension-templates] {
  display: inline;
  color: grey;
  margin-left: 5pt;
  font-weight: 100;
}

.pt-50[_ngcontent-inventory-app-dimension-templates] {
  padding-top: 50px;
}

.bg-grey[_ngcontent-inventory-app-dimension-templates] {
  background: #f9f8fa;
  position: relative;
}

.bg-grey[_ngcontent-inventory-app-dimension-templates]::before {
  content: "";
  background: red;
  height: 5px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0.1) 0%, rgba(0, 0, 0, 0) 100%);
}


.btn-group-lg[_ngcontent-inventory-app-dimension-templates]    > .btn[_ngcontent-inventory-app-dimension-templates], 
.btn-xl[_ngcontent-inventory-app-dimension-templates] {
  padding: 1.25rem 2rem;
  font-size: 1.5rem;
}

  .hidden-class {
  visibility: hidden;
}


header[_ngcontent-inventory-app-dimension-templates]   .dimension-templates-add-template-row[_ngcontent-inventory-app-dimension-templates] {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  box-sizing: border-box;
  margin-top: 8px;
  margin-bottom: 0;
}


[_nghost-inventory-app-dimension-templates]     .dimension-templates-group-toolbar.dx-form-group, 
[_nghost-inventory-app-dimension-templates]     .dimension-templates-group-toolbar .dx-form-group {
  width: 100%;
}

[_nghost-inventory-app-dimension-templates]     .dimension-templates-group-toolbar .dx-field-item:first-of-type {
  flex: 1 1 0;
  min-width: 0;
}

[_nghost-inventory-app-dimension-templates]     .dimension-templates-group-toolbar .dx-field-item:first-of-type .dx-field-item-content, 
[_nghost-inventory-app-dimension-templates]     .dimension-templates-group-toolbar .dx-field-item:first-of-type .dx-texteditor, 
[_nghost-inventory-app-dimension-templates]     .dimension-templates-group-toolbar .dx-field-item:first-of-type .dx-selectbox {
  width: 100% !important;
  max-width: 100%;
  box-sizing: border-box;
}

[_nghost-inventory-app-dimension-templates]     .dimension-templates-group-toolbar .dx-field-item:last-of-type {
  flex: 0 0 auto;
  align-content: center;
  align-items: center;
}


[_nghost-inventory-app-dimension-templates]     .dimension-templates-group-toolbar .dx-box-item:nth-child(1) {
  flex: 1 1 0;
  min-width: 0;
}

[_nghost-inventory-app-dimension-templates]     .dimension-templates-group-toolbar .dx-box-item:nth-child(1) .dx-texteditor, 
[_nghost-inventory-app-dimension-templates]     .dimension-templates-group-toolbar .dx-box-item:nth-child(1) dx-text-box, 
[_nghost-inventory-app-dimension-templates]     .dimension-templates-group-toolbar .dx-box-item:nth-child(1) .dx-textbox {
  display: block;
  width: 100% !important;
  max-width: 100%;
  box-sizing: border-box;
}

[_nghost-inventory-app-dimension-templates]     .dimension-templates-group-toolbar .dx-box-item:nth-child(2) {
  flex: 0 0 auto;
  align-content: center;
  align-items: center;
}


[_nghost-inventory-app-dimension-templates]     .dimension-templates-treelist .dx-toolbar .dx-toolbar-items-container {
  justify-content: flex-start;
}

[_nghost-inventory-app-dimension-templates]     .dimension-templates-treelist .dx-toolbar .dx-toolbar-after {
  margin-left: 0;
}

/* src/app/pages/dimension-types/dimension-type-wizard/dimension-type-wizard.component.css (app-dimension-type-wizard) */
@import 'https://imagineshared.blob.core.windows.net/cdn/k3devexpress.css';
@import 'https://imagineshared.blob.core.windows.net/cdn/k3bootstrap.css';

.gray-200[_ngcontent-inventory-app-dimension-type-wizard] {
  background-color: #e9ecef;
}

.gray-100[_ngcontent-inventory-app-dimension-type-wizard] {
  background-color: #f8f9fa;
}

h1[_ngcontent-inventory-app-dimension-type-wizard], 
h2[_ngcontent-inventory-app-dimension-type-wizard], 
h3[_ngcontent-inventory-app-dimension-type-wizard], 
h4[_ngcontent-inventory-app-dimension-type-wizard], 
h5[_ngcontent-inventory-app-dimension-type-wizard], 
h6[_ngcontent-inventory-app-dimension-type-wizard] {
  color: black;
}

.pb-8[_ngcontent-inventory-app-dimension-type-wizard] {
  padding-bottom: 5rem !important;
}

.offset-button[_ngcontent-inventory-app-dimension-type-wizard] {
  margin-top: -1.8rem !important;
}

.btn-muted[_ngcontent-inventory-app-dimension-type-wizard] {
  border-color: #e1e1e1;
  color: #909090;
}

.rounded-pill-right[_ngcontent-inventory-app-dimension-type-wizard] {
  border-radius: 0 50rem 50rem 0 !important;
}

.rounded-pill-left[_ngcontent-inventory-app-dimension-type-wizard] {
  border-radius: 50rem 0 0 50rem !important;
}

.input-group[_ngcontent-inventory-app-dimension-type-wizard]    > .form-select[_ngcontent-inventory-app-dimension-type-wizard], 
input-group-sm[_ngcontent-inventory-app-dimension-type-wizard]    > .form-select[_ngcontent-inventory-app-dimension-type-wizard], 
input-group-md[_ngcontent-inventory-app-dimension-type-wizard]    > .form-select[_ngcontent-inventory-app-dimension-type-wizard], 
input-group-lg[_ngcontent-inventory-app-dimension-type-wizard]    > .form-select[_ngcontent-inventory-app-dimension-type-wizard] {
  border-color: transparent;
}

input[_ngcontent-inventory-app-dimension-type-wizard], 
button[_ngcontent-inventory-app-dimension-type-wizard], 
select[_ngcontent-inventory-app-dimension-type-wizard], 
optgroup[_ngcontent-inventory-app-dimension-type-wizard], 
textarea[_ngcontent-inventory-app-dimension-type-wizard] {
  font-family: 'Source Sans Pro';
}

/* src/app/pages/dimension-types/dimension-types.component.css (app-dimension-types) */
[_nghost-inventory-app-dimension-types]   .page[_ngcontent-inventory-app-dimension-types] {
  padding: 0 16px;
  box-sizing: border-box;
}

/* src/app/pages/discount-labels/discount-labels.component.scss (app-discount-labels) */
[_nghost-inventory-app-discount-labels]   .page[_ngcontent-inventory-app-discount-labels] {
  padding: 0 16px;
  box-sizing: border-box;
}

header[_ngcontent-inventory-app-discount-labels]   h2.page-header-row[_ngcontent-inventory-app-discount-labels] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  flex-wrap: nowrap;
  width: 100%;
  box-sizing: border-box;
}
header[_ngcontent-inventory-app-discount-labels]   h2.page-header-row[_ngcontent-inventory-app-discount-labels]    > span[_ngcontent-inventory-app-discount-labels]:first-of-type {
  min-width: 0;
}
header[_ngcontent-inventory-app-discount-labels]   h2.page-header-row[_ngcontent-inventory-app-discount-labels]   .buttons[_ngcontent-inventory-app-discount-labels] {
  display: flex;
  align-items: center;
  gap: 8px;
  float: none;
  margin: 0;
  margin-left: auto;
  flex-shrink: 0;
}

/* src/app/pages/hierarchy-create-form/hierarchy-create-form.component.scss (app-hierarchy-create-form) */


/* src/app/pages/hierarchy/hierarchy.component.scss (app-hierarchy) */
[_nghost-inventory-app-hierarchy]   .page[_ngcontent-inventory-app-hierarchy] {
  padding: 0 16px;
  box-sizing: border-box;
}

.popup-actions[_ngcontent-inventory-app-hierarchy] {
  display: flex;
  justify-content: flex-end;
  gap: 0.75rem;
  margin-top: 1rem;
  padding: 0 0.25rem 0.25rem;
}

.hierarchy-create-popup[_ngcontent-inventory-app-hierarchy] {
  display: flex;
  flex-direction: column;
  gap: 0;
}

.hierarchy-create-popup__body[_ngcontent-inventory-app-hierarchy] {
  position: relative;
  display: flex;
  flex-direction: column;
  min-height: 0;
}

.hierarchy-create-popup__scroll[_ngcontent-inventory-app-hierarchy] {
  max-height: min(38vh, 220px);
  overflow-y: auto;
  padding-right: 0.25rem;
}

.hierarchy-create-popup__actions[_ngcontent-inventory-app-hierarchy] {
  flex-shrink: 0;
  margin-top: 0.375rem;
  padding: 0.375rem 0.25rem 0;
  border-top: 1px solid var(--dx-color-border, #e0e0e0);
}

/* src/app/pages/item-creation/item-creation-attributes/item-creation-attributes.component.scss (app-item-creation-attributes) */
.item-creation-attributes-heading[_ngcontent-inventory-app-item-creation-attributes] {
  margin: 0 0 1rem;
  font-size: 1.25rem;
  font-weight: 600;
}

.item-creation-attributes-shell[_ngcontent-inventory-app-item-creation-attributes] {
  position: relative;
  min-height: 8rem;
}

.loading-overlay[_ngcontent-inventory-app-item-creation-attributes] {
  position: absolute;
  inset: 0;
  z-index: 10;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(255, 255, 255, 0.7);
}

dx-form[_ngcontent-inventory-app-item-creation-attributes] {
  margin-top: 2em;
}

#optionalLookup[_ngcontent-inventory-app-item-creation-attributes] {
  margin-top: 2em;
}

/* src/app/pages/item-creation/item-creation-details/item-creation-details.component.scss (app-item-creation-details) */
.item-creation-details-heading[_ngcontent-inventory-app-item-creation-details] {
  margin: 0 0 1rem;
  font-size: 1.25rem;
  font-weight: 600;
}

.item-creation-details-shell[_ngcontent-inventory-app-item-creation-details] {
  position: relative;
  min-height: 8rem;
}

.loading-overlay[_ngcontent-inventory-app-item-creation-details] {
  position: absolute;
  inset: 0;
  z-index: 10;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(255, 255, 255, 0.7);
}

.max-width[_ngcontent-inventory-app-item-creation-details] {
  max-width: 100%;
  max-height: 100%;
}

  .statusLabel .dx-field-item-help-text {
  color: orangered !important;
  font-family: "Source Sans Pro", "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  font-size: 14px;
  font-weight: 400;
  font-style: normal;
}

/* src/app/pages/item-creation/item-creation-dimensions/item-creation-dimensions.component.scss (app-item-creation-dimensions) */
.item-creation-dimensions-heading[_ngcontent-inventory-app-item-creation-dimensions] {
  margin: 0 0 1rem;
  font-size: 1.25rem;
  font-weight: 600;
}

.item-creation-dimensions-shell[_ngcontent-inventory-app-item-creation-dimensions] {
  position: relative;
  min-height: 8rem;
}

.loading-overlay[_ngcontent-inventory-app-item-creation-dimensions] {
  position: absolute;
  inset: 0;
  z-index: 10;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(255, 255, 255, 0.7);
}

.slider-box-label[_ngcontent-inventory-app-item-creation-dimensions] {
  font-size: 1em;
  margin-bottom: 10px;
}

.slider-box[_ngcontent-inventory-app-item-creation-dimensions] {
  text-align: center;
  padding: 20px 10px 10px 10px;
}

.slider[_ngcontent-inventory-app-item-creation-dimensions] {
  margin: 0 auto;
  max-width: 300px;
}

/* src/app/pages/item-creation/item-creation-dimensions/item-dimension-template/item-dimension-template.component.scss (app-dimension-template) */
.single-dimension-template[_ngcontent-inventory-app-dimension-template] {
  border: 1px solid rgb(158.8076923077, 196.1282051282, 228.1923076923);
  border-radius: 5px;
  margin-bottom: 25px;
  padding: 15px;
}

.dimension-select-box[_ngcontent-inventory-app-dimension-template] {
  margin-bottom: 5px;
  max-width: 300px;
}

.dimension-values-grid[_ngcontent-inventory-app-dimension-template] {
  margin-top: 10px;
}

.template-selector[_ngcontent-inventory-app-dimension-template] {
  margin-bottom: 10px;
}

/* src/app/pages/item-creation/item-creation-hierarchy/item-creation-hierarchy.component.scss (app-item-creation-hierarchy) */
.split-view[_ngcontent-inventory-app-item-creation-hierarchy] {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 1em;
}

.item-creation-hierarchy-heading[_ngcontent-inventory-app-item-creation-hierarchy] {
  margin: 0 0 1rem;
  font-size: 1.25rem;
  font-weight: 600;
}

.item-creation-hierarchy-shell[_ngcontent-inventory-app-item-creation-hierarchy] {
  position: relative;
  min-height: 8rem;
}

.loading-overlay[_ngcontent-inventory-app-item-creation-hierarchy] {
  position: absolute;
  inset: 0;
  z-index: 10;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(255, 255, 255, 0.7);
}

.hierarchy-tree-list-wrapper[_ngcontent-inventory-app-item-creation-hierarchy] {
  position: relative;
  min-height: 12rem;
}

/* src/app/pages/item-creation/item-creation-local-prices-form/item-creation-local-prices-form.component.scss (app-item-creation-local-prices-form) */


/* src/app/pages/item-creation/item-creation-local-prices/item-creation-local-prices.component.scss (app-item-creation-local-prices) */
.item-creation-local-prices-heading[_ngcontent-inventory-app-item-creation-local-prices] {
  margin: 0 0 1rem;
  font-size: 1.25rem;
  font-weight: 600;
}

.item-creation-local-prices-shell[_ngcontent-inventory-app-item-creation-local-prices] {
  position: relative;
  min-height: 8rem;
}

.loading-overlay[_ngcontent-inventory-app-item-creation-local-prices] {
  position: absolute;
  inset: 0;
  z-index: 10;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(255, 255, 255, 0.7);
}

/* src/app/pages/item-creation/item-creation-variants/item-creation-variants.component.scss (app-item-creation-variants) */
.item-creation-variants-heading[_ngcontent-inventory-app-item-creation-variants] {
  margin: 0 0 1rem;
  font-size: 1.25rem;
  font-weight: 600;
}

.item-creation-variants-shell[_ngcontent-inventory-app-item-creation-variants] {
  position: relative;
  min-height: 8rem;
}

.loading-overlay[_ngcontent-inventory-app-item-creation-variants] {
  position: absolute;
  inset: 0;
  z-index: 10;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(255, 255, 255, 0.7);
}

.local-prices[_ngcontent-inventory-app-item-creation-variants]   .caption[_ngcontent-inventory-app-item-creation-variants] {
  font-size: 20px;
  border-bottom: 1px solid #ddd;
  padding-bottom: 5px;
}
.local-prices[_ngcontent-inventory-app-item-creation-variants]   .content[_ngcontent-inventory-app-item-creation-variants] {
  margin: 0 1em;
}

.popup-button-group[_ngcontent-inventory-app-item-creation-variants] {
  float: right;
  padding-top: 10px;
}

.popup-button[_ngcontent-inventory-app-item-creation-variants] {
  margin: 5px;
}

.max-width[_ngcontent-inventory-app-item-creation-variants] {
  max-width: 100%;
  max-height: 100%;
}

.statusDiv[_ngcontent-inventory-app-item-creation-variants] {
  color: orangered !important;
  font-size: 14px;
  font-weight: 400;
  padding-top: 7px !important;
  padding-bottom: 7px !important;
}

  .statusLabel .dx-field-item-help-text {
  color: orangered !important;
  font-family: "Source Sans Pro", "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  font-size: 14px;
  font-weight: 400;
  font-style: normal;
}

.content-container[_ngcontent-inventory-app-item-creation-variants] {
  padding: 0em 2em 2em 2em !important;
}

/* src/app/pages/item-creation/item-creation.component.scss (app-item-creation) */
[_nghost-inventory-app-item-creation]   .page[_ngcontent-inventory-app-item-creation] {
  padding: 0 16px;
  box-sizing: border-box;
}

.item-creation__title-row[_ngcontent-inventory-app-item-creation] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  flex-wrap: wrap;
}
.item-creation__title-row[_ngcontent-inventory-app-item-creation]    > span[_ngcontent-inventory-app-item-creation] {
  flex: 1;
  min-width: 0;
}
.item-creation__title-row[_ngcontent-inventory-app-item-creation]   .buttons[_ngcontent-inventory-app-item-creation] {
  flex-shrink: 0;
}

.item-creation-stepper[_ngcontent-inventory-app-item-creation] {
  margin-top: 1rem;
}

main[_ngcontent-inventory-app-item-creation] {
  margin: 2em 1em 0 1em;
}

/* src/app/pages/item-details/item-details-custom-attributes/item-details-custom-attributes.component.scss (app-item-details-custom-attributes) */
.custom-attributes-title[_ngcontent-inventory-app-item-details-custom-attributes] {
  margin: 0 0 8px;
}

/* src/app/pages/item-details/item-details-figures/item-details-figures.component.scss (app-item-details-figures) */
.figures-filter-actions[_ngcontent-inventory-app-item-details-figures] {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 0.75rem;
  margin-top: 0.5rem;
}

dx-pivot-grid[_ngcontent-inventory-app-item-details-figures] {
  margin-top: 2em;
}

dx-pivot-grid-field-chooser[_ngcontent-inventory-app-item-details-figures] {
  margin: 2em 0;
}

/* src/app/pages/item-details/item-details-hierarchy/item-details-hierarchy.component.scss (app-item-details-hierarchy) */


/* src/app/pages/item-details/item-details-matrix/dimension-sequence/dimension-sequence.component.scss (app-dimension-sequence) */
.dimension-list[_ngcontent-inventory-app-dimension-sequence]   .dimension[_ngcontent-inventory-app-dimension-sequence]   .dimension-title[_ngcontent-inventory-app-dimension-sequence] {
  text-align: center;
  padding: 0.5em;
  border-bottom: 2px dashed #ccc;
}
.dimension-list[_ngcontent-inventory-app-dimension-sequence]   .dimension[_ngcontent-inventory-app-dimension-sequence]   .dimension-content[_ngcontent-inventory-app-dimension-sequence] {
  width: 100%;
}
.dimension-list[_ngcontent-inventory-app-dimension-sequence]   .dimension[_ngcontent-inventory-app-dimension-sequence] {
  height: 100%;
  border: 2px dashed #ccc;
  border-radius: 3px;
}
.dimension-list[_ngcontent-inventory-app-dimension-sequence] {
  display: grid;
  grid-template-columns: repeat(10, 1fr);
  column-gap: 0.5em;
  height: 100%;
  min-width: 1300px;
}

.dimension-box[_ngcontent-inventory-app-dimension-sequence]   .dimension-box-title[_ngcontent-inventory-app-dimension-sequence]:after {
  content: "↔";
  position: absolute;
  top: -25px;
  right: -5px;
  font-size: 200%;
  color: #9ec0da;
}
.dimension-box[_ngcontent-inventory-app-dimension-sequence]   .dimension-box-title[_ngcontent-inventory-app-dimension-sequence] {
  font-weight: bold;
  text-align: center;
  margin: 0.5em 0;
  position: relative;
  pointer-events: none;
}
.dimension-box[_ngcontent-inventory-app-dimension-sequence]   .dimension-box-values[_ngcontent-inventory-app-dimension-sequence]   .dimension-box-value[_ngcontent-inventory-app-dimension-sequence] {
  background-color: #f3f3f3;
  padding: 5px;
  margin-bottom: 9px;
}
.dimension-box[_ngcontent-inventory-app-dimension-sequence]   .dimension-box-values[_ngcontent-inventory-app-dimension-sequence] {
  margin-top: 9px;
}
.dimension-box[_ngcontent-inventory-app-dimension-sequence] {
  border: 2px solid #9ec0da;
  border-radius: 5px;
  padding: 0.5em;
  margin: 0.5em;
  user-select: none;
  cursor: move;
}

.dimension-list-container[_ngcontent-inventory-app-dimension-sequence] {
  width: 100%;
  height: 100%;
  overflow-x: auto;
}

.warning[_ngcontent-inventory-app-dimension-sequence] {
  font-weight: bold;
  color: orange;
  padding-top: 1em;
}

/* src/app/pages/item-details/item-details-matrix/item-details-matrix-form/item-details-matrix-form.component.scss (app-item-details-matrix-form) */
img[_ngcontent-inventory-app-item-details-matrix-form] {
  max-width: 100%;
  max-height: 100%;
  display: block;
  margin: 0 auto;
}

.barcode-tag[_ngcontent-inventory-app-item-details-matrix-form] {
  align-items: center;
  background: #f5f5f5;
  border: 1px solid #d7d7d7;
  border-radius: 4px;
  display: inline-flex;
  gap: 0.35rem;
  margin: 2px;
  padding: 0.25rem 0.5rem;
}

.barcode-tag-main[_ngcontent-inventory-app-item-details-matrix-form] {
  background: #d8ebff;
  border-color: #5b9bd5;
}

.barcode-tag-value[_ngcontent-inventory-app-item-details-matrix-form] {
  font-family: "Courier New", Courier, monospace;
}

.barcode-tag-star[_ngcontent-inventory-app-item-details-matrix-form] {
  appearance: none;
  background: transparent;
  border: 0;
  color: #7b7b7b;
  cursor: pointer;
  font-size: 0.95rem;
  line-height: 1;
  padding: 0;
}

.barcode-tag-star-main[_ngcontent-inventory-app-item-details-matrix-form] {
  color: #0b63c9;
}

/* src/app/pages/item-details/item-details-matrix/item-details-matrix-matrix/item-details-matrix-matrix.component.scss (app-item-details-matrix-matrix) */
img[_ngcontent-inventory-app-item-details-matrix-matrix] {
  max-width: 100%;
  max-height: 100%;
  display: block;
  margin: 0 auto;
}

.current-item-form[_ngcontent-inventory-app-item-details-matrix-matrix] {
  margin-bottom: 2em;
}

#copy-table[_ngcontent-inventory-app-item-details-matrix-matrix] {
  width: 100%;
}

.extra-margin[_ngcontent-inventory-app-item-details-matrix-matrix] {
  margin: 1em 0;
}



.matrix-matrix-top[_ngcontent-inventory-app-item-details-matrix-matrix]::after {
  content: "";
  display: table;
  clear: both;
}

.item-selector-header[_ngcontent-inventory-app-item-details-matrix-matrix] {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 1rem;
  margin-bottom: 0.5em;
  font-family: "Helvetica Neue", "Segoe UI", Helvetica, Verdana, sans-serif;
}

.item-selector-label[_ngcontent-inventory-app-item-details-matrix-matrix] {
  flex: 1;
  min-width: 0;
}

.item-selector[_ngcontent-inventory-app-item-details-matrix-matrix] {
  font-family: "Helvetica Neue", "Segoe UI", Helvetica, Verdana, sans-serif;
  margin-bottom: 2em;
}

#dimension-button[_ngcontent-inventory-app-item-details-matrix-matrix] {
  flex-shrink: 0;
}

.variant-description[_ngcontent-inventory-app-item-details-matrix-matrix] {
  width: 100%;
}


.column[_ngcontent-inventory-app-item-details-matrix-matrix] {
  float: left;
  width: 50%;
}

.barcode-tag[_ngcontent-inventory-app-item-details-matrix-matrix] {
  align-items: center;
  background: #f5f5f5;
  border: 1px solid #d7d7d7;
  border-radius: 4px;
  display: inline-flex;
  gap: 0.35rem;
  margin: 2px;
  padding: 0.25rem 0.5rem;
}

.barcode-tag-main[_ngcontent-inventory-app-item-details-matrix-matrix] {
  background: #d8ebff;
  border-color: #5b9bd5;
}

.barcode-tag-value[_ngcontent-inventory-app-item-details-matrix-matrix] {
  font-family: "Courier New", Courier, monospace;
}

.barcode-tag-star[_ngcontent-inventory-app-item-details-matrix-matrix] {
  appearance: none;
  background: transparent;
  border: 0;
  color: #7b7b7b;
  cursor: pointer;
  font-size: 0.95rem;
  line-height: 1;
  padding: 0;
}

.barcode-tag-star-main[_ngcontent-inventory-app-item-details-matrix-matrix] {
  color: #0b63c9;
}

/* src/app/pages/item-details/item-details-matrix/item-details-matrix.component.scss (app-item-details-matrix) */


/* src/app/pages/item-details/item-details-matrix/vendor-management/vendor-management.component.scss (app-vendor-management) */
.dx-datagrid-headers {
  top: 0px;
}

/* src/app/pages/item-details/item-details-miscellaneous/item-details-miscellaneous.component.scss (app-item-details-miscellaneous) */
.button[_ngcontent-inventory-app-item-details-miscellaneous] {
  margin-top: 2em;
  text-align: center;
}

/* src/app/pages/item-details/item-details-movement/item-details-movement.component.scss (app-item-details-movement) */
.movement-filter-actions[_ngcontent-inventory-app-item-details-movement] {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 0.75rem;
  margin-top: 0.5rem;
}

dx-data-grid[_ngcontent-inventory-app-item-details-movement] {
  margin-top: 2em;
}

.dx-datagrid-headers[_ngcontent-inventory-app-item-details-movement] {
  position: sticky !important;
  top: 215px;
  background-color: white;
  z-index: 1;
}

/* src/app/pages/item-details/item-details-print-label/item-details-print-label.component.scss (app-item-details-print-label) */
.print-label-actions[_ngcontent-inventory-app-item-details-print-label] {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
  justify-content: flex-start;
}

/* src/app/pages/item-details/item-details-summary/item-details-summary.component.scss (app-item-details-summary) */
.matrix-info[_ngcontent-inventory-app-item-details-summary] {
  margin-top: 2em;
}

img[_ngcontent-inventory-app-item-details-summary] {
  max-width: 100%;
  margin: 0 auto;
  display: block;
}

.button[_ngcontent-inventory-app-item-details-summary] {
  margin-top: 2em;
  text-align: left;
}

.previous-vendor[_ngcontent-inventory-app-item-details-summary] {
  margin: 0.2em;
  background: #eee;
  padding: 0.2em 0.5em;
  border-radius: 2px;
}

.season-popup-actions[_ngcontent-inventory-app-item-details-summary] {
  display: flex;
  justify-content: flex-end;
  margin-bottom: 1rem;
}

/* src/app/pages/item-details/item-details.component.scss (app-item-details) */
[_nghost-inventory-app-item-details]   .page[_ngcontent-inventory-app-item-details] {
  padding: 0 16px;
  box-sizing: border-box;
}

.item-details__title-row[_ngcontent-inventory-app-item-details] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  flex-wrap: wrap;
}
.item-details__title-row[_ngcontent-inventory-app-item-details]    > span[_ngcontent-inventory-app-item-details] {
  flex: 1;
  min-width: 0;
}
.item-details__title-row[_ngcontent-inventory-app-item-details]   .buttons[_ngcontent-inventory-app-item-details] {
  flex-shrink: 0;
}

main[_ngcontent-inventory-app-item-details] {
  padding: 2em;
  border: 1px solid #ddd;
  border-top-width: 0;
  box-sizing: border-box;
}

/* src/app/pages/item-import/item-import.component.scss (app-item-import) */
[_nghost-inventory-app-item-import]   .page[_ngcontent-inventory-app-item-import] {
  padding: 0 16px;
  box-sizing: border-box;
}

header[_ngcontent-inventory-app-item-import]   h2.page-header-title[_ngcontent-inventory-app-item-import] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  flex-wrap: nowrap;
  overflow: visible;
}

header[_ngcontent-inventory-app-item-import]   h2.page-header-title[_ngcontent-inventory-app-item-import]    > span[_ngcontent-inventory-app-item-import] {
  flex: 0 1 auto;
  min-width: 0;
}

.buttons[_ngcontent-inventory-app-item-import] {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: flex-end;
  flex-shrink: 0;
  margin: 0;
}

.action-button[_ngcontent-inventory-app-item-import] {
  margin-left: 5px;
}

.errorMessage[_ngcontent-inventory-app-item-import] {
  color: red;
  margin-bottom: 10px;
}

.uploadFilePopup[_ngcontent-inventory-app-item-import]   .uploadFileInput[_ngcontent-inventory-app-item-import] {
  display: none;
}
.uploadFilePopup[_ngcontent-inventory-app-item-import]   .submitButton[_ngcontent-inventory-app-item-import] {
  margin-top: 10px;
}
.uploadFilePopup[_ngcontent-inventory-app-item-import]   .uploadInfo[_ngcontent-inventory-app-item-import]   p[_ngcontent-inventory-app-item-import] {
  margin-top: 0;
}

.validation-errors[_ngcontent-inventory-app-item-import]   .validation-error-title[_ngcontent-inventory-app-item-import] {
  font-size: 20px;
  color: gray;
  font-weight: bold;
}

.indicator.error[_ngcontent-inventory-app-item-import] {
  color: red;
}
.indicator.warning[_ngcontent-inventory-app-item-import] {
  color: orange;
}
.indicator.hint[_ngcontent-inventory-app-item-import] {
  color: aqua;
}

/* src/app/pages/item-overview/item-overview.component.scss (app-item-overview) */
[_nghost-inventory-app-item-overview]   .page[_ngcontent-inventory-app-item-overview] {
  padding: 0 16px;
  box-sizing: border-box;
}

.item-overview__inactive-row[_ngcontent-inventory-app-item-overview] {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 0.75rem;
  gap: 0.75rem;
}

.row-image[_ngcontent-inventory-app-item-overview] {
  width: 80px;
  height: 80px;
  margin: 0 auto;
  display: block;
}

.dx-data-row[_ngcontent-inventory-app-item-overview]   td[_ngcontent-inventory-app-item-overview] {
  vertical-align: middle;
}

.bg-grey[_ngcontent-inventory-app-item-overview] {
  background: #f9f8fa;
  position: relative;
}

.bg-grey[_ngcontent-inventory-app-item-overview]::before {
  content: "";
  background: red;
  height: 5px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0.1) 0%, rgba(0, 0, 0, 0) 100%);
}

header[_ngcontent-inventory-app-item-overview]:not(.unsticky) {
  position: sticky;
  top: 50px;
}
header[_ngcontent-inventory-app-item-overview] {
  padding: 1em 0 0 0;
  z-index: 1;
  white-space: pre;
}
header[_ngcontent-inventory-app-item-overview]    > h1[_ngcontent-inventory-app-item-overview]   span[_ngcontent-inventory-app-item-overview], 
header[_ngcontent-inventory-app-item-overview]   h2[_ngcontent-inventory-app-item-overview]   span[_ngcontent-inventory-app-item-overview], 
header[_ngcontent-inventory-app-item-overview]   h3[_ngcontent-inventory-app-item-overview]   span[_ngcontent-inventory-app-item-overview], 
header[_ngcontent-inventory-app-item-overview]   h4[_ngcontent-inventory-app-item-overview]   span[_ngcontent-inventory-app-item-overview], 
header[_ngcontent-inventory-app-item-overview]   h5[_ngcontent-inventory-app-item-overview]   span[_ngcontent-inventory-app-item-overview], 
header[_ngcontent-inventory-app-item-overview]   h6[_ngcontent-inventory-app-item-overview]   span[_ngcontent-inventory-app-item-overview] {
  float: left;
}
header[_ngcontent-inventory-app-item-overview]    > h1[_ngcontent-inventory-app-item-overview]   .buttons[_ngcontent-inventory-app-item-overview], 
header[_ngcontent-inventory-app-item-overview]   h2[_ngcontent-inventory-app-item-overview]   .buttons[_ngcontent-inventory-app-item-overview], 
header[_ngcontent-inventory-app-item-overview]   h3[_ngcontent-inventory-app-item-overview]   .buttons[_ngcontent-inventory-app-item-overview], 
header[_ngcontent-inventory-app-item-overview]   h4[_ngcontent-inventory-app-item-overview]   .buttons[_ngcontent-inventory-app-item-overview], 
header[_ngcontent-inventory-app-item-overview]   h5[_ngcontent-inventory-app-item-overview]   .buttons[_ngcontent-inventory-app-item-overview], 
header[_ngcontent-inventory-app-item-overview]   h6[_ngcontent-inventory-app-item-overview]   .buttons[_ngcontent-inventory-app-item-overview] {
  float: right;
}
header[_ngcontent-inventory-app-item-overview]    > h1[_ngcontent-inventory-app-item-overview]   small[_ngcontent-inventory-app-item-overview], 
header[_ngcontent-inventory-app-item-overview]   h2[_ngcontent-inventory-app-item-overview]   small[_ngcontent-inventory-app-item-overview], 
header[_ngcontent-inventory-app-item-overview]   h3[_ngcontent-inventory-app-item-overview]   small[_ngcontent-inventory-app-item-overview], 
header[_ngcontent-inventory-app-item-overview]   h4[_ngcontent-inventory-app-item-overview]   small[_ngcontent-inventory-app-item-overview], 
header[_ngcontent-inventory-app-item-overview]   h5[_ngcontent-inventory-app-item-overview]   small[_ngcontent-inventory-app-item-overview], 
header[_ngcontent-inventory-app-item-overview]   h6[_ngcontent-inventory-app-item-overview]   small[_ngcontent-inventory-app-item-overview] {
  font-size: 50%;
  font-style: italic;
  font-weight: normal;
  color: gray;
}

header[_ngcontent-inventory-app-item-overview]   h2.page-header-title[_ngcontent-inventory-app-item-overview] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  flex-wrap: nowrap;
}

  .dx-datagrid-headers {
  position: sticky !important;
  top: 122px;
  background-color: white;
  z-index: 1;
}

/* src/app/pages/offline-stock/offline-stock.component.scss (app-offline-stock) */
[_nghost-inventory-app-offline-stock]   .page[_ngcontent-inventory-app-offline-stock] {
  padding: 0 16px;
  box-sizing: border-box;
}

.row-image[_ngcontent-inventory-app-offline-stock] {
  width: 80px;
  height: 80px;
  margin: 0 auto;
  display: block;
}

.dx-data-row[_ngcontent-inventory-app-offline-stock]   td[_ngcontent-inventory-app-offline-stock] {
  vertical-align: middle;
}

header[_ngcontent-inventory-app-offline-stock]   h2.page-header-row[_ngcontent-inventory-app-offline-stock] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  flex-wrap: nowrap;
  width: 100%;
  box-sizing: border-box;
}
header[_ngcontent-inventory-app-offline-stock]   h2.page-header-row[_ngcontent-inventory-app-offline-stock]    > span[_ngcontent-inventory-app-offline-stock]:first-of-type {
  min-width: 0;
}
header[_ngcontent-inventory-app-offline-stock]   h2.page-header-row[_ngcontent-inventory-app-offline-stock]   .buttons[_ngcontent-inventory-app-offline-stock] {
  display: flex;
  align-items: center;
  gap: 8px;
  float: none;
  margin: 0;
  margin-left: auto;
  flex-shrink: 0;
}

.buttons[_ngcontent-inventory-app-offline-stock] {
  float: right;
  margin: 2px;
}

.form-container[_ngcontent-inventory-app-offline-stock]   .buttons[_ngcontent-inventory-app-offline-stock] {
  float: left;
}


[_nghost-inventory-app-offline-stock]     .offline-stock-search-row.dx-form-group, 
[_nghost-inventory-app-offline-stock]     .offline-stock-search-row .dx-form-group {
  width: 100%;
}

[_nghost-inventory-app-offline-stock]     .offline-stock-search-row .dx-field-item:first-of-type {
  flex: 1 1 0;
  min-width: 0;
}

[_nghost-inventory-app-offline-stock]     .offline-stock-search-row .dx-field-item:first-of-type .dx-field-item-content, 
[_nghost-inventory-app-offline-stock]     .offline-stock-search-row .dx-field-item:first-of-type .dx-texteditor {
  width: 100% !important;
  max-width: 100%;
}

[_nghost-inventory-app-offline-stock]     .offline-stock-search-row .dx-field-item:last-of-type {
  flex: 0 0 auto;
}

.data-container[_ngcontent-inventory-app-offline-stock] {
  margin: 15px 0px 15px 0px;
}

/* src/app/pages/purchase-order/purchase-order-overview/purchase-order-overview.component.scss (app-purchase-order-overview) */
[_nghost-inventory-app-purchase-order-overview]   .page[_ngcontent-inventory-app-purchase-order-overview] {
  padding: 0 16px;
  box-sizing: border-box;
}

header[_ngcontent-inventory-app-purchase-order-overview]   h2[_ngcontent-inventory-app-purchase-order-overview] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  flex-wrap: nowrap;
}

.buttons[_ngcontent-inventory-app-purchase-order-overview] {
  flex-shrink: 0;
  margin: 0;
}

.data-container[_ngcontent-inventory-app-purchase-order-overview] {
  margin: 15px 0px 15px 0px;
}

/* src/app/pages/receive-goods/goods-receipt-note-details/goods-receipt-note-details.component.scss (app-goods-receipt-note-details) */
[_nghost-inventory-app-goods-receipt-note-details]   .page[_ngcontent-inventory-app-goods-receipt-note-details] {
  padding: 0 16px;
  box-sizing: border-box;
}

header[_ngcontent-inventory-app-goods-receipt-note-details] {
  margin-bottom: 1rem;
}

header[_ngcontent-inventory-app-goods-receipt-note-details]   .grn-page-header[_ngcontent-inventory-app-goods-receipt-note-details] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 0.75rem;
  margin: 0;
}
header[_ngcontent-inventory-app-goods-receipt-note-details]   .grn-page-header[_ngcontent-inventory-app-goods-receipt-note-details]   .grn-page-header__title[_ngcontent-inventory-app-goods-receipt-note-details] {
  flex: 1 1 auto;
  min-width: 0;
}
header[_ngcontent-inventory-app-goods-receipt-note-details]   .grn-page-header[_ngcontent-inventory-app-goods-receipt-note-details]   .grn-page-header__actions[_ngcontent-inventory-app-goods-receipt-note-details] {
  flex: 0 0 auto;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-end;
  margin-left: auto;
}

.align-left[_ngcontent-inventory-app-goods-receipt-note-details] {
  text-align: left;
}

.addItemsToGridContainer[_ngcontent-inventory-app-goods-receipt-note-details] {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.search-barcode-container[_ngcontent-inventory-app-goods-receipt-note-details] {
  display: flex;
  align-items: center;
}

.data-container[_ngcontent-inventory-app-goods-receipt-note-details] {
  margin: 15px 0px 15px 0px;
}

.grn-line-action-buttons[_ngcontent-inventory-app-goods-receipt-note-details] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 4px;
}
.grn-line-action-buttons[_ngcontent-inventory-app-goods-receipt-note-details]     .dx-button {
  min-width: 26px;
}
.grn-line-action-buttons[_ngcontent-inventory-app-goods-receipt-note-details]     .dx-button .dx-button-content {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0;
}
.grn-line-action-buttons[_ngcontent-inventory-app-goods-receipt-note-details]     .dx-button .dx-icon {
  margin: 0;
}

/* src/app/pages/receive-goods/goods-receipt-note-overview/goods-receipt-note-overview.component.scss (app-goods-receipt-note-overview) */
[_nghost-inventory-app-goods-receipt-note-overview]   .page[_ngcontent-inventory-app-goods-receipt-note-overview] {
  padding: 0 16px;
  box-sizing: border-box;
}

header[_ngcontent-inventory-app-goods-receipt-note-overview]   h2[_ngcontent-inventory-app-goods-receipt-note-overview] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  flex-wrap: nowrap;
}

.buttons[_ngcontent-inventory-app-goods-receipt-note-overview] {
  flex-shrink: 0;
  margin: 0;
}

.data-container[_ngcontent-inventory-app-goods-receipt-note-overview] {
  margin: 15px 0px 15px 0px;
}

/* src/app/pages/season/season-create/season-create.component.css (app-season-create) */


/* src/app/pages/season/season-details/season-details.component.css (app-season-details) */
[_nghost-inventory-app-season-details]   .page[_ngcontent-inventory-app-season-details] {
  padding: 0 16px;
  box-sizing: border-box;
}

header[_ngcontent-inventory-app-season-details]   h2.page-header-row[_ngcontent-inventory-app-season-details] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  flex-wrap: nowrap;
  width: 100%;
  box-sizing: border-box;
}

header[_ngcontent-inventory-app-season-details]   h2.page-header-row[_ngcontent-inventory-app-season-details]    > span[_ngcontent-inventory-app-season-details]:first-of-type {
  min-width: 0;
}

header[_ngcontent-inventory-app-season-details]   h2.page-header-row[_ngcontent-inventory-app-season-details]   .buttons[_ngcontent-inventory-app-season-details] {
  display: flex;
  align-items: center;
  gap: 8px;
  float: none;
  margin: 0;
  margin-left: auto;
  flex-shrink: 0;
}

header[_ngcontent-inventory-app-season-details]   h2.page-header-row[_ngcontent-inventory-app-season-details]   .buttons[_ngcontent-inventory-app-season-details]   *[_ngcontent-inventory-app-season-details] {
  margin-left: 0;
}

/* src/app/pages/season/season-find/season-find.component.css (app-season-find) */
.season-popup-header[_ngcontent-inventory-app-season-find] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  margin-bottom: 1rem;
}

.season-popup-header-actions[_ngcontent-inventory-app-season-find] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}

.season-popup-title[_ngcontent-inventory-app-season-find] {
  font-size: 22px;
  font-weight: 500;
  line-height: 1.2;
}

.season-popup-header-actions[_ngcontent-inventory-app-season-find]   dx-button[_ngcontent-inventory-app-season-find] {
  flex-shrink: 0;
}

/* src/app/pages/season/season-overview/season-overview.component.css (app-season-overview) */
[_nghost-inventory-app-season-overview]   .page[_ngcontent-inventory-app-season-overview] {
  padding: 0 16px;
  box-sizing: border-box;
}

header[_ngcontent-inventory-app-season-overview]   h2.page-header-row[_ngcontent-inventory-app-season-overview] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  flex-wrap: nowrap;
  width: 100%;
  box-sizing: border-box;
}

header[_ngcontent-inventory-app-season-overview]   h2.page-header-row[_ngcontent-inventory-app-season-overview]    > span[_ngcontent-inventory-app-season-overview]:first-of-type {
  min-width: 0;
}

header[_ngcontent-inventory-app-season-overview]   h2.page-header-row[_ngcontent-inventory-app-season-overview]   .buttons[_ngcontent-inventory-app-season-overview] {
  display: flex;
  align-items: center;
  gap: 8px;
  float: none;
  margin: 0;
  margin-left: auto;
  flex-shrink: 0;
}

header[_ngcontent-inventory-app-season-overview]   h2.page-header-row[_ngcontent-inventory-app-season-overview]   .buttons[_ngcontent-inventory-app-season-overview]   *[_ngcontent-inventory-app-season-overview] {
  margin-left: 0;
}

/* src/app/pages/stock-logs/stock-logs.component.css (app-logs) */
[_nghost-inventory-app-logs]   .page[_ngcontent-inventory-app-logs] {
  padding: 0 16px;
  box-sizing: border-box;
}

.stock-logs-actions[_ngcontent-inventory-app-logs] {
  display: flex;
  justify-content: flex-start;
  gap: 12px;
  margin-top: 16px;
}

/* src/app/pages/stock-lookup-overview/stock-lookup-overview-details/stock-lookup-overview-details.component.css (app-stock-lookup-overview-details) */
.page-container[_ngcontent-inventory-app-stock-lookup-overview-details] {
  margin: 0 auto;
  padding: 0 16px;
  max-width: 1200px;
  box-sizing: border-box;
}

.dx-header-row[_ngcontent-inventory-app-stock-lookup-overview-details] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  gap: 12px;
  margin-bottom: 8px;
}

.dx-header-title[_ngcontent-inventory-app-stock-lookup-overview-details] {
  margin: 0;
  font-size: 1.5rem;
  font-weight: 600;
}

.data-container[_ngcontent-inventory-app-stock-lookup-overview-details] {
  margin: 15px 0;
}

/* src/app/pages/stock-lookup-overview/stock-lookup-overview/stock-lookup-overview.component.css (app-stock-lookup-overview) */
[_nghost-inventory-app-stock-lookup-overview]   .page[_ngcontent-inventory-app-stock-lookup-overview] {
  padding: 0 16px;
  box-sizing: border-box;
}

.data-container[_ngcontent-inventory-app-stock-lookup-overview] {
  margin: 15px 0px 15px 0px;
}

/* src/app/pages/stock-lookup/stock-lookup-search/stock-lookup-search.component.scss (app-stock-lookup-search) */
[_nghost-inventory-app-stock-lookup-search]   .page[_ngcontent-inventory-app-stock-lookup-search] {
  padding: 0 16px;
  box-sizing: border-box;
}

/* src/app/pages/stock-lookup/stock-lookup/stock-lookup.component.scss (app-stock-lookup) */
[_nghost-inventory-app-stock-lookup]   .page[_ngcontent-inventory-app-stock-lookup] {
  padding: 0 16px;
  box-sizing: border-box;
}

.dx-header-row[_ngcontent-inventory-app-stock-lookup] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  gap: 12px;
}

.dx-header-title[_ngcontent-inventory-app-stock-lookup] {
  margin: 0;
  font-size: 1.5rem;
  font-weight: 600;
  flex: 1 1 auto;
  min-width: 0;
}

.dx-header-buttons[_ngcontent-inventory-app-stock-lookup] {
  flex-shrink: 0;
}

  main {
  padding: 2em;
  border-top-width: 0;
  box-sizing: border-box;
}

  .im-button {
  margin-top: 20px;
}

.shop-name[_ngcontent-inventory-app-stock-lookup] {
  font-size: 18px;
  padding-bottom: 5px;
}

.italic[_ngcontent-inventory-app-stock-lookup] {
  font-style: italic;
}

/* src/app/pages/stocktake/denso-download/denso-download.component.scss (app-denso-download) */
[_nghost-inventory-app-denso-download] {
  display: inline-block;
  max-width: 100%;
  vertical-align: middle;
}

.denso-download[_ngcontent-inventory-app-denso-download] {
  display: grid;
  gap: 16px;
  padding: 4px 8px 12px;
}

.denso-intro[_ngcontent-inventory-app-denso-download], 
.denso-hint[_ngcontent-inventory-app-denso-download], 
.denso-empty[_ngcontent-inventory-app-denso-download], 
.denso-record-count[_ngcontent-inventory-app-denso-download] {
  margin: 0;
  color: #6b7280;
}

.denso-section[_ngcontent-inventory-app-denso-download] {
  display: grid;
  gap: 10px;
  padding: 12px;
  border: 1px solid #ddd;
  border-radius: 4px;
}
.denso-section[_ngcontent-inventory-app-denso-download]   h3[_ngcontent-inventory-app-denso-download] {
  margin: 0;
  font-size: 16px;
}

.denso-row[_ngcontent-inventory-app-denso-download] {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
}
.denso-row[_ngcontent-inventory-app-denso-download]   dx-text-box[_ngcontent-inventory-app-denso-download], 
.denso-row[_ngcontent-inventory-app-denso-download]   dx-button[_ngcontent-inventory-app-denso-download] {
  max-width: 100%;
}
.denso-row[_ngcontent-inventory-app-denso-download]   dx-text-box[_ngcontent-inventory-app-denso-download] {
  flex: 1 1 220px;
  width: 100%;
}
@media (max-width: 599px) {
  .denso-row[_ngcontent-inventory-app-denso-download]   dx-button[_ngcontent-inventory-app-denso-download], 
   .denso-row[_ngcontent-inventory-app-denso-download]   dx-text-box[_ngcontent-inventory-app-denso-download] {
    flex: 1 1 100%;
  }
}

.denso-status[_ngcontent-inventory-app-denso-download], 
.denso-receiving[_ngcontent-inventory-app-denso-download] {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-weight: 600;
}

.denso-status[_ngcontent-inventory-app-denso-download] {
  margin-right: auto;
}

@media (max-width: 599px) {
  .denso-download[_ngcontent-inventory-app-denso-download] {
    padding-right: 0;
    padding-left: 0;
  }
  .denso-status[_ngcontent-inventory-app-denso-download], 
   .denso-receiving[_ngcontent-inventory-app-denso-download] {
    width: 100%;
    margin-right: 0;
  }
  .denso-log[_ngcontent-inventory-app-denso-download]   li[_ngcontent-inventory-app-denso-download]   span[_ngcontent-inventory-app-denso-download], 
   .denso-log[_ngcontent-inventory-app-denso-download]   li[_ngcontent-inventory-app-denso-download]   small[_ngcontent-inventory-app-denso-download] {
    overflow-wrap: anywhere;
  }
}
.denso-status-dot[_ngcontent-inventory-app-denso-download] {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: #9ca3af;
}
.denso-status-dot.connected[_ngcontent-inventory-app-denso-download] {
  background: #16a34a;
  box-shadow: 0 0 0 4px rgba(22, 163, 74, 0.15);
}

.denso-details[_ngcontent-inventory-app-denso-download] {
  display: grid;
  grid-template-columns: 1fr;
  gap: 12px;
}
@media (min-width: 600px) {
  .denso-details[_ngcontent-inventory-app-denso-download] {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 12px 16px;
  }
}
.denso-details[_ngcontent-inventory-app-denso-download]   div[_ngcontent-inventory-app-denso-download] {
  display: grid;
  gap: 2px;
  min-width: 0;
}
.denso-details[_ngcontent-inventory-app-denso-download]   dx-select-box[_ngcontent-inventory-app-denso-download] {
  display: block;
  width: 100%;
  min-width: 0;
}
.denso-details[_ngcontent-inventory-app-denso-download]   .denso-detail-label[_ngcontent-inventory-app-denso-download] {
  color: #6b7280;
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}

.denso-preview[_ngcontent-inventory-app-denso-download] {
  min-height: 120px;
  max-height: 320px;
  overflow: auto;
  padding: 12px;
  border: 1px solid #ddd;
  border-top: 0;
}
.denso-preview[_ngcontent-inventory-app-denso-download]   pre[_ngcontent-inventory-app-denso-download] {
  margin: 0;
  font: 0.85rem/1.5 Consolas, monospace;
  white-space: pre-wrap;
  word-break: break-word;
}

.denso-log[_ngcontent-inventory-app-denso-download] {
  margin: 0;
  padding-left: 18px;
  max-height: 220px;
  overflow: auto;
}
.denso-log[_ngcontent-inventory-app-denso-download]   li[_ngcontent-inventory-app-denso-download] {
  display: grid;
  gap: 2px;
  margin-bottom: 8px;
}
.denso-log[_ngcontent-inventory-app-denso-download]   time[_ngcontent-inventory-app-denso-download], 
.denso-log[_ngcontent-inventory-app-denso-download]   small[_ngcontent-inventory-app-denso-download] {
  color: #6b7280;
}
.denso-log[_ngcontent-inventory-app-denso-download]   .log-error[_ngcontent-inventory-app-denso-download]   span[_ngcontent-inventory-app-denso-download] {
  color: #991b1b;
}

/* src/app/pages/stocktake/stocktake-bulk-edit/stocktake-bulk-edit.component.scss (app-stocktake-bulk-edit) */
.errors-only-toggle[_ngcontent-inventory-app-stocktake-bulk-edit] {
  display: flex;
  align-items: center;
  gap: 0.5em;
  margin-bottom: 1em;
}

.indicator[_ngcontent-inventory-app-stocktake-bulk-edit] {
  width: 10px;
  height: 10px;
  border-radius: 10px;
  margin-top: 5px;
}
.indicator.error[_ngcontent-inventory-app-stocktake-bulk-edit] {
  background-color: red;
}
.indicator.warning[_ngcontent-inventory-app-stocktake-bulk-edit] {
  background-color: orange;
}
.indicator.hint[_ngcontent-inventory-app-stocktake-bulk-edit] {
  background-color: aqua;
}
.indicator.none[_ngcontent-inventory-app-stocktake-bulk-edit] {
  background-color: lime;
}

.errorMessage[_ngcontent-inventory-app-stocktake-bulk-edit] {
  margin-bottom: 10px;
}
.errorMessage.error[_ngcontent-inventory-app-stocktake-bulk-edit] {
  color: red;
}
.errorMessage.warning[_ngcontent-inventory-app-stocktake-bulk-edit] {
  color: orange;
}
.errorMessage.hint[_ngcontent-inventory-app-stocktake-bulk-edit] {
  color: aqua;
}

.message-count[_ngcontent-inventory-app-stocktake-bulk-edit] {
  display: grid;
  grid-template-columns: max-content 1fr;
  justify-items: left;
  gap: 0.5em;
}

.compact-grid[_ngcontent-inventory-app-stocktake-bulk-edit] {
  width: fit-content;
  max-width: 100%;
}

/* src/app/pages/stocktake/stocktake-count/stocktake-count.component.scss (app-stocktake-count) */
.stocktake-count-page-title[_ngcontent-inventory-app-stocktake-count]   .stocktake-count-title-row[_ngcontent-inventory-app-stocktake-count] {
  display: flex;
  align-items: center;
  gap: 1rem;
  flex-wrap: wrap;
}
.stocktake-count-page-title[_ngcontent-inventory-app-stocktake-count]   .stocktake-count-heading-text[_ngcontent-inventory-app-stocktake-count] {
  min-width: 0;
  flex: 1 1 auto;
}
.stocktake-count-page-title[_ngcontent-inventory-app-stocktake-count]   .stocktake-count-title-row[_ngcontent-inventory-app-stocktake-count]   .buttons[_ngcontent-inventory-app-stocktake-count] {
  flex-shrink: 0;
  margin-left: auto;
}
.stocktake-count-page-title[_ngcontent-inventory-app-stocktake-count]   .stocktake-count-subtitle[_ngcontent-inventory-app-stocktake-count] {
  display: block;
  margin-top: 0.35em;
}

.uploadFileInput[_ngcontent-inventory-app-stocktake-count] {
  display: none;
}

section.counting[_ngcontent-inventory-app-stocktake-count] {
  margin-top: 2em;
}
section.counting[_ngcontent-inventory-app-stocktake-count]   main[_ngcontent-inventory-app-stocktake-count] {
  padding: 0.5em;
  border: 1px solid #ddd;
  border-top-width: 0;
  box-sizing: border-box;
}
section.counting[_ngcontent-inventory-app-stocktake-count]   main[_ngcontent-inventory-app-stocktake-count]   .buttons[_ngcontent-inventory-app-stocktake-count] {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 8px;
  text-align: right;
}
section.counting[_ngcontent-inventory-app-stocktake-count]   main[_ngcontent-inventory-app-stocktake-count]   .data-container[_ngcontent-inventory-app-stocktake-count] {
  margin: 15px 0px 15px 0px;
}

.errorMessage[_ngcontent-inventory-app-stocktake-count] {
  color: red;
  margin-bottom: 10px;
}

.data-container[_ngcontent-inventory-app-stocktake-count] {
  margin: 15px 0px 15px 0px;
}

.bulk-import-action-buttons[_ngcontent-inventory-app-stocktake-count] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 4px;
}
.bulk-import-action-buttons[_ngcontent-inventory-app-stocktake-count]     .dx-button-content {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0;
}
.bulk-import-action-buttons[_ngcontent-inventory-app-stocktake-count]     .dx-icon {
  margin: 0;
}

/* src/app/pages/stocktake/stocktake-create/stocktake-create.component.scss (app-stocktake-create) */
[_nghost-inventory-app-stocktake-create]   .page[_ngcontent-inventory-app-stocktake-create] {
  padding: 0 16px;
  box-sizing: border-box;
}

.page[_ngcontent-inventory-app-stocktake-create]    > header[_ngcontent-inventory-app-stocktake-create]   h2.clearfix[_ngcontent-inventory-app-stocktake-create] {
  display: flex;
  align-items: center;
  gap: 1rem;
  flex-wrap: wrap;
}

.page[_ngcontent-inventory-app-stocktake-create]    > header[_ngcontent-inventory-app-stocktake-create]   h2[_ngcontent-inventory-app-stocktake-create]   .buttons[_ngcontent-inventory-app-stocktake-create] {
  flex-shrink: 0;
  margin-left: auto;
}

.stocktake-info[_ngcontent-inventory-app-stocktake-create] {
  display: grid;
  gap: 1em;
}

.search-barcode-container[_ngcontent-inventory-app-stocktake-create] {
  display: flex;
  align-items: center;
}

  .currentSource-button {
  padding-top: 20px;
}

/* src/app/pages/stocktake/stocktake-details/stocktake-details.component.scss (app-stocktake-details) */
[_nghost-inventory-app-stocktake-details]   .page[_ngcontent-inventory-app-stocktake-details] {
  padding: 0 16px;
  box-sizing: border-box;
}

.stocktake-details-page-title[_ngcontent-inventory-app-stocktake-details]   .stocktake-details-title-row[_ngcontent-inventory-app-stocktake-details] {
  display: flex;
  align-items: center;
  gap: 1rem;
  flex-wrap: wrap;
}
.stocktake-details-page-title[_ngcontent-inventory-app-stocktake-details]   .stocktake-details-heading-text[_ngcontent-inventory-app-stocktake-details] {
  min-width: 0;
  flex: 1 1 auto;
}
.stocktake-details-page-title[_ngcontent-inventory-app-stocktake-details]   .stocktake-details-title-row[_ngcontent-inventory-app-stocktake-details]   .buttons[_ngcontent-inventory-app-stocktake-details] {
  flex-shrink: 0;
  margin-left: auto;
}
.stocktake-details-page-title[_ngcontent-inventory-app-stocktake-details]   .stocktake-details-subtitle[_ngcontent-inventory-app-stocktake-details] {
  display: block;
  margin-top: 0.35em;
}

.stocktake-info[_ngcontent-inventory-app-stocktake-details] {
  display: grid;
  gap: 1em;
}

/* src/app/pages/stocktake/stocktake-discrepancy/stocktake-discrepancy.component.scss (app-stocktake-discrepancy) */
[_nghost-inventory-app-stocktake-discrepancy]   .page[_ngcontent-inventory-app-stocktake-discrepancy] {
  padding: 0 16px;
  box-sizing: border-box;
}

.stocktake-discrepancy-page-title[_ngcontent-inventory-app-stocktake-discrepancy]   .stocktake-discrepancy-title-row[_ngcontent-inventory-app-stocktake-discrepancy] {
  display: flex;
  align-items: center;
  gap: 1rem;
  flex-wrap: wrap;
}
.stocktake-discrepancy-page-title[_ngcontent-inventory-app-stocktake-discrepancy]   .stocktake-discrepancy-title-row[_ngcontent-inventory-app-stocktake-discrepancy]   .buttons[_ngcontent-inventory-app-stocktake-discrepancy] {
  flex-shrink: 0;
  margin-left: auto;
}
.stocktake-discrepancy-page-title[_ngcontent-inventory-app-stocktake-discrepancy]   .stocktake-discrepancy-subtitle[_ngcontent-inventory-app-stocktake-discrepancy] {
  display: block;
  margin-top: 0.35em;
}

.buttons[_ngcontent-inventory-app-stocktake-discrepancy] {
  display: flex;
  justify-content: flex-start;
  gap: 8px;
  margin: 2px 0;
}

.stocktake-discrepancy-filter-row[_ngcontent-inventory-app-stocktake-discrepancy] {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  margin: 0 0 0.75rem;
}

.data-container[_ngcontent-inventory-app-stocktake-discrepancy] {
  margin: 15px 0px 15px 0px;
}

.value[_ngcontent-inventory-app-stocktake-discrepancy] {
  float: right;
}

.col[_ngcontent-inventory-app-stocktake-discrepancy] {
  border-right: 1px solid lightgrey;
}

.row[_ngcontent-inventory-app-stocktake-discrepancy] {
  padding: 7px;
  border-bottom: 1px solid lightgrey;
}
.row[_ngcontent-inventory-app-stocktake-discrepancy]   .col[_ngcontent-inventory-app-stocktake-discrepancy]:last-child {
  border-right: 0px;
}

.variance[_ngcontent-inventory-app-stocktake-discrepancy] {
  font-weight: 600;
}

.row[_ngcontent-inventory-app-stocktake-discrepancy]:last-child {
  border-bottom: 0px;
}

/* src/app/pages/stocktake/stocktake-overview/stocktake-overview.component.scss (app-stocktake-overview) */
[_nghost-inventory-app-stocktake-overview]   .page[_ngcontent-inventory-app-stocktake-overview] {
  padding: 0 16px;
  box-sizing: border-box;
}

header[_ngcontent-inventory-app-stocktake-overview]   h2.page-header-row[_ngcontent-inventory-app-stocktake-overview] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  flex-wrap: nowrap;
  width: 100%;
  box-sizing: border-box;
}
header[_ngcontent-inventory-app-stocktake-overview]   h2.page-header-row[_ngcontent-inventory-app-stocktake-overview]    > span[_ngcontent-inventory-app-stocktake-overview]:first-of-type {
  min-width: 0;
}
header[_ngcontent-inventory-app-stocktake-overview]   h2.page-header-row[_ngcontent-inventory-app-stocktake-overview]   .buttons[_ngcontent-inventory-app-stocktake-overview] {
  margin: 0;
  margin-left: auto;
  flex-shrink: 0;
}

.buttons[_ngcontent-inventory-app-stocktake-overview] {
  display: flex;
  justify-content: flex-start;
  gap: 8px;
  margin: 2px 0;
}

.data-container[_ngcontent-inventory-app-stocktake-overview] {
  margin: 15px 0px 15px 0px;
}

/* src/app/pages/transfers/transfers-details/transfers-details.component.scss (app-transfers-detail) */
[_nghost-inventory-app-transfers-detail]   .page[_ngcontent-inventory-app-transfers-detail] {
  padding: 0 16px;
  box-sizing: border-box;
}

header[_ngcontent-inventory-app-transfers-detail]   h2.page-header-row[_ngcontent-inventory-app-transfers-detail] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  flex-wrap: nowrap;
  width: 100%;
  box-sizing: border-box;
}
header[_ngcontent-inventory-app-transfers-detail]   h2.page-header-row[_ngcontent-inventory-app-transfers-detail]    > span[_ngcontent-inventory-app-transfers-detail]:first-of-type {
  min-width: 0;
}
header[_ngcontent-inventory-app-transfers-detail]   h2.page-header-row[_ngcontent-inventory-app-transfers-detail]   .buttons[_ngcontent-inventory-app-transfers-detail] {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 8px;
  margin: 0;
  margin-left: auto;
  flex-shrink: 0;
}

.transfer-details-items-toolbar[_ngcontent-inventory-app-transfers-detail] {
  margin-bottom: 1.25rem;
  padding-bottom: 0.25rem;
}

.addItemsToGridContainer[_ngcontent-inventory-app-transfers-detail] {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.search-barcode-container[_ngcontent-inventory-app-transfers-detail] {
  display: flex;
  align-items: center;
}

.transfer-details-barcode-lookup-row[_ngcontent-inventory-app-transfers-detail] {
  flex-wrap: wrap;
  align-items: center;
  gap: 10px;
}

.transfer-line-action-buttons[_ngcontent-inventory-app-transfers-detail] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 4px;
}
.transfer-line-action-buttons[_ngcontent-inventory-app-transfers-detail]     .dx-button {
  min-width: 26px;
}
.transfer-line-action-buttons[_ngcontent-inventory-app-transfers-detail]     .dx-button .dx-button-content {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0;
}
.transfer-line-action-buttons[_ngcontent-inventory-app-transfers-detail]     .dx-button .dx-icon {
  margin: 0;
}

/* src/app/pages/transfers/transfers-overview.component.scss (app-transfers) */
[_nghost-inventory-app-transfers]   .page[_ngcontent-inventory-app-transfers] {
  padding: 0 16px;
  box-sizing: border-box;
}

header[_ngcontent-inventory-app-transfers]   h2.page-header-row[_ngcontent-inventory-app-transfers] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  flex-wrap: nowrap;
  width: 100%;
  box-sizing: border-box;
}
header[_ngcontent-inventory-app-transfers]   h2.page-header-row[_ngcontent-inventory-app-transfers]    > span[_ngcontent-inventory-app-transfers]:first-of-type {
  min-width: 0;
}
header[_ngcontent-inventory-app-transfers]   h2.page-header-row[_ngcontent-inventory-app-transfers]   .buttons[_ngcontent-inventory-app-transfers] {
  margin: 0;
  margin-left: auto;
  flex-shrink: 0;
}

[_nghost-inventory-app-transfers]     .filter-actions-item .dx-field-item-content {
  text-align: left;
}

.filter-actions[_ngcontent-inventory-app-transfers] {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 8px;
  margin: 2px 0;
}

.data-container[_ngcontent-inventory-app-transfers] {
  margin: 15px 0px 15px 0px;
}

/* src/app/pages/vendors/vendor-create/vendor-create.component.scss (app-vendor-create) */


/* src/app/pages/vendors/vendor-find/vendor-find.component.scss (app-vendor-find) */


/* src/app/pages/vendors/vendor-return/vendor-return-detail/vendor-return-detail.component.scss (app-vendor-return-detail) */
[_nghost-inventory-app-vendor-return-detail]   .page[_ngcontent-inventory-app-vendor-return-detail] {
  padding: 0 16px;
  box-sizing: border-box;
}

header[_ngcontent-inventory-app-vendor-return-detail]   h2.page-header-row[_ngcontent-inventory-app-vendor-return-detail] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  flex-wrap: nowrap;
  width: 100%;
  box-sizing: border-box;
}
header[_ngcontent-inventory-app-vendor-return-detail]   h2.page-header-row[_ngcontent-inventory-app-vendor-return-detail]    > span[_ngcontent-inventory-app-vendor-return-detail]:first-of-type {
  min-width: 0;
}
header[_ngcontent-inventory-app-vendor-return-detail]   h2.page-header-row[_ngcontent-inventory-app-vendor-return-detail]   .buttons[_ngcontent-inventory-app-vendor-return-detail] {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  gap: 8px;
  margin: 0;
  margin-left: auto;
  flex-shrink: 0;
}

.data-container[_ngcontent-inventory-app-vendor-return-detail] {
  margin: 15px 0px 15px 0px;
}

.addItemsToGridContainer[_ngcontent-inventory-app-vendor-return-detail] {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.search-barcode-container[_ngcontent-inventory-app-vendor-return-detail] {
  display: flex;
  align-items: center;
}

/* src/app/pages/vendors/vendor-return/vendor-return.component.scss (app-vendor-return) */
[_nghost-inventory-app-vendor-return]   .page[_ngcontent-inventory-app-vendor-return] {
  padding: 0 16px;
  box-sizing: border-box;
}

header[_ngcontent-inventory-app-vendor-return]   h2.page-header-row[_ngcontent-inventory-app-vendor-return] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  flex-wrap: nowrap;
  width: 100%;
  box-sizing: border-box;
}
header[_ngcontent-inventory-app-vendor-return]   h2.page-header-row[_ngcontent-inventory-app-vendor-return]    > span[_ngcontent-inventory-app-vendor-return]:first-of-type {
  min-width: 0;
}
header[_ngcontent-inventory-app-vendor-return]   h2.page-header-row[_ngcontent-inventory-app-vendor-return]   .buttons[_ngcontent-inventory-app-vendor-return] {
  margin: 0;
  margin-left: auto;
  flex-shrink: 0;
}

[_nghost-inventory-app-vendor-return]     .filter-actions-item .dx-field-item-content {
  text-align: left;
}

.filter-actions[_ngcontent-inventory-app-vendor-return] {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 8px;
  margin: 2px 0;
}

.data-container[_ngcontent-inventory-app-vendor-return] {
  margin: 15px 0px 15px 0px;
}

/* src/app/shared/components/add-offline-stock-item-modal/add-offline-stock-item-modal.component.scss (app-add-offline-stock-item-modal) */
.add-offline-stock-modal-body[_ngcontent-inventory-app-add-offline-stock-item-modal] {
  display: flex;
  flex-direction: column;
  gap: 0;
  min-height: 0;
  max-height: calc(85vh - 120px);
}

.add-offline-stock-modal-body[_ngcontent-inventory-app-add-offline-stock-item-modal]   .data-container[_ngcontent-inventory-app-add-offline-stock-item-modal] {
  flex: 1 1 auto;
  min-height: 0;
  max-height: min(360px, 45vh);
}

.popup-footer-actions[_ngcontent-inventory-app-add-offline-stock-item-modal] {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 8px;
  padding: 16px 0 0;
  flex-shrink: 0;
  border-top: 1px solid rgba(0, 0, 0, 0.08);
  margin-top: 12px;
}

/* src/app/shared/components/alert/alert.component.scss (app-alert) */
.alert[_ngcontent-inventory-app-alert] {
  margin: 1em 0;
  gap: 10px;
  align-items: center;
  flex-wrap: wrap;
}
.alert[_ngcontent-inventory-app-alert]   .message[_ngcontent-inventory-app-alert] {
  flex: 1;
  min-width: 0;
  font-weight: 400;
  font-size: 13px;
  line-height: 1.45;
}
.alert[_ngcontent-inventory-app-alert]   .dx-toast-icon[_ngcontent-inventory-app-alert] {
  flex-shrink: 0;
}
.alert[_ngcontent-inventory-app-alert]   .action[_ngcontent-inventory-app-alert] {
  flex-shrink: 0;
  padding-left: 0.5em;
}
.alert[_ngcontent-inventory-app-alert]   .action[_ngcontent-inventory-app-alert]     .dx-button.dx-button-mode-contained.dx-button-normal {
  background-color: rgba(255, 255, 255, 0.96);
  border: 1px solid rgba(0, 0, 0, 0.12);
  color: rgba(0, 0, 0, 0.87);
}
.alert[_ngcontent-inventory-app-alert]   .action[_ngcontent-inventory-app-alert]     .dx-button.dx-button-mode-contained.dx-button-normal.dx-state-hover {
  background-color: #fff;
  border-color: rgba(0, 0, 0, 0.18);
}
@media (max-width: 599px) {
  .alert[_ngcontent-inventory-app-alert] {
    flex-direction: column;
    align-items: stretch;
  }
  .alert[_ngcontent-inventory-app-alert]   .action[_ngcontent-inventory-app-alert] {
    text-align: center;
    padding-left: 0;
  }
  .alert[_ngcontent-inventory-app-alert]   .dx-toast-icon[_ngcontent-inventory-app-alert] {
    align-self: center;
  }
}

/* src/app/shared/components/custom-toaster/custom-toaster.component.scss (customtoaster) */
[_nghost-inventory-customtoaster] {
  display: block;
}

.toaster-container[_ngcontent-inventory-customtoaster] {
  position: relative;
  z-index: 999999;
  pointer-events: auto;
  border-radius: 4px;
  padding: 15px 36px 15px 20px;
  margin-bottom: 5px;
  min-height: 20px;
  line-height: 1.31;
  color: #ffffff;
}
.toaster-container.success[_ngcontent-inventory-customtoaster] {
  background-color: #04844b;
}
.toaster-container.error[_ngcontent-inventory-customtoaster] {
  background-color: #c23934;
}
.toaster-container.informational[_ngcontent-inventory-customtoaster] {
  background-color: #54698d;
}
.toaster-container.warning[_ngcontent-inventory-customtoaster] {
  background-color: #ffb75d;
  color: #16325c;
}

.remove-btn[_ngcontent-inventory-customtoaster] {
  position: absolute;
  top: 12px;
  right: 12px;
  border: none;
  background: transparent;
  color: inherit;
  cursor: pointer;
  font-size: 20px;
  line-height: 1;
  padding: 0 4px;
  opacity: 0.85;
}
.remove-btn[_ngcontent-inventory-customtoaster]:hover {
  opacity: 1;
}

.label[_ngcontent-inventory-customtoaster] {
  font-size: 16px;
}

.description[_ngcontent-inventory-customtoaster] {
  font-size: 12px;
  margin-top: 2px;
}

/* src/app/shared/components/image-pending/image-pending.component.scss (app-image-pending) */
.image-pending[_ngcontent-inventory-app-image-pending] {
  background-color: #ccc;
  border: 1px solid #999;
  text-align: center;
  margin: 0 auto;
}
.image-pending.small[_ngcontent-inventory-app-image-pending] {
  width: 40px;
  height: 40px;
  padding-top: 10px;
  font-size: 8px;
}
.image-pending.medium[_ngcontent-inventory-app-image-pending] {
  width: 80px;
  height: 80px;
  padding-top: 30px;
  font-size: 10px;
}
.image-pending.large[_ngcontent-inventory-app-image-pending] {
  width: 120px;
  height: 120px;
  padding-top: 50px;
  font-size: 12px;
}

/* src/app/shared/components/item-dimension-grid/item-dimension-grid.component.scss (app-item-dimension-grid) */
.dimension-grid[_ngcontent-inventory-app-item-dimension-grid] {
  display: grid;
}
.dimension-grid[_ngcontent-inventory-app-item-dimension-grid]   .cell[_ngcontent-inventory-app-item-dimension-grid] {
  padding: 0.75em;
}
.dimension-grid[_ngcontent-inventory-app-item-dimension-grid]   .header[_ngcontent-inventory-app-item-dimension-grid] {
  font-weight: bold;
  color: grey;
}
.dimension-grid[_ngcontent-inventory-app-item-dimension-grid]   .header.corner[_ngcontent-inventory-app-item-dimension-grid] {
  font-size: 80%;
  font-style: italic;
  justify-self: end;
  align-self: flex-end;
  text-align: right;
}
.dimension-grid[_ngcontent-inventory-app-item-dimension-grid]   .header.row[_ngcontent-inventory-app-item-dimension-grid]:not(.corner) {
  justify-self: end;
  align-self: center;
}
.dimension-grid[_ngcontent-inventory-app-item-dimension-grid]   .header.horizontal[_ngcontent-inventory-app-item-dimension-grid]:not(.corner) {
  align-self: flex-end;
  text-align: center;
}

.confirm[_ngcontent-inventory-app-item-dimension-grid] {
  text-align: right;
  margin-top: 0.5em;
}

/* src/app/shared/components/item-estimate-price-margin/item-estimate-price-margin.component.scss (app-item-estimate-price-margin) */
.title[_ngcontent-inventory-app-item-estimate-price-margin] {
  font-size: 18px;
}

/* src/app/shared/components/item-search/item-search.component.scss (app-item-search) */
.search-box[_ngcontent-inventory-app-item-search] {
  border: 1px solid rgb(158.8076923077, 196.1282051282, 228.1923076923);
  border-radius: 5px;
  margin-bottom: 5px;
  padding: 15px;
}

.custom-grid[_ngcontent-inventory-app-item-search] {
  height: calc(100% - 140px);
}

.qty-stepper-buttons[_ngcontent-inventory-app-item-search] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 4px;
}
.qty-stepper-buttons[_ngcontent-inventory-app-item-search]     .dx-button {
  min-width: 26px;
}
.qty-stepper-buttons[_ngcontent-inventory-app-item-search]     .dx-button .dx-button-content {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0;
}
.qty-stepper-buttons[_ngcontent-inventory-app-item-search]     .dx-button .dx-icon {
  margin: 0;
}

/* src/app/shared/components/matrix-grid/matrix-grid.component.css (app-matrix-grid) */
table[_ngcontent-inventory-app-matrix-grid] {
  border-collapse: collapse;
  width: 100%;
  margin-bottom: 20px;
}

th[_ngcontent-inventory-app-matrix-grid], 
td[_ngcontent-inventory-app-matrix-grid] {
  border: 1px solid #dddddd;
  text-align: center;
}

th[_ngcontent-inventory-app-matrix-grid] {
  background-color: #f2f2f2;
}

.qty-background[_ngcontent-inventory-app-matrix-grid] {
  text-align: center;
  border-width: 0;
  outline: 0px;
  padding: 8px;
}

.store-background[_ngcontent-inventory-app-matrix-grid] {
  background-color: #f5f5f5;
}

.sum-background[_ngcontent-inventory-app-matrix-grid] {
  background-color: #e6e6e6;
  min-width: 40px;
  font-weight: bold;
}

select[_ngcontent-inventory-app-matrix-grid] {
  padding: 2px;
  font-size: 16px;
  border-color: transparent;
}

.button-container[_ngcontent-inventory-app-matrix-grid] {
  float: right;
}

input[_ngcontent-inventory-app-matrix-grid] {
  background-color: transparent;
}


input[type='number'][_ngcontent-inventory-app-matrix-grid]::-webkit-inner-spin-button, 
input[type='number'][_ngcontent-inventory-app-matrix-grid]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

input[type='number'][_ngcontent-inventory-app-matrix-grid] {
  -moz-appearance: textfield; 
}

.table-wrapper[_ngcontent-inventory-app-matrix-grid] {
  padding-top: 5px;
  width: 100%;
  height: 490px;
  overflow-x: auto;
  overflow-y: auto;

  display: flex; 
  justify-content: center; 
}

.responsive-table[_ngcontent-inventory-app-matrix-grid] {
  width: auto;
  table-layout: fixed;
  border-collapse: collapse;
}


.responsive-table[_ngcontent-inventory-app-matrix-grid]   th[_ngcontent-inventory-app-matrix-grid], 
.responsive-table[_ngcontent-inventory-app-matrix-grid]   td[_ngcontent-inventory-app-matrix-grid] {
  text-align: center;
}


.responsive-table[_ngcontent-inventory-app-matrix-grid]   tr[_ngcontent-inventory-app-matrix-grid] {
  border-bottom: 1px solid #ddd;
}


.responsive-table[_ngcontent-inventory-app-matrix-grid]   input[type='text'][_ngcontent-inventory-app-matrix-grid], 
.responsive-table[_ngcontent-inventory-app-matrix-grid]   input[type='number'][_ngcontent-inventory-app-matrix-grid] {
  width: 100%;
  box-sizing: border-box;
}


@media screen and (max-width: 600px) {
  
  .responsive-table[_ngcontent-inventory-app-matrix-grid]   th[_ngcontent-inventory-app-matrix-grid], 
   .responsive-table[_ngcontent-inventory-app-matrix-grid]   td[_ngcontent-inventory-app-matrix-grid] {
    padding: 5px;
    font-size: 12px;
  }
}

.buttons[_ngcontent-inventory-app-matrix-grid] {
  margin-top: 10px;
  float: right;
}

.table-wrapper[_ngcontent-inventory-app-matrix-grid]::-webkit-scrollbar {
  -webkit-appearance: none;
  width: 7px;
}

.table-wrapper[_ngcontent-inventory-app-matrix-grid]::-webkit-scrollbar-track {
  background-color: #f1f1f1;
}
.table-wrapper[_ngcontent-inventory-app-matrix-grid]::-webkit-scrollbar-thumb {
  background-color: #888;
  border-radius: 4px;
}

/* src/app/shared/components/modal/modal.component.scss (app-modal) */
.backdrop[_ngcontent-inventory-app-modal] {
  position: fixed;
  margin: 0;
  padding: 0;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 100;
}

.modal-container[_ngcontent-inventory-app-modal] {
  position: sticky;
  top: 4em;
}

.modal[_ngcontent-inventory-app-modal] {
  display: block;
  position: relative;
  margin: 4em auto;
  width: 600px;
  background-color: white;
  border-radius: 15px;
}
.modal[_ngcontent-inventory-app-modal]   h1[_ngcontent-inventory-app-modal], 
.modal[_ngcontent-inventory-app-modal]   h2[_ngcontent-inventory-app-modal], 
.modal[_ngcontent-inventory-app-modal]   h3[_ngcontent-inventory-app-modal], 
.modal[_ngcontent-inventory-app-modal]   h4[_ngcontent-inventory-app-modal], 
.modal[_ngcontent-inventory-app-modal]   h5[_ngcontent-inventory-app-modal], 
.modal[_ngcontent-inventory-app-modal]   h6[_ngcontent-inventory-app-modal] {
  padding: 1em 1em 0 1em;
}
.modal[_ngcontent-inventory-app-modal]   header[_ngcontent-inventory-app-modal] {
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.modal[_ngcontent-inventory-app-modal]   header[_ngcontent-inventory-app-modal]   #close[_ngcontent-inventory-app-modal] {
  position: absolute;
  top: 10px;
  right: 20px;
  font-size: 150%;
  opacity: 0.5;
  cursor: pointer;
}
.modal[_ngcontent-inventory-app-modal]   main[_ngcontent-inventory-app-modal] {
  padding: 1em 1em 1em 1.5em;
}

/* src/app/shared/components/print-modal/print-modal.component.scss (app-print-modal) */
dx-form[_ngcontent-inventory-app-print-modal] {
  margin-bottom: 2em;
}