* {
	margin: 0; /* Resets the margin for all elements */
	padding: 0; /* Resets the padding for all elements */
	box-sizing: border-box; /* Ensures elements include padding and border in their total width and height */
}

body {
	display: flex; /* Sets the body to use flexbox layout */
	flex-direction: column; /* Arranges flex items in a column */
}

header {
	height: 50px; /* Fixed height for the header */
}

#banner-content #logo {
	height: 50px; /* Fixed height for the logo inside the banner-content */
}

header .dropdown {
	margin-left: auto; /* Aligns dropdown to the right within its container */
	/*color: #000;*/ /* Text color for dropdown items */
	/*position: relative; *//* Enables absolute positioning for child elements */
}

/*header .dropdown-content {
	/*display: none;*/ /* Initially hides dropdown content */
	/*position: absolute; *//* Positions the dropdown content absolutely within the dropdown */
	/*background: #fff;*/ /* Background color for dropdown content */
	/*min-width: 160px;*/ /* Minimum width for dropdown content */
	/*padding: 0;*/ /* Padding inside dropdown content */
	/*padding: 12px 16px;*/ /* Padding inside dropdown content */
	/*box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);*/ /* Shadow effect for dropdown content */
/*}

	header .dropdown-content a {*/
		/*display: block;*/ /* Makes each link in dropdown content a block element */
		/*margin-bottom: 15px;*/ /* Bottom margin for links */
		/*color: #1a293e;*/ /* Text color for links */
	/*}

		header .dropdown-content a:hover {
			color: #0a58ca;*/ /* Changes text color on hover for links */
		/*}

header .dropdown:hover .dropdown-content {*/
	/*display: block; */ /* Shows dropdown content on hover */
	/*color: #1e2125;
	background-color: #e9ecef;*/
/*}*/

/*.a-language-selector #span-language {
	text-decoration: none;
}
*/

#a-language-selector {
	text-decoration: none; /* No text-decoration by default */
}

	#a-language-selector:hover {
		text-decoration: underline; /* Underline text-decoration on hover */
	}

header .dropdown-content {
	/*display: block; */ /* Shows dropdown content on hover */
	text-decoration: none;
}

	header .dropdown-content:hover {
		/*display: block; */ /* Shows dropdown content on hover */
		color: #1e2125;
		background-color: #e9ecef;
	}

.container {
	display: flex; /* Uses flexbox layout */
	flex-direction: column; /* Arranges flex items in a column */
	flex: 1 1 auto; /* Flex grow, shrink, and basis set to auto */
	overflow: auto; /* Allows scrolling for overflow content */
}

#footer {
	background: #EFF1F3; /* Background color for footer */
	border-top: solid 1px #000; /* Top border for footer */
	text-align: center; /* Centers text in the footer */
	flex-shrink: 0; /* Prevents footer from shrinking */
	position: relative !important; /* Ensures footer position is relative */
}

.language-selector-panel {
	/*display: flex; - Currently hidden, would align items horizontally */
	justify-content: center; /* Horizontally centers content */
	/*margin-top: 20px; - Intended top margin, currently not applied */
}

	.language-selector-panel label {
		margin-bottom: 5px; /* Bottom margin for labels */
	}

.login-panel {
	display: flex; /* Uses flexbox layout */
	justify-content: center; /* Horizontally centers content */
	/*margin-top: 20px; - Intended top margin, currently not applied */
}

	.login-panel > .row {
		min-width: 700px; /* Minimum width for rows */
	}

	.login-panel label {
		margin-bottom: 5px; /* Bottom margin for labels */
	}

#login-form {
	background: #EFF1F3; /* Background color for login form */
	border: solid 1px #ced4da; /* Border for login form */
	border-radius: 0.25rem; /* Rounded corners for login form */
	padding: 15px; /* Padding inside login form */
	margin-bottom: 3%; /* Bottom margin for login form */
}

#div-external-authentication {
	margin-bottom: 3%; /* Bottom margin for external authentication section */
}

#imgOktaLogo {
	width: 30px; /* Width for Okta logo */
	transition: transform 0.3s ease; /* Smooth transition for transformations */
}

.btn-login-method .outer-container {
	display: flex; /* Uses flexbox layout */
	align-items: center; /* Vertically centers items */
	justify-content: space-between; /* Distributes items evenly with space between them */
	text-align: center; /* Centers text */
}

.btn-login-method .left-div.logo-container,
.btn-login-method .right-div.logo-container {
	flex: 0 1 auto; /* Flex grow is 0, shrink is 1, and basis is auto */
	transition: padding 0.3s ease, margin 0.3s ease, border-radius 0.3s ease; /* Smooth transition for padding, margin, and border-radius */
	border-radius: 5px; /* Rounded corners */
}

.btn-login-method:hover .left-div.logo-container {
	background-color: white; /* Changes background color on hover */
	padding: 5px; /* Increases padding on hover */
	margin: -5px; /* Decreases margin on hover */
}

.btn-login-method .centered-div {
	flex: 1 0 auto; /* Flex grow is 1, shrink is 0, and basis is auto */
	display: flex; /* Uses flexbox layout */
	justify-content: center; /* Horizontally centers content */
	align-items: center; /* Vertically centers content */
}

.btn-outline-dark {
	width: 100%; /* Full width for the button */
}

.container-account {
	margin: 0 !important; /* Overrides margin */
	display: flex; /* Uses flexbox layout */
	flex-direction: column; /* Arranges flex items in a column */
	flex: 1 1 auto; /* Flex grow, shrink, and basis set to auto */
	overflow: auto; /* Allows scrolling for overflow content */
}

.container-account-content {
	margin: 0 10% 0 10% !important; /* Horizontal margins set to 10% */
}

div.validation-summary-errors ul li:first-child {
	list-style-type: none;
}

@media screen and (max-width:700px) {
	.login-panel > .row {
		min-width: auto; /* Allows row width to adjust automatically on small screens */
	}

	.login-panel {
		justify-content: center; /* Horizontally centers content on small screens */
	}

	header .dropdown-content {
		right: 0; /* Positions dropdown content to the right on small screens */
	}

	form {
		margin-bottom: 15px; /* Bottom margin for forms */
	}

	.container-account-content {
		margin: 0 2% 0 2% !important; /* Reduces horizontal margins on small screens */
	}

	.card-title a {
		text-decoration: none; /* Removes text decoration from links in card titles */
	}

		.card-title a:hover {
			color: inherit; /* Maintains original text color on hover for links in card titles */
		}

	#logo {
		width: 200px; /* Adjusts logo width on small screens */
		border-radius: 5px; /* Rounded corners for logo */
	}
}