.container-xxl {
    max-width: 2400px;
}
.tabular-500px {
    height: 500px; overflow-y: scroll;
}
.tabular-buttons {
    width: 40px; height: 40px; padding-top:0;
}

/* Fix alignment for bootstrap icons */
.bi {
    padding-bottom: 0.25ex;
}

/* Pulsating CSS animation for lookatme class */

@-webkit-keyframes Pulse {
  from {
    opacity: 0;
  }

  50% {
    opacity: 1;
  }

  to {
    opacity: 0;
  }
}

@keyframes Pulse {
  from {
    opacity: 0;
  }

  50% {
    opacity: 1;
  }

  to {
    opacity: 0;
  }
}

td.lookatme {
  display: table-cell;
}

.lookatme {
  color: #630030;
  opacity: 1;
  position: relative;
  display: inline-block;
}

/* this pseudo element will be faded in and out in front /*
/* of the lookatme element to create an efficient animation. */
.lookatme:after {
  color: #e33100;
  text-shadow: 0 0 5px #e33100;
  /* in the html, the lookatme-text attribute must */
  /* contain the same text as the .lookatme element */
  content: attr(lookatme-text);
  padding: inherit;
  position: absolute;
  inset: 0 0 0 0;
  z-index: 1;
  -webkit-animation: 3s infinite Pulse steps(20);
  animation: 3s infinite Pulse steps(20);
}