.notification-filter[data-v-25e2c93d]:hover{background-color:#f3f6f9;cursor:pointer}.notification-filter[data-v-25e2c93d]{border-radius:10px;padding:10px}.notification-filter img[data-v-25e2c93d]{width:40px;height:40px}.notification-filter span[data-v-25e2c93d]{font-size:16px;font-weight:500}.active[data-v-25e2c93d]{background-color:#f3f6f9;cursor:pointer}
.bg-color[data-v-3d74fcc8]{background:#f6f8fa}.border-bottom-color[data-v-3d74fcc8]{border-bottom:1px solid rgba(226,226,226,.6)}.description[data-v-3d74fcc8]{color:#85828f;font-size:14px;font-style:normal;font-weight:400;line-height:normal;letter-spacing:.223px;margin-top:5px}.name[data-v-3d74fcc8]{color:#000;font-size:16px;font-style:normal;font-weight:600;line-height:normal;letter-spacing:.223px}.date[data-v-3d74fcc8]{color:rgba(133,130,143,.7);font-size:14px;font-style:normal;font-weight:400;line-height:normal;letter-spacing:.223px;margin-left:5px}

.custom-scroll[data-v-0a66da20] {
  overflow-y: auto;
  position: relative;
  /* Subtle shadow at top and bottom to indicate scrollable content */
  background: linear-gradient(white 33%, rgba(255, 255, 255, 0)),
    linear-gradient(rgba(255, 255, 255, 0), white 66%) 0 100%,
    radial-gradient(
      farthest-side at 50% 0,
      rgba(0, 0, 0, 0.06),
      rgba(0, 0, 0, 0)
    ),
    radial-gradient(
        farthest-side at 50% 100%,
        rgba(0, 0, 0, 0.06),
        rgba(0, 0, 0, 0)
      )
      0 100%;
  background-repeat: no-repeat;
  background-size: 100% 40px, 100% 40px, 100% 14px, 100% 14px;
  background-attachment: local, local, scroll, scroll;
}

/* Custom scrollbar styling */
.custom-scroll[data-v-0a66da20]::-webkit-scrollbar {
  width: 6px;
}
.custom-scroll[data-v-0a66da20]::-webkit-scrollbar-track {
  background: #f1f1f1;
  border-radius: 3px;
}
.custom-scroll[data-v-0a66da20]::-webkit-scrollbar-thumb {
  background: #c1c1c1;
  border-radius: 3px;
}
.custom-scroll[data-v-0a66da20]::-webkit-scrollbar-thumb:hover {
  background: #a8a8a8;
}
.nav-line-tabs .nav-item.show .nav-link[data-v-0a66da20],
.nav-line-tabs .nav-item .nav-link[data-v-0a66da20]:hover:not(.disabled) {
  background-color: transparent;
  border: 0;
  border-bottom: 3px solid #18c5bd;
  transition: color 0.2s ease, background-color 0.2s ease;
  font-size: 16px;
  font-weight: 500;
  color: #18c5bd !important;
}
.nav-line-tabs.nav-line-tabs-2x .nav-item .nav-link.active[data-v-0a66da20] {
  color: #18c5bd !important;
  border: 0;
  border-bottom: 3px solid #18c5bd;
  transition: color 0.2s ease, background-color 0.2s ease;
  font-size: 16px;
  font-weight: 500;
}
.nav-line-tabs.nav-line-tabs-2x .nav-item .nav-link[data-v-0a66da20] {
  color: rgba(133, 130, 143, 0.7) !important;
  border: 0;
  transition: color 0.2s ease, background-color 0.2s ease;
  font-size: 16px;
  font-weight: 500;
}
.opacity-state-100[data-v-0a66da20]:hover,
.opacity-state-100.active[data-v-0a66da20] {
  opacity: 1 !important;
}
.custom-gutter > [class^="col-"][data-v-0a66da20] {
  padding-right: 8px;
  padding-left: 8px;
}
.custom-gutter[data-v-0a66da20] {
  margin-right: -8px;
  margin-left: -8px;
}