@charset "UTF-8";

table.dataTable {
	border-collapse: separate;
	border-spacing: 0;
	margin-top: 0.375rem;
}

div.dt-layout-start>*:not(:last-child) {
	margin-right: 0.5em !important;
}

div.dt-layout-end>*:not(:first-child) {
	margin-left: 0.5em !important;
}

/***********************************************
 Adding background color to the fixed column to override transparent background
************************************************/
.fixedCol {
	background-color: var(--bs-gray-100) !important;
}

/***********************************************
  Add borders to the overall table
************************************************/

table.dataTable.table-bordered {
	border-bottom: 1px solid var(--bs-gray-300);
	border-left: 1px solid var(--bs-gray-300);
	border-top: 1px solid var(--bs-gray-300);
}

table.dataTable.table-bordered thead tr:last-child th {
	border-bottom: 2px solid var(--bs-gray-900)
}

table.dataTable.table-bordered tbody td {
	border-top: 1px solid var(--bs-gray-300)
}

/***********************************************
    Table header sorting icons
************************************************/

table.dataTable thead .dt-column-order:before,
table.dataTable thead .dt-column-order:after {
	content: "" !important;
}

table.dataTable thead .dt-column-order {
	position: relative !important;
}

table.dataTable thead th.dt-orderable-asc .dt-column-order:after {
	font-family: "Font Awesome 5 Free" !important;
	display: inline !important;
	margin-left: .6rem !important;
	right: auto !important;
	top: auto !important;
	bottom: auto !important;
	position: static !important;
	content: "" !important;
}

table.dataTable thead th.dt-ordering-asc span.dt-column-order:after {
	font-family: "Font Awesome 5 Free" !important;
	display: inline !important;
	margin-left: .6rem !important;
	right: auto !important;
	top: auto !important;
	bottom: auto !important;
	position: relative !important;
	content: "" !important;
}

table.dataTable thead th.dt-ordering-desc span.dt-column-order:after {
	font-family: "Font Awesome 5 Free" !important;
	display: inline !important;
	margin-left: .6rem !important;
	right: auto !important;
	top: auto !important;
	bottom: auto !important;
	position: relative !important;
	content: "" !important;
}

table.dataTable thead th.dt-ordering-asc .dt-column-order:after,
table.dataTable thead th.dt-ordering-desc .dt-column-order:after {
	opacity: 1 !important
}


/**************************************************************************
Style data table Hide/Show columns drop down
***************************************************************************/

.dt-button-active {
	color: var(--bs-white);
	text-decoration: none;
	background-color: var(--bs-primary);
}


/**************************************************************************
   Change colors on the checkbox selected row for all icons and links
 ***************************************************************************/

:root {
	--dt-row-selected: transparent;
}

table.dataTable.dt-checkboxes-select tbody tr.selected,
table.dataTable.dt-checkboxes-select tbody tr>.selected {
	background-color: transparent !important
}

table.dataTable.dt-checkboxes-select tbody tr.selected a {
	color: var(--bs-primary)
}

table.dataTable.dt-checkboxes-select tbody tr.selected a:hover,
table.dataTable.dt-checkboxes-select tbody tr.selected a.dropdown-item {
	color: var(--bs-gray-900)
}

table.dataTable.dt-checkboxes-select tbody tr.selected .dropdown-item:active {
	color: var(--bs-white);
}

table.dataTable.dt-checkboxes-select tbody tr.selected td {
	color: var(--bs-gray-900)
}



/**************************************************************************
   Row expansion
 ***************************************************************************/
table.dataTable.dtr-inline.collapsed tbody>tr[role=row]>td.control,
table.dataTable.dtr-inline.collapsed thead>tr[role=row]>th.control {
	border-right: none !important;
	padding-left: 0 !important;
	width: 1.1rem
}

table.dataTable.dtr-inline.collapsed tbody>tr>td:first-child:before,
table.dataTable.dtr-inline.collapsed tbody>tr>th:first-child:before {
	top: .57rem !important;
	left: .5rem !important;
	border: none !important;
	box-shadow: none !important;
	font-weight: bold !important;
	background: none !important;
	content: "" !important;
	font-family: "Font Awesome 5 Free" !important;
	color: inherit !important
}

table.dataTable.dtr-inline.collapsed tbody>tr.parent>td:first-child:before,
table.dataTable.dtr-inline.collapsed tbody>tr.parent>th:first-child:before {
	content: "" !important;
	left: .3rem !important
}

table.dataTable.dtr-inline.collapsed tbody>tr.parent>td:first-child {
	border-left-width: .3rem;
	border-left-color: var(--bs-primary);
	border-left-style: solid;
}

table.dataTable.dtr-inline.collapsed tbody>tr>td.child {
	padding-left: 2rem;
	border-left-width: .3rem;
	border-left-color: var(--bs-primary);
	border-left-style: solid;
	background-color: var(--bs-gray-100);
}

table.dataTable.dtr-inline.collapsed thead>tr>th.dtr-control,
table.dataTable.dtr-inline.collapsed tbody>tr>td.dtr-control {
	border-right: none !important;
	width: auto;
	min-width: 1rem
}

table.dataTable.dtr-inline.collapsed tbody>tr>td.dtr-control:before,
table.dataTable.dtr-inline.collapsed tbody>tr>th.dtr-control:before {
	top: 1.2rem !important;
	left: .5rem !important;
	border: none !important;
	box-shadow: none !important;
	font-weight: bold !important;
	background: none !important;
	content: "" !important;
	font-family: "Font Awesome 5 Free" !important;
	color: inherit !important
}

table.dataTable.dtr-inline.collapsed tbody>tr.parent>td.dtr-control:before,
table.dataTable.dtr-inline.collapsed tbody>tr.parent>th.dtr-control:before {
	content: "" !important
}



table.dataTable.dtr-column tbody>tr>td.control,
table.dataTable.dtr-column thead>tr>th.control {
	border-right: none !important;
	padding-left: .813rem
}

table.dataTable.dtr-column tbody>tr.dt-hasChild>td.control {
	border-left-width: .3rem;
	border-left-color: var(--bs-primary);
	border-left-style: solid
}

table.dataTable.dtr-column tbody>tr>th.control:before,
table.dataTable.dtr-column tbody>tr>td.control:before {
	top: .57rem !important;
	left: .5rem !important;
	box-shadow: none !important;
	font-weight: bold !important;
	background: none !important;
	content: "" !important;
	border: none !important;
	font-family: "Font Awesome 5 Free" !important;
	color: inherit !important;
	margin-top: 0 !important;
	margin-left: 0 !important
}

table.dataTable.dtr-column tbody>tr.dt-hasChild td.control:before,
table.dataTable.dtr-column tbody>tr.dt-hasChild th.control:before {
	content: "" !important;
	left: .3rem !important
}

table.dataTable.dtr-column th.dt-checkboxes-select-all,
table.dataTable.dtr-column td.dt-checkboxes-cell {
	width: 2.9rem !important
}

table.dataTable.dtr-column td:last-child {
	padding: 0
}

table.dataTable.dtr-column tbody>tr.child>td.child {
	background-color: var(--bs-gray-100);
}

table.dataTable.dtr-column td ul.dtr-details {
	border-left-width: .3rem;
	border-left-color: var(--bs-primary);
	border-left-style: solid;
	padding: .5rem 2rem !important
}

table.dataTable.dtr-column tbody>tr>td.dtr-control,
table.dataTable.dtr-column thead>tr>th.dtr-control {
	border-right: none !important;
	padding-left: .813rem;
	position: relative;
	cursor: pointer
}

/* added to remove the border on dtr-control */
table.dataTable tbody>tr>td:nth-of-type(3),
table.dataTable thead>tr>th:nth-of-type(3) {
	border-left: none !important;
}

table.dataTable.dtr-column tbody>tr.dt-hasChild>td.dtr-control {
	border-left-width: .3rem;
	border-left-color: var(--bs-primary);
	border-left-style: solid
}

/* overriding font size and opacity for sorting arrows */
table.dataTable thead>tr>th.dt-orderable-asc span.dt-column-order:before,
table.dataTable thead>tr>th.dt-orderable-asc span.dt-column-order:after,
table.dataTable thead>tr>th.dt-orderable-desc span.dt-column-order:before,
table.dataTable thead>tr>th.dt-orderable-desc span.dt-column-order:after,
table.dataTable thead>tr>th.dt-ordering-asc span.dt-column-order:before,
table.dataTable thead>tr>th.dt-ordering-asc span.dt-column-order:after,
table.dataTable thead>tr>th.dt-ordering-desc span.dt-column-order:before,
table.dataTable thead>tr>th.dt-ordering-desc span.dt-column-order:after,
table.dataTable thead>tr>td.dt-orderable-asc span.dt-column-order:before,
table.dataTable thead>tr>td.dt-orderable-asc span.dt-column-order:after,
table.dataTable thead>tr>td.dt-orderable-desc span.dt-column-order:before,
table.dataTable thead>tr>td.dt-orderable-desc span.dt-column-order:after,
table.dataTable thead>tr>td.dt-ordering-asc span.dt-column-order:before,
table.dataTable thead>tr>td.dt-ordering-asc span.dt-column-order:after,
table.dataTable thead>tr>td.dt-ordering-desc span.dt-column-order:before,
table.dataTable thead>tr>td.dt-ordering-desc span.dt-column-order:after {
	font-size: var(--bs-body-font-size);
	opacity: .3;
}

table.dataTable.dtr-column tbody>tr>th.dtr-control:before,
table.dataTable.dtr-column tbody>tr>td.dtr-control:before {
	top: .57rem !important;
	left: .5rem !important;
	box-shadow: none !important;
	font-weight: bold !important;
	background: none !important;
	content: "" !important;
	border: none !important;
	font-family: "Font Awesome 5 Free" !important;
	color: inherit !important;
	margin-top: 0 !important;
	margin-left: 0 !important;
	height: 16px;
	width: 16px;
	display: block;
	position: absolute;
	border-radius: 14px;
	box-sizing: content-box;
	text-align: center;
	text-indent: 0 !important;
	line-height: 14px
}

table.dataTable.dtr-column tbody>tr.dt-hasChild td.dtr-control:before,
table.dataTable.dtr-column tbody>tr.dt-hasChild th.dtr-control:before {
	content: "" !important;
	left: .3rem !important
}

table.dataTable.dtr-column.era-tbl-all td ul.dtr-details {
	margin-left: 4rem !important
}

/* add a style to close right border of last cells, overrides datatables.css */
table.dataTable.table-bordered th,
table.dataTable.table-bordered td {
	border-right-width: 1px;
	border-left-width: 0;
}


/**************************************************************************
  Modifying dt-paging styles - inputPaging plugin
 ***************************************************************************/
 
.dt-container div.dt-inputpaging.dt-paging {
	height: 38px;
}

.dt-container div.dt-inputpaging.dt-paging>button {
	height: 100%;
}

.dt-container div.dt-inputpaging.dt-paging .dt-paging-input {
	margin: 3px .9rem 0px .3rem;
	width: 6rem;
}

.dt-container div.dt-inputpaging.dt-paging .dt-paging-input input {
	border: 1px solid #ccc;
	border-radius: .25rem;
	height: 38px;
	top: 2px;
	position: relative;
}

.dt-container div.dt-inputpaging.dt-paging .dt-paging-input span {
	top: 1px;
	position: relative;
	margin-left: .3rem;
}

.dt-container .dt-layout-start .dt-buttons {
	margin: 0px 0px;
}

/**************************************************************************
  Modify media styles to fix responsive issues
 ***************************************************************************/
@media screen and (max-width: 767px) {
	div.dt-buttons {
		width: auto;
	}
}