/* These styles are generated from project.scss. */

.alert-debug {
  color: black;
  background-color: white;
  border-color: #d6e9c6;
}

.alert-error {
  color: #b94a48;
  background-color: #f2dede;
  border-color: #eed3d7;
}

.timetracking-card.running {
  position: relative;
  animation: border-pulse 2s ease-in-out 0s infinite normal;
}

@keyframes border-pulse {

  0%,
  100% {
    box-shadow: 0 0 0 1px var(--bs-card-border-color);
  }

  50% {
    box-shadow: 0 0 0 4px var(--bs-card-border-color);
  }
}

.tt-name {
  width: 12rem;
}

.tt-project {
  width: 14rem;
}

.tt-user {
  width: 8rem;
}

.tt-times {
  gap: 1rem;
}

.tt-times .datetimes {
  width: 10rem;
}

.tt-times .duration {
  width: 6rem;
}

.pj-name {
  width: 18rem;
}

.pj-customer {
  width: 18rem;
}

.iv-id {
  width: 4rem;
}

.iv-pj-name {
  width: 18rem;
}

.iv-dl-name {
  width: 18rem;
}

.iv-period {
  width: 8rem;
}