.modal-lg {
  width: 100%; /* Full width for medium screens and up */
  max-width: 1100px; /* Maximum width to prevent it from being too wide */
}

.bootstrap-datetimepicker-widget.dropdown-menu {
  width: 17em !important;
}

.pagination .page-link:focus {
    outline: none;                  /* Removes the default outline */
    box-shadow: 0 0 0 0.2rem black; /* Black halo effect for high contrast */
    background-color: #f8f9fa;
}

@media (forced-colors: active) {
    .pagination .page-link:focus {
        forced-color-adjust: auto;
        outline: 2px solid Highlight; /* Use system highlight color */
        box-shadow: none; /* Optional: remove if it conflicts with high contrast mode */
    }
}