@charset "UTF-8";
:focus {
    outline: none;
}
.video-js {
	width: 100% !important;
	height: 100% !important;
}

.video-js .vjs-control-bar {
	height: 5em;
}

.video-js .vjs-control {
	width: 3em;
}
.video-js .vjs-playback-rate,
.video-js .vjs-quality-selector,
.video-js .vjs-seek-to-live-control,
.video-js .vjs-chapters-button,
.video-js .vjs-descriptions-button,
.video-js .vjs-subs-caps-button,
.video-js .vjs-audio-button,
.video-js .vjs-switch-mainsub,
.video-js .vjs-cinema-switch,
.video-js .vjs-current-time,
.video-js .vjs-duration {
	width: 4em;
}

.video-js .vjs-big-play-button {
	top: calc((100% - 3em) / 2);
	left: calc((100% - 3em) / 2);
	width: 3em;
	height: 3em;
	border: none;
	border-radius: 50%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	color: #fff;
	font-size: 3em;
	line-height: 3em;
}
.video-js .vjs-big-play-button .vjs-icon-placeholder {
	font-size: 2em;
}
.vjs-big-play-centered .vjs-big-play-button {
	margin-left: 0;
    margin-top: 0;
}

.video-js .vjs-play-control,
.video-js .vjs-volume-panel,
.video-js .vjs-playback-rate,
.video-js .vjs-quality-selector,
.video-js .vjs-chapters-button,
.video-js .vjs-descriptions-button,
.video-js .vjs-subs-caps-button,
.video-js .vjs-audio-button,
.video-js .vjs-switch-mainsub,
.video-js .vjs-cinema-switch,
.video-js .vjs-picture-in-picture-control,
.video-js .vjs-fullscreen-control {
	font-size: 16px;
}

.video-js .vjs-volume-panel.vjs-volume-panel-vertical {
	width: 3em;
}
.video-js .vjs-volume-panel.vjs-hover .vjs-volume-control.vjs-volume-vertical, .video-js .vjs-volume-panel:active .vjs-volume-control.vjs-volume-vertical, .video-js .vjs-volume-panel:focus .vjs-volume-control.vjs-volume-vertical, .video-js .vjs-volume-panel .vjs-volume-control:active.vjs-volume-vertical, .video-js .vjs-volume-panel.vjs-hover .vjs-mute-control ~ .vjs-volume-control.vjs-volume-vertical, .video-js .vjs-volume-panel .vjs-volume-control.vjs-slider-active.vjs-volume-vertical {
	left: -3em;
}

.video-js .vjs-playback-rate,
.video-js .vjs-quality-selector,
.video-js .vjs-chapters-button,
.video-js .vjs-descriptions-button,
.video-js .vjs-subs-caps-button,
.video-js .vjs-audio-button,
.video-js .vjs-switch-mainsub,
.video-js .vjs-cinema-switch {
	font-size: 1.2em;
}

.video-js .vjs-playback-rate .vjs-menu,
.video-js .vjs-quality-selector .vjs-menu,
.video-js .vjs-chapters-button .vjs-menu,
.video-js .vjs-descriptions-button .vjs-menu,
.video-js .vjs-subs-caps-button .vjs-menu,
.video-js .vjs-audio-button .vjs-menu,
.video-js .vjs-switch-mainsub .vjs-menu {
	bottom: 1.2em;
}

.video-js .vjs-playback-rate .vjs-playback-rate-value {
	margin-top: 0.3em;
}

.video-js .vjs-time-control,
.video-js .vjs-live-control {
	padding-top: 1em;
}

.video-js .vjs-current-time,
.video-js .vjs-duration,
.video-js .vjs-time-divider {
	display: block!important;
}
.vjs-remaining-time {
	display: none!important;
}

.video-js .vjs-time-divider {
	padding-left: 0.2em;
	padding-right: 0.2em;
	min-width: 0.6em;
}

.video-js .vjs-subs-caps-button .vjs-menu .vjs-texttrack-settings {
	display: none!important;
}

/*-------*/
/* error */
/*-------*/
.vjs-error .vjs-error-display:before {
	content: "";
}
.vjs-error .vjs-error-display .vjs-modal-dialog-content {
	font-size: 16px;
}
.vjs-error .vjs-error-display .vjs-modal-dialog-content div {
	width: 80%;
	height: 80%;
	margin: 10% auto;
}
.vjs-error .vjs-error-display .vjs-modal-dialog-content div a.live-reload {
	color: #ff8c00;
}
.vjs-error .vjs-error-display .vjs-modal-dialog-content div a.live-support {
	color: #3cb371;
}