@import url('https://fonts.googleapis.com/css?family=Roboto');
.input-block {
	position: relative;
}
.input-block input {
	box-sizing: border-box;
	width: 100%;
	color: #495055;
	font-weight: 500;
	font-size: 1.3rem;
	font-size: 20px;
	color: #495055;
	padding: 15px;
	border: 2px solid  #d9d9d9;
	outline:none;
	background-color: #f9fbff;

	max-width: 95%;
	margin: 0;
}
.input-block .placeholder {
	position: absolute;
	margin: 17px 0;
	padding: 0 4px;
	font-family: Roboto, sans-serif;
	color: #6c757d;
	display: flex;
	align-items: center;
	font-size: 1.3rem;
	font-size: 20px;
	top: 0;
	left: 17px;
	transition: all 0.2s;
	transform-origin: 0% 0%;
	background: none;
	pointer-events: none;
}
.input-block input:valid + .placeholder,
.input-block input:not(:placeholder-shown) + .placeholder,
.input-block input:disabled + .placeholder,
.input-block input:focus + .placeholder {
	transform: scale(0.8) translateY(-34px);
	background: #f9fbff;
}

.input-block input:focus{
	color: #284b63;
	border-color: #284b63;
	box-shadow: 0 0 5px #284b63;
}

.input-block input:focus + .placeholder {
	color: #284b63;
}

.loginbk
{
	text-align: center;
/*
	background-color: #f9fbff;
	border-radius: 25px;
*/
	width: 550px;
	max-width: 100%;
	margin: 0 auto;
	padding: 10px;
}
a.forgot-password:link,
a.forgot-password:active,
a.forgot-password:visited
{
	text-decoration: none;
	color:  #6c757d;
}
a.forgot-password:hover
{
	color: #284B63;
}
h1
{
	color: #6082b6;
}
.input-block
{
	width: 75%;
	margin: 0 auto;
}