/* Styles shared across all FulcrumProduct branches */
/* Primary color styles */
/* Indicator color styles */
/* Tags and User chip color styles */
/* Grouping color styles */
/* Item Origin color styles */
/*2px*/
/*4px;*/
/*8px;*/
/*16px;*/
/*24px;*/
/*32px;*/
/*40px;*/
/*80px;*/
/* Typography */
/* font weight */
/* font sizing */
/* line height */
/* letter spacing */
.gridcol-1 {
  grid-column: span 1; }
  @media (max-width: 1099.98px) {
    .gridcol-1 {
      grid-column: span 12; } }

.gridcol-2 {
  grid-column: span 2; }
  @media (max-width: 1099.98px) {
    .gridcol-2 {
      grid-column: span 12; } }

.gridcol-3 {
  grid-column: span 3; }
  @media (max-width: 1099.98px) {
    .gridcol-3 {
      grid-column: span 12; } }

.gridcol-4 {
  grid-column: span 4; }
  @media (max-width: 1099.98px) {
    .gridcol-4 {
      grid-column: span 12; } }

.gridcol-5 {
  grid-column: span 5; }
  @media (max-width: 1099.98px) {
    .gridcol-5 {
      grid-column: span 12; } }

.gridcol-6 {
  grid-column: span 6; }
  @media (max-width: 1099.98px) {
    .gridcol-6 {
      grid-column: span 12; } }

.gridcol-7 {
  grid-column: span 7; }
  @media (max-width: 1099.98px) {
    .gridcol-7 {
      grid-column: span 12; } }

.gridcol-8 {
  grid-column: span 8; }
  @media (max-width: 1099.98px) {
    .gridcol-8 {
      grid-column: span 12; } }

.gridcol-9 {
  grid-column: span 9; }
  @media (max-width: 1099.98px) {
    .gridcol-9 {
      grid-column: span 12; } }

.gridcol-10 {
  grid-column: span 10; }
  @media (max-width: 1099.98px) {
    .gridcol-10 {
      grid-column: span 12; } }

.gridcol-11 {
  grid-column: span 11; }
  @media (max-width: 1099.98px) {
    .gridcol-11 {
      grid-column: span 12; } }

.gridcol-12 {
  grid-column: span 12; }
  @media (max-width: 1099.98px) {
    .gridcol-12 {
      grid-column: span 12; } }

.grid-container {
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  gap: 0.5rem; }

.flex-row {
  display: flex;
  gap: 0.5rem; }
  .flex-row.even > * {
    flex: 1; }

.bom-routing-card {
  border: 1px solid #e4e4ea;
  padding: 1rem 0;
  border-radius: 0.4rem;
  margin-bottom: 0.75rem; }
  .bom-routing-card .section-right-border {
    border-right: 1px solid #e4e4ea; }
  .bom-routing-card .section-left-border {
    border-left: 1px solid #e4e4ea; }

.fulcrum-color-kpi {
  border-width: 1px;
  border-radius: 4px;
  border-left-width: 12px;
  border-style: solid;
  line-height: 1.1;
  height: 100%; }

.demand-planning-createpo .fulcrum-check {
  min-width: 100px; }

.vendor-order-issues-badge {
  background-color: #fa9b47;
  color: white;
  display: inline-flex;
  flex-direction: row;
  align-items: center;
  font-size: 10px;
  font-weight: bold;
  letter-spacing: .5px;
  border-radius: 4px;
  height: 14px;
  padding: 2.5px 3px 1px 4px; }

.quantity_breaks {
  display: flex; }
  .quantity_breaks .form-group {
    margin: 0;
    padding: 0; }
    .quantity_breaks .form-group label {
      margin-bottom: 0; }
  .quantity_breaks .break_margin {
    flex: .80; }
  .quantity_breaks .break_price {
    flex: 1.25; }
  .quantity_breaks .break_qty, .quantity_breaks .break_show {
    flex: .5; }
  .quantity_breaks .break_icon {
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 30px; }
    .quantity_breaks .break_icon .btn {
      line-height: 1; }

.invoice-edit .fulcrum-slideeditgrid .line-element:last-of-type {
  text-align: right !important; }

.invoice-edit.invoice-parts-slide-wrap .fulcrum-slideeditgrid {
  margin-bottom: 0px !important; }

.invoice-edit.invoice-fee-slide-wrap .fulcrum-slideeditgrid {
  margin-bottom: 0px !important; }

.invoice-edit.invoice-fee-slide-wrap .lineitems-header {
  display: none; }

.invoice-edit .line-item-wrap.summary {
  width: 100%; }
  .invoice-edit .line-item-wrap.summary:before {
    display: none; }
  .invoice-edit .line-item-wrap.summary .lineitem {
    padding-left: 1.5rem !important; }
  .invoice-edit .line-item-wrap.summary .form-group {
    margin: 0;
    padding: 0;
    display: flex;
    justify-content: space-between; }
    .invoice-edit .line-item-wrap.summary .form-group label {
      color: initial;
      font-size: 100%;
      line-height: 1;
      margin: 0;
      font-weight: bold; }
    .invoice-edit .line-item-wrap.summary .form-group .form-control-plaintext {
      margin-right: 2.75rem;
      flex: 1;
      line-height: 1;
      margin: 0;
      padding: 0;
      text-align: right; }

/* Items Page */
/* Primary color styles */
/* Indicator color styles */
/* Tags and User chip color styles */
/* Grouping color styles */
/* Item Origin color styles */
/*2px*/
/*4px;*/
/*8px;*/
/*16px;*/
/*24px;*/
/*32px;*/
/*40px;*/
/*80px;*/
/* Typography */
/* font weight */
/* font sizing */
/* line height */
/* letter spacing */
.gridcol-1 {
  grid-column: span 1; }
  @media (max-width: 1099.98px) {
    .gridcol-1 {
      grid-column: span 12; } }

.gridcol-2 {
  grid-column: span 2; }
  @media (max-width: 1099.98px) {
    .gridcol-2 {
      grid-column: span 12; } }

.gridcol-3 {
  grid-column: span 3; }
  @media (max-width: 1099.98px) {
    .gridcol-3 {
      grid-column: span 12; } }

.gridcol-4 {
  grid-column: span 4; }
  @media (max-width: 1099.98px) {
    .gridcol-4 {
      grid-column: span 12; } }

.gridcol-5 {
  grid-column: span 5; }
  @media (max-width: 1099.98px) {
    .gridcol-5 {
      grid-column: span 12; } }

.gridcol-6 {
  grid-column: span 6; }
  @media (max-width: 1099.98px) {
    .gridcol-6 {
      grid-column: span 12; } }

.gridcol-7 {
  grid-column: span 7; }
  @media (max-width: 1099.98px) {
    .gridcol-7 {
      grid-column: span 12; } }

.gridcol-8 {
  grid-column: span 8; }
  @media (max-width: 1099.98px) {
    .gridcol-8 {
      grid-column: span 12; } }

.gridcol-9 {
  grid-column: span 9; }
  @media (max-width: 1099.98px) {
    .gridcol-9 {
      grid-column: span 12; } }

.gridcol-10 {
  grid-column: span 10; }
  @media (max-width: 1099.98px) {
    .gridcol-10 {
      grid-column: span 12; } }

.gridcol-11 {
  grid-column: span 11; }
  @media (max-width: 1099.98px) {
    .gridcol-11 {
      grid-column: span 12; } }

.gridcol-12 {
  grid-column: span 12; }
  @media (max-width: 1099.98px) {
    .gridcol-12 {
      grid-column: span 12; } }

.items-page .v2-items-grid, .items-page .k-grid-container, .items-page .k-grid-content {
  overflow: visible; }

.items-page .form-control {
  height: auto !important; }

.items-page .fulcrum-grid th, .items-page .fulcrum-grid td {
  padding: 1rem 0.75rem; }

.items-page td[data-col-index="4"] {
  overflow: visible; }

.items-page .invt-inputs {
  display: flex; }
  .items-page .invt-inputs.location .input-group {
    display: flex;
    flex-wrap: nowrap;
    align-items: center; }
  .items-page .invt-inputs.input-group {
    flex-wrap: nowrap;
    align-items: center; }
  .items-page .invt-inputs .blazored-typeahead {
    margin-right: 10px; }
  .items-page .invt-inputs button.icon-swap, .items-page .invt-inputs .invt-icon.check {
    font-size: 24px;
    width: 40px;
    height: 40px;
    padding: 0 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-left: 10px; }
  .items-page .invt-inputs .qtychange {
    background: white; }
    .items-page .invt-inputs .qtychange svg {
      max-width: 18px;
      position: relative;
      line-height: 1; }
      .items-page .invt-inputs .qtychange svg path {
        fill: #4487ef;
        transition: ease all 150ms; }
    .items-page .invt-inputs .qtychange.add:hover {
      border-color: #36cd86;
      border-color: #76D7AE; }
      .items-page .invt-inputs .qtychange.add:hover svg path {
        fill: #36cc86; }
    .items-page .invt-inputs .qtychange.minus:hover {
      border-color: #fdbfbf; }
      .items-page .invt-inputs .qtychange.minus:hover svg path {
        fill: #fb8888; }
    .items-page .invt-inputs .qtychange.input-group-text {
      padding: 0.35rem 0.4rem; }
      .items-page .invt-inputs .qtychange.input-group-text svg {
        max-width: 16px; }
      .items-page .invt-inputs .qtychange.input-group-text.add svg path {
        fill: #36cc86; }
      .items-page .invt-inputs .qtychange.input-group-text.minus svg path {
        fill: #fb8888; }

.items-page .invt-icon {
  font-size: 1.5rem;
  background: #4487ef;
  color: white;
  padding: 4px 5px;
  transition: ease all 150ms; }
  .items-page .invt-icon.invt-icon.swap.pre {
    background: white;
    color: #9a63e0;
    font-size: 1.25rem; }
  .items-page .invt-icon.swap:hover {
    background: #9a63e0; }
  .items-page .invt-icon.check {
    background: #008f5b;
    color: #ffffff; }
  .items-page .invt-icon.check-disabled {
    background: #eeeff2;
    color: #d0d2d6; }

.items-page .actions {
  display: flex; }
  .items-page .actions .btn {
    white-space: nowrap; }
    .items-page .actions .btn:first-child {
      margin-right: 0.5rem; }

.items-page .btn:first-child {
  margin-right: 0.5rem; }

.v2-items-grid th.k-header[data-col-index="1"] {
  cursor: default;
  pointer-events: none; }

/* End Items Page */

.list-container {
  width: 100%;
  padding-left: 0.5rem;
  padding-right: 0.5rem; }
  .list-container .list-item {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
    border-bottom: 1px solid lightgrey; }
  .list-container .tag.badge {
    font-size: 14px; }

.workorder-table {
  display: flex;
  flex-direction: column;
  width: 100%;
  padding: 0 1rem; }
  .workorder-table .workorder-table-row {
    display: flex;
    align-items: center;
    border-bottom: 1px solid #E4E4EA; }
  .workorder-table .workorder-table-row div {
    flex: 1; }
  .workorder-table .workorder-instructions {
    flex: 2; }

.work-order-kpi .row {
  margin-left: .5rem;
  margin-right: .5rem; }

/* Start EditRouting Bom Styles */
/* Primary color styles */
/* Indicator color styles */
/* Tags and User chip color styles */
/* Grouping color styles */
/* Item Origin color styles */
/*2px*/
/*4px;*/
/*8px;*/
/*16px;*/
/*24px;*/
/*32px;*/
/*40px;*/
/*80px;*/
/* Typography */
/* font weight */
/* font sizing */
/* line height */
/* letter spacing */
.gridcol-1 {
  grid-column: span 1; }
  @media (max-width: 1099.98px) {
    .gridcol-1 {
      grid-column: span 12; } }

.gridcol-2 {
  grid-column: span 2; }
  @media (max-width: 1099.98px) {
    .gridcol-2 {
      grid-column: span 12; } }

.gridcol-3 {
  grid-column: span 3; }
  @media (max-width: 1099.98px) {
    .gridcol-3 {
      grid-column: span 12; } }

.gridcol-4 {
  grid-column: span 4; }
  @media (max-width: 1099.98px) {
    .gridcol-4 {
      grid-column: span 12; } }

.gridcol-5 {
  grid-column: span 5; }
  @media (max-width: 1099.98px) {
    .gridcol-5 {
      grid-column: span 12; } }

.gridcol-6 {
  grid-column: span 6; }
  @media (max-width: 1099.98px) {
    .gridcol-6 {
      grid-column: span 12; } }

.gridcol-7 {
  grid-column: span 7; }
  @media (max-width: 1099.98px) {
    .gridcol-7 {
      grid-column: span 12; } }

.gridcol-8 {
  grid-column: span 8; }
  @media (max-width: 1099.98px) {
    .gridcol-8 {
      grid-column: span 12; } }

.gridcol-9 {
  grid-column: span 9; }
  @media (max-width: 1099.98px) {
    .gridcol-9 {
      grid-column: span 12; } }

.gridcol-10 {
  grid-column: span 10; }
  @media (max-width: 1099.98px) {
    .gridcol-10 {
      grid-column: span 12; } }

.gridcol-11 {
  grid-column: span 11; }
  @media (max-width: 1099.98px) {
    .gridcol-11 {
      grid-column: span 12; } }

.gridcol-12 {
  grid-column: span 12; }
  @media (max-width: 1099.98px) {
    .gridcol-12 {
      grid-column: span 12; } }

.bom-routing .indent {
  position: relative;
  padding-left: 1rem; }
  .bom-routing .indent:before {
    content: '';
    position: absolute;
    width: 1px;
    background: #eaebef;
    height: 100%;
    z-index: 2;
    left: 0; }
  .bom-routing .indent:after {
    content: '';
    position: absolute;
    width: 3px;
    height: 3px;
    border-radius: 50%;
    background: #E4E4EA;
    z-index: 2;
    left: -1px;
    bottom: 0; }

.bom-routing .bom-col.data-col {
  min-width: 350px; }
  .bom-routing .bom-col.data-col .bom-data {
    flex-basis: 0;
    flex-grow: 1;
    text-align: center;
    margin: 0 0.5rem; }
    .bom-routing .bom-col.data-col .bom-data input {
      max-width: 100px;
      text-align: center; }

.bom-routing .bom-col.action-col {
  min-width: 12%; }

.bom-routing .fulcrum-bom-row {
  margin-top: 0.5rem !important;
  border: 1px solid #E4E4EA;
  border-radius: 6px;
  background: #ffffff; }
  .bom-routing .fulcrum-bom-row:first-of-type {
    margin-top: 0 !important;
    border-radius: 6px 6px 0 0; }
    .bom-routing .fulcrum-bom-row:first-of-type .routing-bubble {
      margin-left: 0px !important; }
      .bom-routing .fulcrum-bom-row:first-of-type .routing-bubble.btn {
        margin-left: auto !important; }
  .bom-routing .fulcrum-bom-row .routing-bubble {
    border-radius: 50%;
    color: white;
    width: 30px;
    height: 30px;
    min-width: 30px;
    text-align: center;
    border: 1px solid;
    margin-left: 0.7rem; }
    .bom-routing .fulcrum-bom-row .routing-bubble.btn {
      color: black;
      background: white;
      border: 1px solid #e4e4eb !important;
      padding-top: 1px !important; }
    .bom-routing .fulcrum-bom-row .routing-bubble:hover {
      background: #4487ef; }
      .bom-routing .fulcrum-bom-row .routing-bubble:hover i {
        color: white; }
  .bom-routing .fulcrum-bom-row.routing-row {
    background: #F4F4F5;
    border-radius: 0 0 0.4rem 0.4rem !important;
    border-top: 0px; }
    .bom-routing .fulcrum-bom-row.routing-row .nest-col {
      margin-top: 0px; }
    .bom-routing .fulcrum-bom-row.routing-row .nest-cap {
      border-top: 0;
      background: #EEEFF2;
      border-radius: 0 0 0 0.4rem; }
    .bom-routing .fulcrum-bom-row.routing-row .routing-step {
      color: white;
      text-align: center;
      border-radius: 1rem;
      line-height: 1;
      white-space: nowrap;
      height: 25px;
      padding: 0 10px;
      align-items: center;
      display: flex !important; }
    .bom-routing .fulcrum-bom-row.routing-row .routing-dash {
      flex-grow: 1;
      padding: 0 1rem; }
      .bom-routing .fulcrum-bom-row.routing-row .routing-dash:before {
        content: '';
        border-bottom: 2px dashed #E4E4EA;
        width: 100%; }