.mud-table-container {
  padding-bottom: 10px;
}

.dp-table-erp-dense .mud-table-cell {
  font-size: 0.80rem !important;
  line-height: 1rem;
  overflow: hidden;
  padding: 4px 6px !important;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.dp-table-erp-dense .mud-table-row {
  height: auto;
}

  .dp-table-erp-dense .mud-table-row.dp-row-inbox,
  .dp-table-erp-dense .mud-table-row.dp-row-inbox:hover,
  .dp-table-erp-dense .mud-table-row.dp-row-open-customer-order,
  .dp-table-erp-dense .mud-table-row.dp-row-open-customer-order:hover {
    background-color: #ffd7d7 !important; /*Rosa pastel*/
  }

    .dp-table-erp-dense .mud-table-row.dp-row-inbox .mud-table-cell,
    .dp-table-erp-dense .mud-table-row.dp-row-open-customer-order .mud-table-cell {
      background-color: #ffd7d7 !important; /*Rosa pastel*/
      color: #202124 !important;
    }

    .dp-table-erp-dense .mud-table-row.dp-row-inbox a,
    .dp-table-erp-dense .mud-table-row.dp-row-open-customer-order a {
      color: #0047b3 !important;
      font-weight: 700;
    }

  .dp-table-erp-dense .mud-table-row.dp-row-selected,
  .dp-table-erp-dense .mud-table-row.dp-row-selected:hover {
    background-color: #d8ebff !important; /*Azul cielo*/
  }

    .dp-table-erp-dense .mud-table-row.dp-row-selected .mud-table-cell {
      background-color: #d8ebff !important; /*Azul cielo*/
    }

      .dp-table-erp-dense .mud-table-row.dp-row-selected .mud-table-cell * {
        /*color: black !important;*/
      }

    .dp-table-erp-dense .mud-table-row.dp-row-selected .dp-product-cart,
    .dp-table-erp-dense .mud-table-row.dp-row-selected .dp-product-cart * {
      color: white !important;
    }

.dp-relation-toggle {
  cursor: pointer;
}

.relationsWrap {
  vertical-align: middle;
  white-space: nowrap;
}

  .relationsWrap .boxLink {
    vertical-align: middle;
  }

  .relationsWrap button.boxLink {
    font-family: inherit;
  }

.dp-relation-toggle[aria-expanded="true"] {
  background-color: #d8ebff;
  font-weight: 700;
}

.dp-order-detail-info {
  background-color: #2b6ea5;
  border-color: #2b6ea5;
  color: white !important;
  font-weight: 700;
  min-width: 22px;
}

  .dp-order-detail-info:hover {
    background-color: #235b87;
    color: white !important;
  }

.dp-client-accepted-suggested {
  background-color: #fff3bf;
  border: 1px solid #c58b00;
  border-radius: 50%;
  color: #8a5a00;
  display: inline-flex;
  font-size: 0.68rem;
  font-weight: 700;
  height: 14px;
  justify-content: center;
  line-height: 1;
  margin-left: 3px;
  vertical-align: middle;
  width: 14px;
}

.dp-dependent-row > td {
  background-color: #eef3f8 !important;
  padding: 20px 8px 20px 20px !important;
}

.dp-dependent-table {
  border: 1px solid #4f83b5;
  border-left-width: 4px;
}

.dp-input-small .mud-input-root {
  height: 32px;
}

.dp-input-small input {
  padding-bottom: 4px;
  padding-top: 4px;
}

.dp-table-erp-dense .dp-erp-article {
  max-width: 120px;
  width: 120px;
}

.dp-table-erp-dense .dp-erp-detail {
  max-width: 120px;
  width: 120px;
}

.dp-table-erp-dense .dp-erp-st {
  max-width: 40px;
  width: 40px;
}

.dp-table-erp-dense .dp-erp-fm {
  max-width: 40px;
  width: 40px;
}

.dp-table-erp-dense .dp-erp-gpa {
  max-width: 82px;
  width: 82px;
}

/* Compact overrides for the catalog grid. Kept here so shared ERP cell styles stay centralized. */
.dp-catalog-table.dp-table-erp-dense .mud-table-cell {
  padding: 3px 5px !important;
}

.dp-catalog-table.dp-table-erp-dense .dp-erp-detail {
  max-width: 120px;
  width: 120px;
}

.dp-catalog-table.dp-table-erp-dense .dp-erp-gpa {
  max-width: 75px;
  width: 75px;
}

.dp-catalog-table.dp-table-erp-dense .dp-erp-ord {
  max-width: 30px;
  width: 30px;
}

.dp-catalog-table .dp-stock-cell {
  width: 190px;
}

.dp-catalog-table .dp-stock-input {
  width: 28px;
}

.dp-catalog-table.dp-table-erp-dense .dp-margin {
  color: #0000ff !important;
  font-size: 0.68rem;
  font-weight: 700;
}

.dp-catalog-table.dp-table-erp-dense .mud-table-head .mud-table-cell {
  border-bottom: 4px solid #333;
  font-weight: 700;
}

.dp-catalog-table.dp-table-erp-dense .mud-table-container {
  padding-bottom: 8px;
}

.dp-catalog-table.dp-table-erp-dense .mud-table-row.dp-refer-inactive .mud-table-cell {
  background: #ccccff !important; /*Violeta*/
}

.dp-catalog-table.dp-table-erp-dense .mud-table-row.dp-row-selected.dp-refer-inactive .mud-table-cell,
.dp-catalog-table.dp-table-erp-dense .mud-table-row.dp-row-selected.dp-refer-inactive:hover .mud-table-cell {
  background: #d8ebff !important;
}

.dp-catalog-table.dp-table-erp-dense .dp-price-expired,
.dp-catalog-table.dp-table-erp-dense .dp-expired-price {
  color: red !important;
  font-weight: 700;
}

.dp-catalog-table .dp-native-select {
  max-width: 128px;
}

.dp-catalog-table .dp-qty-select {
  height: 24px;
  width: 38px;
}

.dp-catalog-table .dp-cost-cell {
  background: #fff94f;
}

.dp-catalog-table .dp-main-price {
  font-weight: 700;
}

.dp-catalog-table.dp-table-erp-dense .dp-product-actions {
  gap: 2px;
}

.dp-catalog-table.dp-table-erp-dense .dp-product-stepper {
  height: 24px;
}

  .dp-catalog-table.dp-table-erp-dense .dp-product-stepper .mud-icon-button {
    height: 22px;
    width: 22px;
  }

.dp-catalog-table.dp-table-erp-dense .dp-product-actions > .mud-icon-button {
  height: 26px;
  padding: 3px;
  width: 26px;
}

.dp-catalog-table .dp-date-sale {
  color: red;
  font-weight: 700;
}

.dp-table-erp-dense .dp-th-status-ref,
.dp-table-erp-dense .dp-status-ref-cell {
  max-width: 70px;
  width: 70px;
}

.dp-stock-cell {
  align-items: center;
  display: flex;
  gap: 2px;
  max-width: 200px;
  width: 200px;
}

.dp-stock-input {
  font-size: 0.75rem;
  height: 22px;
  padding: 1px 2px;
  text-align: center;
  width: 32px;
}

.dp-table-erp-dense .mud-table-row.dp-refer-status-inactive .mud-table-cell {
  background-color: #d6d6d6 !important; /*Gris claro*/
  color: black !important;
}

.dp-table-erp-dense .mud-table-row.dp-order-detail-discontinued .mud-table-cell {
  background-color: #ccccff !important; /*Violeta*/
}

.dp-table-erp-dense .mud-table-row.dp-order-detail-inactive .mud-table-cell {
  background-color: #d6d6d6 !important; /*Gris claro*/
}

.dp-stock-available-positive {
  background-color: #66C76B; /*Verde pastel*/
  color: white !important;
  font-weight: bold;
}

.dp-stock-available-negative {
  background-color: #E37878; /*Rojo pastel*/
  color: white !important;
  font-weight: bold;
}

.dp-stock-pending {
  background-color: #F8BF63;
  color: black !important;
}

/*.boxLink.dp-stock-pending:hover {
  background-color: #F5A623;
  color: white !important;
}*/

  .boxLink:hover {
    background-color: black;
    color: white !important;
    font-weight: bold;
  }

  /*.dp-stock-available-positive:hover,
  .dp-stock-available-negative:hover,
  .dp-stock-pending:hover {
    background-color: black;
    color: white !important;
    font-weight: bold;
  }*/

.dp-no-spinner::-webkit-outer-spin-button,
.dp-no-spinner::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

.dp-no-spinner[type=number] {
  -moz-appearance: textfield;
}

#ordersTable .obsColumn {
  max-width: 260px;
  width: 260px;
}

#ordersTable .obsCell {
  align-items: center;
  display: flex;
  gap: 4px;
  /*max-width: 260px;*/
  overflow: hidden;
}

#ordersTable .obsText {
  display: inline-block;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}