.auth-form {

}

	.auth-form .form-body {
		position: relative;
	}

	.auth-form .form-row {
		display: inline-block;
		margin: 0 20px 0 0;
	}

	.auth-form.recover-form .form-row {
		display: block;
		margin: 0 0 20px 0;
	}

	.auth-form .field {
		display: block;
		width: auto;
		margin-bottom: 10px;
		font-weight: bold;
		color: #373737;
	}

	.auth-form .value {
		position: relative;
		display: block;
	}

	.auth-form.recover-form .form-row .value {
		width: 355px;
	}

		.auth-form .value input[type="text"],
		.auth-form .value input[type="password"] {
			width: 300px;
		}

		.auth-form .form-row-login input[type="text"],
		.auth-form.recover-form .form-row-password input[type="password"],
		.auth-form.recover-form .form-row-password_repeat input[type="password"] {
			width: 340px;
		}

		.auth-form .form-row-password input[type="password"] {
			width: 240px;
		}

		.auth-form .value input[type="text"].correct,
		.auth-form .value input[type="password"].correct {
			border-color: transparent;
			box-shadow: 0 0 3px 3px #b7e2bb;
		}

		.auth-form .value input[type="text"].incorrect,
		.auth-form .value input[type="password"].incorrect {
			border-color: transparent;
			box-shadow: 0 0 3px 3px #f2c5c5;
		}

		.auth-form .value .field-status {
			position: absolute;
			top: 0;
			left: 100%;
			width: 128px;
			height: 100%;
			margin-left: 20px;
			padding-left: 32px;
			font-size: 14px;
		}

		.auth-form .value .field-status.correct {
			color: #0b9316;
		}

		.auth-form .value .field-status.incorrect {
			color: #c20000;
		}

			.auth-form .value .field-status .icon-validation {
				display: block;
				position: absolute;
				left: 0;
				top: 50%;
				width: 24px;
				height: 22px;
				margin-top: -11px;
				background: url(../../bundles/smartclient/images/icons/icons.png) -160px -352px no-repeat;
			}

			.auth-form .value .field-status.correct .icon-validation {
				background-position: -160px -352px ;
			}

			.auth-form .value .field-status.incorrect .icon-validation {
				background-position: -224px -352px;
			}

			.auth-form .value .field-status .wrapper {
				display: table;
				height: 100%;
			}

			.auth-form .value .field-status .wrapper > div {
				display: table-cell;
				height: 100%;
				vertical-align: middle;
			}

	.auth-form .link-recover {
		margin-left: 10px;
		font-weight: bold;
	}

	.auth-form .hint {
		font-style: italic;
		color: #616161;
	}

	.auth-form .notice {
		font-size: 14px;
		line-height: 1.4;
		color: #313131;
	}

	.auth-form.recover-form .notice {
		font-size: 16px;
	}

	.auth-form.recover-form .hint {
		font-size: 14px;
	}

	.auth-form .auth-error {
		font-size: 14px;
		font-weight: bold;
		color: #cc0000;
	}

		.auth-form .auth-error .wrapper {
			display: table;
			height: 100%;
		}

		.auth-form .auth-error .error-text {
			display: table-cell;
			height: 100%;
			vertical-align: middle;
		}

	.auth-form .form-submit {
		margin-bottom: 20px;
	}

	.auth-form .auth-links {
		display: inline-block;
		margin-left: 45px;
		font-size: 16px;
	}

	.auth-form .auth-links a {

	}

	.auth-form .auth-captcha {
		display: inline-block;
		vertical-align: top;
		margin-right: 30px;
		text-align: left;
	}

		.auth-form .auth-captcha .captcha-input {
			display: inline-block;
			vertical-align: bottom;
		}

		.auth-form .auth-captcha .captcha-img {
			margin: 0 10px 0 20px;
			border: 1px solid #ccc;
		}

		.auth-form .auth-captcha input[type="text"] {
			width: 150px;
		}

		.auth-form .auth-captcha a {
			border: 1px dotted;
			text-decoration: none;
		}

		.auth-form .auth-captcha a:hover {
			color: #c20000;
		}