html, body {
	width:100%;
	height: 100%;
	padding:0;
	background: #fff;
}



.login-msg {
	color: #ffffff;
}

.login-form  .form-control {
    display: block;
    width: 100%;
    padding: 0.65rem 1.25rem;
    font-size: 0.8rem;
    line-height: 1.25;
    color: #495057;
    background-color: #fff;
    background-image: none;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: 0.25rem;
    transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
	-webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    border-radius: 0;
    border: 0;
    border-bottom-width: 0px;
    border-bottom-style: none;
    border-bottom-color: currentcolor;
    border-bottom: 1px solid #ebedf2;
    padding: 0.5rem 0;
    margin-top: 0.1rem;
}

.login-form  .form-control.focus, .login-form  .form-control:focus {
    border-color: #716aca;
    color: #575962;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}






@media (min-width: 1024px) {

	.container-fluid {
		height:100%;
		min-height: 100%;
	}

	.row {
		height:100%;
		min-height: 100%;
	}

	.login-welcome {
		color: #ffffff;
		font-size: 3.5rem;
		font-weight: 500;
		margin-bottom: 2rem;
	}

	.columna1 {
		background: #2f549e;
		background: url(../img/lf.svg) no-repeat center center fixed; 
	  	-webkit-background-size: cover;
	  	-moz-background-size: cover;
	  	-o-background-size: cover;
	  	background-size: cover;
		color: #000;
		display: flex;
		flex-direction: column;
		flex: 1;
		padding: 5rem 10rem 10rem 10rem;
		background-attachment: fixed;
		background-size: cover;
		justify-content: center;
	}

	.login-wrapper {
	    padding: 20% 2rem 2rem 2rem;
	}

	.login-wrapper .login-logo {
	    text-align: center;
	    margin: 0 auto 2rem auto;
		max-width: 250px;
	}

	.login-form {
	    margin-top: 0rem;
	    margin: 0 auto;
	    width: 300px;
	}

}






@media (min-width: 768px) and (max-width: 1023px) {
	.container-fluid {
		height:100%;
		min-height: 100%;
	}

	.row {
		height:100%;
		min-height: 100%;
	}

	.login-welcome {
		color: #ffffff;
		font-size: 2.5rem;
		font-weight: 500;
		margin-bottom: 2rem;
	}

	.columna1 {
		background: #2f549e;
		background: url(../img/lf.svg) no-repeat center center fixed; 
	  	-webkit-background-size: cover;
	  	-moz-background-size: cover;
	  	-o-background-size: cover;
	  	background-size: cover;
		color: #000;
		display: flex;
		flex-direction: column;
		flex: 1;
		padding: 5rem 10rem 10rem 5rem;
		background-attachment: fixed;
		background-size: cover;
		justify-content: center;
	}

	.login-wrapper {
	    padding: 20% 2rem 2rem 2rem;
	}

	.login-wrapper .login-logo {
	    text-align: center;
	    margin: 0 auto 2rem auto;
		max-width: 250px;
	}

	.login-form {
	    margin-top: 0rem;
	    margin: 0 auto;
	    width: 300px;
	}

}



@media (max-width: 767px) {
	.login-welcome {
		color: #ffffff;
		font-size: 2.5rem;
		font-weight: 500;
		margin-bottom: 1rem;
	}	

	.login-wrapper {
	    overflow: hidden;
	    padding: 10% 2rem 2rem 2rem;
	}

	.login-wrapper .login-logo {
	    text-align: center;
	    margin: 0 auto 2rem auto;
	    max-width: 250px;
	}

	.columna1 {
		background: #2f549e;
		background: url(../img/lf.svg) no-repeat center center fixed; 
	  	-webkit-background-size: cover;
	  	-moz-background-size: cover;
	  	-o-background-size: cover;
	  	background-size: cover;
		color: #000;
		display: flex;
		flex-direction: column;
		flex: 1;
		padding: 1rem 2rem 1rem 2rem;
		background-attachment: fixed;
		background-size: cover;
		justify-content: center;
	}



}