.app-wrapper {
    /*display: flex;*/
    flex-direction: column;
    min-height: 100vh; /* Use min-height to allow scrolling if content overflows */
}

.app-main {
    flex-grow: 1; /* This makes the main content area expand to fill all remaining space */
}

.modal-lg {
  --bs-modal-width: 600px;
}

:root {
    --dt-html-background: lightblue; /* Replace with your desired color */
}

div.dtsp-searchPane div.dt-container div.dt-scroll-body, div.dtsp-searchPane div.dt-container div.dataTables_scrollBody, div.dtsp-searchPane div.dataTables_wrapper div.dt-scroll-body, div.dtsp-searchPane div.dataTables_wrapper div.dataTables_scrollBody {
    background-color: transparent !important; /* Removes hardcoded white */
}

div.dtsp-panesContainer div.dtsp-searchPane div.dt-container, div.dtsp-panesContainer div.dtsp-searchPane div.dataTables_wrapper {
    border: 1px solid var(--bs-border-color);
}

div.dtsp-panesContainer button.btn-subtle {
    background: #9a9a9a;
    color: #333;
}