$ionMainBg: #888e92;
$ionMiddleBg: $link-color;
$ionHeight: 6;
$ionSliderHeight:16;
$ionSliderWidth:16;
$ionSliderColor:#fff;

$irsHeight:$ionHeight;

.price_slider {
  .irs {
    @if $irsHeight < $ionSliderHeight {
      height: $ionSliderHeight + px;
    } @else {
      height: $ionHeight + px;
    }
    margin-top: 8px;
    .irs {
      margin-top: 0;
    }
  }
  .irs-line {
    background: $ionMainBg;
    border: 0;
    height: $ionHeight + px;
    border-radius: $ionHeight + px;
    top: 50%;
    width: 100%;
    margin-top: -($ionHeight/2) + px;
    position: absolute;
  }

  .irs-bar {
    height: $ionHeight + px;
    background: $ionMiddleBg;
    border: 0;
    top: 50%;
    margin-top: -($ionHeight/2) + px;
  }

  .irs-slider {
    //top: 0;
    //margin-top: -(($ionSliderHeight/2)-($ionHeight/2)) + px;
    top:50%;
    margin-top: -($ionSliderHeight/2) + px;;
    width: $ionSliderWidth + px;
    height: $ionSliderHeight + px;
    background: $ionMiddleBg;
    border: 3px solid $ionSliderColor;
    @include Shadow2;
  }

}

#btn_ok {
  padding-left: 0 !important;
  padding-right: 0 !important;
  span {
    text-transform: uppercase;
    cursor: pointer;
    color: $link-color;
    line-height: 40px;
  }
}
.separator-price {
  padding-left: 5px !important;
  padding-right: 5px !important;
  $height:40;
  height: $height + px;
  position: relative;
  &:before {
    width: 100%;
    height: 1px;
    display: block;
    background: #888e92;
    margin-top: ($height/2) + px;
    content: '';
  }
}


@media (max-width: 992px) {

}

@media (max-width: 767px) {

}
