.video-js .vjs-time-control{display:block;}
.video-js .vjs-remaining-time{display: none;}

 .vertical-center {
    margin: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  font-size:14pt;
}
/* Clear floats after the columns */
.row:after {
  content: "";
  display: table;
  clear: both;
  
}
.column1 {
  float: left;
  width: 80%;
  padding: 10px;
  height: 50px; /* Should be removed. Only for demonstration */
  margin-top:10px;
}
.column2 {
  float: left;
  width: 20%;
  padding: 10px;
  height: 50px; /* Should be removed. Only for demonstration */
  margin-top:10px;
}
body {
  overflow-y: auto; /* Hide vertical scrollbar */
  overflow-x: hidden; /* Hide horizontal scrollbar */
}
.l-button {
    margin-top: 3px;
    border: 1px solid #0086d3;
    background-color: #0086d3;
    line-height: 30px;
    width: 100px;
    font-weight: 500;
    font-size: 15px;
    letter-spacing: -0.4px;
    color: #fff;
}
.video-js .seekStep{position:absolute;height:80%;width:20%;top:50%;transform:translateY(-50%);z-index:2;opacity:0;text-align:center;font-size:30px;color:#fff;background:rgba( 255, 255, 255, 0.5);display:flex;align-items:center;justify-content:center}
.video-js .seekStep:hover{opacity:1;color:#fff;border-radius:50% 0 0 50%;width:30%}
.video-js .seekStep.left{left:0;margin-right:0}
.video-js .seekStep.right{right:0}
.video-js .seekStep.left:hover{border-radius:0 50% 50% 0;}
.vjs-has-started .vjs-control-bar{z-index:10}
.video-js :focus:not(:focus-visible){background:rgba( 255, 255, 255, 0.5)}

.modal {
  display: none; /* Hidden by default */
  position: fixed; /* Stay in place */
  z-index: 90; /* Sit on top */
  padding-top: 100px; /* Location of the box */
  left: 0;
  top: 0;
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  overflow: auto; /* Enable scroll if needed */
  background-color: rgb(0,0,0); /* Fallback color */
  background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}