* {
	margin: 0;
	padding: 0;
}
button {
	background-color: transparent;
	display: inline-block;
	width: 100%;
	font-weight: 600;
	font-size: 16px;
	line-height: 125%;
}
/*button.crear { margin-left: 29px; }*/
/*button.crear,*/
button.ingresar, button.ingresar2, button.ingresar3 {
	display: table;
	margin: auto;
}
header {
	background-color: var(--color-text-dark);
	border-bottom: 6px solid var(--color-primary-default);
	border-top-left-radius: 12px;
	border-top-right-radius: 12px;
	margin: -32px -32px 30px;
	padding: 12px 32px;
}
h5 {
	font-style: normal;
	font-weight: 400;
	font-size: 12px;
	line-height: 150%;
	margin: 0 0 4px;
}
h1.dash {
	color: rgb(58, 111, 129);
}
:-webkit-autofill,
:-webkit-autofill:hover, 
:-webkit-autofill:focus {
	-webkit-box-shadow: 0 0 0px 1000px rgb(250, 250, 250) inset;
	box-shadow: 0 0 0px 1000px rgb(250, 250, 250) inset;
}
input {
	background-color: var(--color-bg-primary);
}
input[type='submit'], .pass {
	display: block;
	margin: 10px auto;
	width: 100%;
}
input[type='submit'], .pass, input[type='text'], input[type='password'], input[type='email'], button, .btn {
	border-radius: 6px;
	font-size: 16px;
	padding: 14px;
	color: var(--color-text-default);
}
input[type="button"] {
	background-color: rgb(2, 136, 209);
	border-radius: 6px;
	border: none;
	color: rgb(255, 255, 255);
	cursor: pointer;
	font-size: 16px;
	transition: background-color 0.5s;
	display: block;
	width: 250px;
	height: 36px;
	margin: 0 auto;
}
input[type="button"]:hover {
	background-color: rgb(239, 113, 122);
	color: rgb(255, 255, 255);
}
input[type='submit'], .pass {
	background-color: var(--color-primary-default);
	border: none;
	color: var(--color-text-default);
	font-weight: 600;
	font-size: 16px;
	line-height: 125%;
}
input.entrar {
	margin: 30px auto;
}
.newPassword {
	width: -webkit-fill-available;
}
label {
	display: block;
	font-size: 12px;
	font-weight: 400;
	margin-top: 8px;
}
#reset-submit_password label {
	margin-top: 20px;
	width: 50px;
}
#reset-submit_password input[type='email'] {
	float: left;
	width: 240px;
}
/*button.crear,*/
button.ingresar {
	background: var(--color-primary-xlight);
	border: navajowhite;
	color: var(--color-text-default);
}
button.ingresar2, button.ingresar3 {
	background-color: var(--color-primary-xlight);
	border: none;
}
input[type='submit']:hover, button.ingresar2:hover, .pass:hover, button.ingresar3:hover {
	background-color: var(--color-primary-light);
	color: var(--color-text-default);
}
button.crear:hover, button.ingresar:hover {
	background-color: var(--color-primary-light);
	color: var(--color-text-default);
}
input[type='text'], input[type='password'], input[type='email'] {
	box-sizing: border-box;
	padding: 8px 16px;
	height: 40px;
	border: 1px solid #E2E8F0;
	border-radius: 6px;
	display: block;
	margin: 4px 0 32px;
	width: 100%;
}
input[type='text'][readonly], input[type='password'][readonly], input[type='email'][readonly] {
	border: none;
	color: var(--color-text-default);
	font-weight: 600;
	height: auto;
}
p {
	font-size: 14px;
	margin: 0 auto 16px auto;
}
#msg {
	color: red;
	translate: 0 -30px;
	margin: 0;
}
.versionControl {
	color: var(--color-text-light);
	font-size: 12px;
}
.logo {
	color: #b9b7b7;
	font-size: 21px;
	text-align: center;
	padding-top: 4px;
}
.logo .highlighted {
	color: #fff;
	font-size: 1.1em;
	font-weight: bold;
}
.buttonContainer {
	margin: 0 auto 20px auto;
	width: 291px;
}
.documentSpacer {
	border-top: solid 1px var(--color-border-light);
}
.containerCrear {
	display: block;
	margin: 20px auto 0 auto;
}
.entrarContainer {
	margin: 20px 0;
}
#mensaje {
	margin: 0 0 16px;
}
input + #mensaje {
	margin: -20px 0 36px;
}
.marco {
	background-color: var(--color-bg-primary);
	border-radius: 14px;
	margin-top: 10px;
	padding: 32px;
	width: -webkit-fill-available;
	border: solid 1px var(--color-border-xlight);
}
.marco .btn {
	margin-top: 32px;
}
.recuerdame a {
	text-align: center;
	padding: 14px;
	border-radius: 8px;
	font-weight: 600;
	font-size: 16px;
	line-height: 125%;
	display: block;
	text-decoration: none;
}
.recuerdame a:hover {background-color: var(--color-primary-xlight);}

.wrapperLogin, .wrapperRegistro, .wrapperReset, .wrapperResetOp {
	max-width: 565px;
	margin: auto;
	height: 100vh;
	display: grid;
}
.wrapperRegistro, .wrapperReset, .wrapperResetOp {
	display: none;
}
.wrapperRegistro[style*="block"], .wrapperReset[style*="block"], .wrapperResetOp[style*="block"] {
	display: grid !important;
}
.centrado {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}
.info-utl {
	border-top: solid 1px var(--color-border-light);
	margin: 48px 0 0;
	padding: 24px 0 0;
	display: flex;
	flex-direction: column;
	gap: 24px;
	justify-content: flex-start;
}
.contacto {
	display: flex;
	flex-direction: column;
	gap: 24px;
}
.botones {
	display: flex;
	gap: 16px;
}
@media screen and (min-width: 481px) {
	.login, /*    .register  */ .reset {
		background-image: url("img/imagenes.1d24de18d210.png");
		background-repeat: no-repeat;
		height: 52px;
		margin-left: 30px;
		width: 52px;
		display: inline-block;
	}
	.login {
		background-position: -464px -210px;
	}
	.reset {
		background-position: -464px -281px;
	}
}
@media screen and (min-width: 768px) {

}
/* Mensajes de error */
.error, .info, .success, .warning, #mensajeExito {
	padding: 12px 16px;
	position: relative;
	padding-left: 52px;
	border-radius: 6px;
	text-align: left;
}
.error:before, .info:before, .success:before, .warning:before, #mensajeExito:before {
	content: " ";
    position: absolute;
    top: 12px;
    left: 18px;
    font-weight: 900;
    font-family: "FontAwesome";
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    line-height: 1;
    font-size: 20px;
}
.error {
	color: var(--color-text-default);
	background-color: var(--color-danger-100);
	border-color: var(--color-danger-100);
}
.error:before {
  content: "\f06a";
  color: var(--color-danger-500);
}
.info {
	color: var(--color-text-default);
	background-color: var(--color-info-100);
	border-color: var(--color-info-100);
}
.info:before {
  content: "\f05a";
  color: var(--color-info-300);
}
.secondary {
	color: var(--color-text-default);
	background-color: var(--color-border-xlight);
	border-color: var(--color-border-xlight);
	padding-left: 16px;
}
.secondary:before {
  content: "";
  color: var(--color-text-disabled);
}
.danger {
	color: var(--color-text-default);
	background-color: var(--color-danger-100);
	border-color: var(--color-danger-100);
}
.danger:before {
  content: "\f06a";
  color: var(--color-danger-500);
}
.success,
#mensajeExito {
	color: var(--color-text-default);
	background-color: var(--color-success-100);
	border-color: var(--color-success-100);
}
.success:before,
#mensajeExito:before {
  content: "\f058";
  color: var(--color-success-400);
}
.warning {
	color: var(--color-text-default);
	background-color: var(--color-warning-100);
	border-color: var(--color-warning-100);
}
.warning:before {
  content: "\f06a";
  color: var(--color-warning-400);
}
.etiqueta {
	color: rgb(188, 143, 143);
	font-weight: 600;
	font-size: 14px;
	padding-right: 10px;
}
input + .errorlist{
	margin: -26px 0 32px;
}
ul.errorlist {
	color: red;
	font-size: 12px;
	text-align: left;
	list-style: none;
}
ul.errorlist li.error {
	margin-bottom: 5px;
}

/* Multimarca */
.logoummLogin {
	background: url("img/logo_umm_99x100px.4bece3806897.png");
	height: 99px;
	margin: 0 auto 40px auto;
	width: 100px;
}
.logounagLogin {
	background: url("img/logo_unag_149x140px.76533d1106b6.png");
	height: 140px;
	margin: 0 auto 40px auto;
	width: 149px;
}
.logouocLogin {
	background: url("img/logo_uoc_217x31.29ea9a29d50c.png");
	height: 31px;
	margin: 0 auto 40px auto;
	width: 217px;
}
.logouteLogin {
	background: url("img/logo_universidad_teleton_121x100.923623fa8038.png");
	height: 100px;
	margin: 0 auto 40px auto;
	width: 121px;
}
.logoutlLogin, .logoutsLogin, .logochiLogin, .logoperLogin, .logoecuLogin, .logousaLogin, .logoespLogin, .logodomLogin, .logocolLogin, .logobolLogin, .logoargLogin, .logosalLogin, .logonicLogin, .logohonLogin, .logoguaLogin, .logoparLogin, .logointLogin, .logouruLogin, .logocosLogin, .logopanLogin {
	background: url("img/logo_utel_new_217x83.d5afa825194f.png");
	height: 72px;
	margin: -16px 0 42px;
	width: 108px;
}
.logouspLogin {
	background: url("img/logo_lasalle_217x71px.3ef928983ec3.png");
	height: 71px;
	margin: 0 auto 40px auto;
	width: 217px;
}
.logoiniLogin {
	background: url("img/logo_ini.50f52163ee00.png");
	height: 102px;
	margin: 0 auto 40px auto;
	width: 217px;
}
.logouveLogin {
	background: url("img/logoUve148x54px_v2.cb96a914859e.png") no-repeat;
	height: 55px;
	margin: 0 auto 40px auto;
	width: 153px;
	align-items: center;
}
.logouniLogin {
	background: url("img/logoUnica.d532a0ae9e97.png");
	height: 109px;
	margin: 0 auto 40px auto;
	width: 104px;
}
.logoapiLogin {
	background: url("img/api.9b988c05a737.svg") no-repeat;
	height: 109px;
	margin: 0 auto 40px auto;
	width: 228px;
}
.logoesaLogin {
	background: url("img/esa.d9c0bd6ccef9.svg") no-repeat;
	height: 109px;
	margin: 0 auto 40px auto;
	width: 228px;
}
.logocesLogin {
	background: url("img/ces.5d8f6bbe004b.svg") no-repeat;
	height: 109px;
	margin: 0 auto 40px auto;
	width: 228px;
}
.logofoaLogin {
	background: url("img/foa.405e2c53c85b.svg") no-repeat;
	height: 109px;
	margin: 0 auto 40px auto;
	width: 228px;
}
.logoceuLogin {
	background: url("img/ceu.d0ef0950fabf.svg") no-repeat;
	height: 109px;
	margin: 0 auto 40px auto;
	width: 228px;
}
.logoumcLogin {
	background: url("img/umc.0ae49a5ecd9c.png") no-repeat;
	height: 109px;
	margin: 0 auto 40px auto;
	width: 228px;
}
.logouinLogin {
	background: url("img/LogoUIN.c5255e5e9325.png") no-repeat;
	height: 209px;
	margin: 0 auto 20px auto;
	width: 190px;
}
.logoincLogin {
	background: url("img/logoInc.b0961fbfcf1c.png") no-repeat;
	height: 230px;
	margin: 0 auto 40px auto;
	width: 196px;
	background-size: contain;
}
.logoebeLogin {
	background: url("img/logoEbe.fd46e4df7333.jpg") no-repeat;
	height: 230px;
	margin: 0 auto 40px auto;
	width: 228px;
}
.logonesLogin {
	background: url("img/logoNes.10916d553639.jpg") no-repeat;
	height: 230px;
	margin: 0 auto 40px auto;
	width: 228px;
}
.logofilLogin, .logovieLogin, .logoindLogin, .logoinaLogin {
	background: url("img/logo_utel_fil.5cf8fab1d1ff.png") no-repeat;
	width: 150px;
	height: 117px;
	margin: 0 auto 40px auto;
}
.logouddLogin {
	background: url("img/Logo_UDD_500px.719b8baae795.png") no-repeat;
	height: 210px;
	margin: 4px auto 0px auto;
	width: 364px;
	margin-top: -110px;
	margin-left: -29px;
}
.logogasLogin {
	background: url("img/UTEL_EN.f6fc900e1372.png") no-repeat;
	background-size: 110px 86px;
	height: 80px;
	margin: 0 auto 30px auto;
	width: 108px;
}
.logocapLogin {
	background: url("img/logo_ucapitalis.60cf5c3bf6d6.png") no-repeat;
	background-size: 252px 82px;
	height: 80px;
	width: 250px;
	margin: 0 auto 30px auto;
}
.logobcmLogin {
	background: url("img/logo-ucamp.429219f697cd.png") no-repeat;
	background-size: 170px 68px;
	height: 72px;
	width: 170px;
	margin: 0 auto 30px auto;
}
/* Exito plan */
.successContainer {
	background-color: #DBEED3;
	color: rgb(39, 174, 96);
	font-size: 18px;
	padding: 10px 20px;
	border-radius: 12px;
	background-size: contain;
}
.successMsgIcon {
	background-image: url("img/iconos_alertas.821981d185c9.png");
	float: left;
	height: 40px;
	width: 40px;
	background-position: -9px -57px;
	background-repeat: no-repeat;
	box-sizing: border-box;
	display: inline;
	margin: 0px 20px 10px 0;
}
/* Error modal */
.errorContainer {
	background-color: rgb(250, 219, 216);
	color: rgb(231, 76, 60);
	font-size: 18px;
	padding: 10px 20px;
	border-radius: 12px;
}
.errorMsgIcon {
	background-image: url("img/iconos_alertas.821981d185c9.png");
	float: left;
	height: 40px;
	width: 40px;
	background-position: -9px -106px;
	background-repeat: no-repeat;
	box-sizing: border-box;
	display: inline;
	margin: 0px 20px 10px 0;
}
.mensajeOp {
	text-align: center;
	margin-bottom: 32px;
	font-weight: bold;
	font-size: 15px;
}
a.autoregistro {
	color: rgb(52, 152, 219);
	display: inline-block;
	left: 147px;
	font-weight: bold;
	position: relative;
	text-align: right;
	text-decoration: none;
	font-size: 14px;
	margin-bottom: 15px;
	margin-top: 14px;
}