/* compact */
table.dataTable-table td,
table.dataTable-table th {
	white-space: nowrap;
}

/* style action cells */
.action-cell {
	text-align:center; width:2.5rem;
}

.action-btn {
	cursor:pointer;
	display:inline-block;
	padding:0.25rem;
}


.hidden {
	display:none !important;
}

/* optionally hide headers for action cols */
thead th.action-header {
	color:transparent;
}

.dataTable-top,
.dataTable-bottom {
	display:none !important;
}

.datatable-table th.action-header,
.datatable-table td.action-cell {
	width:1%!important;
	white-space:nowrap;
	padding: 0 4px;      /* narrow padding; adjust if needed */
	text-align:center;
}
.action-btn {
	display:inline-block;
	line-height:1;
}

.datatable-table th.h-col,
.datatable-table th.w-col,
.datatable-table th.bg-col,
.datatable-table th.dpi-col,
.datatable-table td.h-col,
.datatable-table td.w-col,
.datatable-table td.bg-col,
.datatable-table td.dpi-col {
	text-align:center;
}

.details .details-table .details-mobile-only {
	display:none;
}

.details .details-table .details-secondary {
	color: #989898;
}

.details .details-table tbody td {
	padding-left: 1rem;
}

@media (max-width: 991.98px) {
	.datatable-table th.dpi-col,
	.datatable-table td.dpi-col,
	.datatable-table th.bg-col,
	.datatable-table td.bg-col,
	.datatable-table th.w-col,
	.datatable-table td.w-col,
	.datatable-table th.h-col,
	.datatable-table td.h-col {
		display: none !important;
	}
	
	.details .details-table .details-mobile-only {
		display:table-row;
	}
	
	#tables tbody tr.details-row .details table.details-table tr.details-secondary {
		color: #8d8d8d !important; /* new */
	}
	
}

.action-btn {
	transition: opacity 0.1s;
}
.action-btn.fading {
	opacity: 0;
}












#tables thead {
	background-color: #000;
	color: #fff;
}

#tables thead .datatable-sorter::before {
	border-top: 4px solid #fff;
	opacity: 0.5;
}

#tables thead .datatable-sorter::after {
	border-bottom: 4px solid #fff;
	opacity: 0.4;
}

#tables thead .datatable-ascending .datatable-sorter::after,
#tables thead .datatable-descending .datatable-sorter::before,
#tables thead .datatable-ascending .datatable-filter::after,
#tables thead .datatable-descending .datatable-filter::before {
	opacity: 0.75;
}

/* Table row striping */
#tables tbody tr:nth-child(odd) {
	background-color: #e5e5e5;
}
#tables tbody tr:nth-child(even) {
	background-color: #d8d8d8;
}

#tables tbody tr.details-row,
#tables tbody tr.details-row .details table.details-table tr {
	color: #000;
	background-color: #fff;
	border-bottom: 1px dashed #d4d4d4;
}
/* remove border from last row */
#tables tbody tr.details-row .details table.details-table tr:last-child {
	border-bottom: 0;
}


#tables tbody tr.details-row .details table.details-table tr.details-secondary {
	color: #000;
}

#tables tbody tr.details-row .details table.details-table tr th,
#tables tbody tr.details-row .details table.details-table tr td {
	padding-top: 0.5rem;
	padding-bottom: 0.5rem;
}

#tables tbody tr.details-row .details table.details-table tr:first-child th,
#tables tbody tr.details-row .details table.details-table tr:first-child td {
	padding-top: 0;
}
#tables tbody tr.details-row .details table.details-table tr:last-child th,
#tables tbody tr.details-row .details table.details-table tr:last-child td {
	padding-bottom: 0;
}

#tables tbody i.bi-check-circle-fill {
	color: #198754;
}



#tables .datatable-top {
	padding: 0;
}

#tables .datatable-bottom {
	padding: 1rem;
}

#tables .datatable-table {
	background-color: #000;
}
#tables table tbody tr td {
	border-bottom: 1px solid #000; /* #969696 to match */
}
#tables .details-row table tr td {
	border-bottom: 0;
}

#tables .details-row table tr th {
	text-align: left;
	width: 1% !important;
	white-space: nowrap !important;
}

#tables .details-row table tr th {
	vertical-align: top;
}