.login-bg{
	background-image: url('../img/fondo.jpg');
	background-repeat: no-repeat;
	background-size: contain;
	overflow: hidden;
}

#login-page{
	
}
#login-page .login-card{margin-left: 0; border-radius: 10px; opacity: .9; padding: 20px;}
.logo{
	max-width: 200px;
	margin-top: 40px;
}
.imagen{
	max-width: 100%;
	margin-top: 40px;
}
.flex{
	display: flex;
	gap: 50px;
	justify-self: center;
	align-items: center;
}
.flex .micol{
	width: 50%;
}
.card-panel{
	max-width: 400px;
	margin: 0 auto;
	background-color: #F0FAFD !important;
	border-radius: 10px;
	box-shadow: none;
}
.btn-ppal{
	background-color: #02B3D8 !important;
}
h5{
	color: #A4A2A2;
}
.sintec{
	width: 60px;
}


@media(max-width: 600px)
{
	.logoC{
		text-align: center;
	}
	.logo{
		max-width: 200px;
		margin-top: 60px;
	}
	.imagen{
		max-width: 100%;
		margin-top: 40px;
		display: none
	}
	.flex{
		display: flex;
		gap: 10px;
		justify-self: center;
		align-items: center;
		flex-direction: column;
	}
	.flex .micol{
		width: 100%;
	}
	.card-panel{
		max-width: 400px;
		margin: 0 auto;
		background-color: transparent !important;
		border-radius: 10px;
		box-shadow: none;
	}
	.btn-ppal{
		background-color: #02B3D8 !important;
	}
	h5{
		color: #A4A2A2;
	}
	.sintec{
		width: 60px;
	}
	.login-bg{
		background-image: url('../img/fondo.jpg');
		background-repeat: no-repeat;
		background-size: cover;
		overflow: hidden;
		height: 100vh;
	}


}

input[type=email], input[type=password]{
	border: 0px !important;
	border-bottom: 2px solid #CCC !important;
	border-radius: 0px !important;
}
input[type=email]:focus:not([readonly]), input[type=password]:focus:not([readonly]){
	border: 0px !important;
	border-bottom: 2px solid #02b3d8 !important;
	border-radius: 0px !important;
}