html {
	/*width:100%;
	height:100%;*/
	}
body {
	width:100%;
    height:100vh;
    margin:0px;
	font-family: 'Lato', sans-serif;
	font-size:14px;
	line-height:22px;
    }
	
.login-top {
	width:100%;
	color:#fff;
	font-size:22px;
	text-align:center;
	font-weight:700;
	background-color:#198891;
	float:left;
	text-transform:uppercase;
	padding:20px 0px
	}
	
.login-bg {
	background:url(../images/login-bg2.jpg) bottom #eaeaea;
	background-size:100%;
	}
.login-bg {
	background-repeat:no-repeat;
	}
	
.login-container {
	width:100%;
	float:left;
	margin-top:32px;
	}

.tamilnadu-logo {
	width:12.75%;
	max-width:204px;
	float:left;
	margin:45px 0 0 5.183%;
	float:left;
	}
.tamilnadu-logo img {
		width:100%;
		}	
.iorrs-logo {
	width:38.9375%;
	max-width:620px;
	float:left;
	margin:80px 0 0 2.2%
	}

	
.iorrs-logo img {
		width:100%;
		}
		
.vert-line {
	float:left;
	width:10px;
	background:url(../images/div-line.png) center no-repeat;
	height:355px;
	margin:0px 0 0 5%;
	}
	
.login-block {
	width:24.1875%;
	background:rgba(255, 255, 255, 0.2);
	border:solid 1px #fff;
	border-radius:10px;
	float:left;
	margin-left:5%;
	padding:24px 24px 75px 24px;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	}

.login-block input[type="text"], .login-block input[type="password"] {
	width:100%;
	height:52px;
	float:left;
	background:rgba(255, 255, 255, 0.2);
	border-radius:6px;
	border:solid 1px #fff;
	margin-bottom:23px;
	padding-left:50px;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	font-size:20px;
	color:#198891;
	font-weight:300;
	}
input:focus {
    outline:none;
}	
.username {
	background:url(../images/user-icon.png) left no-repeat !important;
	}
.p-word  {
	background:url(../images/p-word-icon.png) left no-repeat !important;;
	}
	
.login-but {
	width:100%;
	text-align:center;
	color:#fff;
	font-size:24px;
	font-weight:700;
	background-color:#198891;
	border-radius:6px;
	float:left;
	bordeR:none;
	height:54px;
	}
	
.login-title {
	width:100%;
	text-align:center;
	font-size:24px;
	font-weight:700;
	text-transform:uppercase;
	color:#fff;
	margin-bottom:24px;
	}
	
.login-left {
	width:70%;
	float:left;
	}
.login-right {
	width:30%;
	float:right;
	}
	
	
@media only screen and (max-width:912px) {
	.login-block {
		width:34%;
		padding-bottom:24px;
		}
	
	.tamilnadu-logo {
		width:100%;
		max-width:100%;
		float:left;
		margin:0px 0 20px 0;
		text-align:center
		}
	.tamilnadu-logo img {
		max-width:100px;
		}
	.iorrs-logo {
		width:100%;
		max-width:100%;
		text-align:center;
		margin:0;
		}
	.iorrs-logo img {
		max-width:320px;
		}
	.login-block {
		width:80%;
		margin:20px 10% 30px 10%;
		background: rgba(255, 255, 255, 0.3);
		}
	.vert-line {
		display:none;
		}
	.login-top {
		padding:10px 10px;
		box-sizing:border-box;
		-moz-box-sizing:border-box;
		}
}

@media only screen and (max-width:360px) {	

	.login-top {
		font-size:18px;
	}
	
	.login-title {
		color:#333;
		}
	.login-block input[type="text"], .login-block input[type="password"] {
		height:42px;
		}
	.login-but {
		height:40px;
		font-weight: 400;
		font-size:18px;
		}

}