/* Dealer Admin styles */


/* Media Tab */
/* Non-Custom Accessories - Setting opacity on original image when a cutsom image exists - kr */
#divDropzonePreviews:not(:empty) ~ .row img {
  opacity: .5;
}

/* Change Tracking  */
/* Accessory History */
/* Change tracking spits out both Part Class and Product Type names, we're hiding Part Class via .partClassName - kr */

li.history-partClass .partClassName {
  display: none;
}

/* Customers History */
/* When a new customer is created, change tracking adds item for added user level, but that's not relevant to here, so hiding - kr   */
/* targeting the form url to distinguish between customer and other dealer users */
form[action*="customer"] li.history-userLevel {
  display: none;
}

/* Change Tracking end  */

/* Roles Detail / Edit */
/* Hiding the Meta Config Group by ID - kr  */
div[id='divRoleMetaConfigurator'] {
  display: none;
}

/* Roles Detail / Edit end */

/* Order Processing */
/* text styles for order status bullets */
.text-acknowledged {
  color: #FC9F14;
}

.text-cancelled {
  color: #C7C7C7;
}

.text-fulfilled {
  color: #51E18D;
}

.text-shopping {
  color: #20D1DC;
}

.text-submitted {
  color: #FF3427;
}

/* background styles for charts & printing */
.bg-acknowledged {
  background-color: #FC9F14;
  print-color-adjust: exact;
  -webkit-print-color-adjust: exact;
  -o-print-color-adjust: exact;
  -ms-print-color-adjust: exact;
  -moz-print-color-adjust: exact;
}

.bg-cancelled {
  background-color: #C7C7C7;
  print-color-adjust: exact;
  -webkit-print-color-adjust: exact;
  -moz-print-color-adjust: exact;
  -ms-print-color-adjust: exact;
  -o-print-color-adjust: exact;
}

.bg-fulfilled {
  background-color: #51E18D;
  print-color-adjust: exact;
  -webkit-print-color-adjust: exact;
  -moz-print-color-adjust: exact;
  -ms-print-color-adjust: exact;
  -o-print-color-adjust: exact;
}

.bg-shopping {
  background-color: #20D1DC;
  print-color-adjust: exact;
  -webkit-print-color-adjust: exact;
  -moz-print-color-adjust: exact;
  -ms-print-color-adjust: exact;
  -o-print-color-adjust: exact;
}

.bg-submitted {
  background-color: #FF3427;
  print-color-adjust: exact;
  -webkit-print-color-adjust: exact;
  -moz-print-color-adjust: exact;
  -ms-print-color-adjust: exact;
  -o-print-color-adjust: exact;
}

/* view emails caret */
#lnkViewEmails[aria-expanded='true'] .fa.fa-chevron-down::before,
[id^='lnkViewNotified'][aria-expanded='true'] .fa.fa-chevron-down::before {
  content: "\f077";
}

/* activity list height - works with slimscroll */
div#divActivityList {
  max-height: 60vh;
}


@media (min-width: 992px) {
  div#divActivityList {
    max-height: 70vh;
  }
}


/* PRINT styles */
/* these are mostly specific to the OP details page */
/* there are other base print styles in the hyper _print.scss file */

@media print {

  /* html/body resets */
  html, body {
    width: 100%;
    font-size: 12px !important;
    background: transparent;
  }

    body > :is(.container-fluid,.container) {
      margin: 0 !important;
      padding: 0 !important;
    }

  .container-fluid {
    padding: 0 !important;
  }

  /* Hide alerts and toasts when printing. */
  .alert, .toast {
      display: none;
  }

  /* shrink the progress bar margins */
  #divOrderProgressBar {
    margin: 1rem 0 !important;
  }

  /* hide the progress bar check icons */
  .horizontal-steps .horizontal-steps-content .step-item.complete span:before {
    display: none;
  }

  /* hide buttons */
  .ActionsRow {
    display: none;
  }

  /* Page title is hiding, so make subtitle body color/black - kr */
  .page-title-box .page-subtitle {
    color: var(--bs-body-color, inherit);
  }

  /* remove shadow, radius, add border */
  .card {
    box-shadow: none;
    border-bottom: 1px solid var(--bs-dark);
    border-radius: 0;
  }

  /* cut card padding in 1/2 */
  .card-body {
    padding: 12px;
  }

  /* set card title padding to 0 */
  .card-title {
    margin-bottom: 0;
  }

  /* prevent cards from breaking up - Don't apply to accessories - kr */
  /* keping without this - kr */
  /*    .card-body:not(.ig-accessories-card-body) {
      -webkit-column-break-inside: avoid;
      page-break-inside: avoid;
      break-inside: avoid;
    }*/

  /* force table th fonts to 12px & to wrap */
  table#tblAccessories th {
    font-size: 12px !important;
    white-space: normal !important;
  }

  /* Shrinking the padding to help the table fit */
  :is(#tblAccessories, #tblProfit) :is(th, td) {
    padding: 6px;
  }
  /* hide action col */
  #tblAccessories :is(thead th:last-child,tbody tr:not(.css-descriptor) td:last-child) {
    display: none;
  }

  /* Activity card is set to .d-print-none, so the others have to go to 100%  */
  #divSummaryCardCols {
    width: 100%;
  }

  /* idk if this is needed */
  div.row > div[class*="col-"] {
    flex-shrink: 1;
  }

  /* Customer specific - .js-print-customer */
  .js-print-customer .page-title:nth-child(3) {
    display: block !important;
  }

  /*  Hide labor time in customer print-out */
  .js-print-customer #tblAccessories tr :nth-child(6),
  .js-print-customer #divSummary div:nth-child(3) {
    display: none;
  }

  /*  Hide cost to sales in customer print-out */
  .js-print-customer #tblAccessories tr :nth-child(7) {
    display: none;
  }

  .js-print-customer .ig-order-customer-card {
    display: flex !important;
  }

  .js-print-customer .ig-profit-card {
    display: none !important;
  }

  /* F&I specific - .js-print-finance */
  .js-print-finance .page-title:nth-child(4) {
    display: block !important;
  }

  .js-print-finance #tblAccessories .ig-discount-cell,
  .js-print-finance #divSummary #discountTotalLabel {
    display: none;
  }

  .js-print-finance .ig-order-finance-card {
    display: flex !important;
  }

  /* page-break controls */
  .print-break-after-always {
      break-after: always;
      page-break-after: always;
  }
}
/* end PRINT styles */

/* Order Processing end  */

.page-title-box {
  margin-bottom: 3rem;
}