/* data tables */
.table-data-responsive {
	width: 100%;
	overflow-x: auto;
	overflow-y: visible;
}

.table:has(.table-data) {
	padding: 0 !important;
}

.table-data {
	border-collapse: collapse;
	margin: 0 auto !important;
}

.table-data caption {
	font-size: 21px;
	font-weight: 600;
	text-align: left;
	padding: 13px 0;
}

.table-data thead tr th {
	height: auto !important;
	background-color: #111 !important;
	font-size: 13px !important;
	color: white !important;
	text-transform: uppercase !important;
	padding: 13px 9px !important;
}

.table-data thead tr th.center {
	text-align: center;
}

.table-data tbody tr td {
	width: 1px;
	max-width: 300px;
	height: auto !important;
	font-size: 14px !important;
	padding: 7px 9px !important;
	/* white-space: nowrap; */
}

.ou-justedit-region .table-data tbody tr td {
	white-space: normal !important;
}

.table-data tbody tr td.center {
	text-align: center !important;
}

.table-data tbody tr td.blue {
	background-color: #bae2f2;
}

.table-data tbody tr td.green {
	background-color: #aee29e;
}

.table-data tbody tr td.yellow {
	background-color: #ffff99;
}

.table-data tbody tr td.red {
	background-color: #a42619;
	color: white !important;
}

.table-data tbody tr td.gray {
	background-color: #eee;
}

.table-data tbody tr:hover,
.table-data tbody tr:focus {
	filter: brightness(0.95);
}

@media (min-width: 1024px) {
	.table-data tbody tr td {
		min-width: 150px;
	}
}

.table-data .bg-blue {
	background-color: #16445c !important;
	color: white;
}

.table-data .bg-green {
	background-color: #97b7a1 !important;
}

.table-data .bg-yellow {
	background-color: #e3b03b !important;
}

.table-data .bg-peach {
	background-color: #b67247 !important;
}

.table-data .bg-gray {
	background-color: #eee !important;
}



/* fixed header */
.table-data-fixed-header {
	max-height: 90vh;
	overflow-x: hidden !important;
	overflow-y: auto !important;
}

.table-data-fixed-header thead tr th {
	border-top: none !important;
	border-bottom: none !important;
	background-color: #f9f9f9;
	box-shadow: 0 1px 0 #e7e7e7 inset, 0 -1px 0 #e7e7e7 inset;
	position: sticky;
	position: -webkit-sticky;
	top: 0;
	z-index: 2;
}

.table-data-fixed-header tbody tr:first-child td {
	border-top: none !important;
}



/* fixed column */
.table-data-fixed-column {
	max-width: 100%;
	overflow-x: auto !important;
	overflow-y: visible !important;
}

.table-data-fixed-column tbody tr td:first-of-type {
	position: sticky;
	position: -webkit-sticky;
	left: 0;
	z-index: 2;
}