@import url('https://fonts.googleapis.com/css?family=Roboto');
@import url('https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css');
@import url('https://cdn.jsdelivr.net/npm/bootstrap@5.3.0-alpha3/dist/css/bootstrap.min.css');
@import url('https://cdn.datatables.net/1.13.4/css/dataTables.bootstrap5.min.css');
@import url(../../cdn/crop/croppie.css);
@import url(../../cdn/jquery-toast/jquery.toast.min.css);
@import url(../../cdn/jquery-confirm/jquery-confirm.min.css);
/* Styles */
body {
	font-family: 'Roboto', sans-serif;
}
/* Sección */
.fondo-user {
	background-image: url(../img/email-pattern.png);
}
.header-user {
	position: relative;
	width: 100%;
	padding: 1em 1em 1.5em;
	/*height: 20vh;*/
	display: flex;
	justify-content: center;
	align-items: center;
	overflow: hidden;
}
.header-user:before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-image: radial-gradient(circle at 92.24% 50%, #ff8100 0, #ff6c00 12.5%, #ff5400 25%, #ff3700 37.5%, #ff0000 50%, #f00015 62.5%, #e2001f 75%, #d50027 87.5%, #c8002e 100%);
	border-radius: 0 0 50% 50%/0 0 100% 100%;
	transform: scaleX(1.5);
}
.header-user .content-user {
	position: relative;
	z-index: 1;
	margin: 0 auto;
	max-width: 900px;
	text-align: center;
}
.header-user .content-user h1 {
	color: #fff;
	font-size: 1.2em;
}
.frmusuariologin {
	background-color: rgba(255, 255, 255, .8);
	padding: 1em;
	border-radius: 0 0 1em 1em;
}
.frmusuarioregvalidar,
.frmusuarioregister,
.frmdatos {
	background-color: rgba(255, 255, 255, .8);
	padding: 1em;
	border-radius: 0 0 1em 1em;
}