/*****************

customizing year sliders

******************/

.value-slider {
  width: 100%;
  height: 8px;
  background: #dddddd;
  border: none;
  border-radius: 5px;
  margin-bottom: 10px !important;
  margin-top: 20px;
}

.value-slider .ui-slider-range {
  background: #808080;
  border-radius: 5px;
}

.value-slider .ui-slider-handle {
  width: 10px;
  height: 9px;
  background: url(/themes/custom/gff/components/inner-pages/common/css/../img/slider-tick.png) no-repeat center center transparent;
  border: none;
  top: 100%;
  margin-left: -5px;
  cursor: pointer;
}

.ui-slider-pips .ui-slider-pip {
  top: auto;
  bottom: 100%;
  margin-bottom: 12px;
}

.value-slider .ui-slider-label {
  font-weight: 300;
  font-size: 11px;
  color: #808080;
}

.ui-slider-pips:not(.ui-slider-disabled) .ui-slider-pip:hover .ui-slider-label,
.value-slider .ui-slider-label:hover {
  font-weight: 300 !important;
  color: #1fa29c !important;
}

.ui-slider-pips .ui-slider-line {
  background: #808080;
  width: 1px;
  height: 5px;
  top: 100%;
  margin-top: 5px;
}

/****tooltip******/

.ui-slider-float .ui-slider-tip {
  opacity: 1;
  visibility: visible;
  background: #808080;
  color: #ffffff;
  top: -33px !important;
  font-size: 11px;
  font-weight: 600;
  height: 20px;
  border: none;
}

.ui-slider-float .ui-slider-tip:before {
  display: none;
}

.ui-slider-float .ui-slider-tip:after {
  width: 9px;
  height: 7px;
  background: url(/themes/custom/gff/components/inner-pages/common/css/../img/value-slider-arrow.png) no-repeat center center transparent;
  top: 100%;
  bottom: auto;
  border: none;
  margin-left: -3px;
}

.value-slider.single-select-field .ui-slider-handle {
  background: none;
  cursor: pointer;
}


/* range-slder-theme2 */

.range-slder-theme2 .ui-slider-pip:not(.ui-slider-pip-first):not(.ui-slider-pip-last) .ui-slider-label {
  opacity: 0;
}

.range-slder-theme2 .ui-slider-pip:hover .ui-slider-label,
.range-slder-theme2 .ui-slider-pip-selected-1 .ui-slider-label,
.range-slder-theme2 .ui-slider-pip-selected-2 .ui-slider-label {
  opacity: 1 !important;
}

.range-slder-theme2 .ui-slider-pip-selected-1 .ui-slider-label,
.range-slder-theme2 .ui-slider-pip-selected-2 .ui-slider-label {
  top: calc(100% + 29px);
}


/* slider--layout1 */
.slider--layout {
  --slider-range-clr: var(--clr-primary);
  --slider-bg: var(--clr-teal-tint);
  --slider-arrow-clr: var(--clr-primary);
}

.slider--layout .ui-widget {
  font-family: var(--primary-ff);
  background-color: var(--slider-bg);
  border: none;
}

.slider--layout .ui-slider-label {
  font-weight: var(--fw-light);
  font-size: var(--fs-12);
}

.slider--layout .ui-slider-range {
  background: var(--slider-range-clr);
}

.slider--layout .ui-slider-handle {
  left: 0%;
  border: 5px solid transparent;
  width: 0;
  height: 0;
  border-bottom-color: var(--slider-arrow-clr);
  background: none;
  border-bottom-width: 8px;
  margin-top: -5px;
}

.slider--layout .ui-slider-float .ui-slider-tip {
  background: var(--slider-arrow-clr);
  top: -36px !important;
}

.slider--layout .ui-slider-float .ui-slider-tip:after {
  border: 5px solid transparent;
  width: 0;
  height: 0;
  border-top-color: var(--slider-arrow-clr);
  background: none;
  border-top-width: 7px;
}