.slider{
  width:500px;
  height:5px;
  background:#555;
  position:relative;
}
.slider .bar{
  position:absolute;
  left:50px;
  width:300px;
  height:100%;
}

.slider .bar .lp span{
    position:relative;
    left:-30px;
}
.slider .bar .rp span{
    position:relative;
    left:10px;
}

.slider .bar .lp,.slider .bar .rp{
  cursor:pointer;
  width:16px;
  height:16px;
  position:absolute;
  background-image:url('/2021/img/cutmarker.png');
  line-height:400%;
  color:blue;
  user-select:none;
  display: block;
  margin-top: 8px;
  margin-left: -8px;
  -webkit-filter: invert(100%);
    filter: invert(100%);
}
.slider .bar .lp{
  left:0px;
  top:-8px;
}
.slider .bar .rp{
  left:100%;
  top:-8px;
}
#videofile{
  display:none;
}

.timeinput{
	width:130px;
	display:block;
}

.timeinput_el{
	width:120px;
	display:inline-block;
}

.timeinput_controls{
    display: inline-block;
    width: 20px;
    margin-left: -25px;
    float: right;
    padding-top: 10px;
    position: absolute;
}