/* Estiliza a barra inteira (track) */
.noUi-target {
    background-color: #dee2e6; /* parecido com form-range */
    border: none;
    border-radius: 0.5rem;
    height: 0.4rem;
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
  }
  
  /* Conecta os dois handles com cor do tema */
.noUi-connect {
    background-color: #2405f2;
    border-radius: 0.5rem;
  }
  
  /* Estiliza os handles (bolinhas que você arrasta) */
.noUi-handle {
    width: 1.2rem !important;
    height: 1.2rem !important;
    border-radius: 50%;
    background-color: #2405f2;
    border: 2px solid #2405f2; 
    cursor: grab;
    box-shadow: none;
  }

.noUi-horizontal .noUi-handle {
    right: -17px;
    top: -0.4rem;
}

  
.noUi-handle:active {
    cursor: grabbing;
  }
  
  /* Remove decorações internas */
.noUi-handle::before,
.noUi-handle::after {
    display: none;
  }
  
  /* Tooltip estilo bootstrap */
.noUi-tooltip {
    background-color: #2405f2;
    color: #fff;
    border-radius: 0.25rem;
    font-size: 0.75rem;
    padding: 0.25rem 0.5rem;
    border: none;
    box-shadow: 0 0 0.25rem rgba(0, 0, 0, 0.2);
  }

.slider-div{ 
  width: 95%;
}