#pTitle {
  display: none;
}

.clickableRow tr {
  transition: transform 0.2s ease, background-color 0.3s ease, box-shadow 0.3s ease;
}

.clickableRow tr:hover {
  cursor: pointer;
  background-color: #f5f5f5;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
  transform: scale(1.005);
}

.showPageOf {
  margin: 0 8px 0 0;
}

.buttonGap {
  margin: 0 4px 0 4px;
}

.link {
  text-decoration: none;
}

.linkHover a:hover {
  text-decoration: underline;
}

.fs-9px {
  font-size: 9px !important;
}

.fs-10px {
  font-size: 10px !important;
}

.tw {
  table-layout: fixed;
}

.tw th {
  width: 38%;
}

.tw td {
  white-space: normal !important;
  word-wrap: break-word;
}

.navbar-nav {
  display: flex;
  flex-direction: column;
  margin: 20px 10px;
  overflow: hidden;
  gap: 12px;
  padding-right: var(--bs-gutter-x, 0);
}

.navbar-nav a {
  display: inline-block;
  padding: 8px 24px;
  border-radius: 20px;
  font-weight: 600;
  font-size: 15px;
  color: #333;
  width: 100%;
  text-decoration: none;
  background: linear-gradient(145deg, #ffffff, #f0f0f0);
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.04), inset 0 1px 1px rgba(255, 255, 255, 0.6);
  transition: all 0.25s ease-in-out;
  position: relative;
  overflow: hidden;
}

.navbar-nav a::after {
  content: "";
  position: absolute;
  bottom: 0px;
  left: 0;
  width: 0%;
  height: 4px;
  background-color: #007bff;
  transition: width 0.4s ease, left 0.4s ease;
}

.navbar-nav a:hover,
.navbar-nav a.active {
  background: linear-gradient(145deg, #e6e6e6, #ffffff);
  box-shadow: 0 6px 14px rgba(0, 0, 0, 0.08);
  color: #000;
  transform: translateY(-1px);
}

.navbar-nav a:hover::after,
.navbar-nav a.active::after {
  width: 100%;
  left: 0;
}

.center-wrapper {
  display: flex;
  height: 73vh;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}

.gradient_border {
  border: 1px solid #e0e0e0;
  padding: 1rem;
  border-radius: 20px;
  background: linear-gradient(to right, #f2f2f2, #fafafa);
}

.glow {
  border-radius: 20px;
  box-shadow: none;
  animation: glowPulse 3s ease-in-out infinite;
}

.modal .glow {
  border-radius: 0.5rem;
}

@keyframes glowPulse {

  0%,
  100% {
    box-shadow: none;
  }

  50% {
    box-shadow: 0 0 25px rgba(173, 216, 255, 0.8), 0 0 40px rgba(173, 216, 255, 0.5);
  }
}

.icon,
.iconMedium,
.bIcon {
  position: relative;
  padding-left: 1.9rem;
  padding-right: 0.85rem;
}

.bIcon {
  padding-left: 56px !important;
  text-align: left;
}

.iconMedium {
  padding-left: 3rem !important;
}

.icon::before,
.iconMedium::before,
.bIcon::before {
  content: '';
  position: absolute;
  left: 8px;
  top: 50%;
  transform: translateY(-50%);
  width: 16px;
  height: 16px;
  background-size: contain;
  background-repeat: no-repeat;
  display: inline-block;
}

.bIcon::before {
  left: 20px;
}

.iconMedium::before {
  width: 24px;
  height: 24px;
}

.export::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 384 512' fill='%23ffffff'%3E%3Cpath d='M369.9 97.98l-83.9-83.9C272.4 5.373 259.8 0 246.1 0H48C21.49 0 0 21.49 0 48v416c0 26.51 21.49 48 48 48h288c26.51 0 48-21.49 48-48V131.9c0-13.7-5.4-26.3-14.1-33.92zM256 51.4L332.6 128H256V51.4zM96 208v96H64v-96h32zm96 144H96v-32h96v32zm0-80H96v-32h96v32zm96 80h-64v-32h64v32zm0-80h-64v-32h64v32z'/%3E%3C/svg%3E");
}

.filter::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath fill='%23ffffff' d='M3 17v2h6v-2H3zM3 5v2h10V5H3zm10 16v-2h8v-2h-8v-2h-2v6h2zM7 9v2H3v2h4v2h2V9H7zm14 4v-2H11v2h10zm-6-4h2V7h4V5h-4V3h-2v6z'/%3E%3C/svg%3E");
}

.invoice::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 384 512'%3E%3Cpath fill='white' d='M64 0C28.7 0 0 28.7 0 64L0 448c0 35.3 28.7 64 64 64l256 0c35.3 0 64-28.7 64-64l0-288-128 0c-17.7 0-32-14.3-32-32L224 0 64 0zM256 0l0 128 128 0L256 0zM64 80c0-8.8 7.2-16 16-16l64 0c8.8 0 16 7.2 16 16s-7.2 16-16 16L80 96c-8.8 0-16-7.2-16-16zm0 64c0-8.8 7.2-16 16-16l64 0c8.8 0 16 7.2 16 16s-7.2 16-16 16l-64 0c-8.8 0-16-7.2-16-16zm128 72c8.8 0 16 7.2 16 16l0 17.3c8.5 1.2 16.7 3.1 24.1 5.1c8.5 2.3 13.6 11 11.3 19.6s-11 13.6-19.6 11.3c-11.1-3-22-5.2-32.1-5.3c-8.4-.1-17.4 1.8-23.6 5.5c-5.7 3.4-8.1 7.3-8.1 12.8c0 3.7 1.3 6.5 7.3 10.1c6.9 4.1 16.6 7.1 29.2 10.9l.5 .1c11.3 3.4 25.3 7.6 36.3 14.6c12.1 7.6 22.4 19.7 22.7 38.2c.3 19.3-9.6 33.3-22.9 41.6c-7.7 4.8-16.4 7.6-25.1 9.1l0 17.1c0 8.8-7.2 16-16 16s-16-7.2-16-16l0-17.8c-11.2-2.1-21.7-5.7-30.9-8.9c-2.1-.7-4.2-1.4-6.2-2.1c-8.4-2.8-12.9-11.9-10.1-20.2s11.9-12.9 20.2-10.1c2.5 .8 4.8 1.6 7.1 2.4c13.6 4.6 24.6 8.4 36.3 8.7c9.1 .3 17.9-1.7 23.7-5.3c5.1-3.2 7.9-7.3 7.8-14c-.1-4.6-1.8-7.8-7.7-11.6c-6.8-4.3-16.5-7.4-29-11.2l-1.6-.5c-11-3.3-24.3-7.3-34.8-13.7c-12-7.2-22.6-18.9-22.7-37.3c-.1-19.4 10.8-32.8 23.8-40.5c7.5-4.4 15.8-7.2 24.1-8.7l0-17.3c0-8.8 7.2-16 16-16z'/%3E%3C/svg%3E");
}

.list::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath fill='white' d='M40 48C26.7 48 16 58.7 16 72l0 48c0 13.3 10.7 24 24 24l48 0c13.3 0 24-10.7 24-24l0-48c0-13.3-10.7-24-24-24L40 48zM192 64c-17.7 0-32 14.3-32 32s14.3 32 32 32l288 0c17.7 0 32-14.3 32-32s-14.3-32-32-32L192 64zm0 160c-17.7 0-32 14.3-32 32s14.3 32 32 32l288 0c17.7 0 32-14.3 32-32s-14.3-32-32-32l-288 0zm0 160c-17.7 0-32 14.3-32 32s14.3 32 32 32l288 0c17.7 0 32-14.3 32-32s-14.3-32-32-32l-288 0zM16 232l0 48c0 13.3 10.7 24 24 24l48 0c13.3 0 24-10.7 24-24l0-48c0-13.3-10.7-24-24-24l-48 0c-13.3 0-24 10.7-24 24zM40 368c-13.3 0-24 10.7-24 24l0 48c0 13.3 10.7 24 24 24l48 0c13.3 0 24-10.7 24-24l0-48c0-13.3-10.7-24-24-24l-48 0z'/%3E%3C/svg%3E");
}

.session::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 576 512'%3E%3Cpath fill='white' d='M357.7 8.5c-12.3-11.3-31.2-11.3-43.4 0l-208 192c-9.4 8.6-12.7 22-8.5 34c87.1 25.3 155.6 94.2 180.3 181.6L464 416c26.5 0 48-21.5 48-48l0-112 32 0c13.2 0 25-8.1 29.8-20.3s1.6-26.2-8.1-35.2l-208-192zM288 208c0-8.8 7.2-16 16-16l64 0c8.8 0 16 7.2 16 16l0 64c0 8.8-7.2 16-16 16l-64 0c-8.8 0-16-7.2-16-16l0-64zM24 256c-13.3 0-24 10.7-24 24s10.7 24 24 24c101.6 0 184 82.4 184 184c0 13.3 10.7 24 24 24s24-10.7 24-24c0-128.1-103.9-232-232-232zm8 256a32 32 0 1 0 0-64 32 32 0 1 0 0 64zM0 376c0 13.3 10.7 24 24 24c48.6 0 88 39.4 88 88c0 13.3 10.7 24 24 24s24-10.7 24-24c0-75.1-60.9-136-136-136c-13.3 0-24 10.7-24 24z'/%3E%3C/svg%3E");
}

.csv::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512' fill='%23ffffff'%3E%3Cpath d='M0 64C0 28.7 28.7 0 64 0L224 0l0 128c0 17.7 14.3 32 32 32l128 0 0 144-208 0c-35.3 0-64 28.7-64 64l0 144-48 0c-35.3 0-64-28.7-64-64L0 64zm384 64l-128 0L256 0 384 128zM200 352l16 0c22.1 0 40 17.9 40 40l0 8c0 8.8-7.2 16-16 16s-16-7.2-16-16l0-8c0-4.4-3.6-8-8-8l-16 0c-4.4 0-8 3.6-8 8l0 80c0 4.4 3.6 8 8 8l16 0c4.4 0 8-3.6 8-8l0-8c0-8.8 7.2-16 16-16s16 7.2 16 16l0 8c0 22.1-17.9 40-40 40l-16 0c-22.1 0-40-17.9-40-40l0-80c0-22.1 17.9-40 40-40zm133.1 0l34.9 0c8.8 0 16 7.2 16 16s-7.2 16-16 16l-34.9 0c-7.2 0-13.1 5.9-13.1 13.1c0 5.2 3 9.9 7.8 12l37.4 16.6c16.3 7.2 26.8 23.4 26.8 41.2c0 24.9-20.2 45.1-45.1 45.1L304 512c-8.8 0-16-7.2-16-16s7.2-16 16-16l42.9 0c7.2 0 13.1-5.9 13.1-13.1c0-5.2-3-9.9-7.8-12l-37.4-16.6c-16.3-7.2-26.8-23.4-26.8-41.2c0-24.9 20.2-45.1 45.1-45.1zm98.9 0c8.8 0 16 7.2 16 16l0 31.6c0 23 5.5 45.6 16 66c10.5-20.3 16-42.9 16-66l0-31.6c0-8.8 7.2-16 16-16s16 7.2 16 16l0 31.6c0 34.7-10.3 68.7-29.6 97.6l-5.1 7.7c-3 4.5-8 7.1-13.3 7.1s-10.3-2.7-13.3-7.1l-5.1-7.7c-19.3-28.9-29.6-62.9-29.6-97.6l0-31.6c0-8.8 7.2-16 16-16z'/%3E%3C/svg%3E");
}

.calculator::before {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 384 512'%3e%3cpath fill='white' d='M64 0C28.7 0 0 28.7 0 64L0 448c0 35.3 28.7 64 64 64l256 0c35.3 0 64-28.7 64-64l0-384c0-35.3-28.7-64-64-64L64 0zM96 64l192 0c17.7 0 32 14.3 32 32l0 32c0 17.7-14.3 32-32 32L96 160c-17.7 0-32-14.3-32-32l0-32c0-17.7 14.3-32 32-32zm32 160a32 32 0 1 1 -64 0 32 32 0 1 1 64 0zM96 352a32 32 0 1 1 0-64 32 32 0 1 1 0 64zM64 416c0-17.7 14.3-32 32-32l96 0c17.7 0 32 14.3 32 32s-14.3 32-32 32l-96 0c-17.7 0-32-14.3-32-32zM192 256a32 32 0 1 1 0-64 32 32 0 1 1 0 64zm32 64a32 32 0 1 1 -64 0 32 32 0 1 1 64 0zm64-64a32 32 0 1 1 0-64 32 32 0 1 1 0 64zm32 64a32 32 0 1 1 -64 0 32 32 0 1 1 64 0zM288 448a32 32 0 1 1 0-64 32 32 0 1 1 0 64z'/%3e%3c/svg%3e");
}

.transfer::before {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 640 512'%3e%3cpath transform='translate(0,30)' fill='white' d='M535 41c-9.4-9.4-9.4-24.6 0-33.9s24.6-9.4 33.9 0l64 64c4.5 4.5 7 10.6 7 17s-2.5 12.5-7 17l-64 64c-9.4 9.4-24.6 9.4-33.9 0s-9.4-24.6 0-33.9l23-23L384 112c-13.3 0-24-10.7-24-24s10.7-24 24-24l174.1 0L535 41zM105 377l-23 23L256 400c13.3 0 24 10.7 24 24s-10.7 24-24 24L81.9 448l23 23c9.4 9.4 9.4 24.6 0 33.9s-24.6 9.4-33.9 0L7 441c-4.5-4.5-7-10.6-7-17s2.5-12.5 7-17l64-64c9.4-9.4 24.6-9.4 33.9 0s9.4 24.6 0 33.9zM96 64l241.9 0c-3.7 7.2-5.9 15.3-5.9 24c0 28.7 23.3 52 52 52l117.4 0c-4 17 .6 35.5 13.8 48.8c20.3 20.3 53.2 20.3 73.5 0L608 169.5 608 384c0 35.3-28.7 64-64 64l-241.9 0c3.7-7.2 5.9-15.3 5.9-24c0-28.7-23.3-52-52-52l-117.4 0c4-17-.6-35.5-13.8-48.8c-20.3-20.3-53.2-20.3-73.5 0L32 342.5 32 128c0-35.3 28.7-64 64-64zm64 64l-64 0 0 64c35.3 0 64-28.7 64-64zM544 320c-35.3 0-64 28.7-64 64l64 0 0-64zM320 352a96 96 0 1 0 0-192 96 96 0 1 0 0 192z'/%3e%3c/svg%3e");
}

.download::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath fill='%23ffffff' d='M288 32c0-17.7-14.3-32-32-32s-32 14.3-32 32l0 242.7-73.4-73.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3l128 128c12.5 12.5 32.8 12.5 45.3 0l128-128c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L288 274.7 288 32zM64 352c-35.3 0-64 28.7-64 64l0 32c0 35.3 28.7 64 64 64l384 0c35.3 0 64-28.7 64-64l0-32c0-35.3-28.7-64-64-64l-101.5 0-45.3 45.3c-25 25-65.5 25-90.5 0L165.5 352 64 352zm368 56a24 24 0 1 1 0 48 24 24 0 1 1 0-48z'/%3E%3C/svg%3E");
}

.bell-solid::before {
  background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%20448%20512%22%3E%3Cpath%20d%3D%22M224%200c-17.7%200-32%2014.3-32%2032V51.2C119%2066%2064%20130.6%2064%20208v18.8c0%2047-17.3%2092.4-48.5%20127.6l-7.4%208.3c-8.4%209.4-10.4%2022.9-5.3%2034.4S19.4%20416%2032%20416H416c12.6%200%2024-7.4%2029.2-18.9s3.1-25-5.3-34.4l-7.4-8.3C401.3%20319.2%20384%20273.9%20384%20226.8V208c0-77.4-55-142-128-156.8V32c0-17.7-14.3-32-32-32zm45.3%20493.3c12-12%2018.7-28.3%2018.7-45.3H224%20160c0%2017%206.7%2033.3%2018.7%2045.3s28.3%2018.7%2045.3%2018.7s33.3-6.7%2045.3-18.7z%22/%3E%3C/svg%3E");
}

.bell-regular::before {
  background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%20448%20512%22%3E%3Cpath%20d%3D%22M224%200c-17.7%200-32%2014.3-32%2032V49.9C119.5%2061.4%2064%20124.2%2064%20200v33.4c0%2045.4-15.5%2089.5-43.8%20124.9L5.3%20377c-5.8%207.2-6.9%2017.1-2.9%2025.4S14.8%20416%2024%20416H424c9.2%200%2017.6-5.3%2021.6-13.6s2.9-18.2-2.9-25.4l-14.9-18.6C399.5%20322.9%20384%20278.8%20384%20233.4V200c0-75.8-55.5-138.6-128-150.1V32c0-17.7-14.3-32-32-32zm0%2096h8c57.4%200%20104%2046.6%20104%20104v33.4c0%2047.9%2013.9%2094.6%2039.7%20134.6H72.3C98.1%20328%20112%20281.3%20112%20233.4V200c0-57.4%2046.6-104%20104-104h8zm64%20352H224%20160c0%2017%206.7%2033.3%2018.7%2045.3s28.3%2018.7%2045.3%2018.7s33.3-6.7%2045.3-18.7s18.7-28.3%2018.7-45.3z%22/%3E%3C/svg%3E");
}

.envelop-solid::before {
  background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M48%2064C21.5%2064%200%2085.5%200%20112c0%2015.1%207.1%2029.3%2019.2%2038.4L236.8%20313.6c11.4%208.5%2027%208.5%2038.4%200L492.8%20150.4c12.1-9.1%2019.2-23.3%2019.2-38.4c0-26.5-21.5-48-48-48L48%2064zM0%20176L0%20384c0%2035.3%2028.7%2064%2064%2064l384%200c35.3%200%2064-28.7%2064-64l0-208L294.4%20339.2c-22.8%2017.1-54%2017.1-76.8%200L0%20176z%22%20fill%3D%22white%22/%3E%3C/svg%3E");
}

.envelope-regular::before {
  background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M64%20112c-8.8%200-16%207.2-16%2016v22.1L220.5%20291.7c20.7%2017%2050.4%2017%2071.1%200L464%20150.1V128c0-8.8-7.2-16-16-16H64zM48%20212.2V384c0%208.8%207.2%2016%2016%2016H448c8.8%200%2016-7.2%2016-16V212.2L322%20328.8c-38.4%2031.5-93.7%2031.5-132%200L48%20212.2zM0%20128C0%2092.7%2028.7%2064%2064%2064H448c35.3%200%2064%2028.7%2064%2064V384c0%2035.3-28.7%2064-64%2064H64c-35.3%200-64-28.7-64-64V128z%22/%3E%3C/svg%3E");
}

.import::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath fill='white' d='M128 64c0-35.3 28.7-64 64-64L352 0l0 128c0 17.7 14.3 32 32 32l128 0 0 288c0 35.3-28.7 64-64 64l-256 0c-35.3 0-64-28.7-64-64l0-112 174.1 0-39 39c-9.4 9.4-9.4 24.6 0 33.9s24.6 9.4 33.9 0l80-80c9.4-9.4 9.4-24.6 0-33.9l-80-80c-9.4-9.4-24.6-9.4-33.9 0s-9.4 24.6 0 33.9l39 39L128 288l0-224zm0 224l0 48L24 336c-13.3 0-24-10.7-24-24s10.7-24 24-24l104 0zM512 128l-128 0L384 0 512 128z' /%3E%3C/svg%3E");
}

.sms::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath fill='white' d='M256 448c141.4 0 256-93.1 256-208S397.4 32 256 32S0 125.1 0 240c0 45.1 17.7 86.8 47.7 120.9c-1.9 24.5-11.4 46.3-21.4 62.9c-5.5 9.2-11.1 16.6-15.2 21.6c-2.1 2.5-3.7 4.4-4.9 5.7c-.6 .6-1 1.1-1.3 1.4l-.3 .3c-4.6 4.6-5.9 11.4-3.4 17.4c2.5 6 8.3 9.9 14.8 9.9c28.7 0 57.6-8.9 81.6-19.3c22.9-10 42.4-21.9 54.3-30.6c31.8 11.5 67 17.9 104.1 17.9zM96 212.8c0-20.3 16.5-36.8 36.8-36.8l19.2 0c8.8 0 16 7.2 16 16s-7.2 16-16 16l-19.2 0c-2.7 0-4.8 2.2-4.8 4.8c0 1.6 .8 3.1 2.2 4l29.4 19.6c10.3 6.8 16.4 18.3 16.4 30.7c0 20.3-16.5 36.8-36.8 36.8L112 304c-8.8 0-16-7.2-16-16s7.2-16 16-16l27.2 0c2.7 0 4.8-2.2 4.8-4.8c0-1.6-.8-3.1-2.2-4l-29.4-19.6C102.2 236.7 96 225.2 96 212.8zM372.8 176l19.2 0c8.8 0 16 7.2 16 16s-7.2 16-16 16l-19.2 0c-2.7 0-4.8 2.2-4.8 4.8c0 1.6 .8 3.1 2.2 4l29.4 19.6c10.2 6.8 16.4 18.3 16.4 30.7c0 20.3-16.5 36.8-36.8 36.8L352 304c-8.8 0-16-7.2-16-16s7.2-16 16-16l27.2 0c2.7 0 4.8-2.2 4.8-4.8c0-1.6-.8-3.1-2.2-4l-29.4-19.6c-10.2-6.8-16.4-18.3-16.4-30.7c0-20.3 16.5-36.8 36.8-36.8zm-152 6.4L256 229.3l35.2-46.9c4.1-5.5 11.3-7.8 17.9-5.6s10.9 8.3 10.9 15.2l0 96c0 8.8-7.2 16-16 16s-16-7.2-16-16l0-48-19.2 25.6c-3 4-7.8 6.4-12.8 6.4s-9.8-2.4-12.8-6.4L224 240l0 48c0 8.8-7.2 16-16 16s-16-7.2-16-16l0-96c0-6.9 4.4-13 10.9-15.2s13.7 .1 17.9 5.6z'/%3E%3C/svg%3E");
}

.database::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3Cpath fill='white' d='M448 80l0 48c0 44.2-100.3 80-224 80S0 172.2 0 128L0 80C0 35.8 100.3 0 224 0S448 35.8 448 80zM393.2 214.7c20.8-7.4 39.9-16.9 54.8-28.6L448 288c0 44.2-100.3 80-224 80S0 332.2 0 288L0 186.1c14.9 11.8 34 21.2 54.8 28.6C99.7 230.7 159.5 240 224 240s124.3-9.3 169.2-25.3zM0 346.1c14.9 11.8 34 21.2 54.8 28.6C99.7 390.7 159.5 400 224 400s124.3-9.3 169.2-25.3c20.8-7.4 39.9-16.9 54.8-28.6l0 85.9c0 44.2-100.3 80-224 80S0 476.2 0 432l0-85.9z' /%3E%3C/svg%3E");
}

.envelope_open_regular::before {
  background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M255.4%2048.2c.2-.1%20.4-.2%20.6-.2s.4%20.1%20.6%20.2L460.6%20194c2.1%201.5%203.4%203.9%203.4%206.5v13.6L291.5%20355.7c-20.7%2017-50.4%2017-71.1%200L48%20214.1V200.5c0-2.6%201.2-5%203.4-6.5L255.4%2048.2zM48%20276.2L190%20392.8c38.4%2031.5%2093.7%2031.5%20132%200L464%20276.2V456c0%204.4-3.6%208-8%208H56c-4.4%200-8-3.6-8-8V276.2zM256%200c-10.2%200-20.2%203.2-28.5%209.1L23.5%20154.9C8.7%20165.4%200%20182.4%200%20200.5V456c0%2030.9%2025.1%2056%2056%2056H456c30.9%200%2056-25.1%2056-56V200.5c0-18.1-8.7-35.1-23.4-45.6L284.5%209.1C276.2%203.2%20266.2%200%20256%200z%22/%3E%3C/svg%3E");
}

.calendar::before {
  background-image: url("data:image/svg+xml,%3Csvg%20width%3D%22300%22%20height%3D%22300%22%20viewBox%3D%220%200%20300%20300%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%3Crect%20x%3D%2210%22%20y%3D%2210%22%20width%3D%22280%22%20height%3D%22280%22%20rx%3D%2220%22%20ry%3D%2220%22%20fill%3D%22%23ffffff%22%20stroke%3D%22%23333333%22%20stroke-width%3D%224%22/%3E%3Crect%20x%3D%2210%22%20y%3D%2210%22%20width%3D%22280%22%20height%3D%2240%22%20rx%3D%225%22%20ry%3D%225%22%20fill%3D%22%234285f4%22%20stroke%3D%22%23357ae8%22%20stroke-width%3D%221%22/%3E%3Cline%20x1%3D%2230%22%20y1%3D%2230%22%20x2%3D%27270%27%20y2%3D%2730%27%20stroke%3D%22%23ffffff%22%20stroke-width%3D%223%22/%3E%3Cline%20x1%3D%2210%22%20y1%3D%2250%22%20x2%3D%22290%22%20y2%3D%2250%22%20stroke%3D%22%23666666%22%20stroke-width%3D%222%22/%3E%3Cline%20x1%3D%2210%22%20y1%3D%2290%22%20x2%3D%22290%22%20y2%3D%2290%22%20stroke%3D%22%23666666%22%20stroke-width%3D%222%22/%3E%3Cline%20x1%3D%2210%22%20y1%3D%22130%22%20x2%3D%22290%22%20y2%3D%22130%22%20stroke%3D%22%23666666%22%20stroke-width%3D%222%22/%3E%3Cline%20x1%3D%2210%22%20y1%3D%22170%22%20x2%3D%22290%22%20y2%3D%22170%22%20stroke%3D%22%23666666%22%20stroke-width%3D%222%22/%3E%3Cline%20x1%3D%2210%22%20y1%3D%22210%22%20x2%3D%22290%22%20y2%3D%22210%22%20stroke%3D%22%23666666%22%20stroke-width%3D%222%22/%3E%3Cline%20x1%3D%2210%22%20y1%3D%22250%22%20x2%3D%22290%22%20y2%3D%22250%22%20stroke%3D%22%23666666%22%20stroke-width%3D%222%22/%3E%3Cline%20x1%3D%2260%22%20y1%3D%2250%22%20x2%3D%2260%22%20y2%3D%22270%22%20stroke%3D%22%23666666%22%20stroke-width%3D%222%22/%3E%3Cline%20x1%3D%22110%22%20y1%3D%2250%22%20x2%3D%22110%22%20y2%3D%22270%22%20stroke%3D%22%23666666%22%20stroke-width%3D%222%22/%3E%3Cline%20x1%3D%22160%22%20y1%3D%2250%22%20x2%3D%22160%22%20y2%3D%22270%22%20stroke%3D%22%23666666%22%20stroke-width%3D%222%22/%3E%3Cline%20x1%3D%22210%22%20y1%3D%2250%22%20x2%3D%22210%22%20y2%3D%22270%22%20stroke%3D%22%23666666%22%20stroke-width%3D%222%22/%3E%3Cline%20x1%3D%22260%22%20y1%3D%2250%22%20x2%3D%22260%22%20y2%3D%22270%22%20stroke%3D%22%23666666%22%20stroke-width%3D%222%22/%3E%3C/svg%3E");
}

.message::before {
  margin-top: 3px;
  background-image: url("data:image/svg+xml,%3Csvg%20width%3D%22150%22%20height%3D%22120%22%20viewBox%3D%220%200%2032%2028%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20fill%3D%22none%22%3E%3Cpath%20d%3D%22M3%202h26a2%202%200%200%201%202%202v18a2%202%200%200%201-2%202h-8l-5%205v-5H3a2%202%200%200%201-2-2V4a2%202%200%200%201%202-2z%22%20fill%3D%22%231A73E8%22/%3E%3Crect%20x%3D%225%22%20y%3D%228%22%20width%3D%2222%22%20height%3D%222%22%20rx%3D%221%22%20fill%3D%22white%22/%3E%3Crect%20x%3D%225%22%20y%3D%2213%22%20width%3D%2218%22%20height%3D%222%22%20rx%3D%221%22%20fill%3D%22white%22/%3E%3Crect%20x%3D%225%22%20y%3D%2218%22%20width%3D%2220%22%20height%3D%222%22%20rx%3D%221%22%20fill%3D%22white%22/%3E%3C/svg%3E");
}

.reload::before {
  background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%3Cpath%20d%3D%22M18.5%207.5A8.05%208.05%200%200%200%2012%205a8%208%200%201%200%208%208h-2a6%206%200%201%201-6-6c1.6%200%203.16.55%204.4%201.5L14.5%2011h6V4l-2.5%202.5z%22%20fill%3D%22white%22/%3E%3C/svg%3E");
}

.plus::before {
  background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%3E%3Cpath%20d%3D%22M12%204v16M4%2012h16%22%20stroke%3D%22currentColor%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22/%3E%3C/svg%3E");
}

.trash::before {
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3 6H5H21' stroke='%23FFFFFF' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M8 6V4C8 3.46957 8.21071 2.96086 8.58579 2.58579C8.96086 2.21071 9.46957 2 10 2H14C14.5304 2 15.0391 2.21071 15.4142 2.58579C15.7893 2.96086 16 3.46957 16 4V6M19 6V20C19 20.5304 18.7893 21.0391 18.4142 21.4142C18.0391 21.7893 17.5304 22 17 22H7C6.46957 22 5.96086 21.7893 5.58579 21.4142C5.21071 21.0391 5 20.5304 5 20V6H19Z' stroke='%23FFFFFF' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M10 11V17' stroke='%23FFFFFF' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M14 11V17' stroke='%23FFFFFF' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}

.edit::before {
  background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%3Cpath%20d%3D%22M3%2021H21%22%20stroke%3D%22%23FFFFFF%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22/%3E%3Cpath%20d%3D%22M16.5%203.5L20.5%207.5L7.5%2020.5H3.5V16.5L16.5%203.5Z%22%20stroke%3D%22%23FFFFFF%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22/%3E%3Cpath%20d%3D%22M16.5%203.5L20.5%207.5L16.5%203.5Z%22%20fill%3D%22%23FFFFFF%22/%3E%3C/svg%3E");
}

.slideUpCard {
  border-radius: 1rem;
  padding: 2rem 3rem;
  background: #ffffff;
  backdrop-filter: blur(10px);
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
  color: #444444;
  text-align: center;
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
  animation: fadeSlideUp 1.2s ease-out;
}

.slideUpCard h1 {
  font-size: 2.5rem;
  margin-bottom: 1rem;
}

.slideUpCard p {
  font-size: 1.25rem;
}

@keyframes fadeSlideUp {
  0% {
    opacity: 0;
    transform: translateY(30px);
  }

  100% {
    opacity: 1;
    transform: translateY(0);
  }
}

@media (max-width: 768px) {
  .navbar-nav {
    gap: 0px;
  }

  .navbar-nav a {
    padding: 12px 24px;
  }

  .center-wrapper .col-md-4 {
    width: 100% !important;
    margin: 1rem !important;
  }

  .slideUpCard h1 {
    font-size: 35px;
  }

  .smallTable {
    font-size: 0.7rem;
    padding: 0.3rem;
  }
}

.singleLine {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

#header {
  height: 88px;
}

@media (min-width: 768px) {

  html,
  body {
    height: 100%;
    overflow: hidden;
  }

  .scroll-wrapper {
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch;
    max-height: 100%;
    height: calc(100vh - 88px);
  }

  .singleLine th {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }

  .customerProfile th {
    width: 45%;
  }

  .customerProfile td {
    width: 55%;
  }

}

@media (min-width: 992px) {
  .tw th {
    width: 25%;
  }

  .navbar-nav {
    margin: 0px;
  }
}

.navbar-brand {
  font-weight: 700;
}

.notificationBell {
  position: relative;
  padding: 8px 10px 5px 10px;
  cursor: pointer;
  border-radius: 10px;
}

.notificationBell:hover,
.notificationBell.show {
  background-color: #f1f1f1;
}

#nCount {
  position: absolute;
  top: 0;
  border-radius: 9px;
  padding: 0 6px;
  background-color: #dc3545;
  color: #ffffff;
  font-size: 0.8em;
  line-height: 1.3;
  font-weight: 500;
  left: 26px;
}

.bell {
  width: 20px;
  height: 24px;
  background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%20448%20512%22%3E%3Cpath%20d%3D%22M224%200c-17.7%200-32%2014.3-32%2032V49.9C119.5%2061.4%2064%20124.2%2064%20200v33.4c0%2045.4-15.5%2089.5-43.8%20124.9L5.3%20377c-5.8%207.2-6.9%2017.1-2.9%2025.4S14.8%20416%2024%20416H424c9.2%200%2017.6-5.3%2021.6-13.6s2.9-18.2-2.9-25.4l-14.9-18.6C399.5%20322.9%20384%20278.8%20384%20233.4V200c0-75.8-55.5-138.6-128-150.1V32c0-17.7-14.3-32-32-32zm0%2096h8c57.4%200%20104%2046.6%20104%20104v33.4c0%2047.9%2013.9%2094.6%2039.7%20134.6H72.3C98.1%20328%20112%20281.3%20112%20233.4V200c0-57.4%2046.6-104%20104-104h8zm64%20352H224%20160c0%2017%206.7%2033.3%2018.7%2045.3s28.3%2018.7%2045.3%2018.7s33.3-6.7%2045.3-18.7s18.7-28.3%2018.7-45.3z%22/%3E%3C/svg%3E");
}

.notificationBell.show .bell,
.notificationBell:hover .bell {
  background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%20448%20512%22%3E%3Cpath%20d%3D%22M224%200c-17.7%200-32%2014.3-32%2032V51.2C119%2066%2064%20130.6%2064%20208v18.8c0%2047-17.3%2092.4-48.5%20127.6l-7.4%208.3c-8.4%209.4-10.4%2022.9-5.3%2034.4S19.4%20416%2032%20416H416c12.6%200%2024-7.4%2029.2-18.9s3.1-25-5.3-34.4l-7.4-8.3C401.3%20319.2%20384%20273.9%20384%20226.8V208c0-77.4-55-142-128-156.8V32c0-17.7-14.3-32-32-32zm45.3%20493.3c12-12%2018.7-28.3%2018.7-45.3H224%20160c0%2017%206.7%2033.3%2018.7%2045.3s28.3%2018.7%2045.3%2018.7s33.3-6.7%2045.3-18.7z%22/%3E%3C/svg%3E");
}

#navbarDarkDropdownMenuLink {
  margin-right: 50px;
}

.envelop {
  width: 30px;
  height: 30px;
  padding: 5px;
  border-radius: 6px;
  background-size: 20px 20px;
  background-repeat: no-repeat;
  background-position: center;
}

.envelop-open {
  background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M255.4%2048.2c.2-.1%20.4-.2%20.6-.2s.4%20.1%20.6%20.2L460.6%20194c2.1%201.5%203.4%203.9%203.4%206.5v13.6L291.5%20355.7c-20.7%2017-50.4%2017-71.1%200L48%20214.1V200.5c0-2.6%201.2-5%203.4-6.5L255.4%2048.2zM48%20276.2L190%20392.8c38.4%2031.5%2093.7%2031.5%20132%200L464%20276.2V456c0%204.4-3.6%208-8%208H56c-4.4%200-8-3.6-8-8V276.2zM256%200c-10.2%200-20.2%203.2-28.5%209.1L23.5%20154.9C8.7%20165.4%200%20182.4%200%20200.5V456c0%2030.9%2025.1%2056%2056%2056H456c30.9%200%2056-25.1%2056-56V200.5c0-18.1-8.7-35.1-23.4-45.6L284.5%209.1C276.2%203.2%20266.2%200%20256%200z%22/%3E%3C/svg%3E");
}

.envelop-closed {
  background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M64%20112c-8.8%200-16%207.2-16%2016v22.1L220.5%20291.7c20.7%2017%2050.4%2017%2071.1%200L464%20150.1V128c0-8.8-7.2-16-16-16H64zM48%20212.2V384c0%208.8%207.2%2016%2016%2016H448c8.8%200%2016-7.2%2016-16V212.2L322%20328.8c-38.4%2031.5-93.7%2031.5-132%200L48%20212.2zM0%20128C0%2092.7%2028.7%2064%2064%2064H448c35.3%200%2064%2028.7%2064%2064V384c0%2035.3-28.7%2064-64%2064H64c-35.3%200-64-28.7-64-64V128z%22/%3E%3C/svg%3E");
}

.envelop:hover {
  cursor: pointer;
  background-color: #e1e1e1;
}

.clickHover:hover {
  cursor: pointer;
}

.fade-animate {
  animation: fadeZoomIn 0.3s ease;
}

@keyframes fadeZoomIn {
  0% {
    opacity: 0;
    transform: scale(0.995);
  }

  100% {
    opacity: 1;
    transform: scale(1);
  }
}

.hover {
  background-color: transparent;
  transition: background-color 0.3s ease, box-shadow 0.3s ease;
}

.hover:hover {
  background-color: #e1e1e1;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
  cursor: pointer;
}

.navbar {
  border-bottom: 5px dotted #f0f0f0;
}

.navBottom {
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 999;
  border-bottom: 5px dotted #f0f0f0;
}

.dropdown-menu {
  max-height: 400px;
  overflow-y: auto;
  padding: 0;
  left: auto !important;
}

#aNdm {
  width: 200px;
}

#aNdm li {
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 13px;
  line-height: 1.3;
  border-bottom: 1px solid #e9ecef;
  cursor: pointer;
  border-radius: 4px;
  transition: background-color 0.3s ease,
    border-radius 0.3s ease,
    box-shadow 0.2s ease,
    transform 0.2s ease;
}

#aNdm li:hover {
  background-color: #f8f9fa;
  border-radius: 6px;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.06);
  transform: translateY(-1px);
}

#aNdm li strong {
  color: var(--bs-body-color);
  font-weight: 600;
  font-size: 15px;
}

#aNdm li a {
  color: #6c757d;
  text-decoration: none;
  padding: 10px 15px;
  flex-grow: 1;
}

#aNdm span {
  margin-right: 4px;
}

.see-more-btn {
  transition: background-color 0.2s ease, color 0.2s ease;
}

.see-more-btn:hover {
  background-color: #f1f3f5;
  color: #0056b3;
}

.more::before {
  content: "";
  display: inline-block;
  width: 12px;
  height: 12px;
  margin-bottom: 3px;
  margin-right: 2px;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  vertical-align: middle;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath fill='%230056b3' d='M256 0a256 256 0 1 0 0 512A256 256 0 1 0 256 0zM135 241c-9.4-9.4-9.4-24.6 0-33.9s24.6-9.4 33.9 0l87 87 87-87c9.4-9.4 24.6-9.4 33.9 0s9.4 24.6 0 33.9L273 345c-9.4 9.4-24.6 9.4-33.9 0L135 241z'/%3E%3C/svg%3E");
}


.dropdown-item {
  padding: 5px 2px 5px 10px;
  border-bottom: 1px dotted #f0f0f0;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}

.dropdown-item a {
  text-decoration: none;
  margin-right: 5px;
  color: #222;
}

.custom-dropdown-btn {
  border: 1px solid #ced4da;
  text-align: left;
  position: relative;
  padding-right: 30px;
}

.custom-dropdown-btn:hover {
  border: 1px solid #b8bfc7;
}

.custom-dropdown-btn::after {
  content: '';
  border-style: solid;
  border-width: 0.3em 0.3em 0 0.3em;
  display: inline-block;
  vertical-align: middle;
  margin-left: 0.3em;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 10px;
}

#loading {
  vertical-align: middle;
}

#loading::after {
  content: "";
  display: inline-block;
  width: 32px;
  height: 32px;
  border: 3px solid #ccc;
  border-radius: 50%;
  border-top: 3px solid #3498db;
  animation: spin 1s linear infinite;
}

@keyframes spin {
  0% {
    transform: rotate(0deg);
  }

  100% {
    transform: rotate(360deg);
  }
}

.gradient-border {
  position: relative;
  padding: 16px 16px 8px 16px;
  background: #fff;
  border-radius: 0 0 12px 12px;
  overflow: hidden;
}

.gradient-border::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 8px;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  border-bottom-left-radius: 12px;
  border-bottom-right-radius: 12px;
  z-index: 1;
}

.top-gradient-border::before {
  background: linear-gradient(90deg, #ff5f6d, #ffc371);
  background-size: 400% 100%;
}

.sunset-gradient-border::before {
  background: linear-gradient(90deg, #ff6a00, #ee0979, #ff6a00);
  background-size: 400% 100%;
}

.ocean-gradient-border::before {
  background: linear-gradient(90deg, #00c6ff, #0072ff, #00c6ff);
  background-size: 400% 100%;
}

.form-group {
  position: relative;
}

.form-control {
  padding: .7rem .75rem .7rem .75rem;
}

.form-control:focus {
  border-color: #007bff;
  box-shadow: 0 0 5px rgba(0, 123, 255, 0.5);
}

.cLabel {
  position: absolute;
  top: 0.7rem;
  left: 0.5rem;
  pointer-events: none;
  transition: all 0.3s;
  background-color: white;
  padding: 0 5px;
  color: #999;
}

.sLabel {
  position: absolute;
  background-color: white;
  z-index: 1;
}

.sLabel,
.form-control:focus~.cLabel,
.form-control:not(:placeholder-shown)~.cLabel {
  top: -0.9rem;
  left: 0.5rem;
  font-size: 1rem;
  color: #555;
  background-color: white;
  padding: 0 1px;
  border-radius: 3px;
}

#loading_container {
  width: 100%;
  height: 4px;
  background-color: #f3f3f3;
  border-radius: 5px;
  overflow: hidden;
  position: relative;
}

#loading_bar {
  width: 0%;
  height: 100%;
  background-color: #99ccff;
  animation: loading 1s infinite;
  border-radius: 5px;
}

@keyframes loading {
  0% {
    width: 0%;
  }

  50% {
    width: 50%;
  }

  100% {
    width: 100%;
  }
}

#dynamic_contents .card {
  transition: opacity 0.3s ease, transform 0.3s ease;
  opacity: 1;
  transform: scale(1);
  height: 100%;
  box-shadow: 0 .5rem 1rem rgba(0, 0, 0, 0.15);
}

#dynamic_contents .card.fade-out {
  opacity: 0;
  transform: scale(0.95);
}

#dynamic_contents .card:hover,
.table-success .card {
  cursor: pointer;
  background-color: #f5f5f5;
  transform: translateY(-2px);
  transition: transform 0.2s ease;
}

.table-success .card {
  background-color: #d1e7dd;
}

#dynamic_contents .card-body {
  display: flex;
}

#dynamic_contents a {
  text-decoration: none;
}

.avatar {
  width: 48px;
  height: 48px;
  font-size: 18px;
  align-content: center;
  line-height: 1;
  text-align: center;
  background-color: #0d6efd;
  color: #fff;
  font-weight: bold;
  flex-shrink: 0;
  border-radius: 50%;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.25);
  border: 3px solid rgba(255, 255, 255, 0.3);
}

.circle {
  width: 12px;
  height: 12px;
  display: inline-block;
  border-radius: 50%;
}

.flashingLED::before {
  content: "";
  display: inline-block;
  width: 12px;
  height: 12px;
  margin-right: 6px;
  vertical-align: middle;
  margin-bottom: 4px;
  border-radius: 50%;
  background: radial-gradient(circle at 30% 30%, #198754, #0a2c18);
  box-shadow:
    inset -1px -1px 2px rgba(255, 255, 255, 0.3),
    inset 2px 2px 2px rgba(0, 0, 0, 0.5),
    0 0 3px 1px rgba(25, 135, 84, 0.6),
    0 0 2px 0.5px rgba(25, 135, 84, 0.8);
  transition: all 0.15s ease-in-out;
}

.flashingLED.led-on::before {
  background: radial-gradient(circle at 30% 30%, #32d47e, #198754);
  box-shadow:
    0 0 5px 3px rgba(25, 135, 84, 0.8),
    inset -1px -1px 3px rgba(255, 255, 255, 0.5),
    inset 2px 2px 2px rgba(0, 0, 0, 0.4);
  transform: scale(1.05);
}

#dynamic_contents .details {
  flex-grow: 1 !important;
  padding-left: 0.5rem;
  overflow: hidden;
}

#dynamic_contents .title {
  font-weight: 600 !important;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.subTitle {
  font-size: 0.875rem;
  color: #6c757d;
  display: flex;
  gap: 0.25rem;
  align-items: center;
}

.handAnimate {
  display: inline-block;
  animation: wave 1.5s infinite;
  transform-origin: 70% 70%;
}

@keyframes wave {
  0% {
    transform: rotate(0deg);
  }

  10% {
    transform: rotate(14deg);
  }

  20% {
    transform: rotate(-8deg);
  }

  30% {
    transform: rotate(14deg);
  }

  40% {
    transform: rotate(-4deg);
  }

  50% {
    transform: rotate(10deg);
  }

  60% {
    transform: rotate(0deg);
  }

  100% {
    transform: rotate(0deg);
  }
}

.loadingDots::after {
  content: "";
  animation: dotsAnimation 1.5s steps(4, end) infinite;
}

@keyframes dotsAnimation {
  0% {
    content: "";
  }

  25% {
    content: ".";
  }

  50% {
    content: "..";
  }

  75% {
    content: "...";
  }

  100% {
    content: "";
  }
}