/* SLIDER STYLINGS */

/*
Define some standard colors
*/
:root {
  --bfr_blue: #00adc2;
  --bfr_lightblue: #a0bddc;
  --bfr_shadowblue: #7d98ca; /* #0550a4; */  
  --bfr_blue2: #00469e;
  --bfr_darkblue: #003f9a;
    
  --bfr_grey: #d1d2d4;
}

.rc-slider-handle {
    position: absolute;
    width: 4px;
    height: 14px;
    cursor: pointer;
    cursor: -webkit-grab;
    margin-top: -5px;
    cursor: grab;
    border-radius: 0%;
    border: solid 2px var(--bfr_blue); /*handle border color*/
    background-color: var(--bfr_blue); /*handle fill color*/
    -ms-touch-action: pan-x;
    touch-action: pan-x;
}

.rc-slider-handle:hover {
    border-color: #4b4b4b;
}

.rc-slider-handle:active {
    border-color: var(--bfr_darkblue); /*var(--bfr_shadowblue);*/
    box-shadow: 0 0 2px #414141;
    cursor: -webkit-grabbing;
    cursor: grabbing;
}

.rc-slider-handle:focus {
    border-color: #6c6c6c;
    box-shadow: 0 0 0 5px #d3d3d3;
    outline: none;
}

.rc-slider-handle-click-focused:focus {
    border-color: var(--bfr_blue); /*handle border color*/
    box-shadow: 0 0 0 2px var(--bfr_shadowblue); /*highlighted handle color*/
    outline: none;
}

.rc-slider-dot {
    position: absolute;
    bottom: -2px;
    margin-left: -4px;
    width: 2px;
    height: 8px;
    border: 1px solid #f8f8f8; /*unfilled mark color*/
    background-color: #c3c3c3; /*????*/
    cursor: pointer;
    border-radius: 0%;
    vertical-align: middle;
}
/*------------------------------------------*/
.rc-slider-dot-active {
    border-color: var(--bfr_blue); /*filled mark color*/
}

.rc-slider-rail {
    position: absolute;
    width: 100%;
    background-color: #f8f8f8;
    height: 4px;
    border-radius: 6px;
}

.rc-slider-track {
    position: absolute;
    left: 0;
    height: 4px;
    border-radius: 6px;
    background-color: var(--bfr_blue);  /*filled track color*/
}

.rc-slider-mark-text {
    white-space: pre-wrap !important;
}
/* 
PLACE THIS CODE IN THE HEAD SECTION OF OUR PAGES
<link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png">
<link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png">
<link rel="manifest" href="/site.webmanifest">
<link rel="mask-icon" href="/safari-pinned-tab.svg" color="#bd3636">
<meta name="msapplication-TileColor" content="#bd3636">
<meta name="theme-color" content="#f98a8a">
 */