@font-face {
	font-family: 'Agipo Light';
	src: url('../fonts/AgipoLight.woff2') format('woff2'),
		url('../fonts/AgipoLight.woff') format('woff');
	font-weight: 300;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'Agipo Regular';
	src: url('../fonts/Agipo-Regular.woff2') format('woff2'),
		url('../fonts/Agipo-Regular.woff') format('woff');
	font-weight: 400;
	font-style: normal;
	font-display: swap;
}

.assessment-data-table {
	display: flex;
	flex-direction: column;
	align-items: flex-end;
	gap: 28px;
	width: 100%;
	max-width: 843px;
	margin: 0;
	color: #111;
	font-family: 'Agipo Light', sans-serif;
	font-size: 16px;
	font-weight: 300;
	line-height: 24px;
}

.assessment-data-table__hint,
.renewal-content .assessment-data-table__hint {
	width: auto;
	max-width: none;
	margin: 0;
	color: #231f20;
	font: 300 16px/24px 'Agipo Light', sans-serif;
	text-align: right;
}

.assessment-data-table__scroll {
	width: 100%;
	overflow-x: visible;
	overflow-y: hidden;
}

.assessment-data-table__scroll:focus-visible {
	outline: 2px solid #fa643c;
	outline-offset: 4px;
}

.assessment-data-table__table {
	width: min(100%, 1100px);
	margin: 0;
	border: 0;
	border-collapse: collapse;
	border-spacing: 0;
	color: #111;
	font: 300 16px/24px 'Agipo Light', sans-serif;
	table-layout: fixed;
}

.assessment-data-table__district-column {
	width: 41.807%;
}

.assessment-data-table__budget-column {
	width: 22.268%;
}

.assessment-data-table__area-column {
	width: 22.152%;
}

.assessment-data-table__rate-column {
	width: 13.773%;
}

.assessment-data-table__table th,
.assessment-data-table__table td {
	box-sizing: border-box;
	height: 45px;
	padding: 10px 12px;
	border: 0;
	border-bottom: 1px solid #ddd;
	background: transparent;
	color: #111;
	font: 300 16px/24px 'Agipo Light', sans-serif;
	text-align: right;
	vertical-align: middle;
	white-space: nowrap;
}

.assessment-data-table__table thead th {
	font-family: 'Agipo Regular', sans-serif;
	font-weight: 400;
}

.assessment-data-table__table th:first-child,
.assessment-data-table__table td:first-child {
	text-align: left;
}

.assessment-data-table__table tbody th {
	font-weight: 300;
}

.assessment-data-table__table .is-highlighted th,
.assessment-data-table__table .is-highlighted td {
	background: #fa643c;
	font-family: 'Agipo Regular', sans-serif;
	font-weight: 400;
}

.assessment-data-table--empty {
	display: block;
	min-height: 100px;
	padding: 32px;
	border: 1px dashed #fa643c;
	text-align: center;
}

@media (max-width: 1199.98px) {
	.assessment-data-table__scroll {
		overflow-x: auto;
		-webkit-overflow-scrolling: touch;
		scrollbar-width: thin;
	}

	.assessment-data-table__table {
		/*width: 1100px;*/
		min-width: 800px;
	}
}
