
.card-transparent {
  background-color: transparent;
  border-color: transparent;
}

.flex-items-xs-top .card {
  height: 100%;
  margin-bottom: 0;
}

.card-deck .card {
  flex: 1 1 0%;
}

.card-banners-list-sm {
  position: absolute;

  .card-banner-sm:first-child {
    border-radius: 5px 5px 0 0;
  }
}

.card-img-left {
  border-radius: $border-radius 0 0 $border-radius;
}

.card-body.negative-margin {
  margin-left: -$card-spacer-x;
  margin-right: -$card-spacer-x;
}

.card-body .table {
  margin-bottom: 0;
}

.card.blue-border {
  border-color: $blue;
}

.card-body.label-block {
  color: $label-default-color;

  .icon {
    color: $label-default-color;
  }

  a {
    color: $label-default-color;

    @include hover-focus {
      color: $link-hover-color;

      .icon {
        color: $link-hover-color;
      }
    }
  }
}

.card.highlight {
  background-color: $blue;
  color: $white;
  border: 0;

  .card-header {
    border-color: $white;
    color: $white;

    .popover_info_icon {
      color: $white;
    }
  }
}

.list-group-item {
  border-width: $border-width 0 0 0;

  .icon {
    margin-right: $spacing-icon-x;
    font-size: $font-size-icon;
  }
}

.card.split-card {
  .card-content {
    @extend .card-group;
    .card + .card {
      .card-footer {
        .btn {
          border-bottom-left-radius: 0;
          border-bottom-right-radius: 0;
        }
      }
    }
    .card {
      border-top:0;
      border-bottom: 0;
      &:first-child {
        border-left: 0;
        border-radius: 0;
        .card-footer {
          .btn {
            border-top-right-radius: 0;
            border-bottom-right-radius: 0;
          }
        }
      }
      &:last-child {
        border-right: 0;
        border-radius: 0;
        .card-footer {
          .btn {
            border-top-left-radius: 0;
            border-bottom-left-radius: 0;
            border-bottom-right-radius: $border-radius;
          }
        }
      }
    }
  }
}

.card-two-columns {
  column-count: 2;
  column-gap: 1.25rem;
  .card {
    display: inline-block;
    width: 100%;
  }
}

.card-header .card-title.extra-padding-right {
  padding-right: $spacing-sm + $list-group-item-height;
}