.pointer {cursor: pointer;}

.borderOutside {
  border-style:solid !important;
  border-radius: 7px !important;
  border-width: 2px !important;
  border-color: #D9D9D9 !important;  
}

#animationContainer {

    width: 100%;

    transform: translate3d(0, 0, 0);
    box-sizing: border-box;
    border-radius: 7px;
    border-width: 1.5px;
    border-color: #000000;
}


div#uislider {
    position: bottom;

}
.slider {
    -webkit-appearance: none;
    width: 100%;

    height: 10.5px;
    border-radius: 5px;
    background: rgba(231, 231, 231);
    outline: none;
    -webkit-transition: .2s;
    transition: opacity .2s;

}

.slidedContainer {
    width: 100%;
    padding-left: 44px;
    padding-right: 44px;
    top: -74px;
    position:relative; 
    z-index:1;

}

.slider::-webkit-slider-thumb {
-webkit-appearance: none;
appearance: none;
width: 20px;
height: 20px;
border-radius: 50%;
background: #000000;
cursor: pointer;

}

.slider::-moz-range-thumb {
width: 25px;
height: 25px;
border-radius: 50%;
background: #000000;
cursor: pointer;
}

.container {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.sliderTextLeft{
  padding-left: 5px;
  position: absolute;
  margin-top: -60px;
  font-family: sans-serif;
  font-size: 14px;
}

.sliderTextRight{
  padding-left: 5px;
  position: absolute;
  margin-top: -60px;
  font-family: sans-serif;
  font-size: 14px;
}