html {
  position: relative;
  min-height: 100%;
}

body {
    padding-top: 5rem;
    margin-bottom: 60px;
}

/* Restore Bootstrap 4 link style (no underline, underline on hover) */
a {
    text-decoration: none;
}
a:hover {
    text-decoration: underline;
}

/* Restore DataTables header/footer spacing (DT2/BS5 reduced defaults) */
.dataTables_wrapper .row:first-child {
    margin-bottom: .5rem;
}
.dataTables_wrapper .row:last-child {
    margin-top: .5rem;
}
table.dataTable thead th {
    padding: .75rem;
}
/* Keep sort icons on right for all columns and add spacing */
table.dataTable thead > tr > th div.dt-column-header {
    flex-direction: row !important;
    gap: .5rem;
}
/* Restore Bootstrap 4 table cell padding (BS5 reduced .75rem to .5rem, .3rem to .25rem) */
.table > :not(caption) > * > * {
    padding: .75rem .75rem !important;
}
.table-sm > :not(caption) > * > * {
    padding: .5rem .6rem !important;
}
table.table > thead > tr > th {
    --bs-table-bg: #eceeef;
}
/* Override DT2 auto-detection that right-aligns numeric/date columns */
table.dataTable th,
table.dataTable td {
    text-align: left !important;
}

.anchor {
    display: block;
    height: 5rem; /*same height as header*/
    margin-top: -5rem; /*same height as header*/
    visibility: hidden;
}

.footer {
  position: absolute;
  bottom: 0;
  width: 100%;
  /* Set the fixed height of the footer here */
  height: 60px;
  line-height: 60px; /* Vertically center the text there */
  background-color: #f5f5f5;
}

/* Inline list with vertical separator */
.list-inline-separator-item:not(:last-child) {
	margin-right: 0;
}
.list-inline-separator::after {
	content: "";
	display: table;
	clear: both;
}
.list-inline-separator-item {
	float: left;
}
.list-inline-separator-item + .list-inline-item::before {
	padding-right: .5rem;
	padding-left: .5rem;
	content: "|";
}