/* root overrides start */
:root {
    --bs-list-group-active-bg: #4f0a81;
    --bs-list-group-active-border-color: #4f0a81;
    --bs-list-group-active-color: #ffffff;
    --bs-btn-active-bg: #4f0a81;
    --bs-btn-active-border-color: #4f0a81;
    --bs-btn-active-color: #ffffff;
    --bs-btn-disabled-bg: #e9ecef;
    --bs-btn-disabled-border-color: #ced4da;
    --bs-btn-disabled-color: #6c757d;
    --bs-btn-focus-shadow-rgb: 79, 10, 129;
}
/* root overrides end */

/* list group colors overrides start */
/* NOTE: bootstrap hardcodes colors for list group items, so root variables won't affect them, so we need to override them here */
.list-group {
    --bs-list-group-active-color: #fff;
    --bs-list-group-active-bg: #4f0a81;
    --bs-list-group-active-border-color: #4f0a81;
}
/* list group colors overrides end */

/* Primary color overrides start */

.btn-primary{
    background-color: #741f74;
    border-color: #4b214b;
}
.btn-primary:hover{
    background-color: #582458;
    border-color: #582458;
}
.btn-primary:not(:disabled):not(.disabled):active,
.btn-primary:not(:disabled):not(.disabled).active,
.show > .btn-primary.dropdown-toggle{
    background-color: #6f2dbd !important;
    border-color: #9b6ddf !important;
    background-image: none !important;
}
.btn-primary:focus{
    background-color: #9b6ddf !important;
    border-color: #6f2dbd !important;
    background-image: none !important;
}
.btn-primary:focus-visible{
    background-color: #6f2dbd !important;
    border-color: #9b6ddf !important;
    background-image: none !important;
}
.btn-primary:target{
    background-color: #6f2dbd;
    border-color: #9b6ddf;
}
 *:focus:not(:focus-visible) { outline: none; }

.btn:disabled,
.btn.disabled{
    background-color: #e9ecef !important;
    border-color: #ced4da !important;
    color: black !important;
    pointer-events: none !important;
    background-image: repeating-linear-gradient(
        45deg,
        rgba(255, 255, 255, 0.35),
        rgba(255, 255, 255, 0.35) 6px,
        rgba(0, 0, 0, 0.08) 6px,
        rgba(0, 0, 0, 0.08) 12px
    ) !important;
}

.form-check-input:disabled,
.form-check-input.disabled {
    background-image: repeating-linear-gradient(
        45deg,
        rgba(255, 255, 255, 0.35),
        rgba(255, 255, 255, 0.35) 3px,
        rgba(0, 0, 0, 0.35) 3px,
        rgba(0, 0, 0, 0.35) 6px
    ) !important;
}

.bg-primary{
    background-color: #8f2e8f !important;
}
.text-primary {
    color: #8f2e8f !important;
}
.border-primary {
    border-color: #8f2e8f !important;
}

/* Primary color overrides end */

/* Success color overrides start */
.btn-success {
    background-color: #86cb3a !important;
    border-color: #86cb3a !important;
    color: #fff !important;
}
.btn-success:hover,
.btn-success:focus,
.btn-success:not(:disabled):not(.disabled):active,
.btn-success:not(:disabled):not(.disabled).active,
.show > .btn-success.dropdown-toggle {
    background-color: #76b12f !important;
    border-color: #76b12f !important;
    background-image: none !important;
}
.btn-success:focus-visible {
    background-color: #76b12f !important;
    border-color: #76b12f !important;
    background-image: none !important;
}
.btn-success:target {
    background-color: #76b12f !important;
    border-color: #76b12f !important;
}
.bg-success {
    background-color: #86cb3a !important;
}
.text-success {
    color: #198754 !important;
}
.border-success {
    border-color: #86cb3a !important;
}
/* Success color overrides end */

/* custom class list start */

.custom--overflow-y--hidden {
    overflow-y: hidden;
}

.loading-overlay
{
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}

.loading-overlay.loading-overlay--fixed
{
  position: fixed;
  left: 0;
  top: 0;
  height: 100svh;
  width: 100%;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}

/* Dual range slider: two native range inputs are stacked on top of each other.
   Without this, the topmost input's track captures all pointer events and the
   underlying handle (min) becomes impossible to grab. Disabling pointer events
   on the track and re-enabling them only on the thumbs lets each handle be
   grabbed independently. These interdependent pseudo-element rules cannot be
   expressed with Bootstrap utilities. */
.custom--dual-range-slider--input {
  pointer-events: none;
}
.custom--dual-range-slider--input::-webkit-slider-thumb {
  pointer-events: auto;
}
.custom--dual-range-slider--input::-moz-range-thumb {
  pointer-events: auto;
}

/* custom class list start */