$color-white:				#ffffff !default;
$color-grey:				#dddddd !default;

// Card
.card {
  box-shadow: 2px 0 7px 0 rgba(0, 0, 0, 0.1);
  background-color: $color-white;
  padding: 15px 20px;
  border-radius: 8px;

  &.card-no-shadow {
    box-shadow: none;
  }

  .card-header {
    padding-bottom: 14px;
    border-bottom: 1px solid $color-grey;

    &.border-dashed {
      border-bottom-style: dashed;
    }
  }

  .card-body {
    padding-top: 10px;
    padding-bottom: 10px;

    &+.card-body {
      border-top: 1px solid $color-grey;
    }

    &.border-dashed {
      border-top-style: dashed;
    }
  }

  .card-footer {
    border-top: 1px solid $color-grey;
    padding-top: 11px;

    &.border-dashed {
      border-top-style: dashed;
    }
  }

  &>*.full-border {
    margin-left: -20px;
    margin-right: -20px;
    padding-left: 20px;
    padding-right: 20px;
  }
}