/* 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;
}
span.green {
    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;
}



/* 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; 
}

.tileparent .badges-wrapper {
  left: -11px !important;
}

.badges-wrapper .ribbon-wrapper.b1307 .ribbon,
.badges-wrapper .ribbon-wrapper.b1006 .ribbon {
  background: url("https://us.evocdn.io/dealer/1469/content/media/My_Theme/badges/Badge.svg") no-repeat top center !important;
  background-size: contain;
}

/* Hide badges-wrapper if it contains b1006 */
.badges-wrapper:has(.b1006) {
  display: none;
}
/* Show it when body has ex-l-3120 class */
body.ex-l-3120 .badges-wrapper:has(.b1006) {
  display: block;
}

#addtoquicklistform > div.form-group.group > label {
    display: none;
}



/* ✅ Ralph Code */

.aaa-chat-dock-v1.chat-raised{
  --aaa-chat-bottom: 138px;
}

.list-attribute.product-sku .label-focus,
.list-attribute.product-sku .label-focus * {
  font-size: 16px !important;
  font-weight: 700 !important;
  line-height: 1 !important;
}


.product-content .panel-toggle.current-line-ref {
  display: none !important;
}


/* stock status next to SKU */
.list-attribute.product-sku .aaa-stock-inline {
  display: inline-flex !important;
  align-items: center !important;
  margin-left: 14px !important;
  font-weight: 700 !important;
  font-size: 16px !important;
  line-height: 1 !important;
  background: none !important;
  color: #009c5d !important;
  vertical-align: middle !important;
}

/* force all inner stock pieces */
.list-attribute.product-sku .aaa-stock-inline,
.list-attribute.product-sku .aaa-stock-inline * {
  color: #009c5d !important;
  font-size: 16px !important;
  font-weight: 700 !important;
  background: none !important;
  text-decoration: none !important;
}

/* green dot */
.list-attribute.product-sku .aaa-stock-inline .aaa-stock-dot {
  width: 9px !important;
  height: 9px !important;
  min-width: 9px !important;
  min-height: 9px !important;
  border-radius: 50% !important;
  background: #00c853 !important;
  display: inline-block !important;
  margin-right: 6px !important;
  flex-shrink: 0 !important;
}

.floating-buttons button.show-compare {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.floating-buttons button.show-compare {
  height: 70px;
  width: 70px;
}

.floating-buttons button.show-compare::after {
  content: "Compare";
  font-size: 11px;
  margin-top: 4px;
  color: #fff; /* adjust if needed */
  line-height: 1;
}

/* Green style only when JS flags the button */
button.aaa-alt-btn-green {
  background-color: #009c5d !important;
  border-color: #009c5d !important;
  color: #ffffff !important;
}

button.aaa-alt-btn-green:hover {
  background-color: #007a49 !important;
  border-color: #007a49 !important;
}


/* =========================================
   contact us background darkness
   ========================================= */
.contact-form-module .image-wrapper::after {
  background: linear-gradient(
    135deg,
    rgba(0, 0, 0, 0.7),
    rgba(27, 142, 206, 0.55),
    rgba(0, 0, 0, 0.85)
  ) !important;
}



<style>
.form-group.toggle-next a {
  padding-left: 10px !important;
  font-size: 0.8em !important;
  opacity: 0.85;
  display: inline-block;
  line-height: 1.4;
}
</style>



/* =========================================
   Hides Contract Itmes
   ========================================= */

/* =========================================
   STACK ICON ABOVE TEXT (MSDS) — TIGHT GAP
   ========================================= */

.product-document.document-type-msds{
  display:inline-flex !important;
  flex-direction:column !important;
  align-items:center !important;
  justify-content:flex-start !important;
  gap:2px !important;
}

/* remove the old forced line break spacing */
.product-document.document-type-msds br{
  display:none !important;
}

/* icon holder */
.product-document.document-type-msds .icons-together{
  display:block !important;
  position:relative !important;
  width:60px !important;
  height:60px !important;
  margin:0 !important;
  line-height:0 !important;
}

/* keep only your bigger image visible */
.product-document.document-type-msds .icons-together i.bigger{
  display:block !important;
  position:relative !important;
  right:auto !important;
  bottom:auto !important;
  width:60px !important;
  height:60px !important;
  margin:0 !important;
  padding:0 !important;
  line-height:0 !important;
  font-size:0 !important;
  background:url("https://us.evocdn.io/dealer/1469/content/media/Categories/MSDS.svg") center/contain no-repeat !important;
}

.product-document.document-type-msds .icons-together i.bigger::before{
  content:none !important;
  display:none !important;
}

/* optional hover swap */
.product-document.document-type-msds:hover .icons-together i.bigger{
  background:url("https://us.evocdn.io/dealer/1469/content/media/Categories/MSDS 2.svg") center/contain no-repeat !important;
}

/* label */
.product-document.document-type-msds .description{
  display:block !important;
  margin:0 !important;
  padding:0 !important;
  line-height:1.1 !important;
  text-align:center !important;
}

.product-name a {
  font-size: 11px !important;
}

.product-sku {
  font-size: 10px !important;   /* adjust size */
  font-weight: 400 !important;  /* overall weight */
}


a.swap-badge-wrapper .swap-badge,
a.swap-badge-wrapper .swap-badge span {
  font-size: 9.5px !important;
  font-weight: 400 !important;
  line-height: 1.1 !important;
}

.swap-badge svg {
  width: 1em;
  height: auto;
}

header .quick-links_right a:hover {
  opacity: 1;
}


/* Hide breadcrumb row globally */
.row-breadcrumb {
  display: none !important;
}


/* Reusable modal */
.aaa-footer-page-launch {
  color: #000; /* AAA Blue */
  text-decoration: none;
}

.aaa-footer-page-launch:hover {
  color: #00B3A4; /* AAA Teal */
}
.aaa-footer-page-launch{
  color:#9fdcff;
  text-decoration:none;
  font-weight:700;
  position:relative;
  transition:color .25s ease;
}
.aaa-footer-page-launch:hover{
  color:#ffffff;
}
.aaa-footer-page-launch::after{
  content:"";
  position:absolute;
  left:0;
  bottom:-2px;
  width:100%;
  height:2px;
  background:linear-gradient(90deg,#1B8ECE,#00B3A4);
  transform:scaleX(0);
  transform-origin:left center;
  transition:transform .28s ease;
}
.aaa-footer-page-launch:hover::after{
  transform:scaleX(1);
}

.aaa-pages-modal{
  position:fixed;
  inset:0;
  z-index:99999;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:24px;
  opacity:0;
  visibility:hidden;
  pointer-events:none;
  transition:opacity .28s ease, visibility .28s ease;
}
.aaa-pages-modal.is-open{
  opacity:1;
  visibility:visible;
  pointer-events:auto;
}

.aaa-pages-modal__backdrop{
  position:absolute;
  inset:0;
  background:rgba(6,22,34,.68);
  backdrop-filter:blur(6px);
}

.aaa-pages-modal__dialog{
  position:relative;
  width:min(1780px, 96vw);
  max-height:94vh;
  display:flex;
  flex-direction:column;
  overflow:visible !important;
  border-radius:28px;
  background:linear-gradient(180deg, rgba(255,255,255,.98) 0%, rgba(245,251,255,.98) 100%);
  border:1px solid rgba(27,142,206,.16);
  box-shadow:
    0 30px 70px rgba(0,0,0,.22),
    0 0 0 1px rgba(255,255,255,.35) inset;
  transform:translateY(18px) scale(.98);
  transition:transform .28s ease;
}
.aaa-pages-modal.is-open .aaa-pages-modal__dialog{
  transform:translateY(0) scale(1);
}

.aaa-pages-modal__close{
  position:absolute;
  top:14px;
  right:14px;
  width:46px;
  height:46px;
  border:0;
  border-radius:999px;
  cursor:pointer;
  font-size:28px;
  line-height:1;
  color:#0f4661;
  background:linear-gradient(180deg,#ffffff 0%, #e9f7ff 100%);
  box-shadow:0 12px 28px rgba(27,142,206,.18);
  z-index:3;
}
.aaa-pages-modal__close:hover{
  transform:translateY(-1px);
}

.aaa-pages-modal__head{
  padding:28px 34px 18px;
  flex:0 0 auto;
  background:linear-gradient(135deg, rgba(8,30,45,.96) 0%, rgba(15,110,155,.94) 52%, rgba(0,179,164,.92) 100%);
  color:#fff;
  border-radius:28px 28px 0 0;
}
.aaa-pages-modal__kicker{
  margin:0 0 6px;
  text-transform:uppercase;
  letter-spacing:.12em;
  font-size:12px;
  font-weight:800;
  opacity:.9;
}
.aaa-pages-modal__head h2{
  margin:0 0 8px;
  font-size:34px;
  line-height:1.08;
  color:#fff;
}
.aaa-pages-modal__sub{
  margin:0;
  font-size:16px;
  line-height:1.55;
  color:rgba(255,255,255,.92);
}

/* Search */
.aaa-pages-modal__searchwrap{
  margin-top:18px;
}
.aaa-pages-modal__search{
  width:100%;
  height:52px;
  padding:0 16px;
  border-radius:16px;
  border:1px solid rgba(255,255,255,.35);
  background:#ffffff;
  color:#000000;
  font-size:16px;
  font-weight:600;
  outline:none;
}
.aaa-pages-modal__search::placeholder{
  color:#666;
}
.aaa-pages-modal__search:focus{
  border-color:#1B8ECE;
  box-shadow:0 0 0 3px rgba(27,142,206,.15);
}

/* Top arrow nav */
.aaa-pages-modal__nav{
  display:flex;
  gap:10px;
  margin-top:14px;
}
.aaa-pages-modal__arrow{
  width:44px;
  height:44px;
  border:0;
  border-radius:999px;
  cursor:pointer;
  font-size:22px;
  font-weight:800;
  line-height:1;
  color:#0f4661;
  background:linear-gradient(180deg,#ffffff 0%, #e9f7ff 100%);
  box-shadow:0 10px 24px rgba(27,142,206,.18);
  transition:transform .22s ease, box-shadow .22s ease;
}
.aaa-pages-modal__arrow:hover{
  transform:translateY(-1px);
  box-shadow:0 14px 30px rgba(27,142,206,.22);
}

/* Body / scrolling */
.aaa-pages-modal__body{
  position:relative;
  overflow-x:hidden;
  overflow-y:auto;
  max-height:75vh;
  padding:20px 10px 14px;
}
.aaa-pages-modal__body::after{
  content:"";
  position:absolute;
  right:0;
  top:0;
  bottom:0;
  width:40px;
  pointer-events:none;
  background:linear-gradient(to left, rgba(255,255,255,1), rgba(255,255,255,0));
}

/* Horizontal card row */
.aaa-pages-modal__list{
  display:flex;
  gap:18px;
  overflow-x:auto;
  overflow-y:hidden;
  padding:0 10px 12px 10px;
  scroll-behavior:smooth;
  scroll-snap-type:x proximity;
}

/* Horizontal scrollbar */
.aaa-pages-modal__list::-webkit-scrollbar{
  height:10px;
}
.aaa-pages-modal__list::-webkit-scrollbar-thumb{
  background:rgba(27,142,206,.45);
  border-radius:10px;
}
.aaa-pages-modal__list::-webkit-scrollbar-track{
  background:rgba(15,110,155,.08);
  border-radius:10px;
}

.aaa-pages-group{
  min-width:320px;
  max-width:340px;
  flex:0 0 auto;
  scroll-snap-align:start;
  background:linear-gradient(180deg,#ffffff 0%, #f6fbfe 100%);
  border:1px solid rgba(15,110,155,.12);
  border-radius:22px;
  overflow:hidden;
  box-shadow:0 12px 28px rgba(15,110,155,.08);
}
.aaa-pages-group__head{
  padding:16px 18px;
  background:linear-gradient(135deg, rgba(27,142,206,.10), rgba(0,179,164,.12));
  border-bottom:1px solid rgba(15,110,155,.10);
}
.aaa-pages-group__title{
  margin:0;
  font-size:18px;
  font-weight:800;
  color:#09374d;
}
.aaa-pages-group__count{
  margin:4px 0 0;
  font-size:12px;
  color:#4d7283;
  font-weight:700;
  text-transform:uppercase;
  letter-spacing:.06em;
}

.aaa-pages-links{
  list-style:none;
  margin:0;
  padding:10px 14px 16px;
}
.aaa-pages-links li{
  margin:0;
  padding:0;
}
.aaa-pages-links a{
  display:block;
  padding:11px 12px;
  border-radius:14px;
  text-decoration:none;
  color:#0f4661;
  font-weight:700;
  line-height:1.35;
  transition:background .22s ease, transform .22s ease, color .22s ease, box-shadow .22s ease;
}
.aaa-pages-links a:hover{
  background:linear-gradient(135deg, rgba(27,142,206,.10), rgba(0,179,164,.10));
  color:#0b6d9d;
  transform:translateX(3px);
  box-shadow:inset 0 0 0 1px rgba(27,142,206,.12);
}

.aaa-pages-modal__empty{
  padding:20px 18px;
  border-radius:18px;
  background:linear-gradient(180deg,#ffffff 0%, #f6fbfe 100%);
  border:1px solid rgba(15,110,155,.12);
  color:#0f4661;
  font-weight:700;
  text-align:center;
  margin:0 10px 16px;
}

body.aaa-pages-modal-open{
  overflow:hidden;
}

@media (max-width: 1100px){
  .aaa-pages-modal__dialog{
    width:min(98vw, 1780px);
  }
  .aaa-pages-group{
    min-width:300px;
    max-width:320px;
  }
}

@media (max-width: 700px){
  .aaa-pages-modal{
    padding:14px;
  }

  .aaa-pages-modal__dialog{
    width:100%;
    max-height:95vh;
    border-radius:22px;
  }

  .aaa-pages-modal__head{
    padding:22px 22px 16px;
    border-radius:22px 22px 0 0;
  }

  .aaa-pages-modal__head h2{
    font-size:28px;
  }

  .aaa-pages-modal__body{
    max-height:72vh;
    padding:16px 8px 12px;
  }

  .aaa-pages-group{
    min-width:84vw;
    max-width:84vw;
  }

  .aaa-pages-modal__nav{
    gap:8px;
  }

  .aaa-pages-modal__arrow{
    width:40px;
    height:40px;
    font-size:20px;
  }
}

/* Adjust swap price font size */
.swap-price{
  font-size: 0.70em !important;   /* increase */

  /* font-size: 14px !important;  exact size option */
}

/* AAA login/email input — thin darker blue border */
.input-group.clearfix.block > input.form-control{
  border:1px solid #0F6E9B !important;   /* AAA dark */
  border-radius:9999px !important;        /* pill shape */
  background:#f5f7f9;                     /* optional: soft fill */
  padding-inline:18px;                    /* keep text off the edges */
}

/* nicer focus state */
.input-group.clearfix.block > input.form-control:focus{
  outline:0;
  border-color:#1B8ECE !important;        /* lighter AAA blue on focus */
  box-shadow:0 0 0 3px rgba(27,142,206,.18); /* subtle focus ring */
}

/* (optional) icon colors next to the input */
.input-group.clearfix.block .fa-check-circle.valid-check{ color:#00B3A4; }
.input-group.clearfix.block .fa-times-circle.invalid-check{ color:#c33; }

/* Scope to the merch section only */
section.merch-presentation-boxes .merch-presentation-boxes__box{
  background: rgba(183, 218, 255, 20%) !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; 
}

.product-sku {
  font-size: 0.7em !important;
  padding-left: 8px !important;
}
.label-paused{
  background:#d93025 !important;   /* red */
  border-color:#b3261e !important;  /* darker red border */
  color:#fff !important;
}

/* Hide quicklinks-wrapper when Test links 2 dropdown is OPEN */
html:has(li.ql-testlinks2.secondary-dropdown-show) .quicklinks-wrapper,
html:has(li.secondary-dropdown-show li.ql-testlinks2) .quicklinks-wrapper{
  display:none !important;
}

/* EvoX — limit brand logo width */
.product-brand img{
  max-width:100px !important;
  width:100% !important;
  height:auto !important;
  object-fit:contain;
}

/* EvoX — limit brand logo in brand-label area */
.brand-label img{
  max-width:100px !important;
  width:100% !important;
  height:auto !important;
  object-fit:contain;
}

/* EvoX — center the bootstrap column that contains this widget */
.col:has(.aaa-center-col),
.col-lg-8:has(.aaa-center-col),
.col-md-8:has(.aaa-center-col){
  margin-left:auto !important;
  margin-right:auto !important;
  float:none !important;
}

/* EvoX — center THIS widget's content inside the full-width (col-12) row */
.aaa-center-col{
  margin-left:auto !important;
  margin-right:auto !important;
  display:block !important;
  max-width:1200px;  /* adjust: 1000 / 1200 / 1400 / 1600 */
  width:100% !important;
}

/* ✅ Center the 8-col container for Recent View section on category landing pages */
.cat-landing-page-recent-view .col-lg-8,
.cat-landing-page-recent-view .col-md-8{
  margin-left:auto !important;
  margin-right:auto !important;
  float:none !important;
}

/* Push login auth form down inside modal */
.modal-dialog .auth-form.login-form-inline {
  margin-top: 200px;
}

/* Replace "Save to Quick List" label text */
.form-group label[for="lbl-quicklist"]{
  font-size: 0;          /* hide original text */
}

/* =========================
   SMALL VIDEO PREVIEW
   Flat image, no play button, no text
   ========================= */

.icons-block a[id^="video_trigger_"]{
  position:relative !important;
  display:inline-flex !important;
  flex-direction:column !important;
  align-items:center !important;
  justify-content:flex-start !important;
  width:96px !important;
  max-width:96px !important;
  text-decoration:none !important;
  background:none !important;
  vertical-align:top !important;
  margin-right:5px !important;
}

.icons-block a[id^="video_trigger_"] .icons-together i,
.icons-block a[id^="video_trigger_"] .icons-together br,
.icons-block a[id^="video_trigger_"] .icons-together .description{
  display:none !important;
}

.icons-block a[id^="video_trigger_"]::before{
  content:"" !important;
  display:block !important;
  width:100px !important;
  height:100px !important;
  border-radius:0 !important;
  background-image:url("https://us.evocdn.io/dealer/1469/content/media/Categories/Watch Tv (3).png") !important;
  background-size:contain !important;
  background-position:center !important;
  background-repeat:no-repeat !important;
  border:0 !important;
  box-shadow:none !important;
  margin:0 auto !important;
}

.icons-block a[id^="video_trigger_"]::after{
  display:none !important;
  content:none !important;
}

.icons-block a[id^="video_trigger_"] .icons-together{
  display:block !important;
  text-align:center !important;
}

/* header budget */

.aaa-header-budget{
  display:none;
  align-items:center;
  gap:6px;
  margin-right:5px;
  white-space:nowrap;
  font-size:0.70rem;
  font-weight:600;
  color:#12344d;
}

.aaa-header-budget-label{
  opacity:.75;
  font-weight:600;
}

.aaa-header-budget-value{
  color:#0F6E9B;
  font-weight:500;
}

.quick-links__right{
  display:flex;
  align-items:center;
  gap:10px;
  flex-wrap:wrap;
}

/* Hide "Add/Edit Reference Info for this item" link */
.panel-toggle.ref-label {
  display: none !important;
}

/* Product Type buttons at Category Level */
.quick-filter-btn:hover {
    background-color: #007bff !important;
    color: #fff !important;
    border-color: #0056b3 !important;
}
.quick-filter-btn {
    font-weight: 600;
}


  /* End Ralph Codes */