/*!
 * Slider for Bootstrap
 *
 * Licensed under the Apache License v2.0
 * 
 * converted to SASS and extended by Martijn van de Rijdt @ Enketo LLC
 *
 */

$slider-line-height: $line-height-computed;

.slider {
    display: inline-block;
    vertical-align: middle;
    position: relative;
}

.slider-horizontal {
    .slider {
        width: 210px;
        height: $slider-line-height;
    }
    .slider-track {
        height: $slider-line-height / 2;
        width: 100%;
        margin-top: -$slider-line-height / 4;
        top: 50%;
        left: 0;
    }
    .slider-selection {
        height: 100%;
        top: 0;
        bottom: 0;
    }
    .slider-handle {
        margin-left: -$slider-line-height / 2;
        margin-top: -$slider-line-height / 4;
        &.triangle {
            border-width: 0 $slider-line-height / 2 $slider-line-height / 2 $slider-line-height / 2;
            width: 0;
            height: 0;
            border-bottom-color: #0480be;
            margin-top: 0;
        }
    }
}

.slider-vertical {
    .slider {
        height: 210px;
        width: $slider-line-height;
    }
    .slider-track {
        width: $slider-line-height / 2;
        height: 100%;
        margin-left: -$slider-line-height / 4;
        left: 50%;
        top: 0;
    }
    .slider-selection {
        width: 100%;
        left: 0;
        top: 0;
        bottom: 0;
    }
    .slider-handle {
        margin-left: -$slider-line-height / 4;
        margin-top: -$slider-line-height / 2;
        &.triangle {
            border-width: $slider-line-height / 2 0 $slider-line-height / 2 $slider-line-height / 2;
            width: 1px;
            height: 1px;
            border-left-color: #0480be;
            margin-left: 0;
        }
    }
}

.slider-disabled {
    .slider-handle {
        @include gradient-vertical(#dfdfdf, #bebebe);
    }
    .slider-track {
        @include gradient-vertical(#e5e5e5, #e9e9e9);
        //#gradient > .vertical(#e5e5e5, #e9e9e9);
        cursor: not-allowed;
    }
    input {
        display: none;
    }
    /*.tooltip-inner {
        white-space: nowrap;
    }*/
}

.slider-track {
    position: absolute;
    cursor: pointer;
    @include gradient-vertical(whitesmoke, #f9f9f9);
    //#gradient > .vertical(#f5f5f5, #f9f9f9);
    @include box-shadow(inset 0 1px 2px rgba(0, 0, 0, 0.1));
    border-radius: $border-radius-base;
}

.slider-selection {
    position: absolute;
    @include gradient-vertical(#f9f9f9, whitesmoke);
    //#gradient > .vertical(#f9f9f9, #f5f5f5);
    @include box-shadow(inset 0 -1px 0 rgba(0, 0, 0, 0.15));
    @include box-sizing(border-box);
    border-radius: $border-radius-base;
}

.slider-handle {
    position: absolute;
    width: $slider-line-height;
    height: $slider-line-height;
    background-color: #3a94a5;
    @include gradient-vertical(#149bdf, #0480be);
    //#gradient > .vertical(#149bdf, #0480be);
    filter: none;
    @include box-shadow("inset 0 1px 0 rgba(255,255,255,.2)");
    opacity: 0.8;
    border: 0px solid transparent;
    &.round {
        border-radius: 50%;
    }
    &.triangle {
        background: transparent none;
    }
}