.omni-slider {
  width: 100%;
 

  .ui-slider {
    position: relative;
    text-align: left;

    .ui-slider-handle {
      border-radius: 50%;
      background: #FFFFFF;
      border: 0;
      position: absolute;
      z-index: 2;
      width: 0.875em;
      height: 0.875em;
      border: none;
      cursor: pointer;
    }

    .ui-slider-range {
      position: absolute;
      z-index: 1;
      display: block;
      background: #395B8A;
    }

    &.ui-slider-disabled {
      .ui-slider-handle {
        opacity: 0.6;
        
      }
      .ui-slider-range {
        opacity: 0.6;
      }
      &.ui-slider-horizontal {
        opacity: 0.3;
      }
      &.ui-slider-vertical {
        opacity: 0.3;
      }
    }

  }

  .ui-slider-horizontal {
    height: 0.25em;
    background: #1C2126;

    .ui-slider-handle {
      top: -.3em;
      margin-left: -.6em;
    }
    .ui-slider-range {
      top: 0;
      height: 100%;
    }
    .ui-slider-range-min {
      left: 0;
    }
    .ui-slider-range-max {
      right: 0;
    }
  }
  
  
  .ui-slider-vertical {
    background: #1C2126;
    width: 0.25em;
    height: 10em;
  }
  .ui-slider-handle {
    left: -.3em;
    margin-left: 0;
    margin-bottom: -.6em;
  }
  .ui-slider-range {
    left: 0;
    width: 100%;
  }
  .ui-slider-range-min {
    bottom: 0;
  }
  .ui-slider-range-max {
    top: 0;
  }
  
}