.sliderBackground{
    background-color: #e9e9e9;
}

.sliderProgress{
    background-color: #aacaeb;
}

.sliderButton{
    background-color: #57a8e8;
}

.sliderPopup{
    min-width:3em;
    position:relative;
    padding:0.5em;
    margin-top:-3em;
    color:#fff;
    background:#57a8e8;
    /*border-radius:0.4em;*/
    text-align: center;
    cursor: default;
    line-height: 1em;
}

.sliderPopup:after {
  content:"";
  position:absolute;
  bottom:-0.74em; /* value = - border-top-width - border-bottom-width */
  left:1.25em; /* controls horizontal position */
  border-width:0.75em 0.75em 0; /* vary these values to change the angle of the vertex */
  border-style:solid;
  border-color:#57a8e8 transparent;
  /* reduce the damage in FF3.0 */
  display:block;
  width:0;
}

.sliderPopupText{
    font-size:1em;
    line-height: 1em;
    margin:0;
    padding:0;
    font-weight: normal;
    white-space: nowrap;
    overflow: hidden;
-webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
     -khtml-user-select: none; /* Konqueror HTML */
       -moz-user-select: none; /* Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
            user-select: none; /* Non-prefixed version, currently
                                  supported by Chrome and Opera */
}