.table-orange thead {
    background-color: #FFA500 !important;
}



.features-icons {
  padding-top: 7rem;
  padding-bottom: 7rem;
}
.features-icons .features-icons-item {
  max-width: 20rem;
}
.features-icons .features-icons-item .features-icons-icon {
  height: 7rem;
}
.features-icons .features-icons-item .features-icons-icon i {
  font-size: 4.5rem;
}

/* Header and Call to Action Overlays */
header.masthead, .call-to-action {
  position: relative;
  background-color: #343a40;
  background: url("img/bg-masthead.jpg") no-repeat center center;
  background-size: cover;
  padding-top: 8rem;
  padding-bottom: 8rem;
}

header.masthead:before, .call-to-action:before {
  content: "";
  position: absolute;
  background-color: #1c375e;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  opacity: 0.5;
}

/* Typography and Responsive Spacing */
header.masthead h1, header.masthead .h1 {
  font-size: 2rem;
  position: relative; /* Ensures text stays above the :before overlay */
}

@media (min-width: 768px) {
  header.masthead {
    padding-top: 12rem;
    padding-bottom: 12rem;
  }
  header.masthead h1, header.masthead .h1 {
    font-size: 3rem;
  }
}

/* Showcase Section */
.showcase .showcase-text {
  padding: 3rem;
}
.showcase .showcase-img {
  min-height: 30rem;
  background-size: cover;
}
@media (min-width: 768px) {
  .showcase .showcase-text {
    padding: 7rem;
  }
}

/* Testimonials */
.testimonials {
  padding-top: 7rem;
  padding-bottom: 7rem;
}
.testimonials .testimonial-item {
  max-width: 18rem;
}
.testimonials .testimonial-item img {
  max-width: 12rem;
  box-shadow: 0px 5px 5px 0px #adb5bd;
}

/* Footer */
footer.footer {
  padding-top: 4rem;
  padding-bottom: 4rem;
}

/* Report date picker follows the themed card it sits on instead of forcing a
   white background, so it stays readable in dark mode */
.report-datepicker .DateRangePickerInput,
.report-datepicker .DateInput,
.report-datepicker .DateInput_input {
  background-color: transparent;
  color: inherit;
}
.report-datepicker .DateRangePickerInput {
  border: 1px solid rgba(128, 128, 128, 0.35);
  border-radius: 6px;
}
.report-datepicker .DateInput_input {
  font-size: 14px;
  font-weight: 500;
  padding: 6px 10px;
}
.report-datepicker .DateRangePickerInput_arrow_svg {
  fill: currentColor;
}

/* Main navbar: keep the crowded desktop strip on one row without
   letting overflowing links stack on top of each other and steal clicks. */
.app-desktop-nav {
  flex: 1 1 auto;
  min-width: 0;
  overflow-x: auto;
  justify-content: flex-end;
}
.app-nav-link {
  text-decoration: none !important;
  white-space: nowrap;
  border-radius: 6px;
}
.app-nav-link:hover {
  background-color: rgba(59, 130, 246, 0.1);
  opacity: 0.85;
}
.app-nav-link-active {
  background-color: rgba(59, 130, 246, 0.18);
}

/* Report printing */
@media print {
  @page { size: landscape; margin: 12mm; }
  .navbar, #page_banner, .report-no-print { display: none !important; }
  #main_page, body { background-color: #fff !important; }
  #main_page h1, #main_page h4, #main_page p, #main_page div,
  .table th,
  .table td:not(.report-profit):not(.report-loss):not(.report-neutral):not(.report-muted) {
    color: #000 !important;
    background-color: transparent !important;
  }
  .report-profit { color: #1b7f3b !important; }
  .report-loss { color: #c0392b !important; }
  .report-neutral { color: #8a6d00 !important; }
  .report-muted { color: #767676 !important; }
  .table th { background-color: #e2e8f0 !important; }
  .report-scroll { max-height: none !important; overflow: visible !important; }
  .table thead { display: table-header-group; }
  .table tr { page-break-inside: avoid; }
}