body
{
    font-family: 'proxima-nova', Arial, Helvetica, sans-serif;
	background: #FFFFFF;
	margin-top: 0px;
	margin-left: 0px;
}
.PageTitle
{
	FONT-WEIGHT: bold; FONT-SIZE: 14px; COLOR: #000000; FONT-FAMILY: Arial, Helvetica, sans-serif; FONT-VARIANT: normal; TEXT-DECORATION: none
}

.modalPopup 
{
	background-color:#ffffdd;
	border-width:3px;
	border-style:solid;
	border-color:Gray;
	padding:3px;
	width:250px;
}
.modalBackground 
{
	background-color:Gray;
	filter:alpha(opacity=70);
	opacity:0.7;
}

.menubaritem
{
    font-family: 'proxima-nova', Arial, Helvetica, sans-serif;
	font-size: small;
	background-color: #6ec7f8;
	color: #FFFFFF;
	height: 30px;
	width: 100px;
	text-align: left;
	padding: 0px;
	z-index:1;
}

#moduleMainMenu_mainMenu
{
	background-color: #6ec7f8;
}

.menusub
{
    font-family: 'proxima-nova', Arial, Helvetica, sans-serif;
	font-size: small;
	padding: 2px 5px 2px 5px;
	background-color: #6ec7f8;
	color: #125293;
	border: solid #125293 1pt;
}

.bodyimage2
{
	float:right;
}
.menuhover
{
	background-color: #e2e2e2;
    font-family: 'proxima-nova', Arial, Helvetica, sans-serif;
	font-size: small;
	color: #125293;
}

#splash
{
	position: relative;
	left: 285px;
}

#sendmessage
{
	position: relative;
	color: #0F5380;
	left: 10px;
	top: 80px;
	text-decoration: none;
}

#bottombanner
{
	position: relative;
	top: 85px;
	left: 25%;
}

#topbanner
{
	position: relative;
	top: 25px;
	left: 25%;
}

#documents
{
	position: absolute;
	left: 20px;
	top: 150px;
	border-top: solid 2px #0F5380;
	border-bottom: solid 2px #0F5380;
	height: 400px;
	width: 95%;
}

#title
{
	position: relative;
	font-size:x-large;
	color: #0F5380;
	top: 40px;
}

#documentlist
{
	position: relative;
	font-size: large;
	top: 100px;
	left: 100px;
}

#returnlink
{
	font-size: x-small;
}

#statusmessage
{
	position: relative;
	text-align: center;
	color: Green;
	font-size: large;
	font-weight: bold;
}

#mailblock
{
	position: absolute;
	left: 20px;
	top: 150px;
	border-top: solid 2px #0F5380;
	border-bottom: solid 2px #0F5380;
	height: 550px;
	width: 95%;
}


.WebControl_LabelDef
{
	font: 11px Arial, Helvetica, sans-serif;
	color: black;
}

.WebControl_TextBoxDef 
{
    font-family: 'proxima-nova', Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	color: #333333;	
}

.WebControl_DropDownListDef 
{
    font-family: 'proxima-nova', Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	color: #333333;	
}

.WebControl_ButtonDef
{
    font-family: 'proxima-nova', Arial, Helvetica, sans-serif;
	width: 80px;
	color: black;
}

.WebControl_ValidationSummaryDef 
{
    font-family: 'proxima-nova', Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	color: red;
	text-decoration: none;
}

.WebControl_StatmentLabel
{
	color: #0b5698;
	font-size:larger;
}



#divSection1
{	position: absolute;
	top: 5px;
	left: 20px;
	z-index: 0;
}

#memberLogin_lblScreenTitle
{
	visibility: hidden;
	
}

#memberLogin_Label2
{
	visibility: hidden;
}

#memberLogin_Label3,#memberLogin_Label4
{	
    font-family: 'proxima-nova', Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: black;
}

#clientLogoHolder
{
	position: absolute;
	top: 5px;
	left: 245px;
	visibility: hidden;
}


#divUserInfo{
	position: absolute;	
	top: 8px;
	left: 250px;
	white-space: no-wrap;
}	

#divSection1 {
    width: 100%;
    position: relative;
    top: 0px;
    left: 0px;
    text-align: left;
    visibility: visible;
    z-index: 0;
}
#divSection2 {
    width: 100%;
    position: relative;
    top: 25px;
    left: 5px;
    text-align: left;
}
#divSection3 {
    width: 50%;
    position: absolute;
    top: 25px;
    left: 50px;
    text-align: left;
}
#divSection4 {
    width: 50%;
    position: absolute;
    top: 400px;
    left: 5px;
    text-align: left;
}

#divBottomBanner
{
	text-align:center;
}

#divTopBanner
{
	text-align: center;
}

#splash
{
	position: relative;
	left: 150px;
	width: 75%
	
}

#pdfLink
{
	text-align: center;
}

#logoutLink,#moduleUserInfo_logout
{
	position: absolute;
	left: 250pt;
	top: 10px;
	font-size: 11px;
    font-family: 'proxima-nova', Arial, Helvetica, sans-serif;
	color: #0b5698;
	visibility: visible;
}

#ctl04_linkPDF
{
    font-family: 'proxima-nova', Arial, Helvetica, sans-serif;
	font-size: 9pt;
	color: #0b5698;
}

#ctl04_linkPDF a:hover 
{
	text-decoration: none;
}


#moduleUserInfo_linkPassword
{
    font-family: 'proxima-nova', Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #0b5698;
	white-space: nowrap;
}

#moduleUserInfo_lblUsername
{
	white-space: nowrap;
}

#moduleUserInfo_lblLastLogin
{
	white-space: nowrap;

}

#moduleUserInfo_lblEmail
{
	white-space: nowrap;
}



a.loginLink:link
{
	color: #0b5698;
	text-decoration: none;
}

a.loginLink:visited	
{
	color: #0b5698;
	text-decoration: none;
}

a.loginLink:hover
{
	color: #ce1141;
	text-decoration: underline;
}

a.loginLink:active	
{
	color: #0b5698;
	text-decoration: none;
}

/*Login Body*/


#loginBody {
    display: block;
    position: relative;
    width: 100%;
    height: 100%;
    left: 0px;
    top: 10px;
    -webkit-text-size-adjust: none;
    overflow: hidden;
}
#divLoginControl {
    color: #27353f;
    background: transparent;
    position: absolute;
    top: 163px;
    left: 50%;
    margin-right: -50%;
    transform: translateX(-50%);
    font-size: small;
    overflow: hidden;
    z-index: 1;
}
#divLoginControl td {
    text-align: left;
}
#divLoginControl td td td {
    text-align: right;
}
#loginBody #divLoginControl
{
display:none;
}
 
#memberLogin_Label1 {
    visibility: visible;
}
#memberLogin_Label2 {
    visibility: visible;
}
#memberLogin_Label3, #memberLogin_Label4, #memberLogin_lb_member {
    color: #27353f;
    font-family: 'proxima-nova', Arial, Helvetica, sans-serif;
	font-size: 12px;
    visibility: visible;
    padding-right: 15px;
}
#memberLogin_CaptchaLogin {
    width: 85%;
    height: 85%;
    margin-top: 10px;
    margin-bottom: 10px;
    border-radius: 25px;
}
#memberLogin_txtUserName, #memberLogin_txtPassword {
    margin-bottom: 7px;
}
#memberLogin_btnLogin {
    color: #fff;
    background-color: #0b5698;
    padding-top: 5px;
    padding-bottom: 5px;
    border: 1px solid #0b5698;
    border-radius: 25px;
}
#memberLogin_btnLogin:hover {
    color: #fff;
    background-color: #ce1141;
    padding-top: 5px;
    padding-bottom: 5px;
    border: 1px solid #ce1141;
    border-radius: 25px;
}
#memberLogin_lblScreenTitle {
    visibility: hidden;
}
#memberLogin_lnkSendPassword {
    color: #0b5698;
    font-family: 'proxima-nova', Arial, Helvetica, sans-serif;
    font-size: 12px;
	line-height: 1.5em;
	text-decoration: underline;
}

#memberLogin_lnkSendPassword:hover, #memberLogin_lnkEnrollEstatements:hover {
    color: #ce1141 !important;
}
#btnShowLegal {
    margin-left: 8px;
    margin-bottom: 6px;
    font-size: 11px;
    color: #27353f
}
.enrolltext{margin-top: 20px}
#memberLogin_lnkEnrollEstatementsOverride a {
    color: #0b5698;
    font-family: 'proxima-nova', Arial, Helvetica, sans-serif;
    font-size: 13px;
	line-height: 1.5em;
	text-decoration: underline;
}
#memberLogin_lnkEnrollEstatements {
	display: none;
	position: absolute;
}
#memberLogin_lnkEnrollEstatementsOverride {
    margin-top: 195px;
}

#loginBody #memberLogin_lnkEnrollEstatementsOverride div {padding-top: 30px}

#PortalContentHeader #logo {width: 250px; margin-left: auto; margin-right: auto; display: block}
#PortalContentHeader .page-header.navbar {background-color: transparent}
.carousel {
    margin: 0 auto;
}

/*END OLD CODE*/

/*Responsive Enrollment Form*/
.sub-header {
  color: #01356E;
  font-weight: 900;
  font-size: 140%;
}
.button-padding {
  padding-bottom: 20px;
}
form[action$="Enrollment.ascx"] #moduleHeader_imgClientLogo {
  padding: 20px;
  visibility: visible;
  max-width: 250px;
  display: block;
  margin-left: auto;
  margin-right: auto;
}
form[action$="Enrollment.ascx"] #divHeader {
  border-bottom: 4px solid #eeeeee
}
form[action$="Enrollment.ascx"] #content hr {
  display: none
}
form[action$="Enrollment.ascx"] #instructionsContent {
  text-align: center;
  font-family: 'proxima-nova', Arial, Helvetica, sans-serif;
  font-size: 14px;
}

#logoHolder {
  text-align: center;
}
#logoHolder #logo {
  width: 250px; 
}
#tosContents {
  height: auto !important
}
/****
Body
****/
/*.page-header.navbar {
  background-color: #5c6670;
}
.page-header.navbar .top-menu .navbar-nav > li.dropdown-user .dropdown-toggle {
  padding: 0px;
}
body {
  background-color: #EEEEEE; 
}
body.page-boxed {
  background-color: #C0C6C2;
}*/
/****
Print Button & Campaigns
****/
.fa-print {
  color: #ffffff !important;
}
.content__item .item-header{
    padding: 17px 12px !important;
}
a#printLink {
  float: left;
  box-shadow: 0px 1px 10px 0px rgba(50, 50, 50, 0.2);
  border-radius: 3px !important;
  border: 1px solid #ce1141;
  background-color: #ce1141;
  padding: 2px 15px;
  font-size: 110%;
  color: #ffffff !important;
  text-decoration: none !important;
  transition: .3s ease;
  text-transform: uppercase;
}
a#printLink:hover {
  border: 1px solid #870b2b;
  background-color: #870b2b;
  /*transform: scale(1.1)*/
}
.meta--full {margin: 1em auto !important;}
.meta--full .menu-icon:before {color:#46c8f5}

img#CampaignTarget_ctl00_mainContent_topAd, img#CampaignTarget_ctl00_mainContent_bottomAd, img#AdServerTarget_ctl00_mainContent_topAd, img#AdServerTarget_ctl00_mainContent_bottomAd {
  position: relative;
  display: block;
  left: 50%;
  margin-right: -50%;
  transform: translateX(-50%);
  max-width: 100%;
  height: auto;
}
/* Headers 
h1,h2,h3,h4,h5,h6 {
	text-transform: none;
}*/

.stmtHeading
{
  text-align: center;
}
a  {
  color: #0b5698;
  word-break: unset;
}
a:hover, a:focus, a:active {
  color: #ce1141;
}

a.stmtName {
  word-break: unset;
  text-transform: capitalize;line-height: 1.45em;
  display: inline-block;
  text-decoration: none;
  text-align: center;
  padding: 7px 1em;
  color: #fff;
  background: #0b5698;
  border-color: transparent;
  border-width: 1px;
  border-style: solid;
  border-radius: 3px;
  font-family: "Open Sans", Arial, sans-serif;
  transition: all .25s
}
a.stmtName:hover, a.stmtName:focus, .stmtName a:hover, .stmtName a:focus {
  text-decoration: none;
  background: #46c8f5;
  color: #fff;
  border-color: transparent
}

a.changeFontSize label {
  transition: .3s ease;
  color: #0b5698;
}
a.changeFontSize label:hover {
 /* transform: scale(1.2);*/
  color: #ce1141;
}

#clientLogoHolder {
  position: absolute;
  top: 0px;
  left: 0px;
}
.row {
  margin-right: 0px;
  margin-left: 0px;
}
.center-block {
  display: block;
  margin-right: auto;
  margin-left: auto;
}
.client-statement a img {
  transition: .3s ease;
}
.client-statement a:hover img {
  /*transform:scale(1.05)*/
}
#marketing1 {
  margin-right: 0px
}
.page-header.navbar .top-menu .navbar-nav > li.dropdown > .dropdown-toggle label {
  font-weight: 400
}
/* .col-xs-12{ */
/* width:100%; */
/* } */
/*@media only screen and (min-width: 992px) {
  .col-md-3 {
    width: 25%;
  }
  .col-md-6 {
    width: 50%;
  }
  .col-md-12 {
    width: 100%;
  }
}*/
div.col-md-3, div.col-md-6, div.col-md-12 {
  float: left;
}
.col-md-3, .col-md-6, .col-md-12 {
  position: relative;
  min-height: 1px;
  padding-right: 15px;
  padding-left: 15px;
}
#imgClientLogo {
  visibility: hidden;
}
#divSection1 {
  width: 100%;
  position: relative;
  top: 0px;
  left: 0px;
  text-align: left;
  visibility: visible;
  z-index: 0;
}
g-recaptcha {
  clear: both;
  display: block;
}
div.img-responsive {
  background-position: left top;
  padding: 20px 0px;
  border-radius: 25px;
  border: 2px solid rgb(30, 115, 190);
  border-image: none;
}
/*
	dark: #0075be;
	light: #07a7e0; 
	btn primary focus #004075;
	btn primary disabled: #336699;
	btn info focus: #0097d0;	
*/
/* Side Menu Colour Scheme */
.sidebar-container {
  background-color: #0b5698;
}
.sidebar-container .page-sidebar .page-sidebar-menu li a {
  background-color: #0b5698;
  font-weight: 400;
  padding: 20px 10px 15px;
}
.sidebar-container .page-sidebar .page-sidebar-menu > li > a > span.menu-icon {
  font-size: 1em;
  width: 1.1em;
}
.sidebar-container .page-sidebar .page-sidebar-menu li a:hover, 
.sidebar-container .page-sidebar .page-sidebar-menu li a:focus, 
.sidebar-container .page-sidebar .page-sidebar-menu li a:active {
  background-color: #46c8f5 !important;
  color: #000000 !important;
}
.sidebar-container .page-sidebar .page-sidebar-menu .sub-menu {
  background-color: #f6f3ee !important;
}
.sidebar-container .page-sidebar .page-sidebar-menu .sub-menu li > a:hover, 
.sidebar-container .page-sidebar .page-sidebar-menu .sub-menu li > a:focus, 
.sidebar-container .page-sidebar .page-sidebar-menu .sub-menu li > a.selected {
  background-color: #f6f3ee !important;
  color: #0b5698 !important;
}
.sidebar-container .page-sidebar .page-sidebar-menu li a.selected, 
.sidebar-container .page-sidebar .page-sidebar-menu .sub-menu li > a.selected {
  background-color: #f6f3ee !important;
  color: #0b5698 !important;
}
.sidebar-container .page-sidebar .page-sidebar-menu .sub-menu li > a:hover {
  color: #ce1141 !important;
}
.sidebar-container .page-sidebar .page-sidebar-menu .sub-menu li > a {
  background-color: #f6f3ee !important;
  color: #0b5698 !important;
  padding: 10px;
  font-weight: 400;
  border-bottom: 2px solid #e1e1e1 !important;
  white-space: normal;
}
/* remove space caused by blank submenu icons*/
.sidebar-container .page-sidebar .page-sidebar-menu .sub-menu .menu-icon {
    display: none !important;
}
/* Header Menu Colour Scheme */
.page-header.navbar .top-menu .navbar-nav > li.dropdown > .dropdown-toggle {
  color: #0b5698;
}
.page-header.navbar .top-menu .navbar-nav > li.dropdown > .dropdown-toggle:focus, 
.page-header.navbar .top-menu .navbar-nav > li.dropdown > .dropdown-toggle:hover {
  background-color: #0b5698;
  color: #ffffff;
}
.page-header.navbar .top-menu .navbar-nav > li.dropdown .dropdown-menu {
  background-color: #ffffff;
}
.page-header.navbar .top-menu .navbar-nav > li.dropdown .dropdown-menu > li > a {
  color: #0b5698;
}
.page-header.navbar .top-menu .navbar-nav > li.dropdown .dropdown-menu > li:focus > a, 
.page-header.navbar .top-menu .navbar-nav > li.dropdown .dropdown-menu > li:hover > a  {
  background-color: #ffffff;
  color: #ce1141;
}
/* Tabs */
.portlet>.portlet-title>.nav-tabs>li.active>a, 
.portlet>.portlet-title>.nav-tabs>li>a:hover, 
.portlet>.portlet-title>.nav-tabs>li>a:focus, 
.portlet>.portlet-title>div>.nav-tabs>li.active>a, .portlet>.portlet-title>div>.nav-tabs>li>a:hover, .portlet>.portlet-title>div>.nav-tabs>li>a:focus {
    background: #0b5698;
}
/* Statements Grid Border Colour */
.grid__item::before, .notification-list-full > li > a {
  border-color: #0b5698;
}
.grid__item:hover::before, .grid__item:focus::before, 
.notification-list-full > li > a:hover, 
.notification-list-full > li > a:focus {
  border-color: #46c8f5;
}
/* Button Colour Scheme */
.btn-primary {
  background-color: #ce1141;
  border-color: #ce1141;
}
.btn-primary:active, .btn-primary.active, .btn-primary:active:hover, .btn-primary:active:focus, .btn-primary:hover, .btn-primary:focus {
  background-color: #870b2b;
  border-color: #870b2b;
}
.btn-primary[disabled], .btn-primary[disabled]:hover, .btn-primary[disabled]:focus {
  background-color: #ce1141;
  border-color: #ce1141;
}
.btn-info {
  background-color: #ce1141;
  border-color: #ce1141;
}
.btn-info:active, .btn-info.active, .btn-info:active:hover, .btn-info:active:focus, .btn-info:hover, .btn-info:focus {
  background-color: #870b2b;
  border-color: #870b2b;
}
/* Layout and spacing adjustments */
/*.client-statement label, .client-statement .summary-statement-grid label {
  font-size: 1em;
}*/

.page-header.navbar .page-logo .logo-default {
    margin: 10px auto !important;
    display: block;
    max-width: 100%;
    height: auto;
    max-height: 50px;
}

.grid .grid__item img.meta-logo {
  max-height: 65px;
}
.tileLogoImage {
  border: 0px;
  padding: 20px 0px 0px;
  max-width: 85%;
  max-height: 120px;
}
@media screen and (max-width: 1024px) {
.page-header.navbar .page-logo {
    padding-left: 20px;
    padding-right: 20px;
    width: 13em;
/* margin: 0 auto; */}
}
@media only screen and (max-width: 768px) {
  #statementContainer {
    margin-bottom: 250px;
  }
}
@media only screen and (max-width: 767px) {
  .client-statement .summary-statement-grid label, .client-statement .running-statement-grid label {
    /*font-size: 1em;*/
      line-height: 1.5em;
  }
  .client-statement .summary-statement-grid > .row div[class^="col-"], .client-statement .running-statement-grid > .row div[class^="col-"] {
    font-size: 1em;
  }
  .page-container.has-header {
    padding-top: 68px !important
  }
  .page-header.navbar {
    height: auto !important
  }
  /*.sidebar-container.show, .content {
    top: 68px !important
  }*/
/* Fix logo spacing on mobile	   */
  /*.page-header.navbar .page-logo {
    width: 100%;
  }*/
}
.sidebar-container .page-sidebar .page-sidebar-menu li a, .sidebar-container .page-sidebar .page-sidebar-menu li button, .sidebar-container .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu li a, .sidebar-container .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu li button {
  color: #fff;
}
.sidebar-container .page-sidebar .page-sidebar-menu > li > a > .title, .sidebar-container .page-sidebar .page-sidebar-menu > li > button > .title, .sidebar-container .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li > a > .title, .sidebar-container .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li > button > .title {
  margin-top: 2px;
}
#splashDialog .modal-dialog {
  max-width: fit-content;
  max-width: -moz-fit-content;
}
/*.grid__item .bg-white, .grid__item::before {
  border-radius: 20px;
}*/
/****
For XSL and Statement Print
****/
#statementContainer {
  padding-bottom: 50px
}
.client-statement .btn {
  font-size: inherit;
  white-space: normal !important;
}
.bg-primary {
  background-color: #0b5698;
  color: #ffffff;
}
.bg-secondary {
  background-color: #ce1141 !important;
  color: #ffffff !important;
}

.client-statement h1, .client-statement h2 {
  font-size: 1.15em;
  line-height: 1.15em;
}
.bg-primary h2 {
  line-height: 2em;
  padding-left: 10px;
}
.client-statement h3 {
  font-size: .95em;
}
.client-statement caption > h3, .client-statement caption > h4 {
  font-size: 1.19em;
}
.client-statement h2 {
  margin-top: 8px;
  margin-bottom: 8px;
}
.client-statement h3, .client-statement h4, .client-statement .summary-statement-grid h4 {
  margin: 0px;
}
.client-statement .panel-body h4 {
  line-height: normal;
}
.client-statement h6 {
  font-family: 'Open Sans', sans-serif !important;
  font-weight: 500;
  text-transform: capitalize;
}
.navyheader {
  background-color: #09457a;
  color: #ffffff;
}
.navyheader h3, h3.navyheader {
  color: #ffffff !important;
  line-height: normal !important;
}
.subheader {
  background-color: #0b5698;
  border-radius: 1px;
  color: #fff;
}
.subheader h3, h3.subheader {
  color: #fff !important;
  line-height: 0.95em !important;
}
.greyheader {
  color: #09457a !important;
  background-color: #E3DED3;
  border-radius: 1px;
  -webkit-box-shadow: inset 0 0px 3px rgba(0, 0, 0, .125);
  box-shadow: inset 0 0px 2px rgb(0 0 0 / 13%);
}
.greyheader h3, h3.greyheader, .greyheader h4, h4.greyheader {
  color: #09457a !important;
}
.greybackground  {
  background-color: #f6f3ee;
}
.summary-statement-grid tr.fee {
  background-color: #f7f8fa;
  border-top: 1px solid #f6f3ee;
  border-bottom: 1px solid #f6f3ee;
}
.med-bold {
  font-weight: 600 !important
}
.text-primary {
  color: #0b5698 !important;
}
.text-secondary {
  color: #ce1141 !important;
}
.text-info {
  color: #212529 !important;
}
.client-footer img {
  vertical-align: middle !important;
  border: none !important;
}
.client-footer {
  padding: 0px !important;
  margin: 0px !important;
}
.nobdr {
  border: 0px !important;
}
.text-init {
  text-transform: initial !important;
}
.top-border {
  border-top: 1px solid #dfe2e5;
}
.notopborder {
  border-top: 0px !important;
}
.client-statement .summary-statement-grid > .row, .client-statement .summary-statement-grid.row {
  border: none !important;
  display: table !important;
  table-layout: fixed;
  height: auto;
  width: 100%;
}
.labeldisplay label {
  display: initial !important;
}
.client-statement .summary-statement-grid > .row > .row {
  display: table !important;
  table-layout: fixed;
  height: auto;
  width: 100%;
}
.client-statement .summary-statement-grid > .row div[class^="col-"] {
  display: table-cell;
  float: none;
  height: 100%;
}
.meta-logo {
  max-width: 204px;
}
.loader {
  margin-bottom: 0px;
}
.sr-only {
  position: absolute;
  top: auto;
  left: -9999;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0
}
.sr-only-focusable:active, .sr-only-focusable:focus {
  position: static;
  width: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  clip: auto
}
[role=button] {
  cursor: pointer
}
a.link-target {
  color: #333333 !important;
}
.link-target:hover, .link-target:focus {
  text-decoration: none;
}
table.responsive-table {
  border-collapse: collapse;
}
.table-container {
  border-radius: 2px;
  padding: 10px;
  margin-top: 10px;
  margin-bottom: 10px;
  box-shadow: 0 1px 3px 0 rgba(188, 174, 177, .50);
}
.responsive-table td, .responsive-table th {
  padding: 5px 8px;
}
.statement-logo .mtn-xlg {
  margin-top: -50px
}
.client-statement table h5 {
  font-size: 1em;
}
.client-statement table.summary-statement-grid, .responsive-table, .client-statement table.running-statement-grid {
  width: 100%;
  margin: 0px;
}

.client-statement table.summary-statement-grid tr > td:last-child {
  border-right: none;
}
.client-statement table.summary-statement-grid > thead > tr > th, .client-statement table.summary-statement-grid > tbody > tr > th, .client-statement table.running-statement-grid > thead > tr > th, .client-statement table.running-statement-grid > tbody > tr > th {
  padding: 1px 8px;
}
.client-statement table.summary-statement-grid tr.total {
  border-top: 1px solid #cccccc;
}
.client-statement table.running-statement-grid {
  width: 100%;
  margin: 0px;
}
.client-statement table.running-statement-grid > thead > tr, .client-statement table.summary-statement-grid > thead > tr {
  border-bottom: 1px solid #e1e1e1;
}
.client-statement table.running-statement-grid > tbody > tr {
  border-top: 1px solid #e6e6e6;
}
.client-statement table.running-statement-grid > tbody > tr:nth-of-type(odd) {
  background-color: #f6f3ee;
}
.client-statement table.running-statement-grid > tbody > tr:last-of-type {
  border-bottom: none;
}
.client-statement table.running-statement-grid > tbody > tr:hover {
  background-color: #e9e4dc !important;
}
.client-statement table.summary-statement-grid tr > td, .client-statement table.running-statement-grid tr > td {
  padding: 5px 8px;
}
.client-statement table.running-statement-grid tr.total {
  border-top: 1px solid #cccccc;
}
.client-statement table.summary-statement-grid tr.total > th > h5, .client-statement table.summary-statement-grid tr.total > td, .client-statement table.running-statement-grid tr.total > th > h5, .client-statement table.running-statement-grid tr.total > td {
  font-size: 1em;
}
a.link-target {
  color: #ffffff !important;
}
.link-target:hover, .link-target:focus {
  text-decoration: none;
}
.client-statement .btn-info, .client-statement .btn-info-navy, .client-statement .btn-info-blue {
  width: 100%;
  text-align: left
}
button[aria-expanded=true] .fa-angle-right, button[aria-expanded=false] .fa-angle-down, a[aria-expanded=true] .fa-angle-right, a[aria-expanded=false] .fa-angle-down {
  display: none;
}
.client-statement .btn i {
  font-weight: bold;
}
.fa-angle-right, .fa-angle-down {
  padding-left: 8px;
  transform: scale(1.2);
}
/*.btn-info-navy .fa-angle-right, .btn-info-navy .fa-angle-down, .btn-info-grey .fa-angle-down {
  color: #f6f3ee;
}*/

.btn-info-help {
  color: #0b5698 !important;
  background-color: #f6f3ee;
  border-color: #f6f3ee;  
  transition: .3s ease;
  line-height: 1.2em;
}
.btn-info-help:hover, .btn-info-help[aria-expanded=true]:hover {
  /*transform: scale(1.05); */
  color: #ce1141 !important;
  background-color: #f6f3ee;
  border-color: #f6f3ee;  
}
.btn-info-help[aria-expanded=true], .btn-info-help:active {
  /*transform: scale(1.05);*/
  color: #ce1141 !important;
}
/*.btn-info-help {
  color: #ffffff !important;
  background-color: #ce1141;
  border-color: #ce1141;  
  transition: .3s ease;
  line-height: 1.2em;
}
.btn-info-help:hover, .btn-info-help[aria-expanded=true]:hover {
  transform: scale(1.05); 
  color: #ffffff !important;
  background-color: #870b2b;
  border-color: #870b2b;  
}
.btn-info-help[aria-expanded=true], .btn-info-help:active {
  transform: scale(1.05);
  color: #ffffff !important;
}*/

.btn-info-navy, .btn.btn-info-navy:focus {
  color: #ffffff;
  background-color: #0b5698;
  border-color: #0b5698;
  padding: 0px 10px;  
  transition: .2s ease;
}
.btn.btn-info-navy:hover {
  color: #000000;
  background-color: #46c8f5 !important;
  border-color: #46c8f5 !important;
  /*transform: scale(1.015);*/ 
}
.btn.btn-info-navy[aria-expanded=true] {
  color: #ffffff;
  background-color: #ce1141 !important;
  border-color: #ce1141 !important;
  transition: .2s ease;
  font-size: 1.1em;
  transform: scale(1.01); 
}
.btn.btn-info-navy[aria-expanded=true]:hover {
  color: #ffffff;
  background-color: #870b2b !important;
  border-color: #870b2b !important;
  /*transform: scale(1.015); */
}
.btn-info-grey, .btn.btn-info-grey:focus {
  color: #f6f3ee !important;
  background-color: #09457a;
  border-color: #09457a;
  padding: 0px 10px;
  width: 100%;
  text-align: left;
  transition: .3s ease;
}
.btn.btn-info-grey:hover {
  color: #09457a !important;
  background-color: #e9e4dc;
  border-color: #e1e1e1;
  /*transform: scale(1.01); */
}
/*.btn.btn-info-grey[aria-expanded=false] {
  color: #0f2660 !important;
  background-color: #bcaeb1;
  border-color: #bcaeb1;
}
.btn.btn-info-grey[aria-expanded=false]:hover {
  color: #ffffff !important;
  background-color: #a59296;
  border-color: #a59296;
  transform: scale(1.01);
}
*/
.btn-info-blue h3 {
  color: #fff !important;
  font-size: 0.9em;
  margin-top: 0px;
  margin-bottom: 0px;
}
.btn-info-blue {
  color: #fff !important;
  background-color: #0075C9;
  border-color: #0075C9;
  padding: 7px;
}
.btn.active.focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn:active:focus, .btn:focus {
  outline: none !important;
}
.client-statement .summary-statement-grid .row.col-head-row {
  background-color: #eeeeee !important;
  border-top: none;
  border-bottom: none !important;
}
.meta-logo {
  max-width: 204px;
}
.enrollment-logo {
  max-width: 250px;
}
.client-statement .running-statement-grid, .client-statement .summary-statement-grid, .client-statement .content__item, .address, .client-statement .details, .meta__date, .meta__reading-time {
  font-size: 0.85em;
}
.client-statement .one-em {font-size:1.25em}
.article-title {
  font-size: 1.5em;
}
.mobile-only {
  display: none;
}
.print-only {
  display: none !important
}
.min-payment-table {
  border: 1px solid #eee;
  border-top: 1px solid #fff !important;
}
.min-payment-table td {
  border: 1px solid #eee;
}
.client-statement .var {
  position: absolute;
  margin-left: 0.2em
}
.client-statement .desc {
  overflow-wrap: break-word;
  word-wrap: break-word;
  word-break: break-word;
  -webkit-hyphens: auto;
  -ms-hyphens: auto;
  -moz-hyphens: auto;
  hyphens: auto;
}
.client-statement .btn-text {
  font-size: .8em;
  margin-top: 3px;
  float: right !important;
  text-transform: initial;
}
@media only screen and (min-width: 900px) {
  .client-statement .btn-text {}
}
@media only screen and (max-width: 900px) {
  .client-statement .btn-text {
    float: right !important;
    padding: 0px 5px 8px;
  }
}
@media only screen and (max-width: 900px) {
  /*.client-statement .col-lg-12, .client-statement .col-md-12, .client-statement .col-sm-12, .client-statement .col-xs-12 {
    padding-right: 0px !important;
    padding-left: 0px !important;
  }*/
  .mortgage-table .row {
    padding: 0px 15px;
  }
  .mortgage-table .row div:nth-of-type(odd) {
    padding-right: 10px !important;
  }
  .mortgage-table .row div:nth-of-type(even) {
    padding-left: 10px !important;
  }
  .mortgage-table {
    margin: 0px -15px;
  }
  table .responsive-table {
    display: block;
  }
  .client-statement .table-container > div > .ps {
    padding: 0px !important
  }
  .responsive-table caption, .responsive-table tr, .responsive-table tbody {
    display: block;
  }
  .responsive-table thead {
    position: absolute;
    left: -10000px;
    top: auto;
    width: 1px;
    height: 1px;
    overflow: hidden;
  }
  .responsive-table td {
    border-right: 0px;
  }
  .responsive-table .desc {
    font-weight: bold;
  }
  .client-statement table.running-statement-grid > tbody > tr:first-child {
    border-top: 0px;
    ;
  }
  .client-statement table.running-statement-grid > tbody > tr {
    border-top: 2px solid #f6f3ee;
  }
  .client-statement table.responsive-table td, .client-statement table.responsive-table th {
    display: block;
  }
  .client-statement table.summary-statement-grid tr > td, .client-statement table.running-statement-grid tr > td {
    padding: 3px 8px;
  }
  .client-statement table.summary-statement-grid tr, .client-statement table.running-statement-grid tr {
    padding-top: 5px;
    padding-bottom: 3px;
  }
  .client-statement table.summary-statement-grid tr:last-child, .client-statement table.running-statement-grid tr:last-child {
    padding-bottom: 6px;
  }
  .client-statement table.summary-statement-grid td:first-child, .client-statement table.running-statement-grid td:first-child {
    padding-top: 5px
  }
  .client-statement table.responsive-table th {
    text-align: left;
  }
  .client-statement table.responsive-table th > h5, .client-statement table.responsive-table th > h6 {
    margin-bottom: 0px;
  }
  .client-statement table.responsive-table tr.total {
    border-bottom: none !important
  }
  .client-statement table.responsive-table .desc-name:before {
    content: attr(data-th);
  }
  .client-statement table.responsive-table .th-name:before {
    content: attr(data-th);
    font-weight: 400;
    color: #333333;
    font-size: 0.90em;
  }
  .client-statement table.responsive-table .th-name {
    text-align: left !important;
    border-bottom: 1px solid #eee;
    margin: 0px 8px 0px 20px;
    padding-left: 0px;
    padding-right: 0px;
  }
  .client-statement table.responsive-table .th-name:last-child {
    border-bottom: 0px !important;
    padding-bottom: 6px;
  }
  .client-statement table.responsive-table .value {
    float: right;
  }
  .client-statement table.responsive-table h1, .client-statement table.responsive-table h2 {
    font-size: 1em;
    font-weight: bold;
  }
  .client-statement table.responsive-table h5, .client-statement table.responsive-table h6.nm {
    font-weight: bold;
  }
  .mobile-hide {
    display: none !important
  }
  .mobile-only {
    display: block !important
  }
  .one-row {
    display: flex !important;
  }
  .one-row td:first-child {
    padding-top: 3px !important;
	width: 52px;
  }
  .one-row td:last-child {
    width:100%;
  }
  .one-row td {
    width:50%;
  }
  .client-statement .table-container {
    padding: 5px;
  }
  .legend-sr-only {
    position: absolute;
    top: auto;
    left: -9999;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0
  }
  .statement-logo .col-xs-6 {
    width: 100% !important
  }
}
@media only screen and (max-width: 510px) {
  .statement-logo .mtn-xlg {
    margin-top: 20px;
  }
  .statement-logo img {
    margin-right: auto;
    margin-left: auto;
  }
}
@media (max-width: 400px) {
  .text-xs {
    font-size: 0.625em !important;
  }
}
@media (max-width: 640px) {
  ::-webkit-scrollbar {
    width: 2px;
    height: 7px;
  }
}
@media(min-width:768px) {
  .client-statement .pr-sm-1 {
    padding-right: 8.33% !important;
  }
}
@media(max-width:767px) {
  table.legend tr > th, table.legend tr > td {
    padding: 1px 8px !important;
  }
  table.legend tr > th > h5 {
    margin-top: 0px !important;
    margin-bottom: 0px !important;
  }
  .statement-logo div {
    text-align: center
  }
  #marketing1 {
    margin-right: auto !important
  }
  .mortgage-table .row div:nth-of-type(odd) {
    padding-right: 0px !important;
  }
  .mortgage-table .row div:nth-of-type(even) {
    padding-left: 0px !important;
  }
  .date-xs {
      display: unset !important;
      padding-left: 10px;
  }
}
@media(min-width:486px) {
  .loan-details .col-sm-6 {
    width: 50%;
  }
}
@media(max-width:485px) {
  .loan-details-left {
    text-align: left !important
  }
}
@media print {
  .panel-primary, .alert-primary {
    background-color: #ffffff !important;
    color: #000000 !important;
  }
  .panel-secondary, .alert-secondary {
    background-color: #ffffff !important;
    color: #000000 !important;
  }
  .client-statement .panel-primary h3, .client-statement .panel-primary li, .client-statement .panel-primary label, .client-statement .panel-primary li label {
    color: #000000 !important;
  }
  .client-statement .panel-primary label, .client-statement .panel-primary li label, .client-statement .panel-primary li {
    color: #000000 !important
  }
  .client-statement .running-statement-grid .row {
    padding: 0 !important;
    border-bottom: 1px solid #e1e1e1;
    line-height: 15px !important;
  }
  .client-statement .summary-statement-grid > .row div[class^="col-"] {
    padding: 0px 5px !important;
    border-right: 1px solid #dfe2e5;
  }
  .client-statement .summary-statement-grid div, .client-statement .running-statement-grid td, .client-statement .summary-statement-grid td, .client-statement .running-statement-grid th, .responsive-table td, .responsive-table th {
    margin-top: 4px !important;
    margin-bottom: 2px !important;
  }
  .client-statement .running-statement-grid h5, .client-statement .summary-statement-grid h5 {
    margin-top: 0px !important;
    margin-bottom: 0px !important;
  }
  .client-statement .summary-statement-grid > .row > .row {
    display: table !important;
    table-layout: fixed;
    height: auto;
    width: 100%;
  }
  .client-statement .summary-statement-grid > .row div[class^="col-"] {
    display: table-cell;
    float: none;
    height: 100%;
    border: none !important;
    padding: 2px 5px;
  }
  label {
    font-weight: 400 !important;
    font-size: 11px !important;
    line-height: 15px !important;
    margin-bottom: 0px;
  }
  .col-head-row label {
    font-weight: 400 !important;
    font-size: 11px !important;
  }
  .client-statement .summary-statement-grid .row.col-head-row {
    background-color: #ffffff !important
  }
  .account-divider {
    margin-top: 2px !important;
  }
  h4.account-title {
    margin: 1px 0 0 !important;
  }
  .print-small {
    font-size: 10px
  }
  .print-medium {
    font-size: 12px
  }
  .print-large {
    font-size: 14px
  }
  .client-statement .panel-body {
    padding: 0px 0px !important;
  }
  .account divider {
    margin-top: 0px !important
  }
  .summary-statement-grid, .client-statement .running-statement-grid {
    margin-bottom: 10px !important;
  }
  .avoid-break-inside-print {
    page-break-inside: avoid !important
  }
  .responsive-table .txtr {
    text-align: right !important;
  }
  .responsive-table .txtl {
    text-align: left !important;
  }
  .btn-info-navy, .btn-info-blue, .bg-primary, .client-statement h2 {
    color: #000000 !important;
    background-color: #eeeeee !important;
    border-color: #FFFFFF !important;
    text-align: left !important;
  }
  .btn-info-grey {
    color: #000000 !important;
    background-color: #FFFFFF !important;
    border-color: #eeeeee !important;
    text-align: left !important;
    width: 100%;
  }
  .client-statement h2 {
    padding: 2px 10px 1px !important;
    margin: 0px 0px 0px 5px;
    font-weight: 600 !important;
  }
  .bg-primary h2 {
    margin-left: 15px !important;
  }
  body, a, div, td {
    color: #000000 !important;
  }
  .client-statement .summary-statement-grid label, .client-statement .running-statement-grid label {
    white-space: nowrap;
  }
  .collapse {
    display: block !important;
    height: auto !important;
  }
  button[aria-expanded=false] .fa-angle-right {
    display: none;
  }
  .table-container {
    border: 1px solid #eee;
    padding: 5px 5px 0px;
    page-break-inside:auto;
  }
  .responsive-table tr:last-child td, .running-statement-grid tr:last-child td {
    padding-bottom: 0px !important;
  }
  h2, h3, h4, .h2, .h3, .client-statement .bg-primary h2 {
    color: #000000 !important;
    line-height: normal !important;
  }
  .navyheader, .subheader, .greyheader, .btn-info-grey, .btn-info-navy  {
    background-color: #eeeeee !important;
    color: #000000 !important;
  }
  .navyheader h3, h3 .navyheader {
    color: #000000 !important;
    font-weight: 500 !important;
  }
  .subheader h3, h3.subheader, .greyheader h3, h3.greyheader, .greyheader h4, h4.greyheader , .navyheader h3, h3.navyheader, .navyheader h4, h4.navyheader {
    color: #000 !important;
    font-weight: 500 !important;
  }
  h1 {
    color: #000000 !important;
    font-size: 14px !important;
    line-height: normal !important;
  }
  div button[data-target="#whats-new"] {
    margin-top: -15px
  }
  .heading1 {
    margin: 5px 0px 0px !important;
    font-size: 14px !important;
    font-weight: bold !important;
  }
  .client-statement .summary-statement-grid {
    border: 1px solid #dfe2e5;
  }
  div.col-lg-10, div.col-lg-8 {
    width: 100% !important;
  }
  div.col-lg-offset-1, div.col-lg-offset-2 {
    margin-left: 0% !important;
  }
  .print-btm-p {
    padding-bottom: 15px
  }
  .print-only {
    display: block !important
  }
  .html-only {
    display: none !important
  }
  .client-statement .print {
    padding-bottom: 0px !important
  }
  .coupon-bg {
    background-color: #dfdfdf !important
  }
  .cc-print {
    page-break-after: always;
  }
  .cc-print:last-child {
    page-break-after: avoid !important;
  }
  #marketing1 {
  margin-top: -60px;
  }
}