/* Reduce Vertical Scrollbar Shifts*/
html {
  scrollbar-gutter: stable;
}

/* Alert  Notice */
.alert-alert {
  background-color: #ffa31a;
  margin-bottom: 0;
}

.alert-notice {
  background-color: #4de7e7;
  margin-bottom: 0;
}

.alert-warning {
  background-color: #e7e44d;
  margin-bottom: 0;
}

.hover-card:hover {
  box-shadow: 2px 2px 2px 2px rgba(0, 0, 0, 0.2);
}

.border-highlight {
  animation: highlight 0.75s ease-in-out;
}

@keyframes highlight {
  0% {
    transform: scale(1);
  }
  50% {
    font-weight: bolder;
    transform: scale(1.1); /* Larger size */
  }
  100% {
    transform: scale(1); /* Return to normal size */
  }
}

.custom-tooltip {
  --bs-tooltip-bg: var(--bd-violet-bg);
  --bs-tooltip-opacity: 1;
  --bs-tooltip-max-width: 500px;
}



/*Scroll to top button*/
.top-btn {
  all: unset;
  font-size: 2.5rem;
  position: fixed;
  right: 20px;
  bottom: 20px;
  cursor: pointer;
  transform: scale(2);
  opacity: 0.5;
  transition: .3s;
  color: darkgray;
}


/* Navbar */
.nav-item .nav-link:hover {
  color: #0c0a0a;
}