/* Fields */
	/*
	  Starting styles for each field
	*/
.field {
	display: block;
	position: relative;
	height: 50px; /*40px;*/
	font-size: 18px;
	line-height:18px;
	border: solid #aaa;
	border-width: 2px 2px 2px 2px;
	margin-bottom:0px;
	padding:0px;
	overflow:hidden;
	/*
			border-radius: 8px;
	   -moz-border-radius: 8px;
	-webkit-border-radius: 8px;*/
	box-sizing: border-box;
}

.field label {
	max-height: 34px;
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	top:105px; /*120px;*/
	padding: 0px 3px 0px 10px;
	margin:0px;
	font-size: 14px;
	line-height: 14px;
	color: #fff;
	background: #aaa;
	box-sizing: border-box;
}

.flex {
	height:40px;/*60px;*/
	margin-bottom:8px;
} 

.tableTitle {
	width:488px;
	margin:auto;
	margin-bottom: 0px;
}

.field input,
.field select,
form .field input[type="text"],
form .field input[type="number"],
form .field input[type="email"],
form .field input[type="date"],
form .field select {
	border: 0px;
	width: 100%;
	height: 38px; /*53px;*/
	padding: 0 10px;
	line-height:140%;
	box-sizing: border-box;
	-webkit-appearance: none;
			border-radius: 0px;
	   -moz-border-radius: 0px;
	-webkit-border-radius: 0px;
			border-top-right-radius: 0px;
	   -moz-border-top-right-radius: 0px;
	-webkit-border-top-right-radius: 0px;
			border-top-left-radius: 0px;
	   -moz-border-top-left-radius: 0px;
	-webkit-border-top-left-radius: 0px;
		box-sizing: border-box;
}

.field select,
form .field select {
	text-align-last:center; 	
}

.field input,
form .field input[type="text"],
form .field input[type="email"] {
	font-size: 18px;
}

.field select,
form .field select, 
form .field input[type="date"] {
	font-size: 18px;
}
/*
  Show label instead of placeholder
*/
.field input:focus,
.field input:valid,
.field select:focus,
.field select:valid,
form .field input[type="text"]:valid,
form .field input[type="number"]:valid ,
form .field input[type="email"]:valid ,
form .field input[type="date"],
.divBlock {
  height: 37px;
}

.divBlock {
	position: relative;
	z-index: 9999;
	margin-top:-37px;
}

.field input:focus ~ label,
.field input:valid ~ label,
.field select:focus ~ label,
.field select:valid ~ label,
.field input[type="date"] ~ label,
.field input[type="time"] ~ label {
	color: #fff;
	max-height: 20px;
	top:31px;/*25px;*/
}

/* Hide placeholder onfocus for safari */
.field input:focus[placeholder]::-webkit-input-placeholder {
  opacity: 0;
}

/*
  Animations
*/
.field {
		  transition-property: height, border-width;
  -webkit-transition-property: height, border-width;
	 -moz-transition-property: height, border-width;

		  transition-duration: 0.7s;
  -webkit-transition-duration: 0.7s;
	 -moz-transition-duration: 0.7s;

		  transition-timing-function: ease-in;
  -webkit-transition-timing-function: ease-in;
	 -moz-transition-timing-function: ease-in;
}

.field input,
.field select {
		  transition: height 0.7s ease-in;
  -webkit-transition: height 0.7s ease-in;
	 -moz-transition: height 0.7s ease-in;
}

.field label {
		  transition-property: max-height, color, top;
  -webkit-transition-property: max-height, color, top;
	 -moz-transition-property: max-height, color, top;

		  transition-duration: 0.7s;
  -webkit-transition-duration: 0.7s;
	 -moz-transition-duration: 0.7s;

		  transition-timing-function: ease-in;
  -webkit-transition-timing-function: ease-in;
	 -moz-transition-timing-function: ease-in;
}
.field input[placeholder]::-webkit-input-placeholder {
		  transition: opacity 0.7s ease-in;
  -webkit-transition: opacity 0.7s ease-in;
	 -moz-transition: opacity 0.7s ease-in;
}