/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
* General page setup
*/
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
* DataTables features
*/

.dataTables_wrapper {
    position: relative;
    min-height: 302px;
    _height: 302px;
    clear: both;
    border-bottom:0.4em solid #868971;

}
.dataTables_processing {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 250px;
	height: 30px;
	margin-left: -125px;
	margin-top: -15px;
	padding: 14px 0 2px 0;
	border: 1px solid #ddd;
	text-align: center;
	color: #999;
	font-size: 14px;
	background-color: white;
}
.dataTables_length {
    width: 12 em;
    float: left;
    vertical-align: middle;
}
.dataTables_length select{
    float:none;
    /*width: 4em;*/

}

.dataTables_filter input {
    width: 10em;
    margin: 0px;
    padding: 0px;
    }

/*.dataTables_info {
width: 60%;
float: left;
}*/
.dataTables_info {
    /*margin-top: 0.3em; */
   /* margin-left: 2.0em; */
    width: 230px;
    float: left;
    text-align: left;
    vertical-align: middle;
    margin-bottom: 0.5em;
    padding-top:5px;
}


.dataTables_paginate {
    width: 48px;
    margin: 2px;
    float: right;
    text-align: right;
    margin-bottom: 0.5em;
    padding-top:5px;
}

/* Pagination nested */
.paginate_disabled_previous, .paginate_enabled_previous, .paginate_disabled_next, .paginate_enabled_next {
    height: 19px;
    width: 19px;
    margin-left: 3px;
    float: left;
}

.paginate_disabled_previous {
    float: left;
    background-image: url('../images/back_disabled.jpg');
}

.paginate_enabled_previous {
    float: left;
    background-image: url('../images/back_enabled.jpg');
}

.paginate_disabled_next {
    float: right;
    background-image: url('../images/forward_disabled.jpg');
}

.paginate_enabled_next {
    float: right;
    background-image: url('../images/forward_enabled.jpg');
}

/* added in 1.5 */
.dataTables_empty {
    text-align: center;
}

td.group {
    background-color: #d1cfd0;
    border-bottom: 2px solid #A19B9E;
    border-top: 2px solid #A19B9E;
}

td.details {
    background-color: #d1cfd0;
    border: 2px solid #A19B9E;
}

/*  end added in 1.5 */
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
* DataTables display
*/
table.display {
    margin: 0 auto;
    width: 100%;
    clear: both;
}

table.display thead th {
    padding: 3px 10px;
    border-bottom: 1px solid black;
    font-weight: bold;
    cursor: pointer;
}

table.display tfoot th {
    padding: 3px 10px;
    border-top: 1px solid black;
    font-weight: bold;
}

table.display tr.heading2 td {
    border-bottom: 1px solid #aaa;
}

table.display td {
    padding: 3px 6px;
}

table.display td.center {
    text-align: center;
}

table.display tr {
    height: 1.8em;
}

/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
* DataTables sorting
*/

.sorting_asc {
    background: url('../images/sort_asc.jpg') no-repeat center right;
}

.sorting_desc {
    background: url('../images/sort_desc.jpg') no-repeat center right;
}

.sorting {
    background: url('../images/sort_both.jpg') no-repeat center right;
}


/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
* DataTables row classes
*/
table.display tr.odd  td {
    background-color: #ddffdd;
    background-color: #eeeedd;
}

table.display tr.even td {
    background-color: #E4E6D5;
}
/* from pht.css */
/*
table.data tr:hover td,
table.data tr.sfhover td {
background-color: #f4f6e2;
}
*/
tr.odd {
    background-color: #E2E4FF;
}

tr.even {
    background-color: white;
}

/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
* Misc
*/
.top, .bottom {
    /*padding: 4px;*/
    background-color: #EED;
    border-top: 1px solid black;
}
.bottom {
    padding-bottom: 1.0em;
    height: 2.5em;
}

.top .dataTables_info {
    float: none;
}

.clear {
    clear: both;
}

tfoot input {
    margin: 0.5em 0;
    width: 100%;
    color: #444;
}

tfoot input.search_init {
    color: #999;
}


.example_alt_pagination div.dataTables_info {
    width: 40%;
}

.example_alt_pagination .dataTables_paginate {
    width: 400px;
}

.example_alt_pagination div.dataTables_paginate span.paginate_button,
.example_alt_pagination div.dataTables_paginate span.paginate_active {
    border: 1px solid #aaa;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    padding: 2px 5px;
    margin: 0 3px;
    cursor: pointer;
}

.example_alt_pagination div.dataTables_paginate span.paginate_button {
    background-color: #ddd;
}

.example_alt_pagination div.dataTables_paginate span.paginate_button:hover {
    background-color: #ccc;
}

.example_alt_pagination div.dataTables_paginate span.paginate_active {
    background-color: #99B3FF;
}
/*

table.display tr.row_selected.odd td {
background-color: #B0BED9;
}

table.display tr.row_selected.even td {
background-color: #9FAFD1;
}
*/

/*
* Sorting classes for columns
*/
/* For the standard odd/even */
/*
tr.odd td.sorting_1 {
background-color: #D3D6FF;
}

tr.odd td.sorting_2 {
background-color: #DADCFF;
}

tr.odd td.sorting_3 {
background-color: #E0E2FF;
}

tr.even td.sorting_1 {
background-color: #EAEBFF;
}

tr.even td.sorting_2 {
background-color: #F2F3FF;
}

tr.even td.sorting_3 {
background-color: #F9F9FF;
}
*/

/* For the Conditional-CSS grading rows */
/*
Colour calculations (based off the main row colours)
Level 1:
dd > c4
ee > d5
Level 2:
dd > d1
ee > e2
*/
/*
tr.odd.gradeA td.sorting_1 {
background-color: #c4ffc4;
}

tr.odd.gradeA td.sorting_2 {
background-color: #d1ffd1;
}

tr.even.gradeA td.sorting_1 {
background-color: #d5ffd5;
}

tr.even.gradeA td.sorting_2 {
background-color: #e2ffe2;
}

tr.odd.gradeC td.sorting_1 {
background-color: #c4c4ff;
}

tr.odd.gradeC td.sorting_2 {
background-color: #d1d1ff;
}

tr.even.gradeC td.sorting_1 {
background-color: #d5d5ff;
}

tr.even.gradeC td.sorting_2 {
background-color: #e2e2ff;
}

tr.odd.gradeX td.sorting_1 {
background-color: #ffc4c4;
}

tr.odd.gradeX td.sorting_2 {
background-color: #ffd1d1;
}

tr.even.gradeX td.sorting_1 {
background-color: #ffd5d5;
}

tr.even.gradeX td.sorting_2 {
background-color: #ffe2e2;
}

tr.odd.gradeU td.sorting_1 {
background-color: #c4c4c4;
}

tr.odd.gradeU td.sorting_2 {
background-color: #d1d1d1;
}

tr.even.gradeU td.sorting_1 {
background-color: #d5d5d5;
}

tr.even.gradeU td.sorting_2 {
background-color: #e2e2e2;
}
*/

/*
* Row highlighting example
*/
/*table.display tr.row_selected.odd td {
background-color: #B0BED9;
}

table.display tr.row_selected.even td {
background-color: #9FAFD1;
}
*/
.dataTables_filter {
    display: flex;
    align-items: center;
    position: relative;
    width: max-content;
    float: none;
    margin-block: 12px;
}
.search-box {
    padding: 8px 8px 8px 40px !important;
    border: 1px solid #ccc;
    border-radius: 4px;
    font-size: 16px;
    width: 200px !important;
    box-sizing: border-box;
}
.search-icon {
    position: absolute;
    left: 8px;
    top: 50%;
    transform: translateY(-50%);
    width: 24px;
    height: 24px;
}