:root {
	--color-bg-primary: #FFF;
	--color-bg-secondary: #F7FAFC;
	--color-bg-tertiary: #EDF2F7;
	--color-bg-selection: #FFFDF5;
	--color-bg-alt: #414141;
	--color-text-dark: #000;
	--color-text-default: #2D3748;
	--color-text-light: #718096;
	--color-text-xlight: #A9B8CE;
	--color-text-secondary-default: #FFF;
	--color-text-secondary-dark: #F9F6F6;
	--color-text-disabled: #CBD5E0;
	--color-primary-mdark: #E3A125;
	--color-primary-dark: #ECA828;
	--color-primary-default: #FFB937;
	--color-primary-light: #FFC863;
	--color-primary-mlight: #FFD992;
	--color-primary-xlight: #FFEFD0;
	--color-secondary-mdark: #006500;
	--color-secondary-dark: #008E00;
	--color-secondary-default: #06B706;
	--color-secondary-light: #1CE01C;
	--color-secondary-mlight: #67F467;
	--color-secondary-xlight: #98FF98;
	--color-info-600: #2B6CB0; /*mdark*/
	--color-info-500: #3182CE; /*dark*/
	--color-info-400: #4299E1; /*default*/
	--color-info-300: #63B3ED; /*light*/
	--color-info-200: #90CDF4; /*mlight*/
	--color-info-100: #BEE3F8; /*xlight*/
	--color-danger-600: #C53030; /*mdark*/
	--color-danger-500: #E53E3E; /*dark*/
	--color-danger-400: #F56565; /*default*/
	--color-danger-300: #FC8181; /*light*/
	--color-danger-200: #FEB2B2; /*mlight*/
	--color-danger-100: #FED7D7; /*xlight*/
	--color-success-600: #25855A; /*mdark*/
	--color-success-500: #38A169; /*dark*/
	--color-success-400: #48BB78; /*default*/
	--color-success-300: #68D391; /*light*/
	--color-success-200: #9AE6B4; /*mlight*/
	--color-success-100: #C6F6D5; /*xlight*/
	--color-warning-600: #C05621; /*mdark*/
	--color-warning-500: #DD6B20; /*dark*/
	--color-warning-400: #ED8936; /*default*/
	--color-warning-300: #F6AD55; /*light*/
	--color-warning-200: #FBD38D; /*mlight*/
	--color-warning-100: #FEEBCB; /*xlight*/
	--color-border-default: #718096;
	--color-border-light: #CBD5E0;
	--color-border-xlight: #E2E8F0;
}

body{
	background-color: var(--color-bg-secondary);
}
.wrapper{
	border: solid 1px var(--color-border-xlight);
	border-radius: 14px;
}
.login-button{
	background-color: var(--color-primary-default);
	color: var(--color-text-default);
	border-color: var(--color-primary-default);
}
.login-button:hover, .login-button:active, .login-button:focus-visible{
	background-color: var(--color-primary-light) !important;
	color: var(--color-text-default) !important;
	border-color: var(--color-primary-light) !important;
}
.login-button .disabled, .login-button:disabled{
	background-color: var(--color-primary-light);
	color: black;
	border-color: var(--color-primary-light);
	font-weight: 600;
}
.contact-button{
	border-color: var(--color-primary-default);
	color:black;
}
.contact-button:hover, .contact-button:active, .contact-button:focus-visible{
	background-color: var(--color-primary-xlight) !important;
	color: var(--color-text-default) !important;
	border-color: var(--color-primary-light) !important;
}

.forgot-password a:hover, .forgot-password a:active, .forgot-password a:focus-visible{
	background-color: var(--color-primary-xlight) !important;
	color: var(--color-text-default) !important;
}

.forgot-password a{
	background-color: transparent;
	color: var(--color-text-default);
	border: none;

}
.toggle-password{
	border-color: #dee2e6;
}
.toggle-password:hover{
	background-color: transparent;
	color: black;
	border-color: #dee2e6;
}

/* Multimarca */
.logoummLogin {
	background: url("img/logo_umm_99x100px.png");
	height: 99px;
	margin: 0 auto 40px auto;
	width: 100px;
}
.logounagLogin {
	background: url("img/logo_unag_149x140px.png");
	height: 140px;
	margin: 0 auto 40px auto;
	width: 149px;
}
.logouocLogin {
	background: url("img/logo_uoc_217x31.png");
	height: 31px;
	margin: 0 auto 40px auto;
	width: 217px;
}
.logouteLogin {
	background: url("img/logo_universidad_teleton_121x100.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, .logolocalhostLogin {
	background: url("img/logo_utel_new_217x83.png");
	height: 72px;
	margin: -16px 0 20px;
	width: 108px;
}
.logouspLogin {
	background: url("img/logo_lasalle_217x71px.png");
	height: 71px;
	margin: 0 auto 40px auto;
	width: 217px;
}
.logoiniLogin {
	background: url("img/logo_ini.png");
	height: 102px;
	margin: 0 auto 40px auto;
	width: 217px;
}
.logouveLogin {
	background: url("img/logoUve148x54.png") no-repeat;
	height: 55px;
	margin: 0 auto 40px auto;
	width: 153px;
	align-items: center;
}
.logouniLogin {
	background: url("img/logoUnica.png");
	height: 109px;
	margin: 0 auto 40px auto;
	width: 104px;
}
.logoapiLogin {
	background: url("img/api.svg") no-repeat;
	height: 109px;
	margin: 0 auto 40px auto;
	width: 228px;
}
.logoesaLogin {
	background: url("img/esa.svg") no-repeat;
	height: 109px;
	margin: 0 auto 40px auto;
	width: 228px;
}
.logocesLogin {
	background: url("img/ces.svg") no-repeat;
	height: 109px;
	margin: 0 auto 40px auto;
	width: 228px;
}
.logofoaLogin {
	background: url("img/foa.svg") no-repeat;
	height: 109px;
	margin: 0 auto 40px auto;
	width: 228px;
}
.logoceuLogin {
	background: url("img/ceu.svg") no-repeat;
	height: 109px;
	margin: 0 auto 40px auto;
	width: 228px;
}
.logoumcLogin {
	background: url("img/umc.png") no-repeat;
	height: 109px;
	margin: 0 auto 40px auto;
	width: 228px;
}
.logouinLogin {
	background: url("img/LogoUIN.png") no-repeat;
	height: 209px;
	margin: 0 auto 20px auto;
	width: 190px;
}
.logoincLogin {
	background: url("img/logoInc.png") no-repeat;
	height: 230px;
	margin: 0 auto 40px auto;
	width: 196px;
	background-size: contain;
}
.logoebeLogin {
	background: url("img/logoEbe.jpg") no-repeat;
	height: 230px;
	margin: 0 auto 40px auto;
	width: 228px;
}
.logonesLogin {
	background: url("img/logoNes.jpg") no-repeat;
	height: 230px;
	margin: 0 auto 40px auto;
	width: 228px;
}
.logofilLogin, .logovieLogin, .logoindLogin, .logoinaLogin {
	background: url("img/logo_utel_fil.png") no-repeat;
	width: 150px;
	height: 117px;
	margin: 0 auto 40px auto;
}
.logouddLogin {
	background: url("img/Logo_UDD_500px.png") no-repeat;
	height: 210px;
	margin: 4px auto 0px auto;
	width: 364px;
	margin-top: -110px;
	margin-left: -29px;
}
.logogasLogin {
	background: url("img/UTEL_EN.png") no-repeat;
	background-size: 110px 86px;
	height: 80px;
	margin: 0 auto 30px auto;
	width: 108px;
}
.logocapLogin {
	background: url("img/logo_ucapitalis.png") no-repeat;
	background-size: 252px 82px;
	height: 80px;
	width: 250px;
	margin: 0 auto 30px auto;
}
.logobcmLogin {
	background: url("img/logo-ucamp.png") no-repeat;
	background-size: 170px 68px;
	height: 72px;
	width: 170px;
	margin: 0 auto 30px auto;
}