.video-js .vjs-big-play-button {
    display: none;
}

.video-js .vjs-control-bar {
    display: flex;
}

.video-js .vjs-control-bar,
.video-js .vjs-control.vjs-fullscreen-control,
.video-js .vjs-settings-menu{
    background: rgb(41, 49, 60);
    z-index: 1001;
}


.vjs-marker {
    z-index: 999;
}

.vjs-marker:hover {
    cursor: pointer;
    -webkit-transform: scale(1, 1);
    -moz-transform: scale(1, 1);
    -o-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    transform: scale(1, 1);

}

.video-js .vjs-progress-control {
    position: absolute;
    width: 100%;
    top: -30px;
    height: 30px;
    /* deal with resulting gap between progress control and control bar that
       is the result of the attempt to keep things "clickable" on the controls */
    background-colorxxx: rgba(43, 51, 63, 0.7);
    background-color: unset;
    z-index: 2;

}

.video-js .vjs-progress-control:hover .vjs-play-progress .vjs-time-tooltip{
    display: none;
}

.video-js .vjs-progress-control .vjs-mouse-display {
    z-index: 99;
}

.video-js .vjs-settings-menu {
    position: absolute;
    right: 25px;
}

.video-js .vjs-settings-menu .vjs-menu-item.vjs-selected {
    background: #537da942;
}
.video-js .vjs-settings-menu .vjs-menu-item.vjs-disabled {
    display: none!important;
}

.video-js .vjs-menu {
    z-index: 99;
}

.video-js .vjs-settings-menu .vjs-menu-content {
    right: 18px;
}

.video-js .vjs-fullscreen-control {
    width: 1.8em;
    cursor: pointer;
    float: right;
    position: absolute;
    right: 0;
    z-index: 999;
}

.video-js .vjs-res-button {
    width: 2.7em;
}

.video-js .vjs-progress-control .vjs-progress-holder {
    height: 30px;
    position: absolute;
    margin: 0px;
    width: 100%;
    background: none;
    transition: none;

}

.video-js .vjs-audio-button, .video-js .vjs-playback-rate{
    display: none;
}
.video-js .vjs-volume-panel .vjs-volume-control.vjs-volume-vertical {
    z-index: 9999;
    transition: visibility 0.5s, opacity 0.5s, height 0.5s 0.5s, width 0.5s 0.5s, left 0.5s 0.5s, top 0.5s 0.5s;
}

.video-js .vjs-progress-holder {
}

.video-js .vjs-progress-holder .vjs-load-progress {
    backgroundxxx: repeating-linear-gradient(45deg, #606dbc, #606dbc 2px, #465298 2px, #465298 4px);
    background: rgba(154, 162, 153, 1);
    height: 5px;
    z-index: 110;
    bottom: 0px;
    width: 100% !important;
}


.video-js .vjs-progress-holder .vjs-play-progress {
    height: 5px;
    z-index: 300;
    bottom: 0px;
    line-height: 12px;
}


.video-js .vjs-progress-holder .vjs-load-progress div {
    display: none;
}


.video-js.vjs-fullscreen .vjs-control-bar {
    bottom: 0px !important;
}

