table.dataTable.dtr-inline.collapsed>tbody>tr>td:first-child:before,
table.dataTable.dtr-inline.collapsed>tbody>tr>th:first-child:before {
  top: 50%;
  margin-top: -10px;
}

table.dataTable thead th.sorting_asc,
table.dataTable thead th.sorting.sorting_asc *,
table.dataTable thead th.sorting_desc,
table.dataTable thead th.sorting.sorting_desc *,
table.dataTable thead th.sorting:hover *,
table.dataTable thead th:hover {
  background-color: var(--under-the-elms);
  color: var(--white);
}

div.has-table table thead th,
table.dataTable thead th {
  background-color: var(--light-gray);
  color: var(--under-the-elms);
  border: 1px solid var(--white);
  text-align: left;
}

table.ohio-table-searchable thead th.sorting span,
table.ohio-table-sortable thead th.sorting span,
table.dataTable thead th span {
  color: var(--black);
  font-weight: bold;
}

table.dataTable.dtr-inline.collapsed>tbody>tr>td.dtr-control,
table.dataTable.dtr-inline.collapsed>tbody>tr>th.dtr-control {
  padding-left: 55px;
  position: relative;
}

table.dataTable.dtr-inline.collapsed>tbody>tr>td.dtr-control:before,
table.dataTable.dtr-inline.collapsed>tbody>tr>th.dtr-control:before {
  background-color: var(--cutler);
  border: none;
  box-shadow: none;
  color: var(--white);
  font-family: "Font Awesome 6 Sharp", "Font Awesome 6 Brands";
  content: '\f067';
  font-size: 15px;
  display: inline-block;
  position: absolute;
  left: 15px;
  margin-top: -12px;
  vertical-align: middle;
  line-height: 1.08;
  padding: 5px;
  height: 1em;
  width: 1em;
  border-radius: 1em;
  box-sizing: content-box;
  text-align: center;
}

table.dataTable.dtr-inline.collapsed>tbody>tr.parent>th.dtr-control:before,
table.dataTable.dtr-inline.collapsed>tbody>tr.parent>td.dtr-control:before {
  background-color: var(--cutler);
  color: var(--white);
  font-family: "Font Awesome 6 Sharp", "Font Awesome 6 Brands";
  content: "\f068";
  position: absolute !important;
}

table.dataTable>tbody>tr.child:hover {
  background: var(--light-gray) !important;
}

table.dataTable>tbody>tr.child ul.dtr-details {
  padding-left: 50px;
}

table.dataTable>tbody>tr.child ul.dtr-details>li:first-child {
  padding: 0 0 5px;
  margin: 20px 0 0;
}

table.dataTable>tbody>tr.child ul.dtr-details>li:not(:first-child) {
  margin: 5px 0px;
  padding: 5px 0px;
}

table.dataTable tr.parent,
table.dataTable tr:hover,
div.has-table table tr:hover {
  background-color: var(--light-gray);
}

table.dataTable tr.child {
  background: var(--light-gray);
}

.has-table>div {
  overflow-x: visible !important;
}

table.fixedHeader-floating .sorting {
  border: none;
  outline: 1px solid var(--white);
}

.dataTables_wrapper .dataTables_filter {
  float: left;
  text-align: left;
  margin-bottom: 15px;
  margin-top: 20px;
}

.dataTables_wrapper .dataTables_filter label {
  display: block;
  margin-bottom: 10px;
  font-family: p22-mackinac-pro, serif;
  font-weight: 700;
  color: #00694e;
  font-size: 20px;
}

.dataTables_wrapper .dataTables_filter input {
  padding: 6px 12px;
  color: #000;
  width: 300px;
  max-width: 100%;
  font-size: 20px;
  font-weight: normal;
  font-family: proxima-nova, Arial, Verdana, sans-serif;
}

table.dataTable thead .sorting,
table.dataTable thead .sorting:hover {
  background-image: none;
}

table.dataTable th.sorting::before,
table.dataTable td.sorting::before {
  opacity: .35 !important;
  bottom: 53% !important;
  font-size: 14px !important;
}


table.dataTable th.sorting::after,
table.dataTable td.sorting::after {
  opacity: .35 !important;
  top: 53% !important;
  font-size: 14px !important;
}

table.dataTable thead>tr>th.sorting_asc:before,
table.dataTable thead>tr>th.sorting_desc:after,
table.dataTable thead>tr>td.sorting_asc:before,
table.dataTable thead>tr>td.sorting_desc:after {
  opacity: 1 !important;
}

/* This style is specific to the paragraph type "Academic Achievement List" in the new site */
.paragraph--type--academic-achievement-list table {
  display: block;
  height: 700px;
  overflow: auto;
}