/* Clases que reemplazan style="" inline (bloqueado por CSP style-src sin 'unsafe-inline') */
.csp-h-75 {
	height: 75px;
}

.csp-text-right {
	text-align: right;
}

.csp-h-100pct {
	height: 100%;
}

.csp-mr-10 {
	margin-right: 10px;
}

.csp-mr-20 {
	margin-right: 20px;
}

.csp-min-h-100pct {
	min-height: 100%;
}

.csp-border-0 {
	border: 0;
}

.csp-text-left {
	text-align: left;
}

.csp-mt-10 {
	margin-top: 10px;
}

.csp-text-center {
	text-align: center;
}

.csp-text-center-mid {
	text-align: center;
	vertical-align: middle;
}

.csp-select-w100-center {
	width: 100%;
	text-align: center;
}

.csp-ml-10-inline {
	margin-left: 10px;
	display: inline;
}

.csp-ml-mr-10-inline {
	margin-left: 10px;
	margin-right: 10px;
	display: inline;
}

.csp-w-100 {
	width: 100%;
}

.csp-tooltip-cell {
	text-align: center;
	white-space: nowrap;
	max-width: 98em;
	overflow: hidden;
	text-overflow: ellipsis;
}

.csp-tooltip-cell-30 {
	text-align: center;
	white-space: nowrap;
	max-width: 30em;
	overflow: hidden;
	text-overflow: ellipsis;
}

.csp-tooltip-cell-50 {
	text-align: center;
	white-space: nowrap;
	max-width: 50em;
	overflow: hidden;
	text-overflow: ellipsis;
}

.csp-mr-15 {
	margin-right: 15px;
}

.csp-ml-10 {
	margin-left: 10px;
}

/*
 * Bootstrap 5 dejó de poner un borde explícito en el propio <table> para
 * .table-bordered (BS4 sí lo hacía: "border: 1px solid #dee2e6" directo en
 * la tabla, además del borde por celda) -- ahora depende únicamente de que
 * los bordes de las celdas se fusionen vía "border-collapse: collapse".
 * DataTables fuerza "border-collapse: separate !important" en sus tablas,
 * lo que rompe esa fusión y deja las tablas .table-bordered sin borde
 * exterior visible. Se restaura el borde explícito, igual que hacía BS4.
 */
.table-bordered {
	border: var(--bs-border-width, 1px) solid var(--bs-border-color, #dee2e6);
}