html,
body {
	height: 100%;
	width: 100%;
}

body {
	background-color: white;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
}

body > div {
	max-height: 75vh;
    min-height: 640px;
    height: 100%;
	display: flex;
	flex-direction: column;
	justify-content: center;
}

.alert .message {
	padding-top: 10px;
}

.centered-container {
	width: 300px; 
	margin: 0 auto;
}

.clickable {
	cursor: pointer;
}

.login-container {
	border-radius: 4px;
    padding: 10px;
    border: 1px solid rgba(0, 0, 0, 0.1);
    box-shadow: 0 1px 15px 1px rgba(69,65,78,.08);
    background-color: #f9f8f8a6;
}

.btn-login {
	color: white; 
	background-color: #8ac924; 
	border-radius: 50px; 
	width:100%;
}

#contenedor-login {
	max-width: 425px;
	width: 100%;
	min-width: 360px;
    margin: 0 auto;
    justify-content: center;
    background-color: #d3d3d387;
    padding-bottom: 75px;
    border-radius: 4px;
    box-shadow: 0 1px 15px 1px rgba(69, 65, 78, 0.36);
}