/* login.css */

div.loginbody {background-color: white; text-align: center;}

div.localise {background: url('/images/page.png') top left repeat-x rgb(229, 232, 237)}

div.frame
{
	border: 1px solid #b0b0b0;
	margin: 20px;
	padding: 5px 10px 5px 10px;
	display: inline-block;
	background-color: White;
}
div.title
{
	font-size: 175%;
	margin: 5px 0px 0px 5px;
	padding-left: 5px;
	padding-right: 5px;
}

div.login 
{
	padding: 2px;
	display: inline-block;
	border: 1px solid #DFF3FE;
}

div.login table {background-color: #DFF3FE;}

div.login td
{
	color: Black;
	text-align: left;
	padding-top: 3px;
	padding-bottom: 3px;
	vertical-align:text-top;
}

div.login th.caption
{
	text-align:left;
}

div.login td.caption
{
	text-align: left;
	width:auto;
	white-space:nowrap;
}
div.login td.right
{
	text-align: right;
}
div.login td.top
{
	vertical-align:top;
}

div.login td.entry
{
	
}

div.login td.error
{
	color:Red;
	width:100%;
}

div.login td.required
{
	color:Red;
	font-size:85%;
}

div.login a {color:blue}
div.login a:hover {text-decoration:underline;}

div.login a.terms {text-decoration:underline;}

div.error
{
    margin-top:2px; 
    margin-bottom:4px; 
    padding: 2px; 
    border: 1px solid red; 
    display: inline-block;
    white-space: nowrap;
}

div.browser {
	display: inline-block;
	margin-top: 30px;
	margin: 10px;
}

	div.browser span {
		white-space: nowrap;
		font-weight: bold;
		color: black;
	}

.verification-form {
	max-width: 500px;
	margin: 0 auto;
}
	.verification-form .verification-code {
		text-align: center;
	}

	.verification-form .verification-code input {
		-webkit-appearance: none;
		-moz-appearance: none;
		appearance: none;
	}

	.verification-form .verification-code input[type="number"] {
		text-align: center;
		-moz-appearance: textfield;
		width: 2rem;

		&::-webkit-outer-spin-button, &::-webkit-inner-spin-button {
			-webkit-appearance: none;
			margin: 0;
		}
	}