.styled-table {
	width: 100%;
	border-collapse: separate;
	border-spacing: 0;
	border-radius: 8px;
	overflow: hidden;
	border: 1px solid #111;
}

.styled-table td {
	border-right: 1px solid #111;
	border-bottom: 1px solid #111;
	padding: 8px;
	text-align: left;
}

.styled-table th {
	border-right: 1px solid #111;
	border-bottom: 1px solid #111;
	font-weight: bold;
	padding: 8pt;
}

/* Remove right border from last column */
.styled-table td:last-child,
.styled-table th:last-child {
	border-right: none;
}

/* Remove bottom border from last row */
.styled-table tbody tr:last-child td {
	border-bottom: none;
}

.styled-table tbody tr:nth-child(odd) {
	background-color: #222a;
}

.styled-table tbody tr:hover {
	background-color: #333a;
}

.no-data {
	text-align: center;
	margin-top: 20pt;
	font-size: 11pt;
	color: #aaa;
	font-family: "Roboto", "Helvetica", "Arial", sans-serif;
	font-weight: 400;
	font-size: 0.875rem;
	line-height: 1.43;
	letter-spacing: 0.01071em;
	shape-rendering: crispEdges;
	text-anchor: middle;
	dominant-baseline: middle;
}

.resource,
.service {
	word-wrap: break-word;
	word-break: break-all;
	overflow-wrap: break-word;
}

.clickable-row {
	cursor: pointer;
	transition-duration: 0.2s;
}

.clickable-row:active {
	background-color: #444a !important;
}
