div .grid-table-container {
	margin: 0 0 1rem;
	overflow: initial;
}

div.grid-table-detail {
	display: block;
	gap: 0;
	grid-template-columns: auto;
	grid-template-rows: auto;
	width: auto;
}

div.grid-table-detail > div {
	border: none;
	background: none;
}

div.grid-table-detail .grid-table-head .float-end {
	float: none !important;
}

div.grid-table-detail > .grid-table-head {
	padding: 0.2rem 0 0;
	border-top: 1px solid var(--border);
	font-weight: 700;
}

div.grid-table-detail > .grid-table-head2 {
	display: none;
}

div.grid-table-detail > .grid-table-data {
	padding: 0.1rem 0.5rem 0.5rem;
	font-size: small;

	> button {
		margin-right: 0.25rem !important;
	}
}

div.grid-table-detail > div:last-child {
	margin-bottom: 0rem;
}

div.grid-table-detail-step div.grid-table-detail-step-member {
	padding: 0.2rem 0;
	border-top: 1px solid var(--border-light);
}

div.grid-table-detail-a {
	grid-template-columns: minmax(200px,max-content) auto;
	width: auto;
}

@media (min-width: 769px) {
	div .grid-table-container {
		margin: 0 0 1rem;
		overflow: auto;
	}

	div .grid-table-fit {
		width: fit-content;
	}

	div .grid-table-detail {
		display: grid;
		background: var(--table-background);
		border-color: var(--border);
		border-style: solid;
		border-width: 1px;
		margin: 0 0 1rem;
	}

	div.grid-table-detail {
		width: fit-content;
	}

	div.grid-table-detail > div {
		border-top: 1px solid var(--border-light);
		border-left: 1px solid var(--border-light);
	}

	div.grid-table-detail .grid-table-head .float-end {
		float: right !important;
	}

	div.grid-table-detail > .grid-table-head {
		background: var(--table-th);
		padding: 0.5rem;
	}

	div.grid-table-detail > .grid-table-head2 {
		background: var(--table-th);
		padding: 0.5rem;
		font-weight: 700;
		color: #ff0000;
		display: block;
	}

	div.grid-table-detail > .grid-table-data {
		background: var(--table-td);
		padding: 0.5rem;
		font-size: initial;

		> button {
			margin-right: 0.5rem !important;
		}
	}

	div.grid-table-detail-step div.grid-table-detail-step-member {
		border: none;
	}

	div.grid-table-detail-a {
		width: fit-content;
		min-width: 512px;
	}
}




.disp-responsive-compact .card-body .detail-compact th {
	min-width: 92px;
	text-align: left !important;
}

.disp-responsive-compact .card-body .detail-compact td {
	min-width: 256px;
	text-align: left !important;
}

div.card-body > table.table-compact > tbody > tr > th {
	width: 128px !important;
	min-width: 128px !important;
	max-width: 128px !important;
}

div.workflow-grid-container-step div.workflow-grid-container-step-member {
	padding: 0.2rem 0;
	border-top: 1px solid var(--border-light);
}

@media (min-width: 769px) {
	div.workflow-grid-container-step div.workflow-grid-container-step-member {
		border: none;
	}
}