.loading-overlay {
	position: absolute;
	left: 0; right: 0; top: 0; bottom: 0;
	background-color: rgba(0, 0, 0, 0);
	display: flex;
	flex-flow: column nowrap;
	align-items: center;
	justify-content: center;
	z-index: 100001;
	pointer-events: none;
}

.btn .loading-overlay {
	left: auto; right: auto; top: auto; bottom: auto;
}

.loading-spinner {
	background-image: url(../img/sp-load.svg);
	background-repeat: no-repeat;
	background-size: contain;
	height: 32px;
	width: 32px;
}

.loading-message {
	color: #212121;
	font-size: 16px;
	align-self: center;
}

.table-cell .loading-overlay, dd .loading-overlay, h3 .loading-overlay {
	position: relative;
	background-color: rgba(0, 0, 0, 0);
	display: flex;
	flex-flow: row nowrap;
	align-items: center;
	justify-content: flex-start;
	z-index: 100001;
	pointer-events: none;
}
.table-cell .loading-overlay {
	min-width: 50px;
	justify-content: flex-start;
	padding-left: 2px;
}

.table-cell .loading-spinner, dd .loading-spinner {
	background-image: url(../img/sp-load.svg);
	background-repeat: no-repeat;
	background-size: contain;
	height: 16px;
	width: 16px;
}

.table-cell .loading-spinner {
	margin: 6px;
}

.table-cell .loading-message, dd .loading-message {
	color: #212121;
	font-size: 12px;
	align-self: center;
	padding-left: 10px;
}

h3 .loading-spinner {
	background-image: url(../img/sp-load.svg);
	background-repeat: no-repeat;
	background-size: contain;
	height: 20px;
	width: 20px;
}

h3 .loading-message {
	color: #212121;
	font-size: inherit;
	font-weight: normal;
	align-self: center;
}

.card-overlay{
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	background-color: rgba(0, 0, 0, 0);
	display: flex;
	flex-flow: column nowrap;
	align-self: center;
	justify-content: center;
	z-index: 100001;
	pointer-events: none;
}