@import "custom-variables/variables";
@import "../../bootstrap-4.0.0/scss/functions";
@import "../../bootstrap-4.0.0/scss/variables";
@import "../../bootstrap-4.0.0/scss/mixins";

.ui-state-disabled {
    cursor: default !important;
    pointer-events: none;
}

.ui-slider {
    position: relative;
    text-align: left;
    .ui-slider-handle {
        position: absolute;
        z-index: 2;
        width: 24px;
        height: 24px;
        cursor: default;
        -ms-touch-action: none;
        touch-action: none;
        border: 8px solid $white;
        background: $secondary;
        border-radius: 50%;
        cursor: pointer;
        box-shadow: 0px 0px 9px 0px rgba(0, 0, 0, 0.15);
        &:focus {
            outline: none;
        }
    }
    .ui-slider-range {
        position: absolute;
        z-index: 1;
        font-size: .7em;
        display: block;
        border: 0;
        background-position: 0 0;
    }
    /* support: IE8 - See #6727 */
    &.ui-state-disabled {
        .ui-slider-handle,
        .ui-slider-range {
            filter: inherit;
        }
    }
}

.ui-slider-horizontal {
    height: 2px;
    margin: 0 auto;
    .ui-slider-handle {
        top: -10px;
        //        margin-left: -.75em;
        transform: translateX(-50%);
    }
    .ui-slider-range {
        top: 0;
        height: 4px;
    }
}

.ui-sortable-handle {
    -ms-touch-action: none;
    touch-action: none;
}

.ui-widget-content {
    background: #dddddd;
}

.ui-widget-header {
    background: $secondary;
    font-weight: bold;
}

html[dir="rtl"] {
    .ui-slider-horizontal.ui-slider-rtl .ui-slider-range-min {
        left: auto;
        right: 0;
    }
    .ui-slider-horizontal.ui-slider-rtl .ui-slider-range-max {
        left: 0;
        right: auto;
    }

    .ui-slider-vertical.ui-slider-rtl .ui-slider-range-min {
        top: 0;
        bottom: auto;
    }
    .ui-slider-vertical.ui-slider-rtl .ui-slider-range-max {
        top: auto;
        bottom: 0;
    }
}
