div.VerticalGrid {
	display: grid;			
	grid-auto-flow: row;
  align-content: center;			
	height: 100%;				
}

		
div.SignInGrid {
	display: grid;	
  grid-template-columns: max-content 10em;  	 			
	margin: auto;			/* Center horizontally */
	
			
	border-style: solid;	
  border-width: 1px;
	border-color: var(--materialio-greyE1);
	border-radius: 1em;
	
  box-shadow: 2px 3px 3px  lightgrey;
														
}


div.SignInGrid > div.Left {
	grid-column: 1;	
}


div.SignInGrid > div.Right {
	grid-column: 2;	
	background-image: linear-gradient(to right, var(--materialio-greyF3),var(--materialio-greyF3-darker));
	
}

div.SignInTitle {
	color: var(--materialio-black);
	font-size: 2em;
	margin-top: .5em;
	margin-left: .9em;
	margin-right: .9em;
	/*text-align: left;*/
}

div.CreateAccountQuestion {
	/*grid-row:3; */
	
	margin-top:1em;
	margin-left:auto;
	margin-right:auto; 
	color: var(--silver);
}

form {
	margin-top: 2em;
	margin-bottom: 2em;
	margin-left: 2em;
	margin-right: 2em;
}
form > * {
	display: block;	
}
label {	
	color: var(--materialio-black);
  /*font-weight: bold;*/
	/*text-shadow: -.1px .1px var(--yellow-burlywood-color);*/
	
}

label.RememberMe {
	color: var(--silver);
}

input {
	border-width: 1px;
	border-color: var(--materialio-greyE1);
	border-radius: .4em;
		
	padding: 0.4em;
	margin-bottom: 1em;
	width: 100%;
}


input[type=checkbox] {
  accent-color: var(--materialio-greyE5);
  width: auto; /* to remain on the same line of the label */
}


input[type=password] {
  margin-bottom: 0;
}

        
button {
	margin-top: 1.5em;
	margin-bottom: 0.8em;
	padding: .6em;	
	
	background-image: linear-gradient(to right, var(--materialio-yellowE7),var(--yellow-burlywood-color));
	
	border-color: var(--yellow-burlywood-color);
	border-radius: .5em;
	border-width: 0px;
	width: 100%;
	
	
	color: var(--materialio-yellow61);
  font-weight: bold;
	/*text-shadow: .1px .1px var(--yellow-burlywood-color);*/
}

a {
	display:block; 
	text-align: center;
}

a.SignInHelp {
	color: var(--materialio-yellowA);
}

a.CreateAccount {
	/*grid-row:4; */
	color: var(--silver);
	margin-top: .1em;
}

.DiscreetText {
  font-weight: normal;	
	font-size: 0.8em;	
}