.table {
	width: 100%;
}

.table.block {
	align-items: flex-start;
}

.table.scroll {
	max-height: 12rem;
	overflow: auto;
}

.container-table {
	width: 100%;
	overflow: auto;
	position: relative;
}

.container-table table {
	width: 100%;
	overflow: auto;
	border-spacing: 0px 0.5rem;
	position: relative;
}

.container-table table thead,
.container-table table tbody {
	width: 100%;
}

.container-table table thead tr th:first-child {
	border-radius: 0.5rem 0 0 0.5rem;
}

.container-table table thead tr th:last-child {
	border-radius: 0 0.5rem 0.5rem 0;
}

.container-table table thead th {
	font-weight: bold;
	font-size: 1rem;
	padding: 0rem 1rem;
}

.container-table table thead th a:not(.active) {
	color: var(--ColorText);
	text-decoration: none;
	display: flex;
	align-items: center;
	gap: 0.5rem;
}

.container-table table thead th a i {
	font-size: var(--FontSize-s);
}

.container-table table thead th,
.container-table table tbody td {
	text-align: left;
	position: relative;
}

.container-table table tr {
	width: 100%;
}

.container-table table tbody tr td:first-child {
	border-radius: 0.5rem 0 0 0.5rem;
}

.container-table table tbody tr td:last-child {
	border-radius: 0 0.5rem 0.5rem 0;
}

.container-table table tbody tr td {
	padding: 0.5rem 1rem;
	background-color: var(--ColorRow);
	white-space: nowrap;
	height: 3rem;
}

.container-table table tbody tr td.p-0 {
	padding: 0;
}

.container-table table tbody tr td > a:not(.text-alert) {
	color: var(--ColorText);
}

.container-table table tbody tr td > a {
	text-decoration: none;
	padding: 0.5rem 0.875rem;
	width: 100%;
	height: 100%;
	display: flex;
	align-items: center;
}

.container-table table tbody tr td .row {
	flex-wrap: nowrap;
	gap: 0.5rem;
}

.container-table table tr:hover td {
	background-color: var(--ColorRowHover);
}

.container-table table tbody td .identite {
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: flex-start;
	gap: 1rem;
}

.container-table table tbody td img:not(.logo),
.container-table table tbody td .color {
	width: 3rem;
	height: 3rem;
	box-shadow: var(--Shadow);
	border-radius: 100%;
}

.container-table table tbody td img.logo {
	height: 2.5rem;
}

.container-table table .dialog {
	text-align: center;
}

.container-table table tbody td pre {
	max-width: 300px;
}

.container-table table tbody td .identite .column {
	align-items: flex-start;
	gap: 0.5rem;
}

.container-table table tbody tr.selected td {
	background-color: var(--ColorPrimary10);
}

@media screen and (max-width: 780px) {
	.table.scroll {
		max-height: 24rem;
	}
}