/* People Promise modal only: stack the element image above its label and drop the
   chevron. Must stay scoped to #ppModal - unscoped it also hits the tutorial
   accordions, which need standard Bootstrap 5 buttons with an expand chevron. */
#ppModal .accordion-button {
    flex-direction: column-reverse;
}

#ppModal .accordion-button::after {
    display: none;
}

.row:not(header) {
    flex-wrap: nowrap;
}

#hide-legend-comment {
	text-align: center;
	user-select: none;
	font-size: 1em;
	color: #005EB8;
	font-weight: bold;
}

.btn-light {
	color: black;
	background-color: whitesmoke;
	border-color: whitesmoke;
}

#highcharts-reset-legend-row {
	justify-content: center;
}

.highcharts-legend-item {
	user-select: none;
}

#tables-container tr th:not(:last-child), #tables-container tr td:not(:last-child) {
    border-right: 2px white solid;
}


.dataTables_wrapper .dataTables_filter input {
    background-color: whitesmoke;
}

/* Sorting up arrow */
table.dataTable thead>tr>th.sorting:before, table.dataTable thead>tr>th.sorting_asc:before, table.dataTable thead>tr>th.sorting_desc:before, table.dataTable thead>tr>th.sorting_asc_disabled:before, table.dataTable thead>tr>th.sorting_desc_disabled:before, table.dataTable thead>tr>td.sorting:before, table.dataTable thead>tr>td.sorting_asc:before, table.dataTable thead>tr>td.sorting_desc:before, table.dataTable thead>tr>td.sorting_asc_disabled:before, table.dataTable thead>tr>td.sorting_desc_disabled:before {
    bottom: 60%;
}

/* Sorting down arrow */
table.dataTable thead>tr>th.sorting:after, table.dataTable thead>tr>th.sorting_asc:after, table.dataTable thead>tr>th.sorting_desc:after, table.dataTable thead>tr>th.sorting_asc_disabled:after, table.dataTable thead>tr>th.sorting_desc_disabled:after, table.dataTable thead>tr>td.sorting:after, table.dataTable thead>tr>td.sorting_asc:after, table.dataTable thead>tr>td.sorting_desc:after, table.dataTable thead>tr>td.sorting_asc_disabled:after, table.dataTable thead>tr>td.sorting_desc_disabled:after {
    top: 60%;
}

/* Unselected sorting arrow */
table.dataTable thead>tr>th.sorting:before, table.dataTable thead>tr>th.sorting:after, table.dataTable thead>tr>th.sorting_asc:before, table.dataTable thead>tr>th.sorting_asc:after, table.dataTable thead>tr>th.sorting_desc:before, table.dataTable thead>tr>th.sorting_desc:after, table.dataTable thead>tr>th.sorting_asc_disabled:before, table.dataTable thead>tr>th.sorting_asc_disabled:after, table.dataTable thead>tr>th.sorting_desc_disabled:before, table.dataTable thead>tr>th.sorting_desc_disabled:after, table.dataTable thead>tr>td.sorting:before, table.dataTable thead>tr>td.sorting:after, table.dataTable thead>tr>td.sorting_asc:before, table.dataTable thead>tr>td.sorting_asc:after, table.dataTable thead>tr>td.sorting_desc:before, table.dataTable thead>tr>td.sorting_desc:after, table.dataTable thead>tr>td.sorting_asc_disabled:before, table.dataTable thead>tr>td.sorting_asc_disabled:after, table.dataTable thead>tr>td.sorting_desc_disabled:before, table.dataTable thead>tr>td.sorting_desc_disabled:after {
    position: absolute;
    display: block;
    opacity: 1;
    right: 10px;
    line-height: 9px;
    font-size: .85em;
}

/* Selected sorting arrow */
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;
    color: black;
}
