.white_box {
	background: #FFFFFF;
	width: 540px;
	height: 280px;
	margin: auto;
	margin-top: 60px;
	margin-bottom: 60px;
	text-align: center;
}

.login_box {
	width: 280px;
	height: 280px;
	background: #4E5A65;
	text-align: left;
	position:relative;
	margin-top:-221px;
}
.login_boxBottom {
	width: 350px;
	background: #4E5A65;
	text-align: left;
	position:relative;
	padding-bottom: 60px;
}
.white_box_bottom {
	background: #FFFFFF;
	width: 350px;
	margin: auto;
	margin-top: 60px;
	margin-bottom: 60px;
	text-align: center;
	padding-bottom: 60px;
}
.login_box:after {
	-moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: #4E5A65;
    border-image: none;
    border-style: solid;
    border-width: 60px;
    border-top: 60px solid transparent;
	border-bottom: 60px solid transparent;
	border-left: 40px solid #4E5A65;
	border-right: 0px solid transparent;
    content: " ";
    height: 0;
    left: 100%;
    margin-top: -60px;
    pointer-events: none;
    position: absolute;
    top: 50%;
    width: 0;
}
.login_boxBottom:after {
	-moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: #4E5A65;
    border-image: none;
    border-style: solid;
    border-width: 60px;
    border-top: 40px solid #4E5A65;
	border-bottom: 0px solid transparent;
	border-left: 60px solid transparent;
	border-right: 60px solid transparent;
    content: " ";
    height: 0;
    left: 50%;
    margin-left: -60px;
    pointer-events: none;
    position: absolute;
    top: 100%;
    width: 0;
}
.loginH {
	color: rgb(20, 30, 42);
	font-weight:bold;
}

.loginLabel {
	color: #ffffff;
	font-size: 17px;
}

.firstLineLogin {
	margin-top: 20px;
}

.loginButton {
	width: 100%;
	margin-bottom: 15px;
}

.forgottenpswd > a{
	color:white;
	font-weight:800;
	text-decoration:underline;
}

#recaptcha_area {
	margin-left: auto;
	margin-right: auto;
}

#recaptcha_widget_div{
	margin-bottom:10px;
}

.keyimg {
	margin-left: 280px;
	margin-top: 55px;
	position: relative;
}

.login_panel {
	padding: 15px 15px 15px;
}

.login_panel > input{
	width: 95%;	
	margin-bottom: 10px;
	font-size: 15px;
}

.content, .content-body {
	background: lightgray;
}

.ui-password-panel-inline {
	width: auto;
}

@media (max-width: 768px)
{
	
	.white_box {
		background: rgb(245,246,246);
		width: auto;
		height: auto;
		text-align: center;
		margin-top: 0px;
		margin-bottom: 0px;
		height: 280px;
	}
	
	.login_box {
		width: auto;
		height: auto;
		background: #4E5A65;
		text-align: left;
		position: relative;
		margin-top:0%;
		margin-bottom: 0%;
	}
		
	.login_box:after {
		-moz-border-bottom-colors: none;
	    -moz-border-left-colors: none;
	    -moz-border-right-colors: none;
	    -moz-border-top-colors: none;
	    border-color: #FFFFFF;
	    border-image: none;
	    border-style: solid;
	    border-width: 0px;
	    border-top: 0px solid transparent;
		border-bottom: 0px solid transparent;
		border-left: 0px solid #4E5A65;
		border-right: 0px solid transparent;
	    content: " ";
	    height: 0;
	    left: 0%;
	    margin-top: 0px;
	    pointer-events: none;
	    position: absolute;
	    top: 0%;
	    width: 0;
	}
	
	.loginButton {
		width: 100%;
		margin-bottom: 40px;
	}
	
	.login_panel > input{
		width: 100%;

		margin-bottom: 10px;
		font-size: 15px;
		padding-right: 0px;
		padding-left: 0px;
	}
	
	.firstLineLogin {
		margin-top: 40px;
	}
	
	.loginLabel {

	}
	
	.light-grey {
		background: #FFFFFF;
		padding-bottom: 0px;
	}
}