.card-text {
  font-size: 90%;
}

.fade.show {
  animation: pngx-entry-fade 160ms ease-out;
}

@keyframes pngx-entry-fade {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

@media (prefers-reduced-motion: reduce) {
  .fade.show {
    animation: none;
  }
}

.doc-img-container {
  position: relative;
  height: 180px;
}

.doc-img {
  object-fit: cover;
  object-position: top left;
}

.document-card-check {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  padding: 0.5rem;
  border-top-left-radius: 0.25rem;
  border-bottom-right-radius: 0.25rem;
  pointer-events: none;

  .form-check {
    padding: 0;
    min-height: 0;
    margin-bottom: 0;

    .form-check-input {
      margin-left: 0;
    }
  }
}

.document-card:hover .document-card-check {
  display: block;
}

.document-card-notes {
  position: absolute;
  right: 0;
  top: 142px;
}

.card-info {
  line-height: 1;

  button {
    line-height: 1;

    small {
      min-width: 0;
      overflow-wrap: anywhere;
    }

    &:hover,
    &:focus {
      background-color: transparent !important;
      color: var(--bs-primary);
    }
  }
}

.card-footer .btn {
  padding-top: .10rem;
}

::ng-deep .tooltip-inner {
  text-align: left !important;
  font-size: 90%;
}

a {
  cursor: pointer;
}

.tags {
  top: .2rem;
  right: 0;
  max-width: 80%;
  row-gap: .2rem;
  line-height: 1;

  &.tags-no-wrap {
    ::ng-deep .badge {
      display: inline-block;
      max-width: 100%;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
    }
  }
}
