.input-group {
	position: relative;
	display: -webkit-inline-box;
	border-collapse: separate;
}

.container-signUp {
	max-width: 850px;
	background-color: white;
	margin: 20px auto;
	padding: 0 20px;
}

.profile-page-address {
	line-height: 25.5px !important;
}

.layout {
	display: flex;
	flex-direction: row;
}

.column {
	flex: 50%;
	padding: 9px;
}

.row {
	flex: 50%;
	padding: 0 !important;
}

.col-sm-left {
	flex: 25%;
	text-align: right;
	float: left;
}

.col-sm-right {
	flex: 25%;
}

.col-sm-large-right {
	display: flex;
	flex-flow: column !important;
	width: fit-content;
}

.full-width {
	flex: 100%;
}

#section-1 {
	max-width: 437px;
	margin: 0 80px;
}

#section-2 {
	max-width: 437px;
	margin: 0 62px;
}

.registerPage #section-3 {
	max-width: 437px;
	margin: 0 20px;
}

#section-3 {
	max-width: 437px;
	margin: 0 40px;
}

.registerPage #section-4 {
	max-width: 437px;
	margin: 0 40px;
}

#section-4 {
	max-width: 437px;
	margin: 0 60px;
}

.registerPage #section-5 {
	max-width: 437px;
	margin: 0 23px;
}

#section-5 {
	max-width: 437px;
	margin: 0 42px;
}

#EmailAddressTextbox {
	width: 50%;
}

html {
	font-family: "Roboto", sans-serif;
}

.standard-required {
	color: dimgray;
}

.btn {
	font: 14px;
	font-weight: 700;
	color: white;
	text-transform: uppercase;
	letter-spacing: 2px;
	text-align: center;
	word-wrap: break-word;
	padding: 12px 20px;
	border-radius: 50px;
	text-decoration: none;
	text-align: center;
}

.btn:hover {
	color: white;
	font-weight: 700;
	border-radius: 50px;
}

.align-icons {
	vertical-align: bottom;
	align-items: normal;
	margin-top: 15px;
}

@media screen and (max-width: 992px) {
	#section-1 {
		margin: 0 70px;
	}
	.profile #section-2 {
		margin: 0px 50px;
	}

	.registerPage .container-signUp {
		margin: 20px auto;
		padding: 0;
		max-width: 800px;
	}

	.registerPage #section-3 {
		margin: 0px 0px 0 50px;
	}

	.registerPage #section-4 {
		max-width: 437px;
		margin: 0 0px 0 70px;
	}

	.registerPage #section-5 {
		max-width: 437px;
		margin: 0 0 0 55px;
	}

	.registerPage .icon {margin-left: -1px;}
}

@media screen and (max-width: 790px) {

	.column {
		flex: 100%;
	}

	.registerPage .container-signUp {
		margin: 20px 10px;
		padding: 0;
	}

	.profile-sm-view {
		display: block;
	}

	.profile .profile-sm-view {
		display: flex;
		justify-content: center;
	}

	.col-sm-left {
		text-align: right;
		float: left;
	}

	.mobile-center {
		max-width: 375px;
		margin: 0 auto;
	}

	#section-1 {
		max-width: 437px;
		margin: 0 65px;
	}

	.profile #section-1 {
		flex: 100%;
		margin: 0 0 0 90px;
	}

	#section-2 {
		max-width: 437px;
		margin: 0 0 0 60px;
	}

	#center-items {
		padding: 0 70px;
	}

	#EmailAddressTextbox {
		width: 50%;
	}

	.registerPage #section-3 {
		max-width: 437px;
		margin: 0 0 0 5px;
	}

	#section-3 {
		max-width: 437px;
		margin: 0 25px;
	}

	.registerPage #section-4 {
		max-width: 437px;
		margin: 0 30px;
	}

	#section-4 {
		max-width: 437px;
		margin: 0 40px;
	}

	#section-5 {
		max-width: 437px;
		margin: 0 20px !important;
	}

	.registerPage #section-5 {
		max-width: 437px;
		margin: 0 15px !important;
	}
}

@media screen and (max-width: 700px) {
	.layout {
		display: flex;
		flex-direction: row;
		flex-flow: row wrap;
	}

	.sm-margin .col-sm-left {float:none; text-align: center;}

	.sm-view {display: flex;}

	.profile-sm-view {display: block;}

	.sm-center {text-align: center;}

	.sm-margin {margin: 0 auto;}

	input.with-space, select.with-space {
		max-width: fit-content;
	}

	#section-1 {
		flex: 100%;
		margin: 0 70px;
	}

	.profile #section-1, .profile #section-2 {
		flex: 100%;
		margin: 0 auto;
	}

	#section-3 {
		max-width: 437px;
		margin: 0;
	}

	#section-4 {
		max-width: 437px;
		margin: 0 20px;
	}

	#section-5 {
		max-width: 437px;
		margin: 0 5px;
	}

	.column {
		flex: 100% !important;
		flex-flow: row wrap;
	}

	.col-sm-left {
		flex: 50% !important;
		text-align: right;
		float: left;
		flex-flow: row wrap;
	}

	.col-sm-right {
		flex: 50% !important;
		flex-flow: row wrap;
	}

	.row {
		flex: 100% !important;
		padding: 0 !important;
		flex-flow: row wrap;
	}

	#section-3 {
		max-width: 437px;
		margin: 0;
	}

	#section-4 {
		max-width: 437px;
		margin: 0 20px;
	}

	#section-5 {
		max-width: 437px;
		margin: 0 5px;
	}

	.registerPage .mobile-center {
		padding: 20px;
	}

	.registerPage .mobile-alignment {
		margin-left: 10px;
	}

	.cobrand-xs-costCenter, #trCobrandData2 {
		justify-content: center !important;
		display: flex !important;
		text-align: left;
	}

	.center-wrap-xs {
		text-align: center;
	}

}

@media screen and (max-width: 596px) {
	.registerPage .col-sm-large-right {
		flex: 100%;
		display: block;
	}

	.profile .col-sm-large-right {
		flex: 100%;
		display: flex;
	}

	.full-width {
		flex-flow: row wrap;
		display: flex;
		justify-content: center;
	}

	.layout {
		display: flex;
		flex-direction: row;
		flex-flow: row wrap;
	}

	.column {
		flex: 100% !important;
		flex-flow: row wrap;
	}

	.col-sm-left {
		flex: 50% !important;
		text-align: right;
		float: left;
		flex-flow: row wrap;
	}

	.registerPage .col-sm-right {
		flex: 50% !important;
		flex-flow: row wrap;
		display: inline-block;
	}

	.col-sm-right {
		flex: 50% !important;
		flex-flow: row wrap;
	}

	.row {
		flex: 100% !important;
		padding: 0 !important;
		flex-flow: row wrap;
	}

	#center-items {
		padding: 0 0 0 90px;
	}

	#EmailAddressTextbox {
		width: 51%;
	}

	.registerPage #EmailAddressTextbox {
		width: 81%;
	}

	#section-3 {
		max-width: 437px;
		margin: 0;
	}

	#section-4 {
		max-width: 437px;
		margin: 0 18px;
	}

	#section-5 {
		max-width: 437px;
		margin: 0 2px;
	}

	.center-wrap-xs {
		text-align: center;
	}
}

@media screen and (max-width: 500px) {
	.registerPage .layout {
		display: flex;
		flex-direction: row;
	}

	.layout {
		display: flex;
		flex-direction: row;
	}

	.registerPage .mobile-center {
		padding: 0;
	}

	.column {
		flex: 100% !important;
	}

	.col-sm-left {
		flex: 50% !important;
		text-align: right;
		float: left;
	}

	.col-sm-right {
		flex: 50% !important;
	}

	.row {
		flex: 100% !important;
		padding: 0 !important;
	}

	label {
		font-size: small;
	}

	#section-1 {
		flex: 100% !important;
		margin: 0 0 0 35px !important;
	}

	#section-2 {
		flex: 100%;
		margin: 0 0 0px;
	}

	#center-items {
		padding: 0 60px;
	}

	.icon {
		font-size: 10px !important;
	}

	#EmailAddressTextbox {
		width: 55%;
	}

	#section-3 {
		max-width: 437px;
		margin: 0;
	}

	.registerPage #section-3 {
		max-width: 437px;
		margin: 0;
	}

	#section-4 {
		max-width: 437px;
		margin: 0 30px;
	}

	#section-5 {
		max-width: 437px;
		margin: 0 10px;
	}
}

@media screen and (max-width: 409px) {
	.registerPage .layout {
		display: flex;
		flex-flow: row wrap;
	}

	.cobrand-xs-costCenter {
		justify-content: center !important;
		display: flex !important;
		text-align: center;
		padding: 5px;
	}

	#trCobrandData2 {width: 100% !important;}

	.layout {
		display: flex;
		flex-flow: row wrap;
	}

	.column {
		flex: 100% !important;
		padding: 0 !important;
		display: block;
	}

	.row {
		flex: 100% !important;
		padding: 0 !important;
	}

	.profile #section-1 {
		flex: 100%;
		margin: 0 auto;
		padding: 0 !important;
	}

	.col-sm-left, .col-sm-right {
		flex: 50% !important;
		padding: 0 !important;
	}

	.col-sm-large-right {
		display: contents;
	}

	.registerPage #fpw, .registerPage #cpw, .registerPage #fname, .registerPage #mname, .registerPage #lname, .registerPage #pphone, .registerPage #trCobrandData1, .registerPage #trCobrandData2, .registerPage #trCobrandData3 {
		width: 50%;
	}

	#EmailAddressTextbox, #fpw, #cpw, #fname, #mname, #lname, #pphone, #trCobrandData1, #trCobrandData2, #trCobrandData3 {
		width: 50%;
	}


	#chkReceiveSmsNotification {
		width: 5% !important;
	}

	label {
		font-size: small;
	}

	#section-1 {
		flex: 100%;
		margin: 0 auto !important;
		padding: 0 0 0 20px !important;
	}

	#section-2 {
		flex: 100%;
		margin: 0 !important;
		padding: 0 0 0 5px !important;
	}

	.registerPage #section-3 {
		max-width: 437px;
		margin: 0 0 0 5px;
	}

	.registerPage #section-4 {
		max-width: 437px;
		margin: 0 25px;
	}

	.registerPage #section-5 {
		max-width: 437px;
		margin: 0 10px;
	}

	#center-items {
		padding: 0 0 0 50px !important;
	}

	.registerPage .icon {
		font-size: 11px !important;
		cursor: pointer;
	}
}

@media screen and (max-width: 382px) {
	.registerPage .mobile-center {
		padding: 0;
	}

	.registerPage .communication-pref-mobile {
		padding: 20px !important;
	}

	.registerPage .row {
		flex: 100% !important;
		padding: 0 !important;
		display: flex;
	}

	.registerPage #section-3 {
		max-width: 437px;
		margin: 0 0 0 0px;
	}

	.registerPage #section-3 {
		max-width: 437px;
		margin: 0 0 0 0px;
		min-width: max-content;
	}

	.profile .cobrand-xs-costCenter .col-sm-left, .profile .cobrand-xs-costCenter #trCobrandData2 {
		text-align: center;
	}

	#phone-wrap {
		flex: 100% !important;
		padding: 0 !important;
		flex-flow: nowrap;
	}

	.registerPage #UserNameTextbox {max-width: 70%;}
}