@font-face {
  font-family: "Open Sans";
  src: url('/AccountManagerAppConfig/commonV3/includes/fonts/OpenSans-Regular.ttf');
}

.aetLogo {
	width: 162px;
	height: 32px;	
}

.width100Percent {
	width: 100%;
}

.maxHeight1px {
	max-height: 1px;
}

.heightAuto {
	height :auto;
}

.bgGrey {
 	background-color: rgba(250, 251, 252, 1);
}

.bgWhite {
 	background-color:rgba(255, 255, 255, 1);
}

.topHeaderClass {
	width:100%;
	height:auto;
	padding-bottom: 16px;
	box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.20), 0px 1px 10px 0px rgba(0, 0, 0, 0.12), 0px 4px 5px 0px rgba(0, 0, 0, 0.14);
}

.topHeader {
	display: flex;
	width: 1440px;
	padding-bottom: 0px;
	flex-direction: column;
	align-items: flex-start;
}

.topHeaderCls {		
	box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.20), 0px 1px 10px 0px rgba(0, 0, 0, 0.12), 0px 4px 5px 0px rgba(0, 0, 0, 0.14);
}

.paddingRight24 {
	padding-right: 24px;
}

.paddingBottom24 {
	padding-bottom: 24px;
}

.paddingTop24 {
	padding-top: 24px;
}

div#top-nav {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: flex-start;
	align-self: stretch;
	background: #FFF;
}

div#content {
	display: flex;
	padding-top: 32px;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	align-self: stretch;
}

div#topContent {
	display: flex;
	padding: 0px 126px;
	justify-content: space-between;
	align-items: center;
	align-self: stretch;
}

div#utilityNav {
	display: flex;
	width: 329px;
	height: 48px;
	align-items: center;
	gap: 16px;
}

div#mainFrame {
	display: flex;
	padding-bottom: 0px;
	flex-direction: column;
	align-items: flex-start;
	gap: 24px;
	align-self: stretch;
}

div#headerInnerDiv {
	display: flex;
	width: 1440px;
	padding-bottom: 0px;
	flex-direction: column;
	align-items: flex-start;
}

.backSoonContainerWidth {
	max-width: 781px;		
}

div#backSoonContent {
	display: flex;	
	height: 40px;
	padding-bottom: 0px;
	padding-top:40px;
	flex-direction: column;
	align-items: flex-start;
	gap: 8px;
}

div#backSoonText {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 4px;
	align-self: stretch;
	
}
h1#backSoonH1{
	color: #000;

	font-family: Open Sans;
	font-size: 32px;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
}

div#horizontalDivider {
	display: flex;
	height: 1px;
	flex-direction: column;
	justify-content: flex-end;
	align-items: center;
	align-self: stretch;
	background-color: rgba(202, 203, 204, 1);
}


div#horizontalDivider2 {
	display: flex;
	height: 1px;
	flex-direction: column;
	justify-content: flex-end;
	align-items: center;
	flex-shrink: 0;
	align-self: stretch;
	background: rgba(202, 203, 204, 1);
}

.pageContainer {
	min-height: 520px;
}

div#elevatedTitle {
	display: flex;
	max-width: 781px;	
	padding: 24px;
	flex-direction: column;
	align-items: flex-start;
	gap: 24px;
	flex-shrink: 0;
}

.elevatedTitleStyle {
	border-radius: 4px;
	background: #FFF;
	
	box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.20), 0px 1px 10px 0px rgba(0, 0, 0, 0.12), 0px 4px 5px 0px rgba(0, 0, 0, 0.14);
}

.siteDown {
	display: flex;
	flex-direction: column;
	flex-shrink: 0;
	align-self: stretch;
}

.siteDownStyle {
	color: #000;
	
	font-family: Open Sans;
	font-size: 24px;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
}

.textDown {
	display: flex;
	flex-direction: column;
	align-self: stretch;
	color: #5A6870;
}

.textDownStyle {
	color: var(--gray-dark, #5A6870);	
	font-family: Open Sans;
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: 24px;
}

.textAlignLeft {
	text-align: left;
}

div#horizantalDivider2{
	display: flex;
	height: 1px;
	flex-direction: column;
	justify-content: flex-end;
	align-items: center;
	flex-shrink: 0;
	align-self: stretch;
}

.dividerClass {
	width: 733px;
	height: 1px;
	background: #CACBCC;
}

.footerContent {
	display: flex;
	padding: 24px 126px;
	flex-direction: column;
	justify-content: center;
	align-items: flex-start;
	gap: 32px;
	align-self: stretch;	
	bottom: 0;
	margin: 0;
	padding-bottom: 0px;
}
 
div#footerTopContent {
	display: flex;
	align-items: center;
}

div#aetnaLogo {
	display: flex;
	width: 123.75px;
	height: 24px;
	flex-direction: column;
	justify-content: center;
	align-items: flex-start;
	gap: 10px;
}

div#footerLinks {
	display: flex;
	align-items: center;
	gap: 24px;
	align-self: stretch;
}

.footerLinkText {
	color: #7D3F98;
	font-family: Open Sans;
	font-size: 12px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
	letter-spacing: 0.25px;
	text-decoration-line: underline;
}


.langAssistStyle {
	color: #5A6870;
	font-family: Open Sans;
	font-size: 12px;
	font-style: normal;
	font-weight: 600;
	line-height: 24px;
	letter-spacing: 0.25px;
}

.aetnaIncLink{	
	font-family: Open Sans;
	font-size: 12px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
	letter-spacing: 0.25px;
	}

.footerLinks {	
	color: #7D3F98;
}

.grayDark {
	color: #5A6870;
}

.brandPrimary {
	color: #7D3F98;
}

div#horizontalDivider3 {
	display: flex;
	height: 1px;
	flex-direction: column;
	justify-content: flex-end;
	align-items: center;
	align-self: stretch;
}

.horizonatlDiv3Cls {
	width: 1440px;
	height: 1px;
}

@media only screen and (max-width: 320px) and (max-height: 1242px) {
	.width100Percent {
		width: 100%;
	}
	
	.heightAuto {
		height :auto;
	}
	
	.aetLogo {
		width: 83px;
		height: 16px;
	}
	
	.topHeaderClass {
		width:100%;
		height:auto;
		/*padding-top: 32px;*/
		padding-top: 16px;
		box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.20), 0px 1px 10px 0px rgba(0, 0, 0, 0.12), 0px 4px 5px 0px rgba(0, 0, 0, 0.14);
	}

	div#content {
		display: flex;
		padding-top: 0px;
		padding-left: 0px;
		flex-direction: column;
		justify-content: center;
		align-items: center;
		align-self: stretch;
	}
	
	div#topContent {
		display: flex;
		justify-content: space-between;
		align-items: center;
		align-self: stretch;
		align-content: left;
		padding-left: 12px;
	}
	
	div#utilityNav {
		display: flex;
		width: 48px;
		height: 48px;
		justify-content: center;
		align-items: center;
		gap: 10px;
	}
	
	div#horizontalDivider {
		display: flex;
		height: 1px;
		flex-direction: column;
		justify-content: flex-end;
		align-items: center;
		align-self: stretch;
	}
	
	div#backSoonContent {
		display: flex;
		padding-top: 32px;
		flex-direction: column;
		justify-content: center;
		align-items: flex-start;
		gap: 8px;
		align-self: stretch;
		padding-right: 8px;
		padding-left: 8px;
	}
	.pageContainer {
		display: flex;
		padding: 16px 8px 72px 8px;
		flex-direction: column;
		align-items: center;
		gap: 16px;
		align-self: stretch;
		
		min-height: 686px;
	}
	
	div#elevatedTitle {
		display: flex;
		padding: 24px 16px;
		flex-direction: column;
		justify-content: center;
		align-items: center;
		gap: 24px;
		align-self: stretch;
		width: auto;
		height: auto;
	}
	
	.elevatedTitleStyle {
			border-radius: 4px;
			border: 1px solid var(--gray-medium, #EAECED);
			background: #FFF;
			box-shadow: 0px 0px 0px 1px #CACBCC inset;
			color: #000000;
	}
	
	.siteDownStyle {
		width: 276px;
		color: #000000;

		font-family: Open Sans;
		font-size: 24px;
		font-style: normal;
		font-weight: 400;
		line-height: normal;
	}
	
	.textDown {
		align-self: stretch;
	}

	div#horizantalDivider2 {
		display: flex;
		width: 272px;
		flex-direction: column;
		justify-content: flex-end;
		align-items: center;		
	}
	
	.dividerClass {
		width: 272px;
		height: 1px;
		background: #CACBCC;
	}
	
	div#horizantalDivider4 {
		display: flex;
		height: 1px;
		flex-direction: column;
		justify-content: flex-end;
		align-items: center;
		align-self: stretch;
		color: #CACBCC;		
	}
	
	.horizantalDivider4Cls {
		width: 320px;
		height: 1px;
		background: #CACBCC;
		color: #CACBCC;
	} 
	
	.footerContent {
		display: flex;
		padding: 24px;
		flex-direction: column;
		justify-content: center;
		align-items: flex-start;
		gap: 32px;
		align-self: stretch;
		/*position: relative;*/
		bottom: 0;
		margin: 0;		
	}
	
	div#aetnaLogo {
		display: flex;
		width: 123.75px;
		height: 24px;
		padding-right: 0px;
		justify-content: center;
		align-items: center;
	}
	
	.langAssist {
		display: flex;
		align-items: flex-start;
		gap: 24px;
		align-self: stretch;
	}
	
	.langAssistStyle {
		color: #5A6870;
		font-family: Open Sans;
		font-size: 12px;
		font-style: normal;
		font-weight: 600;
		line-height: 24px;
		letter-spacing: 0.25px;
	}
		
	.aetnaIncLink{
		color: var(--gray-dark, #5A6870);
		font-family: Open Sans;
		font-size: 12px;
		font-style: normal;
		font-weight: 400;
		line-height: normal;
		letter-spacing: 0.25px;
	}
	
	.footerLinkText {
		color: #7D3F98;
		font-family: Open Sans;
		font-size: 12px;
		font-style: normal;
		font-weight: 400;
		line-height: normal;
		letter-spacing: 0.25px;
		text-decoration-line: underline;
	}
	
	.textAlignLeft {
		text-align: left;
	}
	
	.backSoonContainerWidth {
		max-width: 304px;					
	}
	
	div#horizontalDivider2 {
		display: flex;
		height: 1px;
		flex-direction: column;
		justify-content: flex-end;
		align-items: center;
		flex-shrink: 0;
		align-self: stretch;
	}
}