.box {
	float: left;
}

#root {
	max-width: 1200px;
	margin: 0 auto;
}


/* Default */
#top {
	position: fixed;
	width: 100%;
	min-height: 10px;
	top: 0px;
	left: 0px;
	background: #5658CE;
	z-index: 100;
}

#top .mobile {
	display: none;
}

#header {
	width: 100%;
	margin-top: 60px;
}

#icon {
	position: fixed;
	width: 242px;
	text-align: center;
	margin: 0;
}

#icon svg {
	width: 192px;
	height: 192px;
}

#iconfixed {
	position: static;
	width: 242px;
	height: 192px;
}

#tags {
	width: 60%;
	text-align: right;
	margin: 0 25px;
}

#register {
	width: 60%;
	text-align: left;
}

#register .form {
	margin: 0 25px 0 25px;
	min-height: 7em;
}

#register .form .pure-input {
	width: 100%;
	float: left;
	margin-right: 5px;
}

#register .form .pure-button {
	width: 9em;
	float: right;
	clear: right;
	margin: 5px 0 0 5px;
}

#content {
	width: 50%;
	margin: 0 25px 0 267px;
	text-align: left;
}

/* 768 */
@media only screen and (max-width: 768px) {
	#header {
		width: 100%;
		margin-top: 25px;
	}

	#icon {
		position: static;
		width: 100%;
		text-align: center;
		padding-right: 0px;
	}

	#icon img {
		width: 128px;
		height: 128px;
	}

	#iconfixed {
		display: none;
	}

	#menu {
		display: none;
	}

	#tags {
		width: 100%;
		margin: 0 0;
	}

	#tags h2 {
		text-align: center;
		margin-top: 15px;
		margin-bottom: .5em;
	}

	#register {
		width: 100%;
		text-align: right
	}

	#register .form {
		padding-left: 0px;
		min-height: 9em;
	}

	#register .form .pure-input {
		width: 100%;
		float: left;
	}

	#register .form .pure-button {
		width: 9em;
		float: right;
		clear: right;
		margin: 5px 0 0 5px;
	}

	#content {
		width: 85%;
		margin: 0 25px 25px 25px;
	}
}

/* 384 */
@media only screen and (max-width: 400px) {
	#top .mobile {
		display: inline;
		margin: 0 10px;
	}

	#icon img {
		width: 128px;
		height: 128px;
		margin-bottom: 26px;
	}

	#tags h2 {
		font-size: 1.25em;
	}

	#iTunes {
		display: none;
	}

	#select-direct-download {
		display: none;
	}
}

/* iOS only */
.device-ios #top {
	display: none;
}

.device-other .visible-ios {
	display: none !important;
}

.device-other .hidden-ios {
	display: inherit !important;
}

.device-ios .visible-ios {
	display: inherit !important;
}

.device-ios .hidden-ios {
	display: none !important;
}

.device-ios .settings-ios {
	display: inherit !important;
}

.device-other .settings-macos {
	display: inherit !important;
}

.device-ios .settings-macos {
	display: none !important;
}

.device-other .settings-ios {
	display: none !important;
}

body {
	font-family: "SF Pro Display", "SF Pro Icons", -apple-system, BlinkMacSystemFont, "Myriad Apple", "Myriad Pro", "Helvetica Neue", Helvetica, Avenir, Arial, sans-serif;
	-webkit-font-smoothing: antialiased;
	color: #656567;
	font-size: 12pt;
	font-weight: 400;
	letter-spacing: -0.021em;
	line-height: 150%;
}

.Verified {
	font-family: "SF Pro Display", "SF Pro Icons", -apple-system, BlinkMacSystemFont, "Myriad Apple", "Myriad Pro", "Helvetica Neue", Helvetica, Avenir, Arial, sans-serif;
	-webkit-font-smoothing: antialiased;
	font-weight: 700;
	white-space: nowrap;
}

.shadow {
	box-shadow: 2px 2px 5px #999;
}

a {
	font-weight: 400;
	color: #0070c9;
	text-decoration: none;
}

a i {
	font-weight: 400;
	color: #ccc;
	text-decoration: none;
}

a[href=""] {
	color: #ccc;
	text-decoration: line-through;
}

a[href=""] i {
	color: #ccc;
	text-decoration: none;
}

a:hover {
	color: #5658CE;
	text-decoration: underline;
}

a[href=""]:hover {
	color: #eee;
	text-decoration: line-through;
}

a[href=""]:hover i {
	color: #eee;
	text-decoration: none;
}

ul li i {
	color: #ccc;
}

ul li a {
	color: #0070c9;
	text-decoration: none;
}

ul li a:hover {
	color: #5658CE;
	text-decoration: underline;
}

#menu ul {
	padding: 0;
	margin: 35px 0 0 0;
	list-style-type: none;
}

#menu li a {
	color: #5658CE;
	font-size: 1.25em;
	line-height: 1.5em;
	text-decoration: none !important;
	font-weight: 400;
}

#menu li a:hover {
	color: #0070c9 !important;
}

a.pure-button:hover {
	color: #FFFFFF !important;
	text-decoration: none;
}

h2 {
	text-align: left;
	font-size: 2em;
	line-height: 1.25em;
	font-weight: 700;
	margin-top: 0;
	margin-bottom: 1em;
}

h2 span {
	font-size: 0.8em;
	font-weight: 400;
	color: #999;
}

h3 {
	text-align: left;
	font-size: 1.5em;
	font-weight: 700;
	padding-top: .5em;
	margin-bottom: .5em;
}

h4 {
	margin-bottom: -0.65em;
}

ul {
	list-style-type: none;
}

ol li {
	margin-bottom: .75em;
}

ul.downloads {
	margin-top: 0;
	margin-bottom: 0;
}

li.feedback {
	font-style: italic;
	padding-left: 1em;
	text-indent: -.7em;
	line-height: 1.5em;
}

li.feedback:before {
	content: "\2022\0020\0020";
	color: #999;
}

.button-success {
	background:#16a34a;
}

.message {
	float: right;
	font-weight: 700;
	font-size: 1em;
	padding-top: .7em;
	padding-right: 10px;
	margin: 0;
	text-align: right;
}

/* Apple Account - keep default styling always */
.pure-form #appleaccountentry,
#register .pure-form #appleaccountentry,
#appleaccountentry {
	border: 1px solid #ccc !important;
	border-color: #ccc !important;
	color: #555 !important;
}

/* UDID validation styles (commented out for Apple Account only mode)
#udidentry:invalid~input.register-button,
#appleaccountentry:invalid~input.register-button {
	background: #999;
	cursor: not-allowed;
	color: #FFF;
}

#udidentry:valid~#appleaccountentry:valid~input.register-button {
	background:#16a34a;
	color: #FFF;
}

.regexinvalid,
.regexvalid,
.emailinvalid,
.emailvalid {
	display: none;
}

#udidentry.touched:invalid~ul .regexinvalid,
#udidentry.touched:valid~ul .regexvalid {
	display: inline;
}

#udidentry.touched:invalid~ul .regexvalid,
#udidentry.touched:valid~ul .regexinvalid {
	display: none;
}

#appleaccountentry:invalid~ul .emailinvalid,
#appleaccountentry:valid~ul .emailvalid {
	display: inline;
}

#appleaccountentry:invalid~ul .emailvalid,
#appleaccountentry:valid~ul .emailinvalid {
	display: none;
}
*/

.bluelight {
	color: #2B6FD0 !important;
}

.redlight {
	color: #DE4B59 !important;
}

.orangelight {
	color: #E36A0F !important;
}

.yellowlight {
	color: #F1C82F !important;
}

.greenlight {
	color:#16a34a !important;
}

.PayPal {
	/* PayPal */
	float: right;
	clear: right;
	width: 9em;
	height: auto;
}

.PayPal img {
	width: 6em;
	height: auto;
	display: block;
	margin: 1em auto 0 auto;
}

.nobreak {
 white-space: nowrap;
  word-break: keep-all;
  overflow-wrap: normal;
/* overflow: hidden; this renders text unaligned */
  text-overflow: ellipsis;
  max-width: 100%; /* or specify a specific width */
  display: inline-block; /* ensures the element respects the max-width */
}

span.udid-text {
	font-family: 'Courier New', Courier, monospace;
	color: #888;
	font-weight: 700;
	letter-spacing: 1px;
	font-size: 1em;
}

span.account-text {
	font-family: 'Courier New', Courier, monospace;
	color: #888;
	font-weight: 700;
	letter-spacing: 1px;
	font-size: 1em;
}

#enroll-buttons {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
	gap: 1em text-align: center;
}

#enroll-buttons .pure-button {
	min-width: 9em;
	margin: 0.5em;
}

#paypal-button-container {
	margin-top: 10px;
	width: 100%;
	clear: both;
}

/* Disable PayPal loading animations */
#paypal-button-container iframe,
#paypal-button-container [data-paypal-button],
.paypal-button-container iframe {
	animation: none !important;
	transition: none !important;
}

/* Remove PayPal skeleton/loading states */
#paypal-button-container .paypal-button-skeleton,
#paypal-button-container [class*="skeleton"],
#paypal-button-container [class*="loading"] {
	display: none !important;
}

/* Apple Pay button styling - temporarily disabled */
/*
#applepay-container apple-pay-button {
	--apple-pay-button-width: 100%;
	--apple-pay-button-height: 40px;
	--apple-pay-button-border-radius: 4px;
	width: 100%;
	height: 40px;
}
*/