#divLogo {
    margin-left: 25px;
}

#logoViewext {
    width: 270px;
}

body {
    background-size: cover;
    background-image: linear-gradient(to right, rgba(255,255,255,0.2) 0%,rgba(255,255,255,0.8) 100%),url(../images/fondo.png);
}

#divLogin {
	background-image: linear-gradient(to right, rgba(255,255,255,0.95) 0%,rgba(255,255,255,0.9) 100%),url(../images/fondo-card2.jpg);
	background-size: cover;
	border-radius: 5px;
	border: #b5cde8 1px solid;
}

#recuperarPassword {
	text-align: center;
	margin-bottom: 5px;
	font-style: italic;
}



.form-control, form-select {
	font-size: 9px !important;
}



#titulo {
	color: #fff;
	font-size: 45px;
	font-weight: 400;
	background: linear-gradient(to right,#578ad7 10%, #095fab 50%, #25abe8 60%);
	background-size: auto auto;
	background-size: 200% auto;
	background-clip: text;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	animation: textclip 1.5s linear infinite;
	display: inline-block;
}



@keyframes textclip {
	to {
		background-position:200% center;
	}
}


.subtitulo {
	color: #fff;
	font-size: 22px;
	font-style: italic;
	font-weight: 400;
	background: linear-gradient(to right,#578ad7 10%, #095fab 50%, #25abe8 60%);
	background-size: auto auto;
	background-size: 200% auto;

	background-clip: text;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	animation: textclip 1.5s linear infinite;
	display: inline-block;
}