.es-header {
	height: 250px;
	color: #fff;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
}
.es-header h4 {
	margin-bottom: 1rem
}
.es-header p {
	padding: 0 1rem;
}

@media (max-width: 575px) {
	.es-header p {
		-webkit-line-clamp: 3;
        text-overflow: ellipsis;
        overflow: hidden;
        display: -webkit-box;
        -webkit-box-orient: vertical
	}
}

.es h3 {
	margin-top: 4rem;
	margin-bottom: 1rem;
	color: #6c757d;
	font-weight: normal;
	font-size: 1.5rem
}

.es p, .es li {
	line-height: 1.75rem
}
.es li {
	padding-bottom: .5rem
}

.es table {
	margin-bottom: 1rem;
	width: 100%;
}
.es table caption {
	caption-side: top;
	color: #fd7e14;
	font-size: 1.2rem
}
.es table th {
	font-weight: normal;
	background-color: #e9ecef;
	border: solid 1px #ced4da;
	padding: .5rem;
	text-align: center;
	white-space: nowrap;
}
.es table td {
	border: solid 1px #ced4da;
	padding: .5rem
}
.es table td.-left {
	background-color: #e9ecef;
	text-align: center;
	white-space: nowrap;
	width: 20%
}
.es table td.-center {
	text-align: center;
}
.es table.-center td {
	text-align: center;
}

@media (max-width: 575px) {
	.es table.-break td { border-collapse: collapse; }
	.es table.-break thead { display: none; }
	.es table.-break tr { display: flex; flex-wrap: wrap; align-items: center; }
	.es table.-break td { flex: 1 0 100%; text-align: left; position: relative; padding-top: 1rem; border: none; }
    .es table.-break td.-left {
        padding: .5rem;
    }
    .es table.-break td:not(.-left)::before {
        position: absolute;
        top: 5px;
        left: .5rem;
        display: block;
        overflow: hidden;
        content: attr(data-col-name);
        white-space: nowrap;
        text-overflow: ellipsis;
        color: #adb5bd;
        font-size: xx-small;
    }
}

/**********************
    footnote
*/
	.footnote, .footnote-right {
		font-size: small;
		color: #6c757d;
		position: relative;
		margin: 0;
		margin: 1rem 0;
		padding-top: 1rem
	}

	.footnote li, .footnote-right li {
		padding: .3rem 0;
		margin: 0;
		line-height: 1em;
	}

	.footnote.-star li::before {
		content: '*';
		position: absolute;
		color: #dc3545;
		left: .5rem
	}

	.footnote::before, .footnote-right::before {
		width: 30%;
		border-top: 1px solid #6c757d;;
		position: absolute;
		content: '';
		top: 0;
	}

	.footnote::before {
		left: 0
	}

	.footnote-right {
		text-align: right;
	}
	.footnote-right::before {
		right: 0
	}

	.footnote label, .footnote-right label {
		display: inline-block;
		padding: 0;
		margin: 0;
		min-width: 80px;
	}
