}
}
@media only screen and (min-width:0) and (max-width:64rem) {
	nav[role=navigation] {
		display: none
	}
	.list-page .accountAndAmountPanel header ul.nav-logo,
	.list-page .dates-panel header ul.nav-logo,
	.switch-cards .cards header ul.nav-logo,
	header .list-page .accountAndAmountPanel ul.nav-logo,
	header .list-page .dates-panel ul.nav-logo,
	header .switch-cards .cards ul.nav-logo,
	header ul.nav-logo {
		float: none
	}
	header .profile-dropdown-container #choose-dashboard:after,
	header .profile-dropdown-container #choose-tab:after,
	header .profile-dropdown-container-sb-header #choose-dashboard:after,
	header .profile-dropdown-container-sb-header #choose-tab:after {
		content: "";
		margin-left: 0
	}
	header .profile-dropdown-container #choose-dashboard a.active,
	header .profile-dropdown-container #choose-tab a.active,
	header .profile-dropdown-container-sb-header #choose-dashboard a.active,
	header .profile-dropdown-container-sb-header #choose-tab a.active {
		border: 0;
		padding: 0;
		font-weight: 700
	}
	header .content-wrapper-inner,
	header main {
		padding: 0
	}
	.learn-more-panel header>div.content-wrapper-inner ul.nav-menu,
	.learn-more-panel header>div.content-wrapper-inner ul.nav-sub-menu,
	.list-page .accountAndAmountPanel header>div.content-wrapper-inner ul.nav-menu,
	.list-page .accountAndAmountPanel header>div.content-wrapper-inner ul.nav-sub-menu,
	.list-page .dates-panel header>div.content-wrapper-inner ul.nav-menu,
	.list-page .dates-panel header>div.content-wrapper-inner ul.nav-sub-menu,
	.panel header>div.content-wrapper-inner ul.nav-menu,
	.panel header>div.content-wrapper-inner ul.nav-sub-menu,
	.switch-cards .cards header>div.content-wrapper-inner ul.nav-menu,
	.switch-cards .cards header>div.content-wrapper-inner ul.nav-sub-menu,
	.transparent-panel header>div.content-wrapper-inner ul.nav-menu,
	.transparent-panel header>div.content-wrapper-inner ul.nav-sub-menu,
	footer header>div.content-wrapper-inner ul.nav-menu,
	footer header>div.content-wrapper-inner ul.nav-sub-menu,
	header>div.content-wrapper-inner ul.nav-menu,
	header>div.content-wrapper-inner ul.nav-sub-menu {
		position: inherit;
		float: left;
		width: 100%;
		background: #FFF;
		text-align: left
	}
	.learn-more-panel header>div.content-wrapper-inner ul.nav-menu>li,
	.learn-more-panel header>div.content-wrapper-inner ul.nav-sub-menu>li,
	.list-page .accountAndAmountPanel header>div.content-wrapper-inner ul.nav-menu>li,
	.list-page .accountAndAmountPanel header>div.content-wrapper-inner ul.nav-sub-menu>li,
	.list-page .dates-panel header>div.content-wrapper-inner ul.nav-menu>li,
	.list-page .dates-panel header>div.content-wrapper-inner ul.nav-sub-menu>li,
	.panel header>div.content-wrapper-inner ul.nav-menu>li,
	.panel header>div.content-wrapper-inner ul.nav-sub-menu>li,
	.switch-cards .cards header>div.content-wrapper-inner ul.nav-menu>li,
	.switch-cards .cards header>div.content-wrapper-inner ul.nav-sub-menu>li,
	.transparent-panel header>div.content-wrapper-inner ul.nav-menu>li,
	.transparent-panel header>div.content-wrapper-inner ul.nav-sub-menu>li,
	footer header>div.content-wrapper-inner ul.nav-menu>li,
	footer header>div.content-wrapper-inner ul.nav-sub-menu>li,
	header>div.content-wrapper-inner .learn-more-panel ul.nav-menu>li,
	header>div.content-wrapper-inner .learn-more-panel ul.nav-sub-menu>li,
	header>div.content-wrapper-inner .list-page .accountAndAmountPanel ul.nav-menu>li,
	header>div.content-wrapper-inner .list-page .accountAndAmountPanel ul.nav-sub-menu>li,
	header>div.content-wrapper-inner .list-page .dates-panel ul.nav-menu>li,
	header>div.content-wrapper-inner .list-page .dates-panel ul.nav-sub-menu>li,
	header>div.content-wrapper-inner .panel ul.nav-menu>li,
	header>div.content-wrapper-inner .panel ul.nav-sub-menu>li,
	header>div.content-wrapper-inner .switch-cards .cards ul.nav-menu>li,
	header>div.content-wrapper-inner .switch-cards .cards ul.nav-sub-menu>li,
	header>div.content-wrapper-inner .transparent-panel ul.nav-menu>li,
	header>div.content-wrapper-inner .transparent-panel ul.nav-sub-menu>li,
	header>div.content-wrapper-inner footer ul.nav-menu>li,
	header>div.content-wrapper-inner footer ul.nav-sub-menu>li,
	header>div.content-wrapper-inner ul.nav-menu>li,
	header>div.content-wrapper-inner ul.nav-sub-menu>li {
		float: left;
		width: 100%;
		padding: 0;
		margin: 0
	}
	.learn-more-panel header>div.content-wrapper-inner ul.nav-menu>li>a,
	.learn-more-panel header>div.content-wrapper-inner ul.nav-sub-menu>li>a,
	.list-page .accountAndAmountPanel header>div.content-wrapper-inner ul.nav-menu>li>a,
	.list-page .accountAndAmountPanel header>div.content-wrapper-inner ul.nav-sub-menu>li>a,
	.list-page .dates-panel header>div.content-wrapper-inner ul.nav-menu>li>a,
	.list-page .dates-panel header>div.content-wrapper-inner ul.nav-sub-menu>li>a,
	.panel header>div.content-wrapper-inner ul.nav-menu>li>a,
	.panel header>div.content-wrapper-inner ul.nav-sub-menu>li>a,
	.switch-cards .cards header>div.content-wrapper-inner ul.nav-menu>li>a,
	.switch-cards .cards header>div.content-wrapper-inner ul.nav-sub-menu>li>a,
	.transparent-panel header>div.content-wrapper-inner ul.nav-menu>li>a,
	.transparent-panel header>div.content-wrapper-inner ul.nav-sub-menu>li>a,
	footer header>div.content-wrapper-inner ul.nav-menu>li>a,
	footer header>div.content-wrapper-inner ul.nav-sub-menu>li>a,
	header>div.content-wrapper-inner .learn-more-panel ul.nav-menu>li>a,
	header>div.content-wrapper-inner .learn-more-panel ul.nav-sub-menu>li>a,
	header>div.content-wrapper-inner .list-page .accountAndAmountPanel ul.nav-menu>li>a,
	header>div.content-wrapper-inner .list-page .accountAndAmountPanel ul.nav-sub-menu>li>a,
	header>div.content-wrapper-inner .list-page .dates-panel ul.nav-menu>li>a,
	header>div.content-wrapper-inner .list-page .dates-panel ul.nav-sub-menu>li>a,
	header>div.content-wrapper-inner .panel ul.nav-menu>li>a,
	header>div.content-wrapper-inner .panel ul.nav-sub-menu>li>a,
	header>div.content-wrapper-inner .switch-cards .cards ul.nav-menu>li>a,
	header>div.content-wrapper-inner .switch-cards .cards ul.nav-sub-menu>li>a,
	header>div.content-wrapper-inner .transparent-panel ul.nav-menu>li>a,
	header>div.content-wrapper-inner .transparent-panel ul.nav-sub-menu>li>a,
	header>div.content-wrapper-inner footer ul.nav-menu>li>a,
	header>div.content-wrapper-inner footer ul.nav-sub-menu>li>a,
	header>div.content-wrapper-inner ul.nav-menu>li>a,
	header>div.content-wrapper-inner ul.nav-sub-menu>li>a {
		float: left;
		width: 100%;
		color: #999;
		text-decoration: none
	}
	.learn-more-panel header>div.content-wrapper-inner ul.nav-sub-menu li>a,
	.list-page .accountAndAmountPanel header>div.content-wrapper-inner ul.nav-sub-menu li>a,
	.list-page .dates-panel header>div.content-wrapper-inner ul.nav-sub-menu li>a,
	.panel header>div.content-wrapper-inner ul.nav-sub-menu li>a,
	.switch-cards .cards header>div.content-wrapper-inner ul.nav-sub-menu li>a,
	.transparent-panel header>div.content-wrapper-inner ul.nav-sub-menu li>a,
	footer header>div.content-wrapper-inner ul.nav-sub-menu li>a,
	header>div.content-wrapper-inner ul.nav-sub-menu li>a {
		margin: 0;
		padding: 5px 0 5px 30px
	}
	.learn-more-panel header>div.content-wrapper-inner ul.nav-menu,
	.list-page .accountAndAmountPanel header>div.content-wrapper-inner ul.nav-menu,
	.list-page .dates-panel header>div.content-wrapper-inner ul.nav-menu,
	.panel header>div.content-wrapper-inner ul.nav-menu,
	.switch-cards .cards header>div.content-wrapper-inner ul.nav-menu,
	.transparent-panel header>div.content-wrapper-inner ul.nav-menu,
	footer header>div.content-wrapper-inner ul.nav-menu,
	header>div.content-wrapper-inner ul.nav-menu {
		position: absolute;
		left: 0;
		width: 50%
	}
	.learn-more-panel header>div.content-wrapper-inner ul.nav-menu>li>a,
	.list-page .accountAndAmountPanel header>div.content-wrapper-inner ul.nav-menu>li>a,
	.list-page .dates-panel header>div.content-wrapper-inner ul.nav-menu>li>a,
	.panel header>div.content-wrapper-inner ul.nav-menu>li>a,
	.switch-cards .cards header>div.content-wrapper-inner ul.nav-menu>li>a,
	.transparent-panel header>div.content-wrapper-inner ul.nav-menu>li>a,
	footer header>div.content-wrapper-inner ul.nav-menu>li>a,
	header>div.content-wrapper-inner .learn-more-panel ul.nav-menu>li>a,
	header>div.content-wrapper-inner .list-page .accountAndAmountPanel ul.nav-menu>li>a,
	header>div.content-wrapper-inner .list-page .dates-panel ul.nav-menu>li>a,
	header>div.content-wrapper-inner .panel ul.nav-menu>li>a,
	header>div.content-wrapper-inner .switch-cards .cards ul.nav-menu>li>a,
	header>div.content-wrapper-inner .transparent-panel ul.nav-menu>li>a,
	header>div.content-wrapper-inner footer ul.nav-menu>li>a,
	header>div.content-wrapper-inner ul.nav-menu>li>a {
		margin: 7px 0 7px 15px;
		color: #666
	}
	.learn-more-panel header>div.content-wrapper-inner ul.nav-menu>li>a>i,
	.list-page .accountAndAmountPanel header>div.content-wrapper-inner ul.nav-menu>li>a>i,
	.list-page .dates-panel header>div.content-wrapper-inner ul.nav-menu>li>a>i,
	.panel header>div.content-wrapper-inner ul.nav-menu>li>a>i,
	.switch-cards .cards header>div.content-wrapper-inner ul.nav-menu>li>a>i,
	.transparent-panel header>div.content-wrapper-inner ul.nav-menu>li>a>i,
	footer header>div.content-wrapper-inner ul.nav-menu>li>a>i,
	header>div.content-wrapper-inner .learn-more-panel ul.nav-menu>li>a>i,
	header>div.content-wrapper-inner .list-page .accountAndAmountPanel ul.nav-menu>li>a>i,
	header>div.content-wrapper-inner .list-page .dates-panel ul.nav-menu>li>a>i,
	header>div.content-wrapper-inner .panel ul.nav-menu>li>a>i,
	header>div.content-wrapper-inner .switch-cards .cards ul.nav-menu>li>a>i,
	header>div.content-wrapper-inner .transparent-panel ul.nav-menu>li>a>i,
	header>div.content-wrapper-inner footer ul.nav-menu>li>a>i,
	header>div.content-wrapper-inner ul.nav-menu>li>a>i {
		float: right;
		margin-right: 2px;
		color: #03a
	}
	header .profile-dropdown-container #choose-dashboard,
	header .profile-dropdown-container #choose-tab,
	header .profile-dropdown-container-sb-header #choose-dashboard,
	header .profile-dropdown-container-sb-header #choose-tab {
		color: #666
	}
	header a.menu-link {
		float: right;
		display: block;
		padding: .5em;
		position: absolute;
		left: 5px;
		top: 6px;
		text-decoration: none
	}
	header a.menu-link i {
		font-size: 2.3em;
		color: #FFF
	}
	header a.menu-link span {
		padding-left: 10px;
		vertical-align: 5px;
		color: #FFF;
		font-size: 19px
	}
	header #signedinas {
		position: absolute;
		right: 10px;
		top: 21px;
		padding: 0
	}
	img.menu-logo {
		display: block;
		margin: auto
	}
	.list-page .accountAndAmountPanel ul.nav-menu,
	.list-page .dates-panel ul.nav-menu,
	.switch-cards .cards ul.nav-menu,
	ul.nav-menu {
		clear: both;
		-webkit-transition: all .3s ease-out;
		-moz-transition: all .3s ease-out;
		-ms-transition: all .3s ease-out;
		-o-transition: all .3s ease-out;
		transition: all .3s ease-out;
		overflow: hidden;
		max-height: 0;
		box-shadow: 0 1px 3px rgba(0, 0, 0, .12), 0 1px 2px rgba(0, 0, 0, .24)
	}
	ul.nav-menu.active {
		max-height: 1024px
	}
}

@media only screen and (min-width:0) and (max-width:39.9375rem) {
	.learn-more-panel header>div.content-wrapper-inner ul.nav-menu,
	.learn-more-panel header>div.content-wrapper-inner ul.nav-sub-menu,
	.list-page .accountAndAmountPanel header>div.content-wrapper-inner ul.nav-menu,
	.list-page .accountAndAmountPanel header>div.content-wrapper-inner ul.nav-sub-menu,
	.list-page .dates-panel header>div.content-wrapper-inner ul.nav-menu,
	.list-page .dates-panel header>div.content-wrapper-inner ul.nav-sub-menu,
	.panel header>div.content-wrapper-inner ul.nav-menu,
	.panel header>div.content-wrapper-inner ul.nav-sub-menu,
	.switch-cards .cards header>div.content-wrapper-inner ul.nav-menu,
	.switch-cards .cards header>div.content-wrapper-inner ul.nav-sub-menu,
	.transparent-panel header>div.content-wrapper-inner ul.nav-menu,
	.transparent-panel header>div.content-wrapper-inner ul.nav-sub-menu,
	footer header>div.content-wrapper-inner ul.nav-menu,
	footer header>div.content-wrapper-inner ul.nav-sub-menu,
	header>div.content-wrapper-inner ul.nav-menu,
	header>div.content-wrapper-inner ul.nav-sub-menu {
		width: 100%
	}
}

@media only screen and (min-width:40rem) {
	#link-to-full-site {
		float: right
	}
}

.show-hide {
	transition: all linear .4s
}

.show-hide.ng-hide {
	opacity: 0
}

.fixTheBasicsFeature .ibr-icon {
	font-size: 24px
}

@media only screen and (min-width:64.063em) {
	.fixTheBasicsFeature nav.main {
		padding-left: 108px!important;
		padding-right: 108px!important
	}
}

.fixTheBasicsFeature a.menu-link span {
	vertical-align: 0
}

.fixTheBasicsFeature .preferredName {
	display: inline-block;
	margin-bottom: 5px;
	vertical-align: middle
}

@media only screen and (min-width:0) and (max-width:64rem) {
	.fixTheBasicsFeature .preferredName {
		display: none
	}
}

.fixTheBasicsFeature a.menu-link i {
	font-size: 24px
}

.fixTheBasicsFeature .position-relative {
	position: relative
}

.fixTheBasicsFeature .divider.vertical {
	width: 0;
	height: 24px;
	border-left: 2px solid #FFF;
	position: relative;
	display: inline-block;
	margin-right: 35px;
	top: 5px
}

@media only screen and (min-width:0) and (max-width:64rem) {
	.fixTheBasicsFeature .divider.vertical {
		display: none
	}
}

.fixTheBasicsFeature ul.nav-sub-menu {
	top: 62px
}

@media only screen and (min-width:64.063em) {
	.fixTheBasicsFeature ul.nav-sub-menu {
		padding-left: 89px;
		padding-right: 108px
	}
}

.fixTheBasicsFeature .move-up {
	top: 0
}

.fixTheBasicsFeature .dropdown-menu,
.fixTheBasicsFeature .right-overflow-menu {
	margin-top: 45px;
	right: 32px
}

.fixTheBasicsFeature .dropdown-menu>li:last-child>a,
.fixTheBasicsFeature .right-overflow-menu>li:last-child>a {
	border-bottom: none;
	font-size: 14px
}

.fixTheBasicsFeature ul.nav-sub-menu li>a {
	color: #444;
	font-size: 1.063em;
	padding: .938em;
	font-family: "Bentonsans Medium", Helvetica, Arial, sans-serif;
	font-weight: 500
}

@media only screen and (min-width:0) and (max-width:64rem) {
	.fixTheBasicsFeature ul.nav-sub-menu li>a {
		font-weight: none
	}
}

.fixTheBasicsFeature ul.nav-sub-menu li a:hover {
	color: #03a
}

.fixTheBasicsFeature li.menuDashboardName>a {
	font-weight: 400
}

.fixTheBasicsFeature .choose-tab-link {
	font-family: Bentonsans, Helvetica, Arial, sans-serif;
	font-size: 16px
}

.fixTheBasicsFeature #choose-dashboard:after,
.fixTheBasicsFeature #choose-tab:after {
	content: ''!important
}

.fixTheBasicsFeature .profile-dropdown-container #choose-dashboard,
.fixTheBasicsFeature .profile-dropdown-container #choose-tab {
	margin-right: 0
}

.fixTheBasicsFeature .profile-dropdown-container #choose-dashboard a.active,
.fixTheBasicsFeature .profile-dropdown-container #choose-tab a.active {
	border-bottom: .3em solid #FFF;
	padding-bottom: 14px;
	padding-left: 8px;
	padding-right: 6px
}

.fixTheBasicsFeature #signedinas {
	font-size: 16px;
	font-family: Bentonsans, Helvetica, Arial, sans-serif;
	top: 15px
}

.fixTheBasicsFeature #signedinas i {
	font-size: 1.4em
}

@media only screen and (min-width:0) and (max-width:64rem) {
	.fixTheBasicsFeature #signedinas i {
		font-size: 1.3em
	}
}

.fixTheBasicsFeature #signedinas i.ibr-icon-closed {
	margin-left: 0;
	margin-right: 2px
}

@media only screen and (min-width:0) and (max-width:64rem) {
	.fixTheBasicsFeature #signedinas i.ibr-icon-closed {
		width: 36px;
		height: 36px;
		border-radius: 4px;
		border: solid 1px #FFF;
		margin-right: 23px;
		padding-top: 6px;
		padding-right: 7px
	}
}

@media only screen and (min-width:0) and (max-width:64rem) {
	.fixTheBasicsFeature .profile-dropdown-container .tabs_list {
		display: flex;
		margin-left: 0;
		padding-left: 24px;
		padding-right: 24px
	}
	.fixTheBasicsFeature .profile-dropdown-container .tabs_list li {
		width: calc(100%/2);
		height: 56px;
		padding-top: 21px;
		padding-bottom: 21px;
		text-align: center
	}
	.fixTheBasicsFeature .profile-dropdown-container .tabs_list li a {
		text-decoration: none;
		font-size: 14px;
		font-family: Bentonsans, Helvetica, Arial, sans-serif;
		font-weight: 400;
		padding: 21px 0 21px!important;
		color: #444!important
	}
	.fixTheBasicsFeature .profile-dropdown-container .tabs_list li a.active {
		color: #03a!important
	}
	.fixTheBasicsFeature .profile-dropdown-container .tabs_list .active-border {
		border-bottom: .3em solid #03a!important
	}
	.fixTheBasicsFeature .profile-dropdown-container #choose-dashboard,
	.fixTheBasicsFeature .profile-dropdown-container #choose-tab {
		margin-right: 0;
		text-decoration: none;
		border-bottom: none
	}
	.fixTheBasicsFeature .profile-dropdown-container #choose-dashboard a.active,
	.fixTheBasicsFeature .profile-dropdown-container #choose-tab a.active {
		border-bottom: none
	}
	.fixTheBasicsFeature .learn-more-panel ul.nav-menu>li>ul.nav-sub-menu li,
	.fixTheBasicsFeature .list-page .accountAndAmountPanel ul.nav-menu>li>ul.nav-sub-menu li,
	.fixTheBasicsFeature .list-page .dates-panel ul.nav-menu>li>ul.nav-sub-menu li,
	.fixTheBasicsFeature .panel ul.nav-menu>li>ul.nav-sub-menu li,
	.fixTheBasicsFeature .switch-cards .cards ul.nav-menu>li>ul.nav-sub-menu li,
	.fixTheBasicsFeature .transparent-panel ul.nav-menu>li>ul.nav-sub-menu li,
	.fixTheBasicsFeature footer ul.nav-menu>li>ul.nav-sub-menu li,
	.fixTheBasicsFeature ul.nav-menu>li>ul.nav-sub-menu li,
	.list-page .accountAndAmountPanel .fixTheBasicsFeature .dates-panel ul.nav-menu>li>ul.nav-sub-menu li,
	.list-page .dates-panel .fixTheBasicsFeature .accountAndAmountPanel ul.nav-menu>li>ul.nav-sub-menu li {
		height: 48px;
		border-bottom: none
	}
	.fixTheBasicsFeature .learn-more-panel ul.nav-menu>li>ul.nav-sub-menu li a,
	.fixTheBasicsFeature .list-page .accountAndAmountPanel ul.nav-menu>li>ul.nav-sub-menu li a,
	.fixTheBasicsFeature .list-page .dates-panel ul.nav-menu>li>ul.nav-sub-menu li a,
	.fixTheBasicsFeature .panel ul.nav-menu>li>ul.nav-sub-menu li a,
	.fixTheBasicsFeature .switch-cards .cards ul.nav-menu>li>ul.nav-sub-menu li a,
	.fixTheBasicsFeature .transparent-panel ul.nav-menu>li>ul.nav-sub-menu li a,
	.fixTheBasicsFeature footer ul.nav-menu>li>ul.nav-sub-menu li a,
	.fixTheBasicsFeature ul.nav-menu>li>ul.nav-sub-menu li a,
	.list-page .accountAndAmountPanel .fixTheBasicsFeature .dates-panel ul.nav-menu>li>ul.nav-sub-menu li a,
	.list-page .dates-panel .fixTheBasicsFeature .accountAndAmountPanel ul.nav-menu>li>ul.nav-sub-menu li a {
		color: #444!important;
		font-size: 14px;
		font-weight: 400;
		font-family: Bentonsans, Helvetica, Arial, sans-serif;
		padding: 21px 0 16px 60px
	}
	.fixTheBasicsFeature ul.nav-menu.active {
		height: 1024px
	}
	.fixTheBasicsFeature ul.nav-menu {
		width: 100%!important
	}
	.fixTheBasicsFeature ul.nav-menu li {
		border-bottom: 1px solid #ccc;
		margin: 0;
		color: #FFF
	}
	.fixTheBasicsFeature ul.nav-menu li a {
		height: 56px;
		color: #03a!important;
		padding: 23px 12px 20px 24px;
		margin: 0!important;
		font-size: 14px;
		font-weight: 500;
		font-family: "Bentonsans Medium", Helvetica, Arial, sans-serif
	}
	.fixTheBasicsFeature ul.nav-menu li a>i {
		font-size: 24px;
		margin-right: 12px
	}
	.fixTheBasicsFeature ul.nav-menu li a>i.menu-icon {
		float: left!important;
		margin-right: 12px
	}
	.fixTheBasicsFeature ul.nav-menu li ul.tabs-item-content {
		margin-left: 0;
		margin-bottom: -1px
	}
	.fixTheBasicsFeature ul.nav-menu li ul.tabs-item-content li:first-child {
		padding-top: 50px
	}
	.fixTheBasicsFeature ul.nav-menu li ul.tabs-item-content li:last-child {
		border-bottom: none!important
	}
	.fixTheBasicsFeature ul.nav-menu .online-banking-menu-item {
		height: 56px;
		padding-top: 16px;
		padding-left: 24px
	}
	.fixTheBasicsFeature ul.nav-menu .online-banking-menu-item a {
		padding: 0!important;
		text-decoration: none!important
	}
	.fixTheBasicsFeature ul.nav-menu .dynamic-main-menu {
		border-bottom: none
	}
}

@media only screen and (min-width:0) and (max-width:64rem) and (min-width:0) and (max-width:39.9375rem) {
	.fixTheBasicsFeature .online-banking-menu-item {
		padding-left: 16px!important
	}
	.fixTheBasicsFeature .profile-dropdown-container .tabs_list {
		display: flex;
		padding-left: 16px;
		padding-right: 16px
	}
	.fixTheBasicsFeature .profile-dropdown-container .tabs_list li {
		text-align: center;
		height: 60px;
		padding-top: 21px;
		padding-bottom: 21px
	}
	.fixTheBasicsFeature .profile-dropdown-container .tabs_list li a {
		padding: 12px 0!important;
		color: #767676
	}
	.fixTheBasicsFeature .profile-dropdown-container .tabs_list .active-border {
		border-bottom: .3em solid #03a!important
	}
	.fixTheBasicsFeature .profile-dropdown-container #choose-dashboard,
	.fixTheBasicsFeature .profile-dropdown-container #choose-tab {
		margin-right: 0;
		text-decoration: none;
		border-bottom: none
	}
	.fixTheBasicsFeature .profile-dropdown-container #choose-dashboard a.active,
	.fixTheBasicsFeature .profile-dropdown-container #choose-tab a.active {
		border-bottom: none
	}
	.fixTheBasicsFeature .learn-more-panel ul.nav-menu>li>ul.nav-sub-menu li,
	.fixTheBasicsFeature .list-page .accountAndAmountPanel ul.nav-menu>li>ul.nav-sub-menu li,
	.fixTheBasicsFeature .list-page .dates-panel ul.nav-menu>li>ul.nav-sub-menu li,
	.fixTheBasicsFeature .panel ul.nav-menu>li>ul.nav-sub-menu li,
	.fixTheBasicsFeature .switch-cards .cards ul.nav-menu>li>ul.nav-sub-menu li,
	.fixTheBasicsFeature .transparent-panel ul.nav-menu>li>ul.nav-sub-menu li,
	.fixTheBasicsFeature footer ul.nav-menu>li>ul.nav-sub-menu li,
	.fixTheBasicsFeature ul.nav-menu>li>ul.nav-sub-menu li,
	.list-page .accountAndAmountPanel .fixTheBasicsFeature .dates-panel ul.nav-menu>li>ul.nav-sub-menu li,
	.list-page .dates-panel .fixTheBasicsFeature .accountAndAmountPanel ul.nav-menu>li>ul.nav-sub-menu li {
		height: 48px
	}
	.fixTheBasicsFeature .learn-more-panel ul.nav-menu>li>ul.nav-sub-menu li a,
	.fixTheBasicsFeature .list-page .accountAndAmountPanel ul.nav-menu>li>ul.nav-sub-menu li a,
	.fixTheBasicsFeature .list-page .dates-panel ul.nav-menu>li>ul.nav-sub-menu li a,
	.fixTheBasicsFeature .panel ul.nav-menu>li>ul.nav-sub-menu li a,
	.fixTheBasicsFeature .switch-cards .cards ul.nav-menu>li>ul.nav-sub-menu li a,
	.fixTheBasicsFeature .transparent-panel ul.nav-menu>li>ul.nav-sub-menu li a,
	.fixTheBasicsFeature footer ul.nav-menu>li>ul.nav-sub-menu li a,
	.fixTheBasicsFeature ul.nav-menu>li>ul.nav-sub-menu li a,
	.list-page .accountAndAmountPanel .fixTheBasicsFeature .dates-panel ul.nav-menu>li>ul.nav-sub-menu li a,
	.list-page .dates-panel .fixTheBasicsFeature .accountAndAmountPanel ul.nav-menu>li>ul.nav-sub-menu li a {
		border-bottom: none;
		color: #444!important;
		font-size: 14px;
		font-weight: 400;
		font-family: Bentonsans, Helvetica, Arial, sans-serif;
		padding: 21px 0 16px 60px
	}
	.fixTheBasicsFeature ul.nav-menu.active {
		height: 1024px
	}
	.fixTheBasicsFeature ul.nav-menu {
		width: 100%!important
	}
	.fixTheBasicsFeature ul.nav-menu li {
		margin: 0
	}
	.fixTheBasicsFeature ul.nav-menu li a {
		height: 56px;
		color: #03a!important;
		padding: 23px 0 20px 16px;
		margin: 0!important;
		font-size: 14px;
		font-weight: 500;
		font-family: "Bentonsans Medium", Helvetica, Arial, sans-serif
	}
	.fixTheBasicsFeature ul.nav-menu li ul.tabs-item-content {
		margin-left: 0
	}
	.fixTheBasicsFeature ul.nav-menu li ul.tabs-item-content li:first-child {
		padding-top: 38px
	}
}

@media only screen and (max-width:375px) {
	.fixTheBasicsFeature .profile-dropdown-container .tabs_list li {
		padding-top: 11px!important;
		padding-bottom: 11px!important
	}
}

@media only screen and (max-width:320px) {
	.fixTheBasicsFeature .extend-width {
		max-width: 150px!important
	}
	.fixTheBasicsFeature .profile-dropdown-container .tabs_list li {
		padding-top: 11px!important;
		padding-bottom: 11px!important;
		max-width: 134px
	}
}

.addSbHeaderToIbrFeature .ibr-icon {
	font-size: 24px
}

@media only screen and (min-width:64.063em) {
	.addSbHeaderToIbrFeature nav.main {
		padding-left: 108px!important;
		padding-right: 108px!important
	}
}

.addSbHeaderToIbrFeature a.menu-link span {
	vertical-align: 0
}

.addSbHeaderToIbrFeature .preferredName {
	display: inline-block;
	margin-bottom: 5px;
	vertical-align: middle
}

@media only screen and (min-width:0) and (max-width:64rem) {
	.addSbHeaderToIbrFeature .preferredName {
		display: none
	}
}

.addSbHeaderToIbrFeature a.menu-link i {
	font-size: 24px
}

.addSbHeaderToIbrFeature .position-relative {
	position: relative
}

.addSbHeaderToIbrFeature .divider.vertical {
	width: 0;
	height: 24px;
	border-left: 2px solid #FFF;
	position: relative;
	display: inline-block;
	margin-right: 35px;
	top: 5px
}

@media only screen and (min-width:0) and (max-width:64rem) {
	.addSbHeaderToIbrFeature .divider.vertical {
		display: none
	}
}

@media only screen and (min-width:64.063em) {
	.addSbHeaderToIbrFeature ul.nav-sub-menu {
		padding-right: 35px
	}
}

.addSbHeaderToIbrFeature .move-up {
	top: 0
}

.addSbHeaderToIbrFeature .dropdown-menu,
.addSbHeaderToIbrFeature .right-overflow-menu {
	right: 32px
}

.addSbHeaderToIbrFeature .dropdown-menu>li:last-child>a,
.addSbHeaderToIbrFeature .right-overflow-menu>li:last-child>a {
	border-bottom: none;
	font-size: 14px
}

.addSbHeaderToIbrFeature ul.nav-sub-menu li>a {
	color: #444;
	font-size: 1.063em;
	padding: .938em;
	font-family: "Bentonsans Medium", Helvetica, Arial, sans-serif;
	font-weight: 500
}

@media only screen and (min-width:0) and (max-width:64rem) {
	.addSbHeaderToIbrFeature ul.nav-sub-menu li>a {
		font-weight: none
	}
}

.addSbHeaderToIbrFeature ul.nav-sub-menu li a:hover {
	color: #03a
}

.addSbHeaderToIbrFeature li.menuDashboardName>a {
	font-weight: 400
}

.addSbHeaderToIbrFeature .choose-tab-link {
	font-family: Bentonsans, Helvetica, Arial, sans-serif;
	font-size: 16px
}

.addSbHeaderToIbrFeature #choose-dashboard:after,
.addSbHeaderToIbrFeature #choose-tab:after {
	content: ''!important
}

.addSbHeaderToIbrFeature .profile-dropdown-container-sb-header #choose-dashboard,
.addSbHeaderToIbrFeature .profile-dropdown-container-sb-header #choose-tab {
	margin-right: 0
}

.addSbHeaderToIbrFeature .profile-dropdown-container-sb-header #choose-dashboard a.active,
.addSbHeaderToIbrFeature .profile-dropdown-container-sb-header #choose-tab a.active {
	border-bottom: .3em solid #FFF;
	padding-bottom: 14px;
	padding-left: 8px;
	padding-right: 6px
}

.addSbHeaderToIbrFeature #signedinas {
	font-size: 16px;
	font-family: Bentonsans, Helvetica, Arial, sans-serif;
	top: 15px
}

.addSbHeaderToIbrFeature #signedinas i {
	font-size: 1.4em
}

@media only screen and (min-width:0) and (max-width:64rem) {
	.addSbHeaderToIbrFeature #signedinas i {
		font-size: 1.3em
	}
}

.addSbHeaderToIbrFeature #signedinas i.ibr-icon-closed {
	margin-left: 0;
	margin-right: 2px
}

@media only screen and (min-width:0) and (max-width:64rem) {
	.addSbHeaderToIbrFeature #signedinas i.ibr-icon-closed {
		width: 36px;
		height: 36px;
		border-radius: 4px;
		border: solid 1px #FFF;
		margin-right: 23px;
		padding-top: 6px;
		padding-right: 7px
	}
}

@media only screen and (min-width:0) and (max-width:64rem) {
	.addSbHeaderToIbrFeature .profile-dropdown-container-sb-header .tabs_list {
		display: flex;
		margin-left: 0;
		padding-left: 24px;
		padding-right: 24px
	}
	.addSbHeaderToIbrFeature .profile-dropdown-container-sb-header .tabs_list li {
		width: calc(100%/2);
		height: 56px;
		padding-top: 21px;
		padding-bottom: 21px;
		text-align: center
	}
	.addSbHeaderToIbrFeature .profile-dropdown-container-sb-header .tabs_list li a {
		text-decoration: none;
		font-size: 14px;
		font-family: Bentonsans, Helvetica, Arial, sans-serif;
		font-weight: 400;
		padding: 21px 0 21px!important;
		color: #444!important
	}
	.addSbHeaderToIbrFeature .profile-dropdown-container-sb-header .tabs_list li a.active {
		color: #03a!important
	}
	.addSbHeaderToIbrFeature .profile-dropdown-container-sb-header .tabs_list .active-border {
		border-bottom: .3em solid #03a!important
	}
	.addSbHeaderToIbrFeature .profile-dropdown-container-sb-header #choose-dashboard,
	.addSbHeaderToIbrFeature .profile-dropdown-container-sb-header #choose-tab {
		margin-right: 0;
		text-decoration: none;
		border-bottom: none
	}
	.addSbHeaderToIbrFeature .profile-dropdown-container-sb-header #choose-dashboard a.active,
	.addSbHeaderToIbrFeature .profile-dropdown-container-sb-header #choose-tab a.active {
		border-bottom: none
	}
	.addSbHeaderToIbrFeature .learn-more-panel ul.nav-menu>li>ul.nav-sub-menu li,
	.addSbHeaderToIbrFeature .list-page .accountAndAmountPanel ul.nav-menu>li>ul.nav-sub-menu li,
	.addSbHeaderToIbrFeature .list-page .dates-panel ul.nav-menu>li>ul.nav-sub-menu li,
	.addSbHeaderToIbrFeature .panel ul.nav-menu>li>ul.nav-sub-menu li,
	.addSbHeaderToIbrFeature .switch-cards .cards ul.nav-menu>li>ul.nav-sub-menu li,
	.addSbHeaderToIbrFeature .transparent-panel ul.nav-menu>li>ul.nav-sub-menu li,
	.addSbHeaderToIbrFeature footer ul.nav-menu>li>ul.nav-sub-menu li,
	.addSbHeaderToIbrFeature ul.nav-menu>li>ul.nav-sub-menu li,
	.list-page .accountAndAmountPanel .addSbHeaderToIbrFeature .dates-panel ul.nav-menu>li>ul.nav-sub-menu li,
	.list-page .dates-panel .addSbHeaderToIbrFeature .accountAndAmountPanel ul.nav-menu>li>ul.nav-sub-menu li {
		height: 48px;
		border-bottom: none
	}
	.addSbHeaderToIbrFeature .learn-more-panel ul.nav-menu>li>ul.nav-sub-menu li a,
	.addSbHeaderToIbrFeature .list-page .accountAndAmountPanel ul.nav-menu>li>ul.nav-sub-menu li a,
	.addSbHeaderToIbrFeature .list-page .dates-panel ul.nav-menu>li>ul.nav-sub-menu li a,
	.addSbHeaderToIbrFeature .panel ul.nav-menu>li>ul.nav-sub-menu li a,
	.addSbHeaderToIbrFeature .switch-cards .cards ul.nav-menu>li>ul.nav-sub-menu li a,
	.addSbHeaderToIbrFeature .transparent-panel ul.nav-menu>li>ul.nav-sub-menu li a,
	.addSbHeaderToIbrFeature footer ul.nav-menu>li>ul.nav-sub-menu li a,
	.addSbHeaderToIbrFeature ul.nav-menu>li>ul.nav-sub-menu li a,
	.list-page .accountAndAmountPanel .addSbHeaderToIbrFeature .dates-panel ul.nav-menu>li>ul.nav-sub-menu li a,
	.list-page .dates-panel .addSbHeaderToIbrFeature .accountAndAmountPanel ul.nav-menu>li>ul.nav-sub-menu li a {
		color: #444!important;
		font-size: 14px;
		font-weight: 400;
		font-family: Bentonsans, Helvetica, Arial, sans-serif;
		padding: 21px 0 16px 60px
	}
	.addSbHeaderToIbrFeature ul.nav-menu.active {
		height: 1024px
	}
	.addSbHeaderToIbrFeature ul.nav-menu {
		width: 100%!important
	}
	.addSbHeaderToIbrFeature ul.nav-menu li {
		border-bottom: 1px solid #ccc;
		margin: 0;
		color: #FFF
	}
	.addSbHeaderToIbrFeature ul.nav-menu li a {
		height: 56px;
		color: #03a!important;
		padding: 23px 12px 20px 24px;
		margin: 0!important;
		font-size: 14px;
		font-weight: 500;
		font-family: "Bentonsans Medium", Helvetica, Arial, sans-serif
	}
	.addSbHeaderToIbrFeature ul.nav-menu li a>i {
		font-size: 24px;
		margin-right: 12px
	}
	.addSbHeaderToIbrFeature ul.nav-menu li a>i.menu-icon {
		float: left!important;
		margin-right: 12px
	}
	.addSbHeaderToIbrFeature ul.nav-menu li ul.tabs-item-content {
		margin-left: 0;
		margin-bottom: -1px
	}
	.addSbHeaderToIbrFeature ul.nav-menu li ul.tabs-item-content li:first-child {
		padding-top: 50px
	}
	.addSbHeaderToIbrFeature ul.nav-menu li ul.tabs-item-content li:last-child {
		border-bottom: none!important
	}
	.addSbHeaderToIbrFeature ul.nav-menu .online-banking-menu-item {
		height: 56px;
		padding-top: 16px;
		padding-left: 24px
	}
	.addSbHeaderToIbrFeature ul.nav-menu .online-banking-menu-item a {
		padding: 0!important;
		text-decoration: none!important
	}
	.addSbHeaderToIbrFeature ul.nav-menu .dynamic-main-menu {
		border-bottom: none
	}
}

@media only screen and (min-width:0) and (max-width:64rem) and (min-width:0) and (max-width:39.9375rem) {
	.addSbHeaderToIbrFeature .online-banking-menu-item {
		padding-left: 16px!important
	}
	.addSbHeaderToIbrFeature .profile-dropdown-container-sb-header .tabs_list {
		display: flex;
		padding-left: 16px;
		padding-right: 16px
	}
	.addSbHeaderToIbrFeature .profile-dropdown-container-sb-header .tabs_list li {
		text-align: center;
		height: 60px;
		padding-top: 21px;
		padding-bottom: 21px
	}
	.addSbHeaderToIbrFeature .profile-dropdown-container-sb-header .tabs_list li a {
		padding: 12px 0!important;
		color: #767676
	}
	.addSbHeaderToIbrFeature .profile-dropdown-container-sb-header .tabs_list .active-border {
		border-bottom: .3em solid #03a!important
	}
	.addSbHeaderToIbrFeature .profile-dropdown-container-sb-header #choose-dashboard,
	.addSbHeaderToIbrFeature .profile-dropdown-container-sb-header #choose-tab {
		margin-right: 0;
		text-decoration: none;
		border-bottom: none
	}
	.addSbHeaderToIbrFeature .profile-dropdown-container-sb-header #choose-dashboard a.active,
	.addSbHeaderToIbrFeature .profile-dropdown-container-sb-header #choose-tab a.active {
		border-bottom: none
	}
	.addSbHeaderToIbrFeature .learn-more-panel ul.nav-menu>li>ul.nav-sub-menu li,
	.addSbHeaderToIbrFeature .list-page .accountAndAmountPanel ul.nav-menu>li>ul.nav-sub-menu li,
	.addSbHeaderToIbrFeature .list-page .dates-panel ul.nav-menu>li>ul.nav-sub-menu li,
	.addSbHeaderToIbrFeature .panel ul.nav-menu>li>ul.nav-sub-menu li,
	.addSbHeaderToIbrFeature .switch-cards .cards ul.nav-menu>li>ul.nav-sub-menu li,
	.addSbHeaderToIbrFeature .transparent-panel ul.nav-menu>li>ul.nav-sub-menu li,
	.addSbHeaderToIbrFeature footer ul.nav-menu>li>ul.nav-sub-menu li,
	.addSbHeaderToIbrFeature ul.nav-menu>li>ul.nav-sub-menu li,
	.list-page .accountAndAmountPanel .addSbHeaderToIbrFeature .dates-panel ul.nav-menu>li>ul.nav-sub-menu li,
	.list-page .dates-panel .addSbHeaderToIbrFeature .accountAndAmountPanel ul.nav-menu>li>ul.nav-sub-menu li {
		height: 48px
	}
	.addSbHeaderToIbrFeature .learn-more-panel ul.nav-menu>li>ul.nav-sub-menu li a,
	.addSbHeaderToIbrFeature .list-page .accountAndAmountPanel ul.nav-menu>li>ul.nav-sub-menu li a,
	.addSbHeaderToIbrFeature .list-page .dates-panel ul.nav-menu>li>ul.nav-sub-menu li a,
	.addSbHeaderToIbrFeature .panel ul.nav-menu>li>ul.nav-sub-menu li a,
	.addSbHeaderToIbrFeature .switch-cards .cards ul.nav-menu>li>ul.nav-sub-menu li a,
	.addSbHeaderToIbrFeature .transparent-panel ul.nav-menu>li>ul.nav-sub-menu li a,
	.addSbHeaderToIbrFeature footer ul.nav-menu>li>ul.nav-sub-menu li a,
	.addSbHeaderToIbrFeature ul.nav-menu>li>ul.nav-sub-menu li a,
	.list-page .accountAndAmountPanel .addSbHeaderToIbrFeature .dates-panel ul.nav-menu>li>ul.nav-sub-menu li a,
	.list-page .dates-panel .addSbHeaderToIbrFeature .accountAndAmountPanel ul.nav-menu>li>ul.nav-sub-menu li a {
		border-bottom: none;
		color: #444!important;
		font-size: 14px;
		font-weight: 400;
		font-family: Bentonsans, Helvetica, Arial, sans-serif;
		padding: 21px 0 16px 60px
	}
	.addSbHeaderToIbrFeature ul.nav-menu.active {
		height: 1024px
	}
	.addSbHeaderToIbrFeature ul.nav-menu {
		width: 100%!important
	}
	.addSbHeaderToIbrFeature ul.nav-menu li {
		margin: 0
	}
	.addSbHeaderToIbrFeature ul.nav-menu li a {
		height: 56px;
		color: #03a!important;
		padding: 23px 0 20px 16px;
		margin: 0!important;
		font-size: 14px;
		font-weight: 500;
		font-family: "Bentonsans Medium", Helvetica, Arial, sans-serif
	}
	.addSbHeaderToIbrFeature ul.nav-menu li ul.tabs-item-content {
		margin-left: 0
	}
	.addSbHeaderToIbrFeature ul.nav-menu li ul.tabs-item-content li:first-child {
		padding-top: 38px
	}
}

@media only screen and (max-width:375px) {
	.addSbHeaderToIbrFeature .profile-dropdown-container-sb-header .tabs_list li {
		padding-top: 11px!important;
		padding-bottom: 11px!important
	}
}

@media only screen and (max-width:320px) {
	.addSbHeaderToIbrFeature .extend-width {
		max-width: 150px!important
	}
	.addSbHeaderToIbrFeature .profile-dropdown-container-sb-header .tabs_list li {
		padding-top: 11px!important;
		padding-bottom: 11px!important;
		max-width: 134px
	}
}

.content {
	padding-bottom: 6.5rem
}

@media print {
	.content {
		padding-bottom: 1em
	}
}

.content.with-tall-footer {
	padding-bottom: 22rem
}

@media only screen and (min-width:40rem) {
	.content {
		padding-bottom: 3.5rem
	}
	.content.with-tall-footer {
		padding-bottom: 11rem
	}
}

footer {
	position: absolute;
	min-height: 3.5rem;
	bottom: 0;
	left: 0;
	width: 100%;
	right: 0
}

footer.migration-login.login {
	bottom: 15px
}

.account-setup-class footer.migration-login>div.info.row,
.additional-information-class footer.migration-login>div.info.row,
.credit-card-delivery-class footer.migration-login>div.info.row,
.login footer.migration-login>div.info.panel-row,
.profile-view-container footer.migration-login>div.info.payment-detail-summary-row,
.profile-view-container footer.migration-login>div.info.profile-view,
.profile-view-container footer.migration-login>div.info.summary-row,
.profile-view-container footer.migration-login>div.info.summary-row-pending-payment,
.profile-view-container footer.migration-login>div.info.summary-row-pending-payment-header,
.profile-view-container footer.migration-login>div.info.summary-split-row,
.summary footer.migration-login>div.info.payment-detail-summary-row,
.summary footer.migration-login>div.info.summary-row,
.summary footer.migration-login>div.info.summary-row-pending-payment,
.summary footer.migration-login>div.info.summary-row-pending-payment-header,
.summary footer.migration-login>div.info.summary-split-row,
footer.migration-login>div.info.pending-payment-header-row,
footer.migration-login>div.row.info {
	overflow: auto;
	overflow-x: hidden
}

@media only screen and (min-width:40rem) {
	.account-setup-class footer.migration-login>div.info.row,
	.additional-information-class footer.migration-login>div.info.row,
	.credit-card-delivery-class footer.migration-login>div.info.row,
	.login footer.migration-login>div.info.panel-row,
	.profile-view-container .fix-basics-savings-invests footer.migration-login>div.info.summary-row,
	.profile-view-container .savings-investments footer.migration-login>div.info.summary-row,
	.profile-view-container .summary footer.migration-login>div.info.profile-view,
	.profile-view-container footer.migration-login>div.info.payment-detail-summary-row,
	.profile-view-container footer.migration-login>div.info.profile-view,
	.profile-view-container footer.migration-login>div.info.summary-row,
	.profile-view-container footer.migration-login>div.info.summary-row-pending-payment,
	.profile-view-container footer.migration-login>div.info.summary-row-pending-payment-header,
	.profile-view-container footer.migration-login>div.info.summary-split-row,
	.summary .fix-basics-savings-invests footer.migration-login>div.info.summary-row,
	.summary .savings-investments footer.migration-login>div.info.summary-row,
	.summary footer.migration-login>div.info.payment-detail-summary-row,
	.summary footer.migration-login>div.info.summary-row,
	.summary footer.migration-login>div.info.summary-row-pending-payment,
	.summary footer.migration-login>div.info.summary-row-pending-payment-header,
	.summary footer.migration-login>div.info.summary-split-row,
	footer.migration-login>div.info.pending-payment-header-row,
	footer.migration-login>div.row.info {
		padding: 1.5em 2.6em 1.5em 2.5em
	}
	.account-setup-class footer.migration-login>div.info.no-padding-top.row,
	.additional-information-class footer.migration-login>div.info.no-padding-top.row,
	.credit-card-delivery-class footer.migration-login>div.info.no-padding-top.row,
	.login footer.migration-login>div.info.no-padding-top.panel-row,
	.profile-view-container footer.migration-login>div.info.no-padding-top.payment-detail-summary-row,
	.profile-view-container footer.migration-login>div.info.no-padding-top.profile-view,
	.profile-view-container footer.migration-login>div.info.no-padding-top.summary-row,
	.profile-view-container footer.migration-login>div.info.no-padding-top.summary-row-pending-payment,
	.profile-view-container footer.migration-login>div.info.no-padding-top.summary-row-pending-payment-header,
	.profile-view-container footer.migration-login>div.info.no-padding-top.summary-split-row,
	.summary footer.migration-login>div.info.no-padding-top.payment-detail-summary-row,
	.summary footer.migration-login>div.info.no-padding-top.summary-row,
	.summary footer.migration-login>div.info.no-padding-top.summary-row-pending-payment,
	.summary footer.migration-login>div.info.no-padding-top.summary-row-pending-payment-header,
	.summary footer.migration-login>div.info.no-padding-top.summary-split-row,
	footer.migration-login>div.info.no-padding-top.pending-payment-header-row,
	footer.migration-login>div.row.info.no-padding-top {
		padding-top: 0
	}
}

@media only screen and (min-width:64.063em) {
	.account-setup-class footer.migration-login>div.info.row,
	.additional-information-class footer.migration-login>div.info.row,
	.credit-card-delivery-class footer.migration-login>div.info.row,
	.login footer.migration-login>div.info.panel-row,
	.profile-view-container .fix-basics-savings-invests footer.migration-login>div.info.summary-row,
	.profile-view-container .savings-investments footer.migration-login>div.info.summary-row,
	.profile-view-container .summary footer.migration-login>div.info.profile-view,
	.profile-view-container footer.migration-login>div.info.payment-detail-summary-row,
	.profile-view-container footer.migration-login>div.info.profile-view,
	.profile-view-container footer.migration-login>div.info.summary-row,
	.profile-view-container footer.migration-login>div.info.summary-row-pending-payment,
	.profile-view-container footer.migration-login>div.info.summary-row-pending-payment-header,
	.profile-view-container footer.migration-login>div.info.summary-split-row,
	.summary .fix-basics-savings-invests footer.migration-login>div.info.summary-row,
	.summary .savings-investments footer.migration-login>div.info.summary-row,
	.summary footer.migration-login>div.info.payment-detail-summary-row,
	.summary footer.migration-login>div.info.summary-row,
	.summary footer.migration-login>div.info.summary-row-pending-payment,
	.summary footer.migration-login>div.info.summary-row-pending-payment-header,
	.summary footer.migration-login>div.info.summary-split-row,
	footer.migration-login>div.info.pending-payment-header-row,
	footer.migration-login>div.row.info {
		max-width: 1200px;
		margin: auto!important
	}
}

footer:not(.migration-login) {
	background-color: #FFF;
	color: #015da8;
	font-size: .85em;
	border-top: 1px solid #015da8;
	padding: 1rem
}

footer:not(.migration-login) img {
	float: left;
	margin-right: 1em
}

.list-page .accountAndAmountPanel footer:not(.migration-login) ul,
.list-page .dates-panel footer:not(.migration-login) ul,
.switch-cards .cards footer:not(.migration-login) ul,
footer:not(.migration-login) .list-page .accountAndAmountPanel ul,
footer:not(.migration-login) .list-page .dates-panel ul,
footer:not(.migration-login) .switch-cards .cards ul,
footer:not(.migration-login) ul {
	float: right
}

.list-page .accountAndAmountPanel footer:not(.migration-login) ul li,
.list-page .dates-panel footer:not(.migration-login) ul li,
.switch-cards .cards footer:not(.migration-login) ul li,
footer:not(.migration-login) .list-page .accountAndAmountPanel ul li,
footer:not(.migration-login) .list-page .dates-panel ul li,
footer:not(.migration-login) .switch-cards .cards ul li,
footer:not(.migration-login) ul li {
	display: inline-block;
	color: #015da8
}

footer:not(.migration-login) ul li .icomoon-security {
	position: relative;
	padding: 0 .5em;
	font-size: 1.2em
}

footer:not(.migration-login) p {
	padding-top: 0;
	color: #015da8;
	font-size: .9em;
	margin-left: 3em
}

@media only screen and (min-width:40rem) {
	footer:not(.migration-login) p {
		padding-top: .5em
	}
}

footer:not(.migration-login) a {
	font-size: .9em;
	text-decoration: none;
	margin-left: 1.3em;
	color: #015da8
}

footer:not(.migration-login) a:visited {
	color: #015da8
}

footer:not(.migration-login) a:hover {
	text-decoration: underline;
	color: #015da8
}

.content-wrapper {
	min-height: 100%;
	position: relative
}

.smalltext {
	display: block;
	padding-left: 21px;
	height: 16px;
	font-family: Bentonsans, Helvetica, Arial, sans-serif;
	font-size: 12px;
	font-weight: 400;
	font-style: normal;
	font-stretch: normal;
	line-height: 1.33;
	text-align: justify;
	color: #666
}

.learn-more-panel ul.inline-block>li,
.list-page .accountAndAmountPanel ul.inline-block>li,
.list-page .dates-panel ul.inline-block>li,
.panel ul.inline-block>li,
.switch-cards .cards ul.inline-block>li,
.transparent-panel ul.inline-block>li,
footer ul.inline-block>li,
ul.inline-block>li {
	display: inline-block
}

nav {
	background: #FFF
}

nav:after,
nav:before {
	content: " ";
	display: table
}

nav:after {
	clear: both
}

.learn-more-panel nav ul li,
.list-page .accountAndAmountPanel nav ul li,
.list-page .dates-panel nav ul li,
.panel nav ul li,
.switch-cards .cards nav ul li,
.transparent-panel nav ul li,
nav .learn-more-panel ul li,
nav .list-page .accountAndAmountPanel ul li,
nav .list-page .dates-panel ul li,
nav .panel ul li,
nav .switch-cards .cards ul li,
nav .transparent-panel ul li,
nav ul li {
	margin: 0;
	padding: 0;
	float: left
}

.learn-more-panel nav ul li>a,
.list-page .accountAndAmountPanel nav ul li>a,
.list-page .dates-panel nav ul li>a,
.panel nav ul li>a,
.switch-cards .cards nav ul li>a,
.transparent-panel nav ul li>a,
nav .learn-more-panel ul li>a,
nav .list-page .accountAndAmountPanel ul li>a,
nav .list-page .dates-panel ul li>a,
nav .panel ul li>a,
nav .switch-cards .cards ul li>a,
nav .transparent-panel ul li>a,
nav ul li>a {
	color: #779db4;
	position: relative;
	display: inline-block;
	font-size: 1em;
	text-decoration: none;
	margin-bottom: 0;
	outline: 0
}

.learn-more-panel nav ul li>a:after,
.list-page .accountAndAmountPanel nav ul li>a:after,
.list-page .dates-panel nav ul li>a:after,
.panel nav ul li>a:after,
.switch-cards .cards nav ul li>a:after,
.transparent-panel nav ul li>a:after,
nav .learn-more-panel ul li>a:after,
nav .list-page .accountAndAmountPanel ul li>a:after,
nav .list-page .dates-panel ul li>a:after,
nav .panel ul li>a:after,
nav .switch-cards .cards ul li>a:after,
nav .transparent-panel ul li>a:after,
nav ul li>a:after {
	content: "";
	border-right: solid 2px rgba(255, 255, 255, .6);
	position: absolute;
	right: 0;
	top: .5em;
	bottom: .5em;
	color: rgba(255, 255, 255, .6)
}

.list-page .accountAndAmountPanel nav ul li>a.active,
.list-page .dates-panel nav ul li>a.active,
.switch-cards .cards nav ul li>a.active,
nav .list-page .accountAndAmountPanel ul li>a.active,
nav .list-page .dates-panel ul li>a.active,
nav .switch-cards .cards ul li>a.active,
nav ul li>a.active,
nav ul li>a.active:hover {
	color: #03a
}

.list-page .accountAndAmountPanel nav ul li>a:hover,
.list-page .dates-panel nav ul li>a:hover,
.switch-cards .cards nav ul li>a:hover,
nav .list-page .accountAndAmountPanel ul li>a:hover,
nav .list-page .dates-panel ul li>a:hover,
nav .switch-cards .cards ul li>a:hover,
nav ul li>a:hover {
	color: #36c
}

nav[role=navigation] {
	clear: both;
	-webkit-transition: all .3s ease-out;
	-moz-transition: all .3s ease-out;
	-ms-transition: all .3s ease-out;
	-o-transition: all .3s ease-out;
	transition: all .3s ease-out;
	overflow: hidden;
	box-shadow: 0 1px 3px rgba(0, 0, 0, .12), 0 1px 2px rgba(0, 0, 0, .24);
	height: 53px
}

nav[role=navigation].active {
	max-height: 36em
}

nav[role=navigation] {
	max-height: none;
	border-top: none
}

nav[role=navigation] li {
	width: 100%;
	text-align: left
}

nav[role=navigation] li>a {
	display: block;
	padding: 1em;
	width: 100%
}

@media only screen and (min-width:40rem) and (max-width:64rem) {
	nav[role=navigation] li>a {
		padding: 1em .8em
	}
}

@media only screen and (max-width:39.9375rem) {
	nav.main ul li>a.active {
		border-bottom: none;
		color: #FFF
	}
	nav.main ul li>a.active:hover {
		color: #0093FF
	}
	.list-page .accountAndAmountPanel nav.main ul li>a,
	.list-page .dates-panel nav.main ul li>a,
	.switch-cards .cards nav.main ul li>a,
	nav.main .list-page .accountAndAmountPanel ul li>a,
	nav.main .list-page .dates-panel ul li>a,
	nav.main .switch-cards .cards ul li>a,
	nav.main ul li>a {
		color: #FFF;
		border-top: 1px solid #34444D
	}
	.list-page .accountAndAmountPanel nav.main ul li>a:after,
	.list-page .dates-panel nav.main ul li>a:after,
	.switch-cards .cards nav.main ul li>a:after,
	nav.main .list-page .accountAndAmountPanel ul li>a:after,
	nav.main .list-page .dates-panel ul li>a:after,
	nav.main .switch-cards .cards ul li>a:after,
	nav.main ul li>a:after {
		content: none
	}
	nav.main ul li>a:hover {
		color: #0093FF;
		background-color: #273E49
	}
	.list-page .accountAndAmountPanel nav.main ul li,
	.list-page .dates-panel nav.main ul li,
	.switch-cards .cards nav.main ul li,
	nav.main .list-page .accountAndAmountPanel ul li,
	nav.main .list-page .dates-panel ul li,
	nav.main .switch-cards .cards ul li,
	nav.main ul li {
		background: #1d2d35
	}
	nav.main ul li:last-child {
		border-bottom: none
	}
}

@media only screen and (min-width:40rem) {
	a.menu-link {
		display: none
	}
	.list-page .accountAndAmountPanel nav.main ul li,
	.list-page .dates-panel nav.main ul li,
	.switch-cards .cards nav.main ul li,
	nav.main .list-page .accountAndAmountPanel ul li,
	nav.main .list-page .dates-panel ul li,
	nav.main .switch-cards .cards ul li,
	nav.main ul li {
		background: #FFF
	}
	.list-page .accountAndAmountPanel nav.main ul li>a,
	.list-page .dates-panel nav.main ul li>a,
	.switch-cards .cards nav.main ul li>a,
	nav.main .list-page .accountAndAmountPanel ul li>a,
	nav.main .list-page .dates-panel ul li>a,
	nav.main .switch-cards .cards ul li>a,
	nav.main ul li>a {
		color: #767676;
		border-top: none
	}
	.list-page .accountAndAmountPanel nav.main ul li>a:after,
	.list-page .dates-panel nav.main ul li>a:after,
	.switch-cards .cards nav.main ul li>a:after,
	nav.main .list-page .accountAndAmountPanel ul li>a:after,
	nav.main .list-page .dates-panel ul li>a:after,
	nav.main .switch-cards .cards ul li>a:after,
	nav.main ul li>a:after {
		content: none
	}
	nav.main ul li>a:hover {
		color: #0ad;
		background-color: #FFF
	}
	nav.main ul li>a.active {
		color: #03a
	}
	nav.main ul li>a.active:hover {
		color: #03a;
		background-color: #FFF
	}
	nav[role=navigation] {
		max-height: none;
		border-top: none
	}
	.list-page .accountAndAmountPanel nav[role=navigation] ul,
	.list-page .dates-panel nav[role=navigation] ul,
	.switch-cards .cards nav[role=navigation] ul,
	nav[role=navigation] .list-page .accountAndAmountPanel ul,
	nav[role=navigation] .list-page .dates-panel ul,
	nav[role=navigation] .switch-cards .cards ul,
	nav[role=navigation] ul {
		border: 0
	}
	nav[role=navigation] li {
		display: inline-block;
		margin: 0 .25em;
		width: auto
	}
	nav[role=navigation] li:first-child {
		margin-left: 0
	}
	nav[role=navigation] li>a {
		border: 0;
		width: auto
	}
	nav[role=navigation] li>a.active {
		border-bottom: .3em solid #03a
	}
}

html {
	font-size: 14px
}

body {
	background-color: #EDEDED;
	font-family: Bentonsans, Helvetica, Arial, sans-serif;
	margin: 0;
	padding: 0;
	height: 100%
}

h1 {
	font-size: 2.2857142857rem
}

h2 {
	font-size: 1.7142857143rem
}

h3 {
	font-size: 1.4285714286rem
}

h4 {
	font-size: 1.2857142857rem
}

h5 {
	font-size: 1.1428571429rem
}

h6 {
	font-size: 1rem
}

.caption {
	font-size: .8571428571rem
}

small {
	font-size: 80%
}

.caption,
h1,
h2,
h3,
h4,
h5,
h6,
p {
	color: #767676
}

.caption,
p {
	color: #222
}

.account-setup-class .row,
.additional-information-class .row,
.credit-card-delivery-class .row,
.login .panel-row,
.pending-payment-header-row,
.profile-view-container .payment-detail-summary-row,
.profile-view-container .profile-view,
.profile-view-container .summary-row,
.profile-view-container .summary-row-pending-payment,
.profile-view-container .summary-row-pending-payment-header,
.profile-view-container .summary-split-row,
.row,
.summary .payment-detail-summary-row,
.summary .summary-row,
.summary .summary-row-pending-payment,
.summary .summary-row-pending-payment-header,
.summary .summary-split-row {
	max-width: 100%!important
}

.bizflex-quote .bizflex-banner-container .bizflex-quote-banner,
.blue-gradient,
.business-cash-loan .bzf-banner {
	font-family: Bentonsans, Helvetica, Arial, sans-serif;
	display: flex!important;
	flex-direction: column!important;
	background-image: -webkit-linear-gradient(100deg, #03a, #36c);
	-webkit-border-radius: 4px 4px 0 0;
	-moz-border-radius: 4px 4px 0 0;
	border-radius: 4px 4px 0 0
}

@media only screen and (min-width:64.063em) {
	.bizflex-quote .bizflex-banner-container .bizflex-quote-banner,
	.blue-gradient,
	.business-cash-loan .bzf-banner {
		padding: 26px
	}
}

@media only screen and (min-width:0) and (max-width:64rem) {
	.bizflex-quote .bizflex-banner-container .bizflex-quote-banner,
	.blue-gradient,
	.business-cash-loan .bzf-banner {
		padding: 16px
	}
}

.bizflex-quote .bizflex-banner-container .bizflex-quote-banner .banner-row,
.blue-gradient .banner-row,
.business-cash-loan .bzf-banner .banner-row {
	padding-bottom: 16px!important
}

.bizflex-quote .bizflex-banner-container .bizflex-quote-banner .banner-avatar .badge,
.blue-gradient .banner-avatar .badge,
.business-cash-loan .bzf-banner .banner-avatar .badge {
	background: #03a;
	color: #FFF;
	font-size: 1.3em;
	border: 1px solid #FFF;
	border-radius: 25px;
	height: 40px;
	width: 40px;
	padding-top: 6px;
	text-align: center
}

.bizflex-quote .bizflex-banner-container .bizflex-quote-banner .banner-avatar .info,
.blue-gradient .banner-avatar .info,
.business-cash-loan .bzf-banner .banner-avatar .info {
	margin-left: 60px;
	margin-top: -12px
}

.bizflex-quote .bizflex-banner-container .bizflex-quote-banner .banner-avatar .info .business-name,
.blue-gradient .banner-avatar .info .business-name,
.business-cash-loan .bzf-banner .banner-avatar .info .business-name {
	font-family: "Bentonsans Medium", Helvetica, Arial, sans-serif;
	font-size: 24px
}

.bizflex-quote .bizflex-banner-container .bizflex-quote-banner .banner-avatar .info .registration-number,
.blue-gradient .banner-avatar .info .registration-number,
.business-cash-loan .bzf-banner .banner-avatar .info .registration-number {
	font-size: 16px;
	font-family: Bentonsans, Helvetica, Arial, sans-serif
}

.bizflex-quote .bizflex-banner-container .bizflex-quote-banner .banner-avatar .info .registration-name,
.blue-gradient .banner-avatar .info .registration-name,
.business-cash-loan .bzf-banner .banner-avatar .info .registration-name {
	font-size: 14px;
	font-family: "Bentonsans Book", Helvetica, Arial, sans-serif
}

@media only screen and (min-width:0) and (max-width:39.9375rem) {
	.bizflex-quote .bizflex-banner-container .bizflex-quote-banner .banner-avatar .info .business-name,
	.bizflex-quote .bizflex-banner-container .bizflex-quote-banner .banner-avatar .info .registration-number,
	.blue-gradient .banner-avatar .info .business-name,
	.blue-gradient .banner-avatar .info .registration-number,
	.business-cash-loan .bzf-banner .banner-avatar .info .business-name,
	.business-cash-loan .bzf-banner .banner-avatar .info .registration-number {
		font-size: 14px
	}
	.bizflex-quote .bizflex-banner-container .bizflex-quote-banner .banner-avatar .info .registration-name,
	.blue-gradient .banner-avatar .info .registration-name,
	.business-cash-loan .bzf-banner .banner-avatar .info .registration-name {
		font-size: 12px
	}
}

@media only screen and (min-width:0) and (max-width:39.9375rem) {
	.bizflex-quote .bizflex-banner-container .bizflex-quote-banner .large-screen,
	.blue-gradient .large-screen,
	.business-cash-loan .bzf-banner .large-screen {
		display: none!important
	}
}

.bizflex-quote .bizflex-banner-container .bizflex-quote-banner .small-screen,
.blue-gradient .small-screen,
.business-cash-loan .bzf-banner .small-screen {
	padding-top: 16px!important
}

@media only screen and (min-width:40rem) {
	.bizflex-quote .bizflex-banner-container .bizflex-quote-banner .small-screen,
	.blue-gradient .small-screen,
	.business-cash-loan .bzf-banner .small-screen {
		display: none!important
	}
}

.bizflex-quote .bizflex-banner-container .bizflex-quote-banner .ibr-button,
.blue-gradient .ibr-button,
.business-cash-loan .bzf-banner .ibr-button {
	float: right!important
}

.bizflex-quote .bizflex-banner-container .bizflex-quote-banner h2.banner-status-top,
.blue-gradient h2.banner-status-top,
.business-cash-loan .bzf-banner h2.banner-status-top {
	font-size: 18px!important;
	padding-left: 0
}

@media only screen and (min-width:0) and (max-width:39.9375rem) {
	.bizflex-quote .bizflex-banner-container .bizflex-quote-banner h2.banner-status-top,
	.blue-gradient h2.banner-status-top,
	.business-cash-loan .bzf-banner h2.banner-status-top {
		font-size: 14px!important
	}
}

.bizflex-quote .bizflex-banner-container .bizflex-quote-banner .banner-status-bottom,
.blue-gradient .banner-status-bottom,
.business-cash-loan .bzf-banner .banner-status-bottom {
	font-family: "Bentonsans Book", Helvetica, Arial, sans-serif;
	font-size: 14px;
	margin-top: 16px
}

@media only screen and (min-width:0) and (max-width:64rem) {
	.bizflex-quote .bizflex-banner-container .bizflex-quote-banner .banner-status-bottom,
	.blue-gradient .banner-status-bottom,
	.business-cash-loan .bzf-banner .banner-status-bottom {
		padding: 0!important
	}
}

@media only screen and (min-width:0) and (max-width:39.9375rem) {
	.bizflex-quote .bizflex-banner-container .bizflex-quote-banner .banner-status-bottom,
	.blue-gradient .banner-status-bottom,
	.business-cash-loan .bzf-banner .banner-status-bottom {
		margin-top: 12px
	}
}

.bizflex-quote .bizflex-banner-container .bizflex-quote-banner .fixed-margin,
.blue-gradient .fixed-margin,
.business-cash-loan .bzf-banner .fixed-margin {
	margin-bottom: 7px!important
}

.bizflex-quote .bizflex-banner-container .bizflex-quote-banner h2,
.bizflex-quote .bizflex-banner-container .bizflex-quote-banner p,
.blue-gradient h2,
.blue-gradient p,
.business-cash-loan .bzf-banner h2,
.business-cash-loan .bzf-banner p {
	color: #FFF;
	padding-left: 0
}

.bizflex-quote .bizflex-banner-container .border-radius-bottom.bizflex-quote-banner,
.blue-gradient.border-radius-bottom,
.business-cash-loan .border-radius-bottom.bzf-banner {
	-webkit-border-radius: 4px!important;
	-moz-border-radius: 4px!important;
	border-radius: 4px!important
}

@media only screen and (min-width:0) and (max-width:39.9375rem) {
	ibr-business-banner {
		width: 100%
	}
}

.account-setup-class ibr-business-banner .row,
.additional-information-class ibr-business-banner .row,
.credit-card-delivery-class ibr-business-banner .row,
.login ibr-business-banner .panel-row,
.profile-view-container ibr-business-banner .payment-detail-summary-row,
.profile-view-container ibr-business-banner .profile-view,
.profile-view-container ibr-business-banner .summary-row,
.profile-view-container ibr-business-banner .summary-row-pending-payment,
.profile-view-container ibr-business-banner .summary-row-pending-payment-header,
.profile-view-container ibr-business-banner .summary-split-row,
.summary ibr-business-banner .payment-detail-summary-row,
.summary ibr-business-banner .summary-row,
.summary ibr-business-banner .summary-row-pending-payment,
.summary ibr-business-banner .summary-row-pending-payment-header,
.summary ibr-business-banner .summary-split-row,
ibr-business-banner .account-setup-class .row,
ibr-business-banner .additional-information-class .row,
ibr-business-banner .credit-card-delivery-class .row,
ibr-business-banner .login .panel-row,
ibr-business-banner .pending-payment-header-row,
ibr-business-banner .profile-view-container .payment-detail-summary-row,
ibr-business-banner .profile-view-container .profile-view,
ibr-business-banner .profile-view-container .summary-row,
ibr-business-banner .profile-view-container .summary-row-pending-payment,
ibr-business-banner .profile-view-container .summary-row-pending-payment-header,
ibr-business-banner .profile-view-container .summary-split-row,
ibr-business-banner .row,
ibr-business-banner .summary .payment-detail-summary-row,
ibr-business-banner .summary .summary-row,
ibr-business-banner .summary .summary-row-pending-payment,
ibr-business-banner .summary .summary-row-pending-payment-header,
ibr-business-banner .summary .summary-split-row {
	max-width: 100%!important
}

ibr-business-banner .banner {
	font-family: Bentonsans, Helvetica, Arial, sans-serif;
	display: flex;
	flex-direction: column;
	-webkit-border-radius: 4px 4px 0 0;
	-moz-border-radius: 4px 4px 0 0;
	border-radius: 4px 4px 0 0
}

@media only screen and (min-width:64.063em) {
	ibr-business-banner .banner {
		padding: 0
	}
}

@media only screen and (min-width:0) and (max-width:64rem) {
	ibr-business-banner .banner {
		padding: 0
	}
}

ibr-business-banner .banner .banner-row {
	padding-bottom: 16px!important
}

ibr-business-banner .banner .banner-avatar {
	display: flex
}

@media only screen and (min-width:0) and (max-width:39.9375rem) {
	ibr-business-banner .banner .banner-avatar {
		width: 100%
	}
}

ibr-business-banner .banner .banner-avatar .badge {
	background: #03a;
	color: #FFF;
	font-family: Roboto;
	font-size: 14px;
	border-radius: 25px;
	height: 40px;
	width: 40px;
	padding-top: 10px;
	text-align: center
}

ibr-business-banner .banner .banner-avatar .info {
	margin-left: 10px;
	display: flex;
	flex-direction: column;
	width: 100%
}

ibr-business-banner .banner .banner-avatar .info .business-name {
	font-family: "Bentonsans Medium", Helvetica, Arial, sans-serif;
	font-size: 24px;
	line-height: 1;
	margin-bottom: 10px
}

@media only screen and (min-width:0) and (max-width:39.9375rem) {
	ibr-business-banner .banner .banner-avatar .info .business-name {
		margin-bottom: 8px
	}
}

ibr-business-banner .banner .banner-avatar .info .registration {
	display: flex;
	flex-direction: column
}

ibr-business-banner .banner .banner-avatar .info .registration .registration-number {
	font-size: 16px;
	font-family: Bentonsans, Helvetica, Arial, sans-serif;
	line-height: .9
}

@media only screen and (min-width:0) and (max-width:39.9375rem) {
	ibr-business-banner .banner .banner-avatar .info .registration .registration-number {
		margin-bottom: 4px
	}
}

ibr-business-banner .banner .banner-avatar .info .registration .registration-name {
	font-size: 14px;
	font-family: "Bentonsans Book", Helvetica, Arial, sans-serif
}

@media only screen and (min-width:0) and (max-width:39.9375rem) {
	ibr-business-banner .banner .banner-avatar .info .business-name,
	ibr-business-banner .banner .banner-avatar .info .registration-number {
		font-size: 14px
	}
	ibr-business-banner .banner .banner-avatar .info .registration-name {
		font-size: 12px
	}
}

@media only screen and (min-width:0) and (max-width:39.9375rem) {
	ibr-business-banner .banner .large-screen {
		display: none!important
	}
}

ibr-business-banner .banner .small-screen {
	padding-top: 16px!important
}

@media only screen and (min-width:40rem) {
	ibr-business-banner .banner .small-screen {
		display: none!important
	}
}

ibr-business-banner .banner .ibr-button {
	float: right!important
}

ibr-business-banner .banner h2.banner-status-top {
	font-size: 18px!important;
	padding-left: 0
}

@media only screen and (min-width:0) and (max-width:39.9375rem) {
	ibr-business-banner .banner h2.banner-status-top {
		font-size: 14px!important
	}
}

ibr-business-banner .banner .banner-status-bottom {
	font-family: "Bentonsans Book", Helvetica, Arial, sans-serif;
	font-size: 14px;
	margin-top: 16px
}

@media only screen and (min-width:0) and (max-width:64rem) {
	ibr-business-banner .banner .banner-status-bottom {
		padding: 0!important
	}
}

@media only screen and (min-width:0) and (max-width:39.9375rem) {
	ibr-business-banner .banner .banner-status-bottom {
		margin-top: 12px
	}
}

ibr-business-banner .banner h2,
ibr-business-banner .banner p {
	color: #444;
	padding-left: 0
}

ibr-business-banner .banner.border-radius-bottom {
	-webkit-border-radius: 4px!important;
	-moz-border-radius: 4px!important;
	border-radius: 4px!important
}

.learn-more-panel,
.list-page .accountAndAmountPanel,
.list-page .dates-panel,
.panel,
.switch-cards .cards,
.transparent-panel {
	max-width: 67em;
	box-shadow: 0 1px 2px rgba(0, 0, 0, .2), 0 1px 3px rgba(0, 0, 0, .1);
	border: 0
}

@media only screen and (min-width:1024px) and (max-width:1024px) {
	.learn-more-panel,
	.list-page .accountAndAmountPanel,
	.list-page .dates-panel,
	.panel,
	.switch-cards .cards,
	.transparent-panel {
		max-width: inherit
	}
}

@media only screen and (min-width:986px) and (max-width:1023px) {
	.learn-more-panel,
	.list-page .accountAndAmountPanel,
	.list-page .dates-panel,
	.panel,
	.switch-cards .cards,
	.transparent-panel {
		max-width: inherit
	}
}

@media only screen and (min-width:1025px) and (max-width:1025px) {
	.learn-more-panel,
	.list-page .accountAndAmountPanel,
	.list-page .dates-panel,
	.panel,
	.switch-cards .cards,
	.transparent-panel {
		max-width: inherit;
		margin-top: 10px
	}
}

@media only screen and (max-width:39.9375rem) {
	.learn-more-panel,
	.list-page .accountAndAmountPanel,
	.list-page .dates-panel,
	.panel,
	.switch-cards .cards,
	.transparent-panel {
		width: 100%;
		margin: 0 auto;
		margin-bottom: 1em;
		padding: 1em
	}
}

.learn-more-panel .description,
.list-page .accountAndAmountPanel .description,
.list-page .dates-panel .description,
.panel .description,
.switch-cards .cards .description,
.transparent-panel .description {
	color: gray
}

.transparent-panel {
	background: 0 0;
	box-shadow: none
}

ibr-panel .ibr-panel {
	background: #FFF;
	box-shadow: 0 1px 2px rgba(0, 0, 0, .2), 0 1px 3px rgba(0, 0, 0, .1);
	padding: 12px
}

@media only screen and (max-width:39.9375rem) {
	ibr-panel .ibr-panel {
		width: 100%
	}
}

@media only screen and (min-width:40rem) {
	ibr-panel .ibr-panel {
		padding: 16px
	}
}

@media only screen and (min-width:64.063em) {
	ibr-panel .ibr-panel {
		padding: 24px
	}
}

ibr-panel.plain .ibr-panel {
	box-shadow: none
}

main {
	overflow: visible;
	padding-bottom: 1.1em!important;
	padding-top: 1.1em!important
}

@media only screen and (min-width:0) and (max-width:64rem) {
	main .fixTheBasicsFeature {
		padding-left: 24px;
		padding-right: 24px
	}
}

@media only screen and (min-width:64.063em) {
	main .fixTheBasicsFeature {
		padding-left: 108px!important;
		padding-right: 108px!important
	}
}

@media only screen and (min-width:0) and (max-width:39.9375rem) {
	main .fixTheBasicsFeature {
		padding-left: 16px;
		padding-right: 16px
	}
}

.form-layout-top {
	width: 100%
}

@media only screen and (min-width:64.063em) {
	.form-layout-top {
		width: 50em
	}
}

.form-layout-top .no-margin {
	margin: 0
}

.form-layout-main,
.form-layout-right,
.otpPage .notification {
	width: 100%
}

@media only screen and (min-width:64.063em) {
	.form-layout-main,
	.otpPage .notification {
		max-width: 50em;
		float: left
	}
}

@media only screen and (min-width:64.063em) {
	.form-layout-right {
		margin: 0 0 0 1em;
		max-width: 26em;
		float: left
	}
}

label {
	color: #232323;
	clear: both;
	font-size: 1em
}

input[type=checkbox]+label {
	margin-right: .2em
}

ibr-input label {
	display: inline-block;
	width: 100%
}

input::-ms-clear {
	display: none
}

ibr-input.server-error input[type=text] {
	border: 1px solid #CE1936
}

ibr-input.server-succcess input[type=text] {
	border: 1px solid #72B13B
}

input[name=Amount],
input[type=number],
input[type=password],
input[type=text],
textarea {
	-webkit-transition: background .3s ease-in-out;
	-moz-transition: background .3s ease-in-out;
	transition: background .3s ease-in-out;
	font-size: 1em;
	background: 0 0;
	background-color: #FDFDFD;
	border: 1px solid #D2D2D2;
	padding: .7em;
	margin: 0;
	height: 2.8em;
	width: 100%;
	outline: 0
}

input[name=Amount]:focus,
input[type=number]:focus,
input[type=password]:focus,
input[type=text]:focus,
textarea:focus {
	border: 1px solid #004795
}

input[name=Amount]:focus.error,
input[type=number]:focus.error,
input[type=password]:focus.error,
input[type=text]:focus.error,
textarea:focus.error {
	border: 1px solid #CE1936
}

input[name=Amount].error,
input[name=Amount].show-nosearch-results-styles,
input[name=Amount]:focus input[name=Amount].show-nosearch-results-styles,
input[name=Amount]:focus input[type=number].show-nosearch-results-styles,
input[name=Amount]:focus input[type=password].show-nosearch-results-styles,
input[name=Amount]:focus input[type=text].show-nosearch-results-styles,
input[name=Amount]:focus textarea.show-nosearch-results-styles,
input[type=number].error,
input[type=number].show-nosearch-results-styles,
input[type=number]:focus input[name=Amount].show-nosearch-results-styles,
input[type=number]:focus input[type=number].show-nosearch-results-styles,
input[type=number]:focus input[type=password].show-nosearch-results-styles,
input[type=number]:focus input[type=text].show-nosearch-results-styles,
input[type=number]:focus textarea.show-nosearch-results-styles,
input[type=password].error,
input[type=password].show-nosearch-results-styles,
input[type=password]:focus input[name=Amount].show-nosearch-results-styles,
input[type=password]:focus input[type=number].show-nosearch-results-styles,
input[type=password]:focus input[type=password].show-nosearch-results-styles,
input[type=password]:focus input[type=text].show-nosearch-results-styles,
input[type=password]:focus textarea.show-nosearch-results-styles,
input[type=text].error,
input[type=text].show-nosearch-results-styles,
input[type=text]:focus input[name=Amount].show-nosearch-results-styles,
input[type=text]:focus input[type=number].show-nosearch-results-styles,
input[type=text]:focus input[type=password].show-nosearch-results-styles,
input[type=text]:focus input[type=text].show-nosearch-results-styles,
input[type=text]:focus textarea.show-nosearch-results-styles,
textarea.error,
textarea.show-nosearch-results-styles,
textarea:focus input[name=Amount].show-nosearch-results-styles,
textarea:focus input[type=number].show-nosearch-results-styles,
textarea:focus input[type=password].show-nosearch-results-styles,
textarea:focus input[type=text].show-nosearch-results-styles,
textarea:focus textarea.show-nosearch-results-styles {
	border: 1px solid #FF2A4C
}

input[name=Amount].show-search-results-styles,
input[name=Amount].show-validation-styles.ng-valid,
input[name=Amount]:focus input[name=Amount].show-search-results-styles,
input[name=Amount]:focus input[type=number].show-search-results-styles,
input[name=Amount]:focus input[type=password].show-search-results-styles,
input[name=Amount]:focus input[type=text].show-search-results-styles,
input[name=Amount]:focus textarea.show-search-results-styles,
input[type=number].show-search-results-styles,
input[type=number].show-validation-styles.ng-valid,
input[type=number]:focus input[name=Amount].show-search-results-styles,
input[type=number]:focus input[type=number].show-search-results-styles,
input[type=number]:focus input[type=password].show-search-results-styles,
input[type=number]:focus input[type=text].show-search-results-styles,
input[type=number]:focus textarea.show-search-results-styles,
input[type=password].show-search-results-styles,
input[type=password].show-validation-styles.ng-valid,
input[type=password]:focus input[name=Amount].show-search-results-styles,
input[type=password]:focus input[type=number].show-search-results-styles,
input[type=password]:focus input[type=password].show-search-results-styles,
input[type=password]:focus input[type=text].show-search-results-styles,
input[type=password]:focus textarea.show-search-results-styles,
input[type=text].show-search-results-styles,
input[type=text].show-validation-styles.ng-valid,
input[type=text]:focus input[name=Amount].show-search-results-styles,
input[type=text]:focus input[type=number].show-search-results-styles,
input[type=text]:focus input[type=password].show-search-results-styles,
input[type=text]:focus input[type=text].show-search-results-styles,
input[type=text]:focus textarea.show-search-results-styles,
textarea.show-search-results-styles,
textarea.show-validation-styles.ng-valid,
textarea:focus input[name=Amount].show-search-results-styles,
textarea:focus input[type=number].show-search-results-styles,
textarea:focus input[type=password].show-search-results-styles,
textarea:focus input[type=text].show-search-results-styles,
textarea:focus textarea.show-search-results-styles {
	border: 1px solid #72B13B
}

input[name=Amount].filter,
input[type=number].filter,
input[type=password].filter,
input[type=text].filter,
textarea.filter {
	padding: .5em;
	font-size: .9em
}

input[type=radio] {
	margin-right: .35em
}

textarea {
	height: 8.4em
}

@media only screen and (min-width:40rem) {
	.form-error {
		display: inline-block;
		position: absolute;
		top: 0;
		right: 0
	}
}

.icon.input-suffix-icon {
	position: absolute;
	right: .5em;
	top: 1.4em;
	color: #787878!important
}

.icon.input-suffix-icon+input {
	padding-left: 3em
}

.icon.input-suffix-icon.normal {
	color: #787878!important
}

.icon.input-suffix-icon.success {
	color: #72B13B!important
}

.icon.input-suffix-icon.error {
	color: #FF2A4C!important
}

.icon.input-suffix-icon.material-icons {
	right: 2px!important;
	top: .2em;
	font-size: 30px!important
}

.ibr-underscore-pin-input .underscore-input-container {
	position: relative
}

.ibr-underscore-pin-input .underscore-input-container .input-link {
	right: 10px;
	position: absolute;
	top: 8px;
	z-index: 3;
	text-decoration: none
}

.ibr-underscore-pin-input .underscore-input-container .input-link span {
	color: #0ad
}

.ibr-underscore-pin-input input {
	width: 100%;
	height: 48px;
	text-indent: .6em;
	border-radius: 5px;
	display: block;
	background-size: 35px 2px;
	background-image: -webkit-linear-gradient(0deg, #979797 70%, #FFF 0), -webkit-linear-gradient(0deg, #979797 70%, #FFF 0), -webkit-linear-gradient(0deg, #979797 70%, #FFF 0), -webkit-linear-gradient(0deg, #979797 70%, #FFF 0);
	background-repeat: no-repeat;
	background-position: 10px 76%, 43px 76%, 75px 76%, 108px 76%;
	direction: ltr;
	letter-spacing: 1.8em!important;
	margin-right: -1.8em!important;
	min-width: 144px
}

@media all and (-ms-high-contrast:none),
(-ms-high-contrast:active) {
	.ibr-underscore-pin-input input {
		width: 100%;
		height: 48px;
		text-indent: .6em;
		border-radius: 5px;
		display: block;
		background-size: 35px 2px;
		background-image: -webkit-linear-gradient(0deg, #979797 70%, #FFF 0), -webkit-linear-gradient(0deg, #979797 70%, #FFF 0), -webkit-linear-gradient(0deg, #979797 70%, #FFF 0), -webkit-linear-gradient(0deg, #979797 70%, #FFF 0);
		background-image: linear, 0deg, #979797 70%, #FFF 0, linear, 0deg, #979797 70%, #FFF 0, linear, 0deg, #979797 70%, #FFF 0, linear, 0deg, #979797 70%, #FFF 0;
		background-image: -ms-linear-gradient(0deg, #979797 70%, #FFF 0), -ms-linear-gradient(0deg, #979797 70%, #FFF 0), -ms-linear-gradient(0deg, #979797 70%, #FFF 0), -ms-linear-gradient(0deg, #979797 70%, #FFF 0);
		background-image: -o-linear-gradient(0deg, #979797 70%, #FFF 0), -o-linear-gradient(0deg, #979797 70%, #FFF 0), -o-linear-gradient(0deg, #979797 70%, #FFF 0), -o-linear-gradient(0deg, #979797 70%, #FFF 0);
		background-image: -moz-linear-gradient(0deg, #979797 70%, #FFF 0), -moz-linear-gradient(0deg, #979797 70%, #FFF 0), -moz-linear-gradient(0deg, #979797 70%, #FFF 0), -moz-linear-gradient(0deg, #979797 70%, #FFF 0);
		background-repeat: no-repeat;
		background-position: 10px 76%, 42px 76%, 74px 76%, 105px 76%;
		direction: ltr;
		letter-spacing: 1.8em!important;
		margin-right: -1.8em!important;
		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=$light-grey-34, endColorstr=$white);
		min-width: 144px
	}
}

.ibr-underscore-pin-input input::-ms-clear {
	display: none
}

.ibr-underscore-pin-input .list {
	margin-left: 1em
}

.ibr-underscore-pin-input .list li {
	list-style-type: disc!important
}

.ibr-pin-input .input-left-pad-password {
	padding-right: 50px
}

.ibr-pin-input .input-container {
	position: relative
}

.ibr-pin-input .input-container .input-link {
	right: 10px;
	position: absolute;
	top: 8px;
	z-index: 3;
	text-decoration: none
}

.ibr-pin-input .input-container .input-link span {
	color: #0ad
}

.ibr-pin-input input {
	letter-spacing: .5em
}

.ibr-pin-input .list {
	margin-left: 1em
}

.ibr-pin-input .list li {
	list-style-type: disc!important
}

ibr-input,
sbg-input {
	border-width: 0!important
}

sbg-input input[name=Amount],
sbg-input input[type=number],
sbg-input input[type=password],
sbg-input input[type=text],
sbg-input textarea {
	border-radius: 4px;
	height: 3.428rem
}

sbg-input.success input[name=Amount],
sbg-input.success input[type=number],
sbg-input.success input[type=password],
sbg-input.success input[type=text],
sbg-input.success textarea {
	border-color: #0E8A00!important
}

sbg-input.error input[name=Amount],
sbg-input.error input[type=number],
sbg-input.error input[type=password],
sbg-input.error input[type=text],
sbg-input.error textarea {
	border-color: #E70011!important
}

ibr-comp-lib-input .mdl-textfield {
	width: 100%
}

ibr-comp-lib-input input {
	border-left: none!important;
	border-right: none!important;
	border-top: none!important;
	padding: .2857142857rem 0!important;
	height: unset!important
}

ibr-comp-lib-input input.show-validation-styles.ng-valid {
	border-color: #787878!important;
	color: #000!important
}

ibr-comp-lib-input .input-actions {
	position: absolute;
	top: 25px;
	font-size: 70%;
	right: 0
}

ibr-comp-lib-input .input-actions:hover {
	cursor: pointer
}

ibr-comp-lib-input .input-actions-error-icon {
	color: #D50000!important
}

ibr-comp-lib-input .mdl-textfield--floating-label.has-placeholder .mdl-textfield__label {
	color: #858d9d;
	font-size: 14px;
	top: 0
}

ibr-comp-lib-input .mdl-textfield--floating-label.is-invalid .mdl-textfield__label {
	color: #D50000
}

.text-input-container .input-currency-code-display {
	display: flex
}

.text-input-container .input-currency-code-display.input-group .outer-icon {
	display: inline-flex;
	align-items: center
}

.text-input-container .input-currency-code-display.input-group .outer-icon .icon {
	color: #D2D2D2;
	padding-left: 1em;
	position: absolute
}

.text-input-container .input-currency-code-display.input-group input::-webkit-inner-spin-button,
.text-input-container .input-currency-code-display.input-group input::-webkit-outer-spin-button {
	-webkit-appearance: none;
	margin: 0
}

.text-input-container .input-currency-code-display.input-group input[type=number] {
	-moz-appearance: textfield
}

.text-input-container .input-currency-code-display.input-group .align-text-right {
	text-align: right
}

.form-error {
	color: #FF2A4C
}

@media only screen and (min-width:40rem) and (max-width:64rem) {
	.form-error {
		display: inline-block;
		position: relative;
		top: 0;
		right: 0
	}
}

@media only screen and (min-width:64.063em) {
	.form-error {
		display: inline-block;
		position: absolute;
		top: 0;
		right: 0
	}
}

.form-error.pristine {
	color: #787878;
	display: none
}

.form-error.small {
	position: relative;
	padding-left: .2em
}

.form-error.small span.rand-amount {
	color: #FF2A4C
}

.inline-form-error {
	position: relative;
	display: inline
}

@media only screen and (min-width:0) and (max-width:64rem) {
	.inline-form-error {
		display: block
	}
}

form[name=registerForm] .login-container-content-input-value .form-error {
	position: relative
}

.btn,
.button,
button {
	width: 100%;
	border-radius: 2px
}

.learn-more-panel .btn,
.learn-more-panel .button,
.learn-more-panel button,
.list-page .accountAndAmountPanel .btn,
.list-page .accountAndAmountPanel .button,
.list-page .accountAndAmountPanel button,
.list-page .dates-panel .btn,
.list-page .dates-panel .button,
.list-page .dates-panel button,
.panel .btn,
.panel .button,
.panel button,
.switch-cards .cards .btn,
.switch-cards .cards .button,
.switch-cards .cards button,
.transparent-panel .btn,
.transparent-panel .button,
.transparent-panel button {
	width: 100%
}

@media only screen and (min-width:40rem) {
	.btn,
	.button,
	button {
		width: auto;
		margin: 0
	}
	.learn-more-panel .btn,
	.learn-more-panel .button,
	.learn-more-panel button,
	.list-page .accountAndAmountPanel .btn,
	.list-page .accountAndAmountPanel .button,
	.list-page .accountAndAmountPanel button,
	.list-page .dates-panel .btn,
	.list-page .dates-panel .button,
	.list-page .dates-panel button,
	.panel .btn,
	.panel .button,
	.panel button,
	.switch-cards .cards .btn,
	.switch-cards .cards .button,
	.switch-cards .cards button,
	.transparent-panel .btn,
	.transparent-panel .button,
	.transparent-panel button {
		width: auto;
		line-height: initial
	}
}

ibr-section {
	cursor: pointer;
	display: inline-block;
	position: relative;
	width: 52%;
	border-bottom: 1px #D2D2D2 solid;
	text-align: left;
	padding-left: 1.5%;
	padding-top: 1em;
	padding-bottom: 1em;
	height: 5em;
	background-color: #FFF;
	content: "";
	top: 0;
	left: 0;
	transition: opacity .3s
}

@media only screen and (min-width:40rem) and (max-width:64rem) {
	ibr-section {
		height: 100%
	}
	ibr-section:hover {
		border: 3px solid #0496FD;
		opacity: 1
	}
}

@media only screen and (max-width:39.9375rem) {
	ibr-section {
		width: 100%;
		height: 100%
	}
	ibr-section:hover {
		border: 3px solid #0496FD;
		opacity: 1
	}
}

ibr-section:hover {
	border: 3px solid #0496FD;
	opacity: 1
}

ibr-section .position-arrow {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	right: 1%
}

ibr-section .section-text {
	width: 85%;
	font-family: BentonSans;
	font-size: 16px;
	font-weight: 400;
	line-height: normal;
	letter-spacing: normal;
	color: #444;
	display: inline-block;
	text-align: left!important
}

ibr-section .content-text {
	width: 85%;
	font-family: BentonSans;
	font-size: 14px;
	font-weight: 400;
	line-height: normal;
	letter-spacing: normal;
	color: #767676;
	display: inline-block;
	text-align: left!important
}

ibr-section .resize-blue {
	font-weight: 700;
	color: #0ad!important
}

ibr-side-menu-item {
	cursor: pointer;
	display: block;
	position: relative;
	width: 276px;
	border-bottom: 1px #D2D2D2 solid;
	text-align: left;
	padding-left: 1.5%;
	padding-top: 1em;
	padding-bottom: 1em;
	height: 56px;
	background-color: #FFF;
	content: "";
	top: 0;
	left: 0;
	transition: opacity .3s
}

ibr-side-menu-item .ibr-side-menu-item {
	text-decoration: none
}

@media only screen and (min-width:0) and (max-width:64rem) {
	ibr-side-menu-item {
		width: 100%;
		height: 100%
	}
	ibr-side-menu-item:hover {
		background-color: #F6F6F6
	}
}

ibr-side-menu-item:hover {
	background-color: #F6F6F6
}

ibr-side-menu-item .position-arrow {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	right: 1%
}

ibr-side-menu-item .side-menu-item-title {
	padding: 3px 0;
	height: 100%;
	font-family: BentonSans;
	font-size: 18px;
	font-weight: 400;
	line-height: normal;
	letter-spacing: normal;
	color: #444;
	display: inline-block;
	text-align: left!important
}

ibr-side-menu-item .content-text {
	width: 85%;
	font-family: BentonSans;
	font-size: 14px;
	font-weight: 400;
	line-height: normal;
	letter-spacing: normal;
	color: #767676;
	display: inline-block;
	text-align: left!important
}

ibr-side-menu-item .resize-blue {
	font-weight: 700;
	color: #0ad!important
}

.btn.label-button {
	width: 100%;
	height: 2.8em;
	margin-bottom: 0;
	-webkit-user-select: none;
	-moz-user-select: none;
	user-select: none
}

@media medium-up {
	.btn.label-button {
		margin-bottom: 1.25rem
	}
}

@media only screen and (min-width:40rem) {
	print-button:nth-child(2),
	print-button:nth-child(3),
	print-button:nth-child(4) {
		margin-left: .6em
	}
}

.btn,
.button,
button {
	padding: .7em 1em;
	vertical-align: top
}

.button.secondary:hover,
.secondary.btn:hover,
button.secondary:hover {
	background-color: #FFF!important;
	color: #0033a1!important
}

.button.flat-button,
.flat-button.btn,
button.flat-button {
	box-shadow: none
}

.button.icon-button,
.button.icon-button-link,
.button.plain-text-button-link,
.icon-button-link.btn,
.icon-button.btn,
.plain-text-button-link.btn,
button.icon-button,
button.icon-button-link,
button.plain-text-button-link {
	background-color: #FFF;
	position: relative;
	border: solid 1px #EEE
}

@media only screen and (max-width:39.9375rem) {
	.button.icon-button,
	.button.icon-button-link,
	.button.plain-text-button-link,
	.icon-button-link.btn,
	.icon-button.btn,
	.plain-text-button-link.btn,
	button.icon-button,
	button.icon-button-link,
	button.plain-text-button-link {
		text-align: center
	}
}

@media only screen and (min-width:40rem) {
	.button.icon-button,
	.button.icon-button-link,
	.button.plain-text-button-link,
	.icon-button-link.btn,
	.icon-button.btn,
	.plain-text-button-link.btn,
	button.icon-button,
	button.icon-button-link,
	button.plain-text-button-link {
		padding: .3em .5em
	}
}

.button.icon-button i,
.button.icon-button-link i,
.button.plain-text-button-link i,
.icon-button-link.btn i,
.icon-button.btn i,
.plain-text-button-link.btn i,
button.icon-button i,
button.icon-button-link i,
button.plain-text-button-link i {
	font-size: 1.7em;
	float: left;
	padding: .15em 0
}

.button.icon-button .title,
.button.icon-button-link .title,
.button.plain-text-button-link .title,
.icon-button-link.btn .title,
.icon-button.btn .title,
.plain-text-button-link.btn .title,
button.icon-button .title,
button.icon-button-link .title,
button.plain-text-button-link .title {
	float: left;
	padding-top: .5em;
	padding-left: .5em;
	color: #232323
}

.button.icon-button-link:hover,
.button.icon-button:hover,
.button.plain-text-button-link:hover,
.icon-button-link.btn:hover,
.icon-button.btn:hover,
.plain-text-button-link.btn:hover,
button.icon-button-link:hover,
button.icon-button:hover,
button.plain-text-button-link:hover {
	background-color: #f3f8fd;
	box-shadow: none
}

.button.icon-button-link,
.button.plain-text-button-link,
.icon-button-link.btn,
.plain-text-button-link.btn,
button.icon-button-link,
button.plain-text-button-link {
	text-transform: uppercase;
	border: 0;
	color: #03a
}

.button.icon-button-link .title,
.button.plain-text-button-link .title,
.icon-button-link.btn .title,
.plain-text-button-link.btn .title,
button.icon-button-link .title,
button.plain-text-button-link .title {
	float: left;
	padding-top: .5em;
	padding-left: .5em;
	color: inherit;
	font-size: 1em
}

.button.icon-button-link:hover,
.button.plain-text-button-link:hover,
.icon-button-link.btn:hover,
.plain-text-button-link.btn:hover,
button.icon-button-link:hover,
button.plain-text-button-link:hover {
	background-color: #F6F6F6;
	border-radius: 3px
}

.button.plain-text-button-link,
.plain-text-button-link.btn,
button.plain-text-button-link {
	text-transform: none;
	border: 0;
	color: #222;
	padding-left: 0
}

.button.plain-text-button-link .icomoon-chevron-down,
.plain-text-button-link.btn .icomoon-chevron-down,
button.plain-text-button-link .icomoon-chevron-down {
	color: #03a!important
}

.button.plain-text-button-link:hover,
.plain-text-button-link.btn:hover,
button.plain-text-button-link:hover {
	background-color: transparent;
	border-radius: 0
}

.button.plain-text-button-link .title,
.plain-text-button-link.btn .title,
button.plain-text-button-link .title {
	padding-left: 0
}

.button.icon-button-link-round,
.icon-button-link-round.btn,
button.icon-button-link-round {
	border-radius: 50%;
	padding: .2em .3em;
	text-transform: none!important
}

.button.icon-button-link-round:hover,
.icon-button-link-round.btn:hover,
button.icon-button-link-round:hover {
	background-color: #F6F6F6;
	border-radius: 50%
}

@media only screen and (max-width:39.9375rem) {
	.button.icon-button-link-round,
	.icon-button-link-round.btn,
	button.icon-button-link-round {
		border: 0;
		padding: 6px;
		height: 40px;
		width: 40px;
		text-align: center
	}
	.button.icon-button-link-round:active,
	.button.icon-button-link-round:focus,
	.button.icon-button-link-round:visited,
	.icon-button-link-round.btn:active,
	.icon-button-link-round.btn:focus,
	.icon-button-link-round.btn:visited,
	button.icon-button-link-round:active,
	button.icon-button-link-round:focus,
	button.icon-button-link-round:visited {
		border-color: transparent;
		outline: 0
	}
	.button.icon-button-link-round i,
	.icon-button-link-round.btn i,
	button.icon-button-link-round i {
		padding: 0;
		font-size: 1.7em;
		float: left
	}
}

.button.icon-button-link-round .title i,
.icon-button-link-round.btn .title i,
button.icon-button-link-round .title i {
	padding: 0!important;
	vertical-align: middle;
	font-size: 1.3em
}

.action-table .icomoon-delete,
.icon-button .icomoon-delete {
	color: #b8431e
}

.action-table .icomoon-pay,
.icon-button .icomoon-pay {
	color: #52aa46
}

.action-table .icomoon-edit,
.action-table .icomoon-remove,
.icon-button .icomoon-edit,
.icon-button .icomoon-remove {
	color: #006abb
}

@media only screen and (min-width:40.0625rem) {
	ibr-button,
	ibr-link {
		width: auto!important
	}
}

ibr-button.primary .btn ibr-icon,
ibr-button.primary .btn span,
ibr-button.primary a ibr-icon,
ibr-button.primary a span,
ibr-button.primary button ibr-icon,
ibr-button.primary button span,
ibr-link.primary .btn ibr-icon,
ibr-link.primary .btn span,
ibr-link.primary a ibr-icon,
ibr-link.primary a span,
ibr-link.primary button ibr-icon,
ibr-link.primary button span {
	color: #FFF
}

ibr-button.primary [disabled].btn ibr-icon,
ibr-button.primary a[disabled] ibr-icon,
ibr-button.primary button[disabled] ibr-icon,
ibr-link.primary [disabled].btn ibr-icon,
ibr-link.primary a[disabled] ibr-icon,
ibr-link.primary button[disabled] ibr-icon {
	color: #767676
}

ibr-button.secondary .btn ibr-icon,
ibr-button.secondary .btn span,
ibr-button.secondary a ibr-icon,
ibr-button.secondary a span,
ibr-button.secondary button ibr-icon,
ibr-button.secondary button span,
ibr-link.secondary .btn ibr-icon,
ibr-link.secondary .btn span,
ibr-link.secondary a ibr-icon,
ibr-link.secondary a span,
ibr-link.secondary button ibr-icon,
ibr-link.secondary button span {
	color: #03a
}

ibr-button.secondary [disabled].btn ibr-icon,
ibr-button.secondary [disabled].btn span,
ibr-button.secondary a[disabled] ibr-icon,
ibr-button.secondary a[disabled] span,
ibr-button.secondary button[disabled] ibr-icon,
ibr-button.secondary button[disabled] span,
ibr-link.secondary [disabled].btn ibr-icon,
ibr-link.secondary [disabled].btn span,
ibr-link.secondary a[disabled] ibr-icon,
ibr-link.secondary a[disabled] span,
ibr-link.secondary button[disabled] ibr-icon,
ibr-link.secondary button[disabled] span {
	color: #767676
}

ibr-button.cancel [disabled].btn i,
ibr-button.cancel [disabled].btn ibr-icon,
ibr-button.cancel [disabled].btn span,
ibr-button.cancel a[disabled] i,
ibr-button.cancel a[disabled] ibr-icon,
ibr-button.cancel a[disabled] span,
ibr-button.cancel button[disabled] i,
ibr-button.cancel button[disabled] ibr-icon,
ibr-button.cancel button[disabled] span,
ibr-button.tertiary [disabled].btn i,
ibr-button.tertiary [disabled].btn ibr-icon,
ibr-button.tertiary [disabled].btn span,
ibr-button.tertiary a[disabled] i,
ibr-button.tertiary a[disabled] ibr-icon,
ibr-button.tertiary a[disabled] span,
ibr-button.tertiary button[disabled] i,
ibr-button.tertiary button[disabled] ibr-icon,
ibr-button.tertiary button[disabled] span,
ibr-link.cancel [disabled].btn i,
ibr-link.cancel [disabled].btn ibr-icon,
ibr-link.cancel [disabled].btn span,
ibr-link.cancel a[disabled] i,
ibr-link.cancel a[disabled] ibr-icon,
ibr-link.cancel a[disabled] span,
ibr-link.cancel button[disabled] i,
ibr-link.cancel button[disabled] ibr-icon,
ibr-link.cancel button[disabled] span,
ibr-link.tertiary [disabled].btn i,
ibr-link.tertiary [disabled].btn ibr-icon,
ibr-link.tertiary [disabled].btn span,
ibr-link.tertiary a[disabled] i,
ibr-link.tertiary a[disabled] ibr-icon,
ibr-link.tertiary a[disabled] span,
ibr-link.tertiary button[disabled] i,
ibr-link.tertiary button[disabled] ibr-icon,
ibr-link.tertiary button[disabled] span {
	color: #767676
}

ibr-button.flat .btn i.material-icons,
ibr-button.flat .btn span.material-icons,
ibr-button.flat a i.material-icons,
ibr-button.flat a span.material-icons,
ibr-button.flat button i.material-icons,
ibr-button.flat button span.material-icons,
ibr-link.flat .btn i.material-icons,
ibr-link.flat .btn span.material-icons,
ibr-link.flat a i.material-icons,
ibr-link.flat a span.material-icons,
ibr-link.flat button i.material-icons,
ibr-link.flat button span.material-icons {
	line-height: 1.0714285714rem;
	font-size: 1.1428571429rem
}

ibr-button.outline .btn:active,
ibr-button.outline a:active,
ibr-button.outline button:active,
ibr-link.outline .btn:active,
ibr-link.outline a:active,
ibr-link.outline button:active {
	border-color: transparent
}

ibr-button.outline .btn ibr-icon,
ibr-button.outline .btn span,
ibr-button.outline a ibr-icon,
ibr-button.outline a span,
ibr-button.outline button ibr-icon,
ibr-button.outline button span,
ibr-link.outline .btn ibr-icon,
ibr-link.outline .btn span,
ibr-link.outline a ibr-icon,
ibr-link.outline a span,
ibr-link.outline button ibr-icon,
ibr-link.outline button span {
	color: #FFF
}

ibr-button.outline .btn .mdl-ripple,
ibr-button.outline a .mdl-ripple,
ibr-button.outline button .mdl-ripple,
ibr-link.outline .btn .mdl-ripple,
ibr-link.outline a .mdl-ripple,
ibr-link.outline button .mdl-ripple {
	background: #FFF!important
}

ibr-button.outline [disabled].btn,
ibr-button.outline a[disabled],
ibr-button.outline button[disabled],
ibr-link.outline [disabled].btn,
ibr-link.outline a[disabled],
ibr-link.outline button[disabled] {
	border-color: #767676
}

ibr-button.outline [disabled].btn ibr-icon,
ibr-button.outline [disabled].btn span,
ibr-button.outline a[disabled] ibr-icon,
ibr-button.outline a[disabled] span,
ibr-button.outline button[disabled] ibr-icon,
ibr-button.outline button[disabled] span,
ibr-link.outline [disabled].btn ibr-icon,
ibr-link.outline [disabled].btn span,
ibr-link.outline a[disabled] ibr-icon,
ibr-link.outline a[disabled] span,
ibr-link.outline button[disabled] ibr-icon,
ibr-link.outline button[disabled] span {
	color: #767676
}

.ibr-button-group,
ibr-button-group {
	display: block
}

@media (max-width:640px) {
	.ibr-button-group .btn,
	.ibr-button-group button,
	ibr-button-group .btn,
	ibr-button-group button {
		margin: .3571428571rem 0;
		width: 100%!important
	}
}

.ibr-button-group>div:first-child,
ibr-button-group>div:first-child {
	overflow: auto
}

.ibr-button-group>div:first-child div,
ibr-button-group>div:first-child div {
	width: 100%
}

.ibr-button-group>div:first-child div .ibr-button,
.ibr-button-group>div:first-child div .ibr-link,
ibr-button-group>div:first-child div .ibr-button,
ibr-button-group>div:first-child div .ibr-link {
	margin: .3571428571rem 0
}

.ibr-button-group>div:first-child div>ibr-button:first-child .ibr-button,
.ibr-button-group>div:first-child div>ibr-button:first-child .ibr-link,
ibr-button-group>div:first-child div>ibr-button:first-child .ibr-button,
ibr-button-group>div:first-child div>ibr-button:first-child .ibr-link {
	margin-top: 0
}

.ibr-button-group>div:first-child div>ibr-button:last-child .ibr-button,
.ibr-button-group>div:first-child div>ibr-button:last-child .ibr-link,
ibr-button-group>div:first-child div>ibr-button:last-child .ibr-button,
ibr-button-group>div:first-child div>ibr-button:last-child .ibr-link {
	margin-bottom: 0
}

.ibr-button-group>div:first-child div>ibr-link:first-child .ibr-button,
.ibr-button-group>div:first-child div>ibr-link:first-child .ibr-link,
ibr-button-group>div:first-child div>ibr-link:first-child .ibr-button,
ibr-button-group>div:first-child div>ibr-link:first-child .ibr-link {
	margin-top: 0
}

.ibr-button-group>div:first-child div>ibr-link:last-child .ibr-button,
.ibr-button-group>div:first-child div>ibr-link:last-child .ibr-link,
ibr-button-group>div:first-child div>ibr-link:last-child .ibr-button,
ibr-button-group>div:first-child div>ibr-link:last-child .ibr-link {
	margin-bottom: 0
}

@media only screen and (min-width:40.0625rem) {
	.ibr-button-group>div:first-child div .ibr-button,
	.ibr-button-group>div:first-child div .ibr-link,
	ibr-button-group>div:first-child div .ibr-button,
	ibr-button-group>div:first-child div .ibr-link {
		float: right!important;
		margin: 0 .3571428571rem
	}
	.ibr-button-group>div:first-child div>ibr-button:first-child .ibr-button,
	.ibr-button-group>div:first-child div>ibr-button:first-child .ibr-link,
	ibr-button-group>div:first-child div>ibr-button:first-child .ibr-button,
	ibr-button-group>div:first-child div>ibr-button:first-child .ibr-link {
		margin-right: 0
	}
	.ibr-button-group>div:first-child div>ibr-button:last-child .ibr-button,
	.ibr-button-group>div:first-child div>ibr-button:last-child .ibr-link,
	ibr-button-group>div:first-child div>ibr-button:last-child .ibr-button,
	ibr-button-group>div:first-child div>ibr-button:last-child .ibr-link {
		margin-left: 0
	}
	.ibr-button-group>div:first-child div>ibr-link:first-child .ibr-button,
	.ibr-button-group>div:first-child div>ibr-link:first-child .ibr-link,
	ibr-button-group>div:first-child div>ibr-link:first-child .ibr-button,
	ibr-button-group>div:first-child div>ibr-link:first-child .ibr-link {
		margin-right: 0
	}
	.ibr-button-group>div:first-child div>ibr-link:last-child .ibr-button,
	.ibr-button-group>div:first-child div>ibr-link:last-child .ibr-link,
	ibr-button-group>div:first-child div>ibr-link:last-child .ibr-button,
	ibr-button-group>div:first-child div>ibr-link:last-child .ibr-link {
		margin-left: 0
	}
}

.ibr-button-group.span-elements>div:first-child div .ibr-button,
.ibr-button-group.span-elements>div:first-child div .ibr-link,
ibr-button-group.span-elements>div:first-child div .ibr-button,
ibr-button-group.span-elements>div:first-child div .ibr-link {
	margin: .3571428571rem 0
}

.ibr-button-group.span-elements>div:first-child div>span:first-child .ibr-button,
.ibr-button-group.span-elements>div:first-child div>span:first-child .ibr-link,
ibr-button-group.span-elements>div:first-child div>span:first-child .ibr-button,
ibr-button-group.span-elements>div:first-child div>span:first-child .ibr-link {
	margin-top: 0
}

.ibr-button-group.span-elements>div:first-child div>span:last-child .ibr-button,
.ibr-button-group.span-elements>div:first-child div>span:last-child .ibr-link,
ibr-button-group.span-elements>div:first-child div>span:last-child .ibr-button,
ibr-button-group.span-elements>div:first-child div>span:last-child .ibr-link {
	margin-bottom: 0
}

@media only screen and (min-width:40.0625rem) {
	.ibr-button-group.span-elements>div:first-child div .ibr-button,
	.ibr-button-group.span-elements>div:first-child div .ibr-link,
	ibr-button-group.span-elements>div:first-child div .ibr-button,
	ibr-button-group.span-elements>div:first-child div .ibr-link {
		float: right!important;
		margin: 0 .3571428571rem
	}
	.ibr-button-group.span-elements>div:first-child div>span:first-child .ibr-button,
	.ibr-button-group.span-elements>div:first-child div>span:first-child .ibr-link,
	ibr-button-group.span-elements>div:first-child div>span:first-child .ibr-button,
	ibr-button-group.span-elements>div:first-child div>span:first-child .ibr-link {
		margin-right: 0
	}
	.ibr-button-group.span-elements>div:first-child div>span:last-child .ibr-button,
	.ibr-button-group.span-elements>div:first-child div>span:last-child .ibr-link,
	ibr-button-group.span-elements>div:first-child div>span:last-child .ibr-button,
	ibr-button-group.span-elements>div:first-child div>span:last-child .ibr-link {
		margin-left: 0
	}
}

.button-row-redesign>.btn,
.button-row-redesign>a,
.button-row-redesign>button {
	margin-right: .75em
}

@media only screen and (min-width:40rem) {
	.button-row-redesign>.btn,
	.button-row-redesign>a,
	.button-row-redesign>button {
		float: right
	}
}

.button-row-redesign .cancel-align,
.button-row-redesign .no-right-margin {
	margin-right: 0
}

.button-row-redesign .btn.tertiary {
	background-color: transparent;
	box-shadow: none
}

.remove-button-uppercase>.btn,
.remove-button-uppercase>button {
	text-transform: inherit
}

ibr-upload-button .ibr-upload-button-input {
	display: none
}

ibr-upload-button .ibr-upload-button-out {
	color: #000!important
}

ibr-upload-button ibr-button-group {
	margin-top: 12px
}

i.ibr-icon-style {
	display: inline;
	display: inline-block;
	width: 1.7142857143rem;
	height: 1.7142857143rem
}

.padding {
	padding: 1rem
}

.rand-amount {
	white-space: nowrap
}

.no-padding {
	padding: 0
}

.no-padding.black-color-class {
	color: #000
}

.no-padding-left {
	padding-left: 0
}

.no-padding-bottom {
	padding-bottom: 0!important
}

.no-padding-important {
	padding: 0!important
}

.no-margin {
	margin: 0!important
}

.no-side-padding {
	padding-left: 0!important;
	padding-right: 0!important
}

.margin-top {
	margin-top: 1rem
}

.margin-bottom {
	margin-bottom: 1rem
}

.margin-left {
	margin-left: 1rem
}

.margin-right {
	margin-right: 1rem
}

.padding-top {
	padding-top: 1rem
}

.padding-top-override {
	padding-top: 10px!important
}

.padding-bottom {
	padding-bottom: 1rem
}

@media only screen and (min-width:0) and (max-width:64rem) {
	.padding-bottom-mobile {
		padding-bottom: 22px!important
	}
}

.padding-left {
	padding-left: 1rem
}

.padding-right {
	padding-right: 1rem
}

.display-inline {
	display: inline
}

.display-block {
	display: block
}

.content-wrapper-inner,
main {
	margin: 0 auto;
	padding: 0 1px;
	width: 100%
}

@media only screen and (min-width:64.063em) {
	.content-wrapper-inner,
	main {
		padding-left: 9%;
		padding-right: 9%
	}
}

@media only screen and (min-width:1710px) {
	.content-wrapper-inner,
	main {
		max-width: 1251px;
		padding-left: 0;
		padding-right: 0
	}
}

@media only screen and (max-width:1364px) {
	.content-wrapper-inner,
	main {
		padding-left: 5px;
		padding-right: 0
	}
}

.content-wrapper-inner:after,
main:after {
	content: " ";
	clear: both;
	display: block
}

.full-width {
	width: 100%;
	max-width: none
}

.fit-content {
	width: fit-content!important
}

.border-bottom {
	border-bottom: 2px solid #EDEDED
}

@media only screen and (min-width:64.063em) {
	.fixTheBasicsFeature {
		max-width: 1440px;
		padding-left: 35px;
		padding-right: 32px
	}
}

.overflow-auto {
	overflow: auto
}

.overflow-hidden {
	overflow: hidden
}

.panel-break,
.panel-break-vertical {
	position: relative;
	background-color: #D2D2D2
}

.panel-break span,
.panel-break-vertical span {
	position: absolute;
	color: #D2D2D2;
	border: solid 1px #D2D2D2;
	border-radius: 20em;
	height: 3em;
	width: 3em;
	padding-top: .7em;
	background-color: #EDEDED;
	text-align: center
}

.panel-break {
	margin-top: 3em;
	margin-bottom: 3em;
	padding-bottom: 1px;
	width: 100%;
	max-width: 67em
}

.panel-break span {
	left: 45%;
	top: -1.5em
}

.panel-break-vertical {
	border-right: 1px solid #D2D2D2;
	background-color: transparent;
	height: 21em
}

.panel-break-vertical span {
	top: 43%;
	right: -1.5em
}

@media only screen {
	.learn-more-panel ul,
	.list-page .accountAndAmountPanel ul,
	.list-page .dates-panel ul,
	.panel ul,
	.switch-cards .cards ul,
	.transparent-panel ul,
	footer ul,
	ul {
		margin: 0;
		padding: 0
	}
	.learn-more-panel ul li,
	.list-page .accountAndAmountPanel ul li,
	.list-page .dates-panel ul li,
	.panel ul li,
	.switch-cards .cards ul li,
	.transparent-panel ul li,
	ul li {
		list-style: none;
		color: #222
	}
}

.list-page .accountAndAmountPanel ul.selectable li,
.list-page .dates-panel ul.selectable li,
.switch-cards .cards ul.selectable li,
ul.selectable li {
	cursor: pointer;
	padding: 1em 1em 1em .7em;
	border-top: 1px solid #E0E0E0
}

ul.selectable li.disabled {
	background-color: #F3F3F3;
	color: #DDD
}

ul.selectable li.disabled:before {
	color: #e9e9e9
}

ul.selectable li.disabled:hover {
	background-color: #EEE;
	cursor: default
}

ul.selectable li:hover {
	background: #f3f8fd
}

.list-page .accountAndAmountPanel ul.selectable li:before,
.list-page .dates-panel ul.selectable li:before,
.switch-cards .cards ul.selectable li:before,
ul.selectable li:before {
	font-family: FontAwesome;
	font-size: 1.3em;
	content: "\f096";
	position: relative;
	top: 1px;
	margin-right: 5px;
	color: #DDD
}

ul.selectable li.selected {
	background: #1E7CA2;
	color: #FFF
}

ul.selectable li.selected:before {
	font-family: FontAwesome;
	content: "\f14a";
	color: #FFF
}

.list-page .accountAndAmountPanel ul.addable li,
.list-page .dates-panel ul.addable li,
.switch-cards .cards ul.addable li,
ul.addable li {
	padding: .5em .5em .6em .7em;
	border-top: 1px solid #EEE
}

@media only screen and (max-width:39.9375rem) {
	.list-page .accountAndAmountPanel ul.addable li,
	.list-page .dates-panel ul.addable li,
	.switch-cards .cards ul.addable li,
	ul.addable li {
		padding: 1em 0
	}
}

ul.addable li:last-child {
	border-bottom: 1px solid #EEE
}

.list-page .accountAndAmountPanel ul.addable li:before,
.list-page .dates-panel ul.addable li:before,
.switch-cards .cards ul.addable li:before,
ul.addable li:before {
	background: #FFF;
	content: " ";
	color: #FFF;
	font-size: 1.2em;
	padding-right: 0;
	padding-left: 0;
	margin: 0;
	width: .01em
}

ul.addable li.can-add {
	cursor: pointer
}

ul.addable li.can-add:before {
	background: #1E7CA2;
	padding: 0 11px 3px 12px;
	margin-right: 6px;
	color: #FFF;
	content: "+"
}

ul.addable li.can-add:hover {
	background: #f3f8fd
}

ul.addable li.can-add:hover .centered-spinner,
ul.addable li.can-add:hover .inline-spinner {
	border-top-color: #1E7CA2;
	border-left-color: #1E7CA2;
	color: #1E7CA2
}

.account-setup-class .row,
.additional-information-class .row,
.credit-card-delivery-class .row,
.login .panel-row,
.pending-payment-header-row,
.profile-view-container .payment-detail-summary-row,
.profile-view-container .profile-view,
.profile-view-container .summary-row,
.profile-view-container .summary-row-pending-payment,
.profile-view-container .summary-row-pending-payment-header,
.profile-view-container .summary-split-row,
.row,
.summary .payment-detail-summary-row,
.summary .summary-row,
.summary .summary-row-pending-payment,
.summary .summary-row-pending-payment-header,
.summary .summary-split-row {
	padding: 0;
	margin: 0!important
}

.row-account-summary {
	display: inline-block;
	width: auto
}

@media only screen and (min-width:64.063em) {
	.row-account-summary {
		display: block
	}
}

.ibrNotification {
	padding: 16px 24px;
	margin-bottom: 12px;
	border-radius: 2px;
	display: flex
}

.ibrNotification .close,
.ibrNotification .label {
	margin: auto
}

.ibrNotification .label {
	float: left;
	width: 80%;
	color: #FFF
}

.ibrNotification .close {
	float: right;
	width: 20%
}

.ibrNotification a {
	color: #FFF;
	text-decoration: none;
	font-weight: 600;
	font-family: Roboto
}

@media all and (max-width:1024px) {
	.ibrNotification {
		position: fixed;
		z-index: 100;
		left: .7em;
		right: .7em;
		bottom: .2em
	}
}

.large-notification {
	text-align: center;
	font-size: 1.1875rem;
	padding-top: 1rem;
	min-height: 8rem
}

@media only screen and (min-width:40rem) {
	.large-notification h4 {
		margin-right: 60px
	}
}

.large-notification h2 {
	color: #FFF;
	font-size: 1.6rem;
	line-height: 1.4em
}

.large-notification h3 {
	color: #FFF!important;
	font-size: 1.2rem;
	line-height: 1.4em
}

.large-notification span {
	color: #FFF!important;
	vertical-align: super;
	font-size: 17px
}

.large-notification i {
	vertical-align: sub
}

.large-notification.information {
	background-color: #03a
}

.large-notification.information:before {
	background-color: #0a7;
	padding: 0;
	border-width: .2em;
	margin-bottom: 1.25rem
}

.large-notification.information i {
	vertical-align: text-bottom
}

.large-notification.success {
	background: #0a7
}

.large-notification.success:before {
	background-color: #0a7;
	padding: 0;
	border-width: .2em;
	margin-bottom: 1.25rem
}

.large-notification.success .material-icons.circle {
	background: #FFF;
	border-radius: 50%;
	color: #0a7
}

.large-notification.warn {
	background: #eea236
}

.large-notification.warn .material-icons.circle {
	color: #FFF;
	position: relative;
	top: 3px
}

.large-notification.error {
	background: #A80511
}

.large-notification.error .material-icons.circle {
	background: #FFF;
	border-radius: 50%;
	color: #A80511
}

.large-notification .capitalize {
	text-transform: capitalize
}

.notification {
	position: relative;
	color: #FFF;
	padding: .8em 2.5em .8em 4em;
	margin-bottom: .5em;
	max-width: 67em;
	line-height: 1.25rem
}

.notification span {
	color: #FFF;
	display: inline-block
}

.notification.closing {
	display: block!important;
	-webkit-animation: .5s hideNotificationAnimation;
	-moz-animation: .5s hideNotificationAnimation;
	animation: .5s hideNotificationAnimation;
	-webkit-animation-fill-mode: forwards;
	-moz-animation-fill-mode: forwards;
	animation-fill-mode: forwards
}

.notification:before {
	display: block;
	font-family: FontAwesome;
	font-size: 1.5em;
	position: absolute;
	left: 0;
	top: 0;
	text-align: center;
	height: 100%;
	padding: .48em .5em;
	line-height: 1em
}

.notification .icon-times-circle {
	cursor: pointer;
	display: block;
	font-size: 1.5em;
	position: absolute;
	right: 0;
	top: 0;
	text-align: center;
	padding: .38em;
	padding-left: .5em;
	padding-right: .5em
}

.notification.error {
	background: #A80511
}

.notification.error:before {
	background-color: #CC2B37;
	content: ""
}

.notification.error-inverse {
	color: #A80511;
	padding-left: 2.8em
}

.notification.error-inverse:before {
	content: ""
}

.notification.warn {
	background: #eea236
}

.notification.warn:before {
	background-color: #f0ad4e;
	content: ""
}

@media (min-width:1024px) and (max-width:1900px) {
	.notification .pull-coza-right {
		margin-left: 70%
	}
}

.notification.success {
	background: #0a7
}

.notification.success:before {
	background-color: #06855F;
	content: "";
	display: flex;
	align-items: center
}

.notification.success-1 {
	background: #3ea133
}

.notification.success-1:before {
	background-color: #0e8a00;
	content: "";
	display: flex;
	align-items: center
}

.notification.success-partial {
	background: #016893
}

.notification.success-partial:before {
	background-color: #1c7b99;
	content: "";
	display: flex;
	align-items: center
}

.notification.info {
	background: #006892
}

.notification.info:before {
	background-color: #1E7CA2;
	content: ""
}

.notification.info.important:before {
	content: ""
}

.login .notification {
	max-width: 360px;
	margin: auto auto 9px
}

.text-notification-without-icon {
	color: #FF671B
}

.text-notification-without-icon .rand-amount {
	white-space: nowrap;
	color: #006892
}

.text-notification-without-icon.error {
	display: inherit;
	color: #A80511!important;
	background-color: transparent
}

.text-notification-without-icon.error span {
	color: #A80511
}

.warning-alert {
	color: #03a;
	position: relative;
	margin-bottom: 0;
	margin-top: 1.5em
}

.text-notification {
	color: #006892
}

.text-notification .rand-amount {
	white-space: nowrap;
	color: #006892
}

.text-notification:before {
	display: inline;
	color: #1E7CA2;
	font-family: FontAwesome;
	content: "";
	padding: .48em .5em .48em 0;
	font-size: 1.5em
}

.text-notification.error {
	display: inherit;
	color: #A80511!important;
	background-color: transparent
}

.text-notification.error span {
	color: #A80511
}

.text-notification.error:before {
	color: #A80511;
	content: "";
	vertical-align: bottom
}

.text-notification.success,
.text-notification.success span {
	color: #0a7
}

.text-notification.success:before {
	color: #39B189;
	content: ""
}

.text-notification.check,
.text-notification.check span {
	color: #0a7
}

.text-notification.check:before {
	color: #39B189;
	content: ""
}

form .notification {
	width: 100%
}

.message {
	display: inline-block;
	padding: .5em;
	font-size: 1em;
	padding-top: .8em
}

.error.message {
	color: #A90A50
}

.block.message {
	display: block;
	padding: 0;
	padding-bottom: 1.5em;
	color: #FF2A4C
}

.block.message i {
	margin-right: .5em
}

.information.message {
	color: #787878;
	margin-bottom: 0
}

@media screen and (max-width:71.3571428571rem) {
	.align-top {
		margin-top: 9px
	}
}

@keyframes hideNotificationAnimation {
	0% {
		opacity: 1;
		-webkit-transform: translateX(0);
		-moz-transform: translateX(0);
		-ms-transform: translateX(0);
		-o-transform: translateX(0);
		transform: translateX(0)
	}
	100% {
		opacity: 0;
		-webkit-transform: translateX(-100%);
		-moz-transform: translateX(-100%);
		-ms-transform: translateX(-100%);
		-o-transform: translateX(-100%);
		transform: translateX(-100%)
	}
}

.always-use-notification {
	padding-top: 1em;
	padding-bottom: 0
}

.reference-notification-padding {
	padding-bottom: 0
}

.payment-notification {
	padding-top: 0;
	padding-bottom: 0
}

.radio-button {
	padding-top: 1em
}

.dashboard {
	overflow: hidden;
	max-width: 67em
}

.dashboard .learn-more-panel,
.dashboard .list-page .accountAndAmountPanel,
.dashboard .list-page .dates-panel,
.dashboard .panel,
.dashboard .switch-cards .cards,
.dashboard .transparent-panel,
.list-page .dashboard .accountAndAmountPanel,
.list-page .dashboard .dates-panel,
.switch-cards .dashboard .cards {
	overflow: auto
}

.dashboard .header {
	font-size: 2em;
	margin-bottom: .3em
}

.dashboard li {
	padding: 0;
	border-bottom: 1px solid #e5e5e1
}

.dashboard a {
	display: block;
	position: relative;
	min-height: 4em;
	border: 1px solid #FFF;
	overflow: hidden;
	text-decoration: none;
	font-size: 1.5em;
	color: #FFF;
	background: #2F91FF;
	padding-left: 4.5em;
	padding-top: 1.2em;
	padding-right: 1em;
	line-height: 1.2em
}

.dashboard a div {
	padding-bottom: 1em
}

.dashboard a.disabled {
	color: #59A6FF;
	cursor: default
}

.dashboard a.disabled:hover {
	background-color: #2F91FF
}

.dashboard a.secondary {
	font-size: 1em;
	color: #2F91FF;
	background: #FFF;
	padding-left: 6.6em
}

.dashboard a.secondary .ibr-icon,
.dashboard a.secondary .icon {
	left: 1em
}

.dashboard a.secondary:hover {
	background-color: #2F91FF;
	color: #FFF;
	cursor: pointer
}

.dashboard a.secondary.disabled {
	color: #ACACAC;
	cursor: default;
	background-color: #FFF
}

.dashboard a.secondary.disabled:hover {
	background-color: #FFF
}

.dashboard a:hover {
	background-color: #1d71d3;
	cursor: pointer
}

.dashboard a .ibr-icon,
.dashboard a .icon {
	font-size: 2.7em;
	position: absolute;
	top: .2em;
	left: .2em
}

.dashboard a .icon-right {
	font-size: 2em;
	position: absolute;
	top: .5em;
	right: .2em
}

@media only screen and (min-width:40rem) {
	.dashboard .list-page .accountAndAmountPanel ul,
	.dashboard .list-page .dates-panel ul,
	.dashboard .switch-cards .cards ul,
	.dashboard ul,
	.list-page .accountAndAmountPanel .dashboard ul,
	.list-page .dates-panel .dashboard ul,
	.switch-cards .cards .dashboard ul {
		margin-bottom: 1.4em
	}
	.dashboard li {
		border-bottom: none
	}
	.dashboard a {
		width: 10.7em;
		height: 8.7em;
		padding-left: 1.2em;
		padding-top: .8em
	}
	.dashboard a .ibr-icon,
	.dashboard a .icon {
		font-size: 3.7em;
		position: absolute;
		top: auto;
		left: auto;
		bottom: .15em;
		right: .15em;
		background-color: #1d71d3;
		border-radius: 50%
	}
}

@media only screen and (min-width:64.063em) {
	.dashboard .header {
		font-size: 1.4em
	}
	.dashboard .login .panel-row,
	.dashboard .pending-payment-header-row,
	.dashboard .profile-view-container .payment-detail-summary-row,
	.dashboard .profile-view-container .profile-view,
	.dashboard .profile-view-container .summary-row,
	.dashboard .profile-view-container .summary-row-pending-payment,
	.dashboard .profile-view-container .summary-row-pending-payment-header,
	.dashboard .profile-view-container .summary-split-row,
	.dashboard .row,
	.dashboard .summary .payment-detail-summary-row,
	.dashboard .summary .summary-row,
	.dashboard .summary .summary-row-pending-payment,
	.dashboard .summary .summary-row-pending-payment-header,
	.dashboard .summary .summary-split-row,
	.login .dashboard .panel-row,
	.profile-view-container .dashboard .payment-detail-summary-row,
	.profile-view-container .dashboard .profile-view,
	.profile-view-container .dashboard .summary-row,
	.profile-view-container .dashboard .summary-row-pending-payment,
	.profile-view-container .dashboard .summary-row-pending-payment-header,
	.profile-view-container .dashboard .summary-split-row,
	.summary .dashboard .payment-detail-summary-row,
	.summary .dashboard .summary-row,
	.summary .dashboard .summary-row-pending-payment,
	.summary .dashboard .summary-row-pending-payment-header,
	.summary .dashboard .summary-split-row {
		height: 37em
	}
	.account-products .dashboard .what-happens-next-column,
	.account-products .dashboard .what-happens-next-disclaimer,
	.dashboard .account-products .what-happens-next-column,
	.dashboard .account-products .what-happens-next-disclaimer,
	.dashboard .central-5,
	.dashboard .central-7,
	.dashboard .columns,
	.dashboard .debit-order-switching ul li,
	.dashboard .icon-description .icon-description-button,
	.dashboard .icon-description .icon-description-item,
	.dashboard .icon-description .icon-description-item-accepted,
	.dashboard .icon-summary .icon-summary-item,
	.dashboard .pending-payment-header-row>div,
	.dashboard .product-row ul li,
	.dashboard .profile-view-container .fix-basics-savings-invests .summary-row>div,
	.dashboard .profile-view-container .profile-view>div,
	.dashboard .profile-view-container .savings-investments .summary-row>div,
	.dashboard .profile-view-container .summary .profile-view>div,
	.dashboard .profile-view-container .summary-row>div,
	.dashboard .profile-view-container .summary-split-row>div,
	.dashboard .summary .fix-basics-savings-invests .summary-row>div,
	.dashboard .summary .savings-investments .summary-row>div,
	.dashboard .summary .summary-row>div,
	.dashboard .summary .summary-split-row>div,
	.debit-order-switching ul .dashboard li,
	.icon-description .dashboard .icon-description-button,
	.icon-description .dashboard .icon-description-item,
	.icon-description .dashboard .icon-description-item-accepted,
	.icon-summary .dashboard .icon-summary-item,
	.product-row ul .dashboard li,
	.profile-view-container .dashboard .profile-view>div,
	.profile-view-container .dashboard .summary-row>div,
	.profile-view-container .dashboard .summary-split-row>div,
	.summary .dashboard .summary-row>div,
	.summary .dashboard .summary-split-row>div {
		height: 100%;
		border-left: 1px solid #e5e5e1
	}
	.account-products .dashboard .what-happens-next-column:first-child,
	.account-products .dashboard .what-happens-next-disclaimer:first-child,
	.dashboard .account-products .what-happens-next-column:first-child,
	.dashboard .account-products .what-happens-next-disclaimer:first-child,
	.dashboard .central-5:first-child,
	.dashboard .central-7:first-child,
	.dashboard .columns:first-child,
	.dashboard .debit-order-switching ul li:first-child,
	.dashboard .icon-description .icon-description-button:first-child,
	.dashboard .icon-description .icon-description-item-accepted:first-child,
	.dashboard .icon-description .icon-description-item:first-child,
	.dashboard .icon-summary .icon-summary-item:first-child,
	.dashboard .pending-payment-header-row>div:first-child,
	.dashboard .product-row ul li:first-child,
	.dashboard .profile-view-container .fix-basics-savings-invests .summary-row>div:first-child,
	.dashboard .profile-view-container .profile-view>div:first-child,
	.dashboard .profile-view-container .savings-investments .summary-row>div:first-child,
	.dashboard .profile-view-container .summary .profile-view>div:first-child,
	.dashboard .profile-view-container .summary-row>div:first-child,
	.dashboard .profile-view-container .summary-split-row>div:first-child,
	.dashboard .summary .fix-basics-savings-invests .summary-row>div:first-child,
	.dashboard .summary .savings-investments .summary-row>div:first-child,
	.dashboard .summary .summary-row>div:first-child,
	.dashboard .summary .summary-split-row>div:first-child,
	.debit-order-switching ul .dashboard li:first-child,
	.icon-description .dashboard .icon-description-button:first-child,
	.icon-description .dashboard .icon-description-item-accepted:first-child,
	.icon-description .dashboard .icon-description-item:first-child,
	.icon-summary .dashboard .icon-summary-item:first-child,
	.product-row ul .dashboard li:first-child,
	.profile-view-container .dashboard .profile-view>div:first-child,
	.profile-view-container .dashboard .summary-row>div:first-child,
	.profile-view-container .dashboard .summary-split-row>div:first-child,
	.summary .dashboard .summary-row>div:first-child,
	.summary .dashboard .summary-split-row>div:first-child {
		border: none
	}
	.dashboard a {
		font-size: 1em;
		width: 9.7em;
		height: 8.7em
	}
}

.headerMegaMenu {
	color: #03a;
	font-family: BentonSans;
	font-size: 16px;
	font-weight: 600;
	width: 100%;
	height: 17px;
	margin-bottom: 2em
}

.headerMegaMenu i {
	margin-right: 10px;
	font-size: 24px;
	position: relative;
	top: 3px
}

.headerMegaMenuOuter {
	margin-left: 10px;
	width: 24%!important
}

.MegaMenuItem {
	width: 100%
}

.MegaMenuItem a {
	text-decoration: none;
	font-family: BentonSans;
	font-size: 14px;
	font-weight: 400;
	font-stretch: normal;
	font-style: normal;
	line-height: 2;
	letter-spacing: normal;
	color: #444
}

.MegaMenuItem a:hover {
	padding: 0 0 1px;
	border-bottom: 2px solid #767676
}

.mobileHeader {
	color: #03a;
	padding-top: 25px
}

.mobileHeader .subMenu {
	margin-bottom: 10px;
	padding-top: 2px
}

.mobileHeader .header {
	font-family: BentonSans;
	font-size: 14px;
	font-weight: 500;
	text-decoration: none;
	color: #03a;
	margin-left: 10px
}

.boder {
	height: 1px;
	border-top: 1px solid #DDD
}

.menuItemInner {
	margin-top: 6px
}

.menuItemOut {
	padding-left: 10px;
	height: 40px
}

.menuSpacing {
	margin-left: 25px
}

.menuLinks {
	color: #444;
	text-decoration: none;
	font-size: 14px;
	font-family: BentonSans
}

.menuLinkSpacing {
	margin-left: 25px
}

.backgroundWhite {
	background-color: #FFF
}

.toTheLeft {
	float: left;
	padding-left: 5px
}

@media only screen and (min-width:0) and (max-width:64rem) {
	.content-large-up {
		display: none!important
	}
	.content-medium-down {
		display: inline!important
	}
}

@media only screen and (min-width:64.063em) {
	.content-medium-down {
		display: none!important
	}
}

@font-face {
	font-family: icomoon;
	src: url(./fonts/icomoon7e2c.eot?p2u93l);
	src: url(./fonts/icomoon7e2c.eot?p2u93l#iefix) format("embedded-opentype"), url(./fonts/icomoon7e2c.ttf?p2u93l) format("truetype"), url(./fonts/icomoon7e2c.woff?p2u93l) format("woff"), url(./fonts/icomoon7e2c.svg?p2u93l#icomoon) format("svg");
	font-weight: 400;
	font-style: normal
}

@font-face {
	font-family: 'Bentonsans Book';
	src: url(./fonts/bentonsans/book/bentonsans-book-webfont.woff) format("woff"), url(./fonts/bentonsans/book/bentonsans-book-webfont.ttf) format("truetype");
	font-weight: 400;
	font-style: normal
}

@font-face {
	font-family: 'Roboto Light';
	src: url(./fonts/Roboto/Light/Roboto-Light-webfont.eot);
	src: url(./fonts/Roboto/Light/Roboto-Light-webfontd41d.eot?#iefix) format("embedded-opentype"), url(./fonts/Roboto/Light/Roboto-Light-webfont.woff) format("woff"), url(./fonts/Roboto/Light/Roboto-Light-webfont.ttf) format("truetype"), url(./fonts/Roboto/Light/Roboto-Light-webfont.svg#robotolight) format("svg");
	font-weight: 400;
	font-style: normal
}

@font-face {
	font-family: Roboto;
	src: url(./fonts/Roboto/Regular/Roboto-Regular-webfont.eot);
	src: url(./fonts/Roboto/Regular/Roboto-Regular-webfontd41d.eot?#iefix) format("embedded-opentype"), url(./fonts/Roboto/Regular/Roboto-Regular-webfont.woff) format("woff"), url(./fonts/Roboto/Regular/Roboto-Regular-webfont.ttf) format("truetype"), url(./fonts/Roboto/Regular/Roboto-Regular-webfont.svg#robotoregular) format("svg");
	font-weight: 400;
	font-style: normal
}

@font-face {
	font-family: Bentonsans;
	src: url(./fonts/bentonsans/regular/bentonsans-regular-webfont.woff) format("woff"), url(./fonts/bentonsans/regular/bentonsans-regular-webfont.ttf) format("truetype");
	font-weight: 400;
	font-style: normal
}

@font-face {
	font-family: 'Bentonsans Light';
	src: url(./fonts/bentonsans/light/bentonsans-light-webfont.woff) format("woff"), url(./fonts/bentonsans/light/bentonsans-light-webfont.ttf) format("truetype");
	font-weight: 400;
	font-style: normal
}

@font-face {
	font-family: 'Bentonsans Bold';
	src: url(./fonts/bentonsans/bold/bentonsans-bold-webfont.woff) format("woff"), url(./fonts/bentonsans/bold/bentonsans-bold-webfont.ttf) format("truetype");
	font-weight: 400;
	font-style: normal
}

@font-face {
	font-family: 'Bentonsans Medium';
	src: url(./fonts/bentonsans/medium/bentonsans-medium-webfont.woff) format("woff"), url(./fonts/bentonsans/medium/bentonsans-medium-webfont.ttf) format("truetype");
	font-weight: 400;
	font-style: normal
}

[class*=" icomoon-"],
[class^=icomoon-] {
	font-family: icomoon;
	speak: none;
	font-style: normal;
	font-weight: 400;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	font-size: 1.5em
}

.icomoon-view-beneficiary:before {
	content: "\e900"
}

.icomoon-search:before {
	content: "\e600"
}

.icomoon-close:before {
	content: "\e60b"
}

.icomoon-onceoff:before {
	content: "\e801"
}

.icomoon-inter:before {
	content: "\e802"
}

.icomoon-traffic:before {
	content: "\e803"
}

.icomoon-remove:before {
	content: "\e804"
}

.icomoon-prepaid:before {
	content: "\e805"
}

.icomoon-scheduled:before {
	content: "\e806"
}

.icomoon-bills:before {
	content: "\e807"
}

.icomoon-calendar:before {
	content: "\e808"
}

.icomoon-dropdown:before {
	content: "\e809"
}

.icomoon-beneficiary-search:before {
	content: "\e80a"
}

.icomoon-delete:before {
	content: "\e80b"
}

.icomoon-edit:before {
	content: "\e80c"
}

.icomoon-pay:before {
	content: "\e80d"
}

.icomoon-alert:before {
	content: "\e80e"
}

.icomoon-add-group:before {
	content: "\e80f"
}

.icomoon-beneficiaries:before {
	content: "\e810"
}

.icomoon-beneficiary:before {
	content: "\e811"
}

.icomoon-pay-group:before {
	content: "\e812"
}

.icomoon-add-beneficiary:before {
	content: "\e813"
}

.icomoon-products:before {
	content: "\e814"
}

.icomoon-prepaid-history:before {
	content: "\e815"
}

.icomoon-view-statements:before {
	content: "\e816"
}

.icomoon-info:before {
	content: "\e817"
}

.icomoon-account-number:before {
	content: "\e819"
}

.icomoon-success:before {
	content: "\e81a"
}

.icomoon-print:before {
	content: "\e81b"
}

.icomoon-download:before {
	content: "\e81c"
}

.icomoon-instant-money:before {
	content: "\e81d"
}

.icomoon-chevron-down:before {
	content: "\e81e"
}

.icomoon-close-circle:before {
	content: "\e81f"
}

.icomoon-print-circle:before {
	content: "\e820"
}

.icomoon-chevron-left:before {
	content: "\e821"
}

.icomoon-chevron-right:before {
	content: "\e822"
}

.icomoon-chevron-up:before {
	content: "\e823"
}

.icomoon-switch-dashboard:before {
	content: "\e824"
}

.icomoon-add:before {
	content: "\e825"
}

.icomoon-back-to-top:before {
	content: "\e826"
}

.icomoon-filter:before {
	content: "\e827"
}

.icomoon-arrow-down:before {
	content: "\e828"
}

.icomoon-arrow-left:before {
	content: "\e829"
}

.icomoon-home:before {
	content: "\e82a"
}

.icomoon-arrow-right:before {
	content: "\e82b"
}

.icomoon-account:before {
	content: "\e82c"
}

.icomoon-resend:before {
	content: "\e82d"
}

.icomoon-payment-notifications:before {
	content: "\e82e"
}

.icomoon-profile:before {
	content: "\e830"
}

.icomoon-view-scheduled-prepaid:before {
	content: "\e832"
}

.icomoon-overdraft:before {
	content: "\e833"
}

.icomoon-security:before {
	content: "\e834"
}

.icomoon-transaction-history:before {
	content: "\e835"
}

.icomoon-pending:before {
	content: "\e836"
}

.icomoon-view-scheduled-payments:before {
	content: "\e837"
}

.icomoon-email:before {
	content: "\e839"
}

.icomoon-email-circle:before {
	content: "\e83a"
}

.icomoon-arrow-up:before {
	content: "\e83b"
}

.icomoon-tick:before {
	content: "\e83c"
}

.icomoon-call:before {
	content: "\e83d"
}

.icomoon-international-payment:before {
	content: "\e83e"
}

.icomoon-change-monthly-limit:before {
	content: "\e83f"
}

.icomoon-overdraft-limit:before {
	content: "\e797"
}

@font-face {
	font-family: ibr-icon;
	src: url(./fonts/ibrFonts/ibr-icon47bd.eot?196c05289ce4846d9fac11e231a31f78);
	src: url(./fonts/ibrFonts/ibr-icon47bd.eot?196c05289ce4846d9fac11e231a31f78#iefix) format("embedded-opentype"), url(./fonts/ibrFonts/ibr-icon47bd.woff?196c05289ce4846d9fac11e231a31f78) format("woff"), url(./fonts/ibrFonts/ibr-icon47bd.ttf?196c05289ce4846d9fac11e231a31f78) format("truetype");
	font-weight: 400;
	font-style: normal
}

.ibr-icon {
	font-family: ibr-icon;
	display: inline-block;
	line-height: 1;
	font-weight: 400;
	font-style: normal;
	speak: none;
	text-decoration: inherit;
	text-transform: none;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale
}

.ibr-icon-CellC:before {
	content: "\f101"
}

.ibr-icon-Desktop-Instant-Money:before {
	content: "\f102"
}

.ibr-icon-Document:before {
	content: "\f103"
}

.ibr-icon-IBR-Icons_Business-Solutions:before {
	content: "\f104"
}

.ibr-icon-IBR-Icons_Chevron_down:before {
	content: "\f105"
}

.ibr-icon-IBR-Icons_Chevron_left:before {
	content: "\f106"
}

.ibr-icon-IBR-Icons_Chevron_right:before {
	content: "\f107"
}

.ibr-icon-IBR-Icons_Chevron_up:before {
	content: "\f108"
}

.ibr-icon-Icon_orange_invest:before {
	content: "\f109"
}

.ibr-icon-Partners-approve:before {
	content: "\f10a"
}

.ibr-icon-Request-approval:before {
	content: "\f10b"
}

.ibr-icon-Users-can-start-approving:before {
	content: "\f10c"
}

.ibr-icon-account-transfer:before {
	content: "\f10d"
}

.ibr-icon-add-user:before {
	content: "\f10e"
}

.ibr-icon-alert:before {
	content: "\f10f"
}

.ibr-icon-approve-payments:before {
	content: "\f110"
}

.ibr-icon-arrows:before {
	content: "\f111"
}

.ibr-icon-box:before {
	content: "\f112"
}

.ibr-icon-business-sol:before {
	content: "\f113"
}

.ibr-icon-buy:before {
	content: "\f114"
}

.ibr-icon-calendar:before {
	content: "\f115"
}

.ibr-icon-check:before {
	content: "\f116"
}

.ibr-icon-chevron-down:before {
	content: "\f117"
}

.ibr-icon-chevron-left:before {
	content: "\f118"
}

.ibr-icon-chevron-right:before {
	content: "\f119"
}

.ibr-icon-chevron-up:before {
	content: "\f11a"
}

.ibr-icon-circle:before {
	content: "\f11b"
}

.ibr-icon-close:before {
	content: "\f11c"
}

.ibr-icon-close_icon_white:before {
	content: "\f11d"
}

.ibr-icon-closed:before {
	content: "\f11e"
}

.ibr-icon-confirm:before {
	content: "\f11f"
}

.ibr-icon-confirmation-document:before {
	content: "\f120"
}

.ibr-icon-copy:before {
	content: "\f121"
}

.ibr-icon-delete:before {
	content: "\f122"
}

.ibr-icon-deposit:before {
	content: "\f123"
}

.ibr-icon-download:before {
	content: "\f124"
}

.ibr-icon-download_lean:before {
	content: "\f125"
}

.ibr-icon-edit:before {
	content: "\f126"
}

.ibr-icon-electricity:before {
	content: "\f127"
}

.ibr-icon-email-transactions:before {
	content: "\f128"
}

.ibr-icon-eye-closed:before {
	content: "\f129"
}

.ibr-icon-eye-open:before {
	content: "\f12a"
}

.ibr-icon-filters:before {
	content: "\f12b"
}

.ibr-icon-generate:before {
	content: "\f12c"
}

.ibr-icon-help:before {
	content: "\f12d"
}

.ibr-icon-history_and_documents:before {
	content: "\f12e"
}

.ibr-icon-ibr-icon-change-password:before {
	content: "\f12f"
}

.ibr-icon-ibr-icon-quick-links:before {
	content: "\f130"
}

.ibr-icon-icn-house:before {
	content: "\f131"
}

.ibr-icon-icn-loan:before {
	content: "\f132"
}

.ibr-icon-icn-slider-controls:before {
	content: "\f133"
}

.ibr-icon-icn-trolley:before {
	content: "\f134"
}

.ibr-icon-icn-wallet:before {
	content: "\f135"
}

.ibr-icon-icomoon-traffic:before {
	content: "\f136"
}

.ibr-icon-icomoon-view-scheduled-prepaid:before {
	content: "\f137"
}

.ibr-icon-info:before {
	content: "\f138"
}

.ibr-icon-manage:before {
	content: "\f139"
}

.ibr-icon-menu:before {
	content: "\f13a"
}

.ibr-icon-mtn:before {
	content: "\f13b"
}

.ibr-icon-notes:before {
	content: "\f13c"
}

.ibr-icon-online-banking:before {
	content: "\f13d"
}

.ibr-icon-past:before {
	content: "\f13e"
}

.ibr-icon-pay:before {
	content: "\f13f"
}

.ibr-icon-people:before {
	content: "\f140"
}

.ibr-icon-plus:before {
	content: "\f141"
}

.ibr-icon-proof-of-payment:before {
	content: "\f142"
}

.ibr-icon-radio-button:before {
	content: "\f143"
}

.ibr-icon-savings:before {
	content: "\f144"
}

.ibr-icon-search:before {
	content: "\f145"
}

.ibr-icon-set-up:before {
	content: "\f146"
}

.ibr-icon-share:before {
	content: "\f147"
}

.ibr-icon-sign-out:before {
	content: "\f148"
}

.ibr-icon-standard-bank:before {
	content: "\f149"
}

.ibr-icon-standard:before {
	content: "\f14a"
}

.ibr-icon-statement-icon:before {
	content: "\f14b"
}

.ibr-icon-statement:before {
	content: "\f14c"
}

.ibr-icon-stop-payment-icon:before {
	content: "\f14d"
}

.ibr-icon-telkom:before {
	content: "\f14e"
}

.ibr-icon-transact:before {
	content: "\f14f"
}

.ibr-icon-upload-download:before {
	content: "\f150"
}

.ibr-icon-upload:before {
	content: "\f151"
}

.ibr-icon-virgin:before {
	content: "\f152"
}

.ibr-icon-vodacom:before {
	content: "\f153"
}

.ibr-icon-white:before {
	content: "\f154"
}

.ibr-icon-icn-insurance:before {
	content: "\f155"
}

.back-to-top {
	display: block;
	position: fixed;
	z-index: 99;
	right: .5em;
	bottom: .2em;
	font-size: 2.3em;
	opacity: .4;
	height: 78px
}

@media only screen and (min-width:64.063em) {
	.back-to-top {
		display: none
	}
}

.always-back-to-top .back-to-top {
	display: block
}

.divider-container {
	position: relative
}

.divider {
	left: 0;
	top: 0
}

.divider>.t {
	box-sizing: border-box;
	position: absolute;
	min-width: 3em;
	min-height: 3em;
	max-width: 6em;
	max-height: 6em;
	width: auto;
	height: 3em;
	margin-top: 2.88em;
	padding-left: .5em;
	padding-right: .5em;
	color: #D2D2D2;
	background: #FFF;
	border: 1px solid #D2D2D2;
	border-radius: 1.5em;
	text-align: center;
	font-size: 1em;
	line-height: 2.88em;
	overflow: hidden;
	z-index: 2
}

.divider.vertical {
	position: absolute;
	width: 1.5em;
	height: 100%;
	border-left: 1px solid #D2D2D2;
	overflow: visible
}

.divider.vertical>.t {
	top: 50%;
	left: -1.5em;
	margin: -1.5em 0 0 0
}

.divider.horizontal {
	position: relative;
	max-width: 67em;
	width: 100%;
	height: 1.5em;
	margin: 1em 0 2.5em;
	border-bottom: 1px solid #D2D2D2;
	overflow: visible
}

.account-setup-class .divider.horizontal>.t,
.additional-information-class .divider.horizontal>.t,
.credit-card-delivery-class .divider.horizontal>.t,
.divider.horizontal>.t {
	top: 0;
	left: 50%;
	margin: 0 0 0 -1.5em
}

.styled-select {
	width: 100%;
	border: none;
	display: inline-block;
	padding: 0;
	overflow: hidden;
	height: 38px;
	outline: 0
}

.styled-select select {
	width: 100%;
	background-position: 100% center;
	-webkit-appearance: none;
	-moz-appearance: none;
	-o-appearance: none;
	appearance: none;
	-webkit-border-radius: 0;
	background-color: #FFF;
	background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNi4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB3aWR0aD0iMzBweCIgaGVpZ2h0PSIzOHB4IiB2aWV3Qm94PSIwIDAgMzAgMzgiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDMwIDM4IiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxyZWN0IHk9Ii0wLjA3MiIgZmlsbD0iI0YzRjNGMyIgd2lkdGg9IjMwIiBoZWlnaHQ9IjM4LjE0NSIvPg0KPHBhdGggZmlsbD0iIzZBODg5RCIgZD0iTTE1LjUyOSwyMS4zNjZMMTksMTYuNjMzaC02Ljk0MUwxNS41MjksMjEuMzY2eiIvPg0KPC9zdmc+DQo=);
	background-repeat: no-repeat;
	border: 1px solid #D2D2D2;
	padding: .7em;
	padding: 0;
	padding-left: 1em;
	padding-right: 3em;
	font-size: 1em;
	line-height: normal;
	border-radius: 0;
	height: 38px;
	outline: 0;
	-moz-outline: 0;
	-webkit-outline: 0
}

@media only screen and (max-width:39.9375rem) {
	.styled-select select {
		padding: 0!important;
		padding-left: 1em!important
	}
}

.styled-select select:-moz-focusring {
	color: transparent;
	text-shadow: 0 0 0 #000
}

@media only screen and (min-width:64.063em) {
	.styled-select select {
		width: 100%;
		background-position: 100% center;
		padding-right: 4em
	}
}

@media screen and (min-width:1282px) {
	.styled-select select {
		overflow: hidden
	}
}

.styled-select select:focus {
	background-color: #FFF;
	outline: 0
}

.styled-select select:focus {
	border: 1px solid #FF2A4C
}

.styled-select select.show-validation-styles.ng-valid,
.styled-select select:focus {
	border: 1px solid #72B13B
}

.styled-select select::-ms-expand {
	display: none
}

.styled-select.disabled {
	background-color: #E2E2E2
}

.inline-select {
	width: 100%
}

@media only screen and (min-width:40rem) {
	.inline-select {
		margin: 0;
		width: 65%
	}
}

.inline-info {
	margin-top: 1em
}

@media only screen and (min-width:40rem) {
	.inline-info {
		width: 30%;
		margin-top: 1.5em;
		margin-left: 1em
	}
}

.icon-select-caret-down {
	background-image: url(../../images/icon_select_caret_down.png)!important;
	padding-bottom: 2px!important
}

ibr-select {
	display: block
}

ibr-select .ibr-select {
	margin-top: .25em
}

ibr-select .ibr-select-view {
	width: 100%;
	height: 3.4285714286rem;
	border-radius: 4px;
	background-color: #FFF;
	border: solid 1px #D2D2D2;
	padding-left: 1.0714285714rem;
	padding-right: 1.0714285714rem;
	padding-top: .7857142857rem;
	cursor: pointer;
	overflow: hidden;
	color: #444
}

ibr-select .ibr-select-view .material-icons {
	color: #444
}

ibr-select .ibr-select-view.placeholder {
	color: #767676
}

ibr-select .ibr-select-view.placeholder .material-icons {
	color: #03a
}

ibr-select .ibr-select-view.active {
	border: solid 1px #03a
}

ibr-select .ibr-select-view.active .material-icons {
	color: #03a
}

ibr-select .ibr-select-view-text {
	float: left;
	padding-top: .1428571429rem
}

ibr-select .ibr-select-view-icon {
	float: right
}

ibr-select .ibr-select-list {
	position: absolute;
	border-radius: 2px;
	background-color: #FFF;
	box-shadow: 0 14px 28px 0 rgba(0, 0, 0, .25), 0 10px 10px 0 rgba(0, 0, 0, .26);
	width: 100%;
	display: none;
	margin-bottom: 20px;
	z-index: 99
}

ibr-select .ibr-select-list ibr-option {
	position: relative;
	padding: .7142857143rem;
	padding-left: 1.1428571429rem;
	color: #444;
	display: block
}

ibr-select .ibr-select-list ibr-option.selected {
	color: #36c
}

ibr-select .ibr-select-list ibr-option:hover {
	background-color: #EDEDED;
	cursor: pointer
}

ibr-select .ibr-select .scrollbar {
	float: left;
	max-height: 200px;
	overflow-y: scroll
}

ibr-select .ibr-select #scrollbar-style::-webkit-scrollbar {
	width: 5px
}

ibr-select .ibr-select #scrollbar-style::-webkit-scrollbar-thumb {
	background-color: #0037a7;
	border-radius: 5px;
	height: 30px
}

ibr-select[disabled] .ibr-select-view {
	background-color: #EDEDED;
	border: 1px solid #EEE
}

upl-select {
	display: block
}

upl-select .ibr-select {
	margin-top: .25em
}

upl-select .ibr-select-view {
	width: 100%;
	height: 3.4285714286rem;
	border-radius: 4px;
	background-color: #FFF;
	border: solid 1px #D2D2D2;
	padding-left: 1.0714285714rem;
	padding-right: 1.0714285714rem;
	padding-top: .7857142857rem;
	cursor: pointer;
	overflow: hidden;
	color: #444
}

upl-select .ibr-select-view .material-icons {
	color: #444
}

upl-select .ibr-select-view.placeholder {
	color: #dbdbdb
}

upl-select .ibr-select-view.placeholder .material-icons {
	color: #03a
}

upl-select .ibr-select-view.active {
	border: solid 1px #03a
}

upl-select .ibr-select-view.active .material-icons {
	color: #03a
}

upl-select .ibr-select-view-text {
	float: left;
	padding-top: .1428571429rem
}

upl-select .ibr-select-view-icon {
	float: right
}

upl-select .ibr-select-list {
	position: absolute;
	border-radius: 2px;
	background-color: #FFF;
	box-shadow: 0 14px 28px 0 rgba(0, 0, 0, .25), 0 10px 10px 0 rgba(0, 0, 0, .26);
	width: 100%;
	display: none;
	margin-bottom: 20px;
	z-index: 99
}

upl-select .ibr-select-list ibr-option {
	position: relative;
	padding: .7142857143rem;
	padding-left: 1.1428571429rem;
	color: #444;
	display: block
}

upl-select .ibr-select-list ibr-option.selected {
	color: #36c
}

upl-select .ibr-select-list ibr-option:hover {
	background-color: #EDEDED;
	cursor: pointer
}

upl-select .ibr-select .scrollbar {
	float: left;
	max-height: 200px;
	overflow-y: scroll
}

upl-select .ibr-select #scrollbar-style::-webkit-scrollbar {
	width: 5px
}

upl-select .ibr-select #scrollbar-style::-webkit-scrollbar-thumb {
	background-color: #0037a7;
	border-radius: 5px;
	height: 30px
}

upl-select[disabled] .ibr-select-view {
	background-color: #EDEDED;
	border: 1px solid #EEE
}

.filter-controls,
.filter-controls .styled-select {
	margin-bottom: 1em
}

@media only screen and (min-width:64.063em) {
	.filter-controls .styled-select {
		margin-bottom: 0;
		margin-right: 1em;
		width: auto
	}
}

.filter,
.typeahead-container {
	width: 100%
}

.filter input,
.typeahead-container input {
	padding-left: 2.5em;
	padding-right: 2.5em
}

@media only screen and (min-width:64.063em) {
	.filter,
	.typeahead-container {
		width: auto
	}
}

ibr-filter-box input {
	padding-left: 3.3571428571rem;
	padding-right: 3.3571428571rem;
	height: 3.428rem!important;
	border-radius: 4px
}

ol.steps {
	padding: 0;
	margin-left: 0;
	margin-top: 0;
	margin-bottom: 30px;
	list-style-type: none;
	max-width: 67em;
	float: none
}

ol.steps:after,
ol.steps:before {
	content: " ";
	display: table
}

ol.steps:after {
	clear: both
}

ol.steps li {
	display: inline-block;
	text-align: center;
	line-height: 3em;
	font-size: .73em;
	float: left
}

@media only screen and (min-width:40rem) {
	ol.steps li {
		font-size: .93em
	}
}

ol.steps li.step-done {
	color: #72B13B;
	border-bottom: 3px solid #72B13B
}

ol.steps li.step-done span {
	display: none
}

@media only screen and (min-width:40rem) {
	ol.steps li.step-done span {
		display: inline;
		display: inline-block;
		display: initial
	}
}

@media only screen and (min-width:40rem) and (min-width:640px) and (max-width:1023px) {
	ol.steps li.step-done span {
		font-size: 9px
	}
}

ol.steps li.step-done:before {
	font-family: FontAwesome;
	content: "\f058";
	color: #72B13B;
	background-color: #FFF;
	border: none;
	border-radius: 1.2em;
	font-size: 1.8em;
	bottom: -1.25em
}

ol.steps li.step-todo {
	color: silver;
	border-bottom: 3px solid silver
}

ol.steps li.step-todo span {
	display: none
}

@media only screen and (min-width:40rem) {
	ol.steps li.step-todo span {
		display: inline;
		display: inline-block;
		display: initial
	}
}

@media only screen and (min-width:40rem) and (min-width:640px) and (max-width:1023px) {
	ol.steps li.step-todo span {
		font-size: 9px
	}
}

ol.steps li.step-todo:before {
	font-family: FontAwesome;
	content: "\f10c";
	color: silver;
	background-color: #EDEDED;
	font-size: 1.5em;
	bottom: -1.6em
}

ol.steps li.step-current {
	color: #03a;
	border-bottom: 3px solid #03a
}

@media (min-width:640px) and (max-width:1023px) {
	ol.steps li.step-current {
		margin-top: -1px
	}
}

ol.steps li.step-current span {
	display: inline;
	display: inline-block;
	display: initial
}

@media (min-width:320px) and (max-width:639px) {
	ol.steps li.step-current span {
		text-align: center
	}
}

@media (min-width:640px) and (max-width:1023px) {
	ol.steps li.step-current span {
		font-size: 10px
	}
}

ol.steps li.step-current:before {
	font-family: FontAwesome;
	content: "\f10c";
	color: #03a;
	background-color: #EDEDED;
	bottom: -1.6em
}

ol.steps li:after {
	content: "\00a0\00a0"
}

ol.steps li:before {
	position: relative;
	bottom: -2.5em;
	float: left;
	left: 46%;
	line-height: 1em;
	border-radius: 1em
}

ol.steps[data-progtrckr-steps="2"] li {
	width: 50%
}

ol.steps[data-progtrckr-steps="3"] li {
	width: 33%
}

ol.steps[data-progtrckr-steps="4"] li {
	width: 25%
}

@media only screen and (max-width:39.9375rem) {
	ol.steps[data-progtrckr-steps="5"] li.step-done:before {
		left: 30%
	}
}

@media only screen and (max-width:39.9375rem) {
	ol.steps[data-progtrckr-steps="5"] li {
		width: 10%;
		font-size: .9em
	}
	ol.steps[data-progtrckr-steps="5"] li.step-current {
		width: 45%
	}
	ol.steps[data-progtrckr-steps="5"] li:not(.step-current) span {
		display: none
	}
}

@media only screen {
	ol.steps[data-progtrckr-steps="5"] li {
		width: 15%;
		font-size: .9em
	}
	ol.steps[data-progtrckr-steps="5"] li.step-current {
		width: 40%
	}
	ol.steps[data-progtrckr-steps="5"] li:not(.step-current) span {
		display: none
	}
}

@media only screen and (min-width:64.063em) {
	ol.steps[data-progtrckr-steps="5"] li {
		width: 20%!important
	}
	ol.steps[data-progtrckr-steps="5"] li span {
		display: inline!important
	}
}

@media only screen and (max-width:39.9375rem) {
	.wide ol.steps[data-progtrckr-steps="6"] li.step-done:before {
		left: 30%
	}
}

@media only screen {
	.wide ol.steps[data-progtrckr-steps="6"] li {
		width: 15%;
		font-size: .9em
	}
	.wide ol.steps[data-progtrckr-steps="6"] li.step-current {
		width: 24%
	}
}

@media only screen and (min-width:64.063em) {
	.wide ol.steps[data-progtrckr-steps="6"] li {
		width: 16.66%!important
	}
	.wide ol.steps[data-progtrckr-steps="6"] li span {
		display: inline!important
	}
}

@media only screen and (max-width:39.9375rem) {
	:not(.wide) ol.steps[data-progtrckr-steps="6"] li.step-done:before {
		left: 30%
	}
}

@media only screen {
	:not(.wide) ol.steps[data-progtrckr-steps="6"] li {
		width: 15%;
		font-size: .8em
	}
	:not(.wide) ol.steps[data-progtrckr-steps="6"] li.step-current {
		width: 24%
	}
}

@media only screen {
	ol.steps[data-progtrckr-steps="7"] li {
		width: 10%;
		font-size: .9em
	}
	ol.steps[data-progtrckr-steps="7"] li.step-current {
		width: 40%
	}
	ol.steps[data-progtrckr-steps="7"] li:not(.step-current) span {
		display: none
	}
}

@media only screen and (min-width:64.063em) {
	ol.steps[data-progtrckr-steps="7"] li {
		width: 14.285%!important
	}
	ol.steps[data-progtrckr-steps="7"] li span {
		display: inline!important
	}
}

@media only screen {
	ol.steps[data-progtrckr-steps="8"] li {
		width: 8.57%;
		font-size: .9em
	}
	ol.steps[data-progtrckr-steps="8"] li.step-current {
		width: 40%
	}
	ol.steps[data-progtrckr-steps="8"] li:not(.step-current) span {
		display: none
	}
}

@media only screen and (min-width:64.063em) {
	ol.steps[data-progtrckr-steps="8"] li {
		width: 12.5%!important
	}
	ol.steps[data-progtrckr-steps="8"] li span {
		display: inline!important
	}
}

@media only screen {
	ol.steps[data-progtrckr-steps="9"] li {
		width: 7.5%;
		font-size: .9em
	}
	ol.steps[data-progtrckr-steps="9"] li.step-current {
		width: 40%
	}
	ol.steps[data-progtrckr-steps="9"] li:not(.step-current) span {
		display: none
	}
}

@media only screen and (min-width:64.063em) {
	ol.steps[data-progtrckr-steps="9"] li {
		width: 11.11%!important
	}
	ol.steps[data-progtrckr-steps="9"] li span {
		display: inline!important
	}
}

.grey-text {
	color: #787878
}

.white-text {
	color: #FFF!important
}

.disclaimer-text {
	font-size: 13px;
	color: #999
}

.typeahead-container {
	position: relative;
	padding: 0
}

.typeahead-container input {
	height: 2.8em
}

.typeahead-container .form-error {
	top: -1.8em
}

.typeahead {
	background-color: #FFF;
	border: 1px solid #D2D2D2;
	position: absolute;
	left: 0;
	width: 100%;
	z-index: 999;
	border-top: none;
	box-shadow: 0 0 2px 1px #aaa
}

.typeahead li {
	padding: .5em .7em;
	border-bottom: 1px solid #EEE;
	cursor: pointer;
	color: #424242
}

.typeahead li:last-child {
	border-bottom: none
}

.typeahead li.current,
.typeahead li:hover {
	background: #026CB8;
	color: #FFF
}

.display-number-items li:last-child {
	padding: .5em;
	border-top: 2px solid #EEE;
	color: #A0A0A0;
	cursor: default
}

.display-number-items li:last-child:hover {
	background-color: #FFF
}

form section,
ng-form section {
	padding-bottom: 1em
}

form div,
ng-form div {
	position: relative
}

form ibr-button span,
form ibr-link span,
ng-form ibr-button span,
ng-form ibr-link span {
	color: inherit
}

form span,
ng-form span {
	color: #787878;
	font-size: 1em
}

form .close,
ng-form .close {
	position: absolute;
	top: .4em;
	right: .4em;
	cursor: pointer
}

form ibr-datepicker.upgraded .calendar-icon,
ng-form ibr-datepicker.upgraded .calendar-icon {
	position: absolute;
	top: .8571428571rem;
	right: .8571428571rem;
	color: #767676
}

form ibr-datepicker.upgraded .calendar-icon-active,
ng-form ibr-datepicker.upgraded .calendar-icon-active {
	color: #0ad
}

form ibr-datepicker.upgraded .calendar-icon-active:after,
ng-form ibr-datepicker.upgraded .calendar-icon-active:after {
	border: solid;
	border-color: #03a transparent;
	border-width: 0 14px 12px;
	top: 31px;
	content: "";
	right: -2px;
	position: absolute;
	z-index: 99
}

form .calendar-icon,
ng-form .calendar-icon {
	position: absolute;
	top: .4em;
	right: .4em;
	color: #767676;
	cursor: pointer
}

form .icomoon-search,
ng-form .icomoon-search {
	position: absolute;
	top: .4em;
	left: .4em
}

form ibr-filter-box .close,
form ibr-filter-box .icomoon-search,
ng-form ibr-filter-box .close,
ng-form ibr-filter-box .icomoon-search {
	top: .8571428571rem
}

form .search-icon,
ng-form .search-icon {
	position: absolute;
	top: .9285714286rem;
	left: 1.2142857143rem;
	color: #767676;
	font-size: 1.6428571429rem
}

ibr-password {
	display: block;
	position: relative
}

ibr-password input {
	height: 3.428rem!important;
	border-radius: 4px
}

.radio-button-group li {
	display: inline-block;
	padding-right: 1em;
	position: relative;
	z-index: 0
}

.radio-button-group li input[type=radio] {
	cursor: pointer
}

.radio-button-group li label {
	margin: 0
}

ibr-radio label {
	z-index: 0
}

ibr-radio .mdl-radio__inner-circle {
	background: #0496FD
}

ibr-radio .mdl-radio.is-checked .mdl-radio__outer-circle {
	border-color: #0496FD
}

ibr-radio .mdl-radio__ripple-container .mdl-ripple,
ibr-switch .mdl-switch.is-checked .mdl-switch__thumb,
ibr-switch .mdl-switch__ripple-container .mdl-ripple {
	background: #0496FD
}

ibr-switch .mdl-switch.is-checked .mdl-switch__track {
	background: #0496FD;
	opacity: .5
}

@media only screen and (min-width:40rem) {
	.currency {
		text-align: right
	}
}

.currency.negative {
	color: #E70011!important
}

.currency.positive {
	color: #0E8A00!important
}

.ibr-amount .input-group,
ibr-amount .input-group {
	position: relative;
	margin-top: .25em
}

.ibr-amount .input-group .ouuter-icon,
ibr-amount .input-group .ouuter-icon {
	position: absolute;
	width: 2em;
	height: 3.5rem
}

.ibr-amount input[name=Amount],
ibr-amount input[name=Amount] {
	padding-left: 3.6em;
	border-radius: 4px;
	height: 3.428rem
}

@media only screen and (min-width:40rem) {
	.ibr-amount input[name=Amount],
	ibr-amount input[name=Amount] {
		width: auto;
		display: inline
	}
}

.ibr-amount input::-webkit-inner-spin-button,
.ibr-amount input::-webkit-outer-spin-button,
ibr-amount input::-webkit-inner-spin-button,
ibr-amount input::-webkit-outer-spin-button {
	-webkit-appearance: none;
	margin: 0
}

.ibr-amount input[type=number],
ibr-amount input[type=number] {
	-moz-appearance: textfield
}

.ibr-amount .icon,
ibr-amount .icon {
	color: #424242;
	position: absolute
}

.ibr-amount .icon.icon-rand,
ibr-amount .icon.icon-rand {
	color: #787878;
	font-size: 1em;
	font-family: inherit;
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	position: unset;
	width: 100%;
	height: 100%
}

.ibr-amount.upgraded .icon-rand,
ibr-amount.upgraded .icon-rand {
	padding-top: .8571428571rem;
	padding-left: .7857142857rem
}

.ibr-amount.upgraded input,
ibr-amount.upgraded input {
	padding-left: 2.5714285714rem;
	height: 3.428rem;
	border-radius: 4px
}

.ibr-amount.success input,
ibr-amount.success input {
	border-color: #0E8A00!important
}

.ibr-amount.error input,
ibr-amount.error input {
	border-color: #E70011!important
}

.profile-view-container .beneficiaryName,
.summary .beneficiaryName {
	white-space: pre
}

@media only screen and (min-width:40rem) {
	.profile-view-container #exchangeRate,
	.summary #exchangeRate {
		display: inline!important
	}
}

@media only screen {
	.profile-view-container #exchageRateCountdown,
	.summary #exchageRateCountdown {
		width: 100%
	}
}

@media only screen and (min-width:40rem) {
	.profile-view-container #exchageRateCountdown,
	.summary #exchageRateCountdown {
		display: inline;
		width: 45%
	}
}

.profile-view-container #exchageRateCountdown>span,
.summary #exchageRateCountdown>span {
	width: auto;
	color: #0496FD
}

.profile-view-container h4,
.summary h4 {
	padding-top: 1em;
	padding-bottom: .6em;
	border-bottom: 1px solid #D2D2D2;
	font-size: 1.5rem
}

.profile-view-container hr,
.summary hr {
	color: #D2D2D2
}

.profile-view-container .profile-view,
.profile-view-container .summary-row,
.profile-view-container .summary-row-pending-payment,
.profile-view-container .summary-row-pending-payment-header,
.profile-view-container .summary-split-row,
.summary .summary-row,
.summary .summary-row-pending-payment,
.summary .summary-row-pending-payment-header,
.summary .summary-split-row {
	padding-bottom: 1em;
	border-bottom: 1px solid #EEE
}

.profile-view-container .profile-view span,
.profile-view-container .summary-row span,
.profile-view-container .summary-row-pending-payment span,
.profile-view-container .summary-row-pending-payment-header span,
.profile-view-container .summary-split-row span,
.summary .summary-row span,
.summary .summary-row-pending-payment span,
.summary .summary-row-pending-payment-header span,
.summary .summary-split-row span {
	display: block
}

.profile-view-container .profile-view,
.profile-view-container .summary-row,
.profile-view-container .summary-row-one-line,
.profile-view-container .summary-row-pending-payment,
.profile-view-container .summary-row-pending-payment-header,
.profile-view-container .summary-split-row,
.summary .summary-row,
.summary .summary-row-one-line,
.summary .summary-row-pending-payment,
.summary .summary-row-pending-payment-header,
.summary .summary-split-row {
	padding-top: 1em
}

.profile-view-container .fix-basics-savings-invests .summary-row>div,
.profile-view-container .profile-view>div,
.profile-view-container .savings-investments .summary-row>div,
.profile-view-container .summary .profile-view>div,
.profile-view-container .summary-row-one-line>div,
.profile-view-container .summary-row-pending-payment-header>div,
.profile-view-container .summary-row-pending-payment>div,
.profile-view-container .summary-row>div,
.profile-view-container .summary-split-row>div,
.summary .fix-basics-savings-invests .summary-row>div,
.summary .savings-investments .summary-row>div,
.summary .summary-row-one-line>div,
.summary .summary-row-pending-payment-header>div,
.summary .summary-row-pending-payment>div,
.summary .summary-row>div,
.summary .summary-split-row>div {
	padding-left: 0
}

.profile-view-container .profile-view span,
.profile-view-container .summary-row span,
.profile-view-container .summary-row-one-line span,
.profile-view-container .summary-row-pending-payment span,
.profile-view-container .summary-row-pending-payment-header span,
.profile-view-container .summary-split-row span,
.summary .summary-row span,
.summary .summary-row-one-line span,
.summary .summary-row-pending-payment span,
.summary .summary-row-pending-payment-header span,
.summary .summary-split-row span {
	color: #787878
}

.profile-view-container .profile-view span:nth-child(1),
.profile-view-container .summary-row span:nth-child(1),
.profile-view-container .summary-row-one-line span:nth-child(1),
.profile-view-container .summary-row-pending-payment span:nth-child(1),
.profile-view-container .summary-row-pending-payment-header span:nth-child(1),
.profile-view-container .summary-split-row span:nth-child(1),
.summary .summary-row span:nth-child(1),
.summary .summary-row-one-line span:nth-child(1),
.summary .summary-row-pending-payment span:nth-child(1),
.summary .summary-row-pending-payment-header span:nth-child(1),
.summary .summary-split-row span:nth-child(1) {
	color: #232323
}

@media only screen and (max-width:39.9375rem) {
	.profile-view-container .profile-view span,
	.profile-view-container .summary-row span,
	.profile-view-container .summary-row-one-line span,
	.profile-view-container .summary-row-pending-payment span,
	.profile-view-container .summary-row-pending-payment-header span,
	.profile-view-container .summary-split-row span,
	.summary .summary-row span,
	.summary .summary-row-one-line span,
	.summary .summary-row-pending-payment span,
	.summary .summary-row-pending-payment-header span,
	.summary .summary-split-row span {
		display: inline-block;
		width: 105%;
		word-wrap: break-word
	}
}

.profile-view-container .summary-row-one-line,
.profile-view-container .summary-row-pending-payment-header,
.summary .summary-row-one-line,
.summary .summary-row-pending-payment-header {
	border-bottom: 0
}

.profile-view-container .summary-row-one-line span,
.profile-view-container .summary-row-pending-payment-header span,
.summary .summary-row-one-line span,
.summary .summary-row-pending-payment-header span {
	display: inline-block;
	color: #787878;
	width: 60%
}

.profile-view-container .summary-row-one-line span:nth-child(1),
.profile-view-container .summary-row-pending-payment-header span:nth-child(1),
.summary .summary-row-one-line span:nth-child(1),
.summary .summary-row-pending-payment-header span:nth-child(1) {
	width: 30%;
	vertical-align: top
}

@media only screen and (max-width:39.9375rem) {
	.profile-view-container .summary-row-one-line span:nth-child(1),
	.profile-view-container .summary-row-pending-payment-header span:nth-child(1),
	.summary .summary-row-one-line span:nth-child(1),
	.summary .summary-row-pending-payment-header span:nth-child(1) {
		width: 45%
	}
}

@media only screen and (max-width:39.9375rem) {
	.profile-view-container .summary-row-one-line span,
	.profile-view-container .summary-row-pending-payment-header span,
	.summary .summary-row-one-line span,
	.summary .summary-row-pending-payment-header span {
		width: 45%
	}
}

.profile-view-container .summary-row-one-line span.address,
.profile-view-container .summary-row-pending-payment-header span.address,
.summary .summary-row-one-line span.address,
.summary .summary-row-pending-payment-header span.address {
	float: right
}

.profile-view-container .summary-row-one-line .right-block,
.profile-view-container .summary-row-pending-payment-header .right-block,
.summary .summary-row-one-line .right-block,
.summary .summary-row-pending-payment-header .right-block {
	display: inline-block;
	width: 60%
}

@media only screen and (max-width:39.9375rem) {
	.profile-view-container .summary-row-one-line .right-block,
	.profile-view-container .summary-row-pending-payment-header .right-block,
	.summary .summary-row-one-line .right-block,
	.summary .summary-row-pending-payment-header .right-block {
		width: 45%
	}
}

.profile-view-container .summary-row-one-line .right-block span,
.profile-view-container .summary-row-pending-payment-header .right-block span,
.summary .summary-row-one-line .right-block span,
.summary .summary-row-pending-payment-header .right-block span {
	display: block;
	color: #787878
}

.profile-view-container .summary-split-row div:nth-child(1),
.summary .summary-split-row div:nth-child(1) {
	border-right: 1px solid #EEE
}

.profile-view-container .summary-split-row div:nth-last-child(1),
.summary .summary-split-row div:nth-last-child(1) {
	padding-left: 1.5em;
	border-right: none
}

.profile-view-container .summary-split-row div:nth-child(1),
.summary .summary-split-row div:nth-child(1) {
	padding-left: 0
}

.fix-basics-savings-invests .profile-view-container>*>.summary-row:last-of-type,
.fix-basics-savings-invests .summary>*>.summary-row:last-of-type,
.profile-view-container .summary>*>.profile-view:last-of-type,
.profile-view-container>*>.profile-view:last-of-type,
.profile-view-container>*>.summary-row:last-of-type,
.profile-view-container>div:last-of-type,
.savings-investments .profile-view-container>*>.summary-row:last-of-type,
.savings-investments .summary>*>.summary-row:last-of-type,
.summary>*>.summary-row:last-of-type,
.summary>div:last-of-type {
	border-bottom: 0
}

.profile-view-container .amount,
.summary .amount {
	font-size: 1.5em;
	font-weight: lighter
}

.profile-view-container .total,
.summary .total {
	font-size: 1.5em
}

@media print {
	.profile-view-container span,
	.summary span {
		font-size: 1.2em!important
	}
	.profile-view-container span:nth-child(1),
	.summary span:nth-child(1) {
		font-weight: 700!important;
		color: #232323
	}
	.profile-view-container .amount,
	.summary .amount {
		font-size: 1.5em!important
	}
}

.profile-view-container .summary-row-pending-payment span,
.summary .summary-row-pending-payment span {
	display: inline-block
}

.profile-view-container .invalid-pending-amount-red,
.profile-view-container .summary-row-pending-payment span.invalid-pending-amount,
.summary .invalid-pending-amount-red,
.summary .summary-row-pending-payment span.invalid-pending-amount {
	color: red!important
}

.profile-view-container .invalid-pending-amount-blue,
.summary .invalid-pending-amount-blue {
	color: #00F!important
}

.profile-view-container .summary-row-pending-payment span:nth-child(1),
.summary .summary-row-pending-payment span:nth-child(1) {
	color: #787878!important
}

.profile-view-container .summary-row-pending-payment span.pending-payment-amount-title,
.summary .summary-row-pending-payment span.pending-payment-amount-title {
	color: #000!important
}

.profile-view-container .payment-detail-summary-row,
.summary .payment-detail-summary-row {
	border-bottom: 1px solid #EEE
}

.summary-inverse {
	overflow: auto
}

.profile-view-container .summary-inverse .profile-view,
.summary-inverse .profile-view-container .profile-view,
.summary-inverse .summary-row {
	padding-bottom: 1em
}

.profile-view-container .summary-inverse .profile-view .detail,
.profile-view-container .summary-inverse .profile-view .label,
.summary-inverse .profile-view-container .profile-view .detail,
.summary-inverse .profile-view-container .profile-view .label,
.summary-inverse .summary-row .detail,
.summary-inverse .summary-row .label {
	display: block
}

.profile-view-container .summary-inverse .profile-view .label,
.summary-inverse .profile-view-container .profile-view .label,
.summary-inverse .summary-row .label {
	color: #787878
}

.profile-view-container .summary-inverse .profile-view .detail,
.summary-inverse .profile-view-container .profile-view .detail,
.summary-inverse .summary-row .detail {
	color: #232323
}

.summary-row-pending-payment-header {
	background-color: #EDEDED!important
}

.pending-payment-header-row>div li.left {
	float: left;
	display: inline
}

.pending-payment-header-row>div li.right {
	float: right!important;
	display: inline
}

@media only screen and (max-width:39.9375rem) {
	.pending-payment-header-row>div li.right {
		float: left!important
	}
}

@media only screen and (min-width:64.063em) {
	.statement-summary-balances {
		width: 49%;
		display: inline-block;
		vertical-align: top
	}
}

@media only screen and (min-width:64.063em) {
	.statement-summary-account-details {
		width: 49%;
		display: inline-block;
		border-left: #e8e4e4 1px solid;
		padding-left: 20px
	}
}

.flex {
	display: flex
}

.statement-summary-block {
	display: flex;
	flex-flow: row
}

.statement-summary-rows {
	display: flex;
	flex-flow: column
}

@media only screen and (min-width:40rem) {
	.statement-summary-rows {
		width: 49%;
		display: inline-block
	}
}

@media only screen and (max-width:39.9375rem) {
	.statement-summary-rows {
		width: 100%;
		display: inline-block
	}
}

.summary-padding {
	padding-top: 10px
}

.account-info-padding {
	padding-top: 14px
}

@media only screen and (min-width:40rem) {
	.summary-padding-large {
		padding-top: 15px
	}
}

@media only screen and (max-width:39.9375rem) {
	.summary-padding-large {
		padding-top: 10px
	}
}

.summary-horizontal-margin {
	margin-top: 10px;
	border-bottom: 1px solid #D2D2D2;
	padding-bottom: 10px;
	margin-bottom: 0!important
}

.summary-main-heading {
	font-size: 16px
}

.summary-balance-name {
	font-size: 12px;
	color: #787878
}

.summary-balance {
	font-size: 14px
}

#overlay {
	display: none;
	z-index: -999;
	background-color: rgba(255, 255, 255, .8);
	position: absolute;
	top: 0;
	bottom: 0;
	right: 0;
	left: 0
}

.pace {
	-webkit-pointer-events: none;
	pointer-events: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	user-select: none
}

.pace-inactive {
	display: none
}

.pace .pace-activity {
	display: block;
	margin: 0 auto;
	z-index: 2000;
	width: 50px;
	height: 50px;
	border: solid 5px transparent;
	border-top-color: #004795;
	border-left-color: #004795;
	border-radius: 50px;
	-webkit-border-radius: 50px;
	-moz-border-radius: 50px;
	border-top-left-radius: 50px;
	border-top-right-radius: 50px;
	border-bottom-left-radius: 50px;
	border-bottom-right-radius: 50px;
	-webkit-animation: pace-spinner 400ms linear infinite;
	-moz-animation: pace-spinner 400ms linear infinite;
	animation: pace-spinner 400ms linear infinite
}

.pace .pace-activity.dg-ao,
.pace .pace-activity.facial-recognition,
.pace .pace-activity.migration {
	border-top-color: #FFF!important;
	border-left-color: #FFF!important
}

.centered-spinner,
.inline-spinner {
	display: block;
	width: 18px;
	height: 18px;
	top: 5px;
	position: relative;
	border: solid 2px transparent;
	border-top-color: #0496FD;
	border-left-color: #0496FD;
	border-radius: 35px;
	-webkit-border-radius: 35px;
	-moz-border-radius: 35px;
	border-top-left-radius: 35px;
	border-top-right-radius: 35px;
	border-bottom-left-radius: 35px;
	border-bottom-right-radius: 35px;
	-webkit-animation: pace-spinner 400ms linear infinite;
	-moz-animation: pace-spinner 400ms linear infinite;
	animation: pace-spinner 400ms linear infinite
}

.centered-spinner {
	display: inline-block
}

.branch-inline-spinner {
	float: right;
	position: relative;
	right: .5em;
	top: 2em;
	z-index: 99
}

.spinner {
	position: fixed;
	top: 40%;
	left: 0;
	right: 0
}

@media only screen and (max-width:39.9375rem) {
	.spinner {
		top: 45%
	}
}

.spinner-message {
	font-size: 1.4em;
	text-align: center;
	color: #004795;
	margin-top: 1em
}

.spinner-message.dg-ao,
.spinner-message.facial-recognition,
.spinner-message.migration {
	color: #FFF!important
}

@keyframes pace-spinner {
	0% {
		transform: rotate(0deg);
		transform: rotate(0deg)
	}
	100% {
		transform: rotate(360deg);
		transform: rotate(360deg)
	}
}

div.icon-spinner {
	font-size: 1.8em
}

.datepicker {
	position: absolute;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	width: 21em;
	height: auto;
	background-color: #FFF;
	color: #F3F3F3;
	margin-top: .5em;
	margin-bottom: 1em;
	box-shadow: 0 1px 10px rgba(0, 0, 0, .25);
	z-index: 9999
}

.datepicker select {
	margin-top: .8em;
	width: 4.5em;
	background: 0 0;
	border: none;
	font-weight: 700;
	font-size: 100%;
	-webkit-appearance: menulist-button!important
}

.datepicker .header {
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
	-moz-border-radius-topleft: 4px;
	-moz-border-radius-topright: 4px;
	-webkit-border-top-left-radius: 4px;
	-webkit-border-top-right-radius: 4px;
	background-color: #03a;
	text-align: center;
	padding: 1em .5em;
	height: auto
}

.datepicker .header .datepicker-controls {
	width: 100%
}

.datepicker .header .datepicker-controls>div {
	display: inline-block;
	padding: 0;
	margin: 0
}

.datepicker .header .datepicker-controls>div+div {
	margin-left: 5px
}

.datepicker .header .datepicker-controls .button {
	background: #03a;
	margin-bottom: 0;
	box-shadow: none
}

.datepicker .header .datepicker-controls .button>span {
	color: #FFF
}

.datepicker .header .datepicker-controls .dropdown-menu,
.datepicker .header .datepicker-controls .right-overflow-menu {
	width: auto;
	min-width: 140px
}

.datepicker .header .datepicker-controls .dropdown-menu ul,
.datepicker .header .datepicker-controls .right-overflow-menu ul {
	max-height: 21em;
	overflow-y: auto;
	overflow-x: hidden
}

.datepicker .header .datepicker-controls .dropdown-menu ul li,
.datepicker .header .datepicker-controls .right-overflow-menu ul li {
	padding: .5em
}

.datepicker .list-page .accountAndAmountPanel ul,
.datepicker .list-page .dates-panel ul,
.datepicker .switch-cards .cards ul,
.datepicker ul,
.list-page .accountAndAmountPanel .datepicker ul,
.list-page .dates-panel .datepicker ul,
.switch-cards .cards .datepicker ul {
	margin-left: 0;
	line-height: 2em
}

.datepicker li {
	padding-top: .5em
}

.datepicker .days {
	width: 21em;
	margin: auto
}

.datepicker .days li {
	font-weight: 700;
	float: left;
	width: 3em;
	height: 3em;
	text-align: center
}

.datepicker .dates {
	width: 21em;
	margin: auto
}

.datepicker .dates li {
	float: left;
	width: 3em;
	height: 3em;
	text-align: center;
	cursor: pointer
}

.datepicker .dates li:hover {
	background-color: #F3F3F3
}

.datepicker .dates li.invalid {
	color: #D2D2D2;
	cursor: not-allowed
}

.datepicker .dates li.invalid:hover {
	background-color: #FFF
}

.datepicker .dates li.selected {
	background-color: #0093FF;
	color: #FFF
}

.datepicker .info-message {
	color: #03a;
	text-align: center;
	font-size: .9em;
	padding: .5em
}

.datepicker-input {
	width: 14em;
	padding-bottom: 0;
	z-index: 0
}

.datepicker-input input[readonly] {
	background: 0 0;
	cursor: pointer
}

.canProceedWithCapture input[readonly] {
	border: 1px solid #FF2A4C
}

@media only screen and (max-width:39.9375rem) {
	.datepicker-input {
		width: auto
	}
	.datepicker {
		width: calc(95vw - 2em)
	}
	.datepicker .dates {
		width: 100%
	}
	.datepicker .dates li {
		width: 14.28%
	}
	.datepicker .days {
		width: 100%;
		clear: both
	}
	.datepicker .days li {
		width: 14.28%
	}
	.datepicker select {
		margin-right: 4em
	}
}

ibr-datepicker div {
	position: initial
}

ibr-datepicker .datepicker-input-container {
	position: relative;
	margin-top: .25em
}

ibr-datepicker.upgraded .datepicker-input {
	width: 21rem
}

@media only screen and (min-width:40rem) and (max-width:64rem) {
	ibr-datepicker.upgraded .datepicker-input {
		width: 14em
	}
}

@media only screen and (max-width:39.9375rem) {
	ibr-datepicker.upgraded .datepicker-input {
		width: 8.2142857143rem
	}
	ibr-datepicker.upgraded .datepicker-input input[readonly] {
		font-size: .9285714286rem;
		height: 3.428rem
	}
}

ibr-datepicker.upgraded .datepicker-input input[readonly] {
	height: 3.428rem;
	border-radius: 4px
}

ibr-datepicker.upgraded .datepicker .dates,
ibr-datepicker.upgraded .datepicker .days {
	width: 21em
}

input[type=checkbox] {
	appearance: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	outline: 0;
	border: none
}

input[type=checkbox]:before {
	font-family: FontAwesome;
	font-size: 1.3em;
	content: "\f096";
	position: relative;
	margin-right: 3px;
	color: #DDD;
	top: 2px
}

input[type=checkbox]:checked {
	background-color: transparent
}

input[type=checkbox]:checked:before {
	font-family: FontAwesome;
	content: "\f14a";
	color: #0496FD;
	margin-right: 3px
}

.asi-checkbox-section .mdl-checkbox,
ibr-checkbox .mdl-checkbox {
	height: auto
}

input[type=password]::-ms-reveal {
	display: none
}

.tooltip-input-validation {
	position: relative
}

.tooltip-input-validation .tooltip-validation-panel {
	border: 1px solid #D2D2D2;
	padding: .8em;
	position: absolute;
	width: 220px;
	left: .8em;
	margin-top: 5px;
	background: #FFF;
	border-radius: 2px;
	box-shadow: 2px 2px 10px #DDD;
	z-index: 100
}

.tooltip-input-validation .tooltip-validation-panel::after,
.tooltip-input-validation .tooltip-validation-panel::before {
	content: "";
	position: absolute;
	border-width: 0 12px 15px
}

.tooltip-input-validation .tooltip-validation-panel::before {
	top: -15px;
	border-color: transparent transparent #D2D2D2;
	border-style: solid
}

.tooltip-input-validation .tooltip-validation-panel::after {
	top: -13px;
	border-color: transparent transparent #FFF;
	border-style: solid
}

.tooltip-input-validation .tooltip-validation-panel .validation-icon {
	float: left;
	padding-right: .8em;
	color: #D2D2D2
}

.tooltip-input-validation .tooltip-validation-panel .validation-icon.active {
	color: #00A000
}

.tooltip-input-validation .tooltip-validation-panel .validation-text {
	color: #D2D2D2
}

.tooltip-input-validation .tooltip-validation-panel .validation-text.active {
	color: #00A000
}

.password-tooltips {
	position: relative;
	width: 100%
}

@media only screen and (max-width:39.9375rem) {
	.password-tooltips {
		width: 113%
	}
}

@media only screen and (min-width:40rem) {
	.password-tooltips .password-tooltips-panel {
		border: 1px solid #D2D2D2;
		padding: .8em;
		position: absolute;
		max-width: 307px;
		width: 107%;
		margin-top: 20px;
		right: .8em;
		background: #FFF;
		border-radius: 2px;
		box-shadow: 2px 2px 10px #DDD;
		z-index: 98;
		font-size: 12px;
		line-height: 1.75
	}
}

@media only screen and (max-width:39.9375rem) {
	.password-tooltips .password-tooltips-panel {
		right: 10%;
		z-index: 98;
		border: 1px solid #D2D2D2;
		padding: .8em;
		position: absolute;
		width: 93%;
		margin-top: 1.6em;
		background: #FFF;
		border-radius: 2px;
		box-shadow: 2px 2px 10px #DDD;
		font-size: 12px;
		line-height: 1.75
	}
}

.password-tooltips .password-tooltips-panel::after,
.password-tooltips .password-tooltips-panel::before {
	content: "";
	position: absolute;
	border-width: 0 12px 15px;
	right: 30px
}

.password-tooltips .password-tooltips-panel::before {
	top: -15px;
	border-color: transparent transparent #D2D2D2;
	border-style: solid
}

.password-tooltips .password-tooltips-panel::after {
	top: -13px;
	border-color: transparent transparent #FFF;
	border-style: solid
}

.password-tooltips .password-tooltips-panel .tip-icon {
	float: left;
	padding-right: .8em;
	color: #D2D2D2
}

.password-tooltips .password-tooltips-panel .tip-icon.bad {
	color: red
}

.password-tooltips .password-tooltips-panel .tip-icon.good {
	color: #00A000
}

.password-tooltips .password-tooltips-panel .tip-text {
	color: #666;
	overflow: auto
}

.password-tooltips .password-tooltips-panel .tip-text.active {
	color: #00A000
}

.password-tooltips .password-tooltips-panel .tip-label {
	color: #333
}

.password-tooltips .password-tooltips-panel .close-pointer {
	cursor: pointer
}

@media only screen and (max-width:39.9375rem) {
	.password-tooltips {
		width: 114%
	}
}

.inline-block-form-error {
	display: inline-block;
	position: relative
}

.tooltips-horizontal-divider {
	width: 300px;
	border: 1px solid #EDEDED;
	margin-bottom: 16px;
	margin-top: 16px
}

@media only screen and (max-width:39.9375rem) {
	.tooltips-horizontal-divider {
		width: 97%;
		padding-left: 0
	}
}

@keyframes fadeOut {
	0% {
		background-color: #FFF
	}
	66% {
		background-color: #0179db;
		color: #FFF
	}
	100% {
		background-color: #FFF
	}
}

@-webkit-keyframes fadeInDown {
	from {
		opacity: 0;
		-webkit-transform: translate3d(0, -100%, 0);
		transform: translate3d(0, -100%, 0)
	}
	to {
		opacity: 1;
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0)
	}
}

@keyframes fadeInDown {
	from {
		opacity: 0;
		-webkit-transform: translate3d(0, -100%, 0);
		transform: translate3d(0, -100%, 0)
	}
	to {
		opacity: 1;
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0)
	}
}

@-webkit-keyframes fadeInDownBig {
	from {
		opacity: 0;
		-webkit-transform: translate3d(0, -2000px, 0);
		transform: translate3d(0, -2000px, 0)
	}
	to {
		opacity: 1;
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0)
	}
}

@keyframes fadeInDownBig {
	from {
		opacity: 0;
		-webkit-transform: translate3d(0, -2000px, 0);
		transform: translate3d(0, -2000px, 0)
	}
	to {
		opacity: 1;
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0)
	}
}

@-webkit-keyframes fadeInUp {
	from {
		opacity: 0;
		-webkit-transform: translate3d(0, 100%, 0);
		transform: translate3d(0, 100%, 0)
	}
	to {
		opacity: 1;
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0)
	}
}

@keyframes fadeInUp {
	from {
		opacity: 0;
		-webkit-transform: translate3d(0, 100%, 0);
		transform: translate3d(0, 100%, 0)
	}
	to {
		opacity: 1;
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0)
	}
}

@-webkit-keyframes fadeInUpBig {
	from {
		opacity: 0;
		-webkit-transform: translate3d(0, 2000px, 0);
		transform: translate3d(0, 2000px, 0)
	}
	to {
		opacity: 1;
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0)
	}
}

@keyframes fadeInUpBig {
	from {
		opacity: 0;
		-webkit-transform: translate3d(0, 2000px, 0);
		transform: translate3d(0, 2000px, 0)
	}
	to {
		opacity: 1;
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0)
	}
}

.login .wide-content.panel-row,
.profile-view-container .wide-content.payment-detail-summary-row,
.profile-view-container .wide-content.profile-view,
.profile-view-container .wide-content.summary-row,
.profile-view-container .wide-content.summary-row-pending-payment,
.profile-view-container .wide-content.summary-row-pending-payment-header,
.profile-view-container .wide-content.summary-split-row,
.summary .wide-content.payment-detail-summary-row,
.summary .wide-content.summary-row,
.summary .wide-content.summary-row-pending-payment,
.summary .wide-content.summary-row-pending-payment-header,
.summary .wide-content.summary-split-row,
.wide-content.pending-payment-header-row,
.wide-content.row {
	max-width: none
}

.list-page .wide-content .accountAndAmountPanel,
.list-page .wide-content .dates-panel,
.switch-cards .wide-content .cards,
.wide-content .learn-more-panel,
.wide-content .list-page .accountAndAmountPanel,
.wide-content .list-page .dates-panel,
.wide-content .notification,
.wide-content .panel,
.wide-content .switch-cards .cards,
.wide-content .transparent-panel,
.wide-content ol.steps {
	width: 100%;
	max-width: none
}

@media only screen and (max-width:39.9375rem) {
	.list-page .wide-content .accountAndAmountPanel,
	.list-page .wide-content .dates-panel,
	.switch-cards .wide-content .cards,
	.wide-content .learn-more-panel,
	.wide-content .list-page .accountAndAmountPanel,
	.wide-content .list-page .dates-panel,
	.wide-content .panel,
	.wide-content .switch-cards .cards,
	.wide-content .transparent-panel {
		width: 95%;
		margin: 0 auto;
		margin-bottom: 1em;
		padding: 1em
	}
	.list-page .wide-content .new-account-avatar.accountAndAmountPanel,
	.list-page .wide-content .new-account-avatar.dates-panel,
	.switch-cards .wide-content .new-account-avatar.cards,
	.wide-content .list-page .new-account-avatar.accountAndAmountPanel,
	.wide-content .list-page .new-account-avatar.dates-panel,
	.wide-content .new-account-avatar.learn-more-panel,
	.wide-content .new-account-avatar.transparent-panel,
	.wide-content .panel.new-account-avatar,
	.wide-content .switch-cards .new-account-avatar.cards {
		width: 100%
	}
}

@media only screen and (min-width:40rem) {
	.page-heading-row h2,
	.page-heading-row h3,
	.page-heading-row h4,
	.page-heading-row h5 {
		float: left
	}
	.page-heading-row>div {
		float: right
	}
	.page-heading-row p {
		clear: left
	}
}

.table .header-row {
	display: none
}

.table .table-row {
	margin-bottom: 1em
}

.table .table-row>div {
	padding: 1em;
	border-right: 1px solid #DDD;
	border-left: 1px solid #DDD;
	border-bottom: 1px solid #DDD;
	display: block;
	width: 100%
}

.table .table-row>div:before {
	color: #232323;
	content: attr(data-header)
}

.table .table-row>div:nth-child(1) {
	border-top: 1px solid #DDD
}

.table .hide-row {
	display: none
}

@media only screen and (min-width:40rem) {
	.table .table-row>div {
		padding: 0
	}
	.table .table-row>div>div {
		display: table-cell;
		padding: 1em
	}
	.table .table-row>div:before {
		padding: 1em;
		display: table-cell;
		min-width: 13em;
		background-color: #EEE
	}
}

@media only screen and (min-width:64.063em) {
	.table .table-row {
		color: #787878!important;
		margin: 0;
		padding: 1em;
		border-right: 1px solid #DDD!important;
		border-left: 1px solid #DDD!important;
		border-bottom: 1px solid #DDD!important
	}
	.table .table-row>div {
		display: inline-block;
		border: none;
		padding-right: 1em;
		word-break: break-all;
		vertical-align: top
	}
	.table .table-row>div:nth-child(1) {
		border: 0
	}
	.table .table-row>div div {
		padding: 0
	}
	.table .table-row>div:before {
		content: none
	}
	.table .header-row {
		display: block;
		border: 1px solid #DDD!important;
		color: #232323!important;
		background-color: #EEE!important
	}
	.table .header-row .icon {
		color: #D2D2D2;
		padding-left: .3em;
		text-align: center;
		font-size: .8em
	}
	.table .header-row .icon.active {
		color: #026CB8
	}
	.table .header-row a {
		color: #424242;
		text-decoration: none
	}
}

.action-table #beneficiaryName {
	white-space: pre
}

.action-table .information div {
	word-wrap: break-word
}

.action-table ul.header {
	display: none
}

.action-table ul.data .highlight,
.action-table ul.data .highlight .information>div,
.action-table ul.data .highlight em,
.action-table ul.data .highlight i,
.action-table ul.data .highlight span {
	-webkit-animation: fadeOut 1s;
	animation: fadeOut 1s;
	animation-iteration-count: 2;
	-webkit-animation-iteration-count: 2
}

@media only screen and (min-width:64.063em) {
	.action-table ul.data .expanded-action-table-row {
		height: 63px
	}
}

.action-table .learn-more-panel ul.data.not-clickable>li:hover,
.action-table .list-page .accountAndAmountPanel ul.data.not-clickable>li:hover,
.action-table .list-page .dates-panel ul.data.not-clickable>li:hover,
.action-table .panel ul.data.not-clickable>li:hover,
.action-table .switch-cards .cards ul.data.not-clickable>li:hover,
.action-table .transparent-panel ul.data.not-clickable>li:hover,
.action-table footer ul.data.not-clickable>li:hover,
.action-table ul.data.not-clickable>li:hover {
	cursor: default;
	background-color: #FFF
}

.action-table .learn-more-panel ul.data>li,
.action-table .list-page .accountAndAmountPanel ul.data>li,
.action-table .list-page .dates-panel ul.data>li,
.action-table .panel ul.data>li,
.action-table .switch-cards .cards ul.data>li,
.action-table .transparent-panel ul.data>li,
.action-table footer ul.data>li,
.action-table ul.data>li {
	padding-top: 0;
	position: relative;
	margin-bottom: 1em;
	border-bottom: 1px solid #e5e5e1
}

@media only screen and (min-width:40rem) {
	.action-table .learn-more-panel ul.data>li,
	.action-table .list-page .accountAndAmountPanel ul.data>li,
	.action-table .list-page .dates-panel ul.data>li,
	.action-table .panel ul.data>li,
	.action-table .switch-cards .cards ul.data>li,
	.action-table .transparent-panel ul.data>li,
	.action-table footer ul.data>li,
	.action-table ul.data>li {
		border: 1px solid #e5e5e1
	}
}

@media only screen {
	.action-table .learn-more-panel ul.data>li,
	.action-table .list-page .accountAndAmountPanel ul.data>li,
	.action-table .list-page .dates-panel ul.data>li,
	.action-table .panel ul.data>li,
	.action-table .switch-cards .cards ul.data>li,
	.action-table .transparent-panel ul.data>li,
	.action-table footer ul.data>li,
	.action-table ul.data>li {
		border: 1px solid #e5e5e1
	}
}

.action-table .learn-more-panel ul.data>li:hover,
.action-table .list-page .accountAndAmountPanel ul.data>li:hover,
.action-table .list-page .dates-panel ul.data>li:hover,
.action-table .panel ul.data>li:hover,
.action-table .switch-cards .cards ul.data>li:hover,
.action-table .transparent-panel ul.data>li:hover,
.action-table footer ul.data>li:hover,
.action-table ul.data>li:hover {
	background-color: #f3f8fd;
	cursor: pointer
}

.action-table .learn-more-panel ul.data>li .actions,
.action-table .list-page .accountAndAmountPanel ul.data>li .actions,
.action-table .list-page .dates-panel ul.data>li .actions,
.action-table .panel ul.data>li .actions,
.action-table .switch-cards .cards ul.data>li .actions,
.action-table .transparent-panel ul.data>li .actions,
.action-table footer ul.data>li .actions,
.action-table ul.data>li .actions {
	position: absolute;
	right: 0;
	top: 0;
	height: 100%;
	padding: 0 1em 1em;
	z-index: 5;
	background-color: #FFF;
	border-left: 1px solid #e5e5e1;
	min-width: 4.3rem
}

.action-table .learn-more-panel ul.data>li .actions:before,
.action-table .list-page .accountAndAmountPanel ul.data>li .actions:before,
.action-table .list-page .dates-panel ul.data>li .actions:before,
.action-table .panel ul.data>li .actions:before,
.action-table .switch-cards .cards ul.data>li .actions:before,
.action-table .transparent-panel ul.data>li .actions:before,
.action-table footer ul.data>li .actions:before,
.action-table ul.data>li .actions:before {
	display: none
}

.action-table .learn-more-panel ul.data>li .actions .action,
.action-table .list-page .accountAndAmountPanel ul.data>li .actions .action,
.action-table .list-page .dates-panel ul.data>li .actions .action,
.action-table .panel ul.data>li .actions .action,
.action-table .switch-cards .cards ul.data>li .actions .action,
.action-table .transparent-panel ul.data>li .actions .action,
.action-table footer ul.data>li .actions .action,
.action-table ul.data>li .actions .action {
	text-align: center;
	z-index: 10;
	float: none;
	position: absolute
}

@media only screen and (min-width:64.063em) {
	.action-table .learn-more-panel ul.data>li .actions .action,
	.action-table .list-page .accountAndAmountPanel ul.data>li .actions .action,
	.action-table .list-page .dates-panel ul.data>li .actions .action,
	.action-table .panel ul.data>li .actions .action,
	.action-table .switch-cards .cards ul.data>li .actions .action,
	.action-table .transparent-panel ul.data>li .actions .action,
	.action-table footer ul.data>li .actions .action,
	.action-table ul.data>li .actions .action {
		margin-top: 0;
		margin-left: .9em!important;
		float: right;
		position: static
	}
}

.action-table .learn-more-panel ul.data>li .actions .action .title,
.action-table .list-page .accountAndAmountPanel ul.data>li .actions .action .title,
.action-table .list-page .dates-panel ul.data>li .actions .action .title,
.action-table .panel ul.data>li .actions .action .title,
.action-table .switch-cards .cards ul.data>li .actions .action .title,
.action-table .transparent-panel ul.data>li .actions .action .title,
.action-table footer ul.data>li .actions .action .title,
.action-table ul.data>li .actions .action .title {
	font-size: .8em;
	text-align: center;
	margin-bottom: .2em;
	display: block
}

.action-table .learn-more-panel ul.data>li .actions .action i,
.action-table .list-page .accountAndAmountPanel ul.data>li .actions .action i,
.action-table .list-page .dates-panel ul.data>li .actions .action i,
.action-table .panel ul.data>li .actions .action i,
.action-table .switch-cards .cards ul.data>li .actions .action i,
.action-table .transparent-panel ul.data>li .actions .action i,
.action-table footer ul.data>li .actions .action i,
.action-table ul.data>li .actions .action i {
	margin-bottom: .3em;
	font-size: 2.3em
}

.action-table .learn-more-panel ul.data>li .actions a,
.action-table .list-page .accountAndAmountPanel ul.data>li .actions a,
.action-table .list-page .dates-panel ul.data>li .actions a,
.action-table .panel ul.data>li .actions a,
.action-table .switch-cards .cards ul.data>li .actions a,
.action-table .transparent-panel ul.data>li .actions a,
.action-table footer ul.data>li .actions a,
.action-table ul.data>li .actions a {
	display: block;
	text-decoration: none;
	color: #787878
}

.action-table .learn-more-panel ul.data>li .delete,
.action-table .list-page .accountAndAmountPanel ul.data>li .delete,
.action-table .list-page .dates-panel ul.data>li .delete,
.action-table .panel ul.data>li .delete,
.action-table .switch-cards .cards ul.data>li .delete,
.action-table .transparent-panel ul.data>li .delete,
.action-table footer ul.data>li .delete,
.action-table ul.data>li .delete {
	z-index: 0!important
}

.action-table .learn-more-panel ul.data>li .information,
.action-table .list-page .accountAndAmountPanel ul.data>li .information,
.action-table .list-page .dates-panel ul.data>li .information,
.action-table .panel ul.data>li .information,
.action-table .switch-cards .cards ul.data>li .information,
.action-table .transparent-panel ul.data>li .information,
.action-table footer ul.data>li .information,
.action-table ul.data>li .information {
	display: block
}

.action-table .learn-more-panel ul.data>li .information>a,
.action-table .learn-more-panel ul.data>li .information>div,
.action-table .learn-more-panel ul.data>li .information>span,
.action-table .list-page .accountAndAmountPanel ul.data>li .information>a,
.action-table .list-page .accountAndAmountPanel ul.data>li .information>div,
.action-table .list-page .accountAndAmountPanel ul.data>li .information>span,
.action-table .list-page .dates-panel ul.data>li .information>a,
.action-table .list-page .dates-panel ul.data>li .information>div,
.action-table .list-page .dates-panel ul.data>li .information>span,
.action-table .panel ul.data>li .information>a,
.action-table .panel ul.data>li .information>div,
.action-table .panel ul.data>li .information>span,
.action-table .switch-cards .cards ul.data>li .information>a,
.action-table .switch-cards .cards ul.data>li .information>div,
.action-table .switch-cards .cards ul.data>li .information>span,
.action-table .transparent-panel ul.data>li .information>a,
.action-table .transparent-panel ul.data>li .information>div,
.action-table .transparent-panel ul.data>li .information>span,
.action-table footer ul.data>li .information>a,
.action-table footer ul.data>li .information>div,
.action-table footer ul.data>li .information>span,
.action-table ul.data>li .information>a,
.action-table ul.data>li .information>div,
.action-table ul.data>li .information>span {
	color: #787878;
	border-bottom: 1px solid #e5e5e1;
	padding: 1rem
}

@media only screen and (min-width:40rem) {
	.action-table .learn-more-panel ul.data>li .information>a,
	.action-table .learn-more-panel ul.data>li .information>div,
	.action-table .learn-more-panel ul.data>li .information>span,
	.action-table .list-page .accountAndAmountPanel ul.data>li .information>a,
	.action-table .list-page .accountAndAmountPanel ul.data>li .information>div,
	.action-table .list-page .accountAndAmountPanel ul.data>li .information>span,
	.action-table .list-page .dates-panel ul.data>li .information>a,
	.action-table .list-page .dates-panel ul.data>li .information>div,
	.action-table .list-page .dates-panel ul.data>li .information>span,
	.action-table .panel ul.data>li .information>a,
	.action-table .panel ul.data>li .information>div,
	.action-table .panel ul.data>li .information>span,
	.action-table .switch-cards .cards ul.data>li .information>a,
	.action-table .switch-cards .cards ul.data>li .information>div,
	.action-table .switch-cards .cards ul.data>li .information>span,
	.action-table .transparent-panel ul.data>li .information>a,
	.action-table .transparent-panel ul.data>li .information>div,
	.action-table .transparent-panel ul.data>li .information>span,
	.action-table footer ul.data>li .information>a,
	.action-table footer ul.data>li .information>div,
	.action-table footer ul.data>li .information>span,
	.action-table ul.data>li .information>a,
	.action-table ul.data>li .information>div,
	.action-table ul.data>li .information>span {
		padding: 5px 1rem 0 0
	}
}

.action-table .learn-more-panel ul.data>li .information>a:last-child,
.action-table .learn-more-panel ul.data>li .information>div:last-child,
.action-table .learn-more-panel ul.data>li .information>span:last-child,
.action-table .list-page .accountAndAmountPanel ul.data>li .information>a:last-child,
.action-table .list-page .accountAndAmountPanel ul.data>li .information>div:last-child,
.action-table .list-page .accountAndAmountPanel ul.data>li .information>span:last-child,
.action-table .list-page .dates-panel ul.data>li .information>a:last-child,
.action-table .list-page .dates-panel ul.data>li .information>div:last-child,
.action-table .list-page .dates-panel ul.data>li .information>span:last-child,
.action-table .panel ul.data>li .information>a:last-child,
.action-table .panel ul.data>li .information>div:last-child,
.action-table .panel ul.data>li .information>span:last-child,
.action-table .switch-cards .cards ul.data>li .information>a:last-child,
.action-table .switch-cards .cards ul.data>li .information>div:last-child,
.action-table .switch-cards .cards ul.data>li .information>span:last-child,
.action-table .transparent-panel ul.data>li .information>a:last-child,
.action-table .transparent-panel ul.data>li .information>div:last-child,
.action-table .transparent-panel ul.data>li .information>span:last-child,
.action-table footer ul.data>li .information>a:last-child,
.action-table footer ul.data>li .information>div:last-child,
.action-table footer ul.data>li .information>span:last-child,
.action-table ul.data>li .information>a:last-child,
.action-table ul.data>li .information>div:last-child,
.action-table ul.data>li .information>span:last-child {
	border-bottom: none
}

.action-table .learn-more-panel ul.data>li .information>a:before,
.action-table .learn-more-panel ul.data>li .information>div:before,
.action-table .learn-more-panel ul.data>li .information>span:before,
.action-table .list-page .accountAndAmountPanel ul.data>li .information>a:before,
.action-table .list-page .accountAndAmountPanel ul.data>li .information>div:before,
.action-table .list-page .accountAndAmountPanel ul.data>li .information>span:before,
.action-table .list-page .dates-panel ul.data>li .information>a:before,
.action-table .list-page .dates-panel ul.data>li .information>div:before,
.action-table .list-page .dates-panel ul.data>li .information>span:before,
.action-table .panel ul.data>li .information>a:before,
.action-table .panel ul.data>li .information>div:before,
.action-table .panel ul.data>li .information>span:before,
.action-table .switch-cards .cards ul.data>li .information>a:before,
.action-table .switch-cards .cards ul.data>li .information>div:before,
.action-table .switch-cards .cards ul.data>li .information>span:before,
.action-table .transparent-panel ul.data>li .information>a:before,
.action-table .transparent-panel ul.data>li .information>div:before,
.action-table .transparent-panel ul.data>li .information>span:before,
.action-table footer ul.data>li .information>a:before,
.action-table footer ul.data>li .information>div:before,
.action-table footer ul.data>li .information>span:before,
.action-table ul.data>li .information>a:before,
.action-table ul.data>li .information>div:before,
.action-table ul.data>li .information>span:before {
	display: block;
	font-weight: 400;
	color: #232323;
	content: attr(data-header)
}

@media only screen and (min-width:40rem) {
	.action-table .learn-more-panel ul.data>li .information>a:before,
	.action-table .learn-more-panel ul.data>li .information>div:before,
	.action-table .learn-more-panel ul.data>li .information>span:before,
	.action-table .list-page .accountAndAmountPanel ul.data>li .information>a:before,
	.action-table .list-page .accountAndAmountPanel ul.data>li .information>div:before,
	.action-table .list-page .accountAndAmountPanel ul.data>li .information>span:before,
	.action-table .list-page .dates-panel ul.data>li .information>a:before,
	.action-table .list-page .dates-panel ul.data>li .information>div:before,
	.action-table .list-page .dates-panel ul.data>li .information>span:before,
	.action-table .panel ul.data>li .information>a:before,
	.action-table .panel ul.data>li .information>div:before,
	.action-table .panel ul.data>li .information>span:before,
	.action-table .switch-cards .cards ul.data>li .information>a:before,
	.action-table .switch-cards .cards ul.data>li .information>div:before,
	.action-table .switch-cards .cards ul.data>li .information>span:before,
	.action-table .transparent-panel ul.data>li .information>a:before,
	.action-table .transparent-panel ul.data>li .information>div:before,
	.action-table .transparent-panel ul.data>li .information>span:before,
	.action-table footer ul.data>li .information>a:before,
	.action-table footer ul.data>li .information>div:before,
	.action-table footer ul.data>li .information>span:before,
	.action-table ul.data>li .information>a:before,
	.action-table ul.data>li .information>div:before,
	.action-table ul.data>li .information>span:before {
		display: table-cell;
		min-width: 13em;
		background-color: #EEE;
		padding: 1em
	}
}

@media only screen and (min-width:40rem) {
	.action-table .information>div>div {
		display: table-cell;
		vertical-align: middle;
		padding-left: 1em;
		padding-right: 5em
	}
}

@media only screen and (max-width:39.9375rem) {
	.action-table .information>div>div {
		display: table-cell;
		vertical-align: middle;
		padding-left: 1em;
		padding-right: 5em
	}
}

.action-table ul.header .action {
	width: 3.5em
}

@media only screen and (min-width:64.063em),
print {
	.action-table .information>div>div {
		display: block;
		vertical-align: middle;
		padding-left: 0;
		padding-right: 0
	}
	.action-table .learn-more-panel ul.data>li,
	.action-table .list-page .accountAndAmountPanel ul.data>li,
	.action-table .list-page .dates-panel ul.data>li,
	.action-table .panel ul.data>li,
	.action-table .switch-cards .cards ul.data>li,
	.action-table .transparent-panel ul.data>li,
	.action-table footer ul.data>li,
	.action-table ul.data>li {
		margin: 0;
		border-top: none;
		padding-top: 1.2em
	}
	.action-table .learn-more-panel ul.data>li .actions,
	.action-table .list-page .accountAndAmountPanel ul.data>li .actions,
	.action-table .list-page .dates-panel ul.data>li .actions,
	.action-table .panel ul.data>li .actions,
	.action-table .switch-cards .cards ul.data>li .actions,
	.action-table .transparent-panel ul.data>li .actions,
	.action-table footer ul.data>li .actions,
	.action-table ul.data>li .actions {
		border: none;
		background-color: transparent;
		padding: 0
	}
	.action-table .learn-more-panel ul.data>li .actions .action .title,
	.action-table .list-page .accountAndAmountPanel ul.data>li .actions .action .title,
	.action-table .list-page .dates-panel ul.data>li .actions .action .title,
	.action-table .panel ul.data>li .actions .action .title,
	.action-table .switch-cards .cards ul.data>li .actions .action .title,
	.action-table .transparent-panel ul.data>li .actions .action .title,
	.action-table footer ul.data>li .actions .action .title,
	.action-table ul.data>li .actions .action .title {
		display: none
	}
	.action-table .learn-more-panel ul.data>li .information>a,
	.action-table .learn-more-panel ul.data>li .information>div,
	.action-table .learn-more-panel ul.data>li .information>span,
	.action-table .list-page .accountAndAmountPanel ul.data>li .information>a,
	.action-table .list-page .accountAndAmountPanel ul.data>li .information>div,
	.action-table .list-page .accountAndAmountPanel ul.data>li .information>span,
	.action-table .list-page .dates-panel ul.data>li .information>a,
	.action-table .list-page .dates-panel ul.data>li .information>div,
	.action-table .list-page .dates-panel ul.data>li .information>span,
	.action-table .panel ul.data>li .information>a,
	.action-table .panel ul.data>li .information>div,
	.action-table .panel ul.data>li .information>span,
	.action-table .switch-cards .cards ul.data>li .information>a,
	.action-table .switch-cards .cards ul.data>li .information>div,
	.action-table .switch-cards .cards ul.data>li .information>span,
	.action-table .transparent-panel ul.data>li .information>a,
	.action-table .transparent-panel ul.data>li .information>div,
	.action-table .transparent-panel ul.data>li .information>span,
	.action-table footer ul.data>li .information>a,
	.action-table footer ul.data>li .information>div,
	.action-table footer ul.data>li .information>span,
	.action-table ul.data>li .information>a,
	.action-table ul.data>li .information>div,
	.action-table ul.data>li .information>span {
		border: none
	}
	.action-table .learn-more-panel ul.data>li .information>a:before,
	.action-table .learn-more-panel ul.data>li .information>div:before,
	.action-table .learn-more-panel ul.data>li .information>span:before,
	.action-table .list-page .accountAndAmountPanel ul.data>li .information>a:before,
	.action-table .list-page .accountAndAmountPanel ul.data>li .information>div:before,
	.action-table .list-page .accountAndAmountPanel ul.data>li .information>span:before,
	.action-table .list-page .dates-panel ul.data>li .information>a:before,
	.action-table .list-page .dates-panel ul.data>li .information>div:before,
	.action-table .list-page .dates-panel ul.data>li .information>span:before,
	.action-table .panel ul.data>li .information>a:before,
	.action-table .panel ul.data>li .information>div:before,
	.action-table .panel ul.data>li .information>span:before,
	.action-table .switch-cards .cards ul.data>li .information>a:before,
	.action-table .switch-cards .cards ul.data>li .information>div:before,
	.action-table .switch-cards .cards ul.data>li .information>span:before,
	.action-table .transparent-panel ul.data>li .information>a:before,
	.action-table .transparent-panel ul.data>li .information>div:before,
	.action-table .transparent-panel ul.data>li .information>span:before,
	.action-table footer ul.data>li .information>a:before,
	.action-table footer ul.data>li .information>div:before,
	.action-table footer ul.data>li .information>span:before,
	.action-table ul.data>li .information>a:before,
	.action-table ul.data>li .information>div:before,
	.action-table ul.data>li .information>span:before {
		display: none
	}
	.action-table .information>div {
		min-height: 1em;
		padding-right: .5rem
	}
	.action-table .list-page .accountAndAmountPanel ul li,
	.action-table .list-page .dates-panel ul li,
	.action-table .switch-cards .cards ul li,
	.action-table ul li,
	.list-page .accountAndAmountPanel .action-table ul li,
	.list-page .dates-panel .action-table ul li,
	.switch-cards .cards .action-table ul li {
		min-height: 2.5em;
		padding-left: 1em;
		overflow: hidden
	}
	.action-table ul li .information>div {
		float: left
	}
	.action-table ul.header {
		display: block;
		border: 1px solid #e5e5e1;
		background: #EEE;
		position: relative;
		height: 2.5em;
		padding-top: .5em
	}
	.action-table ul.header div {
		color: #424242
	}
	.action-table ul.header .action {
		background-color: #dadada;
		font-size: .8em;
		margin-right: .6em;
		text-align: center
	}
	.action-table ul.header li .actions {
		margin-top: .7em;
		position: absolute;
		right: 0;
		padding: 0
	}
	.action-table ul.header li .actions .action {
		float: right;
		background-color: #dadada;
		font-size: .8em;
		margin-right: .6em;
		text-align: center;
		z-index: 10;
		padding-right: 0;
		line-height: 1rem;
		margin-left: .8em
	}
	.action-table ul.header .icon {
		color: #D2D2D2;
		padding-left: .3em;
		text-align: center;
		font-size: .8em
	}
	.action-table ul.header .icon.active {
		color: #026CB8
	}
	.action-table ul.header a {
		color: #424242;
		text-decoration: none
	}
	.action-table ul.data li .information {
		min-height: 2.5em
	}
	.action-table ul.data li .actions {
		position: absolute;
		bottom: 0;
		right: .4em;
		margin: 0
	}
	.action-table ul.data .action {
		float: left;
		padding: .2em 0;
		margin-left: .95em;
		font-size: 1.2em
	}
}

@media print {
	.action-table .list-page .accountAndAmountPanel ul,
	.action-table .list-page .dates-panel ul,
	.action-table .switch-cards .cards ul,
	.action-table ul,
	.list-page .accountAndAmountPanel .action-table ul,
	.list-page .dates-panel .action-table ul,
	.switch-cards .cards .action-table ul {
		font-size: .8em;
		margin-bottom: 0
	}
	.action-table ul.header {
		background-color: #EEE!important;
		border: 1px solid #e5e5e1;
		height: auto
	}
	.action-table ul.header li div.information {
		font-weight: 700
	}
	.action-table .list-page .accountAndAmountPanel ul li,
	.action-table .list-page .dates-panel ul li,
	.action-table .switch-cards .cards ul li,
	.action-table ul li,
	.list-page .accountAndAmountPanel .action-table ul li,
	.list-page .dates-panel .action-table ul li,
	.switch-cards .cards .action-table ul li {
		width: 100%;
		padding-left: 0!important;
		color: #232323!important;
		word-wrap: break-word!important
	}
	.action-table ul .information {
		width: 100%!important;
		border: 0!important
	}
	.action-table ul .information>div {
		padding: 0 0 0 1em!important
	}
	.action-table .learn-more-panel ul.data>li,
	.action-table .list-page .accountAndAmountPanel ul.data>li,
	.action-table .list-page .dates-panel ul.data>li,
	.action-table .panel ul.data>li,
	.action-table .switch-cards .cards ul.data>li,
	.action-table .transparent-panel ul.data>li,
	.action-table footer ul.data>li,
	.action-table ul.data>li {
		margin-top: 0;
		margin-bottom: 0;
		padding: 0!important;
		border-left: 1px solid #e5e5e1!important;
		border-right: 1px solid #e5e5e1!important;
		border-top: 0;
		page-break-inside: avoid
	}
}

.centered-action-table {
	border-radius: 2px;
	background-color: #FFF
}

.centered-action-table .information div {
	word-wrap: break-word
}

.centered-action-table ul.header {
	display: none
}

.centered-action-table ul.data .highlight,
.centered-action-table ul.data .highlight .information>div,
.centered-action-table ul.data .highlight em,
.centered-action-table ul.data .highlight i,
.centered-action-table ul.data .highlight span {
	-webkit-animation: fadeOut 1s;
	animation: fadeOut 1s;
	animation-iteration-count: 2;
	-webkit-animation-iteration-count: 2
}

.centered-action-table .learn-more-panel ul.data.not-clickable>li:hover,
.centered-action-table .list-page .accountAndAmountPanel ul.data.not-clickable>li:hover,
.centered-action-table .list-page .dates-panel ul.data.not-clickable>li:hover,
.centered-action-table .panel ul.data.not-clickable>li:hover,
.centered-action-table .switch-cards .cards ul.data.not-clickable>li:hover,
.centered-action-table .transparent-panel ul.data.not-clickable>li:hover,
.centered-action-table footer ul.data.not-clickable>li:hover,
.centered-action-table ul.data.not-clickable>li:hover {
	cursor: default;
	background-color: #FFF
}

.centered-action-table .learn-more-panel ul.data>li,
.centered-action-table .list-page .accountAndAmountPanel ul.data>li,
.centered-action-table .list-page .dates-panel ul.data>li,
.centered-action-table .panel ul.data>li,
.centered-action-table .switch-cards .cards ul.data>li,
.centered-action-table .transparent-panel ul.data>li,
.centered-action-table footer ul.data>li,
.centered-action-table ul.data>li {
	padding-top: 0;
	position: relative;
	margin-bottom: 1em;
	border-bottom: 1px solid #e5e5e1
}

@media only screen and (min-width:40rem) {
	.centered-action-table .learn-more-panel ul.data>li,
	.centered-action-table .list-page .accountAndAmountPanel ul.data>li,
	.centered-action-table .list-page .dates-panel ul.data>li,
	.centered-action-table .panel ul.data>li,
	.centered-action-table .switch-cards .cards ul.data>li,
	.centered-action-table .transparent-panel ul.data>li,
	.centered-action-table footer ul.data>li,
	.centered-action-table ul.data>li {
		border: 1px solid #e5e5e1
	}
}

.centered-action-table .learn-more-panel ul.data>li:hover,
.centered-action-table .list-page .accountAndAmountPanel ul.data>li:hover,
.centered-action-table .list-page .dates-panel ul.data>li:hover,
.centered-action-table .panel ul.data>li:hover,
.centered-action-table .switch-cards .cards ul.data>li:hover,
.centered-action-table .transparent-panel ul.data>li:hover,
.centered-action-table footer ul.data>li:hover,
.centered-action-table ul.data>li:hover {
	background-color: #f3f8fd;
	cursor: pointer
}

.centered-action-table .learn-more-panel ul.data>li .actions,
.centered-action-table .list-page .accountAndAmountPanel ul.data>li .actions,
.centered-action-table .list-page .dates-panel ul.data>li .actions,
.centered-action-table .panel ul.data>li .actions,
.centered-action-table .switch-cards .cards ul.data>li .actions,
.centered-action-table .transparent-panel ul.data>li .actions,
.centered-action-table footer ul.data>li .actions,
.centered-action-table ul.data>li .actions {
	position: absolute;
	right: 0;
	top: 0;
	height: 100%;
	padding: 0 1em 1em;
	z-index: 5;
	background-color: #FFF;
	border-left: 1px solid #e5e5e1;
	min-width: 4.3rem
}

.centered-action-table .learn-more-panel ul.data>li .actions:before,
.centered-action-table .list-page .accountAndAmountPanel ul.data>li .actions:before,
.centered-action-table .list-page .dates-panel ul.data>li .actions:before,
.centered-action-table .panel ul.data>li .actions:before,
.centered-action-table .switch-cards .cards ul.data>li .actions:before,
.centered-action-table .transparent-panel ul.data>li .actions:before,
.centered-action-table footer ul.data>li .actions:before,
.centered-action-table ul.data>li .actions:before {
	display: none
}

.centered-action-table .learn-more-panel ul.data>li .actions .action,
.centered-action-table .list-page .accountAndAmountPanel ul.data>li .actions .action,
.centered-action-table .list-page .dates-panel ul.data>li .actions .action,
.centered-action-table .panel ul.data>li .actions .action,
.centered-action-table .switch-cards .cards ul.data>li .actions .action,
.centered-action-table .transparent-panel ul.data>li .actions .action,
.centered-action-table footer ul.data>li .actions .action,
.centered-action-table ul.data>li .actions .action {
	text-align: center;
	z-index: 10;
	float: none;
	position: absolute
}

@media only screen and (min-width:64.063em) {
	.centered-action-table .learn-more-panel ul.data>li .actions .action,
	.centered-action-table .list-page .accountAndAmountPanel ul.data>li .actions .action,
	.centered-action-table .list-page .dates-panel ul.data>li .actions .action,
	.centered-action-table .panel ul.data>li .actions .action,
	.centered-action-table .switch-cards .cards ul.data>li .actions .action,
	.centered-action-table .transparent-panel ul.data>li .actions .action,
	.centered-action-table footer ul.data>li .actions .action,
	.centered-action-table ul.data>li .actions .action {
		margin-top: 0;
		margin-left: .9em;
		float: right;
		position: static
	}
}

.centered-action-table .learn-more-panel ul.data>li .actions .action .title,
.centered-action-table .list-page .accountAndAmountPanel ul.data>li .actions .action .title,
.centered-action-table .list-page .dates-panel ul.data>li .actions .action .title,
.centered-action-table .panel ul.data>li .actions .action .title,
.centered-action-table .switch-cards .cards ul.data>li .actions .action .title,
.centered-action-table .transparent-panel ul.data>li .actions .action .title,
.centered-action-table footer ul.data>li .actions .action .title,
.centered-action-table ul.data>li .actions .action .title {
	font-size: .8em;
	text-align: center;
	margin-bottom: .2em;
	display: block
}

.centered-action-table .learn-more-panel ul.data>li .actions .action i,
.centered-action-table .list-page .accountAndAmountPanel ul.data>li .actions .action i,
.centered-action-table .list-page .dates-panel ul.data>li .actions .action i,
.centered-action-table .panel ul.data>li .actions .action i,
.centered-action-table .switch-cards .cards ul.data>li .actions .action i,
.centered-action-table .transparent-panel ul.data>li .actions .action i,
.centered-action-table footer ul.data>li .actions .action i,
.centered-action-table ul.data>li .actions .action i {
	margin-bottom: .3em;
	font-size: 2.3em
}

.centered-action-table .learn-more-panel ul.data>li .actions a,
.centered-action-table .list-page .accountAndAmountPanel ul.data>li .actions a,
.centered-action-table .list-page .dates-panel ul.data>li .actions a,
.centered-action-table .panel ul.data>li .actions a,
.centered-action-table .switch-cards .cards ul.data>li .actions a,
.centered-action-table .transparent-panel ul.data>li .actions a,
.centered-action-table footer ul.data>li .actions a,
.centered-action-table ul.data>li .actions a {
	display: block;
	text-decoration: none;
	color: #0ad
}

.centered-action-table .learn-more-panel ul.data>li .information,
.centered-action-table .list-page .accountAndAmountPanel ul.data>li .information,
.centered-action-table .list-page .dates-panel ul.data>li .information,
.centered-action-table .panel ul.data>li .information,
.centered-action-table .switch-cards .cards ul.data>li .information,
.centered-action-table .transparent-panel ul.data>li .information,
.centered-action-table footer ul.data>li .information,
.centered-action-table ul.data>li .information {
	display: block
}

.centered-action-table .learn-more-panel ul.data>li .information>a,
.centered-action-table .learn-more-panel ul.data>li .information>div,
.centered-action-table .learn-more-panel ul.data>li .information>span,
.centered-action-table .list-page .accountAndAmountPanel ul.data>li .information>a,
.centered-action-table .list-page .accountAndAmountPanel ul.data>li .information>div,
.centered-action-table .list-page .accountAndAmountPanel ul.data>li .information>span,
.centered-action-table .list-page .dates-panel ul.data>li .information>a,
.centered-action-table .list-page .dates-panel ul.data>li .information>div,
.centered-action-table .list-page .dates-panel ul.data>li .information>span,
.centered-action-table .panel ul.data>li .information>a,
.centered-action-table .panel ul.data>li .information>div,
.centered-action-table .panel ul.data>li .information>span,
.centered-action-table .switch-cards .cards ul.data>li .information>a,
.centered-action-table .switch-cards .cards ul.data>li .information>div,
.centered-action-table .switch-cards .cards ul.data>li .information>span,
.centered-action-table .transparent-panel ul.data>li .information>a,
.centered-action-table .transparent-panel ul.data>li .information>div,
.centered-action-table .transparent-panel ul.data>li .information>span,
.centered-action-table footer ul.data>li .information>a,
.centered-action-table footer ul.data>li .information>div,
.centered-action-table footer ul.data>li .information>span,
.centered-action-table ul.data>li .information>a,
.centered-action-table ul.data>li .information>div,
.centered-action-table ul.data>li .information>span {
	color: #222;
	border-bottom: 1px solid #e5e5e1;
	padding: 1rem
}

@media only screen and (min-width:40rem) {
	.centered-action-table .learn-more-panel ul.data>li .information>a,
	.centered-action-table .learn-more-panel ul.data>li .information>div,
	.centered-action-table .learn-more-panel ul.data>li .information>span,
	.centered-action-table .list-page .accountAndAmountPanel ul.data>li .information>a,
	.centered-action-table .list-page .accountAndAmountPanel ul.data>li .information>div,
	.centered-action-table .list-page .accountAndAmountPanel ul.data>li .information>span,
	.centered-action-table .list-page .dates-panel ul.data>li .information>a,
	.centered-action-table .list-page .dates-panel ul.data>li .information>div,
	.centered-action-table .list-page .dates-panel ul.data>li .information>span,
	.centered-action-table .panel ul.data>li .information>a,
	.centered-action-table .panel ul.data>li .information>div,
	.centered-action-table .panel ul.data>li .information>span,
	.centered-action-table .switch-cards .cards ul.data>li .information>a,
	.centered-action-table .switch-cards .cards ul.data>li .information>div,
	.centered-action-table .switch-cards .cards ul.data>li .information>span,
	.centered-action-table .transparent-panel ul.data>li .information>a,
	.centered-action-table .transparent-panel ul.data>li .information>div,
	.centered-action-table .transparent-panel ul.data>li .information>span,
	.centered-action-table footer ul.data>li .information>a,
	.centered-action-table footer ul.data>li .information>div,
	.centered-action-table footer ul.data>li .information>span,
	.centered-action-table ul.data>li .information>a,
	.centered-action-table ul.data>li .information>div,
	.centered-action-table ul.data>li .information>span {
		padding: 0 1rem 0 0
	}
}

.centered-action-table .learn-more-panel ul.data>li .information>a:last-child,
.centered-action-table .learn-more-panel ul.data>li .information>div:last-child,
.centered-action-table .learn-more-panel ul.data>li .information>span:last-child,
.centered-action-table .list-page .accountAndAmountPanel ul.data>li .information>a:last-child,
.centered-action-table .list-page .accountAndAmountPanel ul.data>li .information>div:last-child,
.centered-action-table .list-page .accountAndAmountPanel ul.data>li .information>span:last-child,
.centered-action-table .list-page .dates-panel ul.data>li .information>a:last-child,
.centered-action-table .list-page .dates-panel ul.data>li .information>div:last-child,
.centered-action-table .list-page .dates-panel ul.data>li .information>span:last-child,
.centered-action-table .panel ul.data>li .information>a:last-child,
.centered-action-table .panel ul.data>li .information>div:last-child,
.centered-action-table .panel ul.data>li .information>span:last-child,
.centered-action-table .switch-cards .cards ul.data>li .information>a:last-child,
.centered-action-table .switch-cards .cards ul.data>li .information>div:last-child,
.centered-action-table .switch-cards .cards ul.data>li .information>span:last-child,
.centered-action-table .transparent-panel ul.data>li .information>a:last-child,
.centered-action-table .transparent-panel ul.data>li .information>div:last-child,
.centered-action-table .transparent-panel ul.data>li .information>span:last-child,
.centered-action-table footer ul.data>li .information>a:last-child,
.centered-action-table footer ul.data>li .information>div:last-child,
.centered-action-table footer ul.data>li .information>span:last-child,
.centered-action-table ul.data>li .information>a:last-child,
.centered-action-table ul.data>li .information>div:last-child,
.centered-action-table ul.data>li .information>span:last-child {
	border-bottom: none
}

.centered-action-table .learn-more-panel ul.data>li .information>a:before,
.centered-action-table .learn-more-panel ul.data>li .information>div:before,
.centered-action-table .learn-more-panel ul.data>li .information>span:before,
.centered-action-table .list-page .accountAndAmountPanel ul.data>li .information>a:before,
.centered-action-table .list-page .accountAndAmountPanel ul.data>li .information>div:before,
.centered-action-table .list-page .accountAndAmountPanel ul.data>li .information>span:before,
.centered-action-table .list-page .dates-panel ul.data>li .information>a:before,
.centered-action-table .list-page .dates-panel ul.data>li .information>div:before,
.centered-action-table .list-page .dates-panel ul.data>li .information>span:before,
.centered-action-table .panel ul.data>li .information>a:before,
.centered-action-table .panel ul.data>li .information>div:before,
.centered-action-table .panel ul.data>li .information>span:before,
.centered-action-table .switch-cards .cards ul.data>li .information>a:before,
.centered-action-table .switch-cards .cards ul.data>li .information>div:before,
.centered-action-table .switch-cards .cards ul.data>li .information>span:before,
.centered-action-table .transparent-panel ul.data>li .information>a:before,
.centered-action-table .transparent-panel ul.data>li .information>div:before,
.centered-action-table .transparent-panel ul.data>li .information>span:before,
.centered-action-table footer ul.data>li .information>a:before,
.centered-action-table footer ul.data>li .information>div:before,
.centered-action-table footer ul.data>li .information>span:before,
.centered-action-table ul.data>li .information>a:before,
.centered-action-table ul.data>li .information>div:before,
.centered-action-table ul.data>li .information>span:before {
	display: block;
	font-weight: 400;
	color: #232323;
	content: attr(data-header)
}

@media only screen and (min-width:40rem) {
	.centered-action-table .learn-more-panel ul.data>li .information>a:before,
	.centered-action-table .learn-more-panel ul.data>li .information>div:before,
	.centered-action-table .learn-more-panel ul.data>li .information>span:before,
	.centered-action-table .list-page .accountAndAmountPanel ul.data>li .information>a:before,
	.centered-action-table .list-page .accountAndAmountPanel ul.data>li .information>div:before,
	.centered-action-table .list-page .accountAndAmountPanel ul.data>li .information>span:before,
	.centered-action-table .list-page .dates-panel ul.data>li .information>a:before,
	.centered-action-table .list-page .dates-panel ul.data>li .information>div:before,
	.centered-action-table .list-page .dates-panel ul.data>li .information>span:before,
	.centered-action-table .panel ul.data>li .information>a:before,
	.centered-action-table .panel ul.data>li .information>div:before,
	.centered-action-table .panel ul.data>li .information>span:before,
	.centered-action-table .switch-cards .cards ul.data>li .information>a:before,
	.centered-action-table .switch-cards .cards ul.data>li .information>div:before,
	.centered-action-table .switch-cards .cards ul.data>li .information>span:before,
	.centered-action-table .transparent-panel ul.data>li .information>a:before,
	.centered-action-table .transparent-panel ul.data>li .information>div:before,
	.centered-action-table .transparent-panel ul.data>li .information>span:before,
	.centered-action-table footer ul.data>li .information>a:before,
	.centered-action-table footer ul.data>li .information>div:before,
	.centered-action-table footer ul.data>li .information>span:before,
	.centered-action-table ul.data>li .information>a:before,
	.centered-action-table ul.data>li .information>div:before,
	.centered-action-table ul.data>li .information>span:before {
		display: table-cell;
		min-width: 13em;
		background-color: #EEE;
		padding: 1em
	}
}

.centered-action-table .learn-more-panel ul.data>li>span.payment-totals,
.centered-action-table .list-page .accountAndAmountPanel ul.data>li>span.payment-totals,
.centered-action-table .list-page .dates-panel ul.data>li>span.payment-totals,
.centered-action-table .panel ul.data>li>span.payment-totals,
.centered-action-table .switch-cards .cards ul.data>li>span.payment-totals,
.centered-action-table .transparent-panel ul.data>li>span.payment-totals,
.centered-action-table footer ul.data>li>span.payment-totals,
.centered-action-table ul.data>li>span.payment-totals {
	display: block;
	background-color: #F6F6F6;
	border-left: none
}

@media only screen and (min-width:40rem) {
	.centered-action-table .information>div>div {
		display: table-cell;
		vertical-align: middle;
		padding-left: 1em;
		padding-right: 5em
	}
}

.centered-action-table ul.header .action {
	width: 3.5em
}

@media only print {
	.centered-action-table .information>div>div {
		display: block;
		vertical-align: middle;
		padding-left: 0;
		padding-right: 0
	}
	.centered-action-table .learn-more-panel ul.data>li,
	.centered-action-table .list-page .accountAndAmountPanel ul.data>li,
	.centered-action-table .list-page .dates-panel ul.data>li,
	.centered-action-table .panel ul.data>li,
	.centered-action-table .switch-cards .cards ul.data>li,
	.centered-action-table .transparent-panel ul.data>li,
	.centered-action-table footer ul.data>li,
	.centered-action-table ul.data>li {
		margin: 0;
		border-top: none;
		padding-top: 1.2em
	}
	.centered-action-table .learn-more-panel ul.data>li .actions,
	.centered-action-table .list-page .accountAndAmountPanel ul.data>li .actions,
	.centered-action-table .list-page .dates-panel ul.data>li .actions,
	.centered-action-table .panel ul.data>li .actions,
	.centered-action-table .switch-cards .cards ul.data>li .actions,
	.centered-action-table .transparent-panel ul.data>li .actions,
	.centered-action-table footer ul.data>li .actions,
	.centered-action-table ul.data>li .actions {
		border: none;
		background-color: transparent;
		padding: 0
	}
	.centered-action-table .learn-more-panel ul.data>li .actions .action .title,
	.centered-action-table .list-page .accountAndAmountPanel ul.data>li .actions .action .title,
	.centered-action-table .list-page .dates-panel ul.data>li .actions .action .title,
	.centered-action-table .panel ul.data>li .actions .action .title,
	.centered-action-table .switch-cards .cards ul.data>li .actions .action .title,
	.centered-action-table .transparent-panel ul.data>li .actions .action .title,
	.centered-action-table footer ul.data>li .actions .action .title,
	.centered-action-table ul.data>li .actions .action .title {
		display: none
	}
	.centered-action-table .learn-more-panel ul.data>li .information>a,
	.centered-action-table .learn-more-panel ul.data>li .information>div,
	.centered-action-table .learn-more-panel ul.data>li .information>span,
	.centered-action-table .list-page .accountAndAmountPanel ul.data>li .information>a,
	.centered-action-table .list-page .accountAndAmountPanel ul.data>li .information>div,
	.centered-action-table .list-page .accountAndAmountPanel ul.data>li .information>span,
	.centered-action-table .list-page .dates-panel ul.data>li .information>a,
	.centered-action-table .list-page .dates-panel ul.data>li .information>div,
	.centered-action-table .list-page .dates-panel ul.data>li .information>span,
	.centered-action-table .panel ul.data>li .information>a,
	.centered-action-table .panel ul.data>li .information>div,
	.centered-action-table .panel ul.data>li .information>span,
	.centered-action-table .switch-cards .cards ul.data>li .information>a,
	.centered-action-table .switch-cards .cards ul.data>li .information>div,
	.centered-action-table .switch-cards .cards ul.data>li .information>span,
	.centered-action-table .transparent-panel ul.data>li .information>a,
	.centered-action-table .transparent-panel ul.data>li .information>div,
	.centered-action-table .transparent-panel ul.data>li .information>span,
	.centered-action-table footer ul.data>li .information>a,
	.centered-action-table footer ul.data>li .information>div,
	.centered-action-table footer ul.data>li .information>span,
	.centered-action-table ul.data>li .information>a,
	.centered-action-table ul.data>li .information>div,
	.centered-action-table ul.data>li .information>span {
		border: none
	}
	.centered-action-table .learn-more-panel ul.data>li .information>a:before,
	.centered-action-table .learn-more-panel ul.data>li .information>div:before,
	.centered-action-table .learn-more-panel ul.data>li .information>span:before,
	.centered-action-table .list-page .accountAndAmountPanel ul.data>li .information>a:before,
	.centered-action-table .list-page .accountAndAmountPanel ul.data>li .information>div:before,
	.centered-action-table .list-page .accountAndAmountPanel ul.data>li .information>span:before,
	.centered-action-table .list-page .dates-panel ul.data>li .information>a:before,
	.centered-action-table .list-page .dates-panel ul.data>li .information>div:before,
	.centered-action-table .list-page .dates-panel ul.data>li .information>span:before,
	.centered-action-table .panel ul.data>li .information>a:before,
	.centered-action-table .panel ul.data>li .information>div:before,
	.centered-action-table .panel ul.data>li .information>span:before,
	.centered-action-table .switch-cards .cards ul.data>li .information>a:before,
	.centered-action-table .switch-cards .cards ul.data>li .information>div:before,
	.centered-action-table .switch-cards .cards ul.data>li .information>span:before,
	.centered-action-table .transparent-panel ul.data>li .information>a:before,
	.centered-action-table .transparent-panel ul.data>li .information>div:before,
	.centered-action-table .transparent-panel ul.data>li .information>span:before,
	.centered-action-table footer ul.data>li .information>a:before,
	.centered-action-table footer ul.data>li .information>div:before,
	.centered-action-table footer ul.data>li .information>span:before,
	.centered-action-table ul.data>li .information>a:before,
	.centered-action-table ul.data>li .information>div:before,
	.centered-action-table ul.data>li .information>span:before {
		display: none
	}
	.centered-action-table .information>div {
		min-height: 1em;
		padding-right: .5rem
	}
	.centered-action-table .list-page .accountAndAmountPanel ul li,
	.centered-action-table .list-page .dates-panel ul li,
	.centered-action-table .switch-cards .cards ul li,
	.centered-action-table ul li,
	.list-page .accountAndAmountPanel .centered-action-table ul li,
	.list-page .dates-panel .centered-action-table ul li,
	.switch-cards .cards .centered-action-table ul li {
		min-height: 2.5em;
		padding-left: 1em;
		overflow: hidden
	}
	.centered-action-table ul li .information>div {
		float: left
	}
	.centered-action-table ul.header {
		display: block;
		border: 1px solid #e5e5e1;
		background: #EEE;
		position: relative;
		height: 2.5em;
		padding-top: .5em
	}
	.centered-action-table ul.header div {
		color: #424242
	}
	.centered-action-table ul.header .action {
		background-color: #dadada;
		font-size: .8em;
		margin-right: .6em;
		text-align: center
	}
	.centered-action-table ul.header li .actions {
		margin-top: .7em;
		position: absolute;
		right: 0;
		padding: 0
	}
	.centered-action-table ul.header li .actions .action {
		float: right;
		background-color: #dadada;
		font-size: .8em;
		margin-right: .6em;
		text-align: center;
		z-index: 10;
		padding-right: 0;
		line-height: 1rem;
		margin-left: .8em
	}
	.centered-action-table ul.header .icon {
		color: #D2D2D2;
		padding-left: .3em;
		text-align: center;
		font-size: .8em
	}
	.centered-action-table ul.header .icon.active {
		color: #026CB8
	}
	.centered-action-table ul.header a {
		color: #424242;
		text-decoration: none
	}
	.centered-action-table ul.data li .information {
		min-height: 2.5em
	}
	.centered-action-table ul.data li .actions {
		position: absolute;
		bottom: 0;
		right: .4em;
		margin: 0
	}
	.centered-action-table ul.data .action {
		float: left;
		padding: .2em 0;
		margin-left: .95em;
		font-size: 1.2em
	}
}

@media print {
	.learn-more-panel ul,
	.list-page .accountAndAmountPanel ul,
	.list-page .dates-panel ul,
	.panel ul,
	.switch-cards .cards ul,
	.transparent-panel ul,
	footer ul,
	ul {
		margin-left: 0
	}
	.centered-action-table .list-page .accountAndAmountPanel ul,
	.centered-action-table .list-page .dates-panel ul,
	.centered-action-table .switch-cards .cards ul,
	.centered-action-table ul,
	.list-page .accountAndAmountPanel .centered-action-table ul,
	.list-page .dates-panel .centered-action-table ul,
	.switch-cards .cards .centered-action-table ul {
		font-size: .8em;
		margin-bottom: 0
	}
	.centered-action-table ul.header {
		border: 1px solid #e5e5e1;
		line-height: .75rem!important
	}
	.centered-action-table ul.header li div.information {
		font-weight: 700
	}
	.centered-action-table .list-page .accountAndAmountPanel ul li,
	.centered-action-table .list-page .dates-panel ul li,
	.centered-action-table .switch-cards .cards ul li,
	.centered-action-table ul li,
	.list-page .accountAndAmountPanel .centered-action-table ul li,
	.list-page .dates-panel .centered-action-table ul li,
	.switch-cards .cards .centered-action-table ul li {
		width: 100%;
		padding-left: 0!important;
		color: #232323!important;
		word-wrap: break-word!important
	}
	.centered-action-table ul .information {
		padding-right: 1rem;
		line-height: .5rem;
		width: 100%;
		border: 0!important
	}
	.centered-action-table ul .information .month {
		line-height: 1rem
	}
	.centered-action-table ul .information .currency {
		text-align: right
	}
	.centered-action-table ul .information>div {
		padding: 0 0 0 1em!important
	}
	.centered-action-table ul .information>div:nth-child(1) {
		width: 10%
	}
	.centered-action-table ul .information>div:nth-child(2) {
		width: 58%
	}
	.centered-action-table ul .information>div:nth-child(3) {
		width: 20%
	}
	.centered-action-table ul .information>div:nth-child(4) {
		width: 12%
	}
	.centered-action-table ul .yearHeader {
		border-bottom: 1px solid #e5e5e1
	}
	.centered-action-table ul.header {
		height: 4em;
		padding-top: 1em;
		margin-bottom: 0;
		background-color: #FFF!important
	}
	.centered-action-table ul.header .information div span {
		font-weight: 400
	}
	.centered-action-table ul.header .information .currency {
		text-align: right
	}
	.centered-action-table .learn-more-panel ul.data>li,
	.centered-action-table .list-page .accountAndAmountPanel ul.data>li,
	.centered-action-table .list-page .dates-panel ul.data>li,
	.centered-action-table .panel ul.data>li,
	.centered-action-table .switch-cards .cards ul.data>li,
	.centered-action-table .transparent-panel ul.data>li,
	.centered-action-table footer ul.data>li,
	.centered-action-table ul.data>li {
		margin-top: 0;
		margin-bottom: 0;
		padding: 0!important;
		border-left: 1px solid #e5e5e1!important;
		border-right: 1px solid #e5e5e1!important;
		border-top: 0;
		page-break-inside: avoid
	}
	.centered-action-table .learn-more-panel ul.data>li .information,
	.centered-action-table .list-page .accountAndAmountPanel ul.data>li .information,
	.centered-action-table .list-page .dates-panel ul.data>li .information,
	.centered-action-table .panel ul.data>li .information,
	.centered-action-table .switch-cards .cards ul.data>li .information,
	.centered-action-table .transparent-panel ul.data>li .information,
	.centered-action-table footer ul.data>li .information,
	.centered-action-table ul.data>li .information {
		min-height: 2rem
	}
	.centered-action-table .learn-more-panel ul.data>li .yearHeader,
	.centered-action-table .list-page .accountAndAmountPanel ul.data>li .yearHeader,
	.centered-action-table .list-page .dates-panel ul.data>li .yearHeader,
	.centered-action-table .panel ul.data>li .yearHeader,
	.centered-action-table .switch-cards .cards ul.data>li .yearHeader,
	.centered-action-table .transparent-panel ul.data>li .yearHeader,
	.centered-action-table footer ul.data>li .yearHeader,
	.centered-action-table ul.data>li .yearHeader {
		min-height: 1.25rem;
		background-color: #000;
		border-bottom: 1px solid #e5e5e1!important;
		line-height: 0;
		margin-bottom: 1rem
	}
}

table.centered-action-table {
	box-sizing: border-box;
	border-collapse: separate;
	padding: 0
}

table.centered-action-table tr {
	display: block
}

table.centered-action-table tr td,
table.centered-action-table tr th {
	font-size: 1rem;
	float: left
}

table.centered-action-table tr:after {
	visibility: hidden;
	display: block;
	content: "";
	clear: both;
	height: 0
}

table.centered-action-table thead tr {
	box-shadow: 0 1px 3px rgba(0, 0, 0, .12), 0 1px 2px rgba(0, 0, 0, .24);
	margin-bottom: .2rem;
	border-left: 5px solid #FFF
}

table.centered-action-table thead tr th {
	font-weight: 400;
	padding-top: 1.3em;
	height: 4em;
	background-color: #FFF
}

table.centered-action-table thead tr th.th-10 {
	width: 10%
}

table.centered-action-table thead tr th.th-15 {
	width: 15%
}

table.centered-action-table thead tr th.th-20 {
	width: 20%
}

table.centered-action-table thead tr th.th-25 {
	width: 25%
}

table.centered-action-table thead tr th.th-30 {
	width: 30%
}

table.centered-action-table thead tr th.th-35 {
	width: 35%
}

table.centered-action-table thead tr th.th-50 {
	width: 50%
}

@media only screen and (min-width:40rem) and (max-width:64rem) {
	table.centered-action-table thead tr th.th-m-15 {
		width: 15%
	}
	table.centered-action-table thead tr th.th-m-20 {
		width: 20%
	}
	table.centered-action-table thead tr th.th-m-25 {
		width: 25%
	}
	table.centered-action-table thead tr th.th-m-40 {
		width: 40%
	}
}

table.centered-action-table tbody tr,
table.centered-action-table tfoot tr {
	border: 0;
	background-color: #FFF;
	border-left: 5px solid #FFF
}

table.centered-action-table tbody tr.payment-totals,
table.centered-action-table tfoot tr.payment-totals {
	display: block;
	background-color: #F6F6F6;
	border-left: none
}

table.centered-action-table tbody tr+tr,
table.centered-action-table tfoot tr+tr {
	border-top: 1px solid #e5e5e1
}

table.centered-action-table tbody tr.selectable:hover,
table.centered-action-table tfoot tr.selectable:hover {
	box-shadow: 0 1px 3px rgba(0, 0, 0, .12), 0 1px 2px rgba(0, 0, 0, .24);
	background-color: #f3f8fd;
	border-left: 5px solid #0ad;
	cursor: pointer;
	margin-bottom: .1em
}

table.centered-action-table tbody tr:last-child,
table.centered-action-table tfoot tr:last-child {
	border-bottom: none
}

table.centered-action-table tbody tr td,
table.centered-action-table tfoot tr td {
	border: 0;
	min-height: 3.5em;
	background-color: inherit;
	padding-top: .5em
}

table.centered-action-table tbody tr td.td-10,
table.centered-action-table tfoot tr td.td-10 {
	width: 10%
}

table.centered-action-table tbody tr td.td-15,
table.centered-action-table tfoot tr td.td-15 {
	width: 15%
}

table.centered-action-table tbody tr td.td-20,
table.centered-action-table tfoot tr td.td-20 {
	width: 20%
}

table.centered-action-table tbody tr td.td-25,
table.centered-action-table tfoot tr td.td-25 {
	width: 25%
}

table.centered-action-table tbody tr td.td-30,
table.centered-action-table tfoot tr td.td-30 {
	width: 30%
}

table.centered-action-table tbody tr td.td-35,
table.centered-action-table tfoot tr td.td-35 {
	width: 35%
}

table.centered-action-table tbody tr td.td-50,
table.centered-action-table tfoot tr td.td-50 {
	width: 50%
}

@media only screen and (min-width:40rem) and (max-width:64rem) {
	table.centered-action-table tbody tr td.td-m-15,
	table.centered-action-table tfoot tr td.td-m-15 {
		width: 15%
	}
	table.centered-action-table tbody tr td.td-m-20,
	table.centered-action-table tfoot tr td.td-m-20 {
		width: 20%
	}
	table.centered-action-table tbody tr td.td-m-25,
	table.centered-action-table tfoot tr td.td-m-25 {
		width: 25%
	}
	table.centered-action-table tbody tr td.td-m-40,
	table.centered-action-table tfoot tr td.td-m-40 {
		width: 40%
	}
}

table.centered-action-table tbody tr td a,
table.centered-action-table tfoot tr td a {
	color: #0ad
}

table.centered-action-table tfoot tr td {
	text-align: center;
	width: 100%
}

.action-doing,
.action-failure {
	text-align: center;
	position: absolute;
	bottom: 0;
	top: 0;
	left: 0;
	right: 0;
	width: 100%;
	z-index: 99999
}

.action-doing .prompt,
.action-failure .prompt {
	font-size: 1.1em;
	padding: 0;
	text-align: center
}

@media only screen and (max-width:39.9375rem) {
	.action-doing .prompt,
	.action-failure .prompt {
		padding: .5em 1em;
		position: absolute;
		top: 50%;
		left: 50%;
		margin-right: -50%;
		-ms-transform: translate(-50%, -50%);
		-webkit-transform: translate(-50%, -50%);
		transform: translate(-50%, -50%)
	}
	.action-doing .prompt .confirm,
	.action-failure .prompt .confirm {
		width: 48%;
		display: inline-block;
		margin-left: 0;
		margin-right: .5em;
		float: left
	}
	.action-doing .prompt .cancel,
	.action-failure .prompt .cancel {
		width: 48%;
		display: inline-block;
		margin-left: 0;
		float: left
	}
}

@media only screen and (min-width:40rem) and (max-width:64rem) {
	.action-doing .prompt,
	.action-failure .prompt {
		position: absolute;
		top: 50%;
		left: 50%;
		margin-right: -50%;
		-ms-transform: translate(-50%, -50%);
		-webkit-transform: translate(-50%, -50%);
		transform: translate(-50%, -50%)
	}
}

@media only screen and (min-width:64.063em) {
	.action-doing .prompt,
	.action-failure .prompt {
		width: 100%;
		text-align: left;
		padding: 0
	}
	.action-doing .prompt span,
	.action-failure .prompt span {
		display: inline-block;
		padding-right: 1em;
		padding-bottom: 0
	}
	.action-doing .prompt .btn,
	.action-doing .prompt button,
	.action-failure .prompt .btn,
	.action-failure .prompt button {
		float: none;
		margin-left: 0;
		margin-right: 1em
	}
}

.action-doing span,
.action-failure span {
	display: block;
	padding-bottom: 0
}

@media only screen and (max-width:39.9375rem) {
	.action-doing span,
	.action-failure span {
		padding-bottom: .5em
	}
}

.action-doing span.rand-amount,
.action-failure span.rand-amount {
	display: inline;
	padding: 0
}

.action-doing .btn,
.action-doing button,
.action-failure .btn,
.action-failure button {
	float: right;
	margin-left: 1em;
	vertical-align: middle;
	margin-top: .2em
}

.action-doing .centered-spinner,
.action-doing .inline-spinner,
.action-failure .centered-spinner,
.action-failure .inline-spinner {
	float: right;
	margin-right: 3em
}

.action-doing {
	background-color: #f3f8fd;
	font-size: .9em;
	color: #0496FD;
	border: 1px solid #0496FD
}

.action-doing:hover {
	border: 1px solid #0496FD
}

.action-doing .prompt span {
	color: #0496FD
}

.action-doing.danger,
.action-failure {
	background-color: #EFDBD5;
	font-size: .9em;
	color: #CE1936;
	border: 1px solid #CE1936
}

.action-doing.danger:hover,
.action-failure:hover {
	border: 1px solid #FF2A4C
}

.action-doing.danger .prompt span,
.action-failure .prompt span {
	color: #CE1936
}

@media only screen and (min-width:40rem) and (max-width:64rem) {
	.action-doing .prompt,
	.action-failure .prompt {
		text-align: center;
		margin-top: 1em
	}
	.action-doing .prompt span,
	.action-failure .prompt span {
		margin-bottom: 1em
	}
	.action-doing .cancel-action,
	.action-doing .confirm-actions,
	.action-failure .cancel-action,
	.action-failure .confirm-actions {
		text-align: center
	}
	.action-doing .cancel-action .btn,
	.action-doing .cancel-action button,
	.action-doing .confirm-actions .btn,
	.action-doing .confirm-actions button,
	.action-failure .cancel-action .btn,
	.action-failure .cancel-action button,
	.action-failure .confirm-actions .btn,
	.action-failure .confirm-actions button {
		float: none
	}
}

@media only screen {
	.action-doing .confirm-message,
	.action-failure .confirm-message {
		text-align: center;
		float: left;
		width: 100%
	}
}

@media only screen and (min-width:64.063em) {
	.action-doing .cancel-action,
	.action-doing .confirm-actions,
	.action-failure .cancel-action,
	.action-failure .confirm-actions {
		display: inline-block;
		text-align: right;
		padding-right: .5em;
		float: right
	}
	.action-doing .confirm-message,
	.action-failure .confirm-message {
		width: auto;
		padding-top: 1.1em;
		float: right;
		text-align: right
	}
	.action-doing .confirm-message-comp-lib-buttons,
	.action-failure .confirm-message-comp-lib-buttons {
		padding-top: 1.6em
	}
}

@-webkit-keyframes act-animation {
	from {
		-webkit-transform: translateX(0);
		-moz-transform: translateX(0);
		-ms-transform: translateX(0);
		-o-transform: translateX(0);
		transform: translateX(0);
		background-color: rgba(186, 77, 48, .1);
		opacity: 1
	}
	to {
		-webkit-transform: translateX(-100%);
		-moz-transform: translateX(-100%);
		-ms-transform: translateX(-100%);
		-o-transform: translateX(-100%);
		transform: translateX(-100%);
		background-color: #FFF;
		opacity: 0
	}
}

@-moz-keyframes act-animation {
	from {
		-webkit-transform: translateX(0);
		-moz-transform: translateX(0);
		-ms-transform: translateX(0);
		-o-transform: translateX(0);
		transform: translateX(0);
		background-color: rgba(186, 77, 48, .1);
		opacity: 1
	}
	to {
		-webkit-transform: translateX(-100%);
		-moz-transform: translateX(-100%);
		-ms-transform: translateX(-100%);
		-o-transform: translateX(-100%);
		transform: translateX(-100%);
		background-color: #FFF;
		opacity: 0
	}
}

@-o-keyframes act-animation {
	from {
		-webkit-transform: translateX(0);
		-moz-transform: translateX(0);
		-ms-transform: translateX(0);
		-o-transform: translateX(0);
		transform: translateX(0);
		background-color: rgba(186, 77, 48, .1);
		opacity: 1
	}
	to {
		-webkit-transform: translateX(-100%);
		-moz-transform: translateX(-100%);
		-ms-transform: translateX(-100%);
		-o-transform: translateX(-100%);
		transform: translateX(-100%);
		background-color: #FFF;
		opacity: 0
	}
}

@keyframes act-animation {
	from {
		-webkit-transform: translateX(0);
		-moz-transform: translateX(0);
		-ms-transform: translateX(0);
		-o-transform: translateX(0);
		transform: translateX(0);
		background-color: rgba(186, 77, 48, .1);
		opacity: 1
	}
	to {
		-webkit-transform: translateX(-100%);
		-moz-transform: translateX(-100%);
		-ms-transform: translateX(-100%);
		-o-transform: translateX(-100%);
		transform: translateX(-100%);
		background-color: #FFF;
		opacity: 0
	}
}

@-webkit-keyframes action-doing-animation {
	from {
		opacity: 0
	}
	to {
		opacity: 1
	}
}

@-moz-keyframes action-doing-animation {
	from {
		opacity: 0
	}
	to {
		opacity: 1
	}
}

@-o-keyframes action-doing-animation {
	from {
		opacity: 0
	}
	to {
		opacity: 1
	}
}

@keyframes action-doing-animation {
	from {
		opacity: 0
	}
	to {
		opacity: 1
	}
}

@-webkit-keyframes cancel-animation {
	from {
		opacity: 1
	}
	to {
		opacity: 0
	}
}

@-moz-keyframes cancel-animation {
	from {
		opacity: 1
	}
	to {
		opacity: 0
	}
}

@-o-keyframes cancel-animation {
	from {
		opacity: 1
	}
	to {
		opacity: 0
	}
}

@keyframes cancel-animation {
	from {
		opacity: 1
	}
	to {
		opacity: 0
	}
}

table {
	padding: 1em;
	padding-bottom: .5em;
	width: 100%
}

table.thin-margin-bottom {
	margin-bottom: .5em
}

table.thin-margin-top {
	margin-top: .5em
}

table thead {
	border: 1px solid #e5e5e1;
	border-bottom: 2px solid #E2E2E2;
	background: #f0f0ef;
	padding: 1em
}

table thead.no-bottom-border {
	border-bottom: none
}

table thead th {
	padding: .8em;
	font-weight: 400;
	text-align: left;
	color: #232323
}

table tbody {
	border: solid 1px #DDD
}

table tbody tr {
	background: #FFF;
	border: solid 1px #DDD
}

table tbody.no-alternating-row-background tr.alt,
table tbody.no-alternating-row-background tr.even,
table tbody.no-alternating-row-background tr:nth-of-type(even) {
	background: #FFF
}

table td {
	color: #787878;
	padding: .8em
}

.icomoon-add {
	font-size: 1em
}

.icomoon-download,
.icomoon-email-circle,
.icomoon-print-circle {
	color: #006abb
}

.icon-download-png {
	padding: 0!important
}

.icon-download-png img {
	height: 15px
}

.dropdown-icon i {
	font-weight: 700;
	font-size: 1em!important;
	padding: .5em!important
}

.customized-png-icon {
	display: inline-block;
	width: 1.009em;
	height: 1.009em;
	text-align: center;
	background-size: contain;
	background-repeat: no-repeat
}

.customized-png-icon.my-bills.arrow {
	background-image: url(../../images/my-bills/arrow.png)
}

.customized-png-icon.my-bills.select {
	background-image: url(../../images/my-bills/select-desktop.jpg)
}

@media only screen and (min-width:40rem) and (max-width:64rem),
only screen and (max-width:39.9375rem) {
	.customized-png-icon.my-bills.select {
		background-image: url(../../images/my-bills/select-mobile.jpg)
	}
}

.customized-png-icon.my-bills.subscribe {
	background-image: url(../../images/my-bills/subscribe-desktop.jpg)
}

@media only screen and (min-width:40rem) and (max-width:64rem),
only screen and (max-width:39.9375rem) {
	.customized-png-icon.my-bills.subscribe {
		background-image: url(../../images/my-bills/subscribe-mobile.jpg)
	}
}

.customized-png-icon.my-bills.view-and-pay {
	background-image: url(../../images/my-bills/view-and-pay-desktop.jpg)
}

@media only screen and (min-width:40rem) and (max-width:64rem),
only screen and (max-width:39.9375rem) {
	.customized-png-icon.my-bills.view-and-pay {
		background-image: url(../../images/my-bills/view-and-pay-mobile.jpg)
	}
}

.customized-png-icon.my-bills.pay {
	background-image: url(../../images/my-bills/pay.png)
}

.customized-png-icon.bizflex.what-happens-next1 {
	background-image: url(../../images/bizflex/bizflexflex-next1.png);
	width: 60px;
	height: 34px
}

.customized-png-icon.bizflex.what-happens-next2 {
	background-image: url(../../images/bizflex/bizflexflex-next2.png);
	width: 60px;
	height: 34px
}

.customized-png-icon.bizflex.what-happens-next3 {
	background-image: url(../../images/bizflex/bizflexflex-next3.png);
	width: 60px;
	height: 34px
}

.customized-png-icon.bizflex.cost1 {
	background-image: url(../../images/bizflex/bizflex-cost1.png);
	width: 59px;
	height: 59px
}

.customized-png-icon.bizflex.cost2 {
	background-image: url(../../images/bizflex/bizflex-cost2.png);
	width: 59px;
	height: 59px
}

.customized-png-icon.bizflex.cost3 {
	background-image: url(../../images/bizflex/bizflex-cost3.png);
	width: 59px;
	height: 59px
}

.customized-png-icon.my-bills.pay.disabled {
	background-image: url(../../images/my-bills/pay-disabled.png)
}

.customized-png-icon.seo_learn_more.approve-payments {
	background-image: url(../../images/seo_learn_more/approve-payments.png)
}

.customized-png-icon.seo_learn_more.calendar {
	background-image: url(../../images/seo_learn_more/calendar.png)
}

.customized-png-icon.seo_learn_more.control-data {
	background-image: url(../../images/seo_learn_more/control-data.png)
}

.customized-png-icon.seo_learn_more.empower {
	background-image: url(../../images/seo_learn_more/empower.png)
}

.customized-png-icon.seo_learn_more.manage-permissions {
	background-image: url(../../images/seo_learn_more/manage-permissions.png)
}

@media only screen and (min-width:40rem) {
	.inline-form {
		position: relative
	}
	.inline-form input {
		width: auto;
		display: inline
	}
	.inline-form .form-error {
		position: static
	}
}

.ibr-tooltip {
	display: inline-block;
	position: relative;
	color: #555;
	margin-left: .4em;
	width: 6em;
	text-decoration: none
}

.ibr-tooltip i {
	font-size: 1.2rem;
	text-decoration: none
}

.ibr-tooltip:hover {
	cursor: default
}

.ibr-tooltip:hover:hover:after {
	background: #333;
	background: rgba(0, 0, 0, .8);
	border-radius: 5px;
	bottom: 26px;
	color: #FFF;
	left: -1em;
	padding: 5px 15px;
	position: absolute;
	z-index: 98;
	width: 280px;
	white-space: pre-line;
	content: attr(name)
}

@media only screen and (max-width:39.9375rem) {
	.ibr-tooltip:hover:hover:after {
		width: 260px
	}
}

@media only screen and (min-device-width:320px) and (max-device-width:350px) {
	.ibr-tooltip:hover:hover:after {
		left: -12.6em
	}
}

@media only screen and (min-device-width:360px) and (max-device-width:370px) {
	.ibr-tooltip:hover:hover:after {
		left: -10.5em
	}
}

@media only screen and (min-device-width:370px) and (max-device-width:390px) {
	.ibr-tooltip:hover:hover:after {
		left: -9.5em
	}
}

@media only screen and (min-device-width:410px) and (max-device-width:420px) {
	.ibr-tooltip:hover:hover:after {
		left: -6.5em
	}
}

.ibr-tooltip:hover:hover:before {
	border: solid;
	border-color: #333 transparent;
	border-width: 6px 6px 0;
	bottom: 20px;
	content: "";
	left: .1em;
	position: absolute;
	z-index: 99
}

.ibr-tooltip.bottom-address:hover:hover:after {
	bottom: -83px;
	font-size: small
}

@media only screen and (max-width:39.9375rem) {
	.ibr-tooltip.bottom-address:hover:hover:after {
		width: 200px
	}
}

.ibr-tooltip.bottom-address:hover:hover:before {
	border-width: 0 6px 6px;
	bottom: -1px
}

@media only screen and (max-width:39.9375rem) {
	.ibr-tooltip.mobile-left-placement:hover:hover:after {
		background: #333;
		background: rgba(0, 0, 0, .8);
		border-radius: 5px;
		bottom: 26px;
		color: #FFF;
		left: -12em;
		padding: 5px 15px;
		position: absolute;
		z-index: 98;
		width: 280px;
		white-space: pre-line
	}
}

@media only screen and (max-width:39.9375rem) and (max-width:39.9375rem) {
	.ibr-tooltip.mobile-left-placement:hover:hover:after {
		width: 260px
	}
}

@media only screen and (max-width:39.9375rem) and (min-device-width:320px) and (max-device-width:350px) {
	.ibr-tooltip.mobile-left-placement:hover:hover:after {
		left: -12.6em
	}
}

@media only screen and (max-width:39.9375rem) and (min-device-width:360px) and (max-device-width:370px) {
	.ibr-tooltip.mobile-left-placement:hover:hover:after {
		left: -10.5em
	}
}

@media only screen and (max-width:39.9375rem) and (min-device-width:370px) and (max-device-width:390px) {
	.ibr-tooltip.mobile-left-placement:hover:hover:after {
		left: -9.5em
	}
}

@media only screen and (max-width:39.9375rem) and (min-device-width:410px) and (max-device-width:420px) {
	.ibr-tooltip.mobile-left-placement:hover:hover:after {
		left: -6.5em
	}
}

.arrow_box {
	background: #FFF;
	border: 1px solid #D2D2D2;
	width: 100%;
	position: absolute;
	z-index: 5;
	padding: 10px;
	margin-top: -1px
}

@media only screen and (min-width:40rem) {
	.arrow_box {
		width: 50%
	}
}

.arrow_box:after,
.arrow_box:before {
	bottom: 100%;
	left: 5%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none
}

.arrow_box:after {
	border-color: rgba(255, 255, 255, 0);
	border-bottom-color: #FFF;
	border-width: 9px;
	margin-left: -10px
}

.arrow_box:before {
	border-color: rgba(120, 120, 120, 0);
	border-bottom-color: #D2D2D2;
	border-width: 11px;
	margin-left: -11px
}

.ibr-formatted-tooltip {
	display: inline-block;
	position: relative;
	color: #555;
	margin-left: .4em;
	width: 6em;
	text-decoration: none
}

.ibr-formatted-tooltip i {
	font-size: 1.2rem;
	text-decoration: none
}

@media only screen and (max-width:39.9375rem) {
	.ibr-formatted-tooltip {
		display: block;
		margin: 10px 0
	}
}

.ibr-formatted-tooltip span {
	display: none;
	color: #FFF
}

.ibr-formatted-tooltip span strong {
	color: #FFF
}

.ibr-formatted-tooltip span .list-page .accountAndAmountPanel ul,
.ibr-formatted-tooltip span .list-page .dates-panel ul,
.ibr-formatted-tooltip span .switch-cards .cards ul,
.ibr-formatted-tooltip span li,
.ibr-formatted-tooltip span ul,
.list-page .accountAndAmountPanel .ibr-formatted-tooltip span ul,
.list-page .dates-panel .ibr-formatted-tooltip span ul,
.switch-cards .cards .ibr-formatted-tooltip span ul {
	color: #FFF;
	list-style: initial;
	margin: 5px;
	font-size: small
}

.ibr-formatted-tooltip:hover {
	cursor: default
}

.ibr-formatted-tooltip:hover:hover span {
	background: #333;
	background: rgba(0, 0, 0, .8);
	border-radius: 5px;
	bottom: 26px;
	color: #FFF;
	left: -1em;
	padding: 5px 15px;
	position: absolute;
	z-index: 98;
	white-space: pre-line;
	width: 500px;
	display: block
}

@media only screen and (max-width:39.9375rem) {
	.ibr-formatted-tooltip:hover:hover span {
		width: 260px
	}
}

@media only screen and (min-device-width:320px) and (max-device-width:350px) {
	.ibr-formatted-tooltip:hover:hover span {
		left: -12.6em
	}
}

@media only screen and (min-device-width:360px) and (max-device-width:370px) {
	.ibr-formatted-tooltip:hover:hover span {
		left: -10.5em
	}
}

@media only screen and (min-device-width:370px) and (max-device-width:390px) {
	.ibr-formatted-tooltip:hover:hover span {
		left: -9.5em
	}
}

@media only screen and (min-device-width:410px) and (max-device-width:420px) {
	.ibr-formatted-tooltip:hover:hover span {
		left: -6.5em
	}
}

.ibr-formatted-tooltip:hover:hover span.left-placement {
	left: -20em
}

@media only screen and (max-width:39.9375rem) {
	.ibr-formatted-tooltip:hover:hover span {
		width: 290px
	}
	.ibr-formatted-tooltip:hover:hover span.left-placement {
		left: -1em
	}
}

.ibr-formatted-tooltip:hover:hover:before {
	border: solid;
	border-color: #333 transparent;
	border-width: 6px 6px 0;
	bottom: 20px;
	content: "";
	left: .1em;
	position: absolute;
	z-index: 99
}

.ibr-formatted-tooltip.grey-back:hover:hover span {
	background: rgba(0, 0, 0, .8)
}

.ibr-formatted-tooltip.grey-back:hover:hover span.left-placement {
	left: -25em
}

@media only screen and (max-width:39.9375rem) {
	.ibr-formatted-tooltip.grey-back:hover:hover span.left-placement {
		left: -13em
	}
}

@media only screen and (min-width:40rem) and (max-width:64rem) {
	.ibr-formatted-tooltip.grey-back:hover:hover span.left-placement {
		left: -1em
	}
}

@media only screen and (min-device-width:412px) and (max-device-width:736px) {
	.ibr-formatted-tooltip.grey-back:hover:hover span.left-placement {
		left: -5em
	}
}

.ibr-tooltip.mobile-left-placement-adjusted.grey-back:hover:hover:after,
.ibr-tooltip.mobile-left-placement.grey-back:hover:hover:after {
	background: rgba(0, 0, 0, .8)
}

@media only screen and (max-width:39.9375rem) {
	.ibr-tooltip.mobile-left-placement-adjusted.grey-back:hover:hover:after {
		border-radius: 5px;
		bottom: 26px;
		color: #FFF;
		left: -9em;
		padding: 5px 15px;
		position: absolute;
		z-index: 98;
		width: 280px;
		white-space: pre-line;
		background: rgba(0, 0, 0, .8)
	}
}

@media only screen and (max-width:39.9375rem) and (max-width:39.9375rem) {
	.ibr-tooltip.mobile-left-placement-adjusted.grey-back:hover:hover:after {
		width: 260px
	}
}

@media only screen and (max-width:39.9375rem) and (min-device-width:320px) and (max-device-width:350px) {
	.ibr-tooltip.mobile-left-placement-adjusted.grey-back:hover:hover:after {
		left: -12.6em
	}
}

@media only screen and (max-width:39.9375rem) and (min-device-width:360px) and (max-device-width:370px) {
	.ibr-tooltip.mobile-left-placement-adjusted.grey-back:hover:hover:after {
		left: -10.5em
	}
}

@media only screen and (max-width:39.9375rem) and (min-device-width:370px) and (max-device-width:390px) {
	.ibr-tooltip.mobile-left-placement-adjusted.grey-back:hover:hover:after {
		left: -9.5em
	}
}

@media only screen and (max-width:39.9375rem) and (min-device-width:410px) and (max-device-width:420px) {
	.ibr-tooltip.mobile-left-placement-adjusted.grey-back:hover:hover:after {
		left: -6.5em
	}
}

@media only screen and (max-width:39.9375rem) and (min-device-width:320px) and (max-device-width:350px) {
	.ibr-tooltip.mobile-left-placement-adjusted.grey-back:hover:hover:after {
		left: -8.6em
	}
}

@media only screen and (max-width:39.9375rem) and (min-device-width:360px) and (max-device-width:370px) {
	.ibr-tooltip.mobile-left-placement-adjusted.grey-back:hover:hover:after {
		left: -8.5em
	}
}

@media only screen and (max-width:39.9375rem) {
	.ibr-formatted-tooltip.wrap-in-text {
		display: inherit;
		margin: 0 0 10px
	}
}

@media only screen and (max-width:39.9375rem) {
	.ibr-tooltip.wrap-in-text {
		display: initial;
		margin: 0 0 10px
	}
}

.ibr-od-tooltip {
	display: block;
	position: unset;
	color: #0ad;
	width: 6em;
	text-decoration: none;
	margin-top: .5em
}

@media only screen and (max-width:39.9375rem) {
	.ibr-od-tooltip {
		display: block;
		margin: 10px 0
	}
}

.ibr-od-tooltip.for-offer {
	margin-left: unset;
	margin-bottom: .5em
}

.ibr-od-tooltip span {
	display: none;
	color: #FFF
}

.ibr-od-tooltip span strong {
	color: #FFF
}

.ibr-od-tooltip span .list-page .accountAndAmountPanel ul,
.ibr-od-tooltip span .list-page .dates-panel ul,
.ibr-od-tooltip span .switch-cards .cards ul,
.ibr-od-tooltip span li,
.ibr-od-tooltip span ul,
.list-page .accountAndAmountPanel .ibr-od-tooltip span ul,
.list-page .dates-panel .ibr-od-tooltip span ul,
.switch-cards .cards .ibr-od-tooltip span ul {
	color: #FFF;
	list-style: initial;
	margin: 5px;
	font-size: small
}

.ibr-od-tooltip:hover {
	cursor: default
}

.ibr-od-tooltip:hover:hover span {
	background: #333;
	background: rgba(0, 0, 0, .8);
	border-radius: 5px;
	bottom: 26px;
	color: #FFF;
	left: -1em;
	padding: 5px 15px;
	position: absolute;
	z-index: 98;
	white-space: pre-line;
	width: 500px;
	display: block
}

@media only screen and (max-width:39.9375rem) {
	.ibr-od-tooltip:hover:hover span {
		width: 260px
	}
}

@media only screen and (min-device-width:320px) and (max-device-width:350px) {
	.ibr-od-tooltip:hover:hover span {
		left: -12.6em
	}
}

@media only screen and (min-device-width:360px) and (max-device-width:370px) {
	.ibr-od-tooltip:hover:hover span {
		left: -10.5em
	}
}

@media only screen and (min-device-width:370px) and (max-device-width:390px) {
	.ibr-od-tooltip:hover:hover span {
		left: -9.5em
	}
}

@media only screen and (min-device-width:410px) and (max-device-width:420px) {
	.ibr-od-tooltip:hover:hover span {
		left: -6.5em
	}
}

@media only screen and (max-width:39.9375rem) {
	.ibr-od-tooltip:hover:hover span {
		width: 290px
	}
	.ibr-od-tooltip:hover:hover span.left-placement {
		left: -1em
	}
}

.ibr-od-tooltip:hover:hover span.offer {
	bottom: 5.3em
}

.ibr-od-tooltip:hover:hover span.links {
	bottom: 57px;
	left: 1em
}

@media only screen and (max-width:39.9375rem) {
	.ibr-od-tooltip:hover:hover span.links {
		left: -8px
	}
}

.ibr-od-tooltip:hover:hover:before {
	border: solid;
	border-color: #333 transparent;
	border-width: 6px 6px 0;
	bottom: 20px;
	content: "";
	left: .1em;
	position: absolute;
	z-index: 99
}

.ibr-od-tooltip:hover:hover.for-offer:before {
	bottom: unset
}

.ibr-od-tooltip:hover:hover.for-links {
	color: #0ad
}

.ibr-od-tooltip:hover:hover.for-links:before {
	bottom: 51px;
	left: 3.1em
}

.ibr-od-tooltip .grey-back:hover:hover span {
	background: rgba(0, 0, 0, .8)
}

.ibr-od-tooltip .grey-back:hover:hover span.left-placement {
	left: -25em
}

@media only screen and (max-width:39.9375rem) {
	.ibr-od-tooltip .grey-back:hover:hover span.left-placement {
		left: -13em
	}
}

@media only screen and (min-width:40rem) and (max-width:64rem) {
	.ibr-od-tooltip .grey-back:hover:hover span.left-placement {
		left: -1em
	}
}

@media only screen and (min-device-width:412px) and (max-device-width:736px) {
	.ibr-od-tooltip .grey-back:hover:hover span.left-placement {
		left: -5em
	}
}

.ibr-od-tooltip .grey-back:hover:hover span.right-placement {
	right: -25em
}

@media only screen and (max-width:39.9375rem) {
	.ibr-od-tooltip .grey-back:hover:hover span.right-placement {
		left: -13em
	}
}

@media only screen and (min-width:40rem) and (max-width:64rem) {
	.ibr-od-tooltip .grey-back:hover:hover span.right-placement {
		left: -1em
	}
}

@media only screen and (min-device-width:412px) and (max-device-width:736px) {
	.ibr-od-tooltip .grey-back:hover:hover span.right-placement {
		left: -5em
	}
}

@media only screen and (max-width:39.9375rem) {
	.ibr-od-tooltip .wrap-in-text {
		display: inherit;
		margin: 0 0 10px
	}
}

ibr-tooltip .ibr-tooltip-v2 {
	display: inline-block;
	position: relative;
	color: #555;
	margin-left: .4em;
	width: 6em;
	text-decoration: none
}

ibr-tooltip .ibr-tooltip-v2-icon {
	color: #555
}

ibr-tooltip .ibr-tooltip-v2-icon:hover {
	color: #0018CA
}

ibr-tooltip .ibr-tooltip-v2-icon i {
	font-size: 1.2rem;
	text-decoration: none
}

ibr-tooltip .ibr-tooltip-v2-content {
	background: #333;
	background: rgba(0, 0, 0, .8);
	border-radius: 5px;
	color: #FFF;
	padding: 5px 15px;
	position: absolute;
	z-index: 98;
	width: 280px
}

ibr-tooltip .ibr-tooltip-v2-content p {
	color: #FFF
}

.modal-overlay {
	position: fixed;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background-color: rgba(0, 0, 0, .6);
	z-index: 888888
}

.modal-close {
	float: right
}

.modal-close.fixed {
	margin-right: 2em
}

.modal-close.fixed .close-button {
	position: fixed
}

.modal-close .close-button {
	cursor: pointer;
	margin: 0 auto;
	color: #004795;
	font-size: 1.5em
}

.modal-close .close-button.transparent {
	background: 0 0
}

@media only screen and (max-width:384px) {
	.modal-close .close-button {
		padding-left: 0;
		top: 2em;
		right: 2em
	}
}

.modal-container {
	width: 30em;
	height: auto;
	max-height: 90%;
	border: 1px solid #787878;
	padding: 2.5em;
	background-color: #FFF;
	overflow: auto;
	text-align: center;
	color: #787878;
	position: relative;
	margin: 0 auto;
	margin-top: 5em
}

.modal-container .countdown-seconds {
	color: #0496FD;
	white-space: nowrap
}

.modal-container #countdown {
	font-size: 2em;
	position: relative;
	top: -125px;
	display: block;
	left: 3px
}

@media only screen and (max-width:39.9375rem) {
	.modal-container .primary {
		width: 100%;
		text-align: center
	}
}

@media only screen and (max-width:39.9375rem) {
	.modal-container .secondary {
		width: 100%
	}
}

.modal-container h3 {
	color: #787878;
	float: none!important
}

@media only screen and (min-width:64.063em) {
	.modal-container {
		width: 30em
	}
}

@media only screen and (min-width:90.063em) {
	.modal-container {
		width: 45em
	}
	.modal-container #countdown {
		left: 0
	}
}

@media only screen and (max-width:39.9375rem) {
	.modal-container {
		width: 30em
	}
}

.modal-container #countdown {
	color: #0496FD
}

.modal-container #continue-applying,
.modal-container #continue-banking {
	margin-bottom: 1em;
	font-size: 1.5em
}

.modal-container.action-modal {
	width: 40em;
	padding: 0;
	padding-bottom: 24px;
	text-align: left
}

.modal-container.action-modal .actions {
	margin-left: 2em;
	margin-top: 1em;
	padding-right: 1em
}

@media only screen and (max-width:39.9375rem) {
	.modal-container.action-modal .actions .primary.btn,
	.modal-container.action-modal .actions .secondary.btn,
	.modal-container.action-modal .actions a.primary,
	.modal-container.action-modal .actions button.primary,
	.modal-container.action-modal .actions button.secondary {
		margin-left: 0!important
	}
}

@media only screen and (max-width:39.9375rem) {
	.modal-container.action-modal .actions {
		margin: 1em 2em
	}
}

.modal-container.action-modal .modal-header {
	border-bottom: 1px solid #E2E2E2;
	background-color: #F3F3F3;
	padding: 1em
}

.modal-container.action-modal .modal-header h3 {
	padding: 0;
	text-align: left;
	padding-left: .5em;
	color: #787878;
	margin: 0
}

.modal-container.action-modal .deleted-error {
	padding-top: 1.9em
}

.modal-container.action-modal p {
	padding: 1em 2em 0
}

.modal-container.action-modal .link-style {
	color: #0ad;
	text-decoration: none
}

.modal-container.modal-container-class {
	width: 70em!important
}

@media only screen and (max-width:1000px) {
	.modal-container.modal-container-class.modal-class-width {
		width: auto!important
	}
}

@media (min-width:320px) and (max-width:480px) {
	.modal-container {
		margin-top: 2em
	}
}

@-webkit-keyframes openModal {
	from {
		opacity: 0;
		-webkit-transform: scale(0.7);
		-moz-transform: scale(0.7);
		-ms-transform: scale(0.7);
		-o-transform: scale(0.7);
		transform: scale(0.7)
	}
	to {
		opacity: 1
	}
}

@-moz-keyframes openModal {
	from {
		opacity: 0;
		-webkit-transform: scale(0.7);
		-moz-transform: scale(0.7);
		-ms-transform: scale(0.7);
		-o-transform: scale(0.7);
		transform: scale(0.7)
	}
	to {
		opacity: 1
	}
}

@-o-keyframes openModal {
	from {
		opacity: 0;
		-webkit-transform: scale(0.7);
		-moz-transform: scale(0.7);
		-ms-transform: scale(0.7);
		-o-transform: scale(0.7);
		transform: scale(0.7)
	}
	to {
		opacity: 1
	}
}

@keyframes openModal {
	from {
		opacity: 0;
		-webkit-transform: scale(0.7);
		-moz-transform: scale(0.7);
		-ms-transform: scale(0.7);
		-o-transform: scale(0.7);
		transform: scale(0.7)
	}
	to {
		opacity: 1
	}
}

@-webkit-keyframes closeModal {
	from {
		opacity: 1
	}
	to {
		opacity: 0;
		-webkit-transform: scale(0.7);
		-moz-transform: scale(0.7);
		-ms-transform: scale(0.7);
		-o-transform: scale(0.7);
		transform: scale(0.7)
	}
}

@-moz-keyframes closeModal {
	from {
		opacity: 1
	}
	to {
		opacity: 0;
		-webkit-transform: scale(0.7);
		-moz-transform: scale(0.7);
		-ms-transform: scale(0.7);
		-o-transform: scale(0.7);
		transform: scale(0.7)
	}
}

@-o-keyframes closeModal {
	from {
		opacity: 1
	}
	to {
		opacity: 0;
		-webkit-transform: scale(0.7);
		-moz-transform: scale(0.7);
		-ms-transform: scale(0.7);
		-o-transform: scale(0.7);
		transform: scale(0.7)
	}
}

@keyframes closeModal {
	from {
		opacity: 1
	}
	to {
		opacity: 0;
		-webkit-transform: scale(0.7);
		-moz-transform: scale(0.7);
		-ms-transform: scale(0.7);
		-o-transform: scale(0.7);
		transform: scale(0.7)
	}
}

.countdown-container {
	width: 55%;
	margin: 0 auto;
	height: 200px
}

.countdown-container .countdown-circle {
	position: relative;
	z-index: 999;
	background-image: url(../../images/countdown_bg.png);
	background-repeat: no-repeat;
	background-position: center center
}

@media only screen and (max-width:39.9375rem) {
	.modal-container.action-modal {
		width: auto;
		margin-left: 1em;
		margin-right: 1em;
		margin-top: 2em
	}
	.timeout-modal {
		width: auto;
		margin-left: 1em;
		margin-right: 1em;
		margin-top: 2em
	}
	.timeout-modal #continue-applying,
	.timeout-modal #continue-banking,
	.timeout-modal h3 {
		font-size: 1.3em;
		padding-bottom: 0
	}
	.timeout-modal .countdown-container {
		width: auto
	}
	.timeout-modal .countdown-container #countdown {
		left: 0
	}
}

.modal-content {
	padding-left: 2em;
	padding-right: 2em;
	padding-top: 1em
}

.list-page .accountAndAmountPanel .modal-content ul,
.list-page .dates-panel .modal-content ul,
.modal-content .list-page .accountAndAmountPanel ul,
.modal-content .list-page .dates-panel ul,
.modal-content .switch-cards .cards ul,
.modal-content ul,
.switch-cards .cards .modal-content ul {
	padding-top: .5em
}

.list-page .accountAndAmountPanel .modal-content ul li,
.list-page .dates-panel .modal-content ul li,
.modal-content .list-page .accountAndAmountPanel ul li,
.modal-content .list-page .dates-panel ul li,
.modal-content .switch-cards .cards ul li,
.modal-content ul li,
.switch-cards .cards .modal-content ul li {
	padding-top: 1em;
	margin-left: 2em;
	color: #787878;
	list-style: disc;
	list-style-position: outside
}

.modal-content .ibr-checkbox {
	padding-bottom: 1em;
	border-bottom: 2px solid #EDEDED
}

.link-asi-tfi-modal-actions {
	border-top: 1px solid #E2E2E2;
	margin-top: 2em;
	padding-top: 2em
}

ibr-modal .ibr-modal {
	text-align: center
}

ibr-modal .ibr-modal-container {
	padding: 0;
	overflow: initial;
	background-color: transparent;
	border: none;
	text-align: left;
	width: auto;
	display: inline;
	display: inline-block;
	margin-left: 12px;
	margin-right: 12px
}

@media only screen and (min-width:40rem) {
	ibr-modal .ibr-modal-container {
		margin-left: 16px;
		margin-right: 16px
	}
}

@media only screen and (min-width:64.063em) {
	ibr-modal .ibr-modal-container {
		margin-left: 24px;
		margin-right: 24px
	}
}

ibr-modal .ibr-modal-close {
	position: absolute;
	top: 3px;
	right: 3px;
	z-index: 99;
	cursor: pointer
}

ibr-modal .ibr-modal-close .material-icons {
	color: #787878!important;
	font-size: 2.2857142857rem!important
}

.surveyCenter {
	text-align: center!important
}

.surveyHeader {
	padding-top: 2em;
	color: #000
}

.invalid-balance .amount {
	color: #FF2A4C!important
}