@import url("https://fonts.googleapis.com/css2?family=Outfit:wght@100..900&display=swap");
body {
  font-family: "Outfit", sans-serif;
}

html,
body {
  height: 100%;
  margin: 0;
}

body.d-flex {
  display: flex;
}

main.main {
  flex: 1;
  height: 100vh;
  overflow-y: auto;
}
@keyframes gradientShift {
  0% {
    background-position: 0% 50%;
  }
  50% {
    background-position: 100% 50%;
  }
  100% {
    background-position: 0% 50%;
  }
}
.gradient-bg {
  background: linear-gradient(-45deg, #0d2b50, #05101d, #0d2b50);
  background-size: 200% 200%;
  animation: gradientShift 0s ease infinite;
  color: white;
}
.gradient-bg:hover {
  color: #a80c23;
}
.gradient-bg-rev {
  background: linear-gradient(-45deg, #7a0d1e, #2b050b, #7a0d1e);
  background-size: 200% 200%; /* Ensures smooth transition */
  animation: gradientShift 0s ease infinite; /* Adjust the speed as needed */
  color: white;
}
.pagination {
  color: #0d2b50;
}
.pagination .page-item.active .page-link {
  background: linear-gradient(-45deg, #0d2b50, #05101d, #0d2b50);
  background-size: 200% 200%;
  color: white;
  border: none;
}

.main {
  background: linear-gradient(-45deg, #fffefe, #ffffff, #e2dcdc, #fffdfd);
  background-size: 200% 200%;
}
.dataTables_filter {
  margin-bottom: 10px;
}
@keyframes gradientShift {
  0% {
    background-position: 0% 50%;
  }
  50% {
    background-position: 100% 50%;
  }
  100% {
    background-position: 0% 50%;
  }
}