body {
    display: flex;
    justify-content: center; /* Center horizontally */
    align-items:top; /* Center vertically */
    height: 100vh; /* Use the full height of the viewport */
    margin: 0; /* Remove the default margin */
}

table {
    width: auto; /* Or set a specific width */
    margin: auto; /* Helps with additional centering if needed */
}



.input-container {
    position: relative;
    display: inline-block;
	vertical-align: middle;
	padding: 10px 0px 10px 0px;
	width:80%;
}

.input-container i {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 10px; /* Adjust as necessary */
    margin: auto 0;
	vertical-align:center;
    color: grey; /* Icon color */
}

.password-input, .username-input {
    padding: 8px 0px 8px 35px;
    flex-grow: 1; /* Allows the input to fill the container */
    border: 1px solid #ccc;
    border-radius: 5px;
	font-size:16px;
	color:#ccc;
	width:100%;
	text-align:left;
    /* Ensure the input's height matches your design requirements */
}

.botonCeleste{
	background-color: rgb(58,140,254); /* celeste bonito */
	border: none;
	color: white;
	border-radius: 5px;
	padding: 5px 10px;
	text-align: center;
	text-decoration: none;
	display: inline-block; 
}
.botonCeleste:hover{
	background-color: #04AA6D; /* Celeste */
	border: none;
	color: white;
	border-radius: 5px;
	padding: 5px 10px;
	text-align: center;
	text-decoration: none;
	display: inline-block;
}