#page-content-wrapper {
	min-height: 100vh;
	background-size: 70%;
	animation-name: gradient;
	animation-duration: 120s;
	animation-timing-function: linear;
	animation-iteration-count: infinite;
}

sup {
	font-size: 0.4rem !important;
}

@keyframes gradient {
	0% {
		background-position: 0%;
	}

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

.login-section {
	min-height: 100vh;
}

.input-group-addon {
	background: #ffc02d;
	padding: 7px 10px;
}

h1, .text-primary {
	color: #FFC000 !important;
}

h1, h2, h3, h4 {
	font-family: 'Josefin Sans', sans-serif;
	text-transform: uppercase;
	letter-spacing: 2px;
	font-weight: 600;
}

a {
	color: #FFC000;
	text-decoration: unset;
}

	a:hover,
	a:focus,
	a:active {
		color: #003d18;
		text-decoration: unset;
	}

@media only screen and (max-width: 768px) {
	.login-section {
		min-height: auto;
		transform: translateY(70%);
	}
}


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);
	}
}