/*
#loginButton {
	position			: absolute ;
	bottom				: 10px ;
	right				: 10px ;
}

#storeButton {
    position: absolute;
    bottom: 40px;
    right: 10px;
}

#logoutButton {
	display				: inline ;
	margin				: 0px 10px 0px 10px ;
	padding				: 0px 10px 0px 10px ;
}
*/

#logoutButton {
    grid-column : 12 / span 1 ;
}

#welcomeTxt {
	color				: #fff8d2 ;
}

/* *********** Login box styling ************* */

.loginBox {
	display				: flex ;
	flex-direction		: column ;
	flex-wrap			: nowrap ;
	max-width			: 600px ;
	background-color	: #bfd7f3 ;
	margin				: 5px auto ;	/* 15% from the top and centered */
	border				: 10px solid #888 ;
	width				: 50% ;
}

/* Full-width input fields */
input[type=text], input[type=password] {
	width				: 100%;
	padding				: 12px 20px;
	margin				: 8px 0;
	display				: inline-block;
	border				: 1px solid #ccc;
	box-sizing			: border-box;
}

/* Center the image and position the close button */
.imgcontainer {
	flex				: 100% ;
	text-align			: center;
	margin				: 24px 0 12px 0;
}

.container {
	flex				: 100% ;
	padding				: 16px;
}

.cancelContainer {
	flex				: 100% ;
	padding				: 20px ;
}

span.psw {
	float				: right;
	padding-top			: 16px;
}

/* Set styles for the various buttons throughout the site */

.loginButton {
	background-color	: #2369b8 ;
	font-family			: inherit ;
	font-weight			: bold ;
	font-size			: 15px ; 
	border-left			: 2px solid white ;
	border-top			: 2px solid white ;
	border-right		: 2px solid black ;
	border-bottom		: 2px solid black ;
	border-radius		: 5px ; 
	cursor				: pointer ; 
	background-image	: none ; 
	color				: #edf4fc ; 
	text-shadow			: none ; 
	text-decoration		: none ; 
	display				: block ; 
	width				: 170px ;
	margin-top			: 10px ;
	margin-left			: auto ;
	margin-right		: auto ;
}

.loginButton:hover {
	background-color	: #edf4fc ;
	color				: #2369b8 ;
}

.cancelBtn {
	left				: 10px ;
	bottom				: 10px ;
}