/*
	TABLES
*/

#changePwdTable
{
	border-collapse:collapse;
	margin-top:20px;
	width:100%;
}
#changePwdTable tr:first-of-type td:first-of-type
{
	width:29%;
}
#changePwdTable tr td
{
	text-align:center;
}
#changePwdTable tr:first-of-type td:last-of-type
{
	width:29%;
}
#changePwdTable tr:last-of-type td
{
	padding-top:20px;
}

#changePwdTable tr:nth-of-type(1) td:first-of-type,
#changePwdTable tr:nth-of-type(2) td:first-of-type,
#changePwdTable tr:nth-of-type(3) td:first-of-type
{
	text-align:right;
}
#changePwdTable tr:nth-of-type(1) td,
#changePwdTable tr:nth-of-type(2) td,
#changePwdTable tr:nth-of-type(3) td
{
	padding-bottom:5px;
	padding-top:5px;
}
#changePwdTable tr.currentPassword td
{
	padding-bottom:40px;
}

#changePwdTable tr.pwd_indicator td div:first-of-type {
	width:20px;
	display: inline-block;
	font-size:1.1em;
}
#changePwdTable tr.pwd_indicator td {
	padding-bottom:5px;
	padding-top:5px;
}
#changePwdTable tr.pwd_indicator td:nth-of-type(2){
	text-align:left;
	padding-left:10px;
}
/* "Checked when you save" note under the checklist: icon in the same column as the marks, wrapped lines stay aligned with the text */
#changePwdTable tr.pwd_indicator td div.pwdNote {
	display:flex;
	align-items:baseline;
	width:auto;
	max-width:30em;
	margin-top:6px;
	font-size:0.9em;
	line-height:1.4;
	color:var(--text-neutral-7);
}
#changePwdTable tr.pwd_indicator td div.pwdNote i {
	flex:0 0 20px;
	font-size:1.1em;
}





#refTable
{
	border-collapse:collapse;
}
#refTable tr
{
	height:40px;
}
#refTable td
{
	border-bottom:1px solid var(--border-neutral-2);
	padding:5px;
}
#refTable td:first-of-type
{
	padding-top:7px;
}

#refTable td:nth-of-type(2)
{
	padding-left:15px;
	padding-right:60px;
}
td.refHidden
{
	color:var(--text-neutral-3);
	font-style:italic;
}

table#newRemark td
{
	vertical-align:top;
	padding:5px;
}
table#newRemark td:first-of-type
{
	color:var(--text-neutral-7);
	padding-top:10px;
}
table#newRemark textarea
{
	margin-left:5px;
}

#rmkTable
{
	border-collapse:collapse;
	background-color:var(--bg-neutral-3);
	width:100%;
	margin:20px 0 20px 0;
	border-top:1px solid var(--border-neutral-5);
}
#rmkTable tr
{
	height:40px;
	border-bottom:1px solid var(--border-neutral-5);
	cursor:pointer;
}
#rmkTable tr.rmkDetails
{
	display:none;
	cursor:default;
	background-color:var(--bg-neutral-1);
	box-shadow:inset 0px 11px 8px -10px var(--shadow-2),inset 0px -11px 8px -10px var(--shadow-2); 
}
#rmkTable tr.rmkDetails:last-of-type
{
	cursor:default;
	box-shadow:inset 0px 11px 8px -10px var(--shadow-2); 
	border-bottom:none;
}
#rmkTable td
{
	padding:5px;
}
#rmkTable tr td.indicator:first-of-type
{
	width:6px;
	padding:0;
}
#rmkTable td:last-of-type div.rmkHeaderDiv:nth-of-type(4)
{
	padding-left:10px;
	font-size:1.2em;
	float:left;
}
#rmkTable td:last-of-type div.rmkHeaderDiv span
{
	color:var(--text-danger-4);
	padding-left:20px;
	font-size:0.8em;
	letter-spacing:0.1em;
}
#rmkTable td:last-of-type div.rmkHeaderDiv:first-of-type,
#rmkTable td:last-of-type div.rmkHeaderDiv:nth-of-type(2),
#rmkTable td:last-of-type div.rmkHeaderDiv:nth-of-type(3)
{
	white-space: nowrap;
	overflow:hidden;
	padding-left:10px;
	font-size:1em;
	float:left;
	color:var(--text-neutral-12);
}
#rmkTable td:last-of-type div.rmkHeaderDiv:first-of-type
{
	width:50px;
}
#rmkTable td:last-of-type div.rmkHeaderDiv:nth-of-type(2),
#rmkTable td:last-of-type div.rmkHeaderDiv:nth-of-type(3)
{
	width:110px;
}

#rmkTable td:last-of-type div.rmkHeaderDiv:last-of-type
{
	padding-right:10px;
	float:right;
}
#rmkTable tr.rmk2 td
{
	background-color:var(--bg-danger-1);
}
#rmkTable tr.rmk2 td:hover
{
	background-color:var(--bg-danger-2);
}
#rmkTable tr.rmk1 td
{
	background-color:var(--bg-warning-1);
}
#rmkTable tr.rmk1 td:hover
{
	background-color:var(--bg-warning-2);
}
#rmkTable tr.rmk0 td:hover
{
	background-color:var(--bg-success-1);
}
#rmkTable tr.rmk2 td:first-of-type
{
	background-color:var(--bg-danger-9);
}
#rmkTable tr.rmk1 td:first-of-type
{
	background-color:var(--bg-warning-10);
}
#rmkTable tr.rmk0 td:first-of-type
{
	background-color:var(--bg-success-4);
}
#rmkTable tr.rmkDetails td table
{
	border-collapse:collapse;
	width:99%;
	margin-top:10px;
	margin-bottom:40px;
	margin-left:0;
}
#rmkTable tr.rmkDetails td table td
{
	border:1px solid var(--border-neutral-12);
	padding:5px;
	margin:0;
	text-align:center;
}

.arrow-r
{
	transform: rotate(0deg);
	transition-duration: 0.5s;
}
.arrow-d
{
	transform: rotate(90deg);
	transition-duration: 0.5s;
}
tr.rmkDetails td a.rmkAction
{
	padding:3px 10px 5px 10px;
	background-color:var(--bg-neutral-5);
	border:1px solid var(--border-info-2);
	margin-right:10px;
}
tr.rmkDetails td a.rmkAction:hover
{
	background-color:var(--bg-neutral-7);
}
tr.rmkDetails td i
{
	margin-right:8px;
}

div.maintDataBanner div
{
	background-color:var(--bg-surface-1);
	padding:5px;
	margin-bottom:4px;
	border-radius:3px;
	font-size: 1.05em;
}
div.maintDataBanner div > i
{
	margin-left:1em;
	margin-right:1em;
}
div.maintDataBanner > div > p > span
{
	padding:3px;
	margin:5px;
	border-radius:3px;
	font-weight:bold;
	letter-spacing:0.1em;
	color:var(--text-neutral-13);
	background-color:var(--bg-success-5);
}
div.maintDataBanner > div > p > span.caution
{
	color:var(--text-neutral-13);
	background-color:var(--bg-warning-11);
}
div.maintDataBanner > div > p > span.warning
{
	color:var(--text-neutral-1);
	background-color:var(--bg-danger-9);
}
table.rmkQuickReferenceList
{
	border:1px solid var(--border-neutral-12);
	border-collapse:collapse;
	width:100%;
}
table.rmkQuickReferenceList tr:first-of-type
{
	border:2px solid var(--border-neutral-12);
}
table.rmkQuickReferenceList th
{
	font-weight:bold;
	text-align:left;
	padding:8px;
	background-color:var(--bg-neutral-8);
	box-shadow:inset 0 0 0 50px var(--shadow-1); 
	letter-spacing:1px;
}
table.rmkQuickReferenceList td
{
	border-bottom:1px solid var(--border-neutral-12);
	padding:8px 8px 8px 10px;
	vertical-align:top;
}
table.rmkQuickReferenceList th:nth-of-type(1) {	width:35px; }
table.rmkQuickReferenceList th:nth-of-type(2) {	width:55px; }
table.rmkQuickReferenceList th:nth-of-type(3) {	width:55px; }
table.rmkQuickReferenceList th:nth-of-type(4) {	width:55px; }
table.rmkQuickReferenceList th:nth-of-type(5) {	width:55px; }


table.rmkWorkorder
{
	box-shadow: 0px 0px 5px 1px var(--shadow-dark-a20);
	border:2px solid var(--border-neutral-12);
	border-collapse:collapse;
	width:100%;
}
table.rmkWorkorder tr td
{
	cursor:default;
	width:25%;
	padding:5px;
	border:1px solid var(--border-neutral-12);
}
table.rmkWorkorder div:first-of-type
{
	padding:0px;
	margin:0;
	text-align:left;
	font-size:0.9em;
	height:12px;
}
table.rmkWorkorder div:nth-of-type(2)
{
	padding:5px;
	margin:0;
	font-size:1.3em;
	font-weight:bold;
	height:16px;
	text-align:center;
}
table.rmkWorkorder div:nth-of-type(3)
{
	padding:1px;
	margin:0;
	font-size:0.9em;
	height:12px;
	text-align:center;
}
table.rmkWorkorder tr.rmkDividerRow td
{
	background-color:var(--bg-neutral-8);
	box-shadow:inset 0 0 0 50px var(--shadow-1); 
	
	padding:0;
	height:30px;
	padding:0;
	font-weight:bold;
	letter-spacing:2px;
	text-align:center;
}


#docsTable
{
	width:100%;
	border-collapse:collapse;
}
#docsTable tr
{
	height:50px;
}
#docsTable tr:last-child td
{
	border-bottom:none;
}
#docsTable td
{
	border-bottom:1px solid var(--border-neutral-2);
	padding:5px;
}



#invoices
{
	width:100%;
	border-collapse:collapse;
}
#invoices tr
{
	height:30px;
}



/* Transaction list. Base layout comes from table.lists, only additions here. */
/* Single line rows: columns shrink to their content (width:1%) and the comment gets the rest. */
#transactions td,
#transactions th
{
	white-space:nowrap;
}
/* Row menu (three dots) in the last column, styles in css_logbook */
#transactions .rowMenu
{
	width:1.5em;
	text-align:center;
}
#transactions .logMenu
{
	min-width:12em;
}
#transactions tbody tr td:first-of-type
{
	width:1%;
}
/* Name and comment are cut with "..." when too long, full text in the title tooltip */
#transactions td.name
{
	max-width:14em;
	overflow:hidden;
	text-overflow:ellipsis;
}
#transactions td.comment
{
	max-width:0;
	width:100%;
	overflow:hidden;
	text-overflow:ellipsis;
}
#transactions .ctr
{
	text-align:center;
}
#transactions .amount
{
	text-align:right;
	width:1%;
}
/* Thin separators between column groups: before each amount/balance column and before the accounting block */
#transactions td.amount,
#transactions td.amount + td.knt,
#transactions tfoot td.amount + td:not(.rowMenu)
{
	border-left:1px solid var(--border-neutral-4);
}
#transactions td.balance_in
{
	color:var(--text-neutral-7);
	text-align:center;
}
/* Accounting columns (debit, credit, cost centre, project, VerNr), narrow and equally wide */
#transactions .knt
{
	width:5em;
	min-width:5em;
	text-align:center;
	padding-left:0.3em;
	padding-right:0.3em;
	font-size:0.9em;
}
#transactions tfoot.sum_row tr td
{
	border-top:2px solid var(--border-brand);
	border-bottom:2px solid var(--border-brand);
	font-weight:bold;
	font-variant-numeric: tabular-nums;
	font-feature-settings: 'tnum';
}
/* Filter totals (jq.p_table_filter): faded while a recalculation is pending */
td[data-sum-total]
{
	transition:opacity 0.15s;
}
td[data-sum-total].sum_pending
{
	opacity:0.4;
}



/* Bank and giro reports (c_camt054reports.php, c_giroDirect.php). Lists use table.lists, only additions here. */
/* The report lists have few columns, so their window is capped in width and centred on wide screens */
div.giro_list_page
{
	max-width:1000px;
	margin:0 auto;
}
/* Option bar above the list or report: buttons on top, period below */
table.giro_options
{
	border-collapse:collapse;
	width:100%;
}
table.giro_options td
{
	padding:0.5em;
}
table.giro_options tr.giro_buttons td
{
	border-bottom:1px solid var(--border-neutral-4);
}
table.giro_report_list tbody tr
{
	cursor:pointer;
}
table.giro_report_list td,
table.giro_report_list th
{
	white-space:nowrap;
}
table.giro_report_list .ctr,
table.giro_payments .ctr
{
	text-align:center;
}
table.giro_report_list .amount,
table.giro_payments .amount
{
	text-align:right;
	white-space:nowrap;
	width:1%;
}
table.giro_report_list td.amount,
table.giro_payments td.amount
{
	border-left:1px solid var(--border-neutral-4);
}
table.giro_report_list td.notices span
{
	margin:0 0.4em;
}
table.giro_payments td
{
	vertical-align:top;
}
/* Secondary details in a cell, e.g. the BGC serial number and channel under the payment date */
table.giro_payments .muted
{
	color:var(--text-neutral-7);
	font-size:0.85em;
}
table.giro_report_list tfoot.sum_row tr td,
table.giro_payments tfoot.sum_row tr td
{
	border-top:2px solid var(--border-brand);
	border-bottom:2px solid var(--border-brand);
	font-weight:bold;
	font-variant-numeric: tabular-nums;
	font-feature-settings: 'tnum';
}
/* Report header: summary of the notification, set apart from the payment rows below */
div.giro_report_header
{
	background-color:var(--bg-surface-1);
	border-top:3px solid var(--border-brand);
	border-radius:0.3em;
	padding:1em 1.2em;
	margin-top:1em;
}
div.giro_report_header dl
{
	display:flex;
	flex-wrap:wrap;
	gap:1em 3em;
	margin:0;
}
div.giro_report_header dt
{
	color:var(--text-neutral-7);
	font-size:0.85em;
}
div.giro_report_header dd
{
	margin:0.2em 0 0 0;
	font-weight:bold;
	font-size:1.1em;
	font-variant-numeric: tabular-nums;
}
div.giro_report_header dd.total
{
	color:var(--text-brand-dark);
}
#transactions td.neg,
div.neg,
span.neg
{
	color:var(--text-danger-4);
}


table.transactionAddFields{
	width:100%;
}
table.transactionAddFields td:first-of-type{
	width:10em;
}

table.transactionAddSummary {
	border-collapse:collapse;
	width:100%;
	border:1px solid var(--border-neutral-7);
	letter-spacing:0.04em;
	text-align:center;
}
table.transactionAddSummary td,
table.transactionAddSummary th
{
	padding:0.5em;
}
table.transactionAddSummary thead th {
	color:var(--text-neutral-13);
	border-bottom:1px solid var(--border-neutral-4);
	background-color:var(--bg-surface-1);
	width:20%;
}
table.transactionAddSummary tbody td {
	font-family:"Courier New",Inconsolata,monospace;
	border-bottom:1px solid var(--border-neutral-4);
	text-align:center;
	border-left:1px solid var(--border-neutral-4);
}
table.transactionAddSummary tbody th {
	border-bottom:1px solid var(--border-neutral-4);
}


/* Box around the single transaction view */
table.transactionDetailsBox {
	width:100%;
	background:var(--bg-neutral-1);
	border:1px dotted var(--border-neutral-7);
	border-radius:5px;
}
table.transactionDetails {
	border-collapse:collapse;
	width:90%;
	border:1px solid var(--border-neutral-7);
	font-family:"Courier New",Inconsolata,monospace;
	letter-spacing:0.04em;
}
table.transactionDetails tr:nth-of-type(even) {
	background-color:var(--bg-neutral-1);
}
table.transactionDetails tr:nth-of-type(odd) {
	background-color:var(--bg-surface-1);
}
table.transactionDetails tr:first-of-type td {
	font-weight:bold;
	border-bottom:1px solid var(--border-neutral-4);
}
table.transactionDetails td {
	padding:0.4em;
	height:1.7em;
	text-align:center;
}
table.transactionDetails tr td:first-of-type {
	text-align:left;
}
table.transactionDetails tr td:nth-of-type(2) {
	text-align:right;
	width:110px;
}
table.transactionDetails tr td:nth-of-type(n+3):nth-of-type(-n+6) {
	width:65px;
}
table.transactionDetails tr td:nth-of-type(7) {
	width:35px;
}
table.transactionDetails td.neg {
	color:var(--text-danger-4);
}
table.transactionDetails tr:last-of-type {
	font-weight:bold;
}
table.transactionDetails tr:last-of-type td {
	border-top:1px solid var(--border-neutral-4);
}

#mbr_balance
{
	width:100%;
	border-collapse:collapse;
	border:1px solid var(--border-neutral-12);
	font-family:Inconsolata,monospace;
	font-size:1.1em;
}
#mbr_balance td,
#mbr_balance th
{
	height:1.2em;
	padding:0.3em;
}
table#mbr_balance tr:nth-of-type(even) {
	background-color:var(--bg-neutral-1);
}
table#mbr_balance tr:nth-of-type(odd) {
	background-color:var(--bg-surface-1);
}
form#transactionOptions > table:first-of-type{
	border-collapse:collapse;
	width:100%;
	margin-bottom:2em;
}
form#transactionOptions > table tr td{
	padding:0.5em;
}
form#transactionOptions > table tr td a.button{
	margin-left:2em;
}
form#transactionOptions div.balance {
	display:inline-block;
	background-color:var(--bg-neutral-1);
	font-size:1.1em;
	line-height:1.3em;
	vertical-align:middle;
	padding:0.3em 0.6em 0.3em 0.6em;
	border-radius:0.3em;
}
form#transactionOptions span.balance {
	padding-left:1em;
	letter-spacing:0.1em;
	font-weight:bold;
}
form#transactionOptions div.balance.sub_limit{
	background-color:var(--bg-danger-9);
	border:1px solid; 
	color:var(--text-neutral-1);
}
form#transactionOptions div.balance.sub_limit span{
	color:var(--text-neutral-1);
}
table.lobby_recency {
	width:100%;
	border-collapse:collapse;
	font-size:0.85em;
}
table.lobby_recency tr td:first-of-type,
table.lobby_recency tr th:first-of-type {
	text-align:left;
}
table.lobby_recency tr th {
	padding: 0.2em;
	padding-bottom: 0.5em;
	border-bottom:1px solid var(--border-neutral-12);
}
table.lobby_recency tr td {
	padding: 0.2em;
}
table.lobby_recency tr td:nth-of-type(2),
table.lobby_recency tr td:nth-of-type(3),
table.lobby_recency tr td:nth-of-type(4) {
	width:16%;
	text-align:right;
	padding-right:1em;
}
table.lobby_recency tr td:nth-of-type(2) {
	width:18%;
}
table.lobby_recency tr:nth-child(even){
	background-color:var(--bg-neutral-5);
}
/* Lobby top (headline row, welcome text, heatmap): the same box as the personal logbook's list
   (css_logbook, .lbOnline + .lbOnlineList), so the headline and text start at the logbook's left edge
   (the first width is for browsers without calc) */
div#lobby_top{
	width:88vw;
	width:calc(100vw - 180px);
	max-width:1000px;
	margin-left:auto;
	margin-right:auto;
}
table#lobby_headline,
div#lobby_welcome{
	width:100%;
}
/* No space around the cells, so the headline starts and the buttons end at the box's edges */
table#lobby_headline{
	border-spacing:0;
}
table#lobby_headline tr td{
	padding:0;
}
/* The heatmap fills the box (no side padding, week columns share the width), so its edges
   line up with the headline and the buttons */
div#lobby_top .heatmap-main-container{
	grid-auto-columns:minmax(0, 1fr);
	padding-left:0;
	padding-right:0;
}
table#lobby_headline tr td:nth-of-type(2),
table#lobby_headline tr td:last-of-type{
	text-align:right;
	width:10em;
}
table#lobby_headline tr td:last-of-type div{
	background-color:var(--bg-brand);
	border-radius:0.5em;
	padding:1em;
	margin-top:1em;
	width:10em;
	text-align:center;
	color:var(--text-neutral-1);
	cursor:pointer;
}
table#lobby_headline tr td:last-of-type div:hover{
	background-color:var(--bg-brand-dark);
}
table#lobby_headline tr td:nth-of-type(2) div{
	border:1px solid var(--border-brand);
	border-radius:0.5em;
	padding:1em;
	margin-top:1em;
	margin-right:1em;
	width:10em;
	text-align:center;
	color:var(--text-brand);
	cursor:pointer;
}
table#lobby_headline tr td:nth-of-type(2) div:hover{
	background-color:var(--bg-neutral-5);
	color:var(--text-brand-dark);
}
table#lobby_headline i{
	margin-right:0.8em;
}
/* Lobby heading (house icon + text) in the same color as the "log flight" button background */
table#lobby_headline div.cText h1{
	color:var(--text-brand-accent);
}

table#recency_intervals {
	width:100%;
	margin-bottom:3em;
}
table#recency_intervals td {
	width:14.28%;
}
table#recency_intervals td > div {
	background-color:var(--bg-brand);
	color:var(--text-neutral-1);
	padding:0.8em;
	text-align:center;
	border-radius: 3px;
	padding-left:0;
	padding-right:0;
	font-size:0.9em;
	white-space: nowrap;
}
table#recency_intervals td > div:hover {
	background-color:var(--bg-neutral-14);
	color:var(--text-brand-dark);
	cursor: pointer;
}
table#recency_intervals td > div.active {
	background-color: var(--bg-brand-dark);
	text-decoration: underline;
	color:var(--text-neutral-1);
	cursor: default;
}




table#recency_main_boxes,
table#plog_import_boxes {
	width:100%;
	margin-bottom:2em;
	text-align:center;
}
table#recency_main_boxes td,
table#plog_import_boxes td {
	width:33.33%;
}
table#recency_main_boxes td > div,
table#plog_import_boxes td > div {
	background-color:var(--bg-neutral-6);
	color:var(--text-neutral-13);
	padding:0.8em;
	text-align:center;
	border-radius: 1em;
	border: 1px solid var(--border-neutral-4);
}
table#recency_main_boxes td > div > div:first-of-type,
table#plog_import_boxes td > div > div:first-of-type {
	color:var(--text-brand);
	font-size:1.2em;
	padding-top:0.8em;
}
table#recency_main_boxes td > div > div:last-of-type,
table#plog_import_boxes td > div > div:last-of-type,
div#lobby_total_time {
	color:var(--text-brand-dark);
	padding-bottom:0.6em;
	padding-top:0.2em;	
	font-size:3em;
}
div#lobby_total_time {
	padding:0;
	margin:auto;
	line-height:3.5em;
}
table#recency_main_boxes tr td div#chart {
	padding-top:1em;
	height:200px;
}
table#plog_import_boxes td > div.warning > div:last-of-type {
	color:var(--text-danger-4);
}
table#plog_import_boxes td > div.caution > div:last-of-type {
	color:var(--text-caution-1);
}
table#plog_import_boxes td > div.allgood > div:last-of-type {
	color:var(--text-success-3);
}
table#recency_main_boxes i,
table#plog_import_boxes i {
	padding-right:0.5em;
}

/* Custom CSV import (p_import): settings and the list of columns to map */
div#plog_mapping_settings {
	display:grid;
	grid-template-columns:max-content minmax(0, max-content);
	gap:0.8em 1.5em;
	align-items:center;
	padding:1.5em 0.5em;
}
div#plog_mapping_settings select {
	width:100%;
}
div#plog_mapping_settings input[type=checkbox] {
	margin:0;
}
table#plog_mapping {
	width:100%;
}
table#plog_mapping td {
	vertical-align:top;
}
table#plog_mapping td:nth-of-type(2) {
	color:var(--text-neutral-13);
	word-break:break-word;
}
table#plog_mapping select {
	max-width:100%;
}
table#plog_mapping tr.not_imported select {
	border:2px solid var(--border-caution-1);
	color:var(--text-caution-2);
}
table#plog_mapping tr.not_imported select option,
table#plog_mapping tr.not_imported select optgroup {
	color:var(--text-neutral-13);
}
table#plog_mapping.has_headlines .without_headlines,
table#plog_mapping.no_headlines .with_headlines {
	display:none;
}

/* Guided LogTen import (p_import): the file names and the type and aircraft tables */
div.plog_logten_files {
	text-align:center;
	color:var(--text-neutral-13);
	font-size:0.9em;
	padding:0 0.5em 1em;
}
div.plog_logten_files i {
	margin-right:0.5em;
}
table#plog_logten_types,
table#plog_logten_aircraft,
table#plog_logten_simulators {
	width:100%;
}
table#plog_logten_types td,
table#plog_logten_aircraft td,
table#plog_logten_simulators td {
	vertical-align:middle;
}
table#plog_logten_types td:nth-of-type(2),
table#plog_logten_types td:nth-of-type(3),
table#plog_logten_types th:nth-of-type(2),
table#plog_logten_types th:nth-of-type(3),
table#plog_logten_aircraft td:nth-of-type(3),
table#plog_logten_aircraft th:nth-of-type(3),
table#plog_logten_simulators td:nth-of-type(3),
table#plog_logten_simulators th:nth-of-type(3) {
	text-align:center;
}
table#plog_logten_types span.details,
table#plog_logten_aircraft span.details,
table#plog_logten_simulators span.details,
table#plog_preview span.details {
	color:var(--text-neutral-13);
	font-size:0.85em;
}
table#plog_logten_types select,
table#plog_logten_aircraft select,
table#plog_logten_simulators select {
	max-width:100%;
}
/* The variant field in step 2, next to the type */
table#plog_logten_aircraft input.la_variant {
	width:6em;
	box-sizing:border-box;
}
table#plog_logten_aircraft tr.skipped input.la_variant {
	color:var(--text-neutral-13);
}
table#plog_preview td i.fa-display {
	margin-right:0.3em;
}
/* The type pickers in step 1 (js/list-picker): as wide as the column; the list grows wider for a long type name and
   scrolls after about ten rows */
table#plog_logten_types div.selectpicker.plogTypePicker {
	width:100%;
	max-width:24em;
}
table#plog_logten_types div.plogTypePicker input.listPickerText {
	width:100%;
	box-sizing:border-box;
}
table#plog_logten_types div.plogTypePicker div.picker-options {
	right:auto;
	width:max-content;
	min-width:100%;
	max-width:32em;
	max-height:22em;
	overflow-y:auto;
}
table#plog_logten_types div.plogTypePicker div.picker-option {
	padding-right:28px;
}
/* An ignored type, registration or simulator: the choice has an amber frame and text */
table#plog_logten_types tr.skipped div.plogTypePicker input.listPickerText {
	border-color:var(--border-caution-1);
	color:var(--text-caution-2);
}
table#plog_logten_aircraft tr.skipped select,
table#plog_logten_simulators tr.skipped select {
	border:1px solid var(--border-caution-1);
	color:var(--text-caution-2);
}
table#plog_logten_aircraft tr.skipped select option,
table#plog_logten_aircraft tr.skipped select optgroup,
table#plog_logten_simulators tr.skipped select option,
table#plog_logten_simulators tr.skipped select optgroup {
	color:var(--text-neutral-13);
}
table#plog_logten_types tr.skipped td:first-of-type,
table#plog_logten_aircraft tr.skipped td:first-of-type,
table#plog_logten_simulators tr.skipped td:first-of-type,
table#plog_logten_aircraft tr.exists td {
	color:var(--text-neutral-5);
}
table#plog_logten_aircraft tr.exists i {
	margin-right:0.5em;
	color:var(--text-success-3);
}
/* The type other pilots have for the registration: a "Suggested" pill while it is the chosen type (is_suggested),
   otherwise "Other pilots: SF34", which chooses it on a click (jq.p_import) */
table#plog_logten_aircraft span.community {
	display:inline-block;
	margin-left:0.5em;
	color:var(--text-brand-dark);
	font-size:0.85em;
	white-space:nowrap;
}
table#plog_logten_aircraft span.community i {
	margin-right:0.4em;
}
table#plog_logten_aircraft span.community span.suggested_pill {
	display:none;
	padding:0.15em 0.8em;
	border-radius:1em;
	background-color:var(--bg-brand);
	color:#fff;
	font-weight:600;
}
table#plog_logten_aircraft span.community.is_suggested span.suggested_pill {
	display:inline-block;
}
table#plog_logten_aircraft span.community.is_suggested span.suggested_hint {
	display:none;
}
/* The suggested type is one the user chose in step 1: nothing to point out while it is chosen */
table#plog_logten_aircraft span.community.chosen_in_step1.is_suggested {
	display:none;
}
table#plog_logten_aircraft span.community span.suggested_hint {
	cursor:pointer;
}
table#plog_logten_aircraft span.community span.suggested_hint:hover {
	text-decoration:underline;
}

table#recency_type_license_boxes {
	width:100%;
	margin-bottom:2em;
	text-align:center;
}
table#recency_type_license_boxes table {
	border-collapse:collapse;
	text-align:left;
	margin-top:1em;
	width:100%;
}
table#recency_type_license_boxes table td{
	height:1.8em;
	vertical-align: middle;
}

table#recency_type_license_boxes td {
	width:50%;
	vertical-align: top;
}
table#recency_type_license_boxes table tr td,
table#recency_type_license_boxes table tr th{
	padding-left:0.2em;
	padding-right:0.2em;
}
table#recency_type_license_boxes th {
	border-bottom:1px solid var(--border-neutral-7);
	padding-bottom:0.5em;
}
table#recency_type_license_boxes table tr:last-of-type > td {
	border-bottom:1px solid var(--border-neutral-4);
}
table#recency_type_license_boxes td > div {
	background-color:var(--bg-neutral-6);
	color:var(--text-neutral-13);
	padding:1.3em;
	text-align:center;
	border-radius: 1em;
	border: 1px solid var(--border-neutral-4);
}
table#recency_type_license_boxes td > div > div:first-of-type {
	color:var(--text-brand);
	font-size:1.2em;
	padding-top:0.8em;
	padding-bottom:0.5em;
}
table#recency_type_license_boxes td > div > div:last-of-type {
	padding-bottom:0.6em;
	padding-top:0.2em;	
}
table tr td.not_defined{
	color:var(--text-danger-4);
}

table#recency_type_license_boxes tr:nth-child(even){
	background-color:var(--bg-neutral-5);
}
/* The other rows white: without it they show the grey of the box, which looks the same as the blue rows.
   Only the cells, so the heading row keeps the grey of the box. */
table#recency_type_license_boxes table tr:nth-child(odd) > td{
	background-color:var(--bg-neutral-1);
}


table#recency_type_license_boxes table#types td:nth-of-type(3),
table#recency_type_license_boxes table#types td:nth-of-type(4),
table#recency_type_license_boxes table#types td:nth-of-type(5),
table#recency_type_license_boxes table#types th:nth-of-type(2),
table#recency_type_license_boxes table#types th:nth-of-type(3),
table#recency_type_license_boxes table#types th:nth-of-type(4),
table#recency_type_license_boxes table#license td:nth-of-type(2),
table#recency_type_license_boxes table#license td:nth-of-type(3),
table#recency_type_license_boxes table#license td:nth-of-type(4),
table#recency_type_license_boxes table#license th:nth-of-type(2),
table#recency_type_license_boxes table#license th:nth-of-type(3),
table#recency_type_license_boxes table#license th:nth-of-type(4){
	text-align:center;
	white-space: nowrap;
}
table#recency_type_license_boxes table#types td:nth-of-type(3),
table#recency_type_license_boxes table#types td:nth-of-type(4),
table#recency_type_license_boxes table#types td:nth-of-type(5),
table#recency_type_license_boxes table#license td:nth-of-type(2),
table#recency_type_license_boxes table#license td:nth-of-type(3),
table#recency_type_license_boxes table#license td:nth-of-type(4)
{
	width:15%;
}

table#recency_type_license_boxes table#countries tr td:first-of-type,
table#recency_type_license_boxes table#types tr td:first-of-type,
table#recency_type_license_boxes table#destinations tr td:first-of-type,
table#recency_type_license_boxes table#destinations tr td:nth-of-type(2)
{
	width:12%;
}
table#recency_type_license_boxes table#destinations tr th:nth-of-type(2),
table#recency_type_license_boxes table#destinations tr td:nth-of-type(4),
table#recency_type_license_boxes table#countries tr th:nth-of-type(2),
table#recency_type_license_boxes table#countries tr td:nth-of-type(3)
{
	width:12%;
	text-align: center;
}
table#recency_type_license_boxes table#flights tr td
{
	width:11.1%;
}
table#recency_type_license_boxes table#flights tr th:nth-of-type(6),
table#recency_type_license_boxes table#flights tr td:nth-of-type(8),
table#recency_type_license_boxes table#flights tr th:nth-of-type(7),
table#recency_type_license_boxes table#flights tr td:nth-of-type(9)
{
	text-align: center;
}
table.lobby_flight_list {
	border-collapse:collapse;
	font-size: 0.7em;
	width:100%;
	text-align: left;
}
table.lobby_flight_list td{
	padding:0.1em;
}
table.lobby_flight_list td:last-of-type{
	text-align: center;
}
table.lobby_flight_list tr:nth-child(odd)
{
	background-color:var(--bg-neutral-5);
}
div#lobby_card_landing_recency_expiry{
	padding:1.5em;
	font-size:0.8em;
}
div#lobby_card_landing_recency_expiry > i.fa-triangle-exclamation{
	color:var(--text-danger-4);
	margin-right:0.5em;
}
/* Lobby, Landings note: three equal boxes that share the note's width, the text centred in each.
   (A fixed width of 15% was narrower than "ENTC" on an iPad, so the text spilled out to the right.) */
div#lobby_card_landing_recency{
	display:flex;
	gap:8px;
}
div#lobby_card_landing_recency > div{
	flex:1 1 0;
	min-width:0;
	background-color:var(--bg-neutral-5);
	padding:1em 0.2em;
	border-radius:8px;
	margin-top:1em;
	text-align:center;
}
/* The letter spacing also adds a space after the last letter; the same space on the left keeps the code centred */
div#lobby_card_landing_recency > div > div:first-of-type{
	letter-spacing:0.1em;
	padding-left:0.1em;
}
div#lobby_card_landing_recency > div > div:last-of-type{
	font-size:0.7em;
	color:var(--text-brand-dark);
	white-space:nowrap;
}


table.user_settings {
	border-collapse:collapse;
	/* Full width minus the 1em side margins; "width:stretch" is not supported in Safari/iPad */
	width:calc(100% - 2em);
	margin-bottom:2em;
	margin:1em;
}
table.user_settings td {
	padding:0.3em;
	/*border:1px solid green;*/
}
table.user_settings td:first-of-type {
	width:14em;
}

/* Devices where the member stays logged in (edit_mysettings.php): full width of the box */
table.user_settings.rememberDevices {
	width:100%;
	margin:1em 0;
}
table.user_settings.rememberDevices td:first-of-type {
	width:auto;
}

table.user_settings td.headline {
	padding:0;
}
table.user_settings td.headline > div{
	margin-top:1em;
	margin-bottom:1em;
	padding:0.5em;
	background-color:var(--overlay-info-a16);
	color:var(--text-brand-dark);
	text-align:left;
	border-bottom:1px solid var(--border-brand-dark);
	letter-spacing: 0.1em;
}
table.user_settings_flight_types td:nth-of-type(1),
table.user_settings_flight_types td:nth-of-type(3) {
	width:5em;
	text-align:right;
}
table.user_settings_flight_types td:nth-of-type(2){
	width:20em;
}
table.user_settings_flight_types tr.subdivision td {
	text-align:left;
	vertical-align: middle;
	padding-top:0.8em;
}
table.user_settings_flight_types tr.subdivision td div {
	background-color: var(--bg-neutral-8);
	text-align:left;
	padding-bottom:3px;
}
tr.settings_buttons td {
	text-align:center !important;
	padding-top:2em;
	padding-bottom:1em;
}
table.p_import_aircraft,
table.p_import_aircraft_result {
	border-collapse:collapse;
	width:100%;
	margin-bottom:1em;
	margin-top:1em;
}
table.p_import_aircraft tr,
table.p_import_aircraft_result tr {
	height:3em;
	vertical-align:middle;
}
table.p_import_aircraft tr td,
table.p_import_aircraft_result tr td {
	padding:0.5em;
}
table#types_models tbody tr td:nth-of-type(2),
table.p_import_aircraft tbody tr td:first-of-type,
table.p_import_aircraft_result tbody tr td:first-of-type {
	font-weight:bold;
}
table.p_import_aircraft tr td:nth-of-type(4) div {
	white-space: nowrap;
	overflow:hidden;
	width:16em;
}
table.p_import_aircraft tr th,
table.p_import_aircraft_result tr th {
	padding:0.3em;
	border-bottom:1px solid var(--border-brand-dark);
}
table.p_import_aircraft tbody tr:nth-child(odd),
table.p_import_aircraft_result tbody tr:nth-child(odd){
	background-color:var(--bg-neutral-5);
}
table.p_import_aircraft_result tr.skipped {
	color:var(--text-neutral-5);
}
table.p_import_aircraft_result tr td.ignored {
	color:var(--text-danger-4);
}
table.p_import_aircraft tr td.imported,
table.p_import_aircraft_result tr td.imported {
	color:var(--text-success-3);
}
table.p_import_aircraft tr td i,
table.p_import_aircraft_result tr td i {
	padding-right:1em;
}

table#registrations tr.inactive{
	color:var(--text-neutral-7);
}
table#types_models tr th:nth-of-type(4),
table#types_models tr th:nth-of-type(5),
table#types_models tr th:nth-of-type(6),
table#types_models tr th:nth-of-type(7),
table#types_models tr th:nth-of-type(8),
table#types_models tr th:nth-of-type(9),
table#types_models tr th:nth-of-type(10),
table#types_models tr th:nth-of-type(11),
table#types_models tr td:nth-of-type(4),
table#types_models tr td:nth-of-type(5),
table#types_models tr td:nth-of-type(6),
table#types_models tr td:nth-of-type(7),
table#types_models tr td:nth-of-type(8),
table#types_models tr td:nth-of-type(9),
table#types_models tr td:nth-of-type(10),
table#types_models tr td:nth-of-type(11)
{
	border-left:1px solid var(--border-neutral-4);
	text-align:center;
	width:3em;
}
table#types_models tr td:nth-of-type(12)
{
	border-left:1px solid var(--border-neutral-4);
	text-align:center;
	width:4em;
}
table#types_models tr td:nth-of-type(4) i,
table#types_models tr td:nth-of-type(5) i,
table#types_models tr td:nth-of-type(6) i,
table#types_models tr td:nth-of-type(7) i,
table#types_models tr td:nth-of-type(8) i,
table#types_models tr td:nth-of-type(9) i,
table#types_models tr td:nth-of-type(10) i,
table#types_models tr td:nth-of-type(11) i
{
	color:var(--text-success-3);
	padding:0;
	cursor:default;
}
table#registrations tr td i
{
	cursor:pointer;
	padding:0.3em;
}
table#registrations tr td:nth-of-type(1) i:hover
{
	color:var(--text-brand);
}


/* Common class for list tables */
/* Try to remember to use this, will ya...? */
table.lists {
	border-collapse:collapse;
	width:100%;
	margin-bottom:2em;
	margin-top:2em;
}
table.lists tbody.data {
	/*font-family:Inconsolata,monospace;*/
	/* A good font family needs to be defined here... */

	font-variant-numeric: tabular-nums;
	font-feature-settings: 'tnum';
	/*letter-spacing: 0.02em;*/
}
table.lists tbody tr:nth-child(odd){
	background-color:var(--bg-neutral-5);
}
table.lists tbody tr:nth-child(even){
	background-color:var(--bg-neutral-1);
}

table.lists tr{
	height:2em;
}
table.lists tr td,
table.lists tr th {
	padding:0.4em;
	padding-left:0.6em;
	padding-right:0.6em;
}
table.lists tbody tr td,
table.lists tbody tr th {
	border-bottom:1px solid var(--border-neutral-2);
}
table.lists thead tr th {
	border-bottom:1px solid var(--border-brand);
	border-right: 1px solid var(--border-neutral-2);
	color:var(--text-brand-dark);
}
table.lists thead tr th:last-of-type,
table#plog_countries thead tr th:first-of-type {
	border-right: none;
}

table#plog_individuals_sum thead tr th:last-of-type,
table#plog_individuals_sum tbody tr td:last-of-type {
	text-align:center;
	width:7em;
}
table#plog_individuals_sum tbody tr td:nth-of-type(2){
	text-overflow: clip;
	overflow: hidden;
	white-space: nowrap;
}
table#plog_individuals_sum thead tr th:nth-of-type(3),
table#plog_individuals_sum tbody tr td:nth-of-type(3),
table#plog_individuals_sum thead tr th:nth-of-type(4),
table#plog_individuals_sum tbody tr td:nth-of-type(4) {
	text-align:center;
	width:7em;
}
table#plog_tags_sum thead tr th:not(:first-of-type),
table#plog_tags_sum tbody tr td {
	text-align:center;
	width:7em;
}
table#plog_individuals_sum tbody tr th:first-of-type {
	width:8em;
}
table#plog_types_sum thead tr th:nth-of-type(2),
table#plog_types_sum tbody tr td:nth-of-type(2),
table#plog_types_sum thead tr th:nth-of-type(3),
table#plog_types_sum tbody tr td:nth-of-type(3),
table#plog_types_sum thead tr th:nth-of-type(4),
table#plog_types_sum tbody tr td:nth-of-type(4) {
	text-align:center;
	width:7em;
}
table#plog_types_sum tbody tr.license_type td {
	font-weight:bold;
	letter-spacing:0.05em;
}
table#plog_types_sum tbody tr.license_type td:first-of-type {
	text-decoration: underline;
}
table#plog_types_sum tbody tr.license_type td:first-of-type.not_defined {
	color:var(--text-danger-4);
}
table#plog_types_sum tbody tr.icao_type td:first-of-type {
	padding-left:2em;
}
table#plog_preview thead tr th:nth-of-type(3),
table#plog_preview tbody tr td:nth-of-type(3),
table#plog_preview thead tr th:nth-of-type(4),
table#plog_preview tbody tr td:nth-of-type(4),
table#plog_preview tbody tr td:nth-of-type(6),
table#plog_preview tbody tr td:nth-of-type(8),
table#plog_preview thead tr th:nth-of-type(7),
table#plog_preview tbody tr td:nth-of-type(9),
table#plog_preview thead tr th:nth-of-type(8),
table#plog_preview tbody tr td:nth-of-type(10)
{
	text-align:center;
}
/* One line per flight, long texts are cut with ... (full text in the title) */
table#plog_preview tbody tr td {
	white-space:nowrap;
}
table#plog_preview tbody tr td:nth-of-type(5),
table#plog_preview tbody tr td:nth-of-type(7),
table#plog_preview tbody tr td:nth-of-type(11),
table#plog_preview tbody tr td:nth-of-type(12) {
	max-width:10em;
	overflow:hidden;
	text-overflow:ellipsis;
}
table#plog_preview tbody tr td:nth-of-type(12) {
	max-width:20em;
}
table#plog_export tr:hover,
table#plog_analysis tr:hover,
table#plog_airports tbody tr:hover,
table#c_memberlist tbody tr:hover,
table#c_logbook_list tbody tr:hover,
table#airport_seach_list tbody tr:hover
{
	background-color:var(--bg-brand) !important;
	color:var(--text-neutral-1) !important;
	cursor:pointer;
}
table#plog_export tr td,
table#plog_analysis tr td{
	padding:0.5em;
	height:2em;
}
table#plog_export tr td:first-of-type,
table#plog_analysis tr td:first-of-type{
	text-align:center;
	width:2em;
	font-size:2em;
}
table#plog_export tr td:nth-of-type(2){
	text-align:center;
	width:6em;
}
table#plog_analysis tr td:first-of-type{
	color:var(--text-brand);
}
table#plog_analysis tr:hover td:first-of-type{
	color:var(--text-neutral-1);
}
table#plog_analysis tr td:nth-of-type(2) div:first-of-type{
	font-weight:bold;
	letter-spacing:0.1em;
	font-size: 1.1em;
}
table#plog_analysis tr td:nth-of-type(2) div:nth-of-type(2){
	padding-top:0.2em;
	color:var(--text-surface);
}
table#plog_analysis tr:hover td:nth-of-type(2) div:nth-of-type(2){
	color:var(--text-neutral-1);
}
table#plog_export tr.deprecated{
	color:var(--text-neutral-4);
}
table#plog_export tr.hide{
	display: none;
}
div#toggle_deprecated {
	cursor:pointer;
}
div#toggle_deprecated i {
	padding:0.2em;
}
table#plog_airports thead tr th:nth-of-type(5),
table#plog_airports thead tr th:nth-of-type(6),
table#plog_airports thead tr th:nth-of-type(7),
table#plog_airports thead tr th:nth-of-type(8),
table#plog_countries thead tr th:nth-of-type(3),
table#plog_countries thead tr th:nth-of-type(4),
table#plog_countries thead tr th:nth-of-type(5),
table#plog_countries thead tr th:nth-of-type(6)
{
	text-align:center;
	width:8em;
}
table#plog_airports tbody tr td:nth-of-type(5),
table#plog_airports tbody tr td:nth-of-type(6),
table#plog_airports tbody tr td:nth-of-type(7),
table#plog_airports tbody tr td:nth-of-type(8),
table#plog_countries tbody tr td:nth-of-type(3),
table#plog_countries tbody tr td:nth-of-type(4),
table#plog_countries tbody tr td:nth-of-type(5),
table#plog_countries tbody tr td:nth-of-type(6)
{
	text-align:center;
	width:6em;
	/*font-variant-numeric: tabular-nums;
	font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;*/
}
table#plog_airports thead tr th:nth-of-type(2),
table#plog_airports tbody tr td:nth-of-type(2)
{
	width:4em;
}
table#plog_airports thead tr th:nth-of-type(3),
table#plog_airports tbody tr td:nth-of-type(3)
{
	width:4em;
}
table#plog_airports thead tr th:first-of-type,
table#plog_airports tbody tr td:first-of-type
{
	width:3em;
}

table#plog_airports tr td,
table#plog_countries tr td{
	padding:0.5em;
	height:2em;
}
table#plog_airports tbody tr td:first-of-type,
table#plog_countries tbody tr td:first-of-type
{
	text-align:center;
	padding-right:1em;
	width:30px;
	/*font-variant-numeric: tabular-nums;
	font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;*/
}
table#plog_airports,
table#plog_countries,
table#plog_individuals_sum,
table#plog_tags_sum,
table#plog_types_sum,
table#plog_routes,
table#plog_crew,
table#plog_milestones,
table#registrations,
table#types_models,
table#plog_simulators_sum,
table#plog_fypes_of_flight_sum
{
	margin-top:2em;
}
table#plog_routes thead tr th:last-of-type,
table#plog_routes tbody tr td:last-of-type,
table#plog_crew thead tr th:last-of-type,
table#plog_crew tbody tr td:last-of-type{
	text-align:center;
	width:7em;
}
table#plog_routes thead tr th:nth-of-type(2),
table#plog_routes tbody tr td:nth-of-type(2),
table#plog_crew thead tr th:nth-of-type(2),
table#plog_crew tbody tr td:nth-of-type(2),
table#plog_crew thead tr th:nth-of-type(3),
table#plog_crew tbody tr td:nth-of-type(3),
table#plog_fypes_of_flight_sum thead tr th:last-of-type,
table#plog_fypes_of_flight_sum tbody tr td:last-of-type{
	text-align:center;
	width:8em;
}
table#plog_simulators_sum tbody tr td:nth-of-type(4){
	font-weight:bold;
}
table#plog_simulators_sum thead tr th:nth-of-type(2),
table#plog_simulators_sum thead tr th:nth-of-type(3),
table#plog_simulators_sum thead tr th:nth-of-type(4),
table#plog_simulators_sum thead tr th:nth-of-type(5),
table#plog_simulators_sum tbody tr td:nth-of-type(2),
table#plog_simulators_sum tbody tr td:nth-of-type(3),
table#plog_simulators_sum tbody tr td:nth-of-type(4),
table#plog_simulators_sum tbody tr td:nth-of-type(5){
	width:9em;
	text-align:center;
}
table#plog_fypes_of_flight_sum tbody tr td:nth-of-type(5){
	width:9em;
	text-align:center;
}

table#filter_row{
	border-collapse:collapse;
	width:100%;
}
table#filter_row tr td:last-of-type{
	text-align:right;
}
table.tablesorter thead tr th {
	cursor:pointer;
}
.tablesorter-header {
	position: relative;
	padding: 4px 18px 4px 4px;
	white-space: normal;
	cursor: pointer;
}
/* Sort arrows are drawn as a mask filled with the header's own text colour,
   so they follow the light and dark themes. The SVG only supplies the shape. */
.tablesorter-header::after {
	content: "";
	position: absolute;
	top: 50%;
	right: 6px;
	width: 7px;
	height: 9px;
	margin-top: -4.5px;
	background-color: currentColor;
	/* unsorted: double arrow */
	-webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 7 9'%3E%3Cpath d='M0 4L3.5 0L7 4ZM0 5L7 5L3.5 9Z'/%3E%3C/svg%3E") no-repeat center / contain;
	mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 7 9'%3E%3Cpath d='M0 4L3.5 0L7 4ZM0 5L7 5L3.5 9Z'/%3E%3C/svg%3E") no-repeat center / contain;
}
.tablesorter .headerSortUp::after,
.tablesorter .tablesorter-headerSortUp::after,
.tablesorter .tablesorter-headerAsc::after {
	/* ascending: up arrow */
	-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 7 9'%3E%3Cpath d='M0 4L3.5 0L7 4Z'/%3E%3C/svg%3E");
	mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 7 9'%3E%3Cpath d='M0 4L3.5 0L7 4Z'/%3E%3C/svg%3E");
}
.tablesorter .headerSortDown::after,
.tablesorter .tablesorter-headerSortDown::after,
.tablesorter .tablesorter-headerDesc::after {
	/* descending: down arrow */
	-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 7 9'%3E%3Cpath d='M0 5L7 5L3.5 9Z'/%3E%3C/svg%3E");
	mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 7 9'%3E%3Cpath d='M0 5L7 5L3.5 9Z'/%3E%3C/svg%3E");
}
.tablesorter thead .sorter-false {
	cursor: default;
}
.tablesorter thead .sorter-false::after {
	content: none;
}
table#c_logbook_list tbody tr {
	height:4em;
}
table#c_logbook_list tbody tr td:first-of-type {
	width:5em;
	text-align:center;
}
table#c_logbook_list tbody tr td:nth-of-type(2) {
	width:18em;
}
table#c_logbook_list tbody tr td:nth-of-type(2) div:first-of-type {
	font-weight:bold;
	letter-spacing:0.05em;
}
table#c_logbook_list tbody tr td:nth-of-type(2) div:last-of-type {
	font-size:0.8em;
	color:var(--text-neutral-7);
	white-space: nowrap;
}
table#c_logbook_list tbody tr:hover td:nth-of-type(2) div:last-of-type {
	color:var(--text-neutral-1);
}
table#c_logbook {
	border:1px solid var(--border-neutral-12);
}
table#c_logbook tr td i {
	color:var(--text-neutral-13);
}
table#c_logbook tr td i:hover {
	color:var(--text-brand);
}
table#c_logbook tr td i.fa-check {
	color:var(--text-success-3);
}
table#c_logbook tbody tr td{
	border-bottom:none;
}
table#c_logbook tfoot tr:first-of-type td {
	border-top:1px solid var(--border-neutral-12);
}
table#airport-search-header thead tr{
	height:1.5em;
	font-size:2em;
	font-weight:bold;
	letter-spacing: 0.05em;
}
table#airport-search-header thead tr td:last-of-type{
	text-align:right;
}
table#airport-search-result tr th:first-of-type,
table#airport-search-result tr td:first-of-type{
	width:8em;
}
table.lists i.fa-trash-can {
	color:var(--text-danger-4);
	padding:0.3em;
	border-radius: 10%;
}
table.lists i.fa-trash-can:hover {
	color:var(--text-neutral-1) !important;
	background-color:var(--bg-danger-9) !important;
	cursor:pointer;
}
table.lists i.fa-pen-to-square,
table.lists i.fa-user{
	color:var(--text-brand-dark);
	padding:0.3em;
	border-radius: 10%;
}
table.lists i.fa-pen-to-square:hover,
table.lists i.fa-user:hover {
	color:var(--text-neutral-1) !important;
	background-color:var(--bg-brand) !important;
	cursor:pointer;
}
table.lists i.fa-lock {
	color:var(--text-neutral-7);
	padding:0.3em;
	border-radius: 10%;
}
table.lists i.fa-check,
table.lists i.fa-check-double {
	color:var(--text-success-3);
}

table#user_groups_list thead tr th:nth-of-type(2),
table#user_groups_list tbody tr td:nth-of-type(2),
table#user_groups_list thead tr th:nth-of-type(3),
table#user_groups_list tbody tr td:nth-of-type(3),
table#user_groups_list tbody tr td:last-of-type {
	text-align:center;
}

table.member_card_section {
	width:100%;
	color:var(--text-info-14);
	padding:1em;	
}
div.divider {
	margin-top:2em;
	margin-bottom:1em;
	padding:0.5em;
	background-color:var(--overlay-info-a16);
	color:var(--text-brand-dark);
	text-align:left;
	border-bottom:1px solid var(--border-brand-dark);
	letter-spacing: 0.1em;
}


/*
	TABLE PRINTOUT (jq.print_table)
	While printing, only #mwl_print_area (title, copy of the table, footer) is shown.
	The table keeps its own classes and id, so its screen layout is the starting point;
	the rules below force a plain black on white look regardless of theme.
*/
@media screen {
	#mwl_print_area {
		display:none;
	}
}
@media print {
	body.mwl_print_table > *:not(#mwl_print_area) {
		display:none !important;
	}
	body.mwl_print_table {
		background:#ffffff !important;
		margin:0;
	}
	/* Extra left margin so hole punching does not go through the text (on top of the browser's page margin) */
	#mwl_print_area {
		color:#000000;
		font-size:10pt;
		padding-left:15mm;
	}
	#mwl_print_area h1 {
		font-size:14pt;
		margin:0 0 0.3em 0;
	}
	#mwl_print_area .print_subtitle {
		font-size:9pt;
	}
	#mwl_print_area .print_footer {
		margin-top:1.5em;
		font-size:8pt;
		font-style:italic;
		color:#555555;
	}
	#mwl_print_area > table {
		width:100%;
		margin:1em 0 0 0;
		border:none;
	}
	#mwl_print_area table {
		background:transparent !important;
		border-color:#999999 !important;
	}
	#mwl_print_area tr,
	#mwl_print_area th,
	#mwl_print_area td {
		background:transparent !important;
		color:#000000 !important;
		border-color:#999999 !important;
	}
	/* Show full texts: no "..." cutting, long texts wrap instead */
	#mwl_print_area th,
	#mwl_print_area td {
		white-space:normal !important;
		overflow:visible !important;
		text-overflow:clip !important;
		max-width:none !important;
		padding:0.2em 0.4em;
		height:auto;
	}
	#mwl_print_area thead th {
		border-bottom:1px solid #000000 !important;
		border-right:none;
	}
	#mwl_print_area tbody td {
		border-bottom-color:#dddddd !important;
	}
	#mwl_print_area tfoot td {
		border-color:#000000 !important;
	}
	/* Totals row printed once at the end, not repeated on each page */
	#mwl_print_area tfoot {
		display:table-row-group;
	}
	#mwl_print_area td.neg {
		color:#c00000 !important;
	}
	#mwl_print_area a {
		color:inherit;
		text-decoration:none;
	}
	#mwl_print_area i[class*="fa-"],
	#mwl_print_area .tablesorter-header::after {
		display:none;
	}
	/* Check marks are cell content (yes/no columns), so they are printed */
	#mwl_print_area i.fa-check,
	#mwl_print_area i.fa-check-double {
		display:inline-block;
		color:#000000 !important;
	}
	#mwl_print_area tr {
		page-break-inside:avoid;
	}
}