.video-js .vjs-control-bar {
    height: 40px;
    background-color: rgba(0, 0, 0, .1);
}

.vjs-volume-menu-button.vjs-menu-button-inline {
    width: 10em;
}

.video-js .vjs-menu-button-inline:hover, .video-js .vjs-menu-button-inline:focus, .video-js .vjs-menu-button-inline.vjs-slider-active, .video-js.vjs-no-flex .vjs-menu-button-inline {
    width: 10em;
}

.vjs-volume-menu-button.vjs-menu-button-inline .vjs-menu-content {
    width: 6em;
    height: 40px;
    padding: 2px 5px 0px;
}

.video-js .vjs-volume-panel {
    width: 9em;
}

.vjs-volume-menu-button.vjs-menu-button-inline .vjs-menu {
    opacity: 1;
    left: 3em;
}

.vjs-mute-control > .vjs-icon-placeholder:before {
    width: auto;
    height: auto;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.vjs-fullscreen-control .vjs-icon-placeholder:before {
    width: auto;
    height: auto;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.vjs-fullscreen-control, .vjs-mute-control, .vjs-play-control {
    outline: none;
}

.video-js .vjs-volume-panel:hover .vjs-volume-control.vjs-volume-horizontal,
.video-js .vjs-volume-panel:active .vjs-volume-control.vjs-volume-horizontal,
.video-js .vjs-volume-panel:focus .vjs-volume-control.vjs-volume-horizontal,
.video-js .vjs-volume-panel .vjs-volume-control:hover.vjs-volume-horizontal,
.video-js .vjs-volume-panel .vjs-volume-control:active.vjs-volume-horizontal,
.video-js .vjs-volume-panel .vjs-mute-control:hover ~ .vjs-volume-control.vjs-volume-horizontal,
.video-js .vjs-volume-panel .vjs-volume-control.vjs-slider-active.vjs-volume-horizontal {
    height: 100%;
}

.video-js .vjs-volume-panel .vjs-volume-control {
    width: 5em;
    height: 100%;
    opacity: 1;
}

.vjs-play-control .vjs-icon-placeholder:before {
    width: auto;
    height: auto;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

.video-js .vjs-volume-panel .vjs-volume-control .vjs-volume-bar {
    opacity: 1;
}

.vjs-volume-bar.vjs-slider-horizontal {
    width: 100%;
    height: 14px;
    margin: 0;
    top: 50%;
    transform: translateY(-50%);
    background-color: rgba(255,255,255,.5);
    border-radius: 4px;
}

    .vjs-volume-bar.vjs-slider-horizontal .vjs-volume-level {
        height: 14px;
        border-radius: 4px;
        background-color: #0339a6;
    }

.vjs-slider-horizontal .vjs-volume-level:before {
    display: none;
}

.video-js .vjs-control:before {
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 25px;
    line-height: 25px;
    display: block;
    width: auto;
    height: auto;
    cursor: pointer;
}

.video-js .vjs-volume-menu-button:before {
    left: 0%;
    transform: translate(0, -50%);
}

.video-js .vjs-progress-holder {
    height: 14px;
    background-color: rgba(255,255,255,.5);
    border-radius: 4px;
}

    .video-js .vjs-progress-holder .vjs-play-progress, .video-js .vjs-progress-holder .vjs-load-progress, .video-js .vjs-progress-holder .vjs-tooltip-progress-bar {
        height: 14px;
        border-radius: 4px;
    }

.video-js .vjs-play-progress {
    background-color: #0339a6;
}

.video-js .vjs-play-progress:before {
    display: none;
}

.video-js .vjs-progress-control {
    padding-top: 2px;
}

.video-js .vjs-progress-control .vjs-progress-holder {
    font-size: 1.666666666666666666em;
}

.video-js .vjs-load-progress {
    background-color: rgba(255,255,255,.6);
}

.video-js .vjs-load-progress div {
    background-color: rgba(255,255,255, 0);
}

.video-js .vjs-time-control {
    min-width: 40px;
    text-align: center;
    padding: 0;
}

.vjs-remaining-time-display, .vjs-current-time-display {
    font-size: 16px;
    line-height: 40px;
    padding-top: 2px;
}

.video-js .vjs-current-time {
    display: block;
}

.video-js .vjs-big-play-button {
    padding: 0;
    border: 0;
    background: transparent !important;
    width: 60px;
    height: 60px;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

    .video-js .vjs-big-play-button:before {
        position: static;
        font-size: 60px;
        width: auto;
        height: auto;
        vertical-align: middle;
        line-height: 60px;
    }