@import "variables";
#wrap.p-login {
	//background: #EBEFF2 url(../images/wrapper-gradi.jpg) repeat-x 0 0;
	background: rgb(49,49,49); /* Old browsers */
	background: -moz-linear-gradient(top, rgba(49,49,49,1) 0%, rgba(235,239,242,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, rgba(49,49,49,1) 0%,rgba(235,239,242,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, rgba(49,49,49,1) 0%,rgba(235,239,242,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#313131', endColorstr='#ebeff2',GradientType=0 ); /* IE6-9 */

	/*@media (max-width: 767px) {
		background: $color_gray_90;
	}*/
}
.p-login-separate {
	min-height: 480px;
}
.p-login-form {
	position: absolute; top: 50%; left: 0; right: 0;
	//margin-top: -180px;
	@include transform(translateY(-50%));
	.form {
		//background: $color_gray_90;
		background: $color_gray_80 url(../images/header-bg.png) repeat top left;
		border: 8px solid #2b2b2b;
		max-width: 500px;
		//height: 340px;
		margin: 0 auto;
		padding: 24px;
		//@include box-shadow(inset 0 0 0 10px #2b2b2b);
		@include box-shadow(0 0 12px #2b2b2b);
		@media (max-width: 767px) {
			padding: 16px;
		}
		.form__head {
			background: $color_danger;
			margin-bottom: 2px;
			padding: 12px 24px;
			svg {
				display: block;
				margin: 0 auto;
			}
		}
		.form__body {
			background: $color_white;
			padding: 36px;
			@media (max-width: 767px) {
				padding: 24px;
			}
			.form__errors {
				margin-bottom: 16px;
				font-weight: bold;
				text-align: center;
			}
			.form-label {
				font-weight: bold;
				@media (min-width: 450px){
					margin-top: 9px;
					text-align: right;
				}
			}
			.form-field {
				.fa {
					position: absolute; top: 50%; left: 10px;
					display: block; width: 16px; height: 16px;
					margin-top: -8px;
					font-size: 16px;
					line-height: 16px;
					text-align: center;
					opacity: 0.75;
				}
				input {
					background: lighten($color_primary, 50%);
					height: auto;
					padding: 8px 16px 8px 32px;
				}
			}
		}
	}
}