/* prettier-ignore */
/*# sourceMappingURL=user.css.map */
.itms-uppercase-label {
    color: var(--phoenix-gray-500);
    font-weight: 700;
    font-size: 0.56rem;
    text-transform: uppercase;
  }

  .start-80 {
    left: 80% !important;
  }

  .start-10 {
    left: 10% !important;
  }
  
  .start-5 {
    left: 5% !important;
  }
  .start-2 {
    left: 2% !important;
  }
  .zoom-90{
    zoom: 90% !important;

  }
  .zoom-80{
    zoom: 80% !important;

  }
  .zoom-70{
    zoom: 70% !important;

  }
  .zoom-60{
    zoom: 60% !important;

  }
  .zoom-50{
    zoom: 50% !important;
  }
  .zoom-40{
    zoom: 40% !important;
  }
  .zoom-30{
    zoom: 30% !important;

  }

  body {
    --main-logo: url(assets/img/icons/logo.png) no-repeat;
  
  }
  
  body[data-bs-theme="dark"] {
    --main-logo: url(assets/img/icons/logo-w.png) no-repeat;
  }

  .spinner-grow-tiny {
    --phoenix-spinner-width: 6px;
    --phoenix-spinner-height: 6px;
  }

  input.yesno-switch.form-switch.form-check-input {
    /* set the CSS variables on the element */
    --bs-form-switch-bg: var(--phoenix-danger) !important;
    --bs-form-switch-border: var(--phoenix-danger) !important;
    --bs-form-switch-checked-bg: var(--phoenix-success) !important;
    --bs-form-switch-checked-border: var(--phoenix-success) !important;
  }
  /* Fallback direct styling if variables still don’t apply */
  input.yesno-switch.form-switch.form-check-input:not(:checked) {
    background-color: var(--phoenix-danger) !important;
    border-color: var(--phoenix-danger) !important;
  }
  input.yesno-switch.form-switch.form-check-input:not(:checked)::before {
    background-color: #fff !important;
  }
  input.yesno-switch.form-switch.form-check-input:checked {
    background-color: var(--phoenix-success) !important;
    border-color: var(--phoenix-success) !important;
  }
  input.yesno-switch.form-switch.form-check-input:checked::before {
    background-color: #fff !important;
  }