@charset "utf-8";
/* Login - Main.css */

/* ------------------------ Header Styles -------------------------- */

#header {
	background-color:#fcfcfc;
	border-bottom: 1px solid #ccc;
}

#headerhomelink {
	text-align:left;
}

#jellybean {
	padding:0rem 1rem;
	text-align:right;
	margin-bottom:-1px;
}

.nav {
	width:100%;
}



/* -------------------------- Body Styles -------------------------- */

#body {
	background-image: url('../images/texture1.jpg');
	background-repeat: repeat;
	padding: 0;
	min-height:100vh;
}

#body .container {
	padding: 3rem;
	background-color: #f1f0eb;
	border: 1px solid #999;
	border-width:0 1px;
	min-height:100vh;
	/* background-image: url('../images/jellybean mods colorized w_text.png');
	background-position:bottom right;
	background-repeat:no-repeat;
	background-size:35%; */
}

.finePrint {
	color:#005c84;
	font-style:italic;
}

.loginBox {
	background-color:#005c84;
	border-radius: 5px;
	padding:1.5rem;
}

.loginBox h3 {
	color:#fff;
}

.loginMsg {
	background-color:#00415E;
	border: 1px solid #fff;
	color:#fff;
	margin: 1.5rem 1rem;
}

.loginMsg p {
	margin-top:1rem;
}

.loginHelp {
	color:#000;
	font-weight:600;
}

.loginHelp a {
	color:#ff9100;
	text-decoration:underline;
	font-weight:300;
}

.loginBox .loginHelp {
	color:#fff;
	margin-bottom: 0;
}

.loginBox .fieldTitle {
	color:#fff;
	margin-bottom:0px;
}

.loginBox label {
	color: #fff;
}

.loginDescription {
	color: #fff;
	font-style:italic;
}

.forgotPwd a {
	color:#fff;
	text-decoration:underline;
	line-height:43px;
}

#desktopCreate h3 {
	margin-top:1.5rem;
}

#mobileCreate {
	margin-top:2rem;
	text-align:center;
}

label.required {
	font-weight:bold;
}

.last-check {
	margin-bottom:1rem;
}

#seeYouSoon {
	width:100%;
	position:absolute;
	bottom:120px;
}



/* ------------------------- Footer Styles ------------------------- */

#footer {
	width:100%;
	background-color:#666;
	text-align:center;
	position:fixed;
	bottom:0px;
}

#footerhomelink {
	display: block;
	margin-left: auto;
	margin-right: auto;
	position:relative;
	top:-28px;
}

/* -------------------- Page Element Styles ----------------------- */

.btn {
	font-family: "ff-din-web-condensed-n6", "ff-din-web-condensed-1", "ff-din-web-condensed-2";
	font-size:20px;
	font-weight:600;
	text-transform:uppercase;
	color:#fff;
	transition: .3s ease all;
}
.btn-primary {
	background-color:#005c84;
	border-color:#005c84;
	transition: .3s ease all;
}
.btn-primary:hover {
	background-color:#0075A8;
	border-color:#0075A8;
	transition: .3s ease all;
}
.loginButton {
	background-color:#FF9100;
	border-color:#FF9100;
	width:90%;
	margin-left:auto;
	margin-right:auto;
	display:block;
	transition: .3s ease all;
}
.loginButton:hover {
	background-color: #fc6d00;
	border-color: #fc6d00;
	transition: .3s ease all;
}
h1 {
	color:#005c84;
	font-family: "ff-din-web-condensed-n6", "ff-din-web-condensed-1", "ff-din-web-condensed-2";
	font-weight:bold;
	font-size:48px;
}
h3 {
	color:#2a3036;
	font-weight:600;
	font-family: "ff-din-web-condensed-n6", "ff-din-web-condensed-1", "ff-din-web-condensed-2";
	font-size:24px;
}
h2 {
	color:#2a3036;
	font-weight:600;
	font-family: "ff-din-web-condensed-n6", "ff-din-web-condensed-1", "ff-din-web-condensed-2";
}
p, ul, div {
	font-family: 'Helvetica Neue', Arial, sans-serif;
	font-size:14px;
}
li {
	line-height:22px;
	margin-bottom:8px;
}
.redtext {
	display:block;
	color:#f33;
	margin-bottom:.5rem;
}
.redtext a {
	text-decoration:underline;
	color:#f88;
	transition: .3s ease all;
}
.redtext a:hover {
	color:#fff;
	transition: .3s ease all;
}
.redtext::before {
	content:"\2022\00A0";
}
.form-control:focus {
	border-color: #0173a5;
	box-shadow: 0 0 5px 1px rgba(0, 137, 196, 0.5);
	transition: .3s ease all;
}
.loginBox .form-control:focus {
	border-color: #005c84;
	box-shadow: 0 0 5px 2px rgba(69, 172, 216, 0.8);
}

/* ---------------------- Media Queries ----------------------- */

@media only screen and (max-width:767px) {

	#seeYouSoon {
		height:90%;
		width:auto;
		bottom:10px;
	}
	a.navbar-brand {
		width:47%;
	}
	a.navbar-brand img {
		width:100%;
	}
	#body .container {
		padding:1.5rem 1.5rem 100px;
	}
	#body .col-md-6:nth-child(2){
		min-height:150px;
	}
}