body {
	margin: 0;
	font-size: 17px;
	font-family: 'Lato', sans-serif;
}

.login-overlay {
	position: fixed;
	width: 100%;
	height: 100%;
	opacity: 0.95;
	background: linear-gradient(45deg, rgb(109, 26, 109) 0%, rgb(10, 165, 173) 100%);
	z-index: 0;
}

.login-contenedor {
	height: 100vh;
	display: flex;
	align-items: center;
	justify-content: right;
	background-image: url('../img/agencias.jpg');
}

.login-contenedor .iso {
	position: absolute;
	z-index: 1;
	bottom: 10em;
	left: 17em;
}

.login-contenedor .iso img {
	max-width: 12em;
	-webkit-transition: all 0.9s ease-in-out;
	-moz-transition: all 0.9s ease-in-out;
	-o-transition: all 0.9s ease-in-out;
	transition: all 0.9s ease-in-out;
	-webkit-transform: rotate(0deg);
	transform: rotate(0deg);
}

.login-contenedor .iso img.rotate:hover {
	-webkit-transform: rotate(360deg);
	transform: rotate(360deg);
}

.login-contenedor .login-formulario {
	display: flex;
    align-items: center;
    height: 100vh;
	background-color: #ffffffc2;
	padding: 0 2em;
	float: right;
	z-index: 1;
}

.login-contenedor .login-formulario form .input-group {
	padding: 1em;
}

.login-contenedor .login-formulario form .input-group span {
	display: block;
}
.login-contenedor .login-formulario form .input-group input {
	width: 100%;
	padding: 0.3em;
	border-radius: 0.7em;
	border: 1px solid #ccc;
}
.login-contenedor .login-formulario form .input-group select {
	width: 100%;
}
.login-contenedor .login-formulario form .input-group .btn-submit {
	border: none;
}

.login-contenedor-flip {
	height: 100vh;
	display: flex;
	align-items: center;
	background-image: url('../img/agencias.jpg');
	justify-content: left;

	-moz-transform: scaleX(-1);
	-o-transform: scaleX(-1);
	-webkit-transform: scaleX(-1);
	transform: scaleX(-1);
	filter: FlipH;
	-ms-filter: "FlipH";
}

.login-contenedor-flip .login-formulario {

}