.card {
  width: auto;
}
.card-text {
  overflow-wrap: break-word;
  word-wrap: break-word;
  hyphens: auto;
  /*max-height: 250px;*/
  /*overflow-x: visible;
  overflow-y: scroll;*/
}
.card-body .homeCardWithmaxheight::-webkit-scrollbar {
  display: none;
}
.card .homeCardWithmaxheight {
  max-height: 210px;
  overflow-y: scroll;
  overflow-x: auto;
  -ms-overflow-style: none;  /* IE and Edge */
  scrollbar-width: none;
}
.card.bg-dark .card-header.text-light svg {
  color: rgb(var(--hightlightColor));
  fill: rgb(var(--hightlightColor));
}
.p {
  margin-top: 0;
  margin-bottom: 1rem;
}
@media (max-width: 414px) {
  .card {
    width: 100%;
    max-width: 100%;
  }
}
.blinkTextError {
  animation: blinkTextErrorAni 2s ease-in-out 0s 1 normal forwards;
  animation-iteration-count: infinite;
}


@keyframes blinkTextErrorAni {
  0%,
  50%,
  100% {
    color: #ff0000;
  }

  25%,
  75% {
    color: #000000;
  }
}