.prjCard {
  /*background-color: #fff;*/
  background-image: linear-gradient(90deg, #fff 0%, #DEDEDE 95%, rgba(255, 255, 255, 0) 100%);
  width: 100%;
  border-radius: 1.5rem 0rem 0rem 1.5rem;
  display: flex;
  justify-content: space-between;
  align-content: start;
  line-height: 1.2rem;
}
.extBase {
  padding: 0.5rem;
  font-size: 1rem;
  background-color: #304FFE;
  height: 100%;
}
.prjTime {
  padding: 0.5rem;
  font-size: 1rem;
  background-color: #304FFE;
  height: 100%;
  border-radius: 0.8rem 0 0 0.8rem;
  color: #fff;
  font-size: 0.9rem;
}
.up {
  display: flex;
  justify-content: space-between;
  width: 100%;
}
.prjContent {
  font-size: 1rem;
  color: #000;
  text-align: start;
  padding: 0.5rem;
  width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.prjContent .group {
  font-size: 0.95rem;
  width: 95%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.prjContent .fase {
  font-size: 0.85rem;
  color: rgba(128, 128, 128, 0.8);
  text-transform: capitalize;
  width: 95%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.prjContent .desc {
  font-size: 0.75rem;
  width: 90%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}