.videoHolder {
	height: 100%!important;
}

.controlsContainer {
	height: 4em!important;
	border-top: none!important;
	box-shadow: none!important;
}

.scrubber {
	position: absolute!important;
    left: 300px;
    right: 150px;
	bottom: 24px;
	height: 8px!important;
	box-shadow: inset 0px 0px 0px 1px #b9bec0;
}

.ua-ios .scrubber {
	left: 170px;
}

.buffered {
	opacity: 1!important;
}

.handle-wrapper {
	display:none;
}


.controlBarContainer {
	position: relative;
	z-index: 0;
}

.controlBarContainer.hover {
	bottom: 0;
	visibility: visible;
}


.mwEmbedPlayer:hover .play-state .controlBarContainer {
	bottom: 0;
}

.controlBarContainer::before  {
	content: '';
	display: block;
	position: absolute;
	left: 0;
	bottom: 0;
	z-index: -10;
	width: 100%;
	height: 120px;
	background-image: linear-gradient(transparent, #1a1c3c);
	pointer-events: none;
}

.controlBarContainer .btn {
	width: 4em!important;
}

.playPauseBtn {
	margin-left: 10px;
}

.volumeControl .ui-slider-horizontal.slider {
	height: 8px!important;
}

.back-to-live {
	position: relative;
	order: 1;
	margin: 6px 0 0 10px;
	padding: 4px 6px 4px 18px;
	background-color: #D0021B;
	border-radius: 2px;
	color: #FFFFFF;
	font-size: 11px;
	line-height: 10px;
	text-transform: uppercase;
}
		
.back-to-live .live-icon {
	display: none;
}
		
.back-to-live::before {
	content: '';
	position: absolute;
	left: 4px;
	top: 4px;
	display: block;
	width: 10px;
	height: 10px;
	background-color: currentColor;
	border-radius: 50%;
	opacity: 0.25;
}

.back-to-live::after {
	content: '';
	position: absolute;
	left: 6px;
	top: 6px;
	display: block;
	width: 6px;
	height: 6px;
	background-color: currentColor;
	border-radius: 50%;
}


.back-to-live.disabled {
	background-color: #EEEEEE;
}

.back-to-live.disabled::before {
	background-color: #474747;
}

.back-to-live.disabled::after {
	background-color: #474747;
}

.back-to-live.disabled .back-to-live-text {
	color: #474747!important;
}