.custom-datagrid{
	width: 100%;
	table-layout: fixed;

	thead th {
		padding: 8px 8px 8px 16px;
		border-bottom: 1px solid #b7b7b7;
		font-weight: 500;
	}

	tbody {

		td > a {
			display: block;
			padding: 8px 8px 8px 16px;
			color: inherit;
			text-decoration: none;
		}

		td:not(:has(> a)) {
			padding: 8px 8px 8px 16px;
		}

		> tr {
			transition: background-color ease-in-out .15s;
		}

		> tr:not([aria-disabled="true"]):hover {
			background-color: rgba(0,0,0,.03);
		}

		> tr:nth-child(odd) > td {
			background-color: rgba(0,0,0,.02);
		}

		> tr:not(:last-child) > td {
			border-bottom: 1px solid #ddd;
		}

	}
}