body {
  margin: 0;
  background-color: #f8f9fa;
  font-family: Roboto, Helvetica, Arial, sans-serif;
}

.hover-underline-animation {
  display: inline-block;
  position: relative;
  color: white;
}

.hover-underline-animation::after {
  content: "";
  position: absolute;
  width: 100%;
  transform: scaleX(0);
  height: 2px;
  bottom: 0;
  left: 0;
  background-color: white;
  transform-origin: bottom center;
  transition: transform 0.25s ease-out;
}

.hover-underline-animation:hover::after {
  transform: scaleX(1);
  transform-origin: bottom center;
}

/* width */
::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}

/* Target the scrollbar track */
::-webkit-scrollbar-track {
  background-color: white; /* Change the background color of the track */
}

/* Target the scrollbar thumb */
::-webkit-scrollbar-thumb {
  /* background-color: #888; /* Change the color of the thumb */
  background-color: #526D82;
  border-radius: 10px; /* Add rounded corners to the thumb */
}

/* Target the scrollbar thumb on hover */
::-webkit-scrollbar-thumb:hover {
  background-color: #27374D; /* Change the color of the thumb on hover */
}

td{
  padding: 8px 16px !important;
}