/*
  Running Squiz Matrix
  Developed by Squiz - http://www.squiz.net
  Squiz, Squiz Matrix, MySource, MySource Matrix and Squiz.net are registered Trademarks of Squiz Pty Ltd
  Page generated: 07 May 2026 04:52:50
*/


/* ==========================================================================================
  TABLE OF CONTENT
 ============================================================================================
 # QUICK CLASS REFERENCE

# DEV HELPER

 # TABLE STYLING
  ## BASIC PADDING AND ALIGNMENT
    ### DEFAULT PADDING
    ### CUSTOMIZABLE  PADDING STYLES
   ## TABLE BORDER
   ## TABLE HEADER
    ### DEFAULT TABLE HEADER
    ### CUSTOMIZABLE TABLE HEADER STYLES
  ## TABLE ROWS


 #  WRAPPER CONTROLS AND CONTENT
  ## "Show Records" Select
  ## Search Input
  ## EXPORT BUTTONS
  ## PAGINATION
*/
/*========================================================================
 # QUICK CLASS REFERENCE
 ========================================================================*/
/*These are the optional classes that can be applied to the table element for alternative styling styling

  TABLE PADDING
   To increase or decrease the header/row padding beyond the default:
     - "padding_sm" (Smaller table padding)
     - "padding_lg" (Larger table padding)

  HEADER COLOR OPTIONS
   By default the table header will be light with black/dark gray text and icons. 
   To change the header color (along with corresponding font and icon colors) apply one of the following classes:
     - "header_primary" - Changes header to the dark blue "Primary Blue" from the System brand palette 
     - "header_accentBlue" - Changes header to the light "Accent Blue #1" from the System brand palette 
     - "header_darkGray" - Changes header to dark gray (Gray-7) from expanded system web palette. 
*/

/*========================================================================
 # DEV HELPER
 Sets keyboard styling up - this should be set up at a more universal level, not limited to datatables
 ========================================================================*/
input:focus-visible,
select:focus-visible,
a:focus-visible,
button:focus-visible:not(.disabled) {
  outline: 2px dashed #0455A4 !important;
  outline-offset: 2px;
}

/*========================================================================
 # TABLE STYLING
 ========================================================================*/
/* ====================================================
 ## BASIC PADDING AND ALIGNMENT
 ====================================================== */
table.dataTable.no-footer {
  margin-bottom: 0.75rem;
  margin-top: 0.25rem;
}

.dtfh-floatingparenthead {
  height: auto !important;
}

.dataTables_filter {
  padding-bottom: 0.75rem;
}

/* ============ ### DEFAULT PADDING ============ */
table.dataTable thead > tr th.sorting,
table.dataTable thead > tr td.sorting,
table.dataTable thead > tr th.sorting_asc,
table.dataTable thead > tr td.sorting_asc,
table.dataTable thead > tr th.sorting_asc_disabled,
table.dataTable thead > tr td.sorting_asc_disabled,
table.dataTable thead > tr th.sorting_desc,
table.dataTable thead > tr td.sorting_desc,
table.dataTable thead > tr th.sorting_desc_disabled,
table.dataTable thead > tr td.sorting_desc_disabled {
  padding: 1rem 2.5rem 1rem 0.5rem;
}
table.dataTable tbody th,
table.dataTable tbody td {
  padding: 0.5rem 1.5rem 0.5rem 0.5rem;
}

/* ============ ### CUSTOMIZABLE  PADDING STYLES ============ */
/* ======== SMALL PADDING ======== */
table.dataTable.padding_sm thead > tr th.sorting,
table.dataTable.padding_sm thead > tr td.sorting,
table.dataTable.padding_sm thead > tr th.sorting_asc,
table.dataTable.padding_sm thead > tr td.sorting_asc,
table.dataTable.padding_sm thead > tr th.sorting_asc_disabled,
table.dataTable.padding_sm thead > tr td.sorting_asc_disabled,
table.dataTable.padding_sm thead > tr th.sorting_desc,
table.dataTable.padding_sm thead > tr td.sorting_desc,
table.dataTable.padding_sm thead > tr th.sorting_desc_disabled,
table.dataTable.padding_sm thead > tr td.sorting_desc_disabled {
  padding: 0.5rem 2.5rem 0.5rem 0.5rem;
}
table.dataTable.padding_sm tbody th,
table.dataTable.padding_sm tbody td {
  padding: 0.25rem 1.5rem 0.25rem 0.5rem;
}

/* ======== LARGE PADDING ======== */
table.dataTable.padding_lg thead > tr th.sorting,
table.dataTable.padding_lg thead > tr td.sorting,
table.dataTable.padding_lg thead > tr th.sorting_asc,
table.dataTable.padding_lg thead > tr td.sorting_asc,
table.dataTable.padding_lg thead > tr th.sorting_asc_disabled,
table.dataTable.padding_lg thead > tr td.sorting_asc_disabled,
table.dataTable.padding_lg thead > tr th.sorting_desc,
table.dataTable.padding_lg thead > tr td.sorting_desc,
table.dataTable.padding_lg thead > tr th.sorting_desc_disabled,
table.dataTable.padding_lg thead > tr td.sorting_desc_disabled {
  padding: 1.5rem 2.5rem 1.5rem 0.75rem;
}
table.dataTable.padding_lg tbody th,
table.dataTable.padding_lg tbody td {
  padding: 1rem 1.5rem 1rem 0.75rem;
}

/* ====================================================
 ## TABLE BORDER
 ====================================================== */
table.dataTable.no-footer tbody {
  border: 1px solid #C4C6C8;
}
table.dataTable.no-footer tbody tr td {
  border-top: 1px solid #C4C6C8;
  border-bottom: 1px solid #C4C6C8;
}

/* ====================================================
 ## TABLE HEADER
 ====================================================== */
/* ============ ### DEFAULT TABLE HEADER ============ */
table.dataTable > thead > tr > th, table.dataTable > thead > tr > td {
  border-bottom: none;
}

table.dataTable thead {
  background-color: #C4C6C8;
  border: 1px solid #C4C6C8;
  color: #000000;
}
table.dataTable thead tr th.sorting::before,
table.dataTable thead tr th.sorting::after,
table.dataTable thead tr td.sorting::before,
table.dataTable thead tr td.sorting::after {
  color: #374045;
}
table.dataTable thead tr th.sorting_asc::before,
table.dataTable thead tr td.sorting_asc::before,
table.dataTable thead tr th.sorting_desc::after,
table.dataTable thead tr td.sorting_desc::after {
  color: #000000;
}

th.sorting:focus-visible {
  outline: 2px dashed #0455A4 !important;
  outline-offset: -5px;
}

/* ============ ### CUSTOMIZABLE TABLE HEADER STYLES ============ */
table.header_darkGray thead,
table.header_darkGray thead td {
  background-color: #374045;
  border: 1px solid #374045;
}

table.header_primary thead,
table.header_primary thead td {
  background-color: #13294B;
  border: 1px solid #13294B;
}

table.header_accentBlue thead,
table.header_accentBlue thead td {
  background-color: #0455A4;
  border: 1px solid #0455A4;
}

/*Set font and UI elements for dark backgrounds to meet accessibility */
table.header_darkGray thead tr,
table.header_primary thead tr,
table.header_accentBlue thead tr {
  /*inactive sort icon*/
  /*Active Sort icon*/
}
table.header_darkGray thead tr th.sorting::before,
table.header_darkGray thead tr th.sorting::after,
table.header_darkGray thead tr td.sorting::before,
table.header_darkGray thead tr td.sorting::after,
table.header_primary thead tr th.sorting::before,
table.header_primary thead tr th.sorting::after,
table.header_primary thead tr td.sorting::before,
table.header_primary thead tr td.sorting::after,
table.header_accentBlue thead tr th.sorting::before,
table.header_accentBlue thead tr th.sorting::after,
table.header_accentBlue thead tr td.sorting::before,
table.header_accentBlue thead tr td.sorting::after {
  color: #E8E9EA;
}
table.header_darkGray thead tr th.sorting_asc::before,
table.header_darkGray thead tr td.sorting_asc::before,
table.header_darkGray thead tr th.sorting_desc::after,
table.header_darkGray thead tr td.sorting_desc::after,
table.header_primary thead tr th.sorting_asc::before,
table.header_primary thead tr td.sorting_asc::before,
table.header_primary thead tr th.sorting_desc::after,
table.header_primary thead tr td.sorting_desc::after,
table.header_accentBlue thead tr th.sorting_asc::before,
table.header_accentBlue thead tr td.sorting_asc::before,
table.header_accentBlue thead tr th.sorting_desc::after,
table.header_accentBlue thead tr td.sorting_desc::after {
  color: #FFFFFF;
}
table.header_darkGray thead tr td,
table.header_darkGray thead tr th,
table.header_primary thead tr td,
table.header_primary thead tr th,
table.header_accentBlue thead tr td,
table.header_accentBlue thead tr th {
  color: #FFFFFF;
}
table.header_darkGray thead tr th.sorting:focus-visible,
table.header_primary thead tr th.sorting:focus-visible,
table.header_accentBlue thead tr th.sorting:focus-visible {
  outline: 2px dashed #F7F9FB !important;
  outline-offset: -5px;
}

/* ====================================================
 ## TABLE ROWS
 ====================================================== */
table.dataTable {
  border-collapse: collapse;
}

table.dataTable tbody tr {
  background-color: #ffffff;
}

.dataTable tbody tr:focus,
.dataTable tbody tr:hover {
  background-color: #e8e9ea;
}

table.dataTable.hover > tbody > tr:hover > *,
table.dataTable.display > tbody > tr:hover > *,
table.dataTable.stripe > tbody > tr.odd > *,
table.dataTable.stripe > tbody > tr:hover.odd > *,
table.dataTable.display > tbody > tr.odd > *,
table.dataTable.display > tbody > tr:hover.odd > *,
table.dataTable.display > tbody > tr.odd > .sorting_1,
table.dataTable.display > tbody > tr:hover.odd > .sorting_1,
table.dataTable.order-column.stripe > tbody > tr.odd > .sorting_1,
table.dataTable.order-column.stripe > tbody > tr:hover.odd > .sorting_1,
table.dataTable.display > tbody > tr.even > .sorting_1,
table.dataTable.display > tbody > tr:hover.even > .sorting_1,
table.dataTable.order-column.stripe > tbody > tr.even > .sorting_1,
table.dataTable.order-column.stripe > tbody > tr:hover.even > .sorting_1 {
  box-shadow: none;
}

table.dataTable.stripe > tbody > tr.odd > *,
table.dataTable.display > tbody > tr.odd {
  background-color: #F7F9FB;
}

.dataTable tbody tr:focus,
.dataTable tbody tr:hover,
table.dataTable.stripe > tbody > tr:hover.odd > *,
table.dataTable.display > tbody > tr:hover.odd {
  background-color: #E8E9EA;
}

/*========================================================================
 #  WRAPPER CONTROLS AND CONTENT
 ========================================================================*/
/* ====================================================
 ## "Show Records" Select
 ====================================================== */
.dataTables_wrapper .dataTables_length select {
  font-size: 1rem;
  appearance: none;
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' version='1.1' width='32' height='24' viewBox='0 0 32 24'><polygon points='0,0 32,0 16,24' style='fill: rgb%28108, 112, 122%29'></polygon></svg>");
  background-origin: content-box;
  background-position: right -1rem center;
  background-repeat: no-repeat;
  background-size: 9px 6px;
  padding-right: 1.5rem;
  padding: 0.35rem;
  padding-right: 1.5rem;
}

/* ====================================================
 ## Search Input
 ====================================================== */
.dataTables_wrapper .dataTables_filter input {
  padding: 7px;
}

/* ====================================================
 ## EXPORT BUTTONS
 ====================================================== */
.dt-buttons::before {
  content: "Export Data to:";
}

/*
  Assumes you have the following span above the table that the buttons then use for the "aria-labelledby":
  <span class="hidden" id="datatableContainer_exportButtonLabel">Export Data to</span>
  */
button.dt-button,
div.dt-button,
a.dt-button,
input.dt-button {
  font-family: inherit;
  font-size: 1em;
  line-height: 1em;
  padding: 0.35em 0.75em 0.25em;
  background: #E8E9EA;
  border-color: #A5A8AA;
}

button.dt-button:hover:not(.disabled),
div.dt-button:hover:not(.disabled),
a.dt-button:hover:not(.disabled),
input.dt-button:hover:not(.disabled) {
  background: #C4C6C8;
  border-color: #A5A8AA;
}

button.dt-button:active:not(.disabled),
div.dt-button:active:not(.disabled),
a.dt-button:active:not(.disabled),
input.dt-button:active:not(.disabled),
button.dt-button:active:not(.disabled):hover:not(.disabled),
div.dt-button:active:not(.disabled):hover:not(.disabled),
a.dt-button:active:not(.disabled):hover:not(.disabled),
input.dt-button:active:not(.disabled):hover:not(.disabled) {
  box-shadow: none;
  background: #A5A8AA;
  border-color: #A5A8AA;
  color: #000000 !important;
}

button.dt-button:focus:not(.disabled),
div.dt-button:focus:not(.disabled),
a.dt-button:focus:not(.disabled),
input.dt-button:focus:not(.disabled) {
  text-shadow: none;
  background: #C4C6C8;
  border-color: #A5A8AA;
}

button.dt-button,
div.dt-button,
a.dt-button,
input.dt-button {
  padding: 0.5em 1em 0.35em;
  margin-bottom: 0;
}

/* ====================================================
 ## PAGINATION
 ====================================================== */
.dataTables_wrapper .dataTables_paginate .paginate_button {
  padding: 0.5em 0.75em 0.35em;
}

.dataTables_wrapper .dataTables_paginate .paginate_button:hover, .dataTables_wrapper .dataTables_paginate .paginate_button:focus {
  background: #C4C6C8;
  color: inherit !important;
  border: 1px solid transparent;
}

.dataTables_wrapper .dataTables_paginate .paginate_button:active {
  box-shadow: none;
  background: #A5A8AA;
  color: #000000 !important;
}

.dataTables_wrapper .dataTables_paginate .paginate_button.current {
  background: #E8E9EA;
  border-color: #A5A8AA;
}

.dataTables_wrapper .dataTables_paginate .paginate_button.current:hover, .dataTables_wrapper .dataTables_paginate .paginate_button.current:focus {
  background: #A5A8AA;
  border-color: #7F8588;
}

.dataTables_paginate::before {
  content: "Go to Page:";
  /*
  Assumes you have the following span above the table that the buttons then use for the "aria-labelledby":
  <span class="hidden" id="datatableContainer_paginationLabel">Go to Page</span>
  */
}

.dataTables_wrapper .dataTables_paginate .paginate_button {
  background-color: #E8E9EA;
  margin-left: 0.25rem;
  margin-bottom: 0.5rem;
}

.dataTables_wrapper .dataTables_paginate .paginate_button.current {
  background: #C4C6C8;
}