body {
	background:linear-gradient(45deg, #333, #000);
	min-height:100vh;
	min-width:100vw;
}
article {
	color:#fff;
	border-left:2px solid #ccc;
	border-right:2px solid #ccc;
	padding-left:10vw;
	padding-right:10vw;
	margin-top:10vh;
	min-height:80vh;
}
article a {
	border-bottom:1px dotted #9e9e9e;
	color:#999;
	letter-spacing:.16rem;
}
article label {
	color:#eee;
}
h1, h2, h3 {
  font-family: "Forum", serif;
  font-weight: 400;
  font-style: normal;
  text-shadow:0px 1px 6px #000;
}
button.back-button {
	color:#fff;
	cursor:pointer;
	margin-top:3vh;
	position:absolute;
}
button.back-button span {
	font-family: "Forum", serif;
	font-size:2rem;
  font-style: normal;
  font-weight: 400;
  text-shadow:0px 1px 6px #000;
}
article .secondary.hollow.button,
.secondary.hollow.button {
	border:1px solid #fff;
}
.logoutBox {
	position:absolute;
	top:6vh;
	right:6vw;
	width:20vw;
}
.logoutBox a {
	color:#eee;
	border:1px solid #ccc;
	float:right;
	padding:3%;
}
.form-actions button[type="submit"] {
	border:1px solid #ccc;
	color:#eee;
	display:inline-block;
	float:left;
	height: 2.4375rem;
	margin-top:1vh;
	margin-bottom:5vh;
	margin-left:20%;
	padding: 0.5rem;
	width:60%;
}
/* Splash Page Start */
.vidbg.cell {
	color:#fff;
	height:100vh;
	padding-top:25vh;
	width:100vw;
}
.vidbg.cell .blackBox {
	background:rgba(0, 0, 0, .50);
	border:2px solid #333;
	border-radius:25px;
	box-shadow:0px 1px 12px #000;
	min-height:35vh;
}
.navbar, .cgh {
	color:#fff;
}
.navbar {
	border-right:2px solid #ccc;
	margin-bottom:2.5vh;
	margin-top:2.5vh;
	min-height:60vh;
	padding-bottom:3vh;
	padding-top:3vh;
}
.navbar ul {
	margin-left:0;
}
.navbar ul li a {
	color:#fff;
	margin-bottom:2vh;
	padding-bottom:5vh;
	padding-top:5vh;
	text-align:center;
}
.navbar ul li a i {
	font-size:1.75rem;
	margin-bottom:1vh;
}
@media screen and (max-width: 39.9375em) {
	.navbar ul li a span {
		display:none;
	}	
}
.cgh {
	padding-top:5vh;
}
.cgh .D-area .border-area {
	border:2px solid #333;
	border-radius:15px;
	margin-bottom:5vh;
	min-height:15vh;
	padding:3%;
}
/* Splash Page Stop */

/* Dashboard Start */
.D-area a {
	color:#999;
	border-bottom:1px dotted #9e9e9e;
}
/* Dashboard Stop */

/* Login Page Start */
.login-page .login-page-content input,
.login-page .login-page-content label,
.login-page .login-page-content .btn {
	width:80%;
	margin-left:10%;
}
.login-page .login-page-content input {
	display: block;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	height: 2.4375rem;
	padding: 0.5rem;
	border: 1px solid #cacaca;
	border-radius: 0;
	background-color: #fefefe;
	-webkit-box-shadow: inset 0 1px 2px rgba(10, 10, 10, 0.1);
	box-shadow: inset 0 1px 2px rgba(10, 10, 10, 0.1);
	font-family: inherit;
	font-size: 1rem;
	font-weight: normal;
	line-height: 1.5;
	-webkit-transition: border-color 0.25s ease-in-out, -webkit-box-shadow 0.5s;
	transition: border-color 0.25s ease-in-out, -webkit-box-shadow 0.5s;
	transition: box-shadow 0.5s, border-color 0.25s ease-in-out;
	transition: box-shadow 0.5s, border-color 0.25s ease-in-out, -webkit-box-shadow 0.5s;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}
.login-page .login-page-content input[type=checkbox] {
	display:inline-block;
	float:left;
	height:25px;
	margin-left:29%;
	width:25px;
}
.login-page .login-page-content label {
	color:#ccc;
}
.login-page .login-page-content label.form-check-label {
	display:inline-block;
	float:left;
	margin-left:0;
	width:40%;
}
.login-page .login-page-content .text-end .btn:last-of-type {
	border:1px solid #ccc;
	color:#eee;
	display:inline-block;
	float:left;
	height: 2.4375rem;
	margin-top:1vh;
	margin-bottom:2vh;
	margin-left:20%;
	padding: 0.5rem;
	width:60%;
}
/* Login Page Stop */