.notify-alert {
  z-index: 99999 !important;
}

.font-medium {
    font-size: 15px  !important;
}

.alert.alert-theme.notify-alert span[data-notify="message"] {
    padding: 20px !important;
}

body { padding-right: 0 !important }

.page-item:not(.active) .page-link {
  color: rgb(36, 105, 92) !important;
}

.page-item.active .page-link {
  background-color: rgb(36, 105, 92) !important;
  border-color: rgb(36, 105, 92) !important;
}

/* HTML: <div class="loader"></div> */
.loader {
  width: 65px;
  aspect-ratio: 1;
  position: relative;
}
.loader:before,
.loader:after {
  content: "";
  position: absolute;
  border-radius: 50px;
  box-shadow: 0 0 0 3px inset #fff;
  animation: l4 2.5s infinite;
}
.loader:after {
  animation-delay: -1.25s;
}
@keyframes l4 {
  0% {
    inset: 0 35px 35px 0;
  }
  12.5% {
    inset: 0 35px 0 0;
  }
  25% {
    inset: 35px 35px 0 0;
  }
  37.5% {
    inset: 35px 0 0 0;
  }
  50% {
    inset: 35px 0 0 35px;
  }
  62.5% {
    inset: 0 0 0 35px;
  }
  75% {
    inset: 0 0 35px 35px;
  }
  87.5% {
    inset: 0 0 35px 0;
  }
  100% {
    inset: 0 35px 35px 0;
  }
}

/* HTML: <div class="loader-bar"></div> */
.loader-bar {
  width: 15px;
  aspect-ratio: 1;
  --c: no-repeat linear-gradient(#ffffff 0 0);
  background:
    var(--c) 0%   50%,
    var(--c) 50%  50%,
    var(--c) 100% 50%;
  background-size: 20% 100%;
  animation: l1 1s infinite linear;
}
@keyframes l1 {
  0%  {background-size: 20% 100%,20% 100%,20% 100%}
  33% {background-size: 20% 10% ,20% 100%,20% 100%}
  50% {background-size: 20% 100%,20% 10% ,20% 100%}
  66% {background-size: 20% 100%,20% 100%,20% 10% }
  100%{background-size: 20% 100%,20% 100%,20% 100%}
}

/* HTML: <div class="loader"></div> */
.loader-circle-1 {
  width: 15px;
  aspect-ratio: 1;
  --_g: no-repeat radial-gradient(farthest-side,#ffffff 94%,#0000);
  background:
    var(--_g) 0    0,
    var(--_g) 100% 0,
    var(--_g) 100% 100%,
    var(--_g) 0    100%;
  background-size: 40% 40%;
  animation: l38 .5s infinite;
}
@keyframes l38 {
  100% {background-position: 100% 0,100% 100%,0 100%,0 0}
}

/* HTML: <div class="loader"></div> */
.loader-circle-2 {
  width: 15px;
  aspect-ratio: 1;
  --_g: no-repeat radial-gradient(farthest-side,#ffffff 90%,#0000);
  background: var(--_g), var(--_g), var(--_g), var(--_g);
  background-size: 40% 40%;
  animation: l46 1s infinite;
}
@keyframes l46 {
  0%  {background-position: 0 0      ,100% 0,100% 100%,0 100%}
  40%,
  50% {background-position: 100% 100%,100% 0,0    0   ,0 100%}
  90%,
  100%{background-position: 100% 100%,0 100%,0    0   ,100% 0}
}

.ts-control {
  border-color: #e6edef !important;
  border-radius: var(--bs-border-radius) !important;
}

.choices__inner {
    background-color: transparent !important;
    border: 1px solid #e6edef !important;
    border-radius: 0.375rem !important;
    padding: .375rem .75rem !important;
}