/*
	Extra layout for login pages
	By Martijn Dekker
	© 2014-2026 The Autscape Organisation
*/

div#authcontent {
	max-width: 48em;  /* prevent ugly long lines around auth fieldsets */
}

fieldset.auth {
	max-width: 34em;
	padding: 1ex 2em;
	margin: 3ex auto;
	color: black;
	background: white;
	border: 1px solid gray;
	border-radius: 15px;
}

fieldset.auth legend {
	font-size: 90%;
	font-weight: bold;
	padding: .5ex 1.5em .6ex;
	background: #eee;
	border: 1px solid gray;
	border-radius: 15px;
}

fieldset.auth div.tbl {
	display: table;
	table-layout: fixed;
	margin: auto;
}

fieldset.auth div.tbl div.tr {
	display: table-row;
}

fieldset.auth div.tbl div.tr div.td {
	display: table-cell;
	padding: 1ex 1em 1ex 0;
	width: 25em;
}

fieldset.auth div.tbl div.tr div.th {
	display: table-cell;
	padding: 1ex 1em 1ex 0;
	font-weight: bold;
	text-align: right;
	white-space: nowrap;
}

fieldset.auth input[type="text"], fieldset.auth input[type="password"] , input[type="email"] {
	font-size: 100%;
	font-family: "Inconsolata", "Andale Mono", "Monaco", monospace;
	width: 100%;
}

fieldset.auth input.login {
	float: left;
}

fieldset.auth input.loginchpass {
	display: block;
	margin-left: auto;
	text-align: right;
}

fieldset.auth .cancel {
	display: block;
	margin-right: 0;
	margin-left: auto;
	padding-left: 1em;
	text-align: right;
}

fieldset.auth .comment {
	font-size: smaller;
}

@media screen and (max-width: 400px) {
	fieldset.auth {
		padding: .5ex .5em .5ex 1em;
		border-radius: 10px;
	}
	fieldset.auth legend {
		border-radius: 10px;
	}
}