.raMenuWrapper > ol .edsmm_menuItem > div .edsmm_menuItem > div {
    left: auto;
    right: 100%;
}

.responsAbilityMenu .raMenuWrapper ol li > div .edsmm_menuListsContainer > ol li.edsmm_hasChild > span::after {
  content: "\f053";
  font-family: "Font Awesome 5 Free";
  font-weight: 800;
  position: absolute;
  top: 50%;
  left: 0.2rem;
  font-size: 14px;
  color: #fff;
  line-height: 0;
}

/* Custom CSS to adjust grid header z-index throughout the site */
.grid-container {
  z-index: 1; /* Adjust as necessary to sit below your menu */
  position: relative; /* Make sure it is positioned */
}

.CCM-OrderSummary .form-group {
    margin-bottom: -10px !important;
}

.CCM-ShipTo .form-group {
    margin-bottom: -30px !important;
}

.CCM-BillTo .form-group {
    margin-bottom: -30px !important;
}

/* This controls the Action Grids Slide Out Details. I changed the width from 400 to 800 JM 09-17-2025*/
.offcanvas,.offcanvas-lg,.offcanvas-md,.offcanvas-sm,.offcanvas-xl,.offcanvas-xxl {
    --bs-offcanvas-zindex: 1045;
    --bs-offcanvas-width: 800px !important;
    --bs-offcanvas-height: 30vh;
    --bs-offcanvas-padding-x: 1rem;
    --bs-offcanvas-padding-y: 1rem;
    --bs-offcanvas-color: var(--bs-body-color);
    --bs-offcanvas-bg: var(--bs-body-bg);
    --bs-offcanvas-border-width: var(--bs-border-width);
    --bs-offcanvas-border-color: var(--bs-border-color-translucent);
    --bs-offcanvas-box-shadow: var(--bs-box-shadow-sm);
    --bs-offcanvas-transition: transform 0.3s ease-in-out;
    --bs-offcanvas-title-line-height: 1.5;
}

.table th {
    white-space: normal !important;
    vertical-align: top !important;
}

.titlebar[_ngcontent-nrj-c164] h2[_ngcontent-nrj-c164] {
    color: #000000 !important;
    font-size: 1.3rem !important;
    margin: 0 8px 0 0 !important;
}



/* Grid Menu Dropdowns on top of things*/
.dropdown-menu {
z-index: 9999 !important;
}

/* Forms and Grid Display Message. No more Blue background. */
.alert-info {
    --bs-alert-color: #000000 !important;
    --bs-alert-bg: #ffffff !important;
    --bs-alert-border-color: #ffffff !important;
}

.btn-flash {
    animation: flashRedWhite 4s infinite;
    border: 2px solid #dc3545; /* Bootstrap's danger red */
}

@keyframes flashRedWhite {
    0% {
        background-color: #dc3545; /* Red */
        color: #fff;               /* White text */
    }
    50% {
        background-color: #fff;    /* White background */
        color: #dc3545;            /* Red text */
    }
    100% {
        background-color: #dc3545;
        color: #fff;
    }
}


/* Autoship Grid – Row background colors */
.autoships-grid tr.as-row.as-active > td {
  background-color: #ffffff !important;
  color: #666 !important;
}

.autoships-grid tr.as-row.as-inactive > td {
  background-color: #f0f0f0 !important;
  color: #666 !important;
}

.autoships-grid tr.as-row.as-declined > td {
  background-color: #ffe2e2 !important;
  color: #666 !important;
}