/* Pro Suite banners - application/views/das_banners.php */

.das-banner {
	background: #e6f6f7;
	border-left: 5px solid #00A8B3;
	border-radius: 4px;
	padding: 10px 14px;
	text-align: left;
}

.das-banner + .das-banner {
	margin-top: 8px;
}

.das-banner-title {
	font-size: 16px;
	font-weight: 700;
	color: #000;
}

.das-banner-title .fa {
	color: #00A8B3;
	margin-right: 8px;
}

.das-banner-description {
	font-size: 14px;
	margin-top: 2px;
}

.das-banner-link,
.das-banner-link:visited {
	margin-top: 6px;
	background-color: #00A8B3;
	border-color: #00A8B3;
	color: #fff;
	font-weight: 600;
}

.das-banner-link:hover,
.das-banner-link:focus {
	background-color: #008a93;
	border-color: #008a93;
	color: #fff;
	text-decoration: none;
}

.das-banner-link .fa {
	margin-left: 4px;
}

/* Steps on the left, banners on the right */
.das-banners-row > .das-banners-steps,
.das-banners-row > .das-banners-list {
	padding-left: 0;
	padding-right: 0;
}

@media (min-width: 992px) {
	.das-banners-row > .das-banners-list {
		padding-left: 15px;
	}
}

@media (max-width: 991.98px) {
	.das-banners-row > .das-banners-list {
		margin-top: 10px;
	}
}