* {
--background-color: #ffffff; /* Background color for the screens */
--background-image: none; /* Background image for the screens */
--text-color: #2b2b2c; /* Default text color */
--text-color-light: #919192; /* Lighter text color for contrast */
--border-color: #c2c2c2; /* Default border color */
--font-family: -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; /* Font family for the text */
--link-color: #5fb0dd; /* Color for hyperlinks */
--primary-background-color: #00547e; /* Background color for primary elements */
--primary-color: #ffffff; /* Text color for primary elements */
--primary-border-color: none; /* Border color for primary elements */
--secondary-background-color: transparent; /* Background color for secondary elements */
--secondary-color: #00547e; /* Text color for secondary elements */
--secondary-border-color: #00574e; /* Border color for secondary elements */
--error-color: #d74746; /* Color for error messages */
--header-background-color: #ffffff; /* Background color for the header */
--header-height: 60px; /* Height of the header */
--logo-background-color: transparent; /* Background color for the logo */
--logo-display: block; /* Display property for the logo */
--logo-width: 60px; /* Width of the logo */
--language-selector-background-color: transparent; /* Background color for language selector */
--content-background-color: #ffffff; /* Background color for the main content area */
--title-font-size: 24px; /* Font size for titles */
--title-longer-font-size: 20px; /* Font size for longer titles */
--title-font-weight: bold; /* Font weight for titles */
--description-font-size: 16px; /* Font size for descriptions */
--description-font-weight: normal; /* Font weight for descriptions */
--description-line-height: 1.5em; /* Line height for descriptions */
--label-font-size: 16px; /* Font size for labels */
--label-font-weight: normal; /* Font weight for labels */
--input-background-color: #ffffff; /* Background color for input fields */
--input-border-color: #c2c2c2; /* Border color for input fields */
--input-color: #606061; /* Text color for input fields */
--checkbox-font-size: 16px; /* Font size for checkboxes */
--checkbox-font-weight: normal; /* Font weight for checkboxes */
--footer-background-color: #ffffff; /* Background color for the footer */
--footer-height: 60px; /* Height of the footer */
--footer-content-background-color: #ffffff; /* Background color for footer content */

--box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.3);
}



.login h1,
section.content h1.longer {
	clear: both;
	letter-spacing: 0.5px;
	margin-top: 30px;
	line-height: 1.2em;
	margin-bottom: 20px;
	text-transform: uppercase;
}


section.content .input-with-label[required=true]>div:after {
	display: none;
}

section.content .input-with-label[required=true]>div:has(span):after {
	display: inline;
}


section.content form .form-actions button {
	border: 1px solid;
	border-color: rgba(0,0,0,.3);
	border-radius: 4px;
	-webkit-box-shadow: var(--box-shadow);
	-moz-box-shadow: var(--box-shadow);
	box-shadow: var(--box-shadow);
	color: var(--primary-color);
	letter-spacing: 1px;
	line-height: inherit;
	padding: 10px 20px;
	margin: 0.5em;
	text-transform: uppercase;
	transition: all 0.6s ease 0s;
	
	font-family: inherit;
	font-size: inherit;
	font-weight: bold;
	
	cursor: pointer;
	display: inline-block;
	height: auto;
	width: auto;
}

section.content form .form-actions button.secondary {
	border: 2px solid;
}

.login .account-actions .forgot-password-container .forgot-password,
.login .account-actions .sign-up-container .sign-up,
section.content .login-link-container a,
.verify-code .account-actions .send-email-container .send-email,
.verify-code .account-actions .log-in-container .log-in {
	font-size: var(--label-font-size);
	text-decoration: underline;
}


.verify-code h1 #communicationTypeLabel {
	text-transform: inherit;
}
section.content form #didntGetCodeContainer {
	white-space: normal;
}