#loginDimmer.active, #shoppingCartDimmer.active {
	width: 100% !important;
	height: 100% !important;
	opacity: 0.3 !important;
	transition: opacity 0.3s ease;
}

#loginDimmer, #shoppingCartDimmer {
	position: fixed;
	top: 0rem;
	left: 0rem;
	width: 0rem;
	height: 0rem;
	background-color: black;
	opacity: 0;
	z-index: 2000;
}

#login.active, #shoppingCart.active {
	opacity: 1;
	height: auto;
	transition: opacity 0.3s ease;
}

#login.active {
	padding: 1.6rem;
}

#login, #shoppingCart {
	position: absolute;
	overflow: hidden;
	top: 7.2rem;
	height: 0rem;
	background-color: white;
	color: #003466;
	margin: 0rem;
	box-shadow: 0rem 0.3rem 1rem #00000060;
	z-index: 2001;
	opacity: 0;
    transition: none;
	box-sizing: border-box;
}

#shoppingCart {
	left: 10%;
	right: 10%;
	top: 2.6rem;
}

#login {
    width: 25rem;
    left: 50%;
	margin-left: -12.5rem;
}

#loginMessage {
	transition:all 0.3s ease 0s;
	box-sizing: border-box;
	max-height: 5rem;
	color: #a94442;
	border: 1px solid #ebccd1;
	background-color: #f2dede;
	padding: 0.8rem;
	margin-bottom: 0.8rem;
	opacity: 1;
}

#loginMessage.ng-hide {
	transition:all 0.3s ease 0s;
	max-height: 0rem;
	padding-top: 0rem;
	padding-bottom: 0rem;
	margin: 0rem;
	opacity: 0;
}

.loginSubmit {
	float: right;
}

.loginCenter {
	top: 20rem !important;
	left: 50% !important;
}

#login input {
    width: 100%;
    margin: 0.4rem 0rem 0.8rem 0rem;
    box-sizing: border-box;
}

#login div {
    text-align: left;
}

.loginspinner {
	width: 3.6rem;
	height: 3.6rem;
}

.emailHeader {
	font-size: 1.9rem;
	color: #084082;
	font-weight: bold;
	padding: 0.8rem;
	margin-top: 0.8rem;
}