.bg-login {
	background-image: url('../images/bg_login.jpg');
	background-attachment: fixed;
	background-size: cover;
}

.bg-cliente {
	background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url('../images/bg_login.jpg');
	background-attachment: fixed;
	background-size: cover;
}


.form-login {
	border-radius: 0.75rem;
	background: linear-gradient(90deg, rgba(13, 12, 34, 1) 0%, rgba(13, 12, 38, 1) 35%, rgba(13, 12, 34, 1) 100%);
	padding: 2rem 2rem 10px 2rem;
	border: 1px solid #0d6efd30;
	color: rgba(243, 244, 246, 1);

	animation: fadeIn 1s ease-out forwards, change-shadow 2s infinite;
	transition: box-shadow 0.5s ease-in-out;
}

@keyframes fadeIn {
	0% {
		opacity: 0;
		transform: translateY(-20px);
	}

	100% {
		opacity: 1;
		transform: translateY(0);
	}
}

@keyframes change-shadow {
	0% {
		box-shadow: 0px 0px 15px rgb(0, 0, 50);
	}

	25% {
		box-shadow: 0px 0px 20px rgb(0, 0, 70);
	}

	50% {
		box-shadow: 0px 0px 25px rgb(0, 0, 70);
	}

	75% {
		box-shadow: 0px 0px 20px rgb(0, 0, 70);
	}

	100% {
		box-shadow: 0px 0px 15px rgb(0, 0, 50);
	}
}

/* .active {
	@apply bg-blue-500 text-white;
} */