/* GENERATED by tools/build-ui-css.mjs - InventoryUI_V2 global styles, scoped to .pui--inventory */

/* src/styles/global.scss */
:where(.pui--inventory) {
  /* You can add global styles to this file, and also import other style files */
}
:where(.pui--inventory) .page {
  max-width: 1120px;
  margin: 0 auto;
}
:where(.pui--inventory) .clearfix {
  overflow: auto;
}
:where(.pui--inventory) .clearfix :after {
  content: "";
  clear: both;
  display: table;
}
:where(.pui--inventory) .content-container {
  padding: 2em;
}
:where(.pui--inventory) .form-container {
  width: 100%;
  border-radius: 5px;
  margin-bottom: 15px;
  padding: 15px;
  box-sizing: border-box;
}
:where(.pui--inventory) .buttons dx-button {
  margin-left: 5px;
}
:where(.pui--inventory) .footer-buttons {
  text-align: center;
  padding: 1em 0;
}
:where(.pui--inventory) .tab-save-row {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  width: 100%;
  margin-bottom: 1rem;
  box-sizing: border-box;
}
:where(.pui--inventory) {
  /* Copyright 2013-2015 etc Chris Tabor. See https://github.com/christabor/css-progress-wizard/blob/master/LICENSE for details. */
}
:where(.pui--inventory) .flexer, :where(.pui--inventory) .progress-indicator {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
}
:where(.pui--inventory) .no-flexer, :where(.pui--inventory) .progress-indicator.stacked {
  display: block;
}
:where(.pui--inventory) .no-flexer-element {
  -ms-flex: 0;
  -webkit-flex: 0;
  -moz-flex: 0;
  flex: 0;
}
:where(.pui--inventory) .flexer-element, :where(.pui--inventory) .progress-indicator > li {
  -ms-flex: 1;
  -webkit-flex: 1;
  -moz-flex: 1;
  flex: 1;
}
:where(.pui--inventory) .progress-indicator {
  margin: 0;
  padding: 0;
  font-size: 80%;
  text-transform: uppercase;
  margin-bottom: 1em;
}
:where(.pui--inventory) .progress-indicator > li {
  list-style: none;
  text-align: center;
  width: auto;
  padding: 0;
  margin: 0;
  position: relative;
  text-overflow: ellipsis;
  color: #bbb;
  display: block;
  transition: color 0.1s linear;
}
@media (max-width: 599px) {
  :where(.pui--inventory) .progress-indicator > li span.text {
    display: block;
    transform: rotate(-25deg);
  }
}
:where(.pui--inventory) .progress-indicator > li .bubble {
  border-radius: 1000px;
  width: 20px;
  height: 20px;
  background-color: #bbb;
  transition: background-color 0.1s linear;
  display: block;
  margin: 0 auto 0.5em auto;
  border-bottom: 1px solid #888888;
}
:where(.pui--inventory) .progress-indicator > li .bubble:before,
:where(.pui--inventory) .progress-indicator > li .bubble:after {
  display: block;
  position: absolute;
  top: 9px;
  width: 100%;
  height: 3px;
  content: "";
  background-color: #bbb;
}
:where(.pui--inventory) .progress-indicator > li .bubble:before {
  left: 0;
}
:where(.pui--inventory) .progress-indicator > li .bubble:after {
  right: 0;
}
:where(.pui--inventory) .progress-indicator > li:first-child .bubble:before,
:where(.pui--inventory) .progress-indicator > li:first-child .bubble:after {
  width: 50%;
  margin-left: 50%;
}
:where(.pui--inventory) .progress-indicator > li:last-child .bubble:before,
:where(.pui--inventory) .progress-indicator > li:last-child .bubble:after {
  width: 50%;
  margin-right: 50%;
}
:where(.pui--inventory) .progress-indicator > li.completed {
  color: #298fc2;
}
:where(.pui--inventory) .progress-indicator > li.completed .bubble {
  background-color: #298fc2;
  color: #298fc2;
  border-color: rgb(14.3063829787, 49.8978723404, 67.6936170213);
}
:where(.pui--inventory) .progress-indicator > li.completed .bubble:before, :where(.pui--inventory) .progress-indicator > li.completed .bubble:after {
  background-color: #298fc2;
  border-color: rgb(14.3063829787, 49.8978723404, 67.6936170213);
}
:where(.pui--inventory) .progress-indicator > li.active {
  color: rgb(39.8846153846, 95.4102564103, 143.1153846154);
}
:where(.pui--inventory) .progress-indicator > li.active .bubble {
  background-color: rgb(39.8846153846, 95.4102564103, 143.1153846154);
  color: rgb(39.8846153846, 95.4102564103, 143.1153846154);
  border-color: rgb(6.5384615385, 15.641025641, 23.4615384615);
}
:where(.pui--inventory) .progress-indicator > li.active .bubble:before, :where(.pui--inventory) .progress-indicator > li.active .bubble:after {
  background-color: rgb(39.8846153846, 95.4102564103, 143.1153846154);
  border-color: rgb(6.5384615385, 15.641025641, 23.4615384615);
}
:where(.pui--inventory) .progress-indicator > li a:hover .bubble {
  background-color: #5671d0;
  color: #5671d0;
  border-color: rgb(30.6805555556, 48.3055555556, 110.3194444444);
}
:where(.pui--inventory) .progress-indicator > li a:hover .bubble:before, :where(.pui--inventory) .progress-indicator > li a:hover .bubble:after {
  background-color: #5671d0;
  border-color: rgb(30.6805555556, 48.3055555556, 110.3194444444);
}
:where(.pui--inventory) .progress-indicator > li.danger .bubble {
  background-color: #d3140f;
  color: #d3140f;
  border-color: rgb(68.1548672566, 6.4601769912, 4.8451327434);
}
:where(.pui--inventory) .progress-indicator > li.danger .bubble:before, :where(.pui--inventory) .progress-indicator > li.danger .bubble:after {
  background-color: #d3140f;
  border-color: rgb(68.1548672566, 6.4601769912, 4.8451327434);
}
:where(.pui--inventory) .progress-indicator > li.warning .bubble {
  background-color: #edb10a;
  color: #edb10a;
  border-color: rgb(90.1943319838, 67.3603238866, 3.8056680162);
}
:where(.pui--inventory) .progress-indicator > li.warning .bubble:before, :where(.pui--inventory) .progress-indicator > li.warning .bubble:after {
  background-color: #edb10a;
  border-color: rgb(90.1943319838, 67.3603238866, 3.8056680162);
}
:where(.pui--inventory) .progress-indicator > li.info .bubble {
  background-color: #5b32d6;
  color: #5b32d6;
  border-color: rgb(37, 18.5, 92.5);
}
:where(.pui--inventory) .progress-indicator > li.info .bubble:before, :where(.pui--inventory) .progress-indicator > li.info .bubble:after {
  background-color: #5b32d6;
  border-color: rgb(37, 18.5, 92.5);
}
:where(.pui--inventory) .progress-indicator.stacked > li {
  text-indent: -10px;
  text-align: center;
  display: block;
}
:where(.pui--inventory) .progress-indicator.stacked > li .bubble:before,
:where(.pui--inventory) .progress-indicator.stacked > li .bubble:after {
  left: 50%;
  margin-left: -1.5px;
  width: 3px;
  height: 100%;
}
:where(.pui--inventory) .progress-indicator.stacked .stacked-text {
  position: relative;
  z-index: 10;
  top: 0;
  margin-left: 60% !important;
  width: 45% !important;
  display: inline-block;
  text-align: left;
  line-height: 1.2em;
}
:where(.pui--inventory) .progress-indicator.stacked > li a {
  border: none;
}
:where(.pui--inventory) .progress-indicator.stacked.nocenter > li .bubble {
  margin-left: 0;
  margin-right: 0;
}
:where(.pui--inventory) .progress-indicator.stacked.nocenter > li .bubble:before,
:where(.pui--inventory) .progress-indicator.stacked.nocenter > li .bubble:after {
  left: 10px;
}
:where(.pui--inventory) .progress-indicator.stacked.nocenter .stacked-text {
  width: auto !important;
  display: block;
  margin-left: 40px !important;
}
@media handheld, screen and (max-width: 400px) {
  :where(.pui--inventory) .progress-indicator {
    font-size: 60%;
  }
}
:where(.pui--inventory) .dx-datagrid-export-button .dx-icon-export-excel-button:before {
  content: "\f05f";
}
:where(.pui--inventory) .dx-state-hover {
  cursor: pointer !important;
}
:where(.pui--inventory) .vertical-center-align .dx-datagrid-content .dx-datagrid-table .dx-row > td {
  vertical-align: middle;
}
:where(.pui--inventory) .new {
  color: orange;
}
:where(.pui--inventory) .new input {
  color: orange;
}
:where(.pui--inventory) .invalid {
  color: red;
}
:where(.pui--inventory) .invalid input {
  color: red;
}
:where(.pui--inventory) .dx-field-item-help-text {
  color: darkgray;
  font-size: 90%;
}
:where(.pui--inventory) .hide-select-all .dx-list-select-all {
  display: none;
}
:where(.pui--inventory) .dx-dropdownlist-popup-wrapper .dx-list:not(.dx-list-select-decorator-enabled) .dx-list-item.dx-list-item-selected {
  color: white;
}
:where(.pui--inventory) .edit-container {
  display: grid;
  grid-template-columns: 1fr 20px;
  max-width: 98%;
}
:where(.pui--inventory) .edit-container .edit-icon {
  color: lightgray;
}
:where(.pui--inventory) {
  /* in-flight clone */
}
:where(.pui--inventory) .gu-mirror {
  position: fixed !important;
  margin: 0 !important;
  z-index: 9999 !important;
  opacity: 0.8;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
  filter: alpha(opacity=80);
  pointer-events: none;
}
:where(.pui--inventory) {
  /* high-performance display:none; helper */
}
:where(.pui--inventory) .gu-hide {
  left: -9999px !important;
}
:where(.pui--inventory) {
  /* added to mirrorContainer (default = body) while dragging */
}
:where(.pui--inventory) .gu-unselectable {
  -webkit-user-select: none !important;
  -moz-user-select: none !important;
  -ms-user-select: none !important;
  user-select: none !important;
}
:where(.pui--inventory) {
  /* added to the source element while its mirror is dragged */
}
:where(.pui--inventory) .gu-transit {
  opacity: 0.2;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)";
  filter: alpha(opacity=20);
}