/* -------------------
BEGIN b22-session-timeout.css
Sitecore Resource: 8e3079e8-ccea-4f99-a696-693a0718caa4
-------------------*/
/* styling for timeout modal  used on authenticated sites */

#sessionTimeoutModal  {
  text-align:center;
  border-radius:10px;
  min-height:200px;
}

#sessionTimeoutModal .timeout-ModalContent {
  display:flex;
  flex-direction:column;
  min-height:170px;
  justify-content:center;
}

#sessionTimeoutModal h3 {
  margin:0;
  margin-bottom:1rem;
}
#sessionTimeoutModal h3,
#sessionTimeoutModal p {
  color: var(--color-0);
}

#sessionTimeoutModal button  {
  margin-bottom:0;
  border-radius:30px;
}

#sessionTimeoutModal button:focus,
#sessionTimeoutModal .button:hover {
    background-color: var(--color-2);
    color: var(--color-1);
}

#sessionTimeoutModal .btn-ctr {
  display: flex;
  justify-content: center;
  align-items: center;
}

#sessionTimeoutModal .btn-ctr span {
 padding: 0 1rem;
 
}



/* -------------------
BEGIN b22-dashboards.css
Sitecore Resource: bf460bbb-adf2-4b60-aa99-ba16c4377046
-------------------*/
/* hide cta-module-two aka md-dashboards on demo */
#cta-module-two {
	display: none;
}

#cta-module-two.visibility {
	display: block;
}

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

.flex-col {
	display: flex;
	flex-direction: column;
}

.space-between {
	justify-content: space-between;
}

.space-evenly {
	/* needed for Edge */
	justify-content: space-around;
}

/* for browsers that support space-evenly within flex ctr */
@supports not (-ms-ime-align: auto) {
	.space-evenly {
		justify-content: space-evenly;
	}
}
.center {
	justify-content: center;
	align-items: center;
}


/* Generic Dashboard styling  */
.dashboard {
  display: flex;
	flex-direction: column;
	background: var(--color-4);
	padding: 35px;
	border-radius:var(--primary-border-radius);
	color:var(--color-1);
	margin-bottom: 1rem;
}

@media (max-width: 48em) {
	.dashboard {
		padding: 1rem;
	}
}

.dashboard__header {
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	margin-bottom: 1rem;
}

.dashboard__headline {
	font-family: "ProximaNova-Light", sans-serif;
	font-size: 20px;
	color: inherit;
	text-transform: uppercase;
	margin: 0 0.5rem 0 0;
}

.dashboard__headline span:not(.lowercase) {
	font-family: "ProximaNova-semibold", sans-serif;
	display: block;
	color: inherit;
}

.dashboard__grouping {
	margin-bottom: 1rem;
}
.dashboard__grouping  * {
	margin-bottom: 0;
	margin-top: 0;
}

.dashboard__group-heading {
  font-family: "ProximaNova-bold", sans-serif;
  text-transform:uppercase;
}

.dashboard__text {
	font-family: "ProximaNova-Regular", sans-serif;
	color: inherit;
}
.dashboard__footer {
  line-height: 1;
	text-align: left;
}

.dashboard__footer .dashboard__link {
    display:block
}
.dashboard__link + .dashboard__link {
   margin-top:.5rem;
}

.dashboard__link,
.dashboard__link:hover {
	color: var(--color-1);
}

.dashboard__link:hover {
	color:var(--color-1);
}


@media (max-width: 48em) {
	.dashboard__link {
		font-size: 14px;
	}
}

.dashboard__btn {
	color: var(--color-1);
	cursor: pointer;
}

.divider {
	border-bottom: 2px solid rgba(255, 255, 255, 0.8);
	margin-top: 1rem;
	margin-bottom: 1rem;
}

.dashboard .t1 {
	font-family: "ProximaNova-SemiBold", sans-serif;
	font-size: 18px;
	line-height: 1;
	color: inherit;
}
.dashboard .t1 {
	font-size: 14px;
}

.dashboard .t2 {
	font-family: "ProximaNova-Bold", sans-serif;
	font-size: 28px;
	line-height: 1;
	color: inherit;
}
@media (max-width: 48em) {
	.dashboard .t2 {
		font-size: 21px;
	}
}

.dashboard .t3 {
	font-family: "ProximaNova-Bold", sans-serif;
	font-size: 48px;
	color: inherit;
}

@media (max-width: 48em) {
	.dashboard .t3 {
		font-size: 36px;
	}
}

/***************MODULE: HOME DASHBOARD STYLING ********************/
.blur {
	filter: blur(12px);
	/* needed for edge */
	z-index: 1;
}

.dashboard__icon-ctr {
	display: flex;
	flex-direction: column;
	align-items: center;
}
.dashboard__icon {
	margin-bottom: 0.5rem;
}
.dashboard__icon-ctr .t1 {
	margin-bottom: 0.25rem;
}

.dash-cloaked-ctr {
	display: flex;
	flex-direction: column;
	/* height:100%; */
	flex: 1 0 auto;
}

.md-dashboard-ctr {
	margin: 48px 0;
	padding: 0 49px;
}

@media (max-width: 48em) {
	.md-dashboard-ctr {
		padding: 0 1rem;
		margin-bottom: 27px;
	}
}

.md-dashboard-ctr .slick-dots {
	display: inline-flex;
	width: 100%;
	justify-content: center;
	position: relative;
	bottom: 0%;
}

.md-dashboard {
  padding: 35px;
  margin-bottom:0;
 	/* keep main dashboards even  */
	height: 100%;
}

.md-dashboard .dashboard__content {
	display: flex;
	flex-direction: column;
	justify-content: space-evenly;
	flex: 1 0 auto;
}

.md-dashboard .dashboard__footer {
	text-align: right;
}

.md-dashboard  .t1 {
	font-family: "ProximaNova-SemiBold", sans-serif;
	font-size: 18px;
	line-height: 1;
	color: inherit;
}
.md-dashboard  .t1 {
	font-size: 14px;
}

.md-dashboard  .t2 {
	font-family: "ProximaNova-Bold", sans-serif;
	font-size: 28px;
	line-height: 1;
	color: inherit;
}
@media (max-width: 48em) {
	.md-dashboard  .t2 {
		font-size: 21px;
	}
}

.md-dashboard  .t3 {
	font-family: "ProximaNova-Bold", sans-serif;
	font-size: 48px;
	color: inherit;
}

@media (max-width: 48em) {
	.md-dashboard  .t3 {
		font-size: 36px;
	}
}
/***************MODULE: SECONDARY DASHBOARD STYLING ********************/

.sd-dashboard {
	padding: 1rem 1.5rem;
  background: var(--color-4);
  
}

.sd-dashboard .dashboard__header {
	padding: 0 0 0.5rem 0;
	border-bottom: 1px solid white;
}

.sd-dashboard .dashboard__date {
	color: inherit;
	font-family: "ProximaNova-Light", sans-serif;
	font-size: 14px;
	flex: 0 1 100px;
	text-align: right;
}


/* nudges  */

.spotlight-ctr {
     padding: 1rem 2rem;
    background: var(--color-7);
    margin-bottom: 1rem;
    border-radius: var(--primary-border-radius);
}


.spotlight__summary {
    font-family: "ProximaNova-Semibold", sans-serif;
    font-size: 1rem;
}

.spotlight__btn {
    font-family: "ProximaNova-Semibold", sans-serif;
    font-size: 1rem;
}

.spotlight__headline {
    font-family: "ProximaNova-Semibold", sans-serif;
    font-size: 22px;
}

p.spotlight__summary:last-of-type {
    margin-bottom: 0;
}
/* -------------------
BEGIN b22-search.css
Sitecore Resource: 11c19a42-a4a4-4add-ad5e-2d52a7e07659
-------------------*/
.search {
	margin: 50px 0;
}

/* need to override older foundation classes */
/* unable to access template. Safe to remove when Search template is upgraded to CSS GRID  */
.search .large-8.large-centered.columns {
	width: 100%;
}

.search-block {
	margin-bottom: 0;
	padding: 20px 0;
	word-break: break-all;
}

.search-block a:hover {
	text-decoration: underline;
}

.search-title {
	font-family: "ProximaNova-Semibold", arial, sans-serif;
	font-size: 1rem;
	line-height: 1;
	margin-bottom: 0.25rem;
	color: var(--color-0);
}

.search .search-results-summary {
	border-bottom: solid 1px var(--color-7);
	font-size: 0.75rem;
	color: var(--color-0);
	font-family: "ProximaNova-Semibold", sans-serif;
}

.search-link {
	line-height: initial;
}

.search .search-pagination .hidden {
	display: none;
}

.search .search-pagination ul {
	margin: 0;
	text-align: center;
	list-style: none;
}

.search .search-pagination li {
	font-size: inherit;
	display: inline-block;
}

.search .search-pagination a {
	padding: 0;
}

.search .search-pagination .bullet a {
	display: block;
	border-radius: var(--primary-border-radius);
	text-align: center;
	text-decoration: none;
	height: 2em;
	width: 2em;
	border: 1px solid var(--color-7);
	background: var(--color-1);
	line-height: 2em;
}

.search .search-pagination .bullet.active a {
	border-color: var(--color-4);
	color: var(--color-1);
	background: var(--color-4);
}

.search-pagination .next a {
	padding-left: 15px;
}

.search-pagination .prev a {
	padding-right: 15px;
}

.search-pagination .prev a:before,
.search-pagination .next a:after {
	font-family: "Font Awesome 5 Pro";
	font-weight: 900;
	content: "\f053";
	display: inline;
	vertical-align: middle;
	font-size: 1.5rem;
	color: var(--color-4);
	position: relative;
	top: -2.5px;
}

.search-pagination .prev a:before {
	content: "\f053";
}

.search-pagination .next a:after {
	content: "\f054";
}

.search .search-pagination .bullet a {
	color: var(--color-4);
	font-family: "ProximaNova-Semibold", arial, sans-serif;
}

/* -------------------
BEGIN b22-countdown.css
Sitecore Resource: 52deac03-73e1-45a3-946b-b0d263cb7abc
-------------------*/
.jCountDown{
    font-family: "ProximaNova-semibold", sans-serif;
	max-width : 800px;
	margin : auto;
	overflow : hidden;
	width : 100%;
	font-size : 58px;
}

.jCountDown.withoutDays .hour, .jCountDown.withoutDays .min, .jCountDown.withoutDays .sec{
	width : 33.33%;
	float : left;
	padding-top : 33.33%;
	box-sizing : border-box;
	position : relative;
}

.jCountDown .timeDigits{
	font-size : 1em;
	color : #fff;
	position : absolute;
	width : 100%;
	text-align : center;
	left : 0;
	top : 50%;
	line-height : 0;
}

.jCountDown .timeCaption{
	font-size : .2em;
	color : #fff;
	position : absolute;
	width : 100%;
	text-align : center;
	left : 0;
	top : 50%;
	line-height : 0;
	margin-top : 23%;
}

.jCountDown.withDays .timeCaption{
	margin-top : 23%;
}


.jCountDown canvas{
	position : absolute;
	width : 100%;
	height : 100%;
	left : 0;
	top : 0;
	box-sizing : border-box;
	padding : 10%;
}

.jCountDown svg{
	position : absolute;
	width : 100%;
	height : 100%;
	left : 0;
	top : 0;
}


.jCountDown.withDays .day, .jCountDown.withDays .hour, .jCountDown.withDays .min, .jCountDown.withDays .sec{
	width : 25%;
	float : left;
	padding-top : 25%;
	box-sizing : border-box;
	position : relative;
}

.jCountDown.style5 canvas{
	padding : 15%;
}

@media only screen and (max-width: 800px) {
    .jCountDown {
		font-size : 40px;
    }
}
@media only screen and (max-width: 500px) {
    .jCountDown {
		font-size : 30px;
    }
  }
/* B20 Integration testing */

.cta-static .jCountDown {
  max-width: 300px;
}
	/* height:200px; */
/* 
 font-size: 12px;
	width: 150px;
	height: 150px; 
}*/

.cta-static .jCountDown .timeDigits {
	font-size: 3rem;
	color: #0a2099;
}

.cta-static .jCountDown .timeCaption {
	font-size: 12px;
	color: #0a2099;
}



 .cta-static .jCountDown.withDays .day {
	width: 50%;
	/* float: left; */
	padding-top: 50%;
	box-sizing: border-box;
	position: relative;
  height: auto;
  margin: 0 auto;
  float:none;
}

.cta-static .jCountDown.withDays .hour,
.cta-static .jCountDown.withDays .min,
.cta-static .jCountDown.withDays .sec {
	display: none;
} 

.carousel-item .jCountDown {
  margin-left:-27px;
  margin-top: -50px;
}

.carousel-item .jCountDown.withDays .day,
.carousel-item .jCountDown.withDays .hour,
.carousel-item .jCountDown.withDays .min,
.carousel-item .jCountDown.withDays .sec {
    width: 25%;
    float: left;
    padding-top: 25%;
    box-sizing: border-box;
    position: relative;
}



.home-carousel .slick-dots {
	bottom: 52%;
}
/* -------------------
BEGIN b22-my-money-toolkit.css
Sitecore Resource: 2dd487c2-680f-4c61-90fc-46a3a88a36cf
-------------------*/
/* Money module v1 - for money vertical and any subpages with dashboards.
 Preface with parent classes below to avoid default belong styling clashes */

/* Parent classes */
.money-module.belong-money-module /*BELONG OTR Integration*/
.money-module /* Standalone*/
.money-module-subpage.belong-money-module /*Belong  SubPage*/
.money-module-subpage /* SubPage*/

 h4.section-header {
	font-family: "ProximaNova-Bold", sans-serif;
}

/* Universal over-rides */

/* foundation overrides */
.money-module .accordion-item {
	position: relative;
}
.money-module .module-ctr {
	margin: 1rem 0;
}
/* END OVERRIDES */

/* Universal */

.combined-module {
	margin-bottom: 2rem;
}

.flex {
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.flex-center {
	display: flex;
	justify-content: center;
	align-items: center;
}

.t1 {
	font-family: "ProximaNova-Bold", sans-serif;
	color: var(--color-11);
	margin-top: 0;
	margin-bottom: 0;
	font-size: 0.65rem;
}

.baseline {
	vertical-align: baseline;
}

/* colors */
.money-module .primary-clr {
	color: var(--color-2);
}
.money-module .alt-clr {
	color: var(--color-3);
}
.money-module .tert-clr {
	color: var(--color-5);
}
.money-module .quad-clr {
	color:var(--color-11);
}

.money-module .primary-bck {
	background: var(--color-1);
}
.money-module .alt-bck {
	background: var(--color-1);
}

.money-module .xlrg-number {
	font-size: 2.4rem;
	font-family: "ProximaNova-bold", sans-serif;
}

.money-module .lrg-number {
  font-size: 28px;
 	font-family: "ProximaNova-bold", sans-serif;
}

.money-module .med-number {
	font-family: "ProximaNova-bold";
	font-size: 1.875rem;
	line-height: 1;
}

.money-module .small-number {
	font-family: "ProximaNova-bold";
	font-size: 1.375rem;
}

.subhead,
p.subhead {
	font-family: "ProximaNova-Semibold";
}
.money-module p.subhead + ul {
	margin-bottom: 1rem;
}

.money-module .footnote-summary {
	font-size: 80%;
	width: 90%;
	margin-bottom: 0;
}

@media (max-width: 40em) {
	.money-module .footnote-summary {
		width: 100%;
		margin-top: 0;
		margin-bottom: 1rem;
	}
}

.money-module .period {
	font-family: "ProximaNova-Bold";
}

a.actionBtn,
a.actionBtn:link,
a.actionBtn:visited,
a.actionBtn:hover,
a.actionBtn:active {
	background: var(--color-5);
	color: var(--color-1);
	font-size: 0.8rem;
}

/* Alternate tables */
.money-module-three_accordion .table-minimal {
	background: var(--color-1);
}
.table-minimal thead {
	background: transparent;
	border-bottom: 2px solid;
}
.table-minimal tbody tr {
	background-color: var(--color-1);
}
.table-minimal tbody tr:nth-child(even) {
	background-color: var(--color-8);
}

.table-minimal th {
	font-family: "ProximaNova-Bold", sans-serif;
	font-size: 0.8125rem;
	line-height: 1.125;
	background-color: transparent;
	border: none;
	color: var(--color-0);
}

.table-minimal td {
	font-family: "ProximaNova-Regular", sans-serif;
	font-size: 0.8125rem;
	line-height: 1.125;
	background-color: transparent;
	border: none;
	color: var(--color-0);
}

.alignLeft {
  text-align: left;
}

.dataTable td.alignRight,
.dataTable th.alignRight,
.alignRight {
	text-align: right;
}
@media (max-width: 40em) {
	/* hide extra labels in mobile */
	.table-color-coded.tablesaw tbody .tablesaw-cell-label span:last-child {
		display: none;
	}
	/* allow text to unshift in mobile */
	.table-color-coded.tablesaw tbody .alignRight {
		text-align: inherit;
	}

	.tablesaw-stack td .tablesaw-cell-label,
	.tablesaw-stack th .tablesaw-cell-label {
		width: 40%;
	}
}

@media (min-width: 64em) {
	.table-color-coded td:nth-child(2) {
		color:var(--color-2);
		width: 20%;
	}
	.table-color-coded td:nth-child(3) {
		color: var(--color-3);
		width: 20%;
	}
	.table-color-coded td:nth-child(4) {
		color: var(--color-5);
		width: 20%;
	}
	.table-color-coded thead th span:first-child {
		font-size: 10px;
	}
	.table-color-coded thead span {
		display: block;
	}
}

/* END UNIVERSAL */
/* OTR MODULE HOME */

ul.accordion ul:not(.fa-ul, .list-bare) {
	list-style-type: disc;
}

.money-module-three_accordion .accordion-title::before {
	font-family: "Font Awesome 5 Pro";
	font-weight: 900;
	content: "\f078";
	font-size: 28px;
	position: absolute;
	top: 32%;
	right: 1rem;
	margin-top: 0;
}

.money-module-three_accordion .is-active > .accordion-title::before {
	content: "\f077";
}

.money-module .money-module-four .accordion-title::before {
  position: absolute;
  content: "\f078";
  font-family: "Font Awesome 5 Pro";
  font-weight: 900;
  top: 21%;
  right: 1rem;
  margin-top: 0;
}

.money-module-four_accordion .is-active > .accordion-title::before {
	content: "\f077";
}
.money-module :last-child:not(.is-active) > .accordion-title {
	border-bottom: 1px solid var(--color-1);
}

/* OTR_MODULE_ONE */
/* Only shown on sites that don't have Belong integration */
/* .money-module-one .owl-carousel .banner-item1 {
	background-image: url("../images/hereo-img.jpg");
} */
.money-module-one {
	margin-bottom: 1rem;
}

/* END OTR_MODULE_ONE */

/* money-module_TWO */
.money-module-two {
	margin-bottom: 2rem;
}

.module-two-ctr {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	grid-template-rows: repeat(2, minmax(165px, auto));
	grid-gap: 30px;
}

@media (max-width: 40em) {
	.module-two-ctr {
		display: grid;
		grid-template-columns: 1fr;
	}
}

.db-card {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	border-radius: var(--primary-border-radius);
	background: var(--color-1);
	border: 1px solid var(--color-12);
	padding: 1rem;
}

.db-card:hover {
	box-shadow: 0px 0 14px 4px rgba(0, 175, 236, 0.25);
}

/* .db-header {margin-bottom:.5rem;} */

.db-card__headline {
	display: inline-block;
	font-family: "ProximaNova-Bold", sans-serif;
	color: var(--color-0);
	font-size: 1.5rem;
	margin-bottom: 0;
}

.db-card__header img,
.db-card__header i {
	vertical-align: baseline;
	margin-right: 0.33rem;
	height: 24px;
	color: var(--color-4);
}

.money-module .db-card a {
	font-family: "ProximaNova-semibold", sans-serif;
	line-height: 1;
}

.money-module .db-card__ctr  {
	display: flex;
	align-items: center;
	min-height: 60px;
	background: var(--color-12);
	padding: 0.5rem;
	margin: 0.25rem 0;
	position: relative;
	line-height: 1;
}

.db-card .date {
	font-family: "ProximaNova-Bold", sans-serif;
	color: var(--color-0);
	font-size: 1rem; 
}

.money-module .db-card_a .db-card__ctr  {
	flex-direction: column;
	justify-content: center;
}

.money-module .db-card_b .db-card__ctr {
	justify-content: space-around;
}

.money-module .db-card_b .db-card__ctr  > div {
  display:flex;
	flex-direction: column;
	/* justify-content: space-between; */
  align-items: center;
  text-align:center;
}

.money-module .db-card_c .db-card__ctr {
	justify-content:space-around ;
}

.money-module .db-card_c .db-card__ctr  > div {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}

.money-module .db-card_d .db-card__ctr  {
	flex-direction: column;
	justify-content: space-between;
}
.money-module .db-card_d .db-card__ctr  > * {
	line-height: 1;
}

/* END money-module-TWO */

/* money-module_THREE */

.money-module .money-module-three {
	height: 100%;
	background:var(--color-4);
	padding: 2rem;
	padding-bottom: 1rem;
	color: var(--color-1);
	font-size: 0.9375rem;
	border-radius: var(--primary-border-radius);
}

.money-module .money-module-three .u-t{
	height: 100%;
	position: relative;
}

@media (max-width: 48em) {
	.money-module .money-module-three {
		padding: 2rem 1rem;
		margin-bottom: 1rem;
	}
}

.money-module-three h2.section-header {
	margin: 0 0 0.5rem;
	color: var(--color-1);
	padding-bottom: 1rem;
}

/* Section three accordion */
.money-module .money-module-three_accordion {
	background: transparent;
}

@media (max-width: 40em) {
	.money-module .money-module-three_accordion .accordion-title {
		padding-left: 0;
		padding-right: 0;
	}
}

.money-module .money-module-three .accordion-title {
	padding: 1rem;
	color: var(--color-1);
	border: none;
	border-bottom: 1px solid var(--color-1);
}

.money-module .money-module-three .accordion-title:hover,
.money-module .money-module-three .accordion-title:focus {
	background-color: transparent;
	color: var(--color-1);
}

.money-module .money-module-three .accordion-item:first-of-type .accordion-title,
.money-module .money-module-four .accordion-item:first-of-type .accordion-title {
	border-top: 1px solid var(--color-1);
}
.money-module .accordion-item-four .slider-chart {
	display: flex;
	justify-content: space-between;
	align-items: center;
}
@media (max-width: 40em) {
	.money-module .accordion-item-four .slider-chart {
		flex-direction: column;
		align-items: initial;
	}
	.money-module .accordion-item-four .slider-chart > * {
		margin-bottom: 1rem;
	}
	.money-module .accordion-item-four .slider-chart .alignRight {
		text-align: center;
	}
}

.money-module .money-module-three .accordion-title_ctr {
	display: flex;
	align-items: center;
	justify-content: flex-start;
	width: 90%;
}

@media (max-width: 40em) {
	.money-module .money-module-three .accordion-title_ctr {
		width: 100%;
		flex-direction: column;
		align-items: flex-start;
	}
}

.money-module .money-module-three .accordion-icon {
	margin-right: 1rem;
	font-size: 30px;
}

@media (max-width: 40em) {
	.money-module .money-module-three .accordion-icon {
		display: none;
		margin-right: 0;
	}
}

.money-module .money-module-three .accordion-header {
	font-size: 1.125rem;
  flex-grow: 2;
 	font-family: "ProximaNova-Bold", sans-serif;
}

@media (max-width: 40em) {
	.money-module .money-module-three .accordion-header {
		margin-bottom: 0.5rem;
	}
}

.money-module .money-module-three .accordion-content {
	padding: 0;
	display: none;
	border-bottom: 0;
	background-color: transparent;
	color: var(--color-1);
	border: 1px solid  var(--color-8);
	border-top: none;
}

.money-module .acc-interior-panel {
	background:  var(--color-8);
	padding: 2rem 2rem 2rem 4rem;
	color: var(--color-0);
}

@media (max-width: 40em) {
	.money-module .acc-interior-panel {
		padding: 1rem;
	}
}

.money-module .acc-sec-interior-panel {
	margin: 1rem 0;
	padding: 2rem;
}

@media (max-width: 40em) {
	.money-module .acc-sec-interior-panel {
		padding: 1rem;
	}
}

.money-module .money-module-three .arrow-right {
	text-align: right;
}

.money-module .money-module-three .slider {
	background-color: var(--color-5);
	margin: 0.75rem 0;
}

.money-module .money-module-three .slider-fill {
	background-color: var(--color-5);
}

.money-module .money-module-three .slider-handle {
	border-radius: 50%;
	background-color: var(--color-1);
	border: 3px solid var(--color-5);
}

.money-module .summary-ctr {
	display: flex;
	justify-content: space-between;
}
.money-module .summary-ctr > * {
	flex: 1 1 100px;
}

@media (max-width: 40em) {
	.money-module .summary-ctr {
		flex-direction: column;
		align-items: flex-start;
	}
	.money-module .summary-ctr > * {
		flex: 1 1 auto;
	}
}

.money-module .summary-row {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding-top: 0.75rem;
	padding-bottom: 0.75rem;
	border-top: solid;
}
@media (max-width: 40em) {
	.money-module .summary-row {
		flex-direction: column;
		align-items: flex-start;
	}
}
.money-module .summary-row:last-child {
	border-bottom: 2px solid var(--color-0);
}

.money-module .summary-row .description {
	font-family: "ProximaNova-Semibold";
	font-size: 1rem;
}

.money-module .summary-row .description span {
	font-size: 0.75rem;
	display: block;
}

.money-module .summary-grouping {
	display: flex;
	flex-direction: column;
}

.money-module .graph-img {
	padding-right: 1rem;
	width: 100%;
}


/* END money-module-THREE */

/* money-module-FOUR */

@media (max-width:48em) {
	#left-column {
		margin-bottom:2rem;
	}
}

.money-module .money-module-four {
	height: 100%;
	background: var(--color-7);
	padding: 1rem;
	color: var(--color-1);
	border-radius: var(--primary-border-radius);
}

.money-module-four h3 {
	font-size: 1.5rem;
	font-family: "ProximaNova-bold", sans-serif;
	color: var(--color-0);
}

.money-module .money-module-four_accordion {
	background: transparent;
}

.money-module .money-module-four .accordion-title {
	color: var(--color-0);
	border: none;
	border-bottom: 1px solid var(--color-1);
	font-family: "ProximaNova-Semibold";
	font-size: 1.125rem;
	line-height: 1.2;
	padding-right: 2.5rem;
}

.money-module .money-module-four_accordion .accordion-title {
	border-bottom: 1px solid var(--color-1);
}

.money-module .money-module-four_accordion .accordion-title:hover,
.money-module .money-module-four_accordion .accordion-title:focus {
	background-color: transparent;
	color:  var(--color-0);
}

.money-module .money-module-four .accordion-icon {
	margin-right: 1rem;
}

@media (max-width: 40em) {
	.money-module .money-module-four .accordion-icon {
		display: none;
		margin-right: 0;
	}
}

.money-module .money-module-four_accordion .accordion-content {
	background: transparent;
	border: none;
	border-bottom: 1px solid var(--color-1);
}

.accordion-content p:last-child {
	margin-bottom: 0;
}

.money-module .money-module-four_accordion .accordion-content a {
	display: block;
}

.money-module .arrow-link {
	display: flex;
	justify-content: space-between;
	margin-left: 0.5rem;
	margin-right: 0.5rem;
}

.money-module .arrow-link .arrow-right {
	line-height: inherit;
}

.arrow-link > p {
	margin-right: 0.5rem;
	margin-bottom: 0;
}

/* END money-module-four */

/* money-module-FIVE */

.ct-hybrid-ctr {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	grid-auto-rows: auto;
	grid-gap: 30px;
}

@media (max-width: 40em) {
	.ct-hybrid-ctr {
		display: grid;
		grid-template-columns: 1fr;
		grid-auto-rows: auto;
	}
}

.ct-hybrid-card {
	display: flex;
	border-radius: var(--primary-border-radius);
  margin-bottom: 0;
  background:var(--color-7);
}
.ct-hybrid-card h4 {
	font-family: "ProximaNova-Bold", sans-serif;
	color: var(--color-0);
	margin-bottom: 20px;
}

.money-module .money-module-five {
	background: var(--color-8);
	padding: 2rem;
	margin-bottom: 2rem;
	border-radius: var(--primary-border-radius);

	
}

@media (max-width: 40em) {
	.money-module .money-module-five {
		padding: 1rem;
	}
}

.money-module-five h2 {
	margin: 0 0 0.5rem;
	padding-bottom: 1rem;
}

.money-module-five .card .card-content h4 {
	font-size: 1rem;
}

.money-module .news-card {
	margin-bottom: 20px;
	box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.25);
	border: 1px solid  var(--color-8);
	border-top-style: solid;
	border-top-width: 3px;
	-webkit-transition-delay: 2s;
	transition-delay: 2s;
	position: relative;
}

.money-module-five .card .card-content {
	padding: 1rem;
}

/* money-module-subpage */
.money-module-subpage .money-module-one p,
.money-module-subpage .money-module-one li {
	font-size: 0.75rem;
}
.money-module-subpage .money-module-one p,
.money-module-subpage .money-module-one ul {
	margin-bottom: 0.5rem;
}

.page-components {
	height: 100%;
}
#spinner {
	height: 100px;
	position: relative;
	top: 15%;
	display: block;
	margin: auto;
}

/* Highcharts */
.money-module .pieChartInline {background: var(--color-8);margin: 0.25rem auto;}


/* -------------------
BEGIN b22-bh-client.css
Sitecore Resource: 27ffa0c9-4c83-4983-9c0c-dbddd347802e
-------------------*/
:root {
  --color-0: #2b2b2b;
  --color-1: #ffffff;
  --color-2: #1a475f;
  --color-3: #f2a900;
  --color-4: #3c889e;
  --color-5: #048956;
  --color-7: #f2f2f2;
  --color-13: #82709e; 
}

/* *** GLOBAL *** */

/* used to hide the name on screen 
.impersonationSection {
display:none!important;
}

.is-dropdown-submenu-parent {
display:none!important;
}
 END used to hide the name on screen */

body {
  background-color: var(--color-12);
}

h2 {
color: var(--color-13);
}

.stock-ctr {
	display: grid;
	grid-template-columns: repeat(3, auto);
	grid-column-gap: 0.5rem;
}

.stock-status.positive {
	color: #008000;
}

.stock-status.negative {
	color: #f00;
}

.clipped-text {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  max-width: 225px; /* Adjust this value as needed */
}

/* Rewards Summary Spacing */
.section-upper {
margin-bottom: 1.5rem;
}

/* Sets max height of logo. Do not change  */
.logo-primary {
  max-height: 40px;
}

h3.section-header {
  color: var(--color-2);
}

h4.section-header {
  color: var(--color-5);
}

h5.section-header {
  color: var(--color-0);
}

a {
  color: var(--color-4);
}

a:hover,
a:focus {
  color: var(--color-4);
}

.btn {
  background: var(--color-3);
  color: var(--color-0);
  text-transform: uppercase;
}

/* Alert Modal: header background color  */
.modal-alert.reveal .alert-card .card-divider {
  background: var(--color-4);
}

/* Alert Modal: default color for close btn  */
.modal-notif-close-button {
  color: var(--color-1);
}

/* Alert Modal: hover/focus color for close btn  */
.modal-notif-close-button:focus,
.modal-notif-close-button:hover {
  color: var(--color-1);
}

/* Quick action button (QAB): background/foreground colors */
.qab .menu-button {
  background: var(--color-5);
  color: var(--color-1);
}

/* Quick action button (QAB) > Flyout Menu: default icon color  */
.qab .icon-list .fas {
  color: var(--color-0);
}

/* Quick action button (QAB) > Flyout Menu: hover/focus icon color  */
.qab .icon-list .fas:hover,
.qab .icon-list .fas:focus,
.qab .icon-list .fas.active {
  color: var(--color-4);
}

/* Header Language Dropdown:  caret/arrow color  */
.dropdown.menu > li.is-dropdown-submenu-parent > a::after {
  border-color: var(--color-4) transparent transparent;
}

/* Header Language Dropdown: link color  */
.dropdown.menu > li.is-active > a {
  color: var(--color-4);
}

/* *** Global Header and Menu ***  */

/* Header  background color - rarely changed  */
.primary-header {
  background-color: var(--color-1);
}

/* stockticker */
.primary-header-right {
    grid-template-columns: max-content max-content auto auto min-content;
    grid-template-areas: "profile stockticker notifications search menu";
  }



/* Header >  Primary Nav Menu: hamburg icon states  */
.primary-menu-ctr,
.primary-menu-ctr a {
  color: var(--color-4);
}

.primary-menu-ctr:hover,
.primary-menu-ctr a:hover {
  color: var(--color-4);
}

/* Header > Primary Nav Menu: hover/active text colors  */
.right-side-menu a.currentLeaf,
.right-side-menu ul a:hover {
  color: var(--color-4);
}

/* Header > Primary Nav Menu: background color for circle icon  */
.right-side-menu ul li a.type:hover span {
  background-color: var(--color-4);
}

/* Header > Primary Nav Menu: color for dropdown caret  */
.right-side-menu ul li a.type-primary:hover::after,
.right-side-menu ul li a.type-primary.active::after {
  border-top: 5px solid var(--color-4);
}

/* Header > Notification: color for bell icon  */
.notif-icon {
  color: var(--color-4);
}

/* Header > Notification: Dropdown colors for background and arrow. Colors should be consistant   */
.notif-menu::before {
  border-bottom: 10px solid var(--color-4);
}

.notif-menu {
  background-color: var(--color-4);
}

/* Header > Notification: Badge colors for background/foreground  */
.primary-header .primary-header-right .notification .badge {
  background: var(--color-3);
  background-color: var(--color-3);
  color: var(--color-0);
}

/* Header > Search Icon: default color state  */
.primary-header .search-icon {
  color: var(--color-4);
}

/* Header > Search Icon: active/hover color state  */
.primary-header .search-icon:hover,
.search-icon-active {
  color: var(--color-4);
}

/* Header > Search Dropdown: background color for search dropdown panel  */
.primary-header .search-nav {
  background: var(--color-4);
}

/* *** HOME FEATURES ***  */

/* CAROUSEL  */

/* Carousel text color  */
.carousel-item__header,
.carousel-item__text {
  color: var(--color-1);
}

/* Carousel btn background/foreground colors */
.carousel-item__btn {
  background: var(--color-3);
  color: var(--color-0);
}

.carousel-item__btn:hover,
.carousel-item__btn:focus,
.carousel-item__btn:active {
  color: var(--color-0);
}

/* CALL TO ACTION TILES  */

/* CTA Header color  */
.cta-static__header {
  color: var(--color-0);
}

/* CTA image background/foregound colors.
Use transparent if white version of images are used    */
.cta-static img,
.cta-static__icon {
  background: var(--color-3);
}

/* CTA btn background color  */
.cta-static__btn {
  min-inline-size: 190px; /* dont change  */
  inline-size: auto;
  background: var(--color-3);
  color: var(--color-0);
}

.cta-static__btn:hover,
.cta-static__btn:focus {
  color: var(--color-0);
}
/* DASHBOARDS */
#cta-module-two {
	display: block;
}
/* AD SPACE  */

/* Ad btn background/foregound colors */
.ad-content .btn,
.ad-content__btn {
  background: var(--color-3);
  color: var(--color-0);
}

/* NEWS ARTICLES  */

/* News background color  */
.news-article-ctr {
  background: var(--color-7);
}

/* *** SECONDARY PAGE FEATURES *** */

/* SIDEBAR MENU  */

/* Sidebar Menu Icon Colors  */
.secondary-sidebar-ctr .accordion-title::before,
.mobile-sidebar-ctr .accordion-title::before {
  color: var(--color-4);
}

.btn-holder {
  color: var(--color-4);
}

/* HOVER CARD CALLOUTs  */

/* Hover Card Header color  */

/* Box Shadow shown on hover. Change RGB colors only. Leave % as-is  */
.ct-hover-card:hover {
  box-shadow: 0px 0 14px 4px rgb(0 175 236 / 25%);
}

.ct-hover-card-title h5,
.ct-hover-card__header {
  color: var(--color-2);
}

/* Hover Card background/foregound colors for btn  */
.ct-hover-card .btn,
.ct-hover-card__btn {
  background: var(--color-3);
  color: var(--color-0);
}

/* PRIMARY TABLES  */

/* Table Header <TH> Color  */
.table-primary .table-head th,
.table-primary .table-head thead,
.table-primary thead th {
  color: var(--color-2);
}

/* redundant use the following existing classes (.merged, .sub-title)  */
.table-primary th.sub-title.center-title {
    text-align: center;
    font-size: 18px;
}

/* STATIC/DROPDOWN CALLOUTS  */

/* Callout background color  */
.ct-static,
.ct-dropdown {
  background: var(--color-7);
}

/* Callout icon background/foregound colors */
.callout-icon,
.ct-static__icon,
.ct-dropdown__icon {
  background: var(--color-4);
  color: var(--color-1);
}

/* FEATURE CALLOUT  */

/* Feature container background color  */
.ext-ct-feature-ctr,
.ct-feature-ctr {
  background: var(--color-7);
}

/* Feature right side header color */
.ct-feature__content h6,
.ct-feature__content-header {
  color: var(--color-2);
}

/* FLIP CARD CALLOUT  */

/* Flip Card container background color */
.ext-ct-flip-card-ctr {
  background: var(--color-7);
}

/* Front facing panel background color  */
.ct-flip-card__front-panel {
  background: var(--color-4);
}

/* Box Shadow shown on hover. Change RGB colors only. Leave % as-is  */
.ct-flip-card:hover {
  box-shadow: 0px 0 14px 4px rgb(0 175 236 / 25%);
}

/* RESOURCE PAGE  */
/* Tab background/foreground colors */
.ctabs [id^='tab']:checked + label {
  color: var(--color-1);
  background: var(--color-4);
}

a.actionBtn,
a.actionBtn:link,
a.actionBtn:visited,
a.actionBtn:hover,
a.actionBtn:active {
  background: var(--color-3);
  color: var(--color-0);
  text-transform: uppercase;
}

.money-module-five .card .card-content {
  padding-block: 1rem;
  padding-inline: 1rem;
  background: var(--color-1);
  block-size: 100%;
}

/* Custom classes for client  */

.table-custom-bh tr,
.table-custom-bh tbody tr:nth-child(2n) {
  background-color: transparent;
}

.table-custom-bh :is(tbody, thead) :is(th, td) {
  border: 0 solid transparent;
}

.table-custom-bh :is(thead, tbody, tfoot) {
  background-color: transparent;
}
.table-custom-bh thead th {
  color: var(--color-1);
}

.money-module-three_accordion .table-minimal {
    border: 1px var(--color-10) solid;
}


.page-components {
	height: initial;
}


.table-custom-bh-alt thead {
  color: var(--color-1);
  background-color: transparent;
  border-bottom: 2px solid var(--color-8);
}

.table-custom-bh-alt tbody {
  background-color: transparent;
}

.table-custom-bh-alt tbody tr {
  background-color: transparent;
}

.table-custom-bh-alt tfoot {
  background-color: transparent;
}

.table-custom-bh-alt is:(tbody, tfoot) :is(td,th) {
  border:none;
}

.dashboard a,
.dashboard a:hover,
.dashboard a:focus {
  color:inherit
}

.table-custom-bh-alt a,
.table-custom-bh-alt a:hover,
.table-custom-bh-alt a:focus {
  text-decoration: underline;
}


.table-custom-bh-alt :is(thead,tbody) :is(td, th)  {
  padding: 5px;
}