.card {
  background: #fff;
  border: 1px solid #dfdfdf;
  border-radius: 2px;
  margin-bottom: 20px;
  max-width: 100%;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05); }

.card-body {
  padding: 10px 12px; }

.card-header {
  border-bottom: 1px solid #ececec;
  color: #333333;
  display: block;
  padding: 10px 12px; }
  .card-header:before, .card-header:after {
    content: " ";
    display: table; }
  .card-header:after {
    clear: both; }

@media screen and (min-width: 30em) {
  .card-header {
    overflow: hidden;
    white-space: nowrap; }
 }

.card-header-actions, .card-footer-actions {
  display: inline-block;
  margin-right: -100%;
  text-align: right;
  width: 100%; }

.card-heading {
  display: inline-block;
  margin-top: 0;
  margin-bottom: 0;
  vertical-align: middle; }
  .card-heading > a {
    color: inherit;
    text-decoration: none; }

.card-footer {
  border-top: 1px solid #ececec;
  display: block;
  padding: 10px 12px; }

.card-img {
  padding: 0; }
  .card-img > img {
    display: block;
    width: 100%; }
  .card-img.card-header {
    border-top-left-radius: 1px;
    border-top-right-radius: 1px;
    overflow: hidden; }
  .card-img.card-footer {
    border-bottom-left-radius: 1px;
    border-bottom-right-radius: 1px;
    overflow: hidden; }