div.jumbotron.login{
	height: 100vh;
	width:100%;
	padding:10vh 0 0;
	background-image:url('../images/login_background.jpg');
	background-repeat:no-repeat;
	background-position: center;
	background-size:cover;
}

/* -- login screen -- */
div.container.loginHolder{
    position: relative;
    /* left: 10vw; */
    height: 80vh;
    width: 80vw;
    z-index: 2;
}
div.container.loginHolder .loginHolderCol{	
	height:100%;
	width:100%;
	padding: 4vh;
}

body .window {
    position: relative;
    width: 100%;
    max-width: 500px !important;
    padding: 0;
    text-align: center;
}

body .window .window_content{
	padding:30px;
	width:100%;
	height:auto;
	float: left;
	box-shadow: 2px 7px 1px 1px rgba(0, 0, 0, 0.12);
}
div.container.login .window_content {
    padding: 23px 60px 50px;
}
div.container.login h1{
    padding: 10px;
    text-align: center;
    letter-spacing: 0.5px;
    font-size: 21px !important;
    margin: 0px 0 20px !important;
}
div.container.login p{
	margin:0;
	text-align:center;
}
div.container.login input{
	width: 100%;
    margin-bottom: 20px;
    border-bottom-width: 2px;
    padding: 10px;
}
div.container .login_bottom{
    padding: 19px !important;
	color:#fff;
    text-align: center;
}
div.container .login_bottom a{
	text-decoration: none;
}
div.container.login a:not(.button){
	padding: 0;
    text-decoration: underline;
}
div.container.login a:hover{
	text-decoration:none;
}

img.login_logo{
	max-width:60%;
	margin:10px 0;
}

form#reg_form div.container select.validating,
form#reg_form div.container textarea.validating,
form#reg_form div.container input.validating{
	border-bottom-width: 1px !important;	
}
form#reg_form div.container select.wrong,
form#reg_form div.container textarea.wrong,
form#reg_form div.container input.wrong{
	border-bottom-color:rgb(167, 6, 6);	
	background-color: rgba(255, 227, 227, 0.2);
}

form#reg_form div.container select,
form#reg_form div.container input{
	width: 94%;
	float:right;
}

/* -- login side image -- */

div.jumbotron.login .col{
	height:100%;
}
div.jumbotron.login .col.loginSide{
	background: linear-gradient(
				  rgba(255, 255, 255, 0.85), 
				  rgba(255, 255, 255, 0.85)
				), url(../images/login_background.jpg);

	background-position: top left, center center;
	background-size: 100%, cover;
	background-repeat:no-repeat;
}

div.jumbotron.login .col.loginSide img.logo{
	position:absolute;
	top:50%;
	left:50%;
	width:100%;
	max-width:500px;
	transform: translateY(-50%) translateX(-50%);
}

/* ------------------------ */


@media (max-width: 768px){
	body div.jumbotron.login {
		padding: 5px 0;
		overflow: hidden;
	}
	body .loginHolder{
		margin:0 5px;
		width:calc(100% - 10px) !important;
		height:calc(100% - 10px) !important;
	}
	body .loginHolderCol{
		padding: 1vw !important;
	}
	div.jumbotron.login .col{
		margin:0;
		padding:0;
	}
	div.container.login{
		width: 100% !important;
		top: 4vh;
		left: 0;
		max-width: 100%;
		margin: 0;
		box-sizing: border-box;
		padding:1.5vw;
	}
	body div.container.login .window_content{
		padding:10px 20px;
	}
	body div.container.login p {		
		font-size: 13px;
	}
	
	
	
}
@media (max-width: 767px){
	div.container.login div.editField table td{
		width: 100% !important;
		display: block;
		float: left;
	}
}