body {
	font-family: Arial, sans-serif;
	text-align: center;
	
}
/* Logo */
    .logo {
      text-align: left;
      width: 100%;
     
    }
    .logo img {
      height: 50px;
    }

.login-container {
	display: inline-block;
	text-align: left;
	box-shadow: slategray;
	border: rgb(192, 192, 192);
}

label {
	display: block;
	margin-bottom: 5px;
	font-weight: bold;
}

input[type="text"],
input[type="email"],
input[type="tel"],
input[type="password"] {
	width:300px;
	height: 15px;
	padding: 20px;
	margin-bottom: 15px;
	margin-right: 15px;
	border: 1px solid #ccc;
	border-radius: 5px;
	font-size: 14px;
}

.password-container {
	display: flex;
	align-items: center;
}

.password-container input {
	flex: 1;
}



.login-btn {
	background-color: #00025c;
	color: white;
	border: none;
	padding: 10px 20px;
	border-radius: 5px;
	font-size: 16px;
	cursor: pointer;
}
.cancel-btn {
	background-color: rgb(64, 128, 128);
	color: white;
	text-decoration: none;
	border: none;
	padding: 10px 20px;
	border-radius: 5px;
	font-size: 16px;
	cursor: pointer;
}
.show-btn {
	background-color: rgb(192, 192, 192);
	color: rgb(0, 0, 0);
	text-decoration: none;
	border: none;
	padding: 10px 20px;
	border-radius: 5px;
	font-size: 16px;
	cursor: pointer;
}

.login-btn:hover {
	background-color: #000080;
}

.forgot-link {
	display: block;
	margin-top: 15px;
	font-size: 14px;
}
.error {
    color: red;
    font-size: 0.9em;
    margin-left: 8px;
}