.slider.slider-horizontal .slider-track {
    height: 2px;
    width: 100%;
    margin-top: -4px;
    top: 50%;
    left: 0;
    box-shadow: none !important;
}
.slider-tick, .slider-handle  {
    -webkit-box-shadow: none !important;
    width: 14px;
    height: 14px;
}

.in-selection {
    background-image: linear-gradient(to bottom, #cacaca, #cacaca) !important;
}

.slider-track {
    background-color: #b7b7b7;
    background-image: -moz-linear-gradient(top, #b7b7b7, #b7b7b7);
    
    background-image: -o-linear-gradient(top, #b7b7b7, #b7b7b7);
    background-image: linear-gradient(to bottom, #b7b7b7, #b7b7b7);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e0e0e0', endColorstr='#e0e0e0',GradientType=0);
}

.slider {
    font-size: 0.8rem;
}

.slider-tick.round {
    border-radius: 50%;
    border: 2px solid rgb(36, 36, 36);
    top:-5px;
}

.slider-selection {
    background: #101010 !important;
    box-shadow: none !important;
    box-shadow: none !important;
}

.exact-slider-handle {
    
    background-image: linear-gradient(to bottom, #51ff62, #51ff62) !important;
    border: 2px solid black;
}

.portsCountSlider .slider-tick:first-child {
    background-image: linear-gradient(to bottom, #edebeb, #edebeb) !important;
    border: 2px solid rgb(255, 255, 255) !important;
}
.slider.slider-horizontal {
    width: 100%;
    height: 10px;
  }
  .slider-handle {
    background: none;
    background-color: var(--bs-primary);
    top: -5px;
    -webkit-box-shadow: 0 0.125rem 0.25rem 0 rgba(39, 39, 39, 0.2);
    box-shadow: 0 0.125rem 0.25rem 0 rgba(39, 39, 39, 0.2);
  }
  .slider-selection {
    background: none;
    background-color: var(--bs-gray-500);
  }
  .slider-track {
    background: none;
    background-color: var(--bs-gray-300);
  }
  .slider .tooltip {
    position: absolute;
    opacity: 0;
  }
  .slider .tooltip.show {
    opacity: 0.9;
  }
  .slider .tooltip .arrow {
    position: absolute;
    display: block;
    width: 0.8rem;
    height: 0.4rem;
  }
  .slider .tooltip .arrow::before {
    position: absolute;
    content: "";
    border-color: transparent;
    border-style: solid;
  }
  .slider .bs-tooltip-top,
  .slider .bs-tooltip-auto[x-placement^=top] {
    padding: 0.4rem 0;
  }
  .slider .bs-tooltip-top .arrow,
  .slider .bs-tooltip-auto[x-placement^=top] .arrow {
    bottom: 0;
  }
  .slider .bs-tooltip-top .arrow::before,
  .slider .bs-tooltip-auto[x-placement^=top] .arrow::before {
    top: 0;
    border-width: 0.4rem 0.4rem 0;
    border-top-color: #000;
  }
  .slider .bs-tooltip-right,
  .slider .bs-tooltip-auto[x-placement^=right] {
    padding: 0 0.4rem;
  }
  .slider .bs-tooltip-right .arrow,
  .slider .bs-tooltip-auto[x-placement^=right] .arrow {
    left: 0;
    width: 0.4rem;
    height: 0.8rem;
  }
  .slider .bs-tooltip-right .arrow::before,
  .slider .bs-tooltip-auto[x-placement^=right] .arrow::before {
    right: 0;
    border-width: 0.4rem 0.4rem 0.4rem 0;
    border-right-color: #000;
  }
  .slider .bs-tooltip-bottom,
  .slider .bs-tooltip-auto[x-placement^=bottom] {
    padding: 0.4rem 0;
  }
  .slider .bs-tooltip-bottom .arrow,
  .slider .bs-tooltip-auto[x-placement^=bottom] .arrow {
    top: 0;
  }
  .slider .bs-tooltip-bottom .arrow::before,
  .slider .bs-tooltip-auto[x-placement^=bottom] .arrow::before {
    bottom: 0;
    border-width: 0 0.4rem 0.4rem;
    border-bottom-color: #000;
  }
  .slider .bs-tooltip-left,
  .slider .bs-tooltip-auto[x-placement^=left] {
    padding: 0 0.4rem;
  }
  .slider .bs-tooltip-left .arrow,
  .slider .bs-tooltip-auto[x-placement^=left] .arrow {
    right: 0;
    width: 0.4rem;
    height: 0.8rem;
  }
  .slider .bs-tooltip-left .arrow::before,
  .slider .bs-tooltip-auto[x-placement^=left] .arrow::before {
    left: 0;
    border-width: 0.4rem 0 0.4rem 0.4rem;
    border-left-color: #000;
  }