/* Inventory content styles copied from the reference; the shared shell stays in app.css. */
.inventory-pages { max-width: 1440px; }
.inventory-pages .intorry-main-card { background-color: #f7f7f7; border: 1px solid #dee2e6; }
.inventory-pages .td-one-px-padding { padding: 1px; }
.inventory-pages input.form-control-sm { padding: .25rem .5rem; }
.inventory-pages .dropdown-menu { --bs-dropdown-link-hover-bg: #f5f5f5; }

.inventory-pages .cursor-pointer {
    cursor: pointer;
}

.inventory-pages .cursor-pointer {
    cursor: pointer;
}

.inventory-pages .cards-container {
    width: 140px;
    max-width: calc(50% - .5rem);
}

.inventory-pages .cards-img {
    width: 120px;
    height: 120px;
    max-width: 100%;
}

.inventory-pages .cards-caption-title {
    height: 2em;
}

.inventory-pages .product-card {
    overflow: hidden;
    text-overflow: ellipsis;
    text-transform: uppercase;
}

.inventory-pages .ellipsis-text {
    white-space: nowrap;

    overflow: hidden;

    text-overflow: ellipsis;

}

.inventory-pages .p-pixel {
    padding: 1px;
}

.inventory-pages .manufacture-kit-elements {
  font-size: .75em;
}

/* Compact two-handle Days of supply slider. */
#daysSlider.noUi-horizontal {
  height: 8px;
}

#daysSlider .noUi-handle {
  width: 20px;
  height: 20px;
  right: -10px;
  top: -7px;
}

#daysSlider .noUi-handle::before,
#daysSlider .noUi-handle::after {
  display: none;
}

#daysSlider .noUi-tooltip {
  padding: 2px 5px;
  font-size: 0.75rem;
}

#daysSlider .noUi-pips {
  height: 24px;
  padding: 5px 0;
  font-size: 0.75rem;
}

#daysSlider .noUi-marker-horizontal {
  height: 3px;
}

#daysSlider .noUi-marker-large {
  height: 6px;
}