.card {
  border-radius: $border-radius;
  @include themify($themes) {
    color: themed("text-primary");
    background-color: themed("back-light") !important;
    border-color: themed("back-light") !important;
    .tabs {
      background-color: themed("surface-primary") !important;
    }
  }
  .bg-success {
    background-color: theme-color-light("success") !important;
  }
}

.card-header {
  @include themify($themes) {
    background-color: themed("back-light") !important;
  }
  .card-header-tabs {
    border: none !important;

    .nav-link {
      border: none !important;
      font-weight: 500 !important;
      background: none !important;
      @include themify($themes) {
        color: themed("text-secondary");
      }
      &:hover {
        color: $red-hover;
      }
    }

    .nav-link.active {
      color: $red-active !important;
      text-decoration: underline;
    }
  }
}

.card-body dd .status-icon {
  line-height: 1.1;
}

.card-buttons > a {
  font-weight: 500;
  font-size: 0.825rem;
  vertical-align: baseline;
}