.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;
}

caption {
    caption-side: top;
    color: black;
}

@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 */
    }
}

.navbar-dark .navbar-toggler-icon{
  background-image:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'><path stroke='rgb(255, 255, 255)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/></svg>")
}