@import url(./font.css);

/*========================================================
                    form styles
=========================================================*/

#formdiv {
	position:absolute;
	width: 320px
	height: 250px; 
	left: 50%;
	margin-left:-160px; 
	top: 380px;
}

#login-form {
  position: relative;
  text-align: left;
  letter-spacing: 1px;
}

#login-form ._placeholder {
  width: 100% !important;
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  letter-spacing: 1px;
  line-height: 29px;
  font-size: 18px;
  font-family: 'Lato', sans-serif;
  padding: 7px 10px 7px 10px;
  color: #a4a4a4;
  font-weight: 300;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  border-radius: 0;
  cursor: text;
}
#login-form ._placeholder.focused {
  opacity: 0.5;
  filter: alpha(opacity=50);
}
#login-form ._placeholder.hidden {
  display: none;
}
#login-form ._placeholder {
  display: none;
}

.spazio1 {
	width:320px;
	height:1px;
}

.spazio5 {
	width:320px;
	height:5px;
}

.spazio10 {
	width:320px;
	height:10px;
}

.btnmain {
	font-size: 16pt;
	font-family: Lato;
	width: 320px	;
  font-weight: 320px;
	left: 0px; 
	text-decoration:none; 
	line-height: 45px;
	height: 45px;
	border-style: solid;
	border-width: 0px;
	cursor: pointer;
}

.label {
	position:relative;
	left: 0px;
	width: 320px;
	text-align: center;
	font-family: Lato;
	font-size: 12pt;
	font-weight: bold;
}

.label1 {
	line-height: 22px;
	height: 22px;
	text-align: left;
	float:right;
	font-size: 18px;
	font-family: Lato;
}

.checkbx {
	width: 320px;
	text-align: right;
	font-family: Lato;
	font-size: 10pt;
}

.inputdiv {
	position:relative;
	width: 320px;
	text-align: left;
}

.box {
	padding: 10px 10px 10px 10px;
	width: 320px;
	font-family: arial, helvetica, sans-serif;
	font-size: 12pt;
	border-style: solid;
	border-width: 1px;
}

.box1 {
	padding: 3px 10px 3px 10px;
	margin-left: 5px;
	margin-top: 2px;
	width: 90%;
	font-family: arial, helvetica, sans-serif;
	font-size: 12pt;
	border-style: solid;
	border-width: 1px;
}

.empty-message, .error-message {
  position: absolute;
  right: 25px;
  top: 1px;
  color: red;
  height: 0;
  overflow: hidden;
  font-size: 10px;
  -webkit-transition: 0.3s ease-in height;
  transition: 0.3s ease-in height;
  z-index: 99;
  height: 20px;
  display:none;
}

@media (max-width: 479px) {
	#formdiv {
		top: 180px;
	}
}