.card-header {
	color: white;
	font-weight: bold;
}

.card-header {
	h1, h2, h3 {
		font-size: 1em;
		margin: 0;
		padding: 0;
		font-weight: bold;
	}
}

.card {
	@extend .box-shadow;
}

.card-header-extra {
	display: flex;
	align-items: center;
	height: 3rem;
}

// special styles for buttons in card header
.card-header .btn {
	@extend .btn-sm;
	@extend .btn-outline-light;
}

.card-header .fa-large {
	margin: -.6em 0; // fix icon alignment
}

.card-body .close {
	margin-top: dist(-2);
	margin-right: dist(-2);
	min-width: 1.5rem;
	text-align:center;
}