@charset "utf-8";
/* CSS Document */

body  {
	color:#333333;
	font-family: proxima_novaregular, Arial, sans-serif;
	background-color:#F8F8F8;
	font-size:14px;
}

.font-13 {
	font-size: 13px;
}

.font-11 {
	font-size: 11px;
}

.gray-6e {
	color: #6e6e6e;
}

.blue-bar {
	height: 8px;
	width: 98%;
	background-color: #145a7b;
	border-radius: 4px;
}

.orange-bar {
	height: 8px;
	width: 78%;
	background-color: #d75426;
	border-top-left-radius: 4px;
	border-bottom-left-radius: 4px;
}

.gray-bar {
	height: 8px;
	width: 98%;
	background-color: #f2f2f2;
	border-radius: 4px;
}

.voya {
	background-image:url(../source/images/orange-phone.png);
	width: 320px;
	height: 650px;
}

.opening {
	padding-top: 580px;
	color: #333333;
	text-align: center;
	line-height: 22px;
}

.gray {
	color:#333333;
}

.lgt-gray {
	color:#666666;
}

.green {
	color: #00a137;
	font-weight: bold;
}

.primary {
	color: #D75426;
}

.secondary {
	color: #D75426;
}

.voya-blue {
	color: #145A7B;
}

#need-help {
	 position: absolute;
  z-index: 500;
  width: 65px;
  left: 53.5%;
  top: 613px;
}

.account-links-active {
	font-size: 13px;
	color: #333333;
	text-decoration: none;
	font-weight: bold;
	padding-bottom: 10px;
	border-bottom: 4px solid #D75426;
}

a.black {
	font-size: 12px;
	color: #333333;
	text-decoration: none;
	font-weight: bold;
}

a.black:visited {
	font-size: 12px;
	color: #333333;
	text-decoration: none;
	font-weight: bold;
}

a.account-links {
	font-size: 13px;
	color: #333333;
	text-decoration: none;
	font-weight: bold;
}

a.account-links:visited {
	font-size: 13px;
	color: #333333;
	text-decoration: none;
	font-weight: bold;
}

a.account-links2 {
	font-size: 15px;
	color: #333333;
	text-decoration: none;
	font-weight: bold;
}

a.account-links2:visited {
	font-size: 15px;
	color: #333333;
	text-decoration: none;
	font-weight: bold;
}

a.demo {
	font-size: 16px;
	color: #0f81b4;
	text-decoration: underline;
}

a.demo:visited {
	font-size: 16px;
	color: #0f81b4;
	text-decoration: underline;
}

a.nav-three {
	font-size: 14px;
	color: #0f81b4;
	text-decoration: none;
}

a.nav-three:visited {
	font-size: 16px;
	color: #0f81b4;
	text-decoration: none;
}

.interior-nav {
	height: 62px;
}

.primaryunderline {
	color: #145A7B;
	text-decoration: underline;
}

#wrapper {
	margin: 0px auto;
	width:321px;
	padding-top:10px;
}

#wrapperSide {
	margin: 0px auto;
	width:600px;
	padding-left:20px;
	padding-top:120px;
}

.contactTitle {
	border-bottom: 2px solid #145a7b;
	color: #145a7b;
	font-size: 20px;
	font-weight: bold;
	width: 100%;
	padding-bottom: 2px;
}

.chatindent {
	padding-left: 30px;
	padding-right: 70px;
}

.blueh3 {
	color: #145a7b;
	font-size: 20px;
	font-weight: bold;
	width: 100%;
	padding-bottom: 2px;
}

#top {
	width:321px;
	height:37px;
	background-image:url(../img/phone-top.png);
	background-repeat:no-repeat;
	background-size: 321px 37px;
}

#top-white {
	width:321px;
	height:37px;
	background-image:url(../img/phone-top-white.png);
	background-image
	background-repeat:no-repeat;
	background-size: 321px 37px;
}

#top-schwab {
	width:321px;
	height:37px;
	background-image:url(../img/phone-top-schwab.png);
	background-repeat:no-repeat;
}

#top-om {
	width:321px;
	height:37px;
	background-image:url(../img/phone-top-om.png);
	background-repeat:no-repeat;
}

#top-register {
	width:321px;
	height:47px;
	background-image:url(../img/register/register-top.png);
	background-repeat:no-repeat;
}

#topSide {
	float:left;
}

#center-w-bottom {
	width:322px;
	height:613px;
	z-index:1000;
	background-image:url(../img/main-phone-w-bottom.png);
	background-repeat:no-repeat;
}

#center-w-bottom-white {
	width:322px;
	height:613px;
	z-index:1000;
	background-image:url(../img/main-phone-all-white.png);
	background-repeat:no-repeat;
}

#center-w-bottom-gray {
	width:322px;
	height:613px;
	z-index:1000;
	background-image:url(../img/main-phone-gray.png);
	background-repeat:no-repeat;
}

#center-white {
	width:322px;
	height:613px;
	z-index:1000;
	background-image:url(../img/main-phone-white.png);
	background-repeat:no-repeat;
}

#center-w-bottom-login {
	width:322px;
	height:613px;
	z-index:1000;
	background-image:url(../img/main-phone-w-bottom-login.png);
	background-repeat:no-repeat;
}

#center-w-bottom-schwab {
	width:322px;
	height:613px;
	z-index:1000;
	background-image:url(../img/schwab/main-phone-w-bottom.png);
	background-repeat:no-repeat;
}

#center-w-bottom-gradient {
	width:322px;
	height:613px;
	z-index:1000;
	background-image:url(../img/gradient-phone-w-bottom.png);
	background-repeat:no-repeat;
}

#center-w-bottom-om {
	width:322px;
	height:613px;
	z-index:1000;
	background-image:url(../img/om-phone-w-bottom.png);
	background-repeat:no-repeat;
}

#center-w-bottom-register {
	width:322px;
	height:613px;
	z-index:1000;
	background-image:url(../img/register/register-phone.png);
	background-repeat:no-repeat;
}

#centerSide {
	float:left;
	width:318px;
	height:263px;
	background-image:url(../images/phone_center_side.png);
	background-repeat:no-repeat;
}

.content {
	padding-left: 18px;
	padding-top: 10px;
}




.content2 {
	padding-left: 17px;
	
}

.grad-accounts {
  background-image: linear-gradient(to bottom, #045d85, #f2f2f2);
  height:300px;
}

.intranHeader {
	height: 40px;
	width: 257px;
	background-color: #ffffff;
	padding-left: 15px;
	padding-right: 15px;
	padding-top: 10px;
	border-bottom: 1px solid #e7e7e7;
}

.nav-pad {
	padding-top: 10px;
}

.nav-bar {
	height: 60px;
	width: 286px;
	background-color: #ffffff;
	  
  	z-index: 1000;
  	
  	z-index: 999;
}

.nav-bar-sb {
	height: 40px;
	width: 286px;
	background-color: #ffffff;
	  
  	z-index: 1000;
  	
  	z-index: 999;
}

.nav-bar-full {
	height: 105px;
	width: 286px;
	background-color: #ffffff;
	  
  	z-index: 1000;

}

.nav-bar-schwab {
	height: 35px;
	width: 286px;
	background-color: #fff;
  	z-index: 1000;
}

.bar {
	width: 287px;
	height: 4px;
	background-color: #D75426;
}

.omwrap {
	padding: 30px 0px 10px 0px;
	width: 260px;
}

.landing-balance {
	font-size: 18px;
	color: #D75426;
	padding-left: 5px;
}

.bal-primary {
	font-size: 21px;
	color: #145A7B;
	padding-bottom: 5px;
}

.prr-landing {
	font-size: 21px;
	color: #D75426;
}

.landing-bal-sml {
	font-size: 14px;
	color:#333333;
	padding-right: 5px;
}

.content-border {
	padding-left: 15px;
	width: 257px;
}
.content-border2 {
	padding-left: 13px;
	width: 256px;
}

.bubble {
	background-color: #ffffff;
	border-radius: 10px;
	padding: 10px 15px 10px 15px;
	margin-bottom: 20px;
}

.bubble2 {
	background-color: #ffffff;
	border-radius: 10px;
	padding: 10px 0px 10px 0px;
	margin-bottom: 20px;
}

.bubble-purple {
	background-color: #551b57;
	border-radius: 10px;
	padding: 10px 15px 10px 15px;
	margin-bottom: 20px;
	margin-top: 15px;
	color: #ffffff;
}

.bubble-purple-sp {
	background-color: #551b57;
	border-radius: 10px;
	padding: 10px 15px 10px 15px;
	margin-bottom: 20px;
	color: #ffffff;
}

.bubble2a {
	background-color: #ffffff;
	border-radius: 10px;
	padding: 10px 0px 0px 0px;
	margin-bottom: 20px;
}

.bubble3 {
	background-color: #fefefe;
	border-radius: 10px;
	padding: 8px 0px 5px 0px;
	margin-bottom: 20px;
}

.bubble4 {
	background-color: #fefefe;
	border-radius: 10px;
	padding: 10px 0px 10px 0px;
	margin-bottom: 20px;
}

.bubble5 {
	background-color: #fefefe;
	border-radius: 10px;
	padding: 10px 10px 10px 15px;
	margin-bottom: 20px;
}

.plan-name {
	font-size: 14px;
	color: #333333;
	font-weight: bold;
	padding-top: 8px;
}

.plan-name2 {
	font-size: 14px;
	color: #333333;
	padding-top: 8px;
	padding-bottom: 8px;
}

.lgt-gray-title {
	font-size: 14px;
	color: #666666;
	padding-top: 8px;
	padding-bottom: 4px;
}

.as-of-black {
	font-size: 11px;
	color: #333333;
	padding-top: 2px;
	padding-bottom: 4px;
}

.blue-rec {
	background-color: #145A7B;
}

.plan-name-accounts {
	font-size: 13px;
	color: #005489;
}

.summary-title {
	padding-top: 8px;
}

.lgt-gray-12 {
	color: #666666;
	font-size: 12px;
}

a.browser {
	font-size: 14px;
	text-decoration: underline;
	color: #2a5878;
}

a.browserlg {
	font-size: 18px;
	text-decoration: underline;
	color: #2a5878;
}

.income-tool-active {
	font-size: 13px;
	font-weight: bold;
	text-decoration: none;
	color: #005489;
	line-height: 24px;
}

a.income-tool {
	font-size: 13px;
	text-decoration: none;
	color: #333333;
	line-height: 24px;
	font-weight: 600;
}

a.income-tool:visited {
	font-size: 13px;
	text-decoration: none;
	color: #333333;
	line-height: 24px;
	font-weight: 600;
}

.lgt-gray {
	color: #666666;
}

.blue {
	color: #005489;
}

.orange {
	color: #D75426;
}

.font-18 {
	font-size: 18px;
}

.font-17 {
	font-size: 17px;
}

.font-16 {
	font-size: 16px;
}

.font-20 {
	font-size: 20px;
}

.font-12 {
	font-size: 12px;
}

.font-10 {
	font-size: 10px;
}

a.plan-name-accounts {
	font-size: 13px;
	color: #005489;
	text-decoration: none;
}

a.plan-name-accounts:visited {
	font-size: 13px;
	color: #005489;
	text-decoration: none;
}

a.more-resources {
	font-size: 14px;
	font-weight: normal !important;
	color: #005489;
	text-decoration: underline;
}

a.more-resources:visited {
	font-size: 14px;
	color: #005489;
	text-decoration: underline;
}

.bubble-header {
	font-size: 14px;
	color: #333333;
	padding-bottom: 4px;
	font-weight: 600;

}

.plan-balance {
	float: right;
	font-size: 14px;
	color: #145A7B;
	text-decoration: underline;
	font-weight: bold;
	padding-top: 8px;
}

.balance-right {
	float: right;
	padding-top: 8px;
}

.balance-right2 {
	float: right;
}

.right {
	float: right;
}

.left {
	float: left;
}

.plan-balance2 {
	font-size: 14px;
	color: #000000;
	font-weight: bold;
	padding-top: 4px;
}

a.pbal {
	font-size: 14px;
	color: #145A7B;
	text-decoration: underline;
	font-weight: bold;
}

a.pbal:visited {
	font-size: 14px;
	color: #145A7B;
	text-decoration: underline;
	font-weight: bold;
}

.as-of {
	font-size: 11px;
	color: #828282;
	padding-top: 3px;
}

.as-of2 {
	font-size: 11px;
	color: #333333;
	padding-top: 4px;
}

.as-of3 {
	font-size: 10px;
	color: #828282;
	padding-top: 3px;
}

.plus-circle {
  /* Display & Alignment */
  
  justify-content: center; /* Center horizontally */
  align-items: center; /* Center vertically */
  
  /* Sizing & Shape */
  width: 10px;
  height: 10px;
  border-radius: 50%; /* Makes the element a circle if width and height are equal */
  border: 1px solid #ffffff;
  
  /* Padding, Color, & Background */
  padding: 4px; /* Applies 10px padding to all 4 sides (top, right, bottom, left) */
  color: white; /* Color of the plus sign */
  
  /* Optional: removes default extra space that can make the '+' look uncentered */
  line-height: 0; 
}

.plan-link {
	float: right;
}

.button-link {
	background-color: #145A7B;
	border-radius: 15px;
	color:#fefefe;
	padding: 5px 20px;
	font-size: 15px;
}

.om-amount {
	width: 33%;
	text-align: center;
	float: left;
	padding: 2px 0px;
	font-size: 13px;
}

.om-amount2 {
	width: 33%;
	text-align: center;
	float: left;
	border-left:1px solid #333333;
	padding: 2px 0px;
	font-size: 13px;
}

.om-orange-landing {
	font-size: 18px;
	color: #D75426;
	padding-bottom: 5px;
}

.om-dark-landing {
	font-size: 18px;
	color: #333333;
	padding-bottom: 5px;
}

.om-changes-link {
	text-align: center;
	text-decoration: underline;
	color:#145A7B;
	font-size: 13px;
}

.footer {
	padding-top: 10px;
}

.footer-logo {
	float: right;

	padding-top: 15px;
}

.int-section {
	padding: 20px 0px 38px 0px;
	width: 260px;
}

.int-section3 {
	padding: 10px 0px 0px 0px;
	width: 260px;
}

.int-section2 {
	padding: 0px 5px 10px 5px;
	width: 260px;
}

.section-header {
	
	color: #D75426;
	font-size: 20px;
}

.section-header2 {
	
	color: #333333;
	font-size: 19px;
}

.int-nav-background {
 		background-color: #f7f7f7;
}

.int-nav-border {
    background-image: url("../img/interior-nav-line.png");
    background-repeat: repeat-x;
    width:286px;
    min-height: 2px;
}

.int-nav-home {
  width: 70px;
  border-bottom:3px solid #d23802;
  padding-top: 1px;
  position: absolute;
  }

.int-nav-accounts {
  width: 70px;
  border-bottom:3px solid #d23802;
  margin-left: 70px;
  padding-top: 1px;
  position: absolute;
  }

 .int-nav-life {
  width: 70px;
  border-bottom:3px solid #d23802;
  margin-left: 142px;
  padding-top: 1px;
  position: absolute;
  }

 .int-nav-more {
  width: 77px;
  border-bottom:3px solid #d23802;
  margin-left: 210px;
  padding-top: 1px;
  position: absolute;
  }

 .int-nav-contributions {
  width: 70px;
  border-bottom-right-radius: 5px;
  border-bottom-left-radius: 5px;
  border-bottom:5px solid #D75426;
  margin-left: 142px;
  padding-top: -2px;
  position: absolute;
  }

 .int-nav-investments {
  width: 70px;
  border-bottom-right-radius: 5px;
  border-bottom-left-radius: 5px;
  border-bottom:5px solid #D75426;
  margin-left: 210px;
  padding-top: -2px;
  position: absolute;
  }

.app-nav {
  width: 67px;
  text-align: center;
  padding-top: 5px;
}

.app-nav-three {
  width: 96px;
  text-align: center;
  padding: 36px 0px 0px 0px !important;
  vertical-align: top;
}

.app-nav-three-sp {
  width: 96px;
  text-align: center;
  padding: 20px 0px 0px 0px !important;
  vertical-align: top;
}

.app-nav-three-sp2 {
  width: 96px;
  text-align: center;
  padding: 30px 0px 0px 0px !important;
  vertical-align: top;
}

.app-nav-employer {
  padding: 36px 0px 0px 10px !important;
  vertical-align: top;
  font-size: 15px;
  font-weight: bold;
}

.app-nav-sb {
  padding: 20px 0px 0px 10px !important;
  vertical-align: top;
  font-size: 15px;
  font-weight: bold;
}

.bottom-nav-img {
  height: 26px;
}

.app-nav-font {
  width: 67px;
 color: #828282;
 font-size: 10px;
 text-align: center;
}

.app-nav-font-active {
  width: 67px;
 color: #4a4a4a;
 font-size: 10px;
 text-align: center;
}

.bubble2-side-pad {
	padding:0px 10px 0px 10px;
}

.plan-name-pad {
	padding:0px 14px 0px 14px;
}

.pad-table {
	padding:0px 10px 0px 10px;
}

.bubble4-side-pad {
	padding:10px 15px 5px 15px;
}


.bubble-line {
	border-bottom: 1px solid #dadada;
	width:100%;
	padding-top: 15px;
	margin-bottom: 15px;
}

.bubble-line2 {
	border-bottom: 1px solid #dadada;
	width:100%;
	padding-top: 5px;
	margin-bottom: 15px;
}
.bubble-line3 {
	border-bottom: 1px solid #dadada;
	width:100%;
	padding-top: 5px;
	margin-bottom: 8px;
}

.bar-wrap {
	float:right;
	width:175px;
	text-align: left;
}

.bar-white {
	background-color: #ffffff;
	width: 175px;
	height: 14px;
}

.bar-gray {
	background-color: #f7f7f7;
	width: 175px;
	height: 14px;
}

.bar1 {
	width:175px;
	background-color: #D75426;
	height: 14px;
}

.bar2 {
	width:125px;
	background-color: #D75426;
	height: 14px;
}

.bar3 {
	width:95px;
	background-color: #D75426;
	height: 14px;
}

.bar4 {
	width:65px;
	background-color: #D75426;
	height: 14px;
}

.bar5 {
	width:25px;
	background-color: #D75426;
	height: 14px;
}

.bar-title {
	font-size: 11px;
	padding-top: 1px;
}

.bar-value {
	padding-top: 4px;
	font-size: 11px;
}

.tertiary-nav-icon {
	color: #D75426;
	font-size: 18px;
	float: left;
	padding-right: 10px;
	padding-bottom:10px;
	width: 20px;
}

.tertiary-nav-text {
	font-size: 12px;
	padding-top:2px;
	padding-bottom: 2px;
	color: #333333;
}

.nodec {
	text-decoration: none;
}

.prr-box {
	width: 48%;
	border-right: 1px solid #D6D6D6;
	text-align: left;
}

.prr-box2 {
	float: right;
	width: 46%;
	text-align: left;
	margin-left:20px;
}

.prr-header {
	font-size: 13px;
	font-weight: bold;
	padding-bottom: 10px;
}

.prr-value {
	color:#000000;
	font-size: 13px;
	padding-bottom: 2px;
	font-weight: bold;
}

.prr-date {
	font-size: 12px;
	color: #333333;
	line-height:15px;
}

.vesting-value {
	font-size: 15px;
	padding-bottom: 2px;
	font-weight: bold;
}

.info-date {
	font-size: 12px;
	color: #333333;
}

.info-text {
	font-size: 14px;
	color: #333333;
}

.info-value {
	color:#145A7B;
	font-size: 17px;
}

.rebalance-percent {
	color:#333333;
	font-size: 20px;
	padding-top: 5px;
}

.standard-text {
	font-size: 11px;
	line-height: 13px;
}

.arrow-back{
  font-size: 30px;
  color:#145A7B;
}

.fund-name {
	width: 100%;
	font-size: 14px;
	padding-bottom: 10px;
}

.fund-box {
	width: 48%;
	border-right: 1px solid #D6D6D6;
	text-align: left;
}

.fund-box2 {
	float: right;
	width: 46%;
	text-align: left;
	margin-left:20px;
}

.fund-link {
	text-decoration: underline;
	color:#145A7B;
	font-size: 14px;
}

.circle-plus {
  --size: 14px; /* Define a CSS variable for easy size adjustment */
  width: var(--size);
  height: var(--size);
  border-radius: 50%; /* Makes it a circle */
 	border:1px solid #fff;
  position: relative; /* Needed for positioning pseudo-elements */
  display: flex; /* For centering the plus sign */
  justify-content: center;
  align-items: center;
  margin-left: 12px;
}

.circle-plus::before,
.circle-plus::after {
  content: "";
  position: absolute;
  background-color: white; /* Color of the plus sign */
}

.circle-plus::before {
  width: calc(var(--size) * 0.6); /* Adjust length of horizontal line */
  height: calc(var(--size) * 0.1); /* Adjust thickness of horizontal line */
}

.circle-plus::after {
  width: calc(var(--size) * 0.1); /* Adjust thickness of vertical line */
  height: calc(var(--size) * 0.6); /* Adjust length of vertical line */
}

.vested-balance {
	float: right;
	text-align: right;
}

.vesting-right {
  float: right;
}

.full-button {
	width:93%;
	background-color: #145A7B;
	color:#ffffff; 
	padding:10px 0px;
	text-align: center;
	font-size: 14px;
	border-radius: 25px;
	font-weight: bold;
}

.full-button-100 {
	width:100%;
	background-color: #145A7B;
	color:#ffffff; 
	padding:11px 0px;
	text-align: center;
	font-size: 14px;
	border-radius: 25px;
	font-weight: bold;
}

.full-button-100-grey {
	width:100%;
	background-color: #6e6e6e;
	color:#ffffff; 
	padding:11px 0px;
	text-align: center;
	font-size: 14px;
	border-radius: 25px;
	font-weight: bold;
}

.full-button-alt {
	width:93%;
	background-color: #ffffff;
	color:#D75426; 
	padding:10px 0px;
	text-align: center;
	font-size: 14px;
	border-radius: 25px;
	border:1px solid #145A7B;
	font-weight: bold;
}

.full-button-foot {
	width:88%;
	background-color: #145A7B;
	color:#ffffff; 
	padding:10px 0px;
	text-align: center;
	font-size: 14px;
	border-radius: 25px;
	font-weight: bold;
	margin-right: 12px;
}

.full-button-foot-alt {
	width:100%;
	background-color: #ffffff;
	color:#145A7B; 
	padding:10px 0px;
	text-align: center;
	font-size: 14px;
	border-radius: 25px;
	border:1px solid #145A7B;
	font-weight: bold;
	margin-right: 12px;
}

.full-button-foot-alt2 {
	width:87%;
	background-color: #ffffff;
	color:#145A7B; 
	padding:10px 0px;
	text-align: center;
	font-size: 14px;
	border-radius: 25px;
	border:1px solid #145A7B;
	font-weight: bold;
	margin-right: 12px;
}

.inverse-button {
	background-color: #ffffff;
	color:#145A7B; 
	padding:10px 0px;
	text-align: center;
	font-size: 14px;
	border-radius: 25px;
	border:1px solid #145A7B;
	font-weight: bold;
}

.interior-button-active {
	background-color: #0097a9;
	color:#ffffff; 
	height:18px;
	padding:12px 12px;
	text-align: center;
	font-size: 14px;
	border-radius: 10px;
	font-weight: bold;
	float: left;
}

.interior-button {
	background-color: #ffffff;
	color:#145A7B; 
	height:18px;
	padding:12px 12px;
	text-align: center;
	font-size: 14px;
	border-radius: 10px;
	font-weight: bold;
	float: left;
}

.contribution-type {
	width: 159px;
	border-radius: 10px;
	margin-bottom: 15px;
}

.year-cont {
	width: 199px;
	border-radius: 10px;
	margin-bottom: 15px;
}

.type-line {
	height: 30px;
	border-right: 1px solid #D9D9D9;
	width: 2PX;

}

.dollar-type-active {
	float: left;
	width: 69px;
	padding:5px 5px;
	border-right: 1px solid #D9D9D9;
	background-color: #145A7B;
	border-top-left-radius: 10px;
	border-bottom-left-radius: 10px;
	color: #ffffff;
}

.dollar-type {
	float: left;
	width: 69px;
	padding:5px 5px;
	border-right: 1px solid #D9D9D9;
	background-color: #ffffff;
	border-top-left-radius: 10px;
	border-bottom-left-radius: 10px;
}

.percent-type-active {
	float: right;
	width: 69px;
	padding:5px 5px;
	background-color: #145A7B;
	border-top-right-radius: 10px;
	border-bottom-right-radius: 10px;
	color: #ffffff;
}

.percentr-type {
	float: left;
	width: 69px;
	padding:5px 5px;
	background-color: #ffffff;
	border-top-right-radius: 10px;
	border-bottom-right-radius: 10px;
}

.prior-year {
	float: left;
	width: 89px;
	padding:5px 5px;
	border-right: 1px solid #D9D9D9;
	background-color: #ffffff;
	border-top-left-radius: 10px;
	border-bottom-left-radius: 10px;
}

.ytd-active {
	float: right;
	width: 89px;
	padding:5px 5px;
	background-color: #145A7B;
	border-top-right-radius: 10px;
	border-bottom-right-radius: 10px;
	color: #ffffff;
}

.input-right {
	float: right;
}

input.rounded-input {
  padding:10px;
  border-radius:3px;
  border:1px solid #D9D9D9;
  width: 30px;
}

input.rounded-input2 {
  padding:10px;
  border-radius:10px;
  border:1px solid #D9D9D9;
  width: 50px;
}

input.rounded-input3 {
  padding:10px;
  border-radius:5px;
  border:1px solid #D9D9D9;
  width: 50px;
}

.current {
	font-size: 10px;
	color: #6e6e6e;
	padding:5px 0px 10px 0px;
}

.current2 {
	font-size: 12px;
	color: #6e6e6e;
	padding:2px 0px 0px 0px;
}

h4 {
	font-size: 15px;
	font-weight: bold;
	margin: 0px;
	padding:0px;
}

.percent-total {
	font-size: 15px;
	font-weight: bold;
	margin: 0px;
	padding-top:8px;
}

.font16 {
	font-size: 16px;
}

.font15 {
	font-size: 15px;
}

.font14 {
	font-size: 14px;
}

.font10 {
	font-size: 10px;
}

.font13 {
	font-size: 13px;
}

.font12 {
	font-size: 12px;
}

.contact-main {
	font-size: 14px;
	line-height: 19px;
}

.legal {
	font-size: 12px;
}

.legal2 {
	font-size: 12px;
}

.nobubble-pad {
	padding: 0px 15px;
}

.scroll-whole {
  width: 287px;
  height: 510px;
  overflow-y: scroll; /* Add the ability to scroll */
  max-width: 100%;
    overflow-x: hidden;
  border-bottom-left-radius: 25px;
  border-bottom-right-radius: 25px;
}

.scroll-whole-full {
  width: 287px;
  height: 580px;
  overflow-y: scroll; /* Add the ability to scroll */
  max-width: 100%;
    overflow-x: hidden;
  border-bottom-left-radius: 25px;
  border-bottom-right-radius: 25px;
}

.scroll-settings {
  width: 287px;
  height: 435px;
  overflow-y: scroll; /* Add the ability to scroll */
  max-width: 100%;
    overflow-x: hidden;
}

.scroll-age {
  height: 348px;
  overflow-y: scroll; /* Add the ability to scroll */
  max-width: 100%;
    overflow-x: hidden;
}

.scroll-savings {
  height: 405px;
  overflow-y: scroll; /* Add the ability to scroll */
  max-width: 100%;
    overflow-x: hidden;
}

.scroll-whole-chat {
  width: 287px;
  height: 580px;
  overflow-y: scroll; /* Add the ability to scroll */
  max-width: 100%;
    overflow-x: hidden;
}

/* Hide scrollbar for Chrome, Safari and Opera */
.scroll-whole::-webkit-scrollbar {
    display: none;
}

/* Hide scrollbar for Chrome, Safari and Opera */
.scroll-whole-full::-webkit-scrollbar {
    display: none;
}

/* Hide scrollbar for Chrome, Safari and Opera */
.scroll-settings::-webkit-scrollbar {
    display: none;
}

/* Hide scrollbar for Chrome, Safari and Opera */
.scroll-age::-webkit-scrollbar {
    display: none;
}

/* Hide scrollbar for Chrome, Safari and Opera */
.scroll-savings::-webkit-scrollbar {
    display: none;
}

.scroll-whole-chat::-webkit-scrollbar {
    display: none;
}

/* Hide scrollbar for IE, Edge and Firefox */
.scroll-whole {
  -ms-overflow-style: none;  /* IE and Edge */
  scrollbar-width: none;  /* Firefox */
}

/* Hide scrollbar for IE, Edge and Firefox */
.scroll-whole-full {
  -ms-overflow-style: none;  /* IE and Edge */
  scrollbar-width: none;  /* Firefox */
}

/* Hide scrollbar for IE, Edge and Firefox */
.scroll-settings {
  -ms-overflow-style: none;  /* IE and Edge */
  scrollbar-width: none;  /* Firefox */
}

/* Hide scrollbar for IE, Edge and Firefox */
.scroll-age {
  -ms-overflow-style: none;  /* IE and Edge */
  scrollbar-width: none;  /* Firefox */
}

/* Hide scrollbar for IE, Edge and Firefox */
.scroll-savings {
  -ms-overflow-style: none;  /* IE and Edge */
  scrollbar-width: none;  /* Firefox */
}

.scroll-whole-chat {
  -ms-overflow-style: none;  /* IE and Edge */
  scrollbar-width: none;  /* Firefox */
}

.scroll-register {
  width: 288px;
  height: 578px;
  overflow-y: scroll; /* Add the ability to scroll */
  max-width: 100%;
    overflow-x: hidden;
  border-bottom-left-radius: 25px;
  border-bottom-right-radius: 25px;
}

/* Hide scrollbar for Chrome, Safari and Opera */
.scroll-register::-webkit-scrollbar {
    display: none;
}

/* Hide scrollbar for IE, Edge and Firefox */
.scroll-register {
  -ms-overflow-style: none;  /* IE and Edge */
  scrollbar-width: none;  /* Firefox */
}

.scroll-menu {
  width: 287px;
  height: 465px;
  overflow-y: scroll; /* Add the ability to scroll */
  border-bottom-left-radius: 25px;
  border-bottom-right-radius: 25px;
}

.scroll-menu-sb {
  width: 287px;
  height: 535px;
  overflow-y: scroll; /* Add the ability to scroll */
  border-bottom-left-radius: 25px;
  border-bottom-right-radius: 25px;
}

.scroll-menu-sdbo {
  width: 287px;
  height: 525px;
  overflow-y: scroll; /* Add the ability to scroll */
}

/* Hide scrollbar for Chrome, Safari and Opera */
.scroll-menu::-webkit-scrollbar {
    display: none;
}

/* Hide scrollbar for IE, Edge and Firefox */
.scroll-menu {
  -ms-overflow-style: none;  /* IE and Edge */
  scrollbar-width: none;  /* Firefox */
}

/* Hide scrollbar for Chrome, Safari and Opera */
.scroll-menu-sb::-webkit-scrollbar {
    display: none;
}

/* Hide scrollbar for IE, Edge and Firefox */
.scroll-menu-sb {
  -ms-overflow-style: none;  /* IE and Edge */
  scrollbar-width: none;  /* Firefox */
}

/* Hide scrollbar for Chrome, Safari and Opera */
.scroll-menu-sdbo::-webkit-scrollbar {
    display: none;
}

/* Hide scrollbar for IE, Edge and Firefox */
.scroll-menu-sdbo {
  -ms-overflow-style: none;  /* IE and Edge */
  scrollbar-width: none;  /* Firefox */
}


.scroll-menu-full {
  width: 287px;
  height: 520px;
  overflow-y: scroll; /* Add the ability to scroll */
  border-bottom-left-radius: 25px;
  border-bottom-right-radius: 25px;
}

/* Hide scrollbar for Chrome, Safari and Opera */
.scroll-menu-full::-webkit-scrollbar {
    display: none;
}

/* Hide scrollbar for IE, Edge and Firefox */
.scroll-menu-full {
  -ms-overflow-style: none;  /* IE and Edge */
  scrollbar-width: none;  /* Firefox */
}

.snap-container {
  
  overflow-x: scroll;
  display: flex; /* or grid for more complex layouts */
  width: 287px;
  height: 52px;
  ms-overflow-style: none;  /* IE and Edge */
  scrollbar-width: none;  /* Firefox */
  padding-top: 10px;
}

.snap-item {
  scroll-snap-align: center; /* or start, end */
  /* Other styling for your snap items */
  flex-shrink: 0; /* Important for flexbox layouts */
  padding-left: 10px;
}

.scroll-interior-nav {
   width: 287px;
  height: 62px;
    aspect-ratio: 2/1;
  margin: auto;
  overflow-x: scroll;
  overflow-y: hidden;
  white-space: nowrap;
  scroll-snap-type: x mandatory;
  scroll-padding-right: 400px;
}

/* Hide scrollbar for Chrome, Safari and Opera */
.scroll-interior-nav::-webkit-scrollbar {
    display: none;
}

/* Hide scrollbar for IE, Edge and Firefox */
.scroll-interior-nav {
  -ms-overflow-style: none;  /* IE and Edge */
  scrollbar-width: none;  /* Firefox */
}

.scroll-interior {
   width: 287px;
  height: 358px;
  overflow-y: scroll; /* Add the ability to scroll */
  border-bottom-left-radius: 25px;
  border-bottom-right-radius: 25px;
}

/* Hide scrollbar for Chrome, Safari and Opera */
.scroll-interior::-webkit-scrollbar {
    display: none;
}

/* Hide scrollbar for IE, Edge and Firefox */
.scroll-interior {
  -ms-overflow-style: none;  /* IE and Edge */
  scrollbar-width: none;  /* Firefox */
}

.scroll-small {
   width: 287px;
  height: 420px;
  overflow-y: scroll; /* Add the ability to scroll */
  border-bottom-left-radius: 25px;
  border-bottom-right-radius: 25px;
}

/* Hide scrollbar for Chrome, Safari and Opera */
.scroll-small::-webkit-scrollbar {
    display: none;
}

/* Hide scrollbar for IE, Edge and Firefox */
.scroll-small {
  -ms-overflow-style: none;  /* IE and Edge */
  scrollbar-width: none;  /* Firefox */
}

.scroll-transactions {
   width: 287px;
  height: 325px;
  overflow-y: scroll; /* Add the ability to scroll */
}

/* Hide scrollbar for Chrome, Safari and Opera */
.scroll-transactions::-webkit-scrollbar {
    display: none;
}

/* Hide scrollbar for IE, Edge and Firefox */
.scroll-transactions {
  -ms-overflow-style: none;  /* IE and Edge */
  scrollbar-width: none;  /* Firefox */
}

.scroll-small2 {
   width: 287px;
  height: 358px;
  overflow-y: scroll; /* Add the ability to scroll */
  border-bottom-left-radius: 25px;
  border-bottom-right-radius: 25px;
}

/* Hide scrollbar for Chrome, Safari and Opera */
.scroll-small2::-webkit-scrollbar {
    display: none;
}

/* Hide scrollbar for IE, Edge and Firefox */
.scroll-small2 {
  -ms-overflow-style: none;  /* IE and Edge */
  scrollbar-width: none;  /* Firefox */
}

.scroll-inttran {
   width: 287px;
  height: 369px;
  overflow-y: scroll; /* Add the ability to scroll */
  border-bottom-left-radius: 25px;
  border-bottom-right-radius: 25px;
}

/* Hide scrollbar for Chrome, Safari and Opera */
.scroll-inttran::-webkit-scrollbar {
    display: none;
}

/* Hide scrollbar for IE, Edge and Firefox */
.scroll-inttran {
  -ms-overflow-style: none;  /* IE and Edge */
  scrollbar-width: none;  /* Firefox */
}

.scroll-twolink {
	width: 287px;
  height: 400px;
  overflow-y: scroll; /* Add the ability to scroll */
  border-bottom-left-radius: 25px;
  border-bottom-right-radius: 25px;
}

/* Hide scrollbar for Chrome, Safari and Opera */
.scroll-twolink::-webkit-scrollbar {
    display: none;
}

/* Hide scrollbar for IE, Edge and Firefox */
.scroll-twolink {
  -ms-overflow-style: none;  /* IE and Edge */
  scrollbar-width: none;  /* Firefox */
}

.selectstyle select {
        background-color: #ffffff;
        height: 33px;
        border: 1px solid #ebebeb;
        font-size: 18px;
      }
      .selectstyle {
        height: 33px;
        border: 1px solid #ebebeb;
        border-radius: 5px;
        overflow: hidden;
        padding-left: 10px;
        width: 230px;
      }

.calendar {
		border-radius: 5px;
		height: 33px;
    border: 1px solid #ebebeb;
    padding-left: 10px;
    width: 220px;
}

.home-button {
	width: 100px;
	height: 10px;
}

label > input[type="checkbox"] {
  display: none;
}
label > input[type="checkbox"] + *::before {
  content: "";
 
  width: 1rem;
  height: 1rem;
  margin-right: 0.3rem;

  border-style: solid;
  border-width: 1px;
  border-color: #4a8099;
  flex-shrink: 0;
  border-radius: 2px;
}
label > input[type="checkbox"]:checked + * {
  color: teal;
}
label > input[type="checkbox"]:checked + *::before {
  content: "✓";
  color: white;
  font-weight: bold;
  text-align: center;
  background: #4a8099;
  border-color: #4a8099;
}

label > input[type="checkbox"] + * {
  display: inline-flex;

}

.scrolling-wrapper {
	width: 272px;
  overflow-x: scroll;
  overflow-y: hidden;
  white-space: nowrap;
}

.clear-right {
	clear: right;
}