/*
* {box-sizing: border-box;font-family: 'Lato', sans-serif;}
body {margin: 0;font-family: Arial;overflow: hidden;background-color: var(--main-color);}
.header {text-align: center;padding: 32px;}
.row {display: flex;flex-wrap: wrap;padding: 0 4px;}
.column1 {flex: 70%;max-width: 70%;}
.column2 {flex: 30%;max-width: 30%;}
.column2 img {vertical-align: middle;}
#formulario{display: flex;flex-wrap: wrap;}
#formulario > div{padding-top: 50px;width: 100%;}
#f1{flex: 20%;max-width: 20%;}
#f2{flex: 60%;max-width: 60%;}
#f3{flex: 20%;max-width: 20%;}
.form-control{border: none;padding: 10px ;border-radius: 0px;}
.ico{color: gray;padding: 2px;padding-right: 10px;background-color:white;height: 2rem;}
.invalid-feedback{display: inline-block;height: 25px;color: white;}
.btn{margin-top: 30px;width: 100%;border: none;font-size: 1rem;padding: 10px ;border-radius: 0px;}
#footer{color: white;position: fixed;bottom: 20px;width: 20vw;}
#loa{display: flex;justify-content: center;}
@media (max-width: 1900px) {#footer {bottom: 10px;}#footer p{margin-bottom: 0;}}
*/

.l1{
	width: 100vw;
	height: 100vh;
	display: flex;
	justify-content: center;
	align-items: center;
	align-content: center;
	background-color: #06518b;
	position: fixed;
}
.f1{
	width: 1366px;
	height: 760px;
	background:url(../images/fondo.png);
	background-repeat: no-repeat;
  	background-size: 100%;
  	display: flex;
  	justify-content: flex-end;
}
.column2{
	display: flex;
	flex-direction: column; 
	max-width: 400px;
	margin-top: 100px;
	margin-right: 100px;
}
.login-header{
	width: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	align-content: center;
}
.login-header-image{
	max-height: 200px;
	max-height: 100px;
	border-radius: 20px;
}
.login-body-form {
	border-radius: 20px;
	margin-top: 20px;
	background-color: #f2f2f2;
	display: flex;
	flex-direction: column;
	align-items: stretch;
	justify-content: space-around;
}
.form-header{
	display: flex;
	justify-content: center;
	margin: 20px;
}
#loa{
	display: flex;
	justify-content: center; 
}
.form-body form{
	display: flex;
	align-items: stretch;
	flex-direction: column;
	height: 200px;
	justify-content: space-around;
}
.bg-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 75px;
    height: 75px;
    background-color: #06518b;
    border-radius: 50px;    
}
.bg-icon i{
    color: white;
    font-size: 2em;
}
.input-group-text{
	background-color: #add7ee;
	color: #06518b;
	border: none;
}
.form-control{
	background-color: #add7ee;
	border: none;
}
@media (max-width: 1400px) {
	.f1{
		width: 1200px;
		height: 650px;
		background-size: 100%;
	}
	.column2{
		margin-top: 50px;
	}
}
@media (max-width: 650px) {
	.f1{
		justify-content: center;
	}
	.column2{
		margin-right: auto;
	}
}