
/* https://stackoverflow.com/questions/44943464/plot-lydash-core-components-slider-color-change */


/* lado direito do handle (o que falta pra chegar no 100%) */
#replay_slider .rc-slider-rail,
#replay_slider .rc-slider-disabled .rc-slider-rail  {
    background-color: rgb(90,90,90);

}

/* cor do track (parte à esquerda do handle) quando está habilitado e desabilitado */
#replay_slider .rc-slider-track,
#replay_slider .rc-slider-disabled .rc-slider-track
{
    background-color: bisque;
}


/* parece ser a trilha do meio, quando desabilitado e habilitado */
#replay_slider .rc-slider-step {
    background-color: transparent
}



/* 'borda' em torno do slider, quando desabilitado */
#replay_slider .rc-slider-disabled {
    background-color: transparent
}


/* handle, quando habilitado */
#replay_slider .rc-slider-handle {
    background-color: rgb(50,50,50);
    border-color    : rgb(50,50,50);
    border-radius   : 2px;

    width           : 18px;
    height          : 18px;
}


/* cor do handle quando está desabilitado */
#replay_slider .rc-slider-disabled .rc-slider-handle {
    background-color: rgb(80,80,80);
    border-color    : rgb(80,80,80);



}



/* quando o handler está ativo, eg usuario clica nele e arrasta */
#replay_slider .rc-slider-handle:active {
    background-color: black;
    border-color    : black;
    box-shadow      : none;

}

/* quando passa o mouse no handle */
#replay_slider .rc-slider-handle:hover {
    border-color: black;
}


/* quando clica no handle */
#replay_slider .rc-slider-handle-click-focused:focus
{
    border-color: transparent;
}



