#login-spinner.spinner {
height:20px;
width:20px;
top:0;
left:0; }

.authentication.login {
height:170px;
border: 1px solid var(--primary-border-color) }

.authentication.logout {
height:100px; }


#login .reveal.opened {
    background-image:url(/coreimages/icons/ico.password.toggle.show.png);
}

#login .reveal.closed {
    background-image:url(/coreimages/icons/ico.password.toggle.hide.png);
}


#reveal  {
    background-size:cover;
    height:20px;
    width:20px;
    display:inline-block;
    vertical-align:middle;
	cursor:pointer;
}

 #login .forgot
,#verify .resend {
    text-align:right;
}



/*-- login ------------------------------------------------------------------*/
#login table {
	background-color: #fff;
}

#login .input {
	width: 200px;
	padding: 3px 7px;
	font-size: 16px;
}

#login #timer {
	background: url('/coreimages/animated/ani.loader.bar.003.gif') no-repeat;
	height: 24px;
	width: 24px;
	visibility: hidden;
	float: left;
	margin-right: 5px
}

#login td.label {
	width: 100px;
	text-align: right;
	font-size: 16px;
}

#login td {
	padding: 5px;
}

#login td.bottom {
	padding-top: 15px
}

#login td.top {
	padding-top: 15px
}

#login #forgot-password {
	text-align: right;
	font-size: .9em;
	padding: 15px
}


/*-- logout -----------------------------------------------------------------*/
 #logout {
width:370px; }

 #logout .container {
text-align:center;
margin:15px; }

 #logout .confirm {
font-size:20px;
margin:15px; }

 #logout .button {
width:80px; }