p, ul {
  font-size: 14px;
}
table.dataTable {
  font-size: 14px;
  table-layout: fixed;
  width: 99% !important;
}
.dataTables_wrapper .dataTables_length {
  font-size: 14px;
}
.dataTables_wrapper .dataTables_filter {
  font-size: 14px;
}
.dataTables_wrapper .dataTables_paginate {
  font-size: 14px;
}
.dataTables_wrapper .dataTables_info {
  font-size: 14px;
}
.text-right {
  text-align: right;
}
table.dataTable thead .dt-head-right {
  text-align: right;
}
table.dataTable thead {
  vertical-align: bottom;
  background-color: lightblue;
}
table.dataTable thead input,
table.dataTable tfoot input {
  font-size: 14px;
}
div.dt-buttons>.dt-button,div.dt-buttons>div.dt-button-split .dt-button {
  font-size: 14px;
}
div.dt-buttons>.dt-button:first-child,div.dt-buttons>div.dt-button-split .dt-button:first-child {
  margin-left: 30px;
}
table.dataTable tbody td:empty::before {
  content: "ND";
  color: #999;
}

/* Custom styling for search, length, and CSV button above table */
.dt-top {
  display: flex;
  align-items: center;
  gap: 1.5rem;
  flex-wrap: wrap;
  margin-bottom: 1rem;
}
.dt-top .dataTables_filter,
.dt-top .dataTables_length,
.dt-top .dt-buttons {
  float: none !important;
  margin: 0 !important;
}
.dt-top .dataTables_filter {
  display: flex;
  align-items: center;
  gap: 0.65rem;
  padding: 0.7rem 0.85rem;
  background: #f4f8fb;
  border: 1px solid #b8cbd8;
  border-radius: 10px;
  box-shadow: 0 2px 8px rgb(0 0 0 / 8%);
  font-weight: 600;
}
.dt-top .dataTables_filter input {
  width: 320px;
  margin-left: 0 !important;
  padding: 0.65rem 0.8rem;
  font-size: 1rem;
  background: white;
  border: 1px solid #9baab5;
  border-radius: 7px;
  outline: none;
  transition:
    border-color 120ms ease,
    box-shadow 120ms ease;
}
.dt-top .dataTables_filter input:focus {
  border-color: #287ea8;
  box-shadow: 0 0 0 3px rgb(40 126 168 / 18%);
}
.dt-top .dt-button {
  margin: 0 !important;
  padding: 1rem 1rem;
  border-radius: 7px;
}
.dt-top .dataTables_length {
  display: flex;
  align-items: center;
  white-space: nowrap;
}
