/*
    1. Variables
*/
:root {
	/*--- Client Colors ---*/
	--primary-color-indigo: #2c2e65;
	--primary-color-deepsea: #005f61;
	--secondary-color-glacier: #b7dde1;
	--secondary-color-lawn: #b7db57;
	--secondary-color-garnet: #862041;
	--secondary-color-pavement: #707372;

	/* --- Buttons --- */
	--button-border-radius: 30px;
	--button-hover-width: 1px;
	--button-padding: 1.25rem;
	--button-font-size: 15px;

	/*--- Fonts ---*/
	--font-family: "Open Sans", sans-serif;

	/*--- Client Variables ---*/
	--bs-gutter-x: 3rem;
	--bs-gutter-y: 0;
	--bs-body-color: #fff;
}

html,
body {
	width: 100%;
	height: 100%;
	margin: 0px;
	padding: 0px;
	overflow-x: hidden;
}

body {
	font-family: var(--font-family);
}

h1 {
	color: var(--primary-color-indigo);
	font-family: var(--font-family);
	font-weight: 300 !important;
	font-size: 38px;
	margin-bottom: 0.67em;
}

h2 {
	color: var(--primary-color-indigo);
	font-size: 20px;
	font-weight: 600;
	margin-bottom: 0.67em;
}

h3 {
	color: var(--primary-color-indigo);
	font-family: var(--font-family);
}

h4 {
	color: #3d3c3d;
}

p,
ul,
ol {
	margin-bottom: 1em;
}

/* Button CSS */

.btn {
	font-family: var(--font-family);
}

.btn-default {
	text-shadow: none;
}

.DefaultPrevButton {
	background: #8c1c40;
}

.DefaultNextButton,
#btnNext_SubmitButton,
.largebutton,
#NextButton2_SubmitButton {
	background: #2c2e65;
	color: #fff;
	border-radius: var(--button-border-radius);
	padding: var(--button-padding);
	font-size: var(--button-font-size);
	border: 1px solid #2c2e66 !important;
}

.DefaultNextButton:hover,
.DefaultNextButton:active,
.DefaultNextButton:focus,
.DefaultCollateralCommandButton:hover,
.DefaultCollateralCommandButton:active,
.DefaultCollateralCommandButton:focus,
.DefaultCompleteButton:hover,
.DefaultCompleteButton:active,
.DefaultCompleteButton:focus,
.DefaultIndividualCommandButton:hover,
.DefaultIndividualCommandButton:active,
.DefaultIndividualCommandButton:focus,
#btnNext_SubmitButton:hover,
#btnNext_SubmitButton:active,
#btnNext_SubmitButton:focus,
.largebutton:focus,
.largebutton:hover,
.largebutton:active,
#NextButton2_SubmitButton:hover,
#NextButton2_SubmitButton:focus,
#NextButton2_SubmitButton:active {
	border-width: var(--button-hover-width);
	border-color: var(--primary-color-deepsea);
	background: #000000;
	color: #fff;
}

#btnChange_SubmitButton {
	border-radius: var(--button-border-radius);
	padding: var(--button-padding);
	font-size: var(--button-font-size);
}

#btnChange_SubmitButton:hover {
	border-width: var(--button-hover-width);
	border-color: var(--secondary-color-garnet);
	background: #fff;
	color: var(--secondary-color-garnet);
}

#BackButton_SubmitButton,
.MiscBackButton {
	background: #ffffff;
	color: #2c2e66;
	border-radius: var(--button-border-radius);
	padding: var(--button-padding);
	font-size: var(--button-font-size);
	border: 1px solid #2c2e66 !important;
}

#BackButton_SubmitButton:hover,
.MiscBackButton:hover {
	border-width: var(--button-hover-width);
	border-color: var(--secondary-color-garnet);
	background: #000000 !important;
	color: #fff !important;
	text-decoration: none;
}

.DefaultCollateralCommandButton {
	background: var(--secondary-color-garnet);
	color: #fff;
}

.MediumButton {
	width: 175px !important;
}

.LargeButton {
	width: 250px !important;
}

.DefaultCompleteButton {
	background: #8c1c40;
	color: #fff;
	width: 180px !important;
}

.DefaultIndividualCommandButton,
#btnNonMember > input,
#btnMember > input {
	/* background: var(--primary-color-deepsea);
    color: #FFF;
    border-radius: var(--button-border-radius);
    padding: var(--button-padding) */
}

.DefaultIndividualCommandButton:hover,
#btnNonMember > input:hover,
#btnMember > input:hover {
	/* background: #fff;
    color: var(--primary-color-deepsea) */
}

.MobileScanButton {
	background: var(--primary-color-deepsea);
	color: #ffffff;
	text-align: center;
	padding: 10px;
	/* width: 60%; */
	min-height: 40px;
	border-radius: 0.5em;
	border: thin solid #999;
}

.MiscButton {
	margin-bottom: 10px;
	font-size: 24px;
	min-width: 200px;
	line-height: 1.4;
	border: 1px solid transparent;
	padding: 10px 12px;
}

.MiscBackButton {
	margin-bottom: 10px;
	min-width: 200px;
	line-height: 1.4;
	border: 1px solid transparent;
}

#btnBack_SubmitButton {
	/* font-weight: 600; */
	color: var(--primary-color-indigo);
	/* text-decoration: underline; */
}

#btnBack_SubmitButton:hover {
	color: var(--primary-color-indigo) !important;
	text-decoration: underline;
}

.btn-link {
	color: var(--primary-color-indigo);
}

.btn-link:hover {
	color: var(--primary-color-indigo);
}

#pnlDirectionButtons {
	margin: 25px 10px;
	overflow: hidden;
	display: block;
}

#pnlDirectionButtons center {
	display: flex;
	justify-content: space-evenly;
}

.btn-container {
	display: flex;
	justify-content: space-evenly;
}

@media (max-width: 710px) {
	.btn-container {
		flex-direction: column;
	}
}

/* End Button CSS */

.centerform {
	margin: 0 auto;
	/*width: 960px;*/
	width: 100%;
}

.SectionHeaders {
	border-top-left-radius: 20px;
	font-size: 16px;
	padding: 15px;
	background: var(--primary-color-indigo);
	color: #ffffff;
	height: 45px;
	text-transform: uppercase;
	font-weight: 600;
}

.DefaultLabelClass {
	font-size: 14px;
	text-align: right;
	vertical-align: middle;
	width: 32%;
	padding-right: 10px;
}

.DefaultFormControlClass {
	width: 50% !important;
	margin-top: 5px;
	margin-bottom: 5px;
}

.AddressControlClass {
	margin-left: 32%;
	width: 50% !important;
}

.FullWidthLabel {
	font-size: 14px;
	width: 100%;
}

.FullWidthFormControl {
	width: 100%;
}

.CCMonthClass {
	width: 20% !important;
}

.CCYearClass {
	width: 20% !important;
}

.CCNameClass {
	width: 30% !important;
}

.CCNumberClass {
	width: 40% !important;
}

.CCCVVClass {
	width: 10% !important;
}

.DefaultProductFundingTextBoxClass {
	width: 190px !important;
}

.CursorPointer {
	cursor: pointer;
}

body {
	font-size: 14px;
	line-height: 150%;
	/* background-color: #444444; */
	font-family: "Source Sans Pro", Helvetica, Arial, sans-serif;
}

.form-section {
	border: 1px solid #ccc;
	border-radius: 5px;
	padding: 20px 40px;
}

.Main {
	width: 960px;
	margin: 0 auto;
}

.AdminConsole {
	width: 827px;
	margin: 0 auto;
}

.WhiteBackground {
	background-color: #ffffff;
}

#application-start-options {
	margin: 40px 0;
}

#application-start-options td {
	padding: 20px 0;
}

#application-start-options h3 {
	font-size: 24px;
	margin: 0;
}

#lblFINumber_Label {
	font-size: 18px;
}

/* start phone # */
a {
	color: var(--primary-color-deepsea);
	text-decoration: underline;
}

a:hover {
	color: var(--primary-color-deepsea);
	text-decoration: none;
}

.MainBorder {
	/*border: solid;*/
	border-radius: 0em;
	border-width: 2px;
	border-color: #f2f1f1;
}

.Header {
	/* background-color: #f2f1f1; */
	height: 90px;
	padding: 30px 10px 10px 30px;
	border-top-left-radius: 0em;
	border-top-right-radius: 0em;
}

.Header > img {
	height: 65px;
}

#TopBarLargeLogoMobile .main-logo {
	display: flex;
	justify-content: center;
	align-items: center;
	margin-bottom: -2.75em;
}

#TopBarLargeLogoMobile .main-logo img {
	height: 60px;
	margin: 1.75em;
	display: flex;
	justify-content: center;
}

.TopBar {
	background-color: #787878;
	padding: 20px 10px 20px 15px;
}

.PageHeader {
	font-size: 1.25em;
	font-weight: bold;
	color: #3d3c3d;
	line-height: 150%;
}

.TopBarText {
	padding-left: 30px;
}

.panel-default > .panel-heading {
	background-image: none;
	background-color: var(--primary-color-indigo);
}

.panel-title {
	color: #ffffff;
}

.ContentTable {
	padding-left: 30px;
	padding-right: 30px;
	padding-bottom: 30px;
	background-color: #fff;
	width: 100%;
	font-family: var(--font-family);
	text-align: left;
	color: #575757;
}

.ProgBarBg {
	background-repeat: no-repeat;
	background-position: top right;
}

.HdrBar {
	background-color: #666666;
	color: #ffff99;
	font-weight: bold;
	padding: 4px;
}

.errors {
	color: #f00;
}

.SmlTxt {
	font-style: italic;
	font-size: 0.75em;
	vertical-align: top;
	line-height: 12px;
}

.SmlTxtIndent {
	font-style: italic;
	font-size: 0.75em;
	vertical-align: top;
	line-height: 12px;
	margin-left: 40px;
}

.JOSidebar {
	width: 200px;
	vertical-align: top;
	padding: 10px;
}

.JOMidSpace {
	padding-left: 20px;
}

.ProdServBox {
	background-color: #e6e6e6;
	border-radius: 1em;
	cellspacing: 0px 15px 15px 0px;
	padding: 20px;
	vertical-align: top;
	border: #007d8b 1px solid;
}

.relationship-checkbox > span {
	width: 350px;
	display: flex;
	justify-content: flex-start;
}

.relationship-checkbox label {
	width: 100%;
	text-align: left;
}

.relationship-helpertext {
	padding-left: 7rem;
}

/* OLD Footer  */

.Footer {
	/*background-color:#787878;*/
	background-color: #eeeeee;
	border-bottom-right-radius: 0.5em;
	border-bottom-left-radius: 0.5em;
	/*width:100%;*/
	width: 960px;
	border: 1px solid black;
	padding: 15px;
}

.FooterText {
	font-size: 10px;
	/*color:white;*/
	padding-left: 10px;
}

.FooterImageCustom {
	display: block;
	margin: 0 auto;
}

/* New Footer  */

footer {
	color: var(--bs-body-color);
	font-weight: 400;
	-webkit-font-smoothing: antialiased;
	text-align: left;
	font-family: "Encode Sans", sans-serif;

	a {
		color: #b7dde1;
		font-weight: 600;
		/* font-size: 14px; */
	}

	a:hover {
		color: #fff;
		text-decoration: none;
	}
}

.site-footer {
	background: #2c2e65;
	font-size: 1.2rem;
	padding: 3.5rem 0;
}

@media (min-width: 992px) {
	.site-footer {
		padding: 7rem 0;
		font-size: 1.4rem;
	}
}

.site-footer p {
	margin-bottom: 1.5rem;
}

.site-footer__routing {
	font-size: 1.8rem;
	font-weight: 400;
	margin-bottom: 1rem;
	text-transform: uppercase;
}

@media (min-width: 992px) {
	.site-footer__routing {
		font-size: 2.2rem;
		margin-bottom: 2rem;
	}
}

.site-footer__tel {
	margin-bottom: 3rem;
	font-size: 1.4rem;
}

.site-footer__tel a {
	color: #b7dde1;
}

.site-footer__tel a:hover {
	color: var(--secondary-color-garnet);
}

.site-footer__tel a:focus-visible,
.site-footer__tel a:hover {
	color: #fff;
}

.social-icon {
	width: 13.75px;
	margin: 0 -3px;
}

.social-icon:hover {
	filter: brightness(0) invert(1);
}

.icon-instagram,
.icon-linkedin {
	width: 19.25px;
}

.site-footer__socials {
	/* font-size: 2.2rem; */
	margin-bottom: 2rem;
}

@media (min-width: 992px) {
	.site-footer__socials {
		margin-bottom: 3rem;
	}
}

.site-footer__socials .list-inline-item:not(:last-child) {
	margin-right: 1rem;
}

.visually-hidden,
.visually-hidden-focusable:not(:focus):not(:focus-within) {
	width: 1px !important;
	height: 1px !important;
	padding: 0 !important;
	margin: -1px !important;
	overflow: hidden !important;
	clip: rect(0, 0, 0, 0) !important;
	white-space: nowrap !important;
	border: 0 !important;
}

.visually-hidden-focusable:not(:focus):not(:focus-within):not(caption),
.visually-hidden:not(caption) {
	position: absolute !important;
}

.site-footer__apps {
	-webkit-box-align: start;
	-ms-flex-align: start;
	align-items: flex-start;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	gap: 1.1rem;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	margin: 0 0 3.5rem;
}

.site-footer__apps > a {
	display: inline-block;
	height: 3.8rem;
	width: auto;
}

@media (min-width: 992px) {
	.site-footer__apps > a {
		height: 4.1rem;
	}
}

.site-footer__apps > a > img {
	display: block;
	height: 100%;
}

.site-footer__nav-group-heading {
	font-size: 1.8rem;
	margin-bottom: 1rem;
	text-transform: uppercase;
}

@media (min-width: 992px) {
	.site-footer__nav-group-heading {
		font-size: 2.2rem;
		margin-bottom: 2rem;
	}
}

@media (max-width: 575.98px) {
	.site-footer__nav-group-heading {
		font-size: 1.5rem;
	}
}

.site-footer__nav-group ul {
	margin-bottom: 2rem;
}

.site-footer__nav-group li + li {
	margin-top: 0.5rem;
}

@media (max-width: 767.98px) {
	.site-footer__nav-group {
		width: 50%;
	}
}

.site-footer__bottom {
	margin-top: 2rem;
	padding-top: 2rem;
}

.site-footer__seo {
	font-style: italic;
}

.richtext a {
	color: #fff;
}

.richtext a:hover {
	text-decoration: none;
}

@media (min-width: 992px) {
	.site-footer__bottom {
		border-top: 1px solid #000;
		margin-top: 2.5rem;
		padding-top: 4.5rem;
	}
}

.site-footer__logos {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	gap: 1.5rem;
	margin-left: auto;
	margin-top: 2rem;
}

@media (min-width: 992px) {
	.site-footer__logos {
		margin-top: 0;
	}
}

.site-footer__nmls {
	font-weight: 600;
	margin-top: 1rem;
}

@media (min-width: 992px) {
	.landing .site-footer {
		padding-top: 3.5rem;
	}
}

.landing .site-footer__bottom {
	padding-top: 0;
}

@media (min-width: 992px) {
	.landing .site-footer__bottom {
		border-top: none;
		margin-top: 0;
		padding-top: 0;
	}
}

.list-unstyled {
	padding-left: 0;
	list-style: none;
}

.container,
.container-fluid,
.container-lg,
.container-md,
.container-sm,
.container-xl,
.container-xxl {
	--bs-gutter-x: 3rem;
	--bs-gutter-y: 0;
	width: 100%;
	/* padding-right: calc(var(--bs-gutter-x) * .5);
      padding-left: calc(var(--bs-gutter-x) * .5); */
	margin-right: auto;
	margin-left: auto;
}

@media (min-width: 576px) {
	.container,
	.container-sm {
		max-width: 540px;
	}
}

@media (min-width: 768px) {
	.container,
	.container-md,
	.container-sm {
		max-width: 720px;
	}
}

@media (min-width: 992px) {
	.container,
	.container-lg,
	.container-md,
	.container-sm {
		max-width: 960px;
	}
}

@media (min-width: 1200px) {
	.container,
	.container-lg,
	.container-md,
	.container-sm,
	.container-xl {
		max-width: 1140px;
	}
}

@media (min-width: 1400px) {
	.container,
	.container-lg,
	.container-md,
	.container-sm,
	.container-xl,
	.container-xxl {
		max-width: 1320px;
	}
}

.align-items-start {
	-webkit-box-align: start !important;
	-ms-flex-align: start !important;
	align-items: flex-start !important;
}

.justify-content-end {
	-webkit-box-pack: end !important;
	-ms-flex-pack: end !important;
	justify-content: flex-end !important;
}

.d-inline-block {
	display: inline-block !important;
}

/* Row */
.row {
	--bs-gutter-x: 3rem;
	--bs-gutter-y: 0;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	/* margin-top: calc(-1 * var(--bs-gutter-y));
      margin-right: calc(-.5 * var(--bs-gutter-x));
      margin-left: calc(-.5 * var(--bs-gutter-x)); */
}

@media (min-width: 768px) {
	.col-md-6 {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 auto;
		flex: 0 0 auto;
		width: 50%;
	}
}

@media (min-width: 576px) {
	.col-sm-6 {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 auto;
		flex: 0 0 auto;
		width: 50%;
	}
}

/* Column */

.col-left > * {
	text-align: left;
}

@media (min-width: 1200px) {
	.col-lg-3 {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 auto;
		flex: 0 0 auto;
		width: 25%;
	}

	.col-xl-4 {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 auto;
		flex: 0 0 auto;
		width: 33.33333%;
	}

	.col-xl-8 {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 auto;
		flex: 0 0 auto;
		width: 66.66667%;
	}
}

@media (min-width: 992px) {
	.col-lg-4 {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 auto;
		flex: 0 0 auto;
		width: 33.33333%;
	}

	.col-lg-8 {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 auto;
		flex: 0 0 auto;
		width: 66.66667%;
	}

	.col-lg-9 {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 auto;
		flex: 0 0 auto;
		width: 75%;
	}

	.d-lg-flex {
		display: -webkit-box !important;
		display: -ms-flexbox !important;
		display: flex !important;
	}
}

/* Row  */

/* .row>* {
      -ms-flex-negative: 0;
      flex-shrink: 0;
      width: 100%;
      max-width: 100%;
      /* padding-right: calc(var(--bs-gutter-x) * .5); */
/* padding-left: calc(var(--bs-gutter-x) * .5); */
/* margin-top: var(--bs-gutter-y);
}
*/

.HighlightBackground {
	background-color: #e6e6e6;
	border: thin solid #999;
	padding: 5px;
}

/* Progress Bar CSS */
.ProgressBarOuter {
	background-color: var(--secondary-color-glacier);
	height: 16px;
	border: 1px #787878;
	border-radius: 1em;
	/*box-shadow: 0 1px 5px #000 inset, 0 1px 0 #444;*/
	width: 40%;
	float: right;
	margin: 5px 10px 5px 2px;
	cellpadding: 0px;
	cellspacing: 0px;
}

.ProgressBarInner {
	background-color: var(--primary-color-indigo);
	border-radius: 1em;
	height: 14px;
	overflow: hidden;
}

.TextClass {
	float: right;
	font-weight: bold;
	vertical-align: middle;
	margin: 5px 0px 5px 0px;
}

#status {
	width: 50%;
	padding: 10px;
	outline: none;
	height: 36px;
}

.focusField {
	border: solid 2px #73a6ff;
	background: #eff5ff;
	color: #000;
}

.idleField {
	background: #eee;
	color: #6f6f6f;
	border: solid 2px #dfdfdf;
}

.wideLogo {
	margin-bottom: 6px;
	width: 100%;
}

.topLinks {
	/* this changed from theirs to be more responsive */
	position: relative;
	top: -95px;
	right: -530px;
	width: 430px;
}

.topLinks ul {
	list-style: none;
	padding-left: 0px;
	height: 26px;
	border-left: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
	border-right: 1px solid #cccccc;
	margin-bottom: 0px;
	-moz-border-radius-bottomleft: 5px;
	-moz-border-radius-bottomright: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-webkit-border-bottom-right-radius: 5px;
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
	box-shadow: 0px 5px 15px #444444;
	-moz-box-shadow: 0px 5px 15px #444444;
	-webkit-box-shadow: 0px 5px 15px #444444;
}

.topLinks ul li {
	float: right;
	text-align: center;
	margin-top: 0px;
	font-size: 12px;
}

.topLinks ul li a {
	color: #ff6600;
	text-decoration: none;
	line-height: 26px;
	padding: 0px;
	display: block;
	font-weight: bold;
	padding-left: 10px;
	padding-right: 10px;
}

.topLinks ul li a:link,
.topLinks ul li a:visited {
	color: #ff6600;
	text-decoration: none;
	font-weight: bold;
}

.topLinks ul li a:hover,
.topLinks ul li a:focus,
.topLinks ul li a:active {
	color: #ffffff;
	background-color: #ff6600;
	font-weight: bold;
}

.fiviCollapseMenu {
	position: relative;
	top: -40px;
	left: 50px;
	width: 90%;
}

/*
    Scheduled transfers
*/

.scheduledTransfer-container .UpdateAccountSecondLevel {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 20px 10px;
	& > div {
		width: 100%;
	}
	& > div:has(> label),
	& > div > div:has(> label) {
		width: 30%;
		text-align: right;
	}
	& > span:has(> .form-control),
	& > div > span:has(> .form-control) {
		width: 65%;
		display: flex;
	}
	& .form-control {
		width: 100% !important;
	}
	& > div[id*="ddDayOfWeekDiv"]:not([style*="display: none"]),
	& > div[id*="tbStartDateDiv"]:not([style*="display: none"]),
	& > div[id*="tbEndDateDiv"]:not([style*="display: none"]) {
		display: flex !important;
		flex-wrap: wrap;
		align-items: center;
		gap: 20px 10px;
	}
}

/* End normal size */
/* "large" in bootstrap - large desktops */
@media all and (min-device-width: 1200px), all and (min-width: 1200px) {
	/* use the line below to debug and see which media setting the window uses */
	/*body::before{ content: "large - tablet to some desktop media query > 1200 fired"; }*/
}

/* "medium" in bootstrap - desktops */
@media all and (max-device-width: 1200px), all and (max-width: 1200px) {
	/* use the line below to debug and see which media setting the window uses */
	/*body::before{ content: "mediom - tablet to some desktop media query < 1200 fired"; }*/
}

/* "small" in bootstrap - tablets */
@media all and (max-device-width: 992px), all and (max-width: 992px) {
	/* use the line below to debug and see which media setting the window uses */
	/*body::before{ content: "small - tablet to some desktop media query > 769 and < 992 fired"; }*/
	.Main {
		width: 100%;
	}

	.DefaultPrevButton {
		width: 38% !important;
	}

	.DefaultCollateralCommandButton {
		width: 38% !important;
	}

	.WideButton {
		width: 30% !important;
	}

	.SmallButton {
		/* width: 30% !important; */
		height: 60px !important;
	}

	.MediumButton {
		width: 38% !important;
		height: 60px !important;
	}

	.LargeButton {
		width: 50% !important;
		height: 60px !important;
	}

	.DefaultCompleteButton {
		width: 30% !important;
	}

	.DefaultLabelClass {
		text-align: left;
		width: 100%;
		font-size: 14px;
	}

	.DefaultFormControlClass {
		width: 100% !important;
	}

	.AddressControlClass {
		width: 100% !important;
	}

	.CCMonthClass {
		width: 33% !important;
	}

	.CCYearClass {
		width: 33% !important;
	}

	.CCNumberClass {
		width: 100% !important;
	}

	.CCNameClass {
		width: 100% !important;
	}

	.CCCVVClass {
		width: 33% !important;
	}

	.DefaultProductFundingTextBoxClass {
		width: 100% !important;
	}

	.ContentTable {
		padding-left: 10px;
		padding-right: 10px;
		padding-bottom: 10px;
		width: 100%;
	}

	.wideLogo {
		margin-bottom: 6px;
		width: 630px;
	}

	.Footer {
		width: 100%;
	}

	.JOSidebar {
		width: 170px;
	}

	.ProgressBarOuter {
		/*float: left;*/
		width: 90%;
	}

	.TextClass {
		float: left;
	}

	body {
		padding-top: 0px;
	}

	.navbar-header {
		float: none;
	}

	.navbar-left,
	.navbar-right {
		float: none !important;
	}

	.navbar-toggle {
		display: block;
	}

	.navbar-collapse {
		border-top: 1px solid transparent;
		box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
	}

	.navbar-fixed-top {
		top: 0;
		border-width: 0 0 1px;
	}

	.navbar-collapse.collapse {
		display: none !important;
	}

	.navbar-nav {
		float: none !important;
		margin-top: 7.5px;
	}

	.navbar-nav > li {
		float: none;
	}

	.navbar-nav > li > a {
		padding-top: 10px;
		padding-bottom: 10px;
	}

	.collapse.in {
		display: block !important;
	}

	.topLinks {
		/* this changed from theirs to be more responsive */
		position: relative;
		top: -95px;
		right: -530px;
		width: 490px;
	}
}

/* "extra-small" in bootstrap - phones */
@media all and (max-device-width: 769px), all and (max-width: 769px) {
	/* use the line below to debug and see which media setting the window uses */
	/*body::before{ content: "extra-small < 769 fired"; }*/
	.centerform {
		margin: 0 auto;
		width: 100%;
	}

	.ProgressBarOuter {
		/*float: left;*/
		width: 70%;
	}

	.WideButton {
		width: 53% !important;
	}

	.MediumButton {
		width: 100% !important;
	}

	.LargeButton {
		width: 100% !important;
	}

	.DefaultCompleteButton {
		width: 53% !important;
	}
}

@viewport {
	width: device-width;
}

@-ms-viewport {
	width: device-width;
}

/* copied from old fiVI-style.css file */
/*
  
  @-ms-viewport{
    width: extend-to-zoom;
    zoom: 1.0;
  }
  */
/* attempt to prevent iOS from zooming in */
select,
textarea,
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"] {
	font-size: 16px !important;
}

#CreditCard_CVV.form-control {
	margin: 1em 0;
}