.form-container.register{
width: 400px;
position: absolute;
left: 50%;
margin-left: -200px;
top: 50%;
margin-top: -300px;
text-align:center;
}


.change-pass-popup .form-container{
	width: 400px;
	position: absolute;
	left: 50%;
	margin-left: -200px;
	top: 0;
	margin-top: auto;
	text-align: center;
	bottom: 0;
	margin-bottom: auto;
	height: 559px;	
}

.form-container{
width: 400px;
position: absolute;
left: 50%;
margin-left: -200px;
top: 50%;
margin-top: -220px;
text-align:center;
}
.form-header{
margin-bottom: 15px;
}
.form-wrap{
text-align: center;
padding: 20px 30px 20px 30px;
border-radius: 10px;
background: white;
border: 5px solid rgb(227, 227, 227);
box-shadow: inset 0px 0px 20px rgb(206, 206, 206);
}
.form-wrap form{
text-align:left;
}
.field-item label{
font-size: 20px;
font-weight: 100;
color: gray;
}
.field-item:not(:first-child){
	margin-top:15px;
}
.field-item input[type=text],
.field-item input[type=password]{
width: 100%;
padding: 10px;
box-sizing: border-box;
margin-top: 5px;
background: #F7F7F7;
border: 1px solid rgb(220, 220, 220);
font-size: 20px;
outline: 0;
box-shadow: inset 0px 0px 15px rgb(229, 229, 229);
transition: all .2s ease-out;
}
.field-item input[type=text]:focus,
.field-item input[type=password]:focus{
box-shadow: inset 0px 0px 25px rgb(208, 208, 208);
}

.field-item-row{
    position: relative;
}
.field-status{
    position: absolute;
    top: 14px;
    right: -15px;
    width: 26px;
    height: 26px;
}
.field-status.success-pass{
    background: url('../images/icons/repeat-pass-ok.png');
}
.field-status.error-pass{
    background: url('../images/icons/repeat-pass-error.png');
}

.change-pass-popup .field-item input[type=text], .change-pass-popup .field-item input[type=password] {
    width: 95%;
}

.field-item input[type=submit],
.field-item input[type=button]{
padding: 7px 30px 7px 30px;
float: right;
font-size: 18px;
font-weight: bold;
outline: none;
border: 1px solid rgb(179, 179, 179);
background: rgb(248, 248, 248);
cursor:pointer;
color: rgb(82, 82, 82);
transition: all .2s ease-out;
}
.field-item input[type=submit]:hover,
.field-item input[type=submit]:hover{
box-shadow: 0px 0px 5px rgb(198, 198, 198);
}
.field-item input[type=checkbox]{
width: 18px;
height: 18px;
vertical-align: sub;
margin-left: 0;
outline:0;
}
.field-item span{
font-size: 14px;
color: gray;
}
.form-shadow{
position: relative;
right: 27px;
top: 10px;
}
.field-item.register{
	color: rgb(179, 179, 179);
	border-top: 1px solid rgb(231, 231, 231);
	padding-top: 15px;
	margin-top: 20px;
	text-align: center;
}
.field-item.register a{
	text-decoration: none;
	font-weight: bold;
	color: rgb(81, 81, 81);
}
.field-item.register a:hover{
	color: rgb(184, 184, 184);
}

.field-item.change-pass-info{
color: rgb(184, 184, 184);
border-bottom: 1px solid rgb(229, 229, 229);
padding-bottom: 15px;
font-size: 15px;
}