@charset "UTF-8";

.permit-section--secondary {
	margin-top: 85px;
}

.permit-section .m-lb01--big {
	margin-bottom: 12px;
}

.permit-tableWrap {
	margin-top: 40px;
}

.permit-table {
    border-radius: 4px;
	line-height: 1.7;
}

.permit-table thead tr:first-child th:first-child {
	border-top-left-radius: 4px;
}

.permit-table thead tr:first-child th:last-child {
	border-top-right-radius: 4px;
}

.permit-table tbody tr:last-child th:first-child {
	border-bottom-left-radius: 4px;
}

.permit-table tbody tr:last-child td:last-child {
	border-bottom-right-radius: 4px;
}

.permit-table th:first-child,
.permit-table td:first-child {
	width: 9.75em;/*156px*/
}

.permit-table thead th:first-child,
.permit-table tbody th {
	height: 6.875em;/*110px*/
	padding: .75em .625em;/*12px 10px*/
    text-align: left;
}

.permit-table thead th {
	vertical-align: top;
	height: 11.875em;/*190px*/
	padding-top: .5em !important;
}

.permit-table th:not(:first-child),
.permit-table td:not(:first-child) {
	vertical-align: top;
	color: #000;
	line-height: 1.2;
}

.permit-table th,
.permit-table td {
	width: auto;
	padding: .75em 1.08em;
}

.permit-table .num {
	text-decoration: underline;
}

.permit-table .badge {
	color: var(--color-blue-dark);
}

.permit-table .mark {
	display: inline-block;
	margin-bottom: .313em;/*5px*/
	color: var(--color-blue-dark);
}

.permit-section--secondary .permit-table .mark {
	color: var(--color-green);
}

.permit-table .br {
	overflow-wrap: anywhere;
	word-break: normal;
}

@media screen and (max-width: 899px) {

	.permit-section .m-lb01--big {
		font-size: min(6.2vw, 26px);
	}

	.permit-section--secondary {
		margin-top: 55px;
	}

	.permit-tableWrap {
		margin-top: 30px;
		overflow-x: auto;
		-webkit-overflow-scrolling: touch;
	}

	.permit-table {
		min-width: 1000px;
		table-layout: fixed;
	}

}

/* Both permit tables: vertical scrolling on desktop and mobile. */
.permit-page .m-inner { min-width: 0; }
.permit-tableWrap {
    width: 100%;
    max-width: 100%;
    max-height: 650px;
    max-height: min(70vh, 650px);
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: auto;
    scrollbar-color: #6c95b2 #eaf2f7;
}
.permit-tableWrap:focus-visible { outline: 2px solid #0876b5; outline-offset: 4px; }
.permit-table { width: 100%; min-width: 1000px; table-layout: fixed; border-collapse: separate; border-spacing: 0; }
.permit-table thead th { position: sticky; top: 0; z-index: 2; background: #e5f3fc; }
.permit-table tbody th { background: #fff; }
.permit-tableWrap::-webkit-scrollbar { width: 12px; height: 12px; }
.permit-tableWrap::-webkit-scrollbar-track { background: #eaf2f7; }
.permit-tableWrap::-webkit-scrollbar-thumb { background: #6c95b2; border: 2px solid #eaf2f7; border-radius: 6px; }

/* Hide decorative dots above the two permit section headings. */
.permit-section > .m-inner > .m-lb01--small::before { display: none; }
