table {
	width: 100%;
	border-collapse: collapse;
	table-layout: fixed;
}

.table {
	margin-bottom: 0;
	table-layout: auto;
}

.table-responsive-outer {
	height: 100%;
}

.table-responsive {
	height: 100%;
	border: 1px solid var(--border-color);
}

.table-holder {
	height: calc(100% - 100px);
}
/*.table-component {`
	height: 100%;
	background-color: var(--table-bg-color);
}*/
th, td {
	min-width: 70px;
}

thead {
	background-color: var(--table-header-bg-color);
	color: var(--table-color);
	position: sticky;
	top: 0; /* Fixes the header at the top */
	z-index: 1; /* Ensures the header stays above the body content */
}

tr {
	min-height: 32px;
	height: 32px;
}

th {
	/*	overflow: hidden;*/
	font-weight: 400;
	text-transform: uppercase;
	text-align: left;
	white-space: nowrap;
}

td {
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
}

.table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td {
	padding: 2px 6px 2px 6px;
	line-height: 1.2;
	vertical-align: middle;
}

.table-striped > tbody > tr:nth-of-type(odd) > * {
	color: var(--table-odd-color);
	background-color: var(--table-odd-bg-color);
	--bs-table-color-type: var(--table-odd-color);
	--bs-table-bg-type: var(--table-odd-bg-color);
}

.table-striped > tbody > tr:hover:nth-of-type(odd) > * {
	color: var(--table-odd-color-hover);
	background-color: var(--table-odd-bg-color-hover);
	--bs-table-color-type: var(--table-odd-color-hover);
	--bs-table-bg-type: var(--table-odd-bg-color-hover);
}

.table-striped > tbody > tr:nth-of-type(even) > * {
	color: var(--table-even-color);
	background-color: var(--table-even-bg-color);
	--bs-table-color-type: var(--table-even-color);
	--bs-table-bg-type: var(--table-even-bg-color);
}

.table-striped > tbody > tr:hover:nth-of-type(even) > * {
	color: var(--table-even-color-hover);
	background-color: var(--table-even-bg-color-hover);
	--bs-table-color-type: var(--table-even-color-hover);
	--bs-table-bg-type: var(--table-even-bg-color-hover);
}

.table-striped > tbody > tr.warn:nth-of-type(odd) > * {
	background-color: var(--table-odd-bg-color-warn);
	--bs-table-bg-type: var(--table-odd-bg-color-warn);
}

.table-striped > tbody > tr.warn:hover:nth-of-type(odd) > * {
	background-color: var(--table-odd-bg-color-hover-warn);
	--bs-table-bg-type: var(--table-odd-bg-color-hover-warn);
}

.table-striped > tbody > tr.warn:nth-of-type(even) > * {
	background-color: var(--table-even-bg-color-warn);
	--bs-table-bg-type: var(--table-even-bg-color-warn);
}

.table-striped > tbody > tr.warn:hover:nth-of-type(even) > * {
	background-color: var(--table-even-bg-color-hover-warn);
	--bs-table-bg-type: var(--table-even-bg-color-hover-warn);
}

.table-striped > tbody > tr:nth-of-type(odd) {
	--bs-table-accent-bg: transparent;
}

.table-striped > tbody > tr.table-row-selected:nth-of-type(odd) > *,
.table-striped > tbody > tr.table-row-selected:hover:nth-of-type(odd) > *,
.table-striped > tbody > tr.table-row-selected:nth-of-type(even) > *,
.table-striped > tbody > tr.table-row-selected:hover:nth-of-type(even) > * {
	color: var(--table-row-selected-color) !important;
	background-color: var(--table-row-selected-bg-color) !important;
	--bs-table-color-type: var(--table-row-selected-color) !important;
	--bs-table-bg-type: var(--table-row-selected-bg-color) !important;
}

.table-striped > tbody > tr.table-row-accepted:nth-of-type(odd) > *,
.table-striped > tbody > tr.table-row-accepted:hover:nth-of-type(odd) > *,
.table-striped > tbody > tr.table-row-accepted:nth-of-type(even) > *,
.table-striped > tbody > tr.table-row-accepted:hover:nth-of-type(even) > * {
	background-color: var(--table-row-accepted-bg-color) !important;
	--bs-table-bg-type: var(--table-row-accepted-bg-color) !important;
}

.table-striped > tbody > tr.table-row-rejected:nth-of-type(odd) > *,
.table-striped > tbody > tr.table-row-rejected:hover:nth-of-type(odd) > *,
.table-striped > tbody > tr.table-row-rejected:nth-of-type(even) > *,
.table-striped > tbody > tr.table-row-rejected:hover:nth-of-type(even) > * {
	background-color: var(--table-row-rejected-bg-color) !important;
	--bs-table-bg-type: var(--table-row-rejected-bg-color) !important;
}

.table-col-width-extrawide {
	width: 280px;
}

.table-col-width-wide {
	width: 240px;
}

.table-col-width-medium {
	width: 150px;
}

.table-col-width-middle {
	width: 120px;
}

.table-col-width-small {
	width: 100px;
}

.table-col-width-narrow {
	width: 70px;
}

.table-col-width-xnarrow {
	width: 50px;
}

.table-col-width-min {
	min-width: 60px !important;
}

.table-col-width-auto {
	min-width: 10px !important;
	width: auto;
}

.table-col-hidden {
	display: none;
}

.table-row-disabled {
	opacity: 0.5;
}

.table-auto {
	height: auto;
}