.slider-container {

    background-image: url(./bell-curve.png) ;
    background-size: cover;
    height: 50px;
}

.slider {
    position: absolute;
    border: 1px solid #AAB;
   
    background-color: rgba(238, 187, 190,0.5);
    height: 50px;
    width: 80%;
    top: 0px;
    cursor: move;
    /*margin:-0.5px;*/
}

.slider .handle {
    position: absolute;
    height: 9px;
    width: 9px;
    border: 1px solid #AAB;
    background:rgb(238, 187, 190);

    /* Support for bootstrap */
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

.slider .EE {
    right: -4px;
    cursor: e-resize;
}

.slider .WW {
    cursor: w-resize;
    left: -4px;
}

.slider .EE, .slider .WW {
    top: 50%;
    margin-top: -4px;
}