
.videoContainer { margin: 1.5em 0 .214286em; }

.video-js {
	background: #333;
	font-size: .75rem;
	transition: .2s linear;
	width: 100%;
}

.video-js .vjs-modal-dialog { background: rgba(51, 51, 51, .8); }
.vjs-modal-dialog.vjs-text-track-settings { height: 85%; }
.vjs-modal-dialog .vjs-modal-dialog-content { padding: 1em; }
.vjs-text-track-settings .vjs-modal-dialog-content {
	align-content: center;
	align-items: center;
	display: flex;
	flex-wrap: wrap;
}
.vjs-text-track-settings .vjs-track-settings-colors,
.vjs-text-track-settings .vjs-track-settings-controls,
.vjs-text-track-settings .vjs-track-settings-font { flex: 1 1 auto; }
.vjs-text-track-settings .vjs-track-settings-controls { margin-top: 1em; }

.video-js .vjs-control-bar { background: linear-gradient(rgba(51, 51, 51, .5), rgba(51, 51, 51, .9)); }
.video-js .vjs-slider { background: rgba(255, 255, 255, .33); }
.video-js .vjs-load-progress { background: rgba(255, 255, 255, .66); }
.video-js .vjs-volume-level { background: #fff; }
.video-js .vjs-play-progress { background: #f00; }

.video-js .vjs-time-control {
	display: block;
	min-width: 0;
	padding: 0 2px;
}
.video-js .vjs-current-time { margin-left: 10px; }
.video-js .vjs-remaining-time,
.video-js .vjs-progress-control:hover .vjs-play-progress .vjs-time-tooltip { display: none; }

.vjs-live-display {
	color: #888;
	padding: 0 1em;
	transition: .5s linear;
}

.vjs-live-display::before {
	background: #888;
	border-radius: 50%;
	content: "";
	display: inline-block;
	height: .5em;
	margin-right: .5em;
	transition: .5s linear;
	vertical-align: middle;
	width: .5em;
}

.vjs-playing .vjs-live-display { color: inherit; }
.vjs-playing .vjs-live-display::before { background: #f00; }

.video-js .vjs-big-play-button {
	background: #595959;
	border: 1px solid #aaa;
	border-radius: .25em;
	box-sizing: border-box;
	height: 1.6875em;
	left: 50%;
	line-height: 1.6875em;
	margin-left: -1.5em; /* half of width */
	margin-top: -.84375em; /* half of height */
	opacity: .85;
	top: 50%;
	transition: .2s linear;
}
.video-js:hover .vjs-big-play-button,
.video-js .vjs-big-play-button:focus {
	background: #595959;
	border: 1px solid #999;
	opacity: .95;
	transition: .2s linear;
}

.vjs-text-track-cue div {
	-webkit-box-decoration-break: clone;
	box-decoration-break: clone;
	font-size: .9375rem;
	line-height: 1.7;
	padding: 4px;
}

.vjs-menu .vjs-menu-content { overflow: hidden; }
.vjs-menu li { text-transform: none; }
