/* Removes Parent Accout Number */
body > div.customertools.flyout-items-loaded.new.open > div > div.switch-account-new.small.hidden > table > tbody > tr:nth-child(3) {
    display: none;
}

/* Removes Terms, Route & Salesperson from Orders Page */
.ex-order section.myorderview #order-top .customer-orders-terms,
.ex-order section.myorderview #order-top .customer-orders-route,
.ex-order section.myorderview #order-top .customer-orders-salesperson {
display: none;
}

/* Removes Freight Icon */
#productsummary_383 > div > div.row.product-details-wrapper > div > div.margindiv.product-indicators > i.fa.fa-archive {
    display: none;
}
div > div.footer > div.footer-wrapper > div.footer-wrapper-description > div.indicators-grid > i.fa.fa-archive {
    display: none;
}

/* Orders Page Top Notes */
body > div.page-content > section.myorders > div.row.tab-content:before {
content: "To begin a return, please click on an order number below.";
font-size: 20px;
font-weight: bold;
display: block;
color: #1b8ece;
padding: 0 15px ;
}

#orderView > section > div:nth-child(9) > div:nth-child(1) > div {
    display: none;
}

/* Added Notes to Return Pages */
#orderView > section > div:nth-child(7):before {
    content: "Return form is only available if order is within return policy timeframe."
}
#orderView > section > div:nth-child(7):before {
    color:red
}
#returnForm > div > div > div.modal-header:after {
    content: "Only returnable items are available in the item dropdown."
    color:red
}

/* Hides Weight and Tax Columns */
#orders-items > table > thead > tr > th.order-weight.text-right {
    display: none
}
#orders-items > table > tbody > tr > td.order-weight.text-right {
    display: none
}
#orders-items > table > thead > tr > th.order-tax.text-right {
    display: none
}
#orders-items > table > tbody > tr > td.order-tax.text-right {
    display: none
}

/* Hides "Pack Of" column in Quick Order */
#quickordergrid_901 > div > div.row-fluid.margin-div.grid-container.no-more-tables.gridcontent > table > thead > tr > th:nth-child(5) {
    display: none;
}
#quickordergrid_901 > div > div.row-fluid.margin-div.grid-container.no-more-tables.gridcontent > table > tbody > tr > td:nth-child(5) {
    display: none;
}

/* Adds Tax Note to Orders Approval Page */
#orders-items:after {
  content: "Above totals do not include any appropriate sales tax.";
  color:red;
}

/* Replacing "Total ex Tax" with just "Total" */
#orders .table > thead > tr > th.order-total {
  font-size: 0;
  
  &::before {
    content: "Total";
    font-size: 1rem;
  }
}

/* Background Images */
.bg-img1::before { background-image: url("https://us.evocdn.io/dealer/1469/content/media/My_Theme/images/background-image-1.jpg"); }


/* Hides Aging */
body > div.page-content > section > div.row.tab-content > div:nth-child(2) > div:nth-child(1) {
    display: none;
}
body.ex-l-3024  div.page-content > section > div.row.tab-content > div:nth-child(2) > div:nth-child(1) {
    display: block;
}

body > div.page-content > section > div.row.tab-content > div:nth-child(2) > div:nth-child(2) > div > table > tbody > tr:nth-child(3) > td {
	display: none;
}

/* ✅ Ralph Code */

/* Scope to the merch section only */
section.merch-presentation-boxes .merch-presentation-boxes__box{
  background: rgba(202, 255, 183, 0.2) !important;
  border: 1px solid #146694 !important;
  border-radius: 8px !important;
  color: #000000 !important;
  font-weight: 500;                 /* bolder text */
  padding: 14px;                    /* tweak as needed */
}

/* Make buttons/links and any icons use the accent color */
section.merch-presentation-boxes .merch-presentation-boxes__box a,
section.merch-presentation-boxes .merch-presentation-boxes__box .fa,
section.merch-presentation-boxes .merch-presentation-boxes__box i{
  color: #ffffff !important;
  font-weight: 500;
}

/* (Nice-to-have) round images to match the box corners */
section.merch-presentation-boxes .merch-presentation-boxes__box img{
  border-radius: 6px;               /* or 8px to match */
  display: block;
}

/* Change ONLY the alert that contains the cart approval modal */
.alert-v2.alert-primary:has(#cart-approval-modal){
  background:rgba(202, 255, 183, 0.2) !important;
  border:1px solid #146694 !important;
  border-radius:8px !important;
  color:#0e2537 !important;
  font-weight:700 !important; /* <-- Bold text */
}

/* Remove default blue stripe/bar if present */
.alert-v2.alert-primary:has(#cart-approval-modal)::before{
  background:transparent !important;
  opacity:0 !important;
}

/* Apply the same accent color to icons + links */
.alert-v2.alert-primary:has(#cart-approval-modal) a,
.alert-v2.alert-primary:has(#cart-approval-modal) .fa,
.alert-v2.alert-primary:has(#cart-approval-modal) i{
  color:#146694 !important;
  font-weight:700 !important; /* <-- Bold icons & links too */
}

/* Hide the 'Items in stock only' filter */
.filter-section.filtername-instock {
  display: none !important;
}

/* ✅ Convert icon checks/Xs to Yes/No badges in Approver + Requester (no JS) */

/* Hide the original FA glyph right after the label */
#cdash_approver .grid-body .text-muted + i[class*="fa-"],
#cdash_requester .grid-body .text-muted + i[class*="fa-"] {
  font-size: 0 !important;
  margin-left: 6px;
}

/* YES — match any FA class containing 'fa-check' (covers check, check-circle, check-square, etc.) */
#cdash_approver .grid-body .text-muted + i[class*="fa-check"]::after,
#cdash_requester .grid-body .text-muted + i[class*="fa-check"]::after {
  content: "Yes";
  font-family: inherit;
  font-size: 12px; font-weight: 600; line-height: 1.4;
  display: inline-block; padding: 2px 8px; border-radius: 12px;
  background: #e9f8ef; color: #177a3c; border: 1px solid #bfe8cf;
}

/* NO — handle common X/close variants */
#cdash_approver .grid-body .text-muted + i[class*="fa-times"]::after,
#cdash_approver .grid-body .text-muted + i[class*="fa-xmark"]::after,
#cdash_approver .grid-body .text-muted + i[class*="fa-close"]::after,
#cdash_approver .grid-body .text-muted + i[class*="fa-ban"]::after,
#cdash_requester .grid-body .text-muted + i[class*="fa-times"]::after,
#cdash_requester .grid-body .text-muted + i[class*="fa-xmark"]::after,
#cdash_requester .grid-body .text-muted + i[class*="fa-close"]::after,
#cdash_requester .grid-body .text-muted + i[class*="fa-ban"]::after {
  content: "No";
  font-family: inherit;
  font-size: 12px; font-weight: 600; line-height: 1.4;
  display: inline-block; padding: 2px 8px; border-radius: 12px;
  background: #f1f3f5; color: #111; border: 1px solid #d7dde3;
}


/* ✅ Target only the hero with this custom class */
.custom-hero-25 .hero-with-objects__content {
  height: 50% !important;
}

/* ✅ Target only the hero with this custom class */
.custom-hero-24 .hero-with-objects__content {
  height: 20% !important;
}

/* ✅ Rounded corners for images inside this widget */
.rounded-img img {
  border-radius: 15px;   /* adjust radius */
  overflow: hidden;      /* ensures image corners are clipped */
}

/* Or flexible min-height */
.custom-hero-bandheight .hero-with-objects {
  min-height: 150px !important;
  height: 68vh !important;
}

.tabbed-image-content__wrapper {
  height: 625px !important; /* or any value you prefer */
}

/* Target only this widget's image */
#gallerywidget_190944 .evogallery-widget-box img {
  width: 50% !important;
  height: auto; /* keep proportions */
  display: block;
  margin: 0 auto; 
}


  /* End Ralph Codes */

/* Hide certain reports */
#charts-container > div:nth-child(4) {
	display: none;
}
#charts-container > div:nth-child(5) {
	display: none;
}
#generate-report-form > div > div > div:nth-child(2) > select > option:nth-child(3) {
	display: none;
}
#generate-report-form > div > div > div:nth-child(2) > select > option:nth-child(4) {
	display: none;
}
#generate-report-form > div > div > div:nth-child(2) > select > option:nth-child(5) {
	display: none;
}
#generate-report-form > div > div > div:nth-child(2) > select > option:nth-child(6) {
	display: none;
}
#generate-report-form > div > div > div:nth-child(2) > select > option:nth-child(8) {
	display: none;
}

/* Hide Rollover & Next Year from Budgets */
body > div.page-content > section > div.row.tab-content > div:nth-child(3) > div > div > table > tbody > tr:nth-child(4) {
	display: none;
}
body > div.page-content > section > div.row.tab-content > div:nth-child(3) > div > div > table > tbody > tr:nth-child(5) {
	display: none;
}

/* Force all accordion panels to be expanded */
#accordion .panel-collapse.collapse {
    display: block !important;
    height: auto !important;
    overflow: visible !important;
}
/* Ensure the content inside is visible */
#accordion .panel-collapse .panel-body {
    display: block !important;
    opacity: 1 !important;
    visibility: visible !important;
}
/* Optional: Hide the collapse/expand icons since panels are always open */
#accordion .panel-heading [data-toggle="collapse"]:after {
    display: none;
}

/* Advanced User Only Allows Approver on Leave */
body > div.page-content > section > div.myaccount-title > div > div.col-md-8 > ul > li.active {
	display: none;
}
#approverInfo > div:nth-child(5) {
	display: none;
}
#approverInfo > div:nth-child(6) {
	display: none;
}
#approverInfo > div:nth-child(8) {
	display: none;
}
#approverInfo > div:nth-child(11) {
	display: none;
}
#aBudgets {
	display: none;
}
#aApprovers {
	display: none;
}
span.id-card {
    display: none;
}
body > div.page-content > section > div.myaccount-title > div > div.col-md-8 > ul > li:nth-child(2) {
	display: none;
}

/* Hide the badge selector by default */
#grid > div:nth-child(1) > div > div.badges-wrapper > div > div.ribbon {
    display: none !important;
}
/* Show the badge selector only for customers with label 3120 */
body.ex-l-3120 #grid > div:nth-child(1) > div > div.badges-wrapper > div > div.ribbon {
    display: block !important;
}

/*Making the approver appear at the top of the requester tile in the dashboard page */
#cdash_requester .grid-body { /*changing flex direction to column lets me edit the internal card info order*/
  display: flex;
  flex-direction: column;
}
#cdash_requester .grid-body .table.no-more-tables { /* Move the table to the top and ensures the approver table shows under the approver title text*/
  position: relative;
  order:-1;
}
#cdash_requester .grid-body div[style*="margin:10px"] { /*had to target the css because div had no class name, this contains the "Your Approver" text */
  order: -2;
}
#cdash_requester .fa.fa-user { /* Hides the fa-user icon only inside the requester card that was next to "Your Approver" title */
  display: none !important;
}
#cdash_requester .grid-body .table.no-more-tables::after { /*Im adding a new header here to break up the table and other info*/
  content: "Other Details:"; 
  display: block;
  margin: 10px 0;
  font-weight: bold;
  font-size: 14px;
  color: #000; 
}