.video-control-right {
	position: absolute;
	top: -3px;
	right: 5px;
}

.video-control-right .control-dock {
	margin: .75em;
	display: block;
	opacity: 1;
	clear: right;
}

.video-control-right .control-dock:after {
	content: '';
	clear: both;
	display: block;
}

.video-control-right .control-dock-button {
	border-radius: 50%;
	border: 1px solid #333;
	cursor: pointer;
	display: inline-block;
	position: relative;
	width: 3.5em;
	height: 3.5em;
	margin: .5em;
	z-index: 5000;
	background-color: black
}

.video-control-right .control-dock-image {
	width: 100%;
	height: 100%;
	background-position: 50% 50%;
	background-repeat: no-repeat;
	opacity: .75;
	color: #fff;
}

.video-control-right .control-dock-image > .fa {
	top: 13px;
	left: 12px;
	position: absolute;
	font-size: 1.3em;
}

.video-player-overlay {
	overflow: auto;
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	background-color: rgba(0, 0, 0, 0.85);
	width: 100%;
	height: 100%;
	z-index: 5001;
	align-items: center;
	flex-direction: column;
	justify-content: left;
}

.video-player-overlay.show-download-status {
	justify-content: center;
}

.video-player-overlay.opened {
	display: flex;
}

.video-player-overlay * {
	box-sizing: inherit;
}

.video-player-overlay select {
	background-color: #4d5158;
	border-radius: .25em;
	color: #fff;
	cursor: pointer;
	border: none;
	vertical-align: middle;
	padding: .5em 1em;
	font-size: 1.1em;
	width: 100%;
}

.video-player-overlay select[disabled] {
	background-color: #343642;
	color: #ccc;
}

.video-player-overlay [type="text"] {
	font-size: 1em;
	background-color: #4d5158;
	border-radius: .25em;
	color: #fff;
	cursor: pointer;
	border: none;
	vertical-align: middle;
	width: 90px;
	padding: 7px 24px 7px 13px;
}

.video-player-overlay [type="text"][disabled] {
	background-color: #343642;
	color: #ccc;
}

.video-player-overlay [type="text"].time-input {
	width: 125px;
	font-size: 1.9em;
	padding: 0 .25em;
	text-align: center;
	line-height: 1.35;
	border: 2px transparent solid;
}

.video-player-overlay [type="text"].time-input.has-error {
	border-color: #ffa3a3;
}

.video-player-overlay [type="text"].full-width {
	width: 100%;
}

.video-player-overlay textarea {
	font-size: 1em;
	background-color: #4d5158;
	border-radius: .25em;
	color: #fff;
	cursor: pointer;
	border: none;
	vertical-align: middle;
	width: 100%;
	height: 75px;
	display: table-cell;
	overflow-y: hidden;
	padding: 7px 24px 7px 13px;
}

.video-player-overlay textarea[disabled] {
	background-color: #2e323a;
	color: #898989;
}

.video-player-overlay .btn {
	border-radius: 4px;
	padding-left: 114px;
	padding-right: 114px;
	font-size: 12px;
}

.video-player-overlay .overlay-icon-close {
	position: absolute;
	z-index: 5;
	right: 20px;
	top: 13px;
	border-radius: 50%;
	font-size: 1em;
	color: #fff;
	cursor: pointer;
	background-color: rgba(91, 89, 82, 0.9);
}

.video-player-overlay .overlay-icon-close span {
	top: 0;
	padding: 1.3em;
	border-radius: 50%;
}

.video-player-overlay .overlay-content {
	width: 70%;
	max-width: 50pc;
}

.video-player-overlay.show-download-status .overlay-content {
	width: 80%;
}

.video-player-overlay .download-status {
	display: none;
}

.video-player-overlay.show-download-status .download-status {
	display: block;
	color: #fff;
	font-size: 1.5em;
}

.video-player-overlay.show-download-status .download-status-text {
	display: none;
}

.video-player-overlay.show-download-status .download-status #download-status-error {
	background-color: #d33b36;
	border-radius: .25em;
	padding: 10px;
}

.video-player-overlay.show-download-status .error #download-status-error {
	display: block;
}

.video-player-overlay.show-download-status .prepare #download-status-prepare {
	display: block;
}

.video-player-overlay.show-download-status .started #download-status-started {
	display: block;
}

.video-player-overlay .overlay-heading {
	border-bottom: 1px #ddd solid;
	margin-top: 15px;
	color: #fff;
	font-size: 1.5em;
	padding-bottom: 10px;
}

.video-player-overlay.show-download-status .overlay-heading {
	display: none;
}

.video-player-overlay .overlay-heading h2 {
	color: #fff;
	display: inline-block;
	vertical-align: middle;
	margin: 0 20px 0 0;
	padding: 0;
	font-weight: normal;
}

.video-player-overlay #overlay-tabs {
	display: inline-block;
	vertical-align: middle;
	background-color: #fff;
	font-size: 16px;
	padding: 3px;
	border-radius: 21px;
}

.video-player-overlay #overlay-tabs li + li {
	margin-left: 5px;
}

.video-player-overlay #overlay-tabs a {
	display: inline-block;
	border: 0;
	background: none;
	color: #000;
	line-height: 28px;
	padding: 5px 30px;
	margin-right: 0;
	border-radius: 21px;
	transition: none;
}

.video-player-overlay #overlay-tabs li.active a {
	color: #fff;
	background-color: #255783;
}

.video-player-overlay #overlay-tabs span {
	transition: none;
}

.video-player-overlay.show-download-status .tab-content {
	display: none;
}

.video-player-overlay .tab-pane {
	padding-top: 15px;
	padding-bottom: 15px;
}

.video-player-overlay.without-tabs .tab-pane {
	display: block;
}

.video-player-overlay .mode-table {
	margin-top: 10px;
	margin-bottom: 10px;
}

.video-player-overlay .mode-table td {
	vertical-align: middle;
	border: none;
	padding: 5px 0 5px 10px;
	color: #fff;
}

.video-player-overlay .mode-table td:first-child {
	width: 45%;
}

.video-player-overlay .mode-table #share-inputs-row td {
	padding-left: 53px;
}

.video-player-overlay .mode-table.live #share-inputs-row td {
	padding-left: 10px;
}

.video-player-overlay .mode-table.live .option-row {
	display: none;
}

.video-player-overlay .radio-label {
	font-size: 14px;
	cursor: pointer;
	font-weight: 500;
	position: relative;
	margin-bottom: 0;
	color: #fff;
}

.video-player-overlay .radio-label input {
	margin: 0;
	position: absolute;
	left: 18px;
	top: 20px;
	width: 1px;
	height: 1px;
	z-index: 10;
}

.video-player-overlay .radio-label input:checked {
	left: 3px;
	top: 3px;
	width: 32px;
	height: 32px;
}

.video-player-overlay .radio-label span {
	display: flex;
	align-items: center;
	padding: 5px 21px 5px 44px;
	border-radius: 20px;
	transition: none;
	color: #ccc;
	background-color: #343642;
	white-space: nowrap;
	min-height: 38px;
	position: relative;
}

.video-player-overlay .radio-label input:checked + span {
	background-color: #255783;
	color: #fff;
}

.video-player-overlay .radio-label span::before {
	content: "";
	background-color: #fff;
	width: 24px;
	height: 24px;
	border-radius: 50%;
	margin: 2px 12px 2px 2px;
	position: absolute;
	z-index: 15;
	left: 5px;
}

.video-player-overlay .radio-label input:checked + span::before {
	box-shadow: inset 0 0 0 5px #fff;
	background-color: #255783;
	width: 28px;
	height: 28px;
	margin: 0;
}

.video-player-overlay .share-input-label {
	color: #fff;
	font-size: 1.5em;
	font-weight: normal;
	margin: 0;
}

.video-player-overlay .share-input-field-wrapper {
	position: relative;
}

.video-player-overlay .share-input-field-wrapper .copy-icon {
	color: #fff;
	position: absolute;
	z-index: 5;
	right: 4px;
	bottom: 8px;
	font-size: 16px;
	line-height: 1;
}

.video-player-overlay .time-range-block {
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.video-player-overlay .time-range-separator {
	vertical-align: middle;
	font-size: 1.1em;
	margin-left: 5px;
	margin-right: 5px;
}

.video-player-overlay .share-input-row {
	margin-bottom: 10px;
}

.video-player-overlay .button-row {
	padding-left: 11px;
	margin-top: 30px;
}

.video-player-overlay.show-download-status .button-row {
	padding-left: 0;
}

.video-player-overlay #download-validation-error {
	display: none;
	text-align: center;
	color: #fff;
	font-size: 1.2em;
	background-color: #d33b36;
	border-radius: .25em;
	padding: 10px;
	margin-top: 30px;
	margin-left: 11px;
}

.video-player-overlay .row-with-social-icons {
	display: flex;
	justify-content: space-between;
	align-items: self-end;
}

.video-player-overlay .social-icons {
	white-space: nowrap;
	margin-bottom: 0;
}

.video-player-overlay .social-icons a {
	font-size: 13px;
	display: inline-block;
	line-height: 1;
}

.video-player-overlay .social-icons .overlay-inline-icon {
	display: inline-block;
	border-radius: 20%;
	cursor: pointer;
	width: 2em;
	height: 2em;
	background-size: contain;
	background-position: center center;
	background-repeat: no-repeat;
}

.video-player-overlay .social-icons .overlay-inline-icon.share-facebook {
	background-image: url('data:image/svg+xml;base64,PHN2ZyBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iMTAwIiBoZWlnaHQ9IjEwMCIgdmlld0JveD0iLTQ3NyAtMTIwIDEwMCAxMDAiPjxzdHlsZT4uc3Qwe2ZpbGw6IzNCNTk5ODt9IC5zdDF7ZmlsbDojRkZGRkZGO308L3N0eWxlPjxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik0tNDc3LTEyMGgxMDB2MTAwaC0xMDB6Ii8+PHBhdGggaWQ9ImYiIGNsYXNzPSJzdDEiIGQ9Ik0tNDA4LTIwdi0zOC43aDEzbDEuOS0xNS4xSC00MDh2LTkuNmMwLTQuNCAxLjItNy4zIDcuNS03LjNoOHYtMTMuNWMtMS40LS4yLTYuMS0uNi0xMS42LS42LTExLjUgMC0xOS40IDctMTkuNCAxOS45djExLjFoLTEzdjE1LjFoMTNWLTIwaDE1LjV6Ii8+PC9zdmc+');
}

.video-player-overlay .social-icons .overlay-inline-icon.share-twitter {
	background-image: url('data:image/svg+xml;base64,PHN2ZyBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iMTAwIiBoZWlnaHQ9IjEwMCIgdmlld0JveD0iLTEyMCAtMTIwIDEwMCAxMDAiPjxzdHlsZT4uc3Qwe2ZpbGw6IzU1QUNFRTt9IC5zdDF7ZmlsbDojRkZGRkZGO308L3N0eWxlPjxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik0tMTIwLTEyMGgxMDB2MTAwaC0xMDB6Ii8+PHBhdGggY2xhc3M9InN0MSIgZD0iTS00MC04OC42Yy0yLjIgMS00LjYgMS42LTcuMSAxLjkgMi41LTEuNSA0LjUtMy45IDUuNC02LjgtMi40IDEuNC01IDIuNC03LjggMy0yLjItMi40LTUuNC0zLjktOS0zLjktNi44IDAtMTIuMyA1LjUtMTIuMyAxMi4zIDAgMSAuMSAxLjkuMyAyLjgtMTAuMi0uNS0xOS4zLTUuNC0yNS40LTEyLjktMS4xIDEuOC0xLjcgMy45LTEuNyA2LjIgMCA0LjMgMi4yIDggNS41IDEwLjItMi0uMS0zLjktLjYtNS42LTEuNXYuMmMwIDYgNC4yIDEwLjkgOS45IDEyLjEtMSAuMy0yLjEuNC0zLjIuNC0uOCAwLTEuNi0uMS0yLjMtLjIgMS42IDQuOSA2LjEgOC40IDExLjUgOC41LTQuMiAzLjQtOS41IDUuMy0xNS4zIDUuMy0xIDAtMi0uMS0yLjktLjIgNS40IDMuNSAxMS45IDUuNSAxOC45IDUuNSAyMi42IDAgMzUtMTguOCAzNS0zNXYtMS42YzIuNC0xLjcgNC40LTMuOCA2LjEtNi4zeiIvPjwvc3ZnPg==');
}

.video-player-overlay .social-icons .overlay-inline-icon.share-email {
	background-image: url('data:image/svg+xml;base64,PHN2ZyBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2aWV3Qm94PSIwIDAgMTAwIDEwMCI+PHN0eWxlPi5zdDB7ZmlsbDojMTE5Y2VlO30gLnN0MXtmaWxsOiNGRkZGRkY7fTwvc3R5bGU+PHBhdGggY2xhc3M9InN0MCIgZD0iTTAgMGgxMDB2MTAwSDB6Ii8+PGcgaWQ9Il94MzBfMDA5Mzg4ZS01MGFmLTQxMzctODE4NS0yMTQwYTZjZGU2MzUucHNkIj48cGF0aCBjbGFzcz0ic3QxIiBkPSJNODUgMjQuOEgxNUw1MCA1MmwzNS0yNy4yem0tNzAgNy43djM4LjdjMCAyLjIgMS44IDMuOSAzLjkgMy45aDYyLjJjMi4yIDAgMy45LTEuNyAzLjktMy44VjMyLjVMNTAgNTkuNyAxNSAzMi41eiIgaWQ9Imljb24tZW1haWwiLz48L2c+PC9zdmc+');
}

@media (max-width: 1350px), (max-height: 639px) and (min-width: 1350px) {
	.video-player-overlay .overlay-content {
		width: 80%;
	}

	.video-player-overlay .overlay-heading h2 {
		font-size: 20px;
	}

	.video-player-overlay #overlay-tabs {
		font-size: 14px;
	}

	.video-player-overlay .radio-label {
		font-size: 12px;
	}

	.video-player-overlay .share-input-label {
		font-size: 16px;
	}

	.video-player-overlay [type="text"] {
		font-size: 12px;
	}

	.video-player-overlay textarea {
		font-size: 12px;
	}

	.video-player-overlay select {
		font-size: 12px;
	}

	.video-player-overlay .time-range-separator {
		font-size: 13px;
	}

	.video-player-overlay [type="text"].time-input {
		width: 112px;
		font-size: 23px;
	}

	.video-player-overlay .btn {
		font-size: 11px;
	}

	.video-player-overlay .mode-table td:first-child {
		width: 48%;
	}

	.video-player-overlay.show-download-status .download-status {
		font-size: 1.2em;
	}

	.video-player-overlay #download-validation-error {
		font-size: 1em;
	}
}

@media (max-width: 1021px) {
	.video-player-overlay .overlay-icon-close {
		right: 12px;
	}

	.video-player-overlay .overlay-icon-close span {
		padding: 1em;
	}

	.video-player-overlay #overlay-tabs {
		font-size: 13px;
	}

	.video-player-overlay #overlay-tabs a {
		padding: 5px 25px;
	}

	.video-player-overlay .share-input-label {
		font-size: 14px;
	}

	.video-player-overlay .btn {
		font-size: 10px;
		padding: 10px 90px;
	}

	.video-player-overlay .mode-table td:first-child {
		width: 52%;
		padding-left: 0;
	}

	.video-player-overlay .time-range-separator {
		font-size: 12px;
	}

	.video-player-overlay [type="text"].time-input {
		width: 80px;
		font-size: 17px;
	}

	.video-player-overlay.show-download-status .download-status {
		font-size: 1em;
	}

	.video-player-overlay .radio-label span {
		padding: 4px 4px 4px 29px;
		min-height: 28px;
	}

	.video-player-overlay .radio-label span::before {
		width: 16px;
		height: 16px;
	}

	.video-player-overlay .radio-label input:checked + span::before {
		width: 20px;
		height: 20px;
	}

	.video-player-overlay .radio-label input {
		left: 11px;
		top: 14px;
	}

	.video-player-overlay .radio-label input:checked {
		width: 24px;
		height: 24px;
		left: 3px;
		top: 2px;
	}
}