span.dropdown-item-text.text-center.mb-1.p-0.float-left.w-100 {
    display: none!important;
}


.ops_production-note {
    display: none!important;
}

button.f-button.is-close-btn
 {
    top: 15px !important;
    right: 15px !important;
    background-color: red !important;
    color: white !important;
}

/* Works even if classes change, as long as data-fancybox-close exists */
button[data-fancybox-close] svg path {
  stroke-width: 4px !important;
  fill: none !important;
  stroke: currentColor !important;
}


/* ==========================================================
   POPUP INSTRUCTIONS CONTAINER
   ========================================================== */

.popup-instructions{
  background:#f9fafb;
  border:1px solid #e2e8f0;
  border-radius:16px;
  padding:24px;
  box-shadow:0 4px 12px rgba(15,23,42,.05);
  max-width:880px;
  margin:0 auto 2rem auto;
  font-family:system-ui,-apple-system,Segoe UI,Roboto,Inter,Arial,sans-serif;
  font-size:1.1rem;
  line-height:1.6;
  color:#0f172a;
}

.popup-instructions h2{
  text-align:center;
  color:#0c4a6e;
  font-size:1.4rem;
  margin-top:0;
}

.popup-instructions h3{
  color:#0c4a6e;
  border-top:2px solid #e0e7ff;
  padding-top:0.6em;
  margin-top:1.4em;
}

.popup-instructions h4{
  color:#0369a1;
  margin-top:1em;
}

/* Step highlighting colors */
.step.orange h2{ color:#c2410c; }
.step.green  h2{ color:#166534; }
.step.blue   h2{ color:#1e3a8a; }

/* Spacing for platform sections */
.platform-block{ margin-top:2.5%; }
.margin-top-fix{ margin-top:1.5%; }


/* ==========================================================
   IMAGE ROW (REPLACES GRID + GAP)
   ========================================================== */

/* old: display:grid; grid-template-columns:1fr; gap:1rem; */
.image-row{
  display:block;
  margin:1.5em 0;
}

/* if your figures are direct children, spacing replaces "gap" */
.image-row figure{
  margin:0 0 1rem 0;     /* gap replacement */
  text-align:center;
  padding:.5%;
  box-shadow:3px 3px 12px 0px #c7bfbf;
  border-radius:8px;
}

/* images */
.image-row img{
  max-height:100% !important;
}

/* your popup-image class */
.popup-image{
  width:100%;
  height:auto;
  border-radius:8px;
  border:1px solid #ddd;
  cursor:pointer;
}


/* ==========================================================
   POPUP CALLOUT (REPLACES FLEX + GAP)
   ========================================================== */

/*
old:
.popup-callout { display:flex; align-items:center; gap:1rem; ... }
.popup-letter  { display:flex; align-items:center; justify-content:center; ... }
*/

/* Container */
.popup-callout{
  display:block;
  margin:1.5em auto;
  max-width:80%;
  font-size:1.1rem;
  line-height:1.5;
}

/* Clear floats */
.popup-callout:after{
  content:"";
  display:table;
  clear:both;
}

/* Circle “letter” */
.popup-letter{
  width:70px;
  height:70px;
  min-width:70px;

  border-radius:50%;
  font-weight:700;
  color:#fff;
  font-size:2rem;

  /* float-based layout */
  float:left;
  margin-right:1rem;

  /* vertical centering without flex */
  text-align:center;
  line-height:70px;

  box-shadow:0 4px 10px rgba(6,182,212,0.3);
}

/* Callout text block (assumes your HTML has a sibling text element; if not, this is harmless) */
.popup-callout .popup-callout-text,
.popup-callout p,
.popup-callout div{
  /* keep readable next to floated letter */
  overflow:hidden;
}

/* Letter colors */
.popup-orange{ background-color:#ff851b; }
.popup-green { background-color:#2ecc40; }
.popup-blue  { background-color:#0074d9; }


/* ==========================================================
   POPUP BUTTON
   ========================================================== */

.popup-button{
  display:block;
  background-color:#28a745;
  color:#fff !important;
  font-weight:700;
  padding:10px 16px;
  border-radius:6px;
  text-decoration:none;
  text-align:center;
  max-width:260px;
  margin:0.8rem auto;
}

.popup-button:hover{
  background-color:#1e8c38;
}


/* ==========================================================
   LIGHTBOX SUPPORT (YOUR CUSTOM LIGHTBOX)
   ========================================================== */

.lightbox{
  display:none;
  position:fixed;
  top:0;
  left:0;
  width:100%;
  height:100%;
  background:rgba(0,0,0,0.85);
  /* flex removed; use center via text-align + line-height trick? keep simple */
  z-index:9999;
  text-align:center;
}

.lightbox__content{
  position:relative;
  max-width:90%;
  max-height:90%;
  margin:5% auto 0 auto;
  display:inline-block;
}

.lightbox__content img{
  width:100%;
  height:auto;
  border-radius:8px;
  box-shadow:0 0 20px rgba(0,0,0,0.5);
}

/* Close button */
.lightbox__close-btn{
  position:absolute;
  top:-15px;
  right:-15px;
  background:#fff;
  color:red;
  width:30px;
  height:30px;
  text-align:center;
  line-height:30px;
  border-radius:50%;
  cursor:pointer;
  font-size:20px;
  text-decoration:none;
}


/* ==========================================================
   RESPONSIVE ADJUSTMENTS
   ========================================================== */

@media (max-width:640px){
  .popup-instructions{ font-size:1rem; }

  /* Stack callout: remove float */
  .popup-letter{
    float:none;
    margin:0 auto 0.5rem auto;
    display:block;
  }

  .popup-callout{
    text-align:center;
  }
}

.seqnum-inst{ text-align:center; }

/* Disable a specific download link */
a.btn.btn-success.btn-sm.downloadFormFile{
  pointer-events:none;
  cursor:not-allowed;
  background-color:red;
  text-decoration-line:line-through;
}