video.video-js  {
    background-color: rgba(255, 255, 255, 0.08) !important;
}

.vjs-videohop .vjs-volume-panel {
    display: none;
}

/* control bar positioning done in containerSizeController.js */
.vjs-videohop .vjs-control-bar {
    background-color: rgba(255, 255, 255, 0.1);
    height: 7em;
    position: fixed;
}

.vjs-videohop .vjs-modal-dialog {
    display: none;
}

.vjs-videohop .vjs-control {
    width: 7em;
    position: relative;
}

.vjs-videohop .vjs-button > .vjs-icon-placeholder:before {
    font-size: 3em;
}

.vjs-videohop .vjs-icon-placeholder {
    position: relative;
    top: -54px;
    left: -35px;
    font-size: 22px;
}

.vjs-videohop .vjs-remaining-time {
    display: none;
}

.vjs-videohop .vjs-time-control {
    padding-left: 0;
    padding-right: 0;
    font-size: 1.5em;
    position: absolute;
    bottom: 50px;
    width: 75px;
    height: 25px;
    top: -34px;
}

.vjs-videohop .vjs-current-time {
    display: flex;
    flex-direction: column;
    left: 0px;
}

.vjs-videohop .vjs-duration {
    display: flex;
    flex-direction: column;
    left: 85px;
}

.vjs-videohop .vjs-current-time-display {
    height: 100%;
    line-height: 2.5;
}

.vjs-videohop .vjs-time-divider {
    display: block;
    left: 75px;
    text-align: center;
    min-width: 10px;
    width: 10px;
    line-height: 2.5;
}

.vjs-videohop .vjs-duration-display {
    height: 100%;
    line-height: 2.5;
}

.vjs-videohop .vjs-progress-control {
    margin-left: 100px;
}

.video-js .vjs-progress-control .vjs-progress-holder {
    margin: 0 10px;
    height: 5em;
    border-radius: 4px;
}

.video-js .vjs-play-progress:before{
    background-color: white;
    height: 100%;
    top:0; 
    border-radius: 2px;
}

.video-js .vjs-progress-control:hover .vjs-progress-holder {
    font-size: inherit;
}

.video-js .vjs-play-progress {
    background-color: rgba(255,255,255,0.25);
    border-radius: 5px;
}

.vjs-videohop .vjs-progress-control:hover .vjs-time-tooltip,
.vjs-videohop .vjs-progress-control:hover .vjs-progress-holder:focus .vjs-time-tooltip {
    font-size: 1em;
}

.vjs-videohop .vjs-load-progress div {
    background-color: unset;
}