/* CSS for members' area */

div.memberbar, div.memberbarswitched {
	position: fixed;
	bottom: 0;
	width: 100vw;
	left: 0;
	display: flex;
	flex-wrap: nowrap;
	align-content: space-between;
	justify-content: space-between;
	border-style: solid;
	border-width: 1px 0 0 0;
	border-color: blue;
	background-color: #FFFFCC;
	color: navy;
	margin-top: 5px;
	margin-bottom: 0;
	padding: 5px 3vw 5px 3vw;
	height: 1.9em;
	
}

div.memberbarswitched {
	background-color: orange;
}

	
div.memberbar	.details, div.memberbarswitched .details{
	font-weight: bold;
	width: 33vw;
	font-size: 0.9em;
	overflow-x: hidden;
	overflow-y: hidden;
	height: 1.25em;
}

div.memberbar	.logout, div.memberbarswitched .logout{
	font-size: 0.9em;
	width: 33vw;
	text-align: right;
	padding-right: 0.5em;
}

div.expirywarningcontainer {
	width: 100%;
	padding: 10px;
	background-color: pink;
	border-style: solid;
	border-width: 3px;
	border-color: #034289;
}

div.expirywarning{
	max-width: 600px;
	width: 100%;
	margin: auto;
}

/* -------------------------------------------- */
@media only screen and (max-width: 601px) {
	div.memberbar{
		height: 3em;	
	}
	
	.updateDisabled, .updateEnabled{
		padding-top: 0.2em;
		height: 1.6em;
		margin-top: 0.3em;
	}

	div.memberbar	.logout{
		padding: 0.6em 0.5em 0 0.5em;
	}
	
	div.memberbar	.logout a{
		padding-top: .6	em;
	}
	
	div.memberbar .details{
		padding-top: 0.7em;	
		height: 2em;
	}
}