/* Text Tracks */
.video-js .vjs-text-track-display > div > div > div {
	background-color:  rgba(0, 0, 0, 0.45)!important;
	padding: .25em .5em;
	border-radius: .35em;
	-moz-border-radius: .35em;
	-webkit-border-radius: .35em;
	font-size: 100% !important;
}
.video-js .vjs-texttrack-settings {
	display: none;
}

/* Caption Button */
.video-js button.vjs-subs-caps-button > span:before {
	content: "\f20a" !important;
	/*font-size: 1.6em !important;
	line-height: 1.8em !important;*/
	font-weight: 400 !important;
	font-family: 'FontAwesome', 'Font Awesome', 'Font Awesome 5', 'Font Awesome 5 Free', 'Font Awesome 5 Brands' !important;
}
.video-js button.vjs-subs-caps-button.showing > span:before {
	font-weight: 900 !important;
}








/* Resolution Button */
.vjs-resolution-button .vjs-menu,
.vjs-subs-caps-button .vjs-menu {
	bottom: 100%;
	
	/*width: auto;*/
	margin-bottom: 0;
}
.vjs-menu-button-popup .vjs-menu .vjs-menu-content {
	bottom: 100%;
}
.vjs-resolution-button .vjs-resolution-button-label {
	color: #fff;
	
	display: flex;
	display: -webkit-flex;
	align-items: center;
	-webkit-align-items: center;
	-moz-align-items: center;
	justify-content: center;
	-webkit-justify-content: center;
	-moz-justify-content: center;
}









.videoContainer {
	background-color: #000;
	
	flex-grow: 1;
	-webkit-flex-grow: 1;
	-moz-flex-grow: 1;
	flex-shrink: 1;
	-webkit-flex-shrink: 1;
	-moz-flex-shrink: 1;
	
	display: flex;
	display: -webkit-flex;
	align-items: center;
	-webkit-align-items: center;
	-moz-align-items: center;
	justify-content: center;
	-webkit-justify-content: center;
	-moz-justify-content: center;
	
	position: relative;
	top: 0;
	left: 0;
	z-index: 30;
	
	overflow: hidden;
}
body.jsresize .videoContainer {
	justify-content: normal;
	-webkit-justify-content: normal;
	-moz-justify-content: normal;
}

.videoContainer .vc2,
.videoContainer > .video-js,
.videoContainer > .primaryVideo-dimensions,
.videoContainer > .businessVideo-dimensions {
	background-color: transparent;
	
	position: static;
	top: 0;
	left: 0;
	
	width: auto;
	height: auto;
}
body.jsresize .videoContainer .vc2,
body.jsresize .videoContainer > .video-js,
body.aspectratio .videoContainer > .video-js {
	width: 100%;
	height: auto;
	padding-top: 56.25%;
	
	position: relative;
}

.videoContainer > .video-js > * {
	
}

.videoContainer video,
.videoContainer > .video-js .vjs-tech {
	background-color: transparent;
	
	position: relative;
	top: 0;
	left: 0;
	
	width: auto;
	height: 100%;
	max-width: 100%;
	max-height: 100%;
}
body.jsresize .videoContainer video,
body.jsresize .videoContainer > .video-js .vjs-tech,
body.aspectratio .videoContainer video,
body.aspectratio .videoContainer > .video-js .vjs-tech {
	width: 100%;
	max-width: none;
	max-height: none;
	
	position: absolute;
}

.vjs-poster {
	background-color: transparent;
}