/* ID:33998 */
@charset "utf-8";

article {
	margin-top: 0px;
	margin-bottom:0px;
}

table.login{
	padding:2ex 0;
}

main#content {
	div{
		&.preLogin,
		&.pastLogin{
			margin-left:5em;
			margin-right:5em;
		}
	}
}
form#loginForm{
	display:none;
}
/*article{
	width:100%;
}*/

table.login{
	margin-left:auto;
	margin-right: auto;

	#showMultiInput {
		display:none;
		label{
			color: lightgrey;
		}
		input[type=radio]:checked + label {
			color: inherit !important;
		}
		td{
			text-align: center;
			vertical-align: middle;
		}
		input{
			display: none;
		}
	}

	tr{
		td{
			position: relative;
			padding: 1.1em 0.3ex;
			&.newPassword{
				font-size:.8em;
				padding-top:4ex;
				text-align:center;
			}
			&.loginButton{
				text-align: center;
			}
			input:invalid{
				background-color: white!important;
				border-color: lightgrey;
			}
			button{
				width:100%;
			}
			i.showPwd{
				left:unset;
				right: 0;
			}

		}
	}
}

div.running{
	border:none;
	color:black;
	display:none;
	margin-left:auto;
	margin-right: auto;
	padding:2ex;
	width:15em;
}

/* installprompt*/
#installPrompt{
	background: white;
	box-shadow: 0px 0px 2px black;
	bottom: 0;
	display: grid;
	grid-template-columns: 4.5em 1fr;
	grid-gap: 1em;
	left:0;
	height: 7em;
	padding-top: 1ex;
	position: fixed;
	right: 0;
	z-index: 9999;
	div{
		box-sizing: border-box;
		padding-top: 1ex;
		position: relative;
		span{
			font-size: 90%;
			&.caption{
				font-size: 100%;
			}
		}
		.closebutton{
			float: right;
			font-size: 130%;
			text-align: center;
			width: 4ex;
		}
		button{
			position: absolute;
			bottom: 0;
			right: 0;
		}
	}
	&> img{
		height: auto;
		width: 100%;
	}
}

#rememberMe{
	display: none;
}
@media (display-mode: standalone){
	#rememberMe{
		display: initial;
	}
}