.card {
	position:relative;
	background:#424242;
	box-shadow:0 1px 1px rgba(0,0,0,.15);
	margin-bottom:20px;

	.card-header {
		position:relative;

		h2 {
			margin:0;
			line-height:100%;
			font-size:16px;

			small {
				display:block;
				margin-top:8px;
				color:#fff;
				line-height:160%;
			}
		}

		&.ch-alt {
			&:not([class*=bgm-]) {
				background-color:#212121;
				border-bottom: 1px solid #212121;
			}

			@media screen {
				@media (min-width: @screen-sm-min) {
					padding:15px 26px;
				}

				@media (max-width: @screen-sm-max) {
					padding:18px 18px 28px;
				}
			}
		}

		&:not(.ch-alt) {
			@media screen {
				@media (min-width: @screen-sm-min) {
					padding: 23px 26px;
				}

				@media (max-width: @screen-sm-max) {
					padding: 18px;
				}
			}
		}

		.actions {
		    position: absolute;
		    right: 10px;
		    z-index: 2;
		    top: 15px;

		    >li {
				font-size:11px;

				>i {
					margin-right:2px;
				}
			}
		}
	}

	.card-header[class*=bgm-] h2, .card-header[class*=bgm-] h2 small {
	    color: #fff;
	}

	.card-body {
		&.card-padding-sm {
			padding:15px;
		}

		&.card-padding {
			@media screen {
				@media (min-width: @screen-sm-min) {
					padding: 23px 26px;
				}

				@media (max-width: @screen-sm-max) {
					padding: 18px;
				}
			}
		}
	}
}

.card-header>h2>a {
	color:#fff;
}

.card-footer {
	border-top: 1px solid #f0f0f0;
	padding: 10px;
}