.f-error
{
	
	position: relative;
	display: table;
	margin: auto;
	
	width: 100%;
	padding: 0px 4px 0px 4px;
	
	box-sizing: border-box;
	
	font-size: 18px;
	color: #e74c3c;
	
	
	-border: 1px solid red;
		
}


.f-label
{
	
	position: relative;
	display: table;
	margin: auto;
	
	width: 100%;
	padding: 0px 4px 0px 4px;
	
	box-sizing: border-box;
	
	font-size: 18px; color: #101010; font-weight: normal; text-decoration : none;
	
	-border: 1px solid red;
		
}






.f-input
{
	
	position: relative;
	display: table;
	margin: auto;
	
	width: 100%;
	padding: 0px 0px 24px 0px;
	box-sizing: border-box;
	
	
	-border: 1px solid red;
		
}





input[type=text]
{
	
	width:100%;
	height: 36px;
	
	padding: 0px 10px 0px 10px;
	
	font-size: 18px;
	color: #000000;
	
	box-sizing: border-box;
	border-radius: 2px;
	
	
	background-color: #f9f9f9;
	
	border: 1px solid #bbbec3;
	outline: 0px;
	
	
}





input[type=text]:focus
{ 
	border: 2px solid #101010;
}




input[type=password]
{
	
	width:100%;
	height: 36px;
	
	padding: 0px 10px 0px 10px;
	
	font-size: 16px;
	color: #000000;
	
	box-sizing: border-box;
	border-radius: 2px;
	
	background-color: #f9f9f9;
	
	border: 1px solid #bbbec3;
	outline: 0px;
	
	
}





input[type=password]:focus
{ 
	border: 2px solid #101010;
}




input[type=submit]
{
	
	width:100%;
	height: 38px;
	
	cursor: pointer;
	
	box-sizing: border-box;
	border-radius: 2px;	
	
	font-size: 18px;
	color: #ffffff;
	
	background-color: #101010;
	border: 1px solid #bbbec3;
	outline: 0px;	
	
}




input[type=submit]:hover
{

	color: #f1f1f1;
	background-color: #000000;
	
	/* disable button highlight with blue color */
	-webkit-tap-highlight-color: transparent;

}




/* Screen Between: 1px - 400px */
@media only screen and (max-width: 400px)
{




.f-error
{

	font-size: 16px;
	-border: 1px solid red;
	
}



.f-label
{

	padding: 0px 4px 0px 4px;
	font-size: 18px;
	
	-border: 1px solid red;
		
}


.f-input
{
	
	
	width: 100%;
	padding: 4px 0px 12px 0px;
	font-size: 18px;
	-border: 1px solid red;
		
}



input[type=text]
{
	
	width:100%;
	height: 42px;
	
	padding: 0px 10px 0px 10px;
	font-size: 18px;
	
}



input[type=password]
{

	width:100%;
	height: 42px;
	
	padding: 0px 10px 0px 10px;
	font-size: 18px;

}

input[type=submit]
{
	

	height: 44px;
	font-size: 18px;

}



}




/* Screen Between: 1px - 320px */
@media only screen and (max-width: 320px)
{




.f-error
{

	font-size: 13px;
	-border: 1px solid red;
	
}


.f-label
{

	padding: 0px 4px 0px 4px;
	font-size: 14px;
	
	-border: 1px solid red;
		
}


input[type=text]
{
	
	width:100%;
	height: 36px;
	
	padding: 0px 10px 0px 10px;
	font-size: 14px;
	
}


input[type=password]
{

	width:100%;
	height: 36px;
	
	padding: 0px 10px 0px 10px;
	font-size: 14px;

}



input[type=submit]
{
	

	height: 38px;
	font-size: 14px;

}


}