.bd-placeholder-img {
        font-size: 1.125rem;
        text-anchor: middle;
        -webkit-user-select: none;
        -moz-user-select: none;
        user-select: none;
      }

@media (min-width: 768px) {
        .bd-placeholder-img-lg {
          font-size: 3.5rem;
        }
      }
	  
.dropdown-menu a:active {background-color: #ffc107 !important;}

main h2{
    font-size: 16px;
    margin: 15px 0;
}

/* Adapts a floating label for use with a left-handed input group icon */
.form-floating > .bi-calendar-date + .datepicker_input + label {
  padding-left: 3.5rem;
  z-index: 3;
}

/* ============================================================
   MOBILE FIX — question page comment squeeze
   Bootstrap p-5 = 3rem padding on all sides. On a ~390px phone
   that eats 96px horizontally before content starts. We keep
   vertical padding but collapse horizontal to 0.75rem.
   ============================================================ */
@media (max-width: 767.98px) {
    .p-5 {
        padding-left: 0.75rem !important;
        padding-right: 0.75rem !important;
    }
}


/* Fix datepicker navigation buttons */
.datepicker-controls .btn,
.datepicker-controls button,
.datepicker .prev-btn,
.datepicker .next-btn,
.datepicker-controls .prev-button,
.datepicker-controls .next-button {
    background-color: transparent !important;
    background: transparent !important;
    color: #333 !important;
    border: none !important;
    font-size: 0.9rem !important;
    padding: 4px 8px !important;
    width: auto !important;
    min-width: unset !important;
    box-shadow: none !important;
}

.footer_bottom p a {
color: inherit !important;
text-decoration: none !important;
}

#btn-accept-all {background-color: #05B163}