div.auth-wrap
{
    display: table;
	float: left;
    width: 100%;
    height: 100%;
	background: url('/img_files/items/auth-bg.jpg') no-repeat center;
	background-size: cover;
}

	div.auth-cell
	{
		display: table-cell;
		width: 100%;
		height: 100%;
		vertical-align: middle;
		text-align: center;
	}

		form.sign-in
		{
			width: 350px;
			display: inline-block;
			padding: 20px 30px;
			background: rgba(255, 255, 255, 0.2);
		}

			div.auth-field-wrap
			{
				display: flex;
				float: left;
				width: 100%;
				margin: 10px 0px;
			}

				i.input-icon
				{
					font-size: 20px;
					padding: 15px;
					color: #fff;
					background: #c22028;
				}
				
				input.auth-field
				{
					height: 50px;
					padding: 0px 15px;
					border: 1px solid #fff;
				}
			
				span.sign-link
				{
					float: left;
					text-decoration: underline;
					color: #004b6d;
					font-size: 12px;
					line-height: 18px;
					margin-right: 10px;
					cursor: pointer;
				}
				
				span.sign-link:last-child
				{
					margin: 0px;
				}
				
					span.sign-link i
					{
						font-size: 18px;
						float: left;
						margin-right: 5px;
					}
					
				button.sign-in
				{
					float: left;
					width: 100%;
					height: 44px;
					text-transform: uppercase;
				}