.is_clickable {
    cursor: hand;
    cursor: pointer;
}

.nstSlider {
    cursor: hand;
    cursor: pointer;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    position: relative;
    width: 100%;
    overflow: visible;
    z-index: 1;
    height: 20px;
}

    .nstSlider::after {
        content: '';
        width: 100%;
        background-color: #e0e0e0;
        border-radius: 4px;
        height: 4px;
        position: absolute;
        z-index: -1;
        align-self: center;
        top: 50%;
        transform: translateY(-50%);
    }

    .nstSlider .leftGrip.gripHighlighted {
        background: #113344;
    }

    .nstSlider .rightGrip.gripHighlighted {
        background: #113344;
    }

    .nstSlider .rightGrip,
    .nstSlider .leftGrip {
        position: absolute;
        -webkit-border-radius: 10px;
        -moz-border-radius: 10px;
        border-radius: 10px;
        width: 20px;
        height: 20px;
        background: #414141;
        /*box-shadow: 1px 1px 5px #bdbdbd;*/
    }

    .nstSlider .bar {
        -webkit-border-radius: 10px;
        -moz-border-radius: 10px;
        border-radius: 10px;
        position: absolute;
        background: #414141;
        height: 4px;
        top: 50%;
        transform: translateY(-50%);
    }

    .nstSlider .highlightPanel {
        -webkit-transition: all 500ms ease-in-out;
        -moz-transition: all 500ms ease-in-out;
        -ms-transition: all 500ms ease-in-out;
        -o-transition: all 500ms ease-in-out;
        transition: all 500ms ease-in-out;
        -webkit-border-radius: 10px;
        -moz-border-radius: 10px;
        border-radius: 10px;
        position: absolute;
        background: #e87722;
        height: 2px;
        top: 0;
    }