/* scroll bars */
.scrollbar::-webkit-scrollbar {
  width: 3px; /* Width of the scrollbar */
  border-radius: 5px;
}
/* Color of the scrollbar thumb */
.scrollbar::-webkit-scrollbar-track {
  background-color: #cfcfcfbd;
  border-radius: 3px; /* Rounded corners */
}
/* Darker color on hover */
.scrollbar::-webkit-scrollbar-thumb {
  background-color: #646464;
}
/* document inputs - selected documents  */
.selected-documents {
  --item-size: 28px;
  --grid-col-size: calc(var(--item-size) / 2);

  display: grid;
  grid-template-columns: repeat(4, var(--grid-col-size));
}
.selected-document-item {
  width: var(--item-size);
  aspect-ratio: 1;
  border: 2px solid green;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}

/* header */
.table-header-text {
  @apply text-neutral-700 font-semibold text-sm uppercase;
}

/* pagination */
.details-image-pagination-bullet {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.15rem;
  margin-top: 0.5rem;
}

.details-image-pagination-bullet .swiper-pagination-bullet {
  width: 0.5rem;
  height: 0.25rem;
  background: green;
  border-radius: 1rem;
  transition: all 1.5s ease-in-out;
}

.details-image-pagination-bullet .swiper-pagination-bullet-active {
  width: 1.25rem;
}