#page-content-wrapper {
	background: #edf0f5;
	background: linear-gradient(-180deg, #BCC5CE 0%, #929EAD 98%), radial-gradient(at top left, rgba(255,255,255,0.30) 0%, rgba(0,0,0,0.30) 100%);
	background-blend-mode: screen;
	background-size: 400% 400%;
	animation: gradient 15s ease infinite;
	height: calc(100% - 144px);
	min-height: 100vh;
}
@keyframes gradient {
	0% {
		background-position: 0% 50%;
	}

	50% {
		background-position: 100% 50%;
	}

	100% {
		background-position: 0% 50%;
	}
}

body {
	background: none;
	/*height: 100%;
	min-height: 100vh;*/
}

@media only screen and (min-width: 1000px) {
	.light {
		position: absolute;
		top: 50%;
		left: 10%;
		width: 0px;
		height: 0px;
		margin: 0;
		background: #fff;
		-moz-box-shadow: 0px 0px 30px 10px #e6e6c8, 0px 0px 10px 5px white;
		-webkit-box-shadow: 0px 0px 30px 10px #e6e6c8, 0px 0px 10px 5px white;
		box-shadow: 0px 0px 30px 10px #e6e6c8, 0px 0px 10px 5px white;
		-moz-animation: flaremove 5s alternate infinite ease-in-out, lightbright 5s alternate infinite linear;
		-webkit-animation: flaremove 5s alternate infinite ease-in-out, lightbright 5s alternate infinite linear;
		animation: flaremove 5s alternate infinite ease-in-out, lightbright 5s alternate infinite linear;
		-moz-border-radius: 9999px;
		-webkit-border-radius: 9999px;
		border-radius: 9999px;
	}

	.flare {
		position: absolute;
		top: 80%;
		left: 80%;
		-moz-animation: flaremove 5s alternate infinite ease-in-out;
		-webkit-animation: flaremove 5s alternate infinite ease-in-out;
		animation: flaremove 5s alternate infinite ease-in-out;
		-moz-border-radius: 9999px;
		-webkit-border-radius: 9999px;
		border-radius: 9999px;
	}

		.flare.one {
			margin: -50px 0 0 -50px;
			width: 100px;
			height: 100px;
			-moz-box-shadow: inset 0px 0px 20px 2px rgba(190, 190, 240, 0.125), 0px 0px 20px 0px rgba(190, 190, 240, 0.125);
			-webkit-box-shadow: inset 0px 0px 20px 2px rgba(190, 190, 240, 0.125), 0px 0px 20px 0px rgba(190, 190, 240, 0.125);
			box-shadow: inset 0px 0px 20px 2px rgba(190, 190, 240, 0.125), 0px 0px 20px 0px rgba(190, 190, 240, 0.125);
		}

		.flare.two {
			margin: -100px 0 0 -100px;
			width: 200px;
			height: 200px;
			-moz-box-shadow: inset 0px 0px 100px 2px rgba(200, 230, 200, 0.125), 0px 0px 13px 2px rgba(200, 230, 200, 0.125);
			-webkit-box-shadow: inset 0px 0px 100px 2px rgba(200, 230, 200, 0.125), 0px 0px 13px 2px rgba(200, 230, 200, 0.125);
			box-shadow: inset 0px 0px 100px 2px rgba(200, 230, 200, 0.125), 0px 0px 13px 2px rgba(200, 230, 200, 0.125);
		}

		.flare.three {
			margin: -300px 0 0 -300px;
			width: 600px;
			height: 600px;
			-moz-box-shadow: inset 0px 0px 22px 2px rgba(240,239,237, 0.25), 0px 0px 13px 2px rgba(240,239,237, 0.25);
			-webkit-box-shadow: inset 0px 0px 22px 2px rgba(240,239,237, 0.25), 0px 0px 13px 2px rgba(240,239,237, 0.25);
			box-shadow: inset 0px 0px 22px 2px rgba(240,239,237, 0.25), 0px 0px 13px 2px rgba(240,239,237, 0.25);
		}

		.flare.four {
			margin: 20% 0 0 20%;
			width: 100px;
			height: 100px;
			-moz-box-shadow: inset 0px 0px 160px 2px rgba(50, 180, 50, 0.125), 0px 0px 20px 2px rgba(50, 180, 50, 0.125);
			-webkit-box-shadow: inset 0px 0px 160px 2px rgba(50, 180, 50, 0.125), 0px 0px 20px 2px rgba(50, 180, 50, 0.125);
			box-shadow: inset 0px 0px 160px 2px rgba(50, 180, 50, 0.125), 0px 0px 20px 2px rgba(50, 180, 50, 0.125);
		}

		.flare.five {
			margin: -5% 0 0 -5%;
			width: 60px;
			height: 60px;
			-moz-box-shadow: inset 0px 0px 160px 2px rgba(240,239,237, 0.25), 0px 0px 20px 2px rgba(240,239,237, 0.25);
			-webkit-box-shadow: inset 0px 0px 160px 2px rgba(240,239,237, 0.25), 0px 0px 20px 2px rgba(240,239,237, 0.25);
			box-shadow: inset 0px 0px 160px 2px rgba(240,239,237, 0.25), 0px 0px 20px 2px rgba(240,239,237, 0.25);
		}

		.flare.six {
			margin: 20% 0 0 20%;
			width: 20px;
			height: 20px;
			-moz-box-shadow: inset 0px 0px 18px 10px rgba(240,239,237, 0.25), 0px 0px 5px 0px rgba(240,239,237, 0.25);
			-webkit-box-shadow: inset 0px 0px 18px 10px rgba(240,239,237, 0.25), 0px 0px 5px 0px rgba(240,239,237, 0.25);
			box-shadow: inset 0px 0px 18px 10px rgba(240,239,237, 0.25), 0px 0px 5px 0px rgba(240,239,237, 0.25);
		}
}



footer {
	display:none;
}

@media only screen and (max-width: 100px) {
	#page-content-wrapper {
		background-image: linear-gradient(304deg, rgba(190,91,36,0.4) 0%, rgba(255,255,255,0.2) 36%, rgba(255,255,255,0.2) 55%, rgba(255,255,255,0.2) 60%, rgba(190,91,36,0.7) 100%),url(/Areas/Admin/Content/Images/LoginM.jpg);
	}
}