/* Standardized Styling for Login, Registration, and Account Panes */
.account-portal-container {
	width: 400px;
	position: absolute;
	top: 150px; /* Adjust this value as needed */
	right: 20px; /* Adjust this value as needed */
	z-index: 5;
	background: linear-gradient(
		to bottom,
		white,
		rgb(245, 245, 245),
		rgb(227, 227, 227)
	); /* Gradient from white to gray */
	box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.5);
	border: 1px solid gray;
}

/* Set Login and Registration Panes to be same size */
#login-pane,
#register-pane {
	height: 408px;
}

/* */
.form-container {
	width: 70%; /* Adjust width as needed */
	margin: 0 auto; /* Center horizontally */
	text-align: center; /* Center text horizontally */
}

.account-portal-button {
	text-decoration: none;

	padding: 5px 10px;
	background-color: red;
	border-color: red;

	border: 1px solid red;
	border-radius: 8px;
	color: white;
}

.account-portal-button:hover {
	background-color: darkred;
	border-color: darkred;
	color: white;
}

/* Apply modern styling to inputs and select elements */
#form-control,
select {
	width: 70%; /* Make inputs and select elements same width */
	padding: 0.375rem 0.75rem; /* Example padding */
	font-size: 1rem; /* Example font size */
	line-height: 1.5; /* Example line height */
	color: #495057; /* Example text color */
	background-color: #fff; /* Example background color */
	border: 1px solid #ced4da; /* Example border */
	border-radius: 0.25rem; /* Example border radius */
	margin-bottom: 10px; /* Example margin */
}

/* Adjust styling for form labels */
.form-label {
	font-weight: bold; /* Example font weight */
}

/* Adjust styling for buttons */
.btn {
	margin-top: 30px; /* Example margin */
}