.video-js .vjs-remaining-time {
    box-sizing: border-box;
    flex: none;
    font-size: 1em;
    line-height: 3em;
    min-width: 2em;
    width: auto;
    padding-left: 1em;
    padding-right: 1em;
    margin: auto;
}

.video-js .vjs-control-bar {
    box-sizing: border-box;
    background: linear-gradient(to bottom, #f0f0f0, #d0d0d0) !important;
    border: 1px solid #8d8d8d;
    height: 32px !important;
}

.video-js .vjs-control {
    background: none !important;
    color: #333 !important;
    border-right: 1px solid #99999900;
    border-left: 1px solid #99999900;
}

.video-js .vjs-play-control {
    border-left: 1px solid #99999900 !important;
}

.video-js .vjs-fullscreen-control {
    border-right: 1px solid #99999900 !important;
}

.video-js .vjs-control:hover:not(.vjs-time-control):not(.vjs-volume-control) {
    background: linear-gradient(to bottom, #f0f0f0, #d0d0d0) !important;
    border-right: 1px solid #999;
    border-left: 1px solid #999;
}

.video-js .vjs-control:active:not(.vjs-time-control):not(.vjs-volume-control) {
    background: linear-gradient(to bottom, #d0d0d0, #f0f0f0) !important;
    border-right: 1px solid #999;
    border-left: 1px solid #999;
}

.video-js .vjs-control:active .vjs-time-control .vjs-volume-control {
    background: none !important;
}

.video-js .vjs-mute-control,
.video-js .vjs-volume-control {
    background: none !important;
    border: none !important;
}

.video-js .vjs-remaining-time-display {
    font-size: 1.2em;
}

.vjs-button:hover {
    color: #9900ff !important;
}

.vjs-progress-holder,
.vjs-volume-panel .vjs-volume-control.vjs-volume-horizontal,
.vjs-volume-panel,
.vjs-control-bar,
.vjs-hover {
    transition: none !important;
}

.video-js .vjs-control:focus:before, .video-js .vjs-control:hover:before, .video-js .vjs-control:focus {
    text-shadow: none;
}

.video-js .vjs-time-tooltip {
    border-radius: 0px !important;
}

.vjs-big-play-button {
    border: none !important;
    border-radius: 50% !important;
    transition: none !important;
    width: 1.5em !important;
    height: 1.5em !important;
    background-color: rgba(0, 0, 0, 0.822) !important;
    margin-top: -0.75em !important;
    margin-left: -0.75em !important;
}

.video-js .vjs-play-control { order: -3; }
.video-js .vjs-volume-panel { order: -2; }
.video-js .vjs-remaining-time { order: -1; }

.video-js .vjs-progress-control {
    box-sizing: border-box;
    background: #ccc !important;
    border: 1px inset #999 !important;
    height: 12px;
    margin: auto 10px auto 10px;
}

.video-js .vjs-progress-holder {
    background: linear-gradient(to bottom, #ddd, #bbb) !important;
}

.video-js .vjs-load-progress {
    background: linear-gradient(to bottom, #d6d6d6, #c9c9c9) !important;
}

.video-js .vjs-progress-holder {
    height: 6px !important;
}

.video-js .vjs-volume-level,
.video-js .vjs-play-progress {
    background: linear-gradient(to bottom, #9900ff, #5800cc) !important;
    height: 100% !important;
}

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

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

.vjs-poster img {
    object-fit: fill !important;
}

.video-js .vjs-time-control {
    display: flex;
    color: black;
    line-height: normal;
    text-align: center;
    margin: auto 0 auto 0;
    font-size: 12px;
    padding: 0 2px 0 2px;
    min-width: 1px;
}

.video-js .vjs-duration-display { margin-right: 5px !important; }
.video-js .vjs-current-time-display { margin-left: 5px !important; }

.video-js .vjs-duration-display, .video-js .vjs-current-time-display {
    margin: auto 0 auto 0;
    font-size: 12px;
}

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

.vjs-menu {
    margin-left: -1px;
}

.vjs-menu-content {
    background: linear-gradient(to bottom, #f0f0f0, #d0d0d0) !important;
    border: 1px solid #8d8d8d;
}