.callout {
    position: relative;
    margin: 0 0 1rem 0;
    padding: 1rem;
    border: 1px solid rgba(10, 10, 10, 0.25);
    border-radius: 0;
    background-color: white;
    color: #0a0a0a;
}
.callout > :first-child {
    margin-top: 0;
}
.callout > :last-child {
    margin-bottom: 0;
}
.callout.primary {
    background-color: #d7ecfa;
    color: #0a0a0a;
}
.callout.secondary {
    background-color: #eaeaea;
    color: #0a0a0a;
}
.callout.success {
    background-color: #e1faea;
    color: #0a0a0a;
}
.callout.warning {
    background-color: #fff3d9;
    color: #0a0a0a;
}
.callout.alert {
    background-color: #f7e4e1;
    color: #0a0a0a;
}
.callout.small {
    padding-top: 0.5rem;
    padding-right: 0.5rem;
    padding-bottom: 0.5rem;
    padding-left: 0.5rem;
}
.callout.large {
    padding-top: 3rem;
    padding-right: 3rem;
    padding-bottom: 3rem;
    padding-left: 3rem;
}

table {
	width: 100%;
	margin-bottom: 1rem;
	border-radius: 0;
}

table thead,
table tbody,
table tfoot {
	border: 1px solid #f1f1f1;
	background-color: #fefefe;
}

table caption {
	padding: 0.5rem 0.625rem 0.625rem;
	font-weight: bold;
}

table thead {
	background: #f8f8f8;
	color: #0a0a0a;
}

table tfoot {
	background: #f1f1f1;
	color: #0a0a0a;
}

table thead tr,
table tfoot tr {
	background: transparent;
}

table thead th,
table thead td,
table tfoot th,
table tfoot td {
	padding: 0.5rem 0.625rem 0.625rem;
	font-weight: bold;
	text-align: left;
}

table tbody th,
table tbody td {
	padding: 0.5rem 0.625rem 0.625rem;
}

table tbody tr:nth-child(even) {
	border-bottom: 0;
	background-color: #f1f1f1;
}

table.unstriped tbody {
	background-color: #fefefe;
}

table.unstriped tbody tr {
	border-bottom: 0;
	border-bottom: 1px solid #f1f1f1;
	background-color: #fefefe;
}

@media screen and (max-width: 63.9375em) {
	table.stack thead {
		display: none;
	}
	table.stack tfoot {
		display: none;
	}
	table.stack tr,
	table.stack th,
	table.stack td {
		display: block;
	}
	table.stack td {
		border-top: 0;
	}
}

table.scroll {
	display: block;
	width: 100%;
	overflow-x: auto;
}

table.hover thead tr:hover {
	background-color: #f3f3f3;
}

table.hover tfoot tr:hover {
	background-color: #ececec;
}

table.hover tbody tr:hover {
	background-color: #f9f9f9;
}

table.hover:not(.unstriped) tr:nth-of-type(even):hover {
	background-color: #ececec;
}

.table-scroll {
	overflow-x: auto;
}

.table-scroll table {
	width: auto;
}

table.table--all-files {
    margin-top: 1rem;
}

.show-for-sr,
.show-on-focus {
    position: absolute !important;
    width: 1px;
    height: 1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
}