.nwsgs-surname-search {
	max-width: 980px;
}

.nwsgs-surname-search form {
	margin: 0;
}

.nwsgs-surname-search label {
	display: block;
	margin-bottom: 6px;
	font-weight: 700;
}

.nwsgs-surname-search input[type="text"] {
	width: min(100%, 760px);
	min-height: 40px;
	padding: 8px 10px;
	border: 1px solid #d9d9d9;
	border-radius: 3px;
}

.nwsgs-surname-search button,
.nwsgs-surname-search .nwsgs-surname-button {
	min-height: 36px;
	padding: 8px 20px;
	border: 0;
	border-radius: 999px;
	background: #4b2038;
	color: #fff;
	font-weight: 700;
	line-height: 1.2;
	cursor: pointer;
}

.nwsgs-surname-search button:hover,
.nwsgs-surname-search button:focus {
	background: #351527;
}

.nwsgs-surname-search button:disabled {
	background: #b9a7b1;
	cursor: default;
}

.nwsgs-surname-table button {
	min-width: 124px;
	box-shadow: 0 1px 0 rgba(0, 0, 0, 0.08);
}

.nwsgs-surname-results {
	margin-top: 24px;
}

.nwsgs-surname-result-count {
	margin: 0 0 12px;
	font-weight: 700;
}

.nwsgs-surname-table-wrap {
	overflow-x: auto;
	border: 1px solid #e6e1e4;
	border-radius: 4px;
}

.nwsgs-surname-table {
	width: 100%;
	border-collapse: collapse;
	background: #fff;
}

.nwsgs-surname-table th,
.nwsgs-surname-table td {
	padding: 12px;
	border-bottom: 1px solid #ece7ea;
	text-align: left;
	vertical-align: middle;
}

.nwsgs-surname-table th {
	background: #faf8f9;
	color: #4b2038;
	font-size: 0.9rem;
	font-weight: 700;
}

.nwsgs-surname-table tr:last-child td {
	border-bottom: 0;
}

.nwsgs-surname-cell-strong {
	font-weight: 700;
}

.nwsgs-surname-muted {
	color: #6f6770;
	font-size: 0.92rem;
}

.nwsgs-surname-notice {
	margin: 0 0 14px;
	padding: 10px 12px;
	border-left: 4px solid #2f7d32;
	background: #f1f8f1;
}

.nwsgs-surname-notice.error {
	border-left-color: #b32d2e;
	background: #fff5f5;
}

@media (max-width: 720px) {
	.nwsgs-surname-table-wrap {
		border: 0;
		overflow: visible;
	}

	.nwsgs-surname-table,
	.nwsgs-surname-table tbody,
	.nwsgs-surname-table tr,
	.nwsgs-surname-table td {
		display: block;
		width: 100%;
	}

	.nwsgs-surname-table thead {
		display: none;
	}

	.nwsgs-surname-table tr {
		margin-bottom: 12px;
		border: 1px solid #e6e1e4;
		border-radius: 4px;
		background: #fff;
	}

	.nwsgs-surname-table td {
		border-bottom: 1px solid #ece7ea;
	}

	.nwsgs-surname-table td::before {
		content: attr(data-label);
		display: block;
		margin-bottom: 4px;
		color: #4b2038;
		font-size: 0.78rem;
		font-weight: 700;
		text-transform: uppercase;
	}
}