html {
	height: 100%;
}

.container {
	height: 100%;
	align-content: center;
}
.card {

	margin-top: auto;
	margin-bottom: auto;
	max-width: 800px;
	width:100%;
	background-color: #FFFFFF !important;
}

.card-body {
	color: #333;
	font-family: system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
	line-height: 1rem;
}

.card-footer { text-align: center; background-color: #DBDBDB;  }

.card-header {
	background-color: #44B002
}

h3 {
	color: #C1CCBB;
	margin: 20px 0
}

.copyright { text-align: center}
.copyright a { color: #C00; }

.fondo1 {
	background-image: url('/images/bg-login.jpg');
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
}

.fondo2 {
	background: #DFFFE3;
	background: linear-gradient(to top, rgba(0,255,38,0.2) 0%, #FFFFFF 40%);
}
.input-group span {
	width: 40px;
	background-color: #44B002;
	color: #DAFFDA;
	border: 0 !important;
	text-align: center;
}
input:focus { outline: 0 0 0 0 !important; box-shadow: 0 0 0 0 !important; background-color: #EDFF9F !important }
::placeholder { color: #608C51 !important; font-size: 0.8rem; }

.remember input {
	width: 20px;
	height: 20px;
	margin-right: 5px;
}
.login_btn {
	color: #EFFFEF;
	background-color: #44B002;
}
.login_btn:hover {
	color: #FFF;
	background-color: #266600;
}

/* Safe area para webview en dispositivos con notch */
@supports (padding: env(safe-area-inset-top)) {
	body {
		padding-top: env(safe-area-inset-top);
		padding-bottom: env(safe-area-inset-bottom);
	}
}