body {
	background-color: #F5F5F5;
}

.ph-bg-green {
	background-color: rgba(235, 241, 231, 1) !important;
}

.ph-bg-blue {
	background-color: rgba(242, 249, 255, 1) !important;
}

.ph-bg-image-login {
	background: url("../Images/bg-login-sm.png") no-repeat center center fixed;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	background-color: #d7c2b6;
	height: 100%;
}

@media (min-width: 992px) {
	.ph-bg-image-login {
		background: url("../Images/bg-login-lg.png") no-repeat center center fixed;
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		background-size: cover;
		background-color: #d7c2b6;
		height: 100%;
	}
}

.ph-bg-image-citynight {
	background: url("../Images/bg-citynight.svg") no-repeat center center fixed;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	background-color: #6b3d5d;
	height: 100%;
}

.ph-bg-image-cityday {
	background: url("../Images/bg-cityday.svg") no-repeat center center fixed;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	background-color: #dBdac4;
	height: 100%;
}

.ph-bg-color-citynight {
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	background-color: #6b3d5d;
	height: 100%;
}

.overflow-y-auto {
	overflow-y: auto !important;
}

#sectionExtraButton {
	color: #FFFFFF;
	background-color: #FF6F00
}

	#sectionExtraButton .fa-arrow-up {
		transition: transform linear 0.2s;
	}

	#sectionExtraButton.collapsed .fa-arrow-up {
		transform: rotate(180deg);
	}

.sectionSupervisionReminder {
	color: #FF6F00;
}

.white-space-pre {
	white-space: pre;
}

.fixes-table-layout {
	table-layout: fixed;
}

#selected-organization {
	margin-top: -8px !important;
	margin-right: -8px !important;
	margin-bottom: 8px !important;
	margin-left: -8px !important;
	padding-top: 12px !important;
	padding-right: 16px !important;
	padding-bottom: 12px !important;
	padding-left: 16px !important;
}

.vjs-overlay.vjs-overlay-bottom {
	right: 25%;
	left: 50%;
}

.vjs-overlay.vjs-overlay-top {
	right: 25%;
	left: 50%;
}

.video-js.vjs-playing .vjs-tech {
	pointer-events: none;
}

.vjs-big-play-button {
	display: none !important;
}

.vjs-paused .vjs-loading-spinner,
.vjs-waiting .vjs-loading-spinner {
	display: block;
	visibility: visible;
}

	.vjs-paused .vjs-loading-spinner:before,
	.vjs-paused .vjs-loading-spinner:after {
		-webkit-animation: vjs-spinner-spin 1.1s cubic-bezier(0.6, 0.2, 0, 0.8) infinite, vjs-spinner-fade 1.1s linear infinite;
		animation: vjs-spinner-spin 1.1s cubic-bezier(0.6, 0.2, 0, 0.8) infinite, vjs-spinner-fade 1.1s linear infinite;
	}

	.vjs-paused .vjs-loading-spinner:before {
		border-top-color: white;
	}

	.vjs-paused .vjs-loading-spinner:after {
		border-top-color: white;
		-webkit-animation-delay: 0.44s;
		animation-delay: 0.44s;
	}

.test-video-button-bar {
	background-color: #86526C
}

#sectionNavbar > li.nav-item.active {
	background-color: rgba(255, 255, 255, 0.06) !important;
	color: #fff !important;
	font-weight: bold !important;
	text-underline-offset: 6px !important;
	text-decoration: underline !important;
}

.list-group-item.active {
	border-color: #82b1ff !important;
}

.list-group-item.active-green {
	z-index: 2 !important;
	background-color: #B6E3AB !important;
	border-color: #689F38 !important;
}

.btn-light-blue {
	color: #000000 !important;
}

.btn-amber {
	color: #000000 !important;
}

.color-ph-blue {
	color: #004687 !important;
}