#loading-container
{
	display:none;
	z-index: 2000;
	position:fixed;
	width:100%;
	height:100%;
	top:0;
	left:0;
}
	#loading
	{
		position:relative;
		width:100%;
		height:100%;
		display:-webkit-flex;
		display:    -ms-flex;
		display:        flex;
		-webkit-justify-content:center;
		    -ms-justify-content:center;
		        justify-content:center;
		-webkit-align-items:center;
		    -ms-align-items:center;
		        align-items:center;
	}
		#loading .spinner
		{
			font-size:5em;
			color:#FFF; /*BDC9CC*/
		}

#lightbox-container
{
	display:none;
	z-index: 2000;
	background-color:rgba(0,0,0,.85);
	position:fixed;
	width:100%;
	height:100%;
	top:0;
	left:0;
}
	#lightbox
	{
		position:relative;
		width:100%;
		height:100%;
		display:-webkit-flex;
		display:    -ms-flex;
		display:        flex;
		-webkit-justify-content:center;
		    -ms-justify-content:center;
		        justify-content:center;
		-webkit-align-items:center;
		    -ms-align-items:center;
		        align-items:center;
	}
		#lightbox-content
		{
			position:relative;
			max-width:95%;
			max-height:95%;
			overflow:auto;
		}
			#lightbox-close
			{
				position:absolute;
				top:4px;
				right:8px;
				font-size:1.5em;
				cursor:pointer;
				color:#000;
				z-index: 9000;

				/* Transition for hover color change */
				-webkit-transition:.2s ease-out, background .2s ease-in;
				   -moz-transition:.2s ease-out, background .2s ease-in;
				    -ms-transition:.2s ease-out, background .2s ease-in;
				     -o-transition:.2s ease-out, background .2s ease-in;
				        transition:.2s ease-out, background .2s ease-in;
			}
				#lightbox-close:hover
				{
					color:#555;
				}
			#lightbox-html
			{
				position: relative;
				color: #FFF;
			}
				#lightbox-html h2
				{
					color: #FFF;
				}

		/* Admin lightbox variant */
		#admin-lightbox-content
		{
			position:relative;
			max-width:95%;
			max-height:95%;
			overflow:auto;
			background-color:#E9E9E9;
			padding:30px;
			box-shadow:0px 3px 3px rgba(0,0,0,.5);
			-webkit-border-radius: 4px;
			   -moz-border-radius: 4px;
			        border-radius: 4px;
		}
			#admin-lightbox-close
			{
				position:absolute;
				top:4px;
				right:8px;
				font-size:1.5em;
				cursor:pointer;
				color:#000;
				z-index: 9000;

				/* Transition for hover color change */
				-webkit-transition:.2s ease-out, background .2s ease-in;
				   -moz-transition:.2s ease-out, background .2s ease-in;
				    -ms-transition:.2s ease-out, background .2s ease-in;
				     -o-transition:.2s ease-out, background .2s ease-in;
				        transition:.2s ease-out, background .2s ease-in;
			}
				#admin-lightbox-close:hover
				{
					color:#555;
				}
			#admin-lightbox-html
			{
				position: relative;
			}