.error {
  color: red;
  font-size: 0.875em;
}

/* footer {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
} */

body {
  display: flex;
  flex-direction: column;
  min-height: 100vh;
  background-color: #f8f9fa;
}
.content {
  flex: 1;
}
footer {
  background-color: #f1f1f1;
  padding: 10px 0;
}

#loader {
  display: none;
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 1000;
}

.blinking-button {
  color: #000000 !important;
  animation: blink 4s linear infinite; /* Apply the animation */
}
@keyframes blink {
  0%,
  100% {
    background-color: #139aaa; /* Color at start and end */
    opacity: 1; /* Fully visible */
  }
  50% {
    background-color: #ffffff; /* Color at halfway point */
    opacity: 0.5; /* Partially transparent */
  }
}

#tmark th {
  background-color: #ffc107 !important;
  vertical-align: middle !important;
}