.video-js.vjs-playing .vjs-tech,
.vjs-poster { pointer-events: none !important; }

.video-js .vjs-current-time,
.video-js .vjs-duration,
.video-js .vjs-remaining-time,
.video-js .vjs-loading-spinner,
.video-js .vjs-background-bar,
.video-js .vjs-rewind-control,
.video-js .vjs-mute-control,
.video-js .vjs-volume-panel,
.video-js .vjs-chapters-button,
.video-js .vjs-fullscreen-control { display: none; }


.video-js .vjs-button {
    width: calc(2.5vh + 18px);
}
.no-touch .video-js .vjs-button:hover {
     background: #6c7c98 !important;
}

.video-js .vjs-icon-placeholder {
    display:inline-block;
    height: 2.5vh;
}

.video-js .vjs-play-control .vjs-icon-placeholder::before {
    font-size: 1.8vh !important;
    line-height : 2.5vh !important;
}

.video-js .vjs-progress-control:hover .vjs-play-progress:after { display:none; }
.video-js .vjs-control-bar {  background:none; height:2.5vh;}

.video-js .vjs-control-bar .vjs-progress-control { 
align-items: center;
-webkit-align-items: center;
display:flex;
    
}

.video-js .vjs-progress-control .vjs-slider-horizontal {
height: 8px !important;

}


.video-js .vjs-progress-control {
    margin: 0 10px;
}


.video-js .vjs-progress-control .vjs-slider-bar::before {
    height: 10px;
    width: 10px;
    margin-top: 1px;
    
}


.video-js .vjs-progress-control .vjs-slider::before {
    margin-top:-2px;
   height:4px;
   background: #303030;
}
.video-js .vjs-progress-control .vjs-load-progress {
 margin-top:-2px;
   height:4px;
   background: #787878;
}
.video-js .vjs-progress-control .vjs-play-progress {
 margin-top:-2px;
   height:4px;
   background: #6c7c98;
}