.search-suggestions[data-v-12c2288a] {
  position: absolute;
  border: 1px solid #d4d4d4;
  border-top: none;
  z-index: 99;
  max-height: 350px;
  overflow-y: auto;
  width: 100%;
}
[data-v-12c2288a]::-webkit-scrollbar {
  width: 4px;
  height: 4px;
}
[data-v-12c2288a]::-webkit-scrollbar-track {
  background: #f1f1f1;
  border-radius: 8px;
}
/* Handle */
[data-v-12c2288a]::-webkit-scrollbar-thumb {
  background: rgb(196, 191, 191);
  border-radius: 8px;
}


.header-staff[data-v-38e7cb54] {
  background-color: #f5f5f5;
}
.page[data-v-38e7cb54] {
  height: 100vh;
}
.w-60[data-v-38e7cb54] {
  width: 60vh !important;
}
.search-input[data-v-38e7cb54] {
  border: none !important;
  height: 30px;
  padding-left: 5px !important;
}
.border-staff[data-v-38e7cb54] {
  border-bottom: 1px solid #d3d7de;
}
.opt-selected[data-v-38e7cb54] {
  background-color: rgba(48, 148, 255, 0.15);
  border-radius: 4px;
}
.table-main[data-v-38e7cb54] {
  max-height: calc(100vh - 122px) !important;
  min-height: calc(100vh - 122px) !important;
}
.table-main-1[data-v-38e7cb54] {
  max-height: calc(100vh - 218px) !important;
  min-height: calc(100vh - 218px) !important;
}
.table-main-3[data-v-38e7cb54] {
  max-height: calc(100vh - 197px) !important;
  min-height: calc(100vh - 197px) !important;
}
.table-main-4[data-v-38e7cb54] {
  max-height: calc(100vh - 101px) !important;
  min-height: calc(100vh - 101px) !important;
}
.slide-fade-enter-active[data-v-38e7cb54] {
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.slide-fade-leave-active[data-v-38e7cb54] {
  -webkit-transition: all 0.1s cubic-bezier(1, 0.5, 0.8, 1);
  transition: all 0.1s cubic-bezier(1, 0.5, 0.8, 1);
}
.slide-fade-enter[data-v-38e7cb54],
.slide-fade-leave-to[data-v-38e7cb54] {
  -webkit-transform: translateX(10px);
          transform: translateX(10px);
  opacity: 0;
}
.text-ellipsis-2-line[data-v-38e7cb54] {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  max-height: 42px;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}