.video-js .vjs-seek-button{font-family:'VideoJS';cursor:pointer;font-weight:400;font-style:normal}.video-js .vjs-seek-button.skip-back::before,.video-js.vjs-v6 .vjs-seek-button.skip-back .vjs-icon-placeholder::before,.video-js.vjs-v7 .vjs-seek-button.skip-back .vjs-icon-placeholder::before{transform:rotate(-45deg);-ms-transform:rotate(-45deg);-webkit-transform:rotate(-45deg);content:'\f116'}.video-js .vjs-seek-button.skip-forward::before{transform:rotateY(180deg) rotate(-45deg);-ms-transform:rotateY(180deg) rotate(-45deg);-webkit-transform:rotateY(180deg) rotate(-45deg);content:'\f116'}.video-js.vjs-v6 .vjs-seek-button.skip-back::before,.video-js.vjs-v6 .vjs-seek-button.skip-forward::before,.video-js.vjs-v7 .vjs-seek-button.skip-back::before,.video-js.vjs-v7 .vjs-seek-button.skip-forward::before{content:none}.video-js.vjs-v6 .vjs-seek-button.skip-forward .vjs-icon-placeholder::before,.video-js.vjs-v7 .vjs-seek-button.skip-forward .vjs-icon-placeholder::before{transform:scale(-1,1) rotate(-45deg);-ms-transform:scale(-1,1) rotate(-45deg);-webkit-transform:scale(-1,1) rotate(-45deg);content:'\f116'}

*{
	user-select:none;
}
.video-js .vjs-icon-placeholder:before {
	font-family: 'Material Icons' !important;
	font-size:24px !important;
	position:relative;
	height:auto;
}
.video-js .vjs-control:focus, .video-js .vjs-control:focus:before, .video-js .vjs-control:hover:before{
	text-shadow:none;
}
.video-js .vjs-big-play-button .vjs-icon-placeholder:before, .video-js .vjs-play-control .vjs-icon-placeholder:before, .vjs-icon-play:before {
    content: "\e037";
}
.video-js .vjs-play-control.vjs-playing .vjs-icon-placeholder:before, .vjs-icon-pause:before{
	content: "\e034";
}
.video-js .vjs-play-control.vjs-ended .vjs-icon-placeholder:before, .vjs-icon-replay:before{
	content: "\e5d5";
}
.video-js .vjs-mute-control .vjs-icon-placeholder:before, .vjs-icon-volume-high:before{
	content: "\e050";
}
.video-js .vjs-mute-control.vjs-vol-2 .vjs-icon-placeholder:before, .vjs-icon-volume-mid:before{
	content: "\e04d";
}
.video-js .vjs-mute-control.vjs-vol-1 .vjs-icon-placeholder:before, .vjs-icon-volume-low:before{
	content: "\e04e";
}
.video-js .vjs-mute-control.vjs-vol-0 .vjs-icon-placeholder:before, .vjs-icon-volume-mute:before{
	content: "\e04f";
}
.video-js .vjs-audio-button .vjs-icon-placeholder:before, .vjs-icon-audio:before{
	content: "\e8e2";
}
.video-js .vjs-picture-in-picture-control .vjs-icon-placeholder:before, .vjs-icon-picture-in-picture-enter:before{
	content: "\e911" !important;
}
.video-js .vjs-fullscreen-control .vjs-icon-placeholder:before, .vjs-icon-fullscreen-enter:before{
	content: "\e5d0";
}
.video-js.vjs-fullscreen .vjs-fullscreen-control .vjs-icon-placeholder:before, .vjs-icon-fullscreen-exit:before{
	content: '\e5d1';
}
.video-js.vjs-fullscreen .vjs-fullscreen-control .vjs-icon-placeholder:before, .vjs-icon-fullscreen-exit:before{
	content: '\e5d1';
}
.vjs-icon-circle:before, .vjs-seek-to-live-control .vjs-icon-placeholder:before, .video-js .vjs-volume-level:before, .video-js .vjs-play-progress:before{
	content: "\ef4a";
}
.vjs-chromecast-button .vjs-icon-placeholder:before{
	content: "\e307";
}

.video-js.vjs-v7 .vjs-seek-button.skip-back .vjs-icon-placeholder:before{
	content: "\e889";
	transform: none;
}
.video-js.vjs-v7 .vjs-seek-button.skip-forward .vjs-icon-placeholder:before{
	content: "\e923";
	transform: none;
}


.video-js .vjs-volume-bar{
	margin:18px 0px 0px 0px;
}
.video-js .vjs-play-progress:before{
	color:#555;
}

.video-js .vjs-control-bar,
.box,
.video-js .vjs-big-play-button,
.vjs-menu-button-popup .vjs-menu .vjs-menu-content{
	background:rgba(0,0,0,0.7) !important;
	/* backdrop-filter:blur(50px); */
	color:#ddd !important;
}
.js-focus-visible .vjs-menu li.vjs-menu-item:hover, .vjs-menu li.vjs-menu-item:focus, .vjs-menu li.vjs-menu-item:hover{
	background:rgba(0,0,0,0);
}
.js-focus-visible .vjs-menu li.vjs-selected:hover, .vjs-menu li.vjs-selected, .vjs-menu li.vjs-selected:focus, .vjs-menu li.vjs-selected:hover{
	background:rgba(255,255,255,0.3);
}

.vjs-loading-spinner{
	border:8px solid;
	border-color:rgba(255,255,255,0.4) !important;
}
.vjs-loading-spinner:after, .vjs-loading-spinner:before{
	margin:-8px;
	border-color:rgba(0,0,0,0) !important;
	border-left-color:rgba(255,255,255,1) !important;
}
.vjs-loading-spinner:before{
	border-color:#555;
}
.vjs-loading-spinner:after{
	border-color:#000;
	display:none;
}
.video-js.vjs-waiting .vjs-loading-spinner:before,
.video-js.vjs-waiting .vjs-loading-spinner:after{
    animation: vjs-spinner-spin 1s linear infinite;
}






.video-js .vjs-control-bar{
	height:40px;
}
.video-js button{
	display:flex;
	align-items:center;
	justify-content:center;
}
.video-js .vjs-icon-placeholder{
	display:block;
	width:100%;
	height:100%;
	display:flex;
	align-items:center;
	justify-content:center;
}


.video-js .vjs-remaining-time-display{
	margin-top:-1px;
	font-size:1rem;
}
.video-js .vjs-remaining-time{
	display:flex;
	align-items:center;
	justify-content:center;
}
.vjs-quality-selector{
	font-size:12px;
}
.vjs-quality-selector .vjs-menu-button-popup{
	font-size:1rem;
	text-transform:uppercase;
}

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

.video-js .vjs-big-play-button{
	width:64px;
	height:64px;
	background:rgba(0,0,0,0.4);
	border:none;
	top:50%;
	left:50%;
	margin-left:-32px;
	margin-top:-32px;
	align-items:center;
	justify-content:center;
	border-radius:64px;
}
.video-js.vjs-paused .vjs-big-play-button{
	display:flex;
}
.video-js .vjs-big-play-button .vjs-icon-placeholder{
	
}
.vjs-playing.video-js .vjs-big-play-button .vjs-icon-placeholder{
	display:none;
}
.video-js .vjs-big-play-button .vjs-icon-placeholder:before{
	position:relative !important;
	font-size:48px !important;
	height:auto;
}


html,body{
	font-size:12px;
}
#video{
	z-index:1;
}
#stage{
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:100%;
	pointer-events:none;
	z-index:2;
}
#stage > div{
	pointer-events:auto;
}

.overlay{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background:rgba(0,0,0,0.4);
	display:flex;
	align-items:center;
	justify-content:center;
}
.message{
	padding:15px 30px;
	font-size:1rem;
	text-transform:uppercase;
	color:#fff;
	background:rgba(0,0,0,0.4);
	border-radius:20px;
	cursor:pointer;
}

.vjs-custom-component{
	display:flex;
	align-items:center;
	justify-content:flex-start;
	padding:0px 0px 0px 10px;
	font-size:1rem;
}

.vjs-live-counter{
	display:flex;
	align-items:center;
	justify-content:flex-start;
	padding:0px 5px 0px 15px;
	font-size:1.2rem;
	width:80px;
}

.network-warning{
	color:#ff0;
}
.network-critical{
	color:#f00;
}

.vjs-live-display{
	height:100%;
	display:flex;
	align-items:center;
	justify-content:center;
}

.vjs-remaining-time{
	display:none !important;
}


.swal2-container.swal2-backdrop-show, .swal2-container.swal2-noanimation{
	background:rgba(0,0,0,0.8);
	backdrop-filter:blur(5px);
}
.swal2-container *{
	font-family:inherit !important;
}
.swal2-popup{
	background:#333 !important;
	width:25em;
}
.swal2-title{
	font-size:0.8rem !important;
	text-transform:uppercase !important;
	color:#ccc !important;
}
.swal2-styled:focus,.swal2-file:focus, .swal2-input:focus, .swal2-textarea:focus{
	box-shadow:none !important;
	border:1px solid #aaa;
}
.swal2-styled.swal2-confirm,.swal2-styled.swal2-cancel{
	font-weight:400 !important;
	text-transform:uppercase !important;
	font-size:0.8rem !important;
	padding:15px 25px;
	border-radius:20px;
}
.swal2-styled.swal2-confirm{
	background:#319035 !important;
	color:#eee !important;
}
.swal2-styled.swal2-cancel{
	background:#ba3636 !important;
	color:#eee !important;
}
.swal2-input{
	font-size:0.8rem !important;
}
.swal2-input::placeholder{
	color:#777;
}

.vjs-caption-settings {
	display: none;
}
.vjs-subs-caps-button {
	display: none;
}

.vjs-playback-rate-value{
	top:4px !important;
}



@media only screen and (max-width: 600px){
	html,body{
		font-size:10px;
	}
	.video-js .vjs-icon-placeholder:before {
		font-size:18px !important;
	}
	.vjs-custom-component{
		position:fixed;
		top:11px;
		right:12px;
		background:rgba(0,0,0,0.7);
		width:42px;
		height:42px;
		padding:0px 0px 0px 9px;
		border-radius:64px;
	}
	.vjs-live-counter{
		position:fixed;
		top:18px;
		left:0px;
		background:rgba(0,0,0,0.7);
		padding:3px 10px 3px 10px;
		width:auto;
	}
	.vjs-picture-in-picture-control{
		display:none !important;
	}
	
  
}