@charset "utf-8";
/* USE ONLY THIS FILE FOR BRANDING */


/*------------------------------------------------------------------
[Table of contents]

1. GLOBAL
	1.0.0  Side Menu Nav Switcher
	1.1.0  General
	1.2.0  Toolbar
	1.2.1  Toolbar Mobile
	1.2.2  Toolbar Language
	1.3.0  Main Navigation
	1.4.0  Banner Images
	1.5.0  Promo Ads
	1.6.0  Event Flows
	1.7.0  Date Picker
	1.8.0  Channel Pages
	1.8.1  Tabs Override
	1.9.0  Legacy Content
	1.10.0 Range Slider
	1.11.0 Mobile Navigation
	1.12.0 Pension Benefit Model/Chart
	1.13.0 Modal Override
	1.14.0 Popover Override
	1.15.0 Sticky Navigation
	1.16.0 fChat
	1.17.0 MessageCenter
	1.18.0 Retirement Planner
	1.19.0 Search

2. HOME PAGE
	2.1. Tiles
	2.2. Carousel

3. TRANSACTIONAL FRAMEWORK
	3.1. General
	3.2. Video Player
	3.3. Add/Update family modal tab
	3.4. Slider on Sides
	3.5. Worksheet
	3.6. Investing Selections
	3.7. Benefit Summary

4. GLYPHICONS
	4.1. Loading Icons
	4.2. Customized Settings

5. MEDIA QUERIES
	5.1.0 General
	5.1.1 Default Bootstrap
	5.2.0 Media Screen Offcanvas Navigation
	5.3.0 Media Screen Chart
	5.4.0 Media Sticky Navigation

6. CHART
	6.1.General
	6.2 Chart Media Queries

7. Bootstrap Overrides
	7.1. General
	
8. Authentication
    8.1.  Authentication 
	
9. BA7
    9.1.  General 
-------------------------------------------------------------------*/

/*.site-wrap {
	margin-bottom: 40vh;
}*/


/* -----------------------------------======  @start: 1.  GLOBAL   ======----------------------------------- */


/* -------======= @start: 1.0.1 Fonts =======------- */
@font-face {
font-family: 'Open Sans Light';
font-style: normal;
font-weight: normal;
src: local('Open Sans Light'), url('../fonts/OpenSans-Light.woff') format('woff');
}
@import url('https://fonts.googleapis.com/css?family=Open+Sans');




@font-face {
font-family: 'AspenRegular';
font-style: normal;
font-weight: normal;
src: local('Open Sans'), url('../fonts/OpenSans-Regular.woff') format('woff');
}


@font-face {
font-family: 'Open Sans Semibold';
font-style: normal;
font-weight: normal;
src: local('Open Sans Semibold'), url('../fonts/OpenSans-Semibold.woff') format('woff');
}


@font-face {
font-family: 'Open Sans Bold';
font-style: normal;
font-weight: normal;
src: local('Open Sans Bold'), url('../fonts/OpenSans-Bold.woff') format('woff');
}

/* -------======= @end: 1.0.1 Fonts =======------- */


/* -------======= @start: 1.0.0  Side Menu Nav Switcher =======------- */

label {
  cursor: pointer;
}
label:focus {
  outline: none;
}
#personaHeader {
	background:url(../images/personaHeader.png) no-repeat;
	height: 54px;
}
.menu {
  position: absolute;
  top: 0;
  left: 0;
  background: #f4f7f6; /* Old browsers */
  width: 240px;
  height: 100%;
  transform: translate3d(-240px, 0, 0);
  transition: transform 0.35s;
  z-index: 9;
}
.menu label.menu-toggle {
  position: absolute;
  right: -30px;
  width: 30px;
  height: 100%;
  line-height: 0px;
  display: block;
  padding: 0;
  text-indent: -9999px;
}
.menu label.menu-toggle:hover {
  position: absolute;
  right: -30px;
  width: 30px;
  height: 100%;
  line-height: 0px;
  display: block;
  padding: 0;
  text-indent:0px;
  background: #eee;
  opacity:0.7;
  color: #202121;
}
.menu label.menu-toggled {
  position: absolute;
  right: -30px;
  width: 30px;
  height: 100%;
  line-height: 0px;
  display: block;
  padding: 0;
  text-indent: 0px;
  background: #f4f7f6; /* Old browsers */
  opacity:0.9;
  color: #202121;
  -webkit-box-shadow: 20px 0px 14px -7px rgba(0,0,0,0.14);
  -moz-box-shadow: 20px 0px 14px -7px rgba(0,0,0,0.14);
  box-shadow: 20px 0px 14px -7px rgba(0,0,0,0.14);
}
.menu label.menu-toggled:hover {
  position: absolute;
  right: -30px;
  width: 30px;
  height: 100%;
  line-height: 0px;
  display: block;
  padding: 0;
  text-indent:0px;
  background: #f4f7f6;
  opacity:0.7;
  color: #202121 !important;
}
.menu label.menu-toggled .glyphicons-option-vertical::before {
    content: "\E208";
	font-size: 28px;
}
.menu label span.glyphicons-option-vertical {
	font-size: 34px !important;
}
.menu .back {
	text-align:right;
}
.menu h4 {
  display: block;
  text-align: left;
  padding: 0 15px;
  line-height: 40px;
  text-decoration: none;
  color: #202121;
}
.menu ul {
	list-style-type: none;
	margin: 20px 0;
}
.menu li {
	margin:10px;
}
.menu ul li a, .menu ul li label {
  display: block;
  text-align: left;
  padding: 14px 30px;
  line-height: 34px;
  text-decoration: none;
  color: #202121;
  border-bottom: 1px solid #e6eaea;
}
.menu ul li a:hover, .menu ul li label:hover {
  color: #ccc;
}

/* hide inputs */
.menu-checkbox {
  display: none;
}

/* hide navigation icon for sublabels */
.menu .menu label.menu-toggle {
  background: none;
}

/* fade in checked menu */
.menu-checkbox:checked + .menu {
  transform: translate3d(0, 0, 0);
  z-index: 99999;
  opacity: 1;
}
/* -------======= @end: 1.0.0  Side Menu Nav Switcher =======------- */



/* -------======= @start: 1.1.0  General =======------- */
html {
  position: relative;
  min-height: 100%;
	scroll-behavior: smooth;
}
#main {
  opacity: 1;
  transition: 1s opacity;
}
#main.fade-in {
  opacity: 0;
  transition: none;
}
body {
	/*background: #f4f7f6;*/
	color: #202121;
	font-size: 14px;
	font-family: 'AspenRegular',Helvetica Neue,Helvetica,Arial,sans-serif;
}
ul {
	padding-left: 4%;
}
p.instructionsHeader  > span, a.instructionsHeader  > span{
	font-size: 14px;
	font-family: 'AspenRegular',Helvetica Neue,Helvetica,Arial,sans-serif;
}
a {
	color: #026D97;
}
a:hover, a:focus {
    text-decoration: none;
	color: #0092cc;
}
a:focus, a:active {
    outline: none;
}
/*.logo a {
    color: #000;
}*/
.font14 {
	font-size: 14px;
}
.fontNormal {
	font-weight: normal;
}
.indent {
    text-indent: 20px;
}
.list-group-item.active a, .list-group-item.active:focus a, .list-group-item.active:hover  a{
    color: #fff !important;
}
.boldTxt {
	/*font-weight:bold;*/
    font-family: 'AspenRegular',Helvetica Neue,Helvetica,Arial,sans-serif;
}
.italicTxt {
	font-style: italic;
}
.bigText {
	font-size: 1.25em;
}
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
    font-weight: lighter;
    font-family: 'AspenLight',Helvetica Neue,Helvetica,Arial,sans-serif;
}
.h1::before, .h2::before, .h3::before, .h4::before, .h5::before, .h6::abefore, h1::before, h2::before, h3::abefore, h4::before, h5::before, h6::before {
background: #274463 none repeat scroll 0 0;
    content: "";
    display: block;
    height: 4px;
    margin-left: -2px;
    transform: skewX(45deg);
    transform-origin: 100% 0 0;
    transition: background 0.3s ease 0s;
    width: 4.3vw;
    margin-bottom: 5px;
}

h4.headerMain  {}
h4{}
thirtyThree {
	width: 33%;
}
.container, .containerPrint {
	background: #ffffff;
	padding: 0px;
}
header {
	font-size: 27px;
	padding: 10px;
	background: #fff;
}
header .modal{
	font-size: 14px;
}
.logo {
    height: 81px;
    z-index: 9;
    position: relative;
    left: 10px;
	background: url(../images/clientLogo.png) no-repeat;
}
#portalName {
    /*display: none;*/
	font-size: 18px;
    font-weight: bold;
    left: 160px;
    position: relative;
	top: 10px;
}
.persona {
	/*display: none;*/
	font-size: 12px;
	position: relative;
	top: -5px;
	color: #DADDDC;
	display: block;
}
.navbar-default {
	background: #fff;
	border: 0;
	border-bottom-width: 0px;
	border-bottom-style: none;
	border-bottom-color: currentcolor;
	border-radius: 0;
	/* border-top: 2px solid #074cbc; */
	/* border-bottom: 2px solid #074cbc; */
	margin-bottom: 20px;
	min-height: 30px;
}
.panel {
	-webkit-box-shadow: none;
	box-shadow: none;
	/*border-radius: 15px;*/
}
.panel-heading h4 {
	margin: 0;
}
.panel-title-two {
    font-size: 18px;
	display: inline-block;
}
.panel-title.date {
    line-height: 25px;
}
/*.panel-footer .btn-primary {
	border-radius: 0 0 15px 15px;
}*/
.input-group.date {
	left: 10px;
    top: -5px;
}
.arrow {
    margin-top: 0px;
    margin-left: 17px;
    border-width: 8px 8px 0;
    position: absolute;
    border-bottom-color: #b4b5b9;
    border-top-color: #FFF;
	bottom: 54px;
}
header .row, #footerContent, #navbar {
    max-width: 1170px;
    margin: 0 auto;
    /*width: 100%;*/
}
#navbar {padding:0;}
#navbar.collapse.in,#navbar.collapsing {padding:0px 0px 0px 20px;overflow-x:hidden;}
@media (max-width: 991px) {
  .arrow {
	  bottom: 34px;
  }	
}
.panel-footer {
    background-color: #468CFF;
    color: #fff;
	transition: all 0.7s ease;
}
/*.panel-footer:hover {
    opacity: 0.8;
}*/
.panel-footer a {
    color: #fff;
}
.navBullet {
	background-image: url(../images/mainHome.png);
	width:100%;
	height:120px;
}
.headerMain {
	margin: 0px 0px 30px 0px;
	font-size:2.4em;
}
.row.benSpacing {
	margin-bottom: 20px;
}
/*header {
	background: url(../images/mainHome.png) no-repeat;
}*/
.bannerImgHome {
	background-image: url(../images/mainHome.png);
	width:100%;
	height:120px;
}
.bannerText {
    font-size: 1.4em;
    font-weight: bold;
    padding: 7px 60px;
    vertical-align: middle;
    color: #777;
    opacity: 0.8;
    background: #fff;
    position: relative;
    top: 40px;
}
.lead {
	margin-left: 5px;
	font-size: 18px;
}
.lead1 {
	margin-top: 40px;
	margin-left: 5px;
	margin-bottom: 20px;
	font-size: 18px;
}
.lead2 {
	margin-top: 20px;
	margin-left: 5px;
	font-size: 18px;
}
.lead3 {
	margin-left: 5px;
	font-size: 18px;
}
.breadcrumb {
    background-color: #f5f5f5;
    border-bottom: 1px solid #e5e5e5;
    border-radius: 0;
    border-top: 1px solid #e5e5e5;
    list-style: outside none none;
    margin: 15px 0;
    padding: 8px 15px;
    width: 100%;
}
.dollarAmt, table th.dollarAmt, table td.dollarAmt {
	text-align:right;
}
.cursor-pointer{
	cursor:pointer;
}
footer {
    display:none;
    position: absolute;
    left: 0;
    bottom: 0;
    height: auto;
    width: 100%;
    background: #f7f7f7;
    overflow: hidden;
    padding: 20px;
    font-size: 12px;
    color: #333333;
    padding-bottom: 100px;
}
#footerContent {
}
#footerLinks {
    text-align: right;
}
#footerLinks a {
    color: #026D97;
}
#footerLinks a:hover {
    text-decoration: underline;
}
.bold{
    font-weight: bold;
}
.btn-link {white-space: normal; text-align:left;}
.tier2NavOn {
	background: #ffffff none repeat scroll 0 0;
}
#leftNav li { padding-bottom:5px; margin-left:10px; margin-right:10px;}
#leftNav a.secondlevel {
    padding-left: 25px;
}
#leftNav a.active {
    font-weight: bold;
}
.panel-body.list-group {
    padding: 0;
}
.ui-widget-content a.btn-success, .ui-widget-content a.btn-warning {
    color: #fff !important;
}
.row {
	margin: 5px 10px;
	padding: 0px;
}
.help-row {
    margin-bottom: -15px;
}

/*.needHelp {
    background-color: #468CFF;
    border-radius: 5px;
    color: #fff;
    cursor: pointer;
    padding: 3px 5px;
    font-size: 12px;
    margin-bottom: 10px; float:right
}*/
.needHelp .glyphicons.glyphicons-question-sign::before {
	color: #fff;
}
@media (max-width: 768px) {
  #footerLinks, #footerCopyright { 
	text-align:center; 
  }
  .row { 
	padding: 5px; 
  }
 #search-main{
	  padding:0;
	  
 }
  .logo {
	height: 64px;
	top: -5px;
	background: url(../images/clientLogoMobile.png) no-repeat 0;  
  }
  #portalName {
    font-size: 12px;
	display: none;
}
}
.paddingleft15 {
	padding-left: 15px;
}
.paddingtb5 {
	padding-left:0; 
	padding-right:0; 
	padding-top: 5px;
	padding-bottom: 5px;
}
.no-padding {
	padding:0;
}
.no-margin, .nomargin {
	margin:0;
}
.no-padding-right {
	padding-left:0;
}
.no-hpadding {
	padding-left:0;
	padding-right:0;
}
.vcenter {
    display: inline-block;
    vertical-align: middle;
    float: none;
}
@media (max-width: 768px) {
  .no-padding-mobile {
	  padding:0;
  }
	.no-margin-mobile {
		margin:0;
	}
}
.rowPadding {
    padding: 5px;
}

.mt-3 {
	margin-top: 1rem;
}

.marginLeft10 {
    margin-left: 10px;
}
.marginBtm {
	margin-bottom: 14px;
}
.marginBtm20 {
	margin-bottom: 20px;
}
.indentParagraph {
    margin-left: 7%;
}
.printToolbar a {
	color: #666;
}
.header {
	font-size: 24px;
	font-weight:bold;
}
.table > tbody > tr.tableHeader > th {
	border-top: none;
}
.form-actions {
    border-bottom: 1px solid #fafafa;
    border-top: 1px solid #fafafa;
    text-align: center;
    margin: 20px 0px;
    padding: 19px 20px 20px;
    background-color: #fdfdfd;
    overflow: hidden;
}
.box {
	border: 1px solid #e7e7e7;
	margin: 0px 0px 20px 0px;
}
.boxHeader, .description, .main {
	padding: 10px;
}
.boxHeader, .description {
	border-bottom: 1px solid #e7e7e7;
}
.boxHeader {
	background: #f8f8f8;
	font-size: 18px;
	font-weight:bold;
}
.content {

}
.description {
	background: #fefefe;
	line-height: 20px;
	border: none;
}
.main {
	background: #ffffff;
}
.headerTitle {
	background: #fefefe;
	border-top: 1px solid #e7e7e7;
	border-bottom: 1px solid #e7e7e7;
	font-size: 14px;
	font-weight:bold;
	padding: 5px;
}
.dropdown-toggle {
    cursor: pointer;
}
.list {
	list-style: none;
	margin: 0px;
	padding: 0px;
}
.tableTotal {
	font-weight:bold;
	text-align: right;
}
#employeeColor {
	background: #34BCBA;
	width: 18px;
	height:18px;
}
#employerColor {
	background: #FD9F13;
	width: 18px;
	height:18px;
}
.employeeColor, .employerColor {
	font-size: 24px;
	padding:10px;
}
.employeeColor {
	color: #34BCBA;
}
.employerColor {
	color: #FD9F13;
}
#moxieChat {
	text-align:center;
	margin: 0px 0px 20px 0px;
}
.floatLeft {
	float: left;
}
.floatRight {
	float:right;
}
.vertAlignTop {
	vertical-align:top;
}
.table > tbody > tr > th.vertAlignMiddle {
	vertical-align:middle;
}
.table-hover > tbody > tr:hover {
    background-color: #fdfdfd;
}
.headerRow {
	background: #e7e7e7;
}
.guidelineBullet a {
    color: #468CFF !important;
    font-weight: bold;
}
.guidelineBullet {
	padding-top:5px;
	padding-bottom:5px;
}
table > tbody > tr > td > span.footable-toggle {
    margin-right: 2px;
}
.display-none {display:none;}

.list-group-horizontal .list-group-item.active, .list-group-horizontal .list-group-item.active:focus, .list-group-horizontal .list-group-item.active:hover {
    z-index: 2;
    color: #fff;
    background-color: #337ab7;
    border-color: #337ab7;
}
/*#tab-accordion-content {
    margin-top: 20px;
	display: none;
}*/
.ui-widget-header {
	border: 1px solid #fff;
	background: #fff;
	color: #222222;
	font-weight: bold;
	border-bottom: 1px solid #aaa;
	border-bottom-left-radius: 0px !important;
	border-bottom-right-radius: 0px !important;
}
.ui-widget-content {
    border: none;
    background: transparent url(../images/ui-bg_flat_75_ffffff_40x100.png) 50% 50% repeat-x;
}
.ui-tabs .ui-tabs-panel {
    padding: 2em 0;
}
.ui-widget-content a , .list-group a.list-group-item {
    /*color: #468CFF;*/
}
.list-group-item.active, .list-group-item.active:hover ,.list-group-item.active:focus
{
	background-color:#262b33;
	border-color:#f5f5f5;
    color: #468CFF;
}

.ui-widget-content a:hover {
    color: #0047BA;
}
.ui-tabs .ui-tabs-nav li a {
    float: left;
    padding: .7em 1.4em;
    text-decoration: none;
    font-weight: bold;
    font-size: 14px;
	line-height: 24px;
	text-align:center;
	width: 100%;
}
ul.leftNav {
	list-style-image: url('../images/icon_bullet.gif');
}
.leftNav .list-group-item {
    border: 0px solid transparent;
}
.bulletList {
	list-style: url('../images/icon_bullet.gif');
}
.bulletIcon {
	background:url(../images/icon_bullet.gif) no-repeat;
	padding: 0px 14px 0px 0px;
	vertical-align: sub;
}
.bulletIconActive {
	background:url(../images/icon_bulletActive.gif) no-repeat;
	padding: 0px 14px 0px 0px;
	vertical-align: sub;
}
/* .hidden {
	display:none;
	visibility:hidden
} */
.breadcrumb span {
    font-weight: bold;
}
.table th, .table td {
    line-height: 20px;
    padding: 15px 8px;
}
.table-borderLine {
	 border-top: 1px solid #dddddd;
}
.table-total {
	 font-weight:bold;
}
/*.panel-title {
    font-size: 1.2em;
}*/
.investttable th
{
	vertical-align:top !important;
}

.perPeriodCell {
	background-color: #DFF0D8;
	font-weight: bold;
}
.checkCell, .perPeriodCell {
	vertical-align: middle !important;
}

.currElectionTable tbody tr {
	border-bottom: 2px solid #ccc;
	padding-bottom: 5px;
}

.pendingTableRow {
	background-color: #FCF8E3;
}

.totalHealthRow {
  background-color: #4db14d;
	color: #fff;
	border-bottom: 1px solid #fff;
	font-size: 1.5em;
	font-weight: bold;
}

.totalHealthRow ~ tr:not(:last-child) {
	background-color: #4db14d;
	color: #fff;
}

.table tfoot .totalHealthRow ~ tr td {
   border-top: none;
}

.fundName {
  padding-left: 30px;
}
.fundNameXfr {
  padding-left: 15px;
}
#recalcLoan.active, #recalcWith.active {
    background-color: #222;
    border-radius: 7px;
    display: block;
    height: 100%;
    left: 0;
    opacity: 0.8;
    position: absolute;
    text-align: center;
    top: 0;
    width: 100%;
}
.recalcWithLogoText.active {
    display: block;
    left: 17%;
    position: absolute;
    text-align: center;
    top: 17%;
}
.recalcWithLogoText .glyphicons-refresh {
    color: #fff;
    font-size: 3em;
}
.recalcWithLogoText.active {
    text-align: center;
}
.recalcWithText p {
    color: #fff;
    font-size: 1em;
    font-weight: bold;
    margin-top: 5px;
}
.titleViewBy li a {
    background-color: #3c4b57 !important;
    border-right: 1px solid #393f4c;
    color: #fff;
    padding: 4px 6px;
    transition: all 0.6s ease 0s;
}
.titleViewBy li a.active {
    background-color: #007cbc !important;
    cursor: default;
}
.eventHeaderRight
{
	float:right;
}
.breadcrumb li {
    display: block;
}
.modal-body li {
	list-style: outside none disc;
	/* margin-left: 5%; */
	margin-bottom: 10px;
}
.modal-body .nav li {
    margin-left: 0;
    margin-bottom: -1px;
}

ul.nextStep li
{
	margin-top:5px;
	margin-bottom:5px;
}
.red
{
	color:red;
}
.hidesort span
{
	display:none;
}
.showsort  span
{
	opacity:1!important;
}
.attach-doc-input
{ 
	margin-left: 15px;
    max-width: 391px; 
    margin-bottom: 2px;
}
#filestyle
{
	position: absolute;
	 clip: rect(0px, 0px, 0px, 0px);
}
.alertsbtn
{
	width:150px;
}
a.contributionyear
{
	color:#000;
}
.assetName {
    margin-left: 20px;
}
.fundPerformance {
    margin-left: 50px;
}
.table-beneOptions tr td:first-child {
	border-right: 1px solid #ddd;
}
.table-beneOptions tr th:first-child {
	border-right: 1px solid #ddd;
}
.table-mobile.table-beneOptions tr td:nth-child(2) {
	display: none;
}
.tablemobileindent
{
	float:left;
	margin-right:5px;
}

.sortColumn.active .glyphicons-chevron-down, .sortColumn.active .glyphicons-chevron-up {
    display: inline;
}
.sortColumn .glyphicons-chevron-down, .sortColumn .glyphicons-chevron-up {
    display: none;
}
.sortColumn.active a {
    color: #000;
}
.savingsrow
{
	margin-top:25px;
	margin-bottom:25px;
}
.tier3Nav .caret
{
	display:none;
}
.tier3NavOn .caret
{
 	border-left: 7px solid transparent;
    border-right: 7px solid transparent;
 	border-top: 7px dashed;
}

.tier3NavOn .caretdiv
{
	float: right;
    margin-top: 8px;
    width: 15px;
}
.tier3NavOn .optiondiv
{
	float:left;
	border-right: 1px solid #aaa;
    padding-right: 16px;
	width:92%;
}
#contribRate
{
	height:31px;
}
#chgContribOK
{
	margin-left:5px;
	margin-right:5px;
}
.customDateWrapper #gobutton
{
	height:30px;
	padding-top:5px;
	padding-bottom:10px;
	padding-left:10px;
	padding-right:10px;
}
.panel-decisionSupportTools li {
    list-style-type: none;
}

/* -------======= @end: 1.1.0  General =======------- */



/* -------======= @start: 1.2.0  Toolbar =======------- */
#toolBarMobile {
	display: none;
}
#toolBar {
	display: block;
	/*position: absolute; --- JG - 1/15/2018 - fix chrome wrapping issue */
	position: relative;
	font-size:12px;
    top: -15px;
    right: 15px;
	padding: 5px;
}
ul.unstyled, #showMore, ul#toolBarMobileUL {
	list-style: none;
}
.toolBarList {
	float: right;
	padding: 2px 10px;
}
.toolBarList a, #toolBarHamburger {
	color: #202121;
}
.toolBarList a:hover, #toolBarHamburger:hover  {
	color: #777 !important;
}
.toolBarHidden {
	display: none;
	position: absolute;
	right: 0px; top: 24px;
	width: 227px;
	text-align: center;
	border: 1px solid #333;
}
/*#toolBarHamburger {
	color: #8E9299;
}*/
#toolBarHamburger:hover {
	cursor: pointer;
	color: #ccc;
}
.toolBarList:hover .toolBarHidden {
	display: block;
}
.toolBarList .badge {
	padding: 3px 6px;
	background-color: #FB5300;
}
#showMore {
	display: none;
	position: absolute;
	top: 40px;
	right: -34px;
	background: #f4f7f6;
	border: 1px solid #ddd;
	width: 185px;
	text-align: left;
	float: left;
	color: #202121;
	height: 180px;
	vertical-align: bottom;
	border-radius: 0 0 5px 5px;
	box-shadow: 0px 4px 2px 0px rgba(0, 0, 0, 0.1);
	opacity: 0.97;
	z-index: 99;
	-webkit-transition: all .6s ease;
	-moz-transition: all .6s ease;
	-ms-transition: all .6s ease;
	-o-transition: all .6s ease;
	transition: all .6s ease;
}	
#showMore ul {
	margin: 0 auto;
	padding: 10px calc(39% - 50px);
	-webkit-transition: all .6s ease;
	-moz-transition: all .6s ease;
	-ms-transition: all .6s ease;
	-o-transition: all .6s ease;
	transition: all .6s ease;
	list-style:none;
}	
#showMore a {
	display: block;
	padding: 7px;
}
#showMore a:hover {
}
#showMore:after, 
#showMore:before {
	bottom: 100%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}
#showMore:after {
	border-color: rgba(255, 255, 255, 0);
	border-bottom-color: #f4f7f6;
	border-width: 19px;
	left: 70%;
	margin-left: -19px;
}
#showMore:before {
	border-color: rgba(113, 158, 206, 0);
	border-bottom-color: #ddd;
	border-width: 20px;
	left: 70%;
	margin-left: -20px;
}
/* -------======= @end: 1.2.0  Toolbar =======------- */



/* -------======= @start: 1.2.1  Toolbar Mobile =======------- */
@media (max-width: 768px) {
#toolBar {
	display: none;
}	
#toolBarMobile {
	display:block;
	height: 45px;
	position: absolute;
	top: 0px;
	right: 18px;
	overflow: hidden;
	z-index: 101;
	font-size:12px;
}
.mlogo
{
	float:left;
	padding:10px!important;
	font-size:22px;
}
/*header
{
	height:0;
}
.container-fluid > .navbar-collapse, .container-fluid > .navbar-header, .container > .navbar-collapse, .container > .navbar-header {
	margin-right: 0;
	margin-left: 0;
	height: 0;
}*/
.navbar-default
{
	background:transparent;
}
#toolBarMobileUL {
	margin: 0px;
}
#toolBarMobileProfile>span {
	padding-left: 45px;
	font-weight: bold;
}
#toolBarMobileProfile .badge {
	position: absolute;
	top: 5px;
	right: 5px;
	padding: 3px 6px;
	background-color: #FB5300;
}
.toolBarListMobile .badge {
	padding: 3px 6px;
	background-color: #FB5300;
}
.toolBarListMobile a {
	border: 1px solid #ccc;
	padding: 15px;
	display: block;
	background: #fff;
}
.profilemobile {
	float:left;
	font-size: 12px;
}

}
/* -------======= @end: 1.2.1  Toolbar Mobile =======------- */

/* -------======= @Start: 1.2.2  Toolbar Language =======------- */
.bfh-selectbox-options ul.optionsli > :first-child {display:none;}
.bfh-selectbox-options,.bfh-selectbox-options ul{width:150px;}
.bfh-selectbox .bfh-selectbox-options{font-size:12px;}
.bfh-selectbox .bfh-selectbox-toggle .selectbox-caret{margin-right:2px;}
.bfh-selectbox > .bfh-selectbox-toggle > .bfh-selectbox-option:before{content:"\E341"; display: inline-block;
    font-family: "Glyphicons Regular";
    font-size:12px;
	font-style: normal;
    font-weight: normal;
	padding-right: 5px;
    padding-top: 1px;}
.bfh-selectbox > .bfh-selectbox-toggle > .bfh-selectbox-option{padding-left:5px; padding-right:15px; line-height:120%;}
.bfh-selectbox > .bfh-selectbox-toggle{height:24px;padding-top:2px;font-size:12px;}
.bfh-selectbox .bfh-selectbox-options ul li > a {background-color: transparent;
    color: #8e9aaa;
	font-weight:normal;
	background-image:none;
	max-height:100% !important;}
.bfh-selectbox-options ul{ max-height: 100% !important;}
.bfh-selectbox .bfh-selectbox-options ul li > a:hover,
.bfh-selectbox .bfh-selectbox-options ul li > a:focus {background-color: #0047BA ;
    color: #fff!important;
    font-weight: 600;
	background-image:none;
	opacity:1;}
/*Spanish Version Dropdown*/
.languageselector .dropdown-item ,.langmobdropdown .dropdown-item
{
display: block;
width: 100%;
padding: .25rem 1.5rem;
clear: both;
font-weight: 400;
color: #212529;
text-align: inherit;
white-space: nowrap;
background-color: transparent;
border: 0;
}
.langmobdropdown .dropdown-menu
{
border:1px solid rgba(0, 0, 0, 0.2)!important;
width: 70%!important;
margin-left: 15px;
height: 87px;
}
.langmobdropdown #dropdownMenuButton
{
	width:95%;
	background:none;
	border:1px solid rgba(0, 0, 0, 0.2);
	margin :5px;
}
.languageselector  #dropdownMenuButton {
    font-size: 12px;
    height: 24px;
    padding: 6px;
    border-radius: 6px;
	background:none;
	border:1px solid rgba(0, 0, 0, 0.2);
	line-height:100%;
}
.languageselector  #dropdownMenuButton .glyphicons-globe {
	font-size:12px;
	margin-right:5px;
}
/*Spanish Version Dropdown*/

/* -------======= @end: 1.2.2  Toolbar Language =======------- */

/*.unstyled.list-inline.banner-globalNav {
	color: #777;
	display: block;
    float: right;
    font-size: 12px;
    height: 24px;
    line-height: 24px;
    margin: 0;
    padding: 0;
    position: absolute;
    right: 20px;
    top: 163px; 
}*/

.unstyled span.glyphicons {
	display:inline-block;
	font-size: 16px;
	vertical-align:sub;
}
/* -------======= @end: 1.2.1  Top Navigation =======------- */





/* -------======= @start: 1.3.0  Main Navigation =======------- */
/*.navMain {
    background-color: #000;
	margin: 0;
	overflow:hidden;
	display: flex;
	width: 100%;
	border-top: 4px solid #274463;
}
.navbar {
    margin-bottom: 0px;
	border: none;
	border-radius: 0;
}
.navbar-nav > li > a#home, .navbar-nav > li > a#pension, .navbar-nav > li > a#pensionba7, .navbar-nav > li > a#profile, .navbar-nav > li > a#library, .navbar-nav > li > a#admin, .navbar-nav > li > a#savings, .navbar-nav > li > a#retirementFull, .navbar-nav > li > a#hwOnlyHealth {
	line-height:3em;
}*/
.navbar-default .navbar-nav > li > a {
	color: #777;
	/*line-height: 3rem;*/
}
/*.navMain li a.tier2NavOn, .navMain li a.tier2NavOn:hover {
    color: #fff !important;
    background-color: transparent;
    border-bottom: 4px solid #fff;
		font-weight: bold;
}
.navbar-default .navbar-nav > li > a:focus, .navbar-default .navbar-nav > li > a:hover {
    color: #fff !important;
    background-color: transparent;
    border-bottom: 4px solid #fff;
}
.navMain li a.tier2NavOn::after, .navMain li a.tier2NavOn:hover::after {
    background: #274463 none repeat scroll 0 0;
    content: "";
    display: block;
    height: 4px;
    margin-left: -2px;
    transform: skewX(45deg);
    transform-origin: 100% 0 0;
    transition: background 0.3s ease 0s;
    width: 4.3vw;
    margin-bottom: 5px;
}*/
.navbar-nav > li {
    border-right: none;
}
.navMain li a {
    color: #666 !important;
    font-size: 14px;
    font-weight: normal;
    /*padding: 5px 5.4rem;*/
    text-align: center;
	height:50px;
	line-height: 21px;
    text-decoration: none;
    text-transform: capitalize;
	 -webkit-transition: all .2s ease;
	-moz-transition: all .2s ease;
	-ms-transition: all .2s ease;
	-o-transition: all .2s ease;
	transition: all .2s ease;
	-webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
@media (min-width: 992px) AND (max-width: 1169px){
	.navMain li a {
    padding: 5px 4.3rem;
}
}
@media (min-width: 769px) AND (max-width: 991px){
	.navMain li a {
    padding: 5px 2.7rem;
}
}
.navMain .dropdown-menu li a
{
	height:auto;
	text-align: left;
	
}
.navMain .dropdown-menu li a.tier2NavOn {
    background-color: transparent;
    border-bottom: 0px solid transparent;
    font-weight: 600;
}
.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:focus, .navbar-default .navbar-nav > .open > a:hover {
    background-color: transparent;
}
.dropdown-menu > #channelTabContentMobile > li > a {
    clear: both;
    color: #333;
    display: block;
    font-weight: 400;
    line-height: 1.42857;
    padding: 3px 20px;
    white-space: nowrap;
}
nav ul {
	list-style: none;
	display: flex;
	margin-bottom: 0;
	width: 100%;
}
nav ul li {
	width: 100%;
	flex-grow: 1;
	text-align: center;
	display: flex;
}
@media (min-width: 769px) AND (max-width: 1120px) {
  .navbar-default .navbar-nav > li > a {
	  font-size: 12px;
  }	
}
@media (min-width: 769px) {
  .nav {
	  padding-left: 0px;
	  margin-bottom: 0px;
	  list-style: outside none none;
  }
  .vertCenter {
	  line-height: 38px !important;
  }
  .ui-tabs .ui-tabs-nav li.ui-tabs-active::after, .ui-state-active::after {
	  border-color: #468CFF rgba(0, 0, 0, 0);
	  border-style: solid;
	  border-width: 8px 8px 0;
	  margin-left: 70px;
	  position: absolute;
  }
/*
  	 .navbar-default {
	display: flex;
  }
*/
    .table .amountindent {
    text-align: right;
}
}
@media (max-width: 768px) {
  .navMain li a {
	  text-align: left;
  }	
  .assetName {
    margin-left: 0;
}
}
/* -------======= @end: 1.3.0  Main Navigation =======------- */




/* -------======= @start: 1.4.0  Banner Images =======------- */
.banner-resourcesLibrary, .banner-voluntaryBenefits, .banner-healthSavingsAccount, .banner-wellness,.banner-lifeevents,.banner-enrollment-le ,.banner-enrollment-le-enroll  {
	height: 118px;
	width: 100%;
	background-position: right;
}
.banner-resourcesLibrary {
    background-image: url("../images/banner_resourcesLibrary.jpg");
}
.banner-voluntaryBenefits {
    background-image: url("../images/banner_voluntaryBenefits.jpg");
}
.banner-healthSavingsAccount {
    background-image: url("../images/banner_healthSavingsAccount.jpg");
}
.banner-wellness {
    background-image: url("../images/banner_wellness.jpg");
}
.banner-lifeevents {
    background-image: url("../images/banner-lifeevents.jpg");
}
.banner-enrollment-le {
    background-image: url("../images/banner-enrollment-le.jpg");
}
.banner-enrollment-le-enroll {
    background-image: url("../images/banner-enrollment-le-enroll.jpg");
}
.EnrollInBenefits, .AEAlertsOpps, .AECompanyMessages,.AEbackground,.CMbackground,.AEEnrollInBenefits,AEEnrollIBenefits,.CMbackRET,.MIDback,.AEEnrollInBenefitspension,.AEEnrollInBenefitspension1,.RETback{
    margin: 0;
    min-height: 272px;
}
.AEAlertsOpps  {
    background: #f8f8f8 url("../images/AEAlertsOpps.png") no-repeat scroll 0 0;
}
.EnrollInBenefits {
    background: #f8f8f8 url("../images/EnrollInBenefits_Sunny.png") no-repeat scroll 0 0;
}
.AECompanyMessages {
	background: #f8f8f8 url("../images/AECompanyMessages.png") no-repeat scroll 0 0;
}
.AEbackground {
	background:#f8f8f8 url("../images/AEback.png") no-repeat scroll 0 0;
	}
.CMbackground{
	background:#f8f8f8 url("../images/CMback.png") no-repeat scroll 0 0;
	}
.AEEnrollInBenefits{
	background:#f8f8f8 url("../images/AEEnrollInBenefits_H.png") no-repeat scroll 0 0;
}
.AEEnrollIBenefits {
	background:#f8f8f8 url("../images/AEEnrollIBenefits.png") no-repeat scroll 0 0;
	}
.CMbackRET{
	background:#f8f8f8 url("../images/CMbackRET.png") no-repeat scroll 0 0;
	}
.MIDback{
	background:#f8f8f8 url("../images/MIDback.png") no-repeat scroll 0 0;
	}
.AEEnrollInBenefitspension{
	background:#f8f8f8 url("../images/AEEnrollInBenefits_pension.png") no-repeat scroll 0 0;
	}
.AEEnrollInBenefitspension1{
	background:#f8f8f8 url("../images/AEEnrollInBenefitspension_1.png") no-repeat scroll 0 0;
	}
.RETback{
	 background:#f8f8f8 url("../images/RETback.png") no-repeat scroll 0 0;
}


/* -------======= @end: 1.4.0  Banner Images =======------- */





/* -------======= @start: 1.5.0  Promo Ads =======------- */
.promo-ad-wrapper {
	width: 100%;
	height: 100%;
	box-shadow: none;
	/*border: 1px solid #ddd;*/
	background: #fff;
	display: flex;
	flex-wrap: wrap;
    color: #555 !important;
    transition: ease 0.3s;
    opacity: 1;
		overflow: hidden;
}
/*.promo-ad-wrapper:hover {
    border: none;
    color: #000 !important;
    opacity: 0.7;
		overflow: hidden;
}*/
.promo-ad-wrapper {
	max-width: 319px;
	max-height: 238px;
	overflow: hidden;
	border-radius: 0.625rem;
}
.promo-ad-wrapper img {
    transition: all 0.4s ease-out;
		border-radius: 0.625rem;
}
.promo-ad-wrapper:hover img {
    transform: scale(110%);
		
}
.promo-ad-body {
    padding: 10px;
}
.promo-ad-body p {
	text-transform: capitalize;
	font-weight: lighter;
	font-size: 12px;
}
.promo-ad-wrapper .promo-ad-body h2 {
    font-size: 18px;
    font-weight: bolder;
    margin: 0 0 10px 0;
    border: none;
		text-align: left;
}

#promoadVirtualBenefits {
	background: url("../images/promoAds/adVirtualBenCounselor.png")  no-repeat center top;
	background-size: 100% auto;
}
#promoadVirtualBenefits2 {
	background: url("../images/promoAds/adVirtualBenefits2.png")  no-repeat center top;
	background-size: 100% auto;
}
#promoadretirement {
	background: url("../images/promoAds/adRetireModel.png" no-repeat center top);
	background-size: 100% auto;
}
/*#promoaddiscountsperks {
	background: url("../images/promoAds/adVolBenefits.png") no-repeat center top;
		background-size: 100% auto;
}*/
#promoadPersonalData {
	background: url("../images/promoAds/adPersonalData.png") no-repeat center top;
    background-size: 100% auto;
}
#promoadcurrentelections {
	background: url("../images/promoAds/adLifeEvent.png") no-repeat center top;
	background-size: 100% auto;
}
#promoad401plansummary {
	background: url("../images/promoAds/adFEI.png") no-repeat center top;
	background-size: 100% auto; 
}
#promoad401plansummaryTile {
	background: url("../images/promoAds/adFEI2.png") no-repeat right top;
	background-size: auto 100%; 
}
#adPensionElections {
	background: url("../images/promoAds/adPensionElections.png") no-repeat center top;
	background-size: 100% auto; 
}
#promoad401alerts {
	background: url("../images/promoAds/adVolBenefits.png") no-repeat center top;
	background-size: 100% auto;
}
/*Comment the id since it was using the same image as the other id promoadretirement */
/*#promoadpension {
	background: url("../images/promoAds/adRetireModel.png") no-repeat center top;
	background-size: 100% auto;
}*/
#promoadlifeevents {
	background: url("../images/promoAds/adHPE.png") no-repeat center top;
	background-size: 100% auto;
}
#promoadvolbene {
	background: url("../images/promoAds/graphicAdAdditionalBenefits.png") no-repeat center top;
	background-size: 100% auto;
}
#promoadspendingaccount {
	background: url("../images/promoAds/adCommPref.png") no-repeat center top;
	background-size: 100% auto;
}
#promoadbenwallet {
	background: url("../images/promoAds/adBenWall.jpg") no-repeat center top;
	background-size: 100% auto;
}
#promoaccountSnap {
	background: url("../images/promoAds/adAccountSnap.png") no-repeat center top;
	background-size: 100% auto;
}
#promoadonlinestatement {
	background: url("../images/promoAds/adOnlineStatement.png") no-repeat center top;
	background-size: 100% auto;
}
#promoadbenefitproj {
    background: url("../images/promoAds/adBenefitProj.png") no-repeat center top;
	background-size: 100% auto;
}
#promoadAccountProj {
    background: url("../images/promoAds/adAccountProj.png") no-repeat center top;
	background-size: 100% auto;
}
#promoadFEhealthcare {
    background: url("../images/promoAds/adFEhealthcare.png") no-repeat center top;
    background-size: 100% auto;
}
#FindDoctor {
	background: url("../images/promoAds/adFindDoctor.png") no-repeat center top;
	background-size: 100% auto;
}
#FindDoctor .PromoAd-body {
	width:40%;
}
#Survey {
	 background: url("../images/promoAds/adSurvey.png") no-repeat center top;
	background-size: 100% auto;
}
#promoadDocUpload {
	 background: url("../images/promoAds/adDocUpload.png") no-repeat center top;
	background-size: 100% auto;
}
#Bene {
	 background: url("../images/promoAds/adBene.png") no-repeat center top;
	background-size: 100% auto;
}
#Spending {
	 background: url("../images/promoAds/adSpending.png") no-repeat center top;
	background-size: 100% auto;
}
#HealthSurvey {
	 background: url("../images/promoAds/adHealthSurvey.png") no-repeat center top;
	background-size: 100% auto;
}
#RallyVideo {
	 background: url("../images/promoAds/adRallyVideo.png") no-repeat center top;
	background-size: 100% auto;
}
#CostQuality {
	 background: url("../images/promoAds/adCostQuality.png") no-repeat center top;
	background-size: 100% auto;
}
#Wellness {
	 background: url("../images/promoAds/adWellness.png") no-repeat center top;
	background-size: 100% auto;
}
#CompanyMessages {
	 background: url("../images/promoAds/adCompanyMessages.png") no-repeat center top;
	background-size: 100% auto;
}
#StopSmoking {
	 background: url("../images/promoAds/adStopSmoking.png") no-repeat center top;
	background-size: 100% auto;
}
#promoadDirectDep {
	 background: url("../images/promoAds/adDirectDep.png") no-repeat center top;
	background-size: 100% auto;
}
#promoadadTaxWithHold {
	 background: url("../images/promoAds/adTaxWithHold.png") no-repeat center top;
	background-size: 100% auto;
}
#promoadcompanydiscounts {
	background: url("../images/promoAds/adSiteTour.png") no-repeat center top;
	background-size: 100% auto;
}
#promoadcompensation
{
	background: url("../images/promoAds/adCompHist.png") no-repeat center top;
	background-size: 100% auto;
}
#promoadclientwellness
{
	background: url("../images/promoAds/adClientWellness.png") no-repeat center top;
	background-size: 100% auto;
}
#promoadtakeatour {
	background: url("../images/promoAds/adCompDiscount.png") no-repeat center top;
	background-size: 100% auto;
}
#adPensionVerify {
	 background: url("../images/promoAds/adPensionVerify.png") no-repeat center top;
	background-size: 100% auto;
}
#promoadLibrary {
	 background: url("../images/promoAds/adLibrary.png") no-repeat center top;
	background-size: 100% auto;
}
#adcontact {
    background: url("../images/promoAds/ADcontact.png") no-repeat center top;
	background-size: 100% auto;
}
#adfineng {
    background: url("../images/promoAds/ADfineng.png") ;
	background-size: 100% auto;
}
#promoadretirement {
    background: url("../images/promoAds/adRetireModel.png") no-repeat center top;
    background-size: 100% auto;
}
#promoadTimeAway {
    background: url("../tiles/NewHire/images/promoAd.png") no-repeat center top;
    background-size: 100% auto;
}
#promoadVirtualFair {
    background: url("../images/promoAds/adVirtualBenFair.png") no-repeat center top;
    background-size: 100% auto;
}
#promoadTour {
    background: url("../images/promoAds/adSiteTour.png") no-repeat center top;
    background-size: 100% auto;
}
#promoadWellnessCredits {
    background: url("../images/promoAds/adWellnessCredits.png") no-repeat center top;
    background-size: 100% auto;
}
/*Commented because the same image is been used by 2 ids in code */
/*#promoadWellnessClient {
    background: url("../images/promoAds/adClientWellness.png") no-repeat center top;
    background-size: 100% auto;
}*/
#promoadTiles {
    background: url("../images/promoAds/adPromoAdTiles.png") no-repeat center top;
    background-size: 100% auto;
}
#promoadTaxForm {
    background: url("../images/promoAds/adTaxForm.png") no-repeat center top;
    background-size: 100% auto;
}
#promoadTotalRewards {
    background: url("../images/promoAds/adTotalRewards.png") no-repeat center top;
    background-size: 100% auto;
}
#promoadVirtualBenefits {
    background: url("../images/promoAds/adVirtualBenefits.png") no-repeat center top;
    background-size: 100% auto;
}
#promoadHealthSurvey {
    background: url("../images/promoAds/adHealthSurvey.png") no-repeat center top;
    background-size: 100% auto;
}
#promoadRallyApp {
    background: url("../images/promoAds/adRallyApp.png") no-repeat center top;
    background-size: 100% auto;
}
#promoadRallyApp2 {
    background: url("../images/promoAds/adRallyApp2.png") no-repeat center top;
    background-size: 100% auto;
}
#SaveNow {
    background: url("../images/promoAds/adSaveNow.png") no-repeat center top;
    background-size: 100% auto;
}
#promoadOptimizer {
    background: url("../images/promoAds/adOptimizer.png") no-repeat center top;
    background-size: 100% auto;
}
/*.promoadcommon,
.promo-ad-wrapper {
	box-shadow:none;
	border-radius:2px;
	width: 100%;
    height: auto;
	max-width:356px;
	color: #fff;
	transition: all 0.17s linear 0s;
	-webkit-box-shadow: 10px 10px 24px -13px rgba(0,0,0,0.75);
	-moz-box-shadow: 10px 10px 24px -13px rgba(0,0,0,0.75);
	box-shadow: 10px 10px 24px -13px rgba(0,0,0,0.75);
}
.promo-ad-wrapper {position:relative;}
.promoadcommon:hover,
.promo-ad-wrapper:hover{
	-webkit-box-shadow: 0px 2px 4px 0px rgba(0,0,0,0.34);
	-moz-box-shadow: 0px 2px 4px 0px rgba(0,0,0,0.34);
	box-shadow: 0px 2px 4px 0px rgba(0,0,0,0.34);
}
#promoad ,#promoad1,#promoad2,#promoadcurrentelections,#promoadcurrentelections ,#promoad401plansummary,#promoad401alerts,#promoadpension,#promoadlifeevents,#promoadvolbene,#promoadspendingaccount
{
	box-shadow:none;
	border-radius:2px;
	height:194px;
	max-width:357px;
}
.promo-ad-image {max-width: 351px;}
.PromoAd-body,
.promo-ad-body{
    background: rgba(0, 0, 0, 0) linear-gradient(#fff, rgba(255, 255, 255, 0.8), #fff) repeat scroll 0 0;
    height: 192px;
    left: 0;
    padding: 8px;
    top: 0;
    transition: all 0.34s linear 0s;
    width: 47%;
	color: #fff;
}
.promo-ad-body{position:absolute;}
.PromoAd-body h2,
.promo-ad-body h2 {margin-top:0px; font-size:21px;}
.PromoAd-body p,
.promo-ad-body p{margin-bottom:5px;}
.btn-promo, .btn-promo:focus,
.promo-ad-action, .promo-ad-action:focus {
	color: #fff !important;
	background-color: #468CFF;
	border-color: #fff;
}
.btn-promo:hover,
.promo-ad-action:hover{
    color: #fff;
	background-color: #0047BA;
	border-color: #0047BA;
}
.FindDoctor .promo-ad-body,
.Survey .promo-ad-body,
.Tour .promo-ad-body,
.LifeEvent .promo-ad-body,
.Library .promo-ad-body,
.VolBenefits .promo-ad-body,
.WellnessCredits .promo-ad-body{width:35%}

.Model .promo-ad-body,
.OnlineStatement .promo-ad-body{width:40%}
.panelPromoAd {
    border-color: #ddd #ddd #274463;
    border-radius: 4px;
    border-style: solid;
    border-width: 1px 1px 4px;
    margin-bottom: 20px;
    overflow: hidden;
    position: relative;
	max-width: 357px;
}
.panelPromoAd img{
	width: auto;
	height: auto;
	vertical-align: baseline;
}
.panelPromoAd-body { 
	position: absolute;
	top: 0;
	left: 0;
	padding: 10px;
	height: 100%;
	width:50%;
}
.panelPromoAd + .panelPromoAd{
	margin-top: 20px;
}
.panelPromoAd-body .panelPromoAd-text{
	color: #777 !important;
    font-size: 12px;
	line-height:16px;
	font-weight:normal;
    padding-top: 0;
	margin-bottom:5px;
	text-transform:uppercase; 
}
.panelPromoAd h2{
	margin-top: 0px;
	margin-bottom: 10px;
}	
.panelPromoAd-body .panelPromoAd-title {
	color: #555 !important;
	font-size: 18px;
	line-height:20px;
	font-weight: bold;
	padding-bottom: 5px; 
	margin: 0;
}
.panelPromoAd .GoButton,
.GoButton-promoad {
	display:inline-block;
	background:url('../images/go.png') no-repeat;
	width:61px;
	height:28px;
	float: right;
}
.panelPromoAd .GoButton:hover,
.GoButton-promoad:hover {
	filter: alpha(opacity=60);
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
	opacity: 0.8;
}
.PromoAd-body,
.promo-ad-body {
    transition: all 0.34s linear 0s;
    background: #468CFF;
    background: -webkit-linear-gradient(#468CFF, rgba(70, 140, 255, 0.9) , #468CFF);
    background: -o-linear-gradient(#468CFF, rgba(70, 140, 255, 0.9) , #f468CFF);
    background: -moz-linear-gradient(#468CFF, rgba(70, 140, 255, 0.9) , #468CFF);
    background: linear-gradient(#f468CFF, rgba(70, 140, 255, 0.9) , #468CFF);
	
}
.PromoAd-body:hover,
.promo-ad-body:hover {
    box-sizing: border-box;
    transition: all 0.34s linear 0s;
    -moz-box-shadow: -10px 0px 10px -3px #444;
    -webkit-box-shadow: -10px 0px 10px -3px #444;
    box-shadow: -10px 0px 10px -4px #444;
    background: #468CFF;
    background: -webkit-linear-gradient(#468CFF, rgba(70, 140, 255, 0.7) , #468CFF);
    background: -o-linear-gradient(#468CFF, rgba(70, 140, 255, 0.67) , #f468CFF);
    background: -moz-linear-gradient(#468CFF, rgba(70, 140, 255, 0.7) , #468CFF);
    background: linear-gradient(#f468CFF, rgba(70, 140, 255, 0.7) , #468CFF);
}
.Morningstar .promo-ad-body {margin-left:187px;}
.promo-ad-body sup {
	top: -.7em;
	font-size: 50%;
	font-weight: normal;
}*/


/* -------======= @end: 1.5.0  Promo Ads =======------- */






/* -------======= @start: 1.6.0  Event Flows =======------- */
.tablelist-header {
    background-color: #EAEAEA;
    border-bottom: 1px solid #FFFFFF;
    border-top: 1px solid #FFFFFF;
    padding: 10px;
}
.whitebox_padding {
    clear: both;
    padding: 10px;
}
.dd {
    background-color: #FFFFFF;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 12px;
    position: relative;
    text-align: left;
    width: 420px !important;
}

.dd .ddTitle {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #C3C3C3;
    cursor: default;
    height: 30px;
    overflow: hidden;
    padding: 3px;
    text-indent: 0;
    width: 420px !important;
}
.dd .ddTitle span.arrow {
    background: url("../../advantage/images/dd_arrow.gif") no-repeat scroll 0 0 transparent;
    cursor: pointer;
    display: inline-block;
    float: right;
    height: 17px;
    margin: 5px 0 0 5px;
    width: 17px;
}

.dd .ddTitle span.ddTitleText {
    line-height: 30px;
    overflow: hidden;
    text-indent: 1px;
}
.dd .ddChild {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background-color: #FFFFFF;
    border-color: -moz-use-text-color #C3C3C3 #C3C3C3;
    border-image: none;
    border-right: 1px solid #C3C3C3;
    border-style: none solid solid;
    border-width: medium 1px 1px;
    display: none;
    height: 205px !important;
    margin: 0;
    overflow-x: hidden !important;
    overflow-y: auto;
    position: absolute;
    width: 420px !important;
}
.dd .ddChild a.selected {
    background-color: #DADADA;
}
.dd .ddChild a {
    color: #000000;
    cursor: pointer;
    display: block;
    overflow: hidden;
    padding: 4px 0 2px 5px;
    text-decoration: none;
    white-space: nowrap;
}

.dd .ddChild a img {
    border: 0 none;
    padding: 0 2px 0 0;
    vertical-align: middle;
}
.le_datepicker td {
    color: #666666;
    font-size: 12px;
    margin: 0;
    padding: 5px 0 5px 5px;
}

.le_datepicker td input {
    border: 1px solid #D7D7D7;
    color: #666666;
    font-size: 12px;
    padding: 3px;
    width: 100px;
}
.btnbullet_go {
    background: url("../../advantage/images/btnbullet_go.png") no-repeat scroll left top transparent;
    display: block;
    height: 21px;
    width: 21px;
}
._finalTxt {
    padding: 0 30px 10px;
}
.txtMaroon .content-text{
	padding-top: 5px;
}
.contentRight .content-text a {
    text-decoration: none;
}
.contentRight a:link, .contentRight a:visited {
    color: #5aaddd;
}
.icon-evt-step-completed {
    background-image: url("../images/icon-completed.png");
    background-position: center center;
    background-repeat: no-repeat;
    display: inline-block;
    height: 26px;
    margin-bottom: 3px;
    margin-left: -5px;
    margin-right: 2px;
    vertical-align: middle;
    width: 25px;
}
.beneName {
    margin-left: 20px;
}
.checkbox.questions {
    margin-left: 30px;
		margin-bottom: 20px;
}
.checkBox {
    background-color: transparent !important;
    border: none;
}
.hiddenQuestions {
    display: none;
    margin: 10px 50px;
    padding: 10px 15px;
    border: 1px solid #ccc;
    border-radius: 4px;
    background-color: #F5F5F5;
}
.hiddenQuestionsAlert {
	margin-left: 30px;
}
.eventTitleBar {
	/*margin-top: 30px;
	padding: 7px 0px;
	background-color: #f5f5f5;
	border-top: 1px solid #e5e5e5;*/
	border-bottom: 1px solid #e5e5e5;
}
.eventTitleBar2 {
	margin: 15px 0 17px;
	padding: 7px 0px;
	background-color: #f5f5f5;
	border-top: 1px solid #e5e5e5;
	border-bottom: 1px solid #e5e5e5;
}
.eventTitleDeadline {
	float: right;
}

.withdrawalCalcResults table {
	margin-bottom: 0px;
}

.withdrawalCalcResults table.table tr td {
	text-align: right;
}

.withdrawalCalcResults table.table tr:not(:last-child) td {
	border-top: none;
}

.spouseAccess-table {
	margin-left: 5%;
}
.spouseAccess-table td {
	font-weight: bold;
}
/* -------======= @end: 1.6.0  Event Flows =======------- */




/* -------======= @start: 1.7.0  Date Picker =======------- */
.navbar-header .leftnavonly {
	border:none;
	color:#333;
}
.datepicker-days .table-condensed td, .datepicker-days .table-condensed th.next, .datepicker-days .table-condensed th.prev{
	 cursor: pointer;
	 text-align: right;
}
.datepicker-switch{text-align: center;}
.navbar-header .leftnavonly:hover {
	text-decoration:none;
	background:none;
	cursor:pointer;
	color:#00669b;
}
.datepicker-days .table-condensed td:hover {
	background:#eeeeee;
	border-color: #eeeeee;
	border-radius:4px;
}
.datepicker-days .table-condensed td.active {
	background-color: #357ebd;
    border-color: #3048a9;
	border-radius:4px;
	color:#fff;
}
.input-group.date .input-group-addon {
    cursor: pointer;
}
#logintextarea , #copyarea
{
	padding-top:15px;
}

#welcomelogin , #loginheader
{
	border-bottom: 5px solid #ccc;
}
.Loginform-actions {
	margin: 15px;
}
/* -------======= @end: 1.7.0  Date Picker =======------- */




/* -------======= @start: 1.8.0  Channel Pages =======------- */

/* Begin "More" tab   */
a:focus {
	outline: none;
}
#tab-accordian > li > a#moreTab , #tab-accordian > li > a#moreTabMobile{
	width: 150px;
	transition: none;
}
#tab-accordian > li > a#moreTab:hover, #tab-accordian > li > a#moreTabMobile:hover  {

}
#tab-accordian > li > a#moreTab.active , #tab-accordian > li > a#moreTabMobile.active{
	background-color: #468CFF !important;
	border-top: 1px solid #274463;
	border-left: 1px solid #274463;
	border-right: none;
}
li#moreTabLiMobile {
	cursor: pointer;
}
#tab-accordian > li > a#moreTab:hover .glyphicons-more, #tab-accordian > li > a#moreTabMobile:hover .glyphicons-more{

}
#moreTab > .icon-label, #moreTabMobile > .icon-label {
	position: relative;
}
#tab-accordian > li > a#moreTab .glyphicons-more, #tab-accordian > li > a#moreTabMobile .glyphicons-more {
	margin-top: -6px;
	font-size: 1.5em;
	top: 5px;
	transition-duration: .3s;
}
#moreTab.active .glyphicons-more, #moreTabMobile.active .glyphicons-more {
	transform: rotate(90deg);
	transition-duration: .3s;
}
a#moreTab.active, a#moreTabMobile.active {
    background-color: #468CFF !important;
    border-left: 1px solid #274463;
    border-right: medium none;
    border-top: 1px solid #274463;
	color: #fff !important;
}
#moreWindow, #moreWindowMobile {
	display: none;
	position: absolute;
	top: 52px;
	left: 0px;
	border: 4px solid #274463;
	background-color: #fff;
	z-index: 11;
	width:100%;
}
#moreWindowMobile {
	top: 0;
}
#moreWindow li, #moreWindowMobile li {
	clear: left;
	white-space: normal;
	width: 100%;
	opacity: 1 !important;
}

#moreWindowMobile li {
	list-style-type: none;
}
#moreWindow li a, #moreWindowMobile li a{
	display: inline-block;
	width: 100%;
	padding: 6px 10px;
	font-size: 14px;
	font-weight: normal;
	text-align:left;
}
.moreWindowHeader {
	padding: 6px 10px;
	border-bottom: 1px solid #274463;
	margin-bottom: 5px;
}
.moreWindowMedia {
	margin-top: 0;
}
ul.moreLinks {
	padding: 0;
	display: inline-block;
	width: 100%;
	list-style: none;
}
.moreLinks a:hover {
	/*background-color: #ccc;*/
	color: #0047BA;
}
.moreLinks a.active {
	background-color: #468CFF;
	color: #fff !important;
}
div.moreWindowMedia > div.panelPromoAd-body > a.btn-promo {
	padding: 1px 12px;
 }
/* END: "More" Tab  */
#savingsAccounts {
    position: absolute;
    /*top: 12px;
    left: 140px;*/
    z-index: 11;
    text-align: center;
}
#savingsAccounts ul {
    display: flex;
    flex-direction: column;
	list-style-type:none;
}
#savingsAccounts li.tier3NavOn {
    order: -1;
	display: block;
}
#savingsAccounts a {
    border: 1px solid #ccc;
    padding: 0px 10px;
    display: inline-block;
    width: 290px;
    background-color: #fff;
}
#savingsAccounts li:last-child a {
    color: #343434;
}
#savingsAccounts li:last-child a:hover {
    background: #fff;
}
#savingsAccounts li.tier3NavOn a, #savingsAccounts a:hover{
    background: none repeat scroll 0 0 #fff;
    color: #468CFF;
    text-decoration: none;
}
/*#savingsAccounts li.tier3NavOn a:after {
    color: #468CFF;
	position:absolute;
	top: 12px;
	right:5px;
	font-family: 'Glyphicons Regular';
	content: "\E602";
	display: inline-block;
}*/
@media (max-width: 768px) {
#savingsAccounts li.tier3NavOn a:after {
	right:15px;
}
#savingsAccounts ul
{
	margin-left:30px;
	margin-bottom:0;
}
.savingsrow
{
	margin-top:10px;
	margin-bottom:10px;
}
}
#savingsAccounts li:not(.tier3NavOn) {
    display: none;
}

/*@media (max-width: 768px) {
#savingsAccounts {
    display: none;
}	
}*/
@media (max-width: 768px) {
#savingsAccounts {
    left: -55px;
	position:relative;
	top:-5px;
}	
}

.panel-subHeading {
	background-color: #ddd;
	margin: 0 -16px 10px;
	padding: 10px 0;
}
.panel-subHeading:nth-of-type(1) {
	margin-top: -15px;
}

.panel-footer-buttons {
    padding: 10px;
    text-align: right;
}
.panel-footer-buttons .btn {
    margin-left: 10px;
}
.sav-active {
    background-color: #b4b5b9;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    color: #fff;
    font-size: 18px;
}
.sav-activemobile {
    background-color: #b4b5b9;
    color: #fff;
    font-size: 17px;
}
.sav-active2 {
    background-color: #d5e0ec;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
    height: 34px;
	padding-top:5px;
}
.sav-active2mobile {
    background-color: #d5e0ec;
	height:24px;
}
#compensationchart .nav.nav-tabs.nav-stacked {
    border: 1px solid #ccc;
    border-radius: 4px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
    float: none;
    margin-top: 0;
    width: 100%;
}
#compensationchart .nav.nav-tabs.nav-stacked li a
{
	margin:0;
}
#compensationchart .nav.nav-tabs.nav-stacked .rightdiv
{
	font-weight:bold;
	text-align:right;
	color:#000;
}
.footNote {
    font-size: 10px;
    margin: 10px 0;
}
li.pieColorComp {
    border-left: 7px solid #2895D5;
}
li.pieColorRet {
    border-left: 7px solid #D92231;
}
li.pieColorHealth {
    border-left: 7px solid #FD9F13;
}
li.pieColorOther {
    border-left: 7px solid #10a610;
	border-bottom:1px solid #ccc;
}
.levelTwo {
    background: #fcfcfc none repeat scroll 0 0;
    margin: 0;
    padding: 10px 0;
}
.levelThree {
    background: #fafcff none repeat scroll 0 0;
    margin: 0;
    padding: 10px 0;
}
.levelOne
{
	margin: 0;
    padding: 10px 0;
}
.redFont {
    color: #e24e55 !important;
    margin: 0 !important;
    padding-top: 7px;
}
.cost {
    font-size: 21px;
    font-weight: bold;
}
.payCost {
    font-size: 18px;
    font-weight: 400;
    text-align: right;
}
.value {
    font-weight: bold;
}
.indent
{
	list-style-type:none;
	padding-left:0;
    margin-bottom: 0;
}
.activityHead {
    border-bottom: 1px solid #ddd;
    margin-right: 10px;
    padding-bottom: 5px;
}
.planExpansionWrapper {
    border-bottom: 1px solid #ccc;
}
.titleViewBy.btn-group .btn.active, .titleViewBy .btn.active:hover {
	background-color: #3276b1;
	border-color: #285e8e;
	color: #fff !important;
	outline: none;
	box-shadow: inset 0 3px 7px rgba(0,0,0,.43);
}
.titleViewBy.btn-group .active::before {
	font-family: "Glyphicons Halflings";
	content: "\E252";
	position: absolute;
	top: 81%;
	left: 0;
	right: 0;
	margin: auto;
	color: #274463;
}
.titleViewBy {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

.titleViewBy li{
	display: inline;
}

.titleViewBy li a{
	padding: 4px 6px;
	background-color: #468CFF;
	color: #fff;
	transition: all .6s ease;
	border-right: 1px solid #393F4C;
}

.titleViewBy li:last-child a {
	border: none;
}

.titleViewBy li a:hover {
	background-color: #0090D3;
	transition: all .6s ease;
}

.titleViewBy li a.active{
	background-color: #0090D3;
	cursor: default;
}
.glyphicons.glyphicons-plus.activity, .glyphicons.glyphicons-minus.activity {
    cursor: pointer;
}
.glyphicons.glyphicons-plus {
    color: #343434;
    font-size: 14px;
    font-weight: bold;
}
.glyphicons-circle-exclamation-mark::before {
    color: #ff9900;
    content: "";
}
table.saving table.footable-details > tbody > tr > th:nth-child(1) {
    min-width: 40px;
    width: 30%;
}
table.roth table.footable-details > tbody > tr > th:nth-child(1), table.accontbalance table.footable-details > tbody > tr > th:nth-child(1) {
    min-width: 0;
    width: 0;
}

.table-hsaContrib th, .table-hsaContrib td {
	text-align: right;
}
.table-hsaContrib #hsaLastYear td {
	border-top: none;
}
#hsaLastYear {
	display: none;
}
#hsaLastYear.hsaLastYearActive {
	display: table-row;
}

.hsaContrib-table > tbody > tr:first-child > td:last-child {
	width: 34%;
}
.hsaContrib-table > tbody > tr > td, .hsaContrib-table > thead > tr > th {
	text-align: right;
}

.landingPageButtonWrapper {
    position: relative;
    text-align: center;
}
.landingPageButton {
	margin-top: 25px;
}
.landingPageButton a:not(.showToolTip) {
	display: block;
	border: 2px solid #bbb;
	border-radius: 35px;
	background-color: #ccc;
	padding: 25px 0px;
}
.landingPageButton a:hover,
.landingPageButton a:active {
	background-color: #468CFF;
}
.landingPageButton a:focus {
	outline: none;
}
.landingPageButton .glyphicons {
	font-size: 6em;
	color: #333;
}
.landingPageButton a:hover>.glyphicons,
.landingPageButton a:active>.glyphicons {
	color: #fff;
}
#ineligibleOverlay.active {
    background-color: transparent;
    height: 278px;
    left: 0;
    position: absolute;
    top: 0;
    width: 348px;
}
#ineligibleOverlay.active .EligibilityLimits {
    display: block;
    height: 175px;
    left: 15px;
    padding: 10px;
    position: absolute;
    top: 25px;
    width: 319px;
}
.switch {
	position: relative;
	display: inline-block;
	vertical-align: top;
	width: 54px;
	height: 15px;
	padding: 3px;
	margin: 0 0 10px 0;
	/*background: linear-gradient(to bottom, #eeeeee, #FFFFFF 25px);
	background-image: -webkit-linear-gradient(top, #eeeeee, #FFFFFF 25px);*/
	border-radius: 18px;
	/*box-shadow: inset 0 -1px white, inset 0 1px 1px rgba(0, 0, 0, 0.05);*/
	cursor: pointer;
}
.switch-input {
	position: absolute;
	top: 0;
	left: 0;
	opacity: 0;
}
.switch-label {
	position: relative;
	display: block;
	height: inherit;
	font-size: 10px;
	text-transform: uppercase;
	background: #eceeef;
	border-radius: inherit;
	box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.12), inset 0 0 2px rgba(0, 0, 0, 0.15);
}
.switch-label:before, .switch-label:after {
	position: absolute;
	top: 50%;
	margin-top: -.5em;
	line-height: 1;
	-webkit-transition: inherit;
	-moz-transition: inherit;
	-o-transition: inherit;
	transition: inherit;
}
.switch-label:before {
	content: attr(data-off);
	right: 11px;
	color: #aaaaaa;
	text-shadow: 0 1px rgba(255, 255, 255, 0.5);
}
.switch-label:after {
	content: attr(data-on);
	left: 11px;
	color: #FFFFFF;
	text-shadow: 0 1px rgba(0, 0, 0, 0.2);
	opacity: 0;
}
.switch-input:checked ~ .switch-label {
	background: #0090D3;
	box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.15), inset 0 0 3px rgba(0, 0, 0, 0.2);
}
.switch-input:checked ~ .switch-label:before {
	opacity: 0;
}
.switch-input:checked ~ .switch-label:after {
	opacity: 1;
}
.switch-handle {
	position: absolute;
	top: 4px;
	left: 4px;
	width: 14px;
	height: 13px;
	background: linear-gradient(to bottom, #FFFFFF 40%, #f0f0f0);
	background-image: -webkit-linear-gradient(top, #FFFFFF 40%, #f0f0f0);
	border-radius: 100%;
	box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.2);
}
.switch-handle:before {
	content: "";
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -6px 0 0 -6px;
	width: 12px;
	height: 12px;
	background: linear-gradient(to bottom, #eeeeee, #FFFFFF);
	background-image: -webkit-linear-gradient(top, #eeeeee, #FFFFFF);
	border-radius: 6px;
	box-shadow: inset 0 1px rgba(0, 0, 0, 0.02);
}
.switch-input:checked ~ .switch-handle {
	left: 36px;
	box-shadow: -1px 1px 5px rgba(0, 0, 0, 0.2);
}
 
/* Transition
========================== */
.switch-label, .switch-handle {
	transition: All 0.3s ease;
	-webkit-transition: All 0.3s ease;
	-moz-transition: All 0.3s ease;
	-o-transition: All 0.3s ease;
}
#ageText {
    font-size: 3em;
    left: 318px;
    /*position: absolute;*/
    top: 31px;
}
#retirementoverview,#retirementgraph
{
	border-bottom:none;
}
#retirementoverview li , #retirementgraph li
{
    font-weight: bold;
}
#retirementoverview li a:hover, #retirementoverview li a:focus ,#retirementgraph li a:hover, #retirementgraph li a:focus{
	background:#e6e6e6;

}
.inlineClose {
    background: #555555 none repeat scroll 0 0;
    border-radius: 0 3px 0 0;
    color: #fff;
    cursor: pointer;
    float: right;
    padding: 11px;
    position: relative;
    right: -10px;
    top: -10px;
}
.saveInlineSuccessClose.glyphicons-remove {
	float: right;
	padding: 2px;
	opacity: 0.5;
	cursor: pointer;
}

.alertClose.glyphicons-remove {
	float: right;
	padding: 2px;
	opacity: 0.5;
	cursor: pointer;
}
.panel-brand-carousel .panel-heading {
    background: #f5f5f5 none repeat scroll 0 0;
    border-color: #ddd;
    color: #333;
    padding: 10px;
}
.radio.questions {
    margin-bottom: 15px;
    margin-left: 30px;
    margin-top: 15px;
}
.tableRow {
    border-bottom: 1px solid #666;
}
#sixYearCertainInfo,#supplementInfo,#lifetimeInfo,#lifetimeInfo2,#lumpSumInfo{
    background-color: #f5f5f5;
    border: 1px solid #ccc;
    border-radius: 4px;
    margin: 10px 50px;
    padding: 0 10px;
}
.panel-invest .panel-heading{
   background: #f5f5f5 none repeat scroll 0 0;
    border-color: #ddd;
    color: #333;
    padding: 10px;
}
.ddchangerow
{
margin-top: 10px;
}
.carousel-caption p {
    margin-bottom: 10px;
    padding: 7px;
}
#addChartOverlay.active {
    background-color: #f5f5f5;
    border: 1px dashed #ccc;
    border-radius: 4px;
    position: relative;
}
#addNewChartWrapper {
    text-align: center;
    margin-top: 40px;
}
#addChartOverlay {
    border: medium none;
}
#addChartOverlay.active {
    background-color: #f5f5f5;
    border: 1px dashed #ccc;
    border-radius: 4px;
    position: relative;
}
#addNewChartWrapper .glyphicons-plus, #addNewChartWrapper > p:nth-child(2) {
    color: #ccc;
    font-size: 54px;
}
#addNewChartText {
    background-color: #fff;
    border: 1px solid #ccc;
    border-radius: 7px;
    margin-bottom: 40px;
    padding: 7px;
}
.recalcWrapper.active {
    background-color: #222;
    display: block;
    height: 90%;
    opacity: 0.5;
    position: absolute;
    text-align: center;
    top: 0;
    width: 100%;
}
.recalcLogoText.active {
    display: block;
    left: 32%;
    position: absolute;
    text-align: center;
    top: 30%;
}
/* .recalcLogoText .glyphicons-refresh {
    color: #fff;
    font-size: 7em;
}
.recalcText p {
    color: #fff;
    font-weight: bold;
} */
#closeGraph2 {
    background-color: #555;
    border-radius: 3px;
    padding: 3px 4px 5px 5px;
    position: absolute;
    right: 3px;
    top: 3px;
    z-index: 1;
}
.recalcLogoText.active {
    display: block;
    left: 32%;
    position: absolute;
    text-align: center;
    top: 30%;
}
#pensionGraph2 {
    margin-bottom: 0;
    position: relative;
}
#pensionGraph2.active {
    visibility: visible;
}
.pensionModelGraph {
    padding: 5px;
}
.carousel-caption p {
    margin-bottom: 10px;
    padding: 7px;
}
.resultsRecalcWrapper {
    position: relative;
}
@media only screen and (max-width : 767px) {
    .sameHeight {
        height: auto !important;
    } 
}
.libAccordian {
    border-radius: 4px;
}

.mailDoc {
	float: right;
}
.selectMailDocs {
	margin: 10px;
}

.panel-library {
	border-radius: 4px;
	border: 1px solid #ddd;
}
.panel-library .row, .panel-library .panel-body {
  margin: 5px 0px 0px 0px !important;
  border-bottom: 1px solid #ddd !important;
  padding-bottom: 15px !important;
}
.panel-heading-library {
  border-bottom: 1px solid #ddd;
  padding: 10px 0px 10px 15px;
  background-color: #f5f5f5;
	font-size: 14px;
	cursor: pointer;
	line-height:24px;
}
#library .panel-library .linksHeader
{
	background-color:#f5f5f5;
	margin-top:0 ! important;
	padding-top:7px;
	
}

/* Added by EL - 11172016 */
.panel-heading-library:first-of-type {
	border-radius: 4px 4px 0px 0px;
}

/*.panel-title > a { color: #333; } - Commented out by EL 11252016 */

.panel-heading-library .toggle:after {
	font-family: "Glyphicons Halflings";
  content: "\2212"; /*minus*/ 
	padding-right: 20px;
	padding-left: 20px;
	float: right;
	border-left: 1px solid #ccc;
	line-height: 45px;
	margin-top: -10px;
	color: #333;
 	font-size: 15px;
 	cursor: pointer;
}
.panel-heading-library.collapsed .toggle:after {
	font-family: "Glyphicons Halflings";
  content: "\002B"; /*plus*/
	padding-right: 20px;
	padding-left: 20px;
	float: right;
	border-left: 1px solid #ccc;
	line-height: 45px;
	margin-top: -10px;
	color: #333;
 	font-size: 15px;
 	cursor: pointer;
}  
#library li {
    list-style: outside none none;
    padding-bottom: 10px;
}
.libAccordianList, .libAccordianListInfo {
	padding-left:0;
}
.libAccordianList li, .libAccordianListInfo li {
	border-bottom: 1px solid #ddd;
	list-style: outside none none;
	padding: 10px 0;
}
a.libraryPageButton {
    background-color: #ccc;
    border-radius: 8px;
    color: #333;
    display: block;
    font-size: 20px;
    padding: 10px 15px;
	margin-bottom:10px;
}
#tab-accordion-content4 .row .buttons{
    text-align: center;
	border-bottom: 1px solid #ddd;
}
#tab-accordion-content4 .row .buttons input {
    background: #3e3e3e;
	color: #fff;
    border: none;
    height: 30px;
    margin: 3px 5px 30px 0px;
    width: 30px;
	border-radius: 4px;
}
#tab-accordion-content4 .row .buttons input:hover, #tab-accordion-content4 .row .buttons input:focus, #tab-accordion-content4 .row .buttons input:active {
    background: #274463;
}
#tab-accordion-content4 .showThese{
    margin-top: 30px;
}
#tab-accordion-content4 .showThese .termName{
    font-size: 18px;
}
.glossaryTerms .col-md-12, .lifeEvents li.event {
    padding-bottom: 14px;
    display: block;
    border-bottom: 1px solid #ddd;
    list-style: outside none none;
    padding: 10px 0;
    line-height: 30px;
}
.glossaryTerms .in, .lifeEvents .in {
	font-size: 14px;
}
.benefitWrapper {
    margin: 5px 0px;
    border: 1px solid transparent;
}
.benefitWrapper .glyphicons-plus::before, .benefitWrapper .glyphicons-minus::before {
    margin: 0px 5px;
}
#alertwarningpersonalinfo
{
	margin-top:10px;
}
a.list-group-item, button.list-group-item {
	color: #468CFF;
}
a.list-group-item:focus, a.list-group-item:hover, button.list-group-item:focus, button.list-group-item:hover {
	background-color: transparent;
}
.event .eventName .glyphicons-chevron-down, .event .eventName .glyphicons-chevron-up  {
	font-size: 10px;
	vertical-align: baseline;
}
.sent {
	font-size: 12px;
	font-weight: bold;
	text-transform: uppercase;
}
/* Countdown Clock */
.clockdiv{
	color: #343434;
	display: inline-block;
	font-weight: bold;
	text-align: center;
	line-height: 1.42857143;
}

.clockdiv > div{
	border-radius: 3px;
	background: #ccc;
	display: inline-block;
	width: 45px;
}

.clockdiv div > span{
	border-radius: 3px;
	background: #ccc;
	display: inline-block;
}

.clockdiv .smalltext{
	padding: 2px;
	font-size: 9px;
}
/* @end Countdown Clock */


/* Total Rewards Table */
.trLearnMore, .trLearnMoreOther {
	display: none;
}

.trLearnMore.active,
.trLearnMore.active + div,
.trLearnMoreOther.active,
.trLearnMoreOther.active + div {
	display: inline-table;
}

.tr-row {
	margin-bottom: 15px;
}

/* @end Total Rewards Table */


/* Voluntary Benefits Table */

.vbLearnMore, .table.table-mobile td.vbCostColumn, .table.table-mobile th.vbCostColumn, .table.table-mobile td.vbCostColumnMobile, .table.table-mobile tr.vbTotalRow, .noCoverage {
	display: none;
}
.vbLearnMore.vbActive {
	display: inline;
}
.table.table-mobile td.vbCostColumn.vbActive, .table.table-mobile th.vbCostColumn.vbActive{
	display: table-cell;
}
.table.table-mobile tr.vbTotalRow.vbActive {
	display: table-row;
}
.planName {
	display: inline-table;
}
.noCoverageActive {
	display: block;
}

/* @end Voluntary Benefits Table */


.commPrefText {
	border-top: 2px solid #ccc;
	padding-top: 10px;
}


/* Show/Hide Learn More Column */
.currElectionTable thead tr th:first-child,
.currElectionTable tbody tr td:first-child,
.currElectionTable tfoot tr:not(:last-child) td:first-child{
	display: none !important;
}
.currElectionTable thead tr th:first-child.learnOn,
.currElectionTable tbody tr td:first-child.learnOn,
.currElectionTable tfoot tr:not(:last-child) td:first-child.learnOn{
	display: table-cell !important;
}
/* @end Show/Hide Learn More Column */

/* Learn More Modal Content */
.lm ul {
	padding: 0px;
}

.lm li {
	list-style-type: none;
}

.lm li a{
	display: block;
	padding: 8px 0px;
}

/* @end Learn More Modal Content */

/* -------======= @end: 1.8.0  Channel Pages =======------- */

/* -------======= @Start: 1.8.1  Tabs  Override =======------- */
#benSnap .panel-heading {
	background: #fff;
	color: #000;
	border-bottom: none;
	text-align: center;
	font-size: 18px;
	font-weight: lighter;
	border-radius: 15px 15px 0 0;
}
#benSnap .listing li {
	border-radius: 15px;
}
.listing .cta {
	border-radius: 0 0 15px 15px;
}
.comCenter {
	/* padding: 0 0 100px 0; 
	background: #fff;*/
	order: 3;
	background-position: bottom;
}
.benSnap {
	background-color: #f7f7f7;
	background-image: none;
	background-repeat: no-repeat;
	/* background-position: center center; */
	/* background-repeat: no-repeat; */
	/* background-attachment: fixed; */
	/* background-size: cover; */
	/* background-image: url("../images/benSnap.png"); */
	order: 4;
}
/*.comCenter.DB {
	background: url("../images/borderSharpDarkGray.png") no-repeat;
	background-position: bottom;
}*/
.howHelp {
	/*background: #fff;
	background: url("../images/borderSharpGrayDown.png") no-repeat;*/
	color: #343434;
	margin-bottom: 50px;
	order: 5;
}
.companyMes {
/*background: url("../images/companyMesTransistion.png") no-repeat;*/
	background-color: #f7f7f7;
	color: #fff;
	padding: 0px;
	order: 6;
}
.promoAd {
	/*background: url("../images/promoAdTransistion.png") no-repeat;*/
	padding-top: 200px;
}
.mustSee h2, .critical h2, .comCenter h2, .benSnap h2, .howHelp h2, .companyMes h2, .promoAd h2 {
	padding: 25px 0;
	font-size: 34px;
	text-align: left;
}
.mustSeeContent .btn-default {
	width: 100%;
	background: #B95E04;
	color: #fff !important;
	border: 1px solid #B95E04;
}
.carousel-caption a.btn-default {
	background: #B95E04;
	color: #fff !important;
	border: 1px solid #B95E04;
}
.mustSeeContent .btn-default:hover {
	width: 100%;
	background: #A04500;
	color: #fff !important;
	border: 1px solid #A04500;
}
.carousel-caption a.btn-default:hover {
	background: #A04500;
	color: #fff !important;
	border: 1px solid #A04500;
}
.mustSeeList {
	font-size: 16px;
	/*margin-top: 30px;*/
}
.mustSee p {
	max-width: 700px;
	color: #fff;
	padding-top: 20px !important;
}
.promoAd .promo-ad-body h2 {
	padding: 0;
}
#slider {
	padding: 120px 20px 0px 20px;
}
#slider img{
	border-radius: 50px;
}
#slider p{
	font-size: 18px;;
}
.tab-content {
	background: transparent;
	padding: 10px 20px;
	border: none;
	border-top: none;
}
.responsive-tabs.nav-tabs {
	border-bottom: none;
}
.responsive-tabs.nav-tabs > li.active a {
	background: transparent;
	color: #037DAE;
	border: none;
	font-weight: 600;
	border-bottom: 3px solid #037DAE;
	font-size: 16px;
}
.responsive-tabs.nav-tabs > li > a {
	margin-right: 0;
	background: #fff;
	border: none;
	color: #333;
	outline: none;
	font-weight: 600;
	font-size: 16px;
	transition: all 0.2s ease-out;
}
.responsive-tabs.nav-tabs > li > a:hover {
	margin-right: 0;
	background: #fff;
	border: none;
	color: #037DAE;
	outline: none;
	border-bottom: 3px solid #037DAE;
}
.nav-tabs li.active .tabs-arrow-down {
	width: 0;
	height: 0;
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;
	position: absolute;
	top: 40px;
	left: 45%;
	border-top: 10px solid #004878;
	display: none;
}
.ui-tabs .ui-tabs-nav li.ui-tabs-active .tabs-arrow-down {
  width: 0; 
  height: 0; 
  border-left: 10px solid transparent ;
  border-right: 10px solid transparent ;
  position: absolute;
  top:49px;
  left:45%;
  border-top: 10px solid #004878 ;
}
.ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr {
	border-radius: 0px;
}
.ui-widget-header {
	border-bottom:6px solid #004878;
	border-left:0;
	border-right:0;
}
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
	background:none;	
}
.ui-tabs .ui-tabs-nav {
	padding-left:0;
	padding-right:0;
}
.ui-tabs .ui-tabs-nav li.ui-tabs-active {
	margin-bottom:0;
	padding-bottom:0;
	background:#004878;
}
.ui-tabs .ui-tabs-nav li.ui-tabs-active a {
	color:#fff !important;
}
.extendTabWidth {
	width:170px;
}

@media (max-width: 768px) {
	.nav-tabs li.active .tabs-arrow-down, .ui-tabs .ui-tabs-nav li.ui-tabs-active .tabs-arrow-down {
  display: none;
}
}
/* -------======= @end: 1.8.1  Tabs  Override =======------- */








/* -------======= @start: 1.9.0  Legacy Content =======------- */
.leftNav {
	visibility: hidden;
}
#leftNav ul {
    margin: 0;
    padding: 0;
}
.instructionsBody, .DirectDepositYes, .help-more {
	display:none;
}
.choiceMiddleOptions a, .choiceMiddleColumnCont a {
    color: #468CFF;
}
.choiceMiddleContTitle {
    border-top: 1px solid #ddd;
    color: #468CFF;
    font-size: 1.4em;
    font-weight: bold;
    margin-top: 15px;
    padding-top: 35px;
}
.choiceMiddleContText {
    font-size: 1em;
}
.choiceMiddleContText ul {
    padding: 0px 25px;
}
.choiceMiddleContText li {
    padding: 5px 0px;
}
td.valignment ,td.valignmentplan2 {
    text-align: center !important;
	vertical-align:bottom !important;
}
.textcenter
{
	text-align:center;
}
.cssUserAgentDiv{
	position: relative;
	color: #a94442;
	background-color: #f2dede;
	border-bottom: 1px solid #a94442;
	padding: 10px;
	text-align: center;
}

.cssUserAgentDiv a {
	font-weight: bold;
	display: inline-block;
	color: #fff;
	background-color: #a94442;
	padding: 10px 20px;
	text-decoration: none;
}

.pensionPlanTopCell {
    border-top: 1px solid #ddd;
    padding: 10px 0px 10px 0px;
}
.pensionPlanCell {
	margin-left: 20px;
}
/* -------======= @end: 1.9.0  Legacy Content =======------- */


/* -------======= @start: 1.10.0 Range Slider =======------- */
.numericalEntry {
 color: #888; 
 border: 1px solid #ccc; 
 border-radius: 4px;
}
#grow65 {
    display: none;
}
.slideContainer {
    margin-bottom: 30px;
    margin-top: 200px;
}
.slider {
    left: 69px;
    margin: 20px;
    position: relative;
    top: 70px;
}
.slider input {
    left: -70px;
    position: absolute;
    top: 13px;
}
#compMtch {
    display: inline-block;
    height: 12px;
    margin-left: -12px;
    position: absolute;
    top: 60px;
}
#goal {
    display: inline-block;
    height: 12px;
    margin-left: -164px;
    position: absolute;
    top: 60px;
}
#maxContrib {
    display: inline-block;
    height: 12px;
    margin-left: -165px;
    position: absolute;
    top: 60px;
}
.irs {
    position: relative; display: block;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
     -khtml-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
}
.irs-line {
	position: relative; 
	display: block;
	overflow: hidden;
	outline: none !important;
}
.irs-line-left, .irs-line-mid, .irs-line-right {
	position: absolute;
	display: block;
	top: 0;
}
.irs-line-left {
	left: 0;
	width: 11%;
}
.irs-line-mid {
  left: 9%;
  width: 82%;
}
.irs-line-right {
	right: 0;
	width: 11%;
}
.irs-bar {
	position: absolute;
	display: block;
	left: 0;
	width: 0;
}
.irs-bar-edge {
	position: absolute;
	display: block;
	top: 0; 
	left: 0;
}
.irs-shadow {
	position: absolute;
	display: none;
	left: 0;
	width: 0;
}
.irs-slider {
	position: absolute;
	display: block;
	cursor: default;
	z-index: 1;
}
.irs-slider.single {

}
.irs-slider.from {

}
.irs-slider.to {

}
.irs-slider.type_last {
	z-index: 2;
}

.irs-min
{
	position: absolute; 
	display: block;
	left: 0;
	cursor: default;
}
.irs-max
{
	position: absolute; display: block;
	right: 0;
	cursor: default;
}

.irs-from, .irs-to, .irs-single
{
	position: absolute; display: block;
	top: -60px; left: 0;
	cursor: default;
	white-space: nowrap;
}

.bubbleAboveIRS-single
{
	position: absolute; display: block;
	top: -174px; left: 0;
	cursor: default;
	white-space: nowrap;
}

.irs-grid
{
    position: absolute; display: none;
    bottom: 0; left: 0;
    width: 100%; height: 20px;
}
.irs-with-grid .irs-grid
{
    display: block;
}
.irs-grid-pol
{
	position: absolute;
	top: 0; left: 0;
	width: 1px; height: 8px;
	background: #000;
}
.irs-grid-pol.small
{
	height: 4px;
}
.irs-grid-text
{
	position: absolute;
	bottom: 0; left: 0;
	white-space: nowrap;
	text-align: center;
	font-size: 12px; line-height: 10px;
	padding: 0 3px;
	color: #000;
}
	
.irs-grid-text:after 
{
content: "%";
}

.irs-disable-mask
{
    position: absolute; display: block;
    top: 0; left: -1%;
    width: 102%; height: 100%;
    cursor: default;
    background: rgba(0,0,0,0.0);
    z-index: 2;
}
.irs-disabled
{
    opacity: 0.4;
}
.lt-ie9 .irs-disabled
{
    filter: alpha(opacity=40);
}

#bubblePointer
{
margin-left: -140px;
z-index: 100;
}
#grow65 {
    text-align: center;
}
.tinyText, .smallFont {
    font-size: 10px;
}
.smallText {
    font-size: 14px;
}
.irs-hidden-input
{
  position: absolute !important;
    display: block !important;
    top: 0 !important;
    left: 0 !important;
    width: 0 !important;
    height: 0 !important;
    font-size: 0 !important;
    line-height: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    outline: none !important;
    z-index: -9999 !important;
    background: none !important;
    border-style: solid !important;
    border-color: transparent !important;
}

.transform
	{
	transition: width 0.4s, height 0.4s, background 1.25s, color 0.4s, font-size 0.9s, top 0.4s, left 0.4s, transform 0.6s, display 0.4s;
	}
	
.transformFast
	{
	transition: width 0.2s, height 0.2s, background 0.2s, color 0.2s, font-size 0.2s, top 0.2s, left 0.2s, transform 0.2s, display 0.2s;
	}
	
.irs-line-mid,
.irs-line-left,
.irs-line-right,
.irs-bar,
.irs-bar-edge,
.irs-slider
{
    background: url(../images/sprite-skin-modern.png) repeat-x;
}

.irs
{
    height: 50px;
}
.irs-with-grid
{
    height: 70px;
}
.irs-line
{
    height: 6px; top: 25px;
}
.irs-line-left
{
	height: 6px;
	background-position: 0 -30px;
}
.irs-line-mid
{
	height: 6px;
	background-position: 0 0;
}
.irs-line-right
{
	height: 6px;
	background-position: 100% -30px;
}

.irs-bar
{
    height: 6px; top: 25px;
    background-position: 0 -60px;
}
.irs-bar-edge
{
	top: 25px;
	height: 6px; width: 6px;
	background-position: 0 -90px;
}

.irs-shadow
{
    height: 5px; top: 25px;
    background: #000;
    opacity: 0.25;
}
.lt-ie9 .irs-shadow
{
    filter: alpha(opacity=25);
}

.irs-slider {
    background-position: 0 center;
    height: 0;
    top: -2px;
    width: 0;
}
.irs-slider.state_hover, .irs-slider:hover
{
    background-position: 0 -120px;
}

.irs-min, .irs-max
{
    color: #999;
    font-size: 10px; line-height: 1.333;
    text-shadow: none;
    top: 0; padding: 1px 3px;
    background: #e1e4e9;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

.irs-from, .irs-to, .irs-single
{
	color: #128ad7;
	font-size: 16px; line-height: 1.333;
	font-weight: bold;
	text-shadow: none;
	padding: 15px 15px;
	background: none; /* #f6f6f6; */
	-moz-border-radius: 4px;
	border-radius: 4px;
	border: none; /* 1px solid #c0c0d0; */
	box-shadow: none; /* 2px 3px 7px rgba(0, 0, 0, 0.2); */
}

.irs-from:after, .irs-to:after, .irs-single:after
{
	position: absolute; display: block; content: "";
	bottom: -6px; left: 50%;
	bottom: -6px; left: 50%;
	width: 0; height: 0;
	margin-left: -3px;
	overflow: hidden;
	border: none;
}

.bubbleAboveIRS-single
{
	position: absolute; 
	display: block;
	color: #333;
	font-size: 13px; line-height: 1.333;
	text-shadow: none;
	padding: 15px 15px;
	background: #ffffff;
	-moz-border-radius: 5px;
	border-radius: 5px;
	border: 2px solid #75C3F1;
	margin-top: -40px;
	margin-left: -12px;
	/*box-shadow: 2px 3px 7px rgba(0, 0, 0, 0.2);*/
}

.bubbleArrow
{
	border-bottom-width: 0;
	border-top-color: rgba(0, 0, 0, 0.25);
	bottom: -11px;
	left: 50%;
	margin-left: -11px;
}
.bubbleArrow, .bubbleArrow::after
{
	border-color: transparent;
	border-style: solid;
	display: block;
	height: 0;
	position: absolute;
	width: 0;
}
	.bubbleArrow::after
{
	border-bottom-width: 0;
	border-top-color: #fff;
	bottom: 1px;
	content: " ";
	margin-left: -10px;
}
.irs-grid
{
	height: 34px;
}
.irs-grid-pol
{
	background: #c0c0c0;
}
.irs-grid-text
{
	bottom: 12px;
	color: #9090a0;
}
#growYes {
	font-size: 1em;
}
.irs-disable-mask{}
.irs-disabled{}
.lt-ie9 .irs-disabled{}

@media (max-width: 768px) 
{
	.slider {
		left: 0;
		margin: 0;
	}
	#bubblePointer {
		margin-left: -65px;
	}
	#goal {
		margin-left: -34px;
	}
	#maxContrib {
		margin-left: -65px;
	}
}
/* -------======= @end: 1.10.0 Range Slider =======------- */

/* -------======= @start: 1.11.0 Mobile Navigation =======------- */
@media (max-width: 768px) 
{
	.transform{
		transition: width 0.25s, height 0.25s, background 0.25s, color 0.25s, font-size 0.8s, top 0.25s, left 0.25s, transform 0.25s, display 0.25s;
	}
	.capitalize{
		text-transform: capitalize;
	}
	.paddingBlock{
		margin-left: 12px;
	}
	.searchBlank{
		height: 20px;
		width: 160px;
	}
	.goButton{
		margin-left: -22px;
		height: 24px;
	}
	#tabletNavButton
	{
		display: none !important;
	}
	#RWDmenuOverlay{
		position: absolute;
		top:70px;
		left: 0;
		width: 100%;
		overflow: hidden;
		background: none;
		display: block;
	}
	#navBarButton {
		height: 40px;
		margin: 0 0 22px 0;
		padding: 0 16px;
		border: none;
		position: relative;
		top: 5px;
		left: 3vw;
		z-index: 4600;
	}
	#navBarButtonText::before{
		content: "\E517" !important;
		font-family: 'Glyphicons Regular';
		color: #ffffff;
		font-size: 20px;
		transform:scale(1.5,1); 
		-webkit-transform:scale(1.5,1);
		display:inline-block; 
		font-weight: 100;
	}
	#navbarHeaderNavyBlue{
		background: #274463;
		width: 3px;
		position: relative;
		top:0;
		left: 0;
		z-index: 45;
		width: 20vw;
		height: 50px;
	}
	#bluePrimaryNav{
		background: #274463;
		position: relative;
		left: -52px;
		top: 0;
		z-index: 45;
		width: 60vw;
		max-width: 60vw;
		min-height: 1000px;
		overflow: hidden;
	}
	#navyBlueNavArrow{
		position: absolute;
		left: 20vw;
		top: 0;
		z-index: 45;
		width: 0;
		height: 50px;
		border-top: 24px solid transparent; /* length of upper right side - DLD, 20160304 */
		border-left: 24px solid #274463; /* length from left side to right point - determines triangle width - DLD, 20160304 */
		border-bottom: 24px solid transparent; /* length of lower right side - DLD, 20160304 */
	}
	#navbarHeaderDarkGray{
		background: #274463;
		position: absolute;
		left: 20vw;
		top:0;
		z-index: 44;
		width: 55vw;
		height: 50px;
	}
	#navbarHeaderDarkGray>h3
	{
	
	}
	#DarkGrayPrimaryNav{
		background: #274463;
		position: relative;
		left: 0;
		top: 0;
		z-index: 44;
		width: 60vw;
		max-width: 60vw;
	}
	#darkGrayNavHeaderText{
		color: #468CFF;
		font-size: 16px;
		position: absolute;
		z-index: 45;
		top: 0;
		left: calc(20vw + 33px);
	}
	#darkGrayNavHeaderText>h3{
		margin-top: 15px;
	}
	#darkGrayNavArrow::before
	{
		color: #ffffff;
		font-size: 23px;
		top: -16px;
		bottom: 16px;
		right: 9vw;
		position: absolute;
		z-index: 44;
		padding-right: 0.1vw;
		cursor: pointer;
	}
	.showE368::before
	{
		content: "\E368"; /* down arrow icon */
		font-family: 'Glyphicons Regular';
	}
	.hideE368::after{
		content: "\E370"; /* up arrow icon */
		font-family: 'Glyphicons Regular';
		color: #ffffff;
		font-size: 23px;
		top: -16px;
		bottom: 16px;
		right: 9vw;
		position: absolute;
		z-index: 44;
		padding-right: 0.1vw;
		cursor: pointer;
	}
	.e370::before{
		color: #ffffff;
		font-size: 23px;
		top: -16px;
		bottom: 16px;
		right: 9vw;
		position: absolute;
		z-index: 44;
		padding-right: 0.1vw;
		cursor: pointer;
	}
	.e370shiftedRight::before{
		content: "\E368"; /* down arrow icon */
		font-family: 'Glyphicons Regular';
		color: #ffffff;
		font-size: 23px;
		top: -16px;
		bottom: 16px;
		right: 15vw;
		position: absolute;
		z-index: 44;
		padding-right: 0.1vw;
		cursor: pointer;
	}
	#darkGrayNavArrow{
		position: absolute;
		left: 74vw;
		top: 0;
		z-index: 44;
		width: 0;
		height: 0;
		border-top: 24px solid transparent; /* length of upper right side - DLD, 20160304 */
		border-left: 24px solid #274463; /* length from left side to right point - determines triangle width - DLD, 20160304 */
		border-bottom: 24px solid transparent; /* length of lower right side - DLD, 20160304 */
	}
	#darkGrayUL{
		display: none;
		background: #5f5f5f;
		position: absolute;
		top: 40px;
		left: 0 !important;
		z-index: 45;
		padding-top: 10px;
		padding-left: 0;
		min-height: 1000px;
	}
	.darkGrayLink{
		list-style: none;
		width: 60vw;
		padding-right: auto;
		padding-bottom: 6px;
		padding-top: 4px;
		padding-left: 4vw;
	}
	.darkGrayListDivExpanded>.lightGrayList, .lightGrayListDivExpanded>.lightGrayList{

	}
	.darkGrayLink>a{
		color: #ffffff;
	}
	.darkGrayLink:hover, .lightGrayList>li.active{
		background: #007cbc;
		color: #ffffff;
		width: 100%;
		padding-right: auto;
		padding-bottom: 6px;
		padding-top: 4px;
		padding-left: 4vw;
	}
	#darkGrayUL>li>a, #darkGrayUL>a>li, .lightGrayList>a>li{
		color: #ffffff;
	}
	.links401k{
		color: white; 
		margin: 12px 25px 12px -25px;
		width: 100%;
	}
	.links401k:hover{
		background: #7f7f7f;
	}
	#sublinksGroup1, #sublinksGroup2{
		background: #c0c0c0;
		margin: 0;
		padding: 0;
	}
	#sublinksGroup1>li, #sublinksGroup2>li{
		padding: 12px 25px 33px 25px;
		height: 32px;
	}
	#lightGrayContent{
		display:none;
	}
	.linksLightGrayTopCategory{
		font-weight: bold;
		color: white; 
		font-size: 14px;
		width: 100%;
		margin-top: 6px;
		min-height: 26px;
		padding: 6px 28px 10px 2vw;
		display: block;
		border: 1px solid #cfcfcf;
		border-right: none;
		overflow: hidden;
		position: relative;
	}
	.linksLightGrayTopCategory:hover{
		font-weight: bold;
		color: white; 
		background: #d3d3d3; 
	}
	.linksLightGrayTopCategory:before{
		content: "-" !important;
		font-family: 'serif';
		color: transparent;
		font-size: 3px;
		white-space: nowrap;

	}
	.darkGrayTopCategory{
		font-weight: bold;
		color: white; 
		font-size: 14px;
		width: 100%;
		margin-top: 6px;
		min-height: 26px;
		padding: 6px 28px 10px 2vw;
		display: block;
		border: 1px solid #cfcfcf;
		border-right: none;
		overflow: hidden;
		position: relative;
	}
	.darkGrayTopCategory:hover{
		font-weight: bold;
		color: white; 
		background: #707070;
	}
	.operatorRWDnavDkGray, .operatorRWDnavLightGray{
		position: absolute;
		right: 11px;
		top: 0;
		bottom: 0;
		border: 1px solid #cfcfcf;
		border-right: none;
		padding: 9px 14px 7px 14px;
		display: inline-block;
		margin-right: -9px;
		vertical-align: middle; 
	}
	#darkGrayNavHeaderText>h4 {
		font-size: 3.3vw;
		vertical-align: middle; 
	}
	.linksLightGray{
		color: white; 
		width: 100%;
	}
	.lightGrayLink{
		list-style: none;
		width: 60vw;
		padding-right: auto;
		padding-bottom: 6px;
		padding-top: 4px;
		padding-left: 4vw;
	}
	.lightGrayLink>a{
		color: #ffffff;
	}
	.lightGrayLink:hover{
		background: #007cbc;
		color: #ffffff;
		width: 100%;
		padding-right: auto;
		padding-bottom: 6px;
		padding-top: 4px;
		padding-left: 4vw;
	}
	#navbarHeaderLightGray{
		/*display: none;*/
		background: #274463;
		/*width: 3px;*/
		position: absolute;
		left: 40vw;
		top:0;
		z-index: 4;
		width: 60vw;
		height: 50px;
		overflow: hidden;
	}
	#navbarHeaderLightGray::after{
		color: #ffffff;
		font-size: 26px;
		top: 6px;
		left: 10vw;
		bottom: 0;
		right: 0;
		position: absolute;
		z-index: 4421;
		cursor: pointer;
	}
	.e519::after{
		content: "\E519"; /* ellipsis icon */
		font-family: 'Glyphicons Regular';
	}
	.e518::after
	{
		content: "\E518" !important; /* VERTICAL ellipsis icon */
		font-family: 'Glyphicons Regular';
		color: #ffffff;
		font-size: 26px;
		top: 6px;
		left: 10vw; 
		bottom: 0;
		right: 0;
		position: absolute;
		z-index: 4421;
		cursor: pointer;
	}
	#lightGrayNavHeaderText{
		color: #ffffff;
		font-size: 16px;
		position: relative;
	}
	.lightGrayNavLink>a
	{
		background: #afaeae;
		color: #ffffff;
		font-size: 13px;
		list-style: none;
	}
	.lightGrayNavLink:hover
	{
		background: #bfbebe;
		color: #ffffff;
		font-size: 13px;
	}
	.lightGrayList{
		list-style: none;
		padding-left: 0;
	}	
	.operatorRWDnav{
		position: absolute;
		right: 16px;
		border: 1px solid #cfcfcf;
		border-right: none;
		padding: 8px 14px 9px 13px;
		display: block;
		margin-top: -31px;
		margin-right: -9px;
	}
	.lightGrayListDivCollapsed, .darkGrayListDivCollapsed{
		display: none;
	}
	.darkGrayListDivExpanded{
		display: block;
		background: #9f9e9e;
	}
	.lightGrayListDivExpanded{
		display: block;
		background: #c1c0c0;
	}
	#lightGrayUL{
		display: none;
		background: #afaeae;
		position: absolute;
		top: 50px;
		left: 80vw;
		width: 20vw;
		z-index: 41;
		margin: 0 0 0 -11px;
		padding-top: 0;
		padding-left: 10px;
		height: 1150px;
		min-height: 1150px;
	}
	#lightGrayUL>li{
		color: #ffffff;
		font-size: 13px;
		list-style: none;
	}
	#lightGrayUL>li>a, #lightGrayUL>a>li{
		color: #ffffff;
	}
	/* all the below rules are for the blue nav individual links  - DLD, 20160811 */
	#bluePrimaryNav ul li {/* takes the #eeeeee border off the right side - DLD, 20160810 */
		border-right: transparent;
	}
	.navbar-nav > li > a
	{
		padding-left:7px;
	}
	.navbar-nav .open .dropdown-menu
	{
		background-color:#fff;
	}
	/*.navbar-nav > li > a#home, .navbar-nav > li > a#pension, .navbar-nav > li > a#profile, .navbar-nav > li > a#library, .navbar-nav > li > a#admin, .navbar-nav > li > a#savings, .navbar-nav > li > a#retirementFull, .navbar-nav > li > a#hwOnlyHealth
	{
		line-height:21px;
	}*/
	.navbar-nav .open .dropdown-menu > li > a
	{
		padding-left:40px;
	}
	.navMain li a.tier2NavOn, .navMain li a.tier2NavOn:hover , .navMain li a.tier2NavOn:focus ,.navbar-default .navbar-nav > li > a:focus, .navbar-default .navbar-nav > li > a:hover
	{
		border-bottom: 1px solid #468CFF;
		
	}
	 .navbar-nav > li.dropdown a span.caret
	 {
		   width: 0; 
           height: 0; 
           border-top: 4px solid transparent;
           border-bottom: 4px solid transparent;
           border-left: 4px solid #8e9aaa;
	 }
	  .navbar-nav > li.dropdown.open a span.caret
	  {
		   width: 0; 
           height: 0; 
           border-left: 4px solid transparent;
           border-right: 4px solid transparent;
           border-top: 4px solid #8e9aaa;
	  }
	.nav li a {/* Blue RWD nav links */
		/*color: #ffffff !important;*/
	}
	.nav li a:hover {/* Blue RWD nav links */
		/*background: transparent !important;
		color: #ccc;*/
	}
	.nav li a.noBG:hover {/* Blue RWD nav links */
		background: transparent !important;
		outline: none !important;
	}
	div.calcPensionModelWrapper > .nav li a {
		  color: #555 !important;
	  }
	div.calcPensionModelWrapper > .nav  li  a:hover {
		  background: none repeat scroll 0 0 #274463 !important;
		  color: #fff !important;
		  text-decoration: none;
	  }
	.tier2NavOn {/* highlight the active blue RWD nav category */ 
		/*background: #36393f !important;
		color: #343434 !important;
		outline: 1px solid #6190b1;*/
	}
	.navbar-toggle {/* for blue RWD nav */
		background: transparent;
		float: right;
		margin-left: 12px;
		margin-top: 7px;
	}
	.logo
	{
		margin-top:-7px;
	}
	.navbar-fixedLogo
	{
		padding-top:15px;
	}
	.navbar-fixed .navbar-toggle {
		margin-top:7px;
	}
	#navbar
	{ background:#262B33;
	 margin-top: 0;
	 margin-left: -15px;
	 width:100%;
	 position:absolute;
	 z-index:9999;
	}
	#contactForm
	{
		z-index:10000;
	}
	.navbar-toggle:hover {/* for blue RWD nav */
		background: transparent;
	}
	/* .navbar-default {
		display: none !important;
	}*/
	#veryFirstRowRWDonly{
		margin-bottom: 80px;
	}
	#dropText{
		display: block; /*Keep on the display if the dark grey nav is not complete*/
		margin-bottom: 15px;
	}
	#toolBarMobile {
		display:none;
	}
}

@media (min-width: 769px) 
{
	#RWDmenuOverlay{
		display: none;
	}
	#pageTitleH4RWD{
		display: none;
	}
}

/* -------======= @end: 1.11.0 Mobile Navigation =======------- */
@media (min-width: 320px) {
  .chart {
    background: url("http://cl.ly/QSpc/bg-chart.png") right top repeat-x;
    height: 325px;
    margin: 0;
  }
  .chart2 {
    background: url("http://cl.ly/QSpc/bg-chart.png") right top repeat-x;
    height: 360px;
    margin: 0;
  }
}
.chart li, .chart2 li {
  height: 125px;
  padding: emCalc(25px) 0;
  position: relative;
  text-align: center;
  vertical-align: bottom;
  -moz-border-radius: 4px 4px 0 0;
  -webkit-border-radius: 4px;
  border-radius: 4px 4px 0 0;
  -moz-box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, 0.6);
  -webkit-box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, 0.6);
  box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, 0.6);
}
@media (min-width: 320px) {
  .chart li {
    display: inline-block;
    height: 238px;
    margin: 0 5.8% 0 0;
    width: 35%;
  }
  .chart2 li {
    display: inline-block;
    height: 320px;
    margin: 0 12.8% 0 0;
    width: 15%;
  }
}
.chart .axis {
  display: none;
  top: emCalc(-45px);
  width: 8%;
}
.chart2 .axis  {
  display: none;
  top: emCalc(-45px);
  width: 0%;
}
@media (min-width: 320px) {
  .chart .axis {
    display: inline-block;
	position: relative;
    top: -10px;
  }
  .chart2 .axis {
    display: inline-block;
	position: relative;
    bottom: -2px;
  }
}
.chart .label {
    background: transparent none repeat scroll 0 0;
    color: #666;
    margin: -9px 0 59px;
    text-shadow: none;
}
.chart2 .label {
    background: transparent none repeat scroll 0 0;
    color: #666;
    margin: -9px 0 59px;
    text-shadow: none;
}
.chart .percent{
  letter-spacing: -1px;
  opacity: .75;
  width: 100%;
  font-size: 30px;
  font-size: 1.875rem;
  color: #333;
}
@media (min-width: 320px) {
  .chart .percent {
    position: absolute;
    font-size: 62px;
    font-size: 2.875rem;
		top: -35px;
		left: 0px;
  }

}
.chart .percent span {
  font-size: 30px;
  font-size: 1.875rem;
}
.chart .skill, .chart2 .skill , .chart2 .skill2, .chart2 .skill3 {
  font-weight: 800;
  opacity: .75;
  overflow: hidden;
  text-transform: uppercase;
  width: 104%;
  font-size: 14px;
  font-size: 0.875rem;
}
.skill a {
    font-size: 14px;
}
@media (min-width: 320px) {
  
  .chart2 .skill, .chart2 .skill2, .chart2 .skill3 {
    font-size: 16px;
    font-size: 1rem;
  }
  
}
.chart .teal, .chart2 .teal, .keyTeal {
  background: #4ecdc4;
  border: 1px solid #4ecdc4;
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzc2ZDhkMSIvPjxzdG9wIG9mZnNldD0iNzAlIiBzdG9wLWNvbG9yPSIjNGVjZGM0Ii8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g');
  background-size: 100%;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #76d8d1), color-stop(70%, #4ecdc4));
  background-image: -moz-linear-gradient(#76d8d1, #4ecdc4 70%);
  background-image: -webkit-linear-gradient(#76d8d1, #4ecdc4 70%);
  background-image: linear-gradient(#76d8d1, #4ecdc4 70%);
}
.chart .salmon, .chart2 .salmon, .keySalmon {
/*   background: #ff6b6b;
  border: 1px solid #ff6b6b; */
	background: #2895D5;
  border: 1px solid #2895D5;
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmOWU5ZSIvPjxzdG9wIG9mZnNldD0iNzAlIiBzdG9wLWNvbG9yPSIjZmY2YjZiIi8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g');
  background-size: 100%;
/*   background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ff9e9e), color-stop(70%, #ff6b6b));
  background-image: -moz-linear-gradient(#ff9e9e, #ff6b6b 70%);
  background-image: -webkit-linear-gradient(#ff9e9e, #ff6b6b 70%);
  background-image: linear-gradient(#ff9e9e, #ff6b6b 70%); */
	background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #3ca0da), color-stop(70%, #2895D5));
  background-image: -moz-linear-gradient(#3ca0da, #2895D5 70%);
  background-image: -webkit-linear-gradient(#3ca0da, #2895D5 70%);
  background-image: linear-gradient(#3ca0da, #2895D5 70%);
}
.chart .lime, .chart2 .lime {
  background: #97f464;
  border: 1px solid #97f464;
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2I3Zjc5NCIvPjxzdG9wIG9mZnNldD0iNzAlIiBzdG9wLWNvbG9yPSIjOTdmNDY0Ii8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g');
  background-size: 100%;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #b7f794), color-stop(70%, #97f464));
  background-image: -moz-linear-gradient(#b7f794, #97f464 70%);
  background-image: -webkit-linear-gradient(#b7f794, #97f464 70%);
  background-image: linear-gradient(#b7f794, #97f464 70%);
}
.chart .peach, .chart2 .peach, .keyPeach{
  background: #ffcd92;
  border: 1px solid #ffcd92;
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZTRjNSIvPjxzdG9wIG9mZnNldD0iNzAlIiBzdG9wLWNvbG9yPSIjZmZjZDkyIi8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g');
  background-size: 100%;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffe4c5), color-stop(70%, #ffcd92));
  background-image: -moz-linear-gradient(#ffe4c5, #ffcd92 70%);
  background-image: -webkit-linear-gradient(#ffe4c5, #ffcd92 70%);
  background-image: linear-gradient(#ffe4c5, #ffcd92 70%);
}
.chart2 .peach2{
  background: #fff;
  border: 2px dashed #ffcd92;
  background-size: 100%;
}
.chart .grape, .chart2 .grape {
  background: #ab64f4;
  border: 1px solid #ab64f4;
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2M1OTRmNyIvPjxzdG9wIG9mZnNldD0iNzAlIiBzdG9wLWNvbG9yPSIjYWI2NGY0Ii8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g');
  background-size: 100%;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #c594f7), color-stop(70%, #ab64f4));
  background-image: -moz-linear-gradient(#c594f7, #ab64f4 70%);
  background-image: -webkit-linear-gradient(#c594f7, #ab64f4 70%);
  background-image: linear-gradient(#c594f7, #ab64f4 70%);
}


/* -------======= @Start: 1.12.0 Pension Benefit Model/Chart =======------- */

/* Begin Bootstrap Overrides  */
a:focus {
	outline: none;
}
.form-group-payment {
	margin: 15px;
	text-align: center;
}

/* Pension Model RWD - Bootstrap Overrides */
@media (min-width: 500px){
	 .pensionModelWrapper {
		 width: 50%;
		 float: left;
	 }
}

/* End Bootstrap Overrides */


/* Begin branding overrides */
.toggleAdvanced .glyphicons-plus{
	color: #007CBC;
	font-weight: normal;
}
.toggleAssumptions .glyphicons-plus,
.toggleAssumptions a {
	color: #fff;
	font-weight: normal;
}
.chart .skill {
	position: absolute;
	bottom: -30px;
}
.firstCheck {
	padding: 5px 0px;
	font-size: .9em;
}
#modelPensionHeader {
	position: relative;
}
.beneZero {
	visibility: hidden;
}
.pensionModelWrapper {
	padding-left: 5px;
	padding-right: 5px;
}
.pensionModelGraph {
	padding: 5px;
	border: none;
	box-shadow: none;
}
#addChartOverlay.active {
	background-color: #F5F5F5;
	border: 1px dashed #ccc;
	border-radius: 4px;
	position: relative;
}
#addChartOverlay {
	border: none;
}
#addNewChartWrapper {
	position: absolute;
	top: 30px;
	text-align: center;
}
#addNewChartWrapper .glyphicons-plus,
#addNewChartWrapper>p:nth-child(2) {
	color: #ccc;
	font-size: 54px;
}
#addNewChartText {
	border: 1px solid #ccc;
	border-radius: 7px;
	background-color: #fff;
	padding: 7px;
	margin: 5px 40px;
}
.spouseDateWrapper {
	display: none;
}
#pensionGraph2 {
	visibility: hidden;
	margin-bottom: 0px;
	position: relative;
}
#pensionGraph2.active {
	visibility: visible;
}
.chartAssumptionsWrapper {
	border-bottom: solid 4px #007CBC;
}
.chartAssumptionsCaret {
	border-top: 8px solid #007CBC;
	cursor: pointer;
	margin-top:-15px;
}
.resultsRecalcWrapper {
	position: relative;
	border: 1px solid #ccc;
	margin: 10px 0px;
	padding: 5px;
}
.recalcWrapper, .recalcLogoText {
	display: none;
}
.recalcWrapper.active {
	display: block;
	background-color: #222;
	opacity: .5;
	text-align: center;
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
}
.recalcLogoText.active {
	display: block;
	position: absolute;
	top: 20%;
	left: 32%;
	text-align: center;
}
.recalcLogoText .glyphicons-refresh {
	color: #fff;
	font-size: 2em;
}
.recalcText p {
	color: #fff;
	font-weight: bold;
	font-size: .75em;
}
#closeGraph2::before {
	color: #fff;
}
#closeGraph2 {
	position: absolute;
	top: 3px;
	right: 3px;
	background-color: #555;
	padding: 3px 4px 5px 5px;
	border-radius: 3px;
	z-index: 1;
}
.chart {
	padding: 15px 20px;
}
.chartAssumptionsTabs {
	margin: 0px;
	padding-left:0;
}
#retirementplanner img
{
	width:137px;
	height:97px;
}
.chartAssumptionsTabs .glyphicons-stop {
	/* color: #FF6B6B; */
	color: #2895D5;
}
.chartAssumptionsTabs li {
	display: inline;
}
.chartAssumptionsTabs li a:before {
	padding-left: 6px;
	padding-top: 3px;
	padding-bottom: 3px;
	border-left: 1px solid #ccc;
	content: '';
}
.chartAssumptionsTabs li a {
	display: inline-block;
	padding-right: 6px;
	border: 1px solid #ccc;
	border-left-width: 0px;
	position: relative;
	top: 1px;
}
.chartAssumptionsTabs .active {
	border-bottom: 1px solid #fff;	/* match the color of chartAssumptionsPension background */
	z-index: 1;											/* this is so the active tab border overlaps the box border */
}
#retirementPlannerAd {
	display: none;
}
.savedEstimateTab {
	color: #000;
}
.savedEstimateTab:hover {
	color: #000;
}
.chartAssumptionsPension {
	border: 1px solid #ccc;
	padding: 10px 15px;
}
.chartAssumptionsPension {
	position: relative;
}
.pensionCalcButtonWrapper {
	width: 145px;
	height: 62px;
	text-align: center;
}
.pensionCalcButtonWrapper p {
	margin: 0px;
}
#pensionCalcButtonWrapper1, #pensionCalcButtonWrapper2 {
	position: absolute;
	right: 0px;
	bottom: 0px;
}
#pensionCalcButtonWrapper1.alertUser, #pensionCalcButtonWrapper2.alertUser {
	animation-name: bounceButton;
	animation-duration: 2s;
}
.inputContent {
	display: none;
	padding-top: 10px;
}
.assumptionContent {
	display: none;
}
.assumptionsHeader {
	background-color: #aaa;
	padding: 10px 15px;
}
@media (max-width: 328px) {
	.recalcWrapper.active, .recalcWrapper.fade {
		height: 87%;
	}
}
@media (max-width: 374px) {
	.glyphicons-print {
		display: none;
	}	
	#futureBonus1, #futureBonus2 {
		margin-bottom: 15px;
	}
	.search-sections a
   {
	padding:25px 8px 5px 8px;
	float:left;    
   }
  #searchbox-main{
	margin-top:0;
	margin-left:0;
   }
}
@media (max-width: 767px) {
	.chartAssumptionsWrapper {
		background: #fff;
	}
	.aligntitle
	{
		margin-top : 20px!important;
	}
	.alignselect
	
	{
		margin-top:15px;
	}
	.alignselect .form-control
	{
		width:auto;
	}
}
@media (max-width: 768px) {
	.topText {
		display: none;
	}	
	.modalFormsPayment {
		display: none;
	}	
	.tab-accordian-pension {
		display: none;
	}	
	#pensionSubPages {
		padding: 0px 8px;
		position: static;
		border: none;
	}	
	.container.pensionModel {
		margin: 0px;
		padding-left: 0px;
		padding-right: 0px;
	}
	.form-group-payment {
		margin: 0px 5px 10px;
		text-align: left;
	}	
	.chart .percent {
		font-size: 1.5rem;
		top: -20px;
	}	
	.chart .skill {
		bottom: -45px;
	}	
	.chart .axis {
		left: -25px;
	}	
}
@media (max-width: 992px){
	.calcPensionModelWrapper {
		position: relative;
	}
	.calcPensionModel-btn {
		margin-top: 10px;
	}
}
	@media (min-width: 320px){
	.chart .percent {
		top: -30px;
	}

}
/* -------======= @end: 1.12.0 Pension Benefit Model/Chart =======------- */




/* -------======= @Start: 1.13.0 Modal Overrides =======------- */
#docupload #closemodal,.pensionheader button
{
	font-size:21px;
}

.modal-print {
	float: right;
}
.modal-print > .btn {
	margin-right: 10px;
}


/* -------======= @end: 1.13.0 Modal Overrides =======------- */





/* -------======= @Start: 1.14.0 Popover Overrides =======------- */

.webui-popover {
	padding:0px;
}
.webui-popover {
	max-width: 510px;
	width: calc (100% - 10px);	
}
.webui-popover-title {
	background-color: #F5F5F5;
	color: #343434;
}
.webui-popover.bottom .webui-arrow::after,
.webui-popover.bottom-right .webui-arrow::after,
.webui-popover.bottom-left .webui-arrow::after {
	border-bottom-color: #F5F5F5;
}
/* .webui-popover-title i, .btn-alerts i, .btn-needHelp i, .cart-btn i {
  display: inline-block;
	vertical-align:sub;
} */

/* Cart Popover Styling */
.webui-popover.webui-popover-cart.bottom .webui-arrow::after,
.webui-popover.webui-popover-cart.bottom-right .webui-arrow::after,
.webui-popover.webui-popover-cart.bottom-left .webui-arrow::after {
	border-bottom-color: #4DB14D;
}
.webui-popover.webui-popover-cart .webui-popover-inner .close {
	color: #fff;
	opacity: 1;
}
.webui-popover.webui-popover-cart .webui-popover-title {
	color: #fff;
	background-color: #4DB14D;
}
.btn.btn-default.cart-btn {
	background: #4DB14D;
	color: #fff !important;
}
/* @end Cart Popover Styling */


/* Alerts Popover Styling */
.webui-popover.webui-popover-alerts.bottom .webui-arrow::after,
.webui-popover.webui-popover-alerts.bottom-right .webui-arrow::after,
.webui-popover.webui-popover-alerts.bottom-left .webui-arrow::after {
	border-bottom-color: #EE9F31;
}
.webui-popover.webui-popover-alerts .webui-popover-inner .close {
	color: #fff;
	opacity: 1;
}
.webui-popover.webui-popover-alerts .webui-popover-title {
	color: #fff;
	background-color: #EE9F31;
}
.webui-popover.webui-popover-alerts .webui-popover-title > .glyphicons-exclamation-sign::before {
	color: #fff;
}
.btn.btn-default.alerts-btn {
	background: #EE9F31;
	color: #fff !important;
}
/* @end Alerts Popover Styling */

/* Need Help Popover Styling */
.webui-popover.webui-popover-needHelp.bottom .webui-arrow::after,
.webui-popover.webui-popover-needHelp.bottom-right .webui-arrow::after,
.webui-popover.webui-popover-needHelp.bottom-left .webui-arrow::after {
	border-bottom-color: #337ab7;
}
.webui-popover.webui-popover-needHelp .webui-popover-inner .close {
	color: #fff;
	opacity: 1;
}
.webui-popover.webui-popover-needHelp .webui-popover-title {
	color: #fff;
	background-color: #337ab7;
}
.webui-popover.webui-popover-needHelp .webui-popover-title > .glyphicons-question-sign::before {
	color: #fff;
}
.btn.btn-default.help-btn {
	background: #337ab7;
	color: #fff !important;
}
/* @end Need Help Popover Styling */

/* -------======= @end: 1.14.0 Popover Overrides =======------- */


/* -------======= @Start: 1.15.0 Sticky Navigation =======------- */
@media all and (max-width: 769px) {
  html {
    scroll-behavior: smooth;
  }

  nav.navbar-fixed {
    position: fixed;
    top: 0;
    flex-direction: column;
	box-shadow: 0 2px 7px rgba(0, 0, 0, 0.1);
	z-index:10000;
  }
  .navbar-brand
  {
	  height:auto;
  }
  nav.navbar-fixed .profilemobile
  {
	  margin-top:12px;
  }
 /*.profilemobile a
  {
	  color:#202121;
  }*/
  .navbar-nav .open .dropdown-menu
  {
	  position:	absolute;
	  width:100%;
  }
}

  

  /*header {
    flex-basis: 85vh;
  }*/

/*.navbar-fixed {
    top: 0;
    z-index: 100;
	position: fixed;
    width: 100%;
	height:54px;
	padding-left:15%;
	background:#fff !important;
	left:0;
	max-width: 100% !important;
}
.navbar-fixedLogo  #portalName {
    display:none;
}
.navbar-fixedLogo {
    top: -8px;
    z-index: 999 !important;
    position: fixed;
    left: 90px;
    height: 57px;
    max-width: 170px;
    background-size: 100%;
    background: url(../images/clientLogoMobile.png) no-repeat 0px;
}*/
.navbar-fixedToolBar {
	position: fixed;
    right: 6vw;
	top:16px;
    z-index: 109;
}
/*.navbar-fixedToolBar #showMore {
	left:0;
}
.navbar-fixed #navbar {
    max-width: 100%;
}*/
/* -------======= @end: 1.15.0 Sticky Navigation =======------- */



/* -------======= @Start: 1.16.0 fChat =======------- */
.fChatTab {
	position: fixed;
	bottom: 0;
	right: 2%;
	border: 1px solid #aaa;
	border-radius: 4px 4px 0 0;
	background-color: #aaa;
	z-index: 9999;
	display: block !important;
}
.fChatTab a {
	padding: 10px;
	color: #fff !important;
}
.fChatWindow {
	position: fixed;
	bottom: 0;
	right: 10px;
	border-radius: 8px 8px 0 0;
	background-color: #fff;
	width: 431px;
	display: none;
	padding-bottom: 40px;
	z-index:99999;
	height:60%;
	max-width:431px;
}
.fChatWindow .glyphicons-remove::before, .glyphicons-remove::before {
	content: "\E208";
}
#add{
	margin-bottom:7px;
}
.fChatFooter {
    padding: 15px;
}
#startagent {
    width: 100%;
}
.fChatHeader {
	padding: 5px;
	background-color: #aaa;
	border-radius: 4px 4px 0 0;
	text-align:right;
}
.fChatHeader a{
	color: #fff;
}
/*.fChatBody {
	padding: 1em;
	border: 1px solid #ccc;
}*/
/*.fChatWindow {
    position: fixed;
	bottom: 0;
    right: 10px;
    border-radius: 8px 8px 0 0;
    background-color: #fff;
    width: 30%;
    display: none;
	padding-bottom:20px;
}*/
.glyphicons.glyphicons-microphone {
    position: absolute;
    color: #999;
	top:8px;
    right: 20px;
    font-size: 21px !important;
    cursor: pointer;
}
.fChatBody {
    padding: 1em;
	height:85%;
    background: #fff;
    overflow-y: scroll;
    border-bottom: 4px solid #ccc;
}
.fChatBtn {
    margin: 2px 0 0 -20px;
}
#sendButton
{
	width:auto;
}
.btn.btn-default.chat-btn {
	background-color: #aaa;
	color: #fff;
}
.btn.btn-default.chat-btn:hover {
	border-color: #fff;
}
#modalVideo
{
	z-index:9999999;
}
#modalVideo .modal-dialog {
    width: 900px;
	margin: 5px auto;
}
#modalVideo .modal-body {
    max-height: initial;
    overflow-y: hidden;
}
@media (max-width: 768px){
	.fChatWindow {
	width: 85%;
	height: 60%;
}
#modalVideo .modal-dialog {
	width:auto;
}
}
/* -------======= @end: 1.16.0 fChat =======------- */


/* -------======= @start: 1.17.0 MessageCenter =======------- */

/* -------======= @end: 1.17.0 MessageCenter =======------- */



/* -------======= @Start: 1.18.0 Retirement Planner =======------- */
.graphPreview {
  z-index: 2;
	position: relative;
	top: -20px;
	text-align: center;
}
.modelGraph {
	position: relative;
}
/*#graphPreviewBalance,#graphPreviewIncome,#incomeGraph {
	cursor:pointer;
}*/
#modelGraphBalance, #graphPreviewIncome {
    display: none;
}
#incomeGraphPopup {
    display: none;
}
#lifeExpectancyMarker {
	position: absolute;
	bottom: 37%;
	left: 82%;
	transform: rotate(180deg);
}
#lifeExpectancyMarker .glyphicons-pin {
	font-size: 18px;
}
.slider-text {
	margin: 10px 0px 5px 0px;
}
.slider-control {
	margin-bottom: 30px;
}
.retirementNumber-row {
	margin-bottom: 30px;
}
.retirementNumber-text {
	margin-top: 5px;
}
.retirementIconWrapper .glyphicons {
	font-size: 20px;
}
/* -------======= @end: 1.18.0 Retirement Planner =======------- */

/* -------======= @start: 1.19.0 Search =======------- */
/*#searchhelp
{
	padding-top:5px;
}*/
.searchdesktop
{
	position: fixed;
	right:451px;
	top:29px;
	z-index:1000;
}
.searchdesktop #searchtext ,#searchhelp
{
	margin-left:10px;
}
.searchdesktop .dropdown-menu
{
	width:370px;
}
.formdiv
{
	padding:20px 15px 27px 0 ;
}
#searchtext
{
	float:left;
	width:73%;
}
#searchmobile .dropdown-menu
{
	padding:15px;
	background:#eee;
}
#searchmobile .dropdown-menu a 
{
	margin-left:5px;
	color:#fff!important;
	padding:6px 12px;
	height:34px;
}
.searchdesktop .dropdown-menu a 
{
	margin-left:5px;
}
.search-criteria
{
	font-size:18px;
	list-style:none;
}
.search-sections a
{
	padding:25px 15px 5px 15px;
	float:left;
	font-size: 14px;
}
.search-sections a.active
{
	font-weight:bold;
	border-bottom:4px solid #468CFF;
}
#search-main
{
	border-bottom:1px solid #e7e7e7;
}
#searchbox-main{
	margin-top:30px;
	margin-left:70px;
}
.searchresults
{
	margin: 25px 0 25px 65px;
	line-height: 18px;
}
.count .small, .breadcrumbs {
	font-size: 12px;
	color: #aaa;
	margin:0;
}
.count{
	margin: 10px 0 20px 50px;
}
.results
{
	color:#000;
	font-size: 16px;
	margin: 0 0 5px 0;
}
.related, .showing, .instead
{
	color:#aaa;
	margin: 0;
}
.related
{
	margin: 7px 0;
}
.resultTitle {
	font-size: 18px;
}
.noResults {
    font-size: 21px;
    color: #ccc;
    margin: 50px auto;
    text-align: center;
}
/* -------======= @end: 1.19.0 Search =======------- */


/* -----------------------------------======   @end: GLOBAL   ======----------------------------------- */






/* -----------------------------------======  @start: 2. HOME PAGE   ======----------------------------------- */

/*------------------------- @start: 2.1. Tiles --------------------------------*/

#innerContentWrapperHome {
    padding-top: 25px;
}
.exec .row {
	margin: 7px 10px;
}
.execplan {
	border-bottom:1px #666 solid;
}

/*------------------------- @end:2.1. Tiles --------------------------------*/





/*------------------------- @start: 2.2. Carousel --------------------------------*/
.nav-holder {
    float: left;
    height: 100px;
    overflow: hidden;
    position: relative;
    width: 90%;
    z-index: 1;
}
div.chevron {
    background: none repeat scroll 0px 0px #274463;
    height: 72px;
    position: absolute;
    z-index: 100;
	/*box-shadow: 0 0 3px #777;
	border-radius: 7px;*/
}
.arrow-down {
	border-top: 20px solid #274463;
}
.imagePointer {
	cursor: pointer;
}
.pointerLeft {
    background: none repeat scroll 0 0 #274463;
    border-left: 0 none;
    border-radius: 7px 0 0 7px;
    border-right: 0 none;
    color: #fff;
    float: left;
    font-size: 30px;
    height: 72px;
    margin-top: 0;
    opacity: 1;
    position: static;
    text-align: center;
    width: 5%;
	padding-top: 14px;
	/*box-shadow: 0 0 3px #777;*/
}
.pointerRight {
    background: none repeat scroll 0 0 #274463;
    border-left: 0 none;
    border-radius: 0 7px 7px 0;
    border-right: 0 none;
    color: #fff;
    float: left;
    font-size: 30px;
    height: 72px;
    margin-top: 0;
    opacity: 1;
    position: static;
    text-align: center;
    width: 5%;
	padding-top: 14px;
	/*box-shadow: 0 0 3px #777;*/
}
.pointerLeft , .pointerRight {
	transition: all 0.7s ease;
}
.item.active {
	display: flex;
	align-content: center;
}
.img.col-xs-12.col-sm-5 {
	display: flex;
	align-items: center;
}
@media (max-width: 768px) {
	.pointerLeft, .pointerRight{width: 15%;}
	.nav-holder {width: 70%;}
}
.pointerLeft:hover , .pointerRight:hover {
	color: #f1f1f1;
	/* IE 5-7 */
	filter: alpha(opacity=60);
	/* IE 8 Stuff */
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
	/* All other browsers */
	opacity: 0.8;
}
.tab-nav {
    background: none repeat scroll 0 0 #fff;
    float: left;
    height: 80px;
    padding: 7px;
    width: 100%;
	margin-top: 10px; /* 15px */
}
.tab-nav-cont li a {
    border-right: 1px solid #e7e7e7;
    color: #aaa;
    float: left;
    font-size: 18px;
    height: 70px;
    line-height: 23px;
    outline: medium none;
    padding-top: 24px;
    text-align: center;
    text-decoration: none;
    width: 100%;
	 -webkit-transition: all .6s ease;
	-moz-transition: all .6s ease;
	-ms-transition: all .6s ease;
	-o-transition: all .6s ease;
	transition: all .6s ease;
	-webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.tab-nav-cont li {
	background: none repeat scroll 0 0 #f8f8f8;
}
.tab-nav-cont li.active {
	background: none repeat scroll 0 0 transparent;
}
.tab-nav-cont li a:hover {
	background: none repeat scroll 0 0 #fcfcfc;
    /*border-right: 1px solid #e6e6e6;
	border-bottom: 2px solid #B23813;
	border-top: 1px solid #4087BF;*/
    color: #333;
    float: left;
    font-size: 18px;
    height: 70px;
    line-height: 23px;
    outline: medium none;
    padding-top: 24px;
    text-align: center;
    text-decoration: none;
    width: 100%;
}
.tab-nav-cont li.active a {
    color: #fff;
    cursor: default;
}
.tab-nav-cont li.active a:hover {
	background: none repeat scroll 0 0 transparent;
	border-bottom: 4px solid #4087BF; /* 11a7f4 */
    color: #fff;
    cursor: default;
}
.nav-header li a {
	color:#000000;
}
.carouselNav-Holder {
	background:#fff;
}
.carouselHolder #carousel_nav li.alwaysActive a {
	color:#fff;
	height:60px;
}
.carouselHolder #carousel_nav li.alwaysActive,
.carouselHolder #carousel_nav li.alwaysActive a {
	border-right: 1px solid #b4b5b9;
}
#carousel_nav li {
	border-bottom:0px solid #b4b5b9;
}
.tab-nav-cont li {
    float: left;
}
.tab-nav-cont li.active a {
    color: #fff;
    cursor: default;
}
.tab-nav-cont {
    border-bottom: 1px solid #e7e7e7;
    border-top: 1px solid #e7e7e7;
    height: 72px;
    list-style-type: none;
    margin: 0;
    padding: 0 0 10px;
    position: relative;
    width: 9999px;
    z-index: 99;
}
.chevron span a {
    color: #fff;
    cursor: default;
    float: left;
    height: 70px;
    line-height: 23px;
    padding-top: 24px;
    text-align: center;
    text-decoration: none;
    width: 100%;
}
.arrow-down {
    border-top: 20px solid #274463;
}
.arrow-down {
    border-left: 20px solid transparent;
    border-right: 20px solid transparent;
    display: block;
    height: 0;
    left: 40%;
    position: relative;
    top: 70px;
    width: 0;
    z-index: 100;
}
.tab-content-area {
    clear: left;
    float: left;
    width: 100%;
}
.carousel-content.active {
    display: block;
}
.carousel-content {
    float: left;
    width: 100%;
}
.carousel-caption {
	color:#111;
	left: 0;
    position: relative;
    top: 18px;
	text-align: left;
	text-shadow:none;
	padding:5px 15px;
}
.headerLine {
    margin: 10px;
}
.grid-v-gutter {
    margin-bottom: 20px !important;
}
.carousel-content {
    display: none;
    float: left;
    width: 100%;
}
 h3.panel-title1 {
    border: medium none;
    font-size: 1.8em;
    font-weight: normal;
    line-height: 1.5em;
    margin: 0 0 100px;
    padding: 0;
    position: relative;
    text-align: center;
    top: 107px;
}
ul.panel-title1 {
    margin: 0 0 10px 10px;
    padding: 10px;
	list-style:none;
}
.panel-title1 li, ul.panel-title.learnMore li {
    list-style: outside url("../images/icon_bullet.gif") none;
    margin-left: 16px;
}
.panel-title1 li {
    padding-top: 21px;
}
ul.panel-title.learnMore li {
    padding-top: 0px;
}
#events .row ,#message .row  {
	padding-top:2px;
	padding-bottom:2px;
}
.scrollable {
    height: 250px;
    overflow-x: hidden;
    overflow-y: auto;
}
#tabletabs1 hr , #tabletabs2 hr , #tabletabs3 hr {
	margin:2px;
}
.alertcolor {
    left: 7px;
    padding: 0;
    position: relative;
	color:#fd9f13;
}
/*------------------------- @end:2.2. Carousel --------------------------------*/

/* -----------------------------------======  @end: 2. HOME PAGE   ======----------------------------------- */












/* -----------------------------------======   @start: 3. TRANSACTIONAL FRAMEWORK   ======----------------------------------- */

/* -------======= @start: 3.1. General =======------- */
.chevron-header {
    color: #fff;
    background-color: #468CFF !important;
    position: relative;
    margin-right: 5px;
    line-height: 18px;
    list-style: none;
    padding: 12px 17px 10px 30px;
    background: #efefef;
    zoom: 1;
    *display: inline;
    padding-left: 17px;
    color: #999;
    padding-top: 8px;
    padding-bottom: 10px;
    border-radius: 5px;
    font-size: 14px;
    color: White;
    height: 42px;
}
.currentstepslink span, .stepcurrentstepslinkslink {
    color: #ffffff !important;
}
ol.wizard {
    margin-left: 0; border:0;
}
.wizard a.stepslink {
    color: #343434;
}

.wizard {
    margin: 0;
    padding: 0;
    background: white;
}
.wizard {
    width: 100%;
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flexbox;
    -webkit-flex-direction: row;
    display: flex;
    flex-direction: row;
    margin-top: 15px;
   /* margin-bottom: 25px;*/
}
.wizard li:first-child {
    -moz-border-radius: 4px 0 0 4px;
    -webkit-border-radius: 4px 0 0 4px;
    border-radius: 4px 0 0 4px;
    padding-left: 12px;
}
.wizard .current,
.subwizard .subwizard_textSelected,
.subwizard .wizard_textSelected{
    color: #fff;
    background: #274463;
}
.wizard li {
    background: #efefef none repeat scroll 0 0;
	position: relative;
    margin-right: 5px;
    line-height: 18px;
    list-style: none;
    padding: 12px 0px 10px 30px;
    zoom: 1;
    display: inline;
    color: #999;
}
.wizard > li {
    width: 19.5%;
    float: left;
    margin-bottom: 15px;
}
.wizard > li {
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -webkit-flex: 1;
    width: 20%;
}
.wizard li:first-child::before {
    border: 0;
}
.wizard li::before {
    position: absolute;
    left: 0;
    top: 0;
    height: 0;
    width: 0;
    border-bottom: 20px inset transparent;
    border-left: 20px solid #fff;
    border-top: 20px inset transparent;
    content: "";
}
.wizard li:last-child {
	margin-right: 0px;
}

/*.wizard li.current:first-child::after, .wizard li.hidden-xs:first-child::after {
    right: -41px;
}
.wizard li:first-child::after {
    width: 19.5%;
}*/
.wizard .current::after,
.subwizard .subwizard_textSelected::after,
.subwizard .wizard_textSelected::after{
    border-left-color: #274463;
}
.wizard li::after {
    position: absolute;
    right: -20px;
    top: 0;
    height: 0;
    width: 0;
    border-bottom: 20px inset transparent;
    border-left: 20px solid #efefef;
    border-top: 20px inset transparent;
    content: "";
    z-index: 2;
}
.wizard .current .label, .mainCurrentStep .label {
    background-color: #333333;
}
.wizard .label, .wizard .badge {
    display: inline-block;
    padding: 2px 4px;
    font-size: 11.844px;
    font-weight: bold;
    line-height: 14px;
    color: #ffffff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    white-space: nowrap;
    vertical-align: baseline;
    background-color: #999999;
}
.wizard .label, .mainCurrentStep .label {
    margin: 0 5px 0 0;
    padding: 1px 5px 2px;
    position: relative;
    top: -1px;
}
.wizard.wiz4 > li {
    -moz-box-flex: 1;
    width: 25%;
}
.currentEventHeader {
	display: none;
}
#medical-modal .modal-body .nav li {
    width: 25%;
}
.displayImportant {
    display: block !important;
}
@media (max-width: 767px) {
    .wizard, .wizard li {
        display: block;
        z-index :0;
    }
    .wizard li:last-child {
        border-radius: 4px;
    }
    .wizard li {
        margin-bottom: 10px;
        padding-left: 12px;
        width: 100%;
    }
    .wizard li, .wizard li:first-child {
        margin-right: 0;
        border-radius: 4px;
    }
    .wizard li:before, .wizard li:after {
        border: none;
    }
}
.mainCurrentStep {
    display: none;
}
.currentstepslink {
	color: #FFFFFF !important;
}
.nonCurrent {
    display: block !important;
	width: 19.5%;
}
ol.insurancemodal > li {
    width: 30%;
}
#insurancemodal ol.wizard {
    display:block !important;
}
#Family1 td, #Family2 td, #Family3 td, a[href="#dep1"] span.tooltip-test, a[href="#dep2"] span.tooltip-test, a[href="#dep3"] span.tooltip-test, a[href="#dep4"] span.tooltip-test {
	vertical-align: middle;
}
.table.table-familyMembers td:first-child {
    text-align: center;
}
@media (max-width: 893px) {
ol.insurancemodal > li {
    width: 48%;
}
}
#accordion-plans .accordion-group .accordion-body collapse1 collapse {
	display:none;
}
.greyborder {
    padding: 25px !important;
    border: 1px solid #DEDEDE;
}
.greybox_padding {
    background: #DFF0D8 !important;
    clear: both;
    padding: 10px !important;
}
.congratsH1 {
    font-size: 2.6em;
}
.congrats {
    color: #468847;
}
.congratsH1, .congratsH2 {
	font-size: 2em !important;	
    font-weight: bold;
}
.congratsH1, .congratsH2 {
    color: #468847;
    font-weight: bold;
}
.congratsAlertH2 {
	font-size: 2em;
	margin-bottom: 15px;
	font-weight: bold;
}
.congratsH3 {
    font-size: 1.6em;
    font-weight: bold;
    /* margin-top: 10px; */
}
#docsSubmit {
	padding-top: 40px;
}
/* .congratsContent {
	font-size: 1.4em;
	margin-bottom: 15px;
	line-height: 28px;
} */
.table.perPeriodCostTable,
.table.congratsContent {
	margin-bottom: 0;
}
.table.perPeriodCostTable td,
.table.congratsContent td {
	border-top: none;
}

.contentFull h3.yourCost {
    font: bold 26px Arial !important;
    padding-right: 10px;
	color: #343434 !important;
}
.costPerPay {
    padding: 10px;
}
.yourCost {
    font-size: 30px;
    font-weight: bold;
    padding-right: 10px;
    color: #468847;
}
.preTax, .postTax {
    font-size: 12px;
    font-weight: bold;
    padding-right: 10px;
}
.perPayCost {
	font-size:30px;
	font-weight:bold;
	padding-right:10px;
}
.prePostTax {
	font-size:14px;
	font-weight:bold;
	padding-right:10px;
}
/* table.my-coverage thead.matrix td.thirtyPercent {
    width: 30%;
    vertical-align: bottom;
}
table.my-coverage thead.matrix td.fifteenPercent {
    width: 15%;
    text-align: center;
    vertical-align: bottom;
} */
.pagetitle {
    font-size: 27px;
	margin: 0;
}
.inner_options {
    float: right;
}
.inner_options ul {
    margin: 0 0 10px 25px;
    padding: 0;
	list-style-type: none;
}
/* .my-coverage thead td h4{
    text-align: left;
} */
.label-info, .badge-info {
    background-color: #777;
}
/*.badge {
    border-radius: 4px;
}*/
.label, .badge {
    color: #ffffff;
    display: inline-block;
    font-size: 1em;
    font-weight: bold;
    line-height: 14px;
    padding: 7px;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    vertical-align: baseline;
    white-space: nowrap;
	border: none;
	margin-right: 10px;
}
.span12 h4.electionSteps {
    font-size: 1.7em;
    font-weight: bold;
}
.electionHeader {
	color: #343434;
	background-color: #fafafa;
	border-color: #bce8f1;
}
.transaction-container label[disabled], .transaction-container i[disabled] {
	cursor: not-allowed;
    color: #cccccc;
}
.transaction-container .row-fluid .span12 {
    /*margin-bottom: 10px;*/
}
.transaction-container .row-fluid .span12:nth-last-child(2) {
    margin-bottom: 20px;
}
.my-family {
	font-size:2em !important;
	margin: 0px 7px 0px 0px;
}
.calendarSize {
	color: #444;
	font-size:1.2em !important;
}
.certificateSize {
	display:inline-block !important;
	color: #0000FF;
	font-size:24px !important;
	vertical-align: middle;
}
.OKBtn {
	color: #fff !important;
}
.effectiveDate {
    font-size: 12px;
    font-weight: normal;
}
/* table.my-coverage td:nth-child(2) span:nth-child(1), table.my-coverage td:nth-child(3) span:nth-child(1) {
    font-size: 14px;
    font-weight: bold;
	top: 12px;
} */
.fooicon-plus, .fooicon-minus {
	cursor:pointer;
}
.hpeTitle {
    font-size: 12px;
    font-weight: bold;
    vertical-align: sub;
}
.hpeIndent {
    padding: 0px 0px 0px 20px;
}
.btn-disabled {
	background:#ccc;
	color:#aaa !important;
}
.nav-tabs.nav-stacked > li > a {
    font-size: 12px;
    font-weight: bold;
    border: none;
	margin: 20px 0px;
}
.nav-tabs.nav-stacked > li > a:hover {
    background-color: #fcfcfc;
}
.pendingBg {
	background: #f5db87 !important;
}
.pendingTxt {
	color: #D0A414;
}
.footerTF {
    background: none repeat scroll 0 0 #b2b2b2;
    clear: both;
    color: #000;
    font-weight: normal;
    height: 45px;
    margin: 0 -10px;
    padding: 20px 0 0;
    width: 1150px;
}
.planFont24px {
    font-size: 24px;
    font-weight: bold;
}

.flyout{
	text-align: right;
}

/* @start Benefits Summary Table */

/* Align the cell content */
.table.benefitSummaryTable tr td {
	vertical-align: middle;
}
.table.benefitSummaryTable tr th:nth-child(n+2),
.table.benefitSummaryTable tr td:nth-child(n+2) {
	text-align: center;
}

/* Highlight the cost column except the last three rows */
.table.benefitSummaryTable tr th:nth-child(2),
.table.benefitSummaryTable tr:nth-last-of-type(n+4) td:nth-child(2) {
	background-color: #DFF0D8;
}
#electionsTable #retireetable tr th:nth-child(2),
#electionsTable #retireetable tr:nth-last-of-type(n+2) td:nth-child(2) {
	background-color: #DFF0D8;
}

.table.benefitSummaryTable tr td:nth-child(1) span:nth-child(1),
.table.benefitSummaryTable tr td:nth-child(2) span:nth-child(1) {
	font-weight: bold;
}

/* Style the Total rows */
.benSummaryTotal td {
	background-color: #47A447;
	color: #fff;
	font-size: 1.5em;
}
.benSummaryTotal td:nth-child(3) {
	border-left: solid 1px #fff;
	border-right: solid 1px #fff;
}
.benSummarySubTotal td:nth-child(2) span {
	margin-left: 25px;
}
.tfIntroList {
    padding-left: 0;
    list-style-type: none;
}
/* @end Benefits Summary Table */

/* -------======= @end: 3.1. General =======------- */




/* -------======= @start: 3.2. Video Player =======------- */
.embed-responsive {
	width: 520px;
	height:300px;
	margin-right: auto;
	margin-left: auto;
	border: 1px solid #eee;
}
/* -------======= @end: 3.2. Video Player =======------- */




/* -------======= @start: 3.3. Add/Update family modal tab =======------- */

#tab-accordion.dropdown-menu {
  width: 100%;
	position: relative;
	top: -10px;
	/*top:auto;*/
	display: none;
}

.tabs-left > .nav-tabs {
  border-bottom: 0;
}

.tab-content > .tab-pane,
.pill-content > .pill-pane {
  display: none;
}

.tab-content > .active,
.pill-content > .active {
  display: block;
}
.tab-pane{
    border: 1px solid #ddd;
    min-height: 125px;
}
.tab-pane-notop-border{
    border-top: 0;
	border-left: 1px solid #ddd;
	border-right: 1px solid #ddd;
	border-bottom: 1px solid #ddd; 
   
	position: relative;
}
.min-height-400{
	min-height: 400px;
}
.min-height-700{
	min-height: 700px;
}
.tab-content > .tab-pane {
    overflow: hidden;
}

.tabs-left > .nav-tabs > li,
.tabs-right > .nav-tabs > li {
  float: none;
}

.tabs-left > .nav-tabs > li > a,
.tabs-right > .nav-tabs > li > a {
  min-width: 74px;
  margin-right: 0;
  margin-bottom: 3px;
}

.tabs-left > .nav-tabs {
  float: left;
  margin-right: 0;
}

.tabs-left > .nav-tabs > li > a {
  margin-right: -1px;
  -webkit-border-radius: 4px 0 0 4px;
     -moz-border-radius: 4px 0 0 4px;
          border-radius: 4px 0 0 4px;
		  text-align: left;
}

.tabs-left > .nav-tabs > li > a:hover,
.tabs-left > .nav-tabs > li > a:focus {
  border-color: #ddd #fff #ddd #ddd;
  background: #fff;
}

.tabs-left > .nav-tabs .active > a,
.tabs-left > .nav-tabs .active > a:hover,
.tabs-left > .nav-tabs .active > a:focus {
  border-color: #ddd transparent #ddd #ddd;
  *border-right-color: #ffffff;
}

.floating-btns {
    position: absolute;
    right: 0;
    top: 0;
        /* Opera, Chrome, and Safari */
    margin-right: -50px;
    margin-top: 40px;
}
.floating-btns >a {
    width: 34px;
    height: 114px;
    display: block;
    margin-bottom: 5px;
}
.floating-btns a > p {
    transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    /* IE 9 */
    -webkit-transform: rotate(90deg);
    filter: progid: DXImageTransform.Microsoft.BasicImage(rotation=3);
    margin: 0;
    padding: 0px;
    position: relative;
}
.position-relative {
    position: relative;
}
.floating-btns .popover {
    margin-right: 165px;
    max-width: 650px;
    width: 650px;
}
a.popover-dismiss{
    color: #666;
    margin-bottom: 15px;
    display: block;
}
.floating-btns .popover-content {
    padding: 10px;
}
.floating-btns .popover-content .col-xs-6 {
    padding: 0;
}
.floating-btns .popover-content .col-xs-6:first-child {
    padding-right: 15px;
}
.floating-btns .table-info td {
    background: white;
}
/*.popover.left .arrow {
    left: 100% !important;
}*/
@media (max-width: 1099px) {
    .floating-btns >a {
        width: 114px;
        height: 34px;
        display: inline-block;
    }
    .floating-btns {
        position: relative !important;
        top: 0 !important;
        right: 0 !important;
        left: 0 !important;
        bottom: 0 !important;
        margin-top: 40px;
        margin-bottom: 15px !important;
        margin-right: 0 !important;
    }
    .floating-btns a > p {
        transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
    }
    .floating-btns .popover {
        margin-right: 0 !important;
        max-width: 100% !important;
        width: 100% !important;
        left: 0 !important;
        top: 55px !important;
        bottom: auto !important;
    }
}
@media (max-width: 449px) {
    .floating-btns >a {
        /*display: block; */
        display: inline-block;
        position: relative;
        width: 100%;
        top: 0 !important;
        /* IE Hacked  */
        zoom: 1;
        *display: inline;
    }
    .floating-btns .popover {
        position: relative !important;
        margin-bottom: 15px !important;
        top: 0px !important;
        /*left:10px !important;
        right: 10px !important;*/
        padding:10px !important;
    }
    .tabs-left > .nav-tabs {
        float: none;
    }
    .tabs-left > .nav-tabs > li > a {
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        border-radius: 4px;
    }
}
@media (max-width: 1199px) {
	.panelHandle1a, .panelHandle1a:hover {
		background-color: #52CC10;
		*background-color: #becc3a;
		background-image: -moz-linear-gradient(top, #52CC10, #3e990c);
		background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#52CC10), to(#3e990c));
		background-image: -webkit-linear-gradient(top, #52CC10, #3e990c);
		background-image: -o-linear-gradient(top, #52CC10, #3e990c);
		background-image: linear-gradient(to bottom, #52CC10, #3e990c);
		background-repeat: repeat-x;
		border-color: #52CC10 #52CC10 #3e990c;
		border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff62c462', endColorstr='#ff51a351', GradientType=0);
		filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
		color:#fff !important;
	}
	.panelHandle2a, .panelHandle2a:hover {
		background-color: hsl(46, 82%, 45%) !important;
		background-repeat: repeat-x;
		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#eecc5c", endColorstr="#d0a414");
		background-image: -khtml-gradient(linear, left top, left bottom, from(#eecc5c), to(#d0a414));
		background-image: -moz-linear-gradient(top, #eecc5c, #d0a414);
		background-image: -ms-linear-gradient(top, #eecc5c, #d0a414);
		background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #eecc5c), color-stop(100%, #d0a414));
		background-image: -webkit-linear-gradient(top, #eecc5c, #d0a414);
		background-image: -o-linear-gradient(top, #eecc5c, #d0a414);
		background-image: linear-gradient(#eecc5c, #d0a414);
		border-color: #d0a414 #d0a414 hsl(46, 82%, 40%);
		color:#fff !important;
	}
	.panelHandle3a, .panelHandle3a:hover {
		background-color: #006dcc;
		*background-color: #0044cc;
		background-image: -moz-linear-gradient(top, #274463, #0044cc);
		background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#274463), to(#0044cc));
		background-image: -webkit-linear-gradient(top, #274463, #0044cc);
		background-image: -o-linear-gradient(top, #274463, #0044cc);
		background-image: linear-gradient(to bottom, #274463, #0044cc);
		background-repeat: repeat-x;
		border-color: #0044cc #0044cc #002a80;
		border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0088cc', endColorstr='#ff0044cc', GradientType=0);
		filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
		color:#fff !important;
	}
	 .panelHandle3a, .panelHandle3a:hover, .panelHandle2a, .panelHandle2a:hover, .panelHandle1a, .panelHandle1a:hover {
		text-shadow:none;
		font-size:13px;
	}
}
@media (max-width: 760px) {
  .marginFix {
	  margin: 10px 3px;
  }
  .btn-Mobile {
	  font-size: 12px;
	  margin: 2px auto;
	  padding: 2px;
	  width: 100%;
	}
	.btn-Mobile .glyphicons::before
	{
		padding:0 8px;
	}
	.btn-Mobile i.glyphicons
	{
		font-size:15px;
	}
  .btn-Mobile.plan-1 {
	-moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background-color: #f5f5f5;
    background-repeat: repeat-x;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) #a2a2a2;
    border-image: none;
    border-radius: 4px;
    border-style: solid;
    border-width: 1px;
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2) inset, 0 1px 2px rgba(0, 0, 0, 0.05);
    color: #333333;
    cursor: pointer;
    display: inline-block;
    font-size: 10px;
    line-height: 20px;
    margin-bottom: 0;
    padding: 4px 12px;
    text-align: center;
    text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
    vertical-align: middle;
	margin: 10px auto;
	padding: 2px;
	width: 97%;
  }
  .btn-Mobile.plan-1:hover {
	-moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background-color: #fafafa;
    background-repeat: repeat-x;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) #a2a2a2;
    border-image: none;
    border-radius: 4px;
    border-style: solid;
    border-width: 1px;
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2) inset, 0 1px 2px rgba(0, 0, 0, 0.05);
    color: #777;
    cursor: pointer;
    display: inline-block;
    font-size: 10px;
    line-height: 20px;
    margin-bottom: 0;
    padding: 4px 12px;
    text-align: center;
    text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
    vertical-align: middle;
	margin: 10px auto;
	padding: 2px;
	width: 97%;
  }
}
.toggleView {
	font-size:10px;
	color: #ddd;
}
.table-hover tbody tr:hover a.show-pop-iframeVideo, .table-hover tbody tr:hover a.show-pop-large  {
	color: #34BCBA;
}
/* HPE Medical Table halflingsperties */
.annualCost, .additionalCost {
	float: left;
	width: 18px;
	height: 18px;
	margin: 0 5px 0 0;
	padding: 0;
	border: 1px solid #777;
	position: relative;
	vertical-align: middle;
}
.annualCost  {
	background-color: #CCCCCC;
}
.additionalCost {
	background-color: #236E1E;
	display: block;
	position: absolute;
	margin: 0 0 0 20px;
}
td a#estimateTotalCost {
    color: #fff !important;
    display: block;
    margin: 0 auto;
    padding: 20px;
    text-align: center;
    width: 50%;
}
td a#reModel {
    color: #fff !important;
    display: block;
    margin: 0 auto;
    padding: 10px;
    text-align: center;
    width: 100%;
}
.table td.reModel {
    width: 100%;
}
.contentFull p.poweredBy {
	float: right;
	margin-right: 34px;
	color: #999;
	font-size: 10px;
}
.table-seperate {
	border-collapse:separate;
	padding-right:25px;
}
.table-seperate th, .table-seperate td {
    border: none;
    line-height: 20px;
    padding: 8px;
    text-align: left;
}
.table.table-mobile {
    position: relative;
}
#hpeComparePlan {
	width: 76%;
	max-height: 95%;
	top: 5px;
	border: none;
	left: 10%;
	margin: 0 auto;
}
#hpeComparePlan .modal-dialog, #hpeComparePlan .modal-content {
	width: auto;
	max-height: auto;
}
#hpeComparePlan .modal-body {
	max-height: calc(100vh - 410px);
	overflow-y: auto;
	margin-bottom: 55px;
}
#hpeFixedHeader {
	position:relative;
}
#hpeComparePlan .modal-footer {
    position: absolute;
    bottom: 0px;
    width: 98%;
	height: 55px;
}
.hpeColHeader {
	width: 100%;
	text-align: center;
}
.hpeColBuffer {
	width: 400%;	
}
.hpedollarAmount {
	text-align: right;
}
/* HPE Border halflingsperties */

/* Left Right and Bottom Border */
table.table-seperate td.hpeBorderLRB {
	border-right: 1px solid #ddd;
	border-left: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
}
/* Left and Bottom Border */
table.table-seperate td.hpeBorderLB {
	border-left: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
}
/* Left and Bottom Border */
table.table-seperate td.hpeBorderLR {
	border-left: 1px solid #ddd;
	border-right: 1px solid #ddd;
}
/* Left and Bottom Border */
table.table-seperate td.hpeBorderRB {
	border-right: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
}
/* Left and Bottom Border */
table.table-seperate td.hpeBorderR {
	border-right: 1px solid #ddd;
}
/* Bottom Border */
table.table-seperate td.hpeBorderB {
	border-bottom: 1px solid #ddd;
}
.didYouKnow {
	display: block;
	margin-top: 10px;
}
.modalBenefitHighlight {
	background: #FFC;
}
.modelLabel {
	text-align: left !important;
}
.modalCost {
	text-align: right !important;
}


/* ------- HPE medical election animated bar graph ------- */
td.barGraph {
	padding: 0;
	vertical-align: bottom;
}



/* ---- Annual Cost Bar Animation ---- */
.barAnimate {
	opacity:0;
	margin-bottom: 10px;
	font-weight: bold;
	font-size: 14px;
	color: #fff;
	padding: 4px;
	text-align: center;
	background: -webkit-gradient(linear, left top, left bottom, from(#bbb), to(#999));
	background: -moz-gradient(linear, left top, left bottom, from(#bbb), to(#999));
	background-color: #bbb;
	-webkit-box-reflect: below 0 -webkit-gradient(linear, left top, left bottom, from(rgba(0,0,0,0)), to(rgba(0,0,0,0.1)));
	-moz-box-reflect: below 0 -moz-gradient(linear, left top, left bottom, from(rgba(0,0,0,0)), to(rgba(0,0,0,0.1)));
	-webkit-animation-name:bar;
	-moz-animation-name:bar;
	-ms-animation-name:bar;
	-o-animation-name:bar;
	animation-name:bar;
	-webkit-animation-delay:0.5s;
	-moz-animation-delay:0.5s;
	-ms-animation-delay:0.5s;
	-o-animation-delay:0.5s;
	animation-delay:0.5s;
	-webkit-animation-duration:1.5s;
	-moz-animation-duration:1.5s;
	-ms-animation-duration:1.5s;
	-o-animation-duration:1.5s;
	animation-duration:1.5s;
	-webkit-animation-iteration-count:1;
	-moz-animation-iteration-count:1;
	-ms-animation-iteration-count:1;
	-o-animation-iteration-count:1;
	animation-iteration-count:1;
	-webkit-animation-timing-function:ease-out;
	-moz-animation-timing-function:ease-out;
	-ms-animation-timing-function:ease-out;
	-o-animation-timing-function:ease-out;
	animation-timing-function:ease-out;
	-webkit-animation-fill-mode:forwards;
	-moz-animation-fill-mode:forwards;
	-ms-animation-fill-mode:forwards;
	-o-animation-fill-mode:forwards;
	animation-fill-mode:forwards;
}



/* ---- Additional Cost Bar Animation ---- */
.barTwoAnimate {
	opacity:0;
	margin-bottom: 10px;
	font-weight: bold;
	font-size: 14px;
	color: #fff;
	padding: 4px;
	text-align: center;
	background: -webkit-gradient(linear, left top, left bottom, from(#236E1E), to(#1c5d17));
	background: -moz-gradient(linear, left top, left bottom, from(#236E1E), to(#1c5d17));
	background-color: #236E1E;
	-webkit-box-reflect: below 0 -webkit-gradient(linear, left top, left bottom, from(rgba(0,0,0,0)), to(rgba(0,0,0,0.1)));
	-moz-box-reflect: below 0 -moz-gradient(linear, left top, left bottom, from(rgba(0,0,0,0)), to(rgba(0,0,0,0.1)));
	-webkit-animation-name:barTwo;
	-moz-animation-name:barTwo;
	-ms-animation-name:barTwo;
	-o-animation-name:barTwo;
	animation-name:barTwo;
	-webkit-animation-delay:1.3s;
	-moz-animation-delay:1.3s;
	-ms-animation-delay:1.3s;
	-o-animation-delay:1.3s;
	animation-delay:1.3s;
	-webkit-animation-duration:1.4s;
	-moz-animation-duration:1.4s;
	-ms-animation-duration:1.4s;
	-o-animation-duration:1.4s;
	animation-duration:1.4s;
	-webkit-animation-iteration-count:1;
	-moz-animation-iteration-count:1;
	-ms-animation-iteration-count:1;
	-o-animation-iteration-count:1;
	animation-iteration-count:1;
	-webkit-animation-timing-function:ease-out;
	-moz-animation-timing-function:ease-out;
	-ms-animation-timing-function:ease-out;
	-o-animation-timing-function:ease-out;
	animation-timing-function:ease-out;
	-webkit-animation-fill-mode:forwards;
	-moz-animation-fill-mode:forwards;
	-ms-animation-fill-mode:forwards;
	-o-animation-fill-mode:forwards;
	animation-fill-mode:forwards;
}

#data-one, #data-two, #data-three, #dataTwo-one, #dataTwo-two, #dataTwo-three {
	float: left;
}



/* ---- Annual Cost ---- */
#data-one {
	-webkit-animation-name:bar-one;
	-moz-animation-name:bar-one;
	-o-animation-name:bar-one;
	animation-name:bar-one;
	width:50%;

}
#data-two {
	-webkit-animation-name:bar-two;
	-moz-animation-name:bar-two;
	-o-animation-name:bar-two;
	animation-name:bar-two;
	width:20%;
}
#data-three {
	-webkit-animation-name:bar-three;
	-moz-animation-name:bar-three;
	-o-animation-name:bar-three;
	animation-name:bar-three;
	width:60%;
}


/* ---- Additional Cost ---- */
#dataTwo-one {
	-webkit-animation-name:barTwo-one;
	-moz-animation-name:barTwo-one;
	-o-animation-name:barTwo-one;
	animation-name:barTwo-one;
	width:25%;
}
#dataTwo-two {
	-webkit-animation-name:barTwo-two;
	-moz-animation-name:barTwo-two;
	-o-animation-name:barTwo-two;
	animation-name:barTwo-two;
	width:30%;
}
#dataTwo-three {
	-webkit-animation-name:barTwo-three;
	-moz-animation-name:barTwo-three;
	-o-animation-name:barTwo-three;
	animation-name:barTwo-three;
	width:20%;
}

/* ---- Annual Cost Bar One ---- */
@-webkit-keyframes bar-one {
0%   { width:0%;  opacity:0;}
100% { width:30%; opacity:1;}
}
@-moz-keyframes bar-one {
0%   { width:0%;  opacity:0;}
100% { width:30%; opacity:1;}
}
@-o-keyframes bar-one {
0%   { width:0%;  opacity:0;}
100% { width:30%; opacity:1;}
}
@keyframes bar-one {
0%   { width:0%;  opacity:0;}
100% { width:30%; opacity:1;}
}

/* ---- Annual Cost Bar Two ---- */
@-webkit-keyframes bar-two {
0%   { width:0%;  opacity:0;}
100% { width:25%; opacity:1;}
}
@-moz-keyframes bar-two {
0%   { width:0%;  opacity:0;}
100% { width:25%; opacity:1;}
}
@-o-keyframes bar-two {
0%   { width:0%;  opacity:0;}
100% { width:25%; opacity:1;}
}
@keyframes bar-two {
0%   { width:0%;  opacity:0;}
100% { width:25%; opacity:1;}
}

/* ---- Annual Cost Bar Three ---- */
@-webkit-keyframes bar-three {
0%   { width:0%;  opacity:0;}
100% { width:40%; opacity:1;}
}
@-moz-keyframes bar-three {
0%   { width:0%;  opacity:0;}
100% { width:40%; opacity:1;}
}
@-o-keyframes bar-three {
0%   { width:0%;  opacity:0;}
100% { width:40%; opacity:1;}
}
@keyframes bar-three {
0%   { width:0%;  opacity:0;}
100% { width:40%; opacity:1;}
}

/* ---- Additional Cost Bar One ---- */
@-webkit-keyframes barTwo-one {
0%   { width:0%;  opacity:0;}
100% { width:15%; opacity:1;}
}
@-moz-keyframes barTwo-one {
0%   { width:0%;  opacity:0;}
100% { width:15%; opacity:1;}
}
@-o-keyframes barTwo-one {
0%   { width:0%;  opacity:0;}
100% { width:15%; opacity:1;}
}
@keyframes barTwo-one {
0%   { width:0%;  opacity:0;}
100% { width:15%; opacity:1;}
}

/* ---- Additional Cost Bar Two ---- */
@-webkit-keyframes barTwo-two {
0%   { width:0%;  opacity:0;}
100% { width:60%; opacity:1;}
}
@-moz-keyframes barTwo-two {
0%   { width:0%;  opacity:0;}
100% { width:60%; opacity:1;}
}
@-o-keyframes barTwo-two {
0%   { width:0%;  opacity:0;}
100% { width:60%; opacity:1;}
}
@keyframes barTwo-two {
0%   { width:0%;  opacity:0;}
100% { width:60%; opacity:1;}
}

/* ---- Additional Cost Bar Three ---- */
@-webkit-keyframes barTwo-three {
0%   { width:0%;  opacity:0;}
100% { width:30%; opacity:1;}
}
@-moz-keyframes barTwo-three {
0%   { width:0%;  opacity:0;}
100% { width:30%; opacity:1;}
}
@-o-keyframes barTwo-three {
0%   { width:0%;  opacity:0;}
100% { width:30%; opacity:1;}
}
@keyframes barTwo-three {
0%   { width:0%;  opacity:0;}
100% { width:30%; opacity:1;}
}
.black {
    color: #000000;
}
.fivePercent {
	width:5%;
}
.tenPercent {
	width:10%;
}
.fifteenPercent {
	width:15%;
}
.thirtyPercent {
	width:30%;
}
.calendarSize {
	color: #444;
	font-size:1.2em !important;
	top: 0px;
}
ul#nav_t2 {
    list-style-type: none !important;
}
#birth-date {
    width: 76px;
}
#lifeCalc-modal {
	width: 95%;
}
.life_insurance_title {
    font-size: 24.5px !important;
    font-weight: bold;
}
.nav.thingsToReview li a {
    font-size: 16px !important;
    padding: 16px 0px;
	font-weight: 700;
}
.nav.thingsToReview li a:hover {
    padding: 16px 0px;
	background: transparent;
}
.life-events-wizard li {
    margin-right: 4px;
}
.modal form {
    padding: 10px;
}
.form-lic-calculator {
    margin-top: -25px;
}

#calculate_life_insurance_header .life-events-wizard li + li::before {
    top: 5px !important;
}
.life-events-wizard li + li::before {
    border-bottom: 20px inset transparent;
    border-left: 20px solid #FFF;
    border-top: 20px inset transparent;
    content: "";
    display: block;
    height: 0px;
    left: 0px;
    position: absolute;
    top: 0px !important;
    width: 0px;
    z-index: 1;
}
.life-events-wizard li + li::before {
    position: absolute;
    left: 0px;
    top: 2px;
    height: 0px;
    width: 0px;
    border-bottom: 20px inset transparent;
    border-left: 20px solid #FFF;
    border-top: 20px inset transparent;
    content: "";
    z-index: 1;
    display: block;
}
.life-events-wizard li::before {
    display: none;
}
#calculate_life_insurance_modal_body {
    height: 300px;
    overflow: auto;
    margin-top: 25px;
}
.clearfix::before, .clearfix::after {
    display: table;
    line-height: 0;
    content: "";
}
#calculate_life_insurance_header .life-events-wizard li::after {
    top: 5px !important;
}
.life-events-wizard li.active::after {
    border-left-color: #555 !important;
}
.life-events-wizard li.active::after {
    border-left-color: #555 !important;
    border-bottom: 20px inset transparent;
    border-left-width: 20px;
    border-left-style: solid;
    border-top: 20px inset transparent;
    content: "";
    position: absolute;
    right: -20px !important;
    top: 0px !important;
    width: 0px;
    z-index: 2;
}
.mt-5 {
     margin-top: 5px;
}
.mt-20 {
    margin-top: 20px;
}
#LifeInsuranceCalc.form-lic-calculator p {
    margin-top: 0px;
}
.form-lic-calculator p {
    font-size: 15px;
    margin-left: -20px;
}
#calculate_life_insurance_header .life-events-wizard-LIC.life-events-wizard span {
    display: inline !important;
}
.le-LetsGetStarted .life-events-wizard .label, .life-events-wizard li .label {
    display: inline;
    padding: 0.2em 0.6em 0.3em;
    font-size: 75%;
    font-weight: bold;
    line-height: 1;
    color: #FFF;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: 0.25em;
    text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.25);
    background-color: #999;
}
.certificateSize {
	display:inline-block !important;
	color: #0000FF;
	font-size:24px !important;
	vertical-align: middle;
}
.OKBtn {
	color: #fff !important;
}
.bgTotal {
    background: #F5F5F5 none repeat scroll 0% 0% !important;
}
.effectiveDate {
    font-size: 12px;
    font-weight: normal;
}
.btn-disabled {
	background:#ccc;
	color:#aaa !important;
}
.blue {
    font-size: 22px !important;
    color: #777;
}
#myModal {
    width: 50% !important;
    left: 0;
    margin: 0 25% !important;
    top: 15px;
}
#myWorksheetTabContent {
    height: auto !important;
}
.usefulInfoLinks {
    font-size: 14px;
    line-height: 40px;
	font-weight:bold;
}
.media {
    margin: 15px 0px 25px;
}
.media .media-body {
	margin-top: 10px;
}
.contentRight .pagetitle {
	border-bottom: 1px solid #dedede;
	margin-bottom:15px;
	padding-bottom:15px;
}
.web-perspective .left-decision {
	width:100%;
}
.modal-body p {
	margin-bottom:15px;
}
.thumbnail p.lead {
	padding-top:15px;
	font-size: 21px;
	padding-bottom:10px;
}
.media:first-child {
	margin-top:15px;
}
.electionSteps .badge {
	font-size:1em !important;
	padding: 7px !important;
}
.no-top-border {
	border-top:0 !important;
}
span.pdf {
    background: transparent url("../images/icon-pdf.png") no-repeat scroll 0 0;
    padding: 0 12px 10px 8px;
		margin-left: 5px;
}
table.maintables td:nth-child(3) {
    border-right: 1px solid #f0f0f0;
    font-weight: bold;
   text-align: center;
    width: 60px;
}
table.maintables td:nth-child(n+3) {
    border-right: 0 solid #f0f0f0;
    text-align: center;
}
.maintables tbody td:nth-child(3), .maintables thead td:nth-child(3) {
    background: #fafafa none repeat scroll 0 0;
    border-right-color: #ddd;
	text-align:center;
}
span.tooltip-test {
    cursor: pointer;
    display: inline-block !important;
}
.tooltip-inner {
    text-align: left;
}
td.tenPercent {
    vertical-align: bottom !important;
}
#disabled , .disabled {
	cursor:not-allowed;
	background:#eee;
}
#important-modal ul {
	padding-left:10px;
}
#myWorksheetTab {
	border-bottom: none;
}
.accordion-heading .accordion-toggle {
    display: block;
    font-size: 14px;
    padding: 8px 15px;
	outline: none;
	line-height:20px;
	font-weight:bold;
}
#myWorksheetTab2 {
	padding:10px;
}
a.btn-md{
    background-color: #f5f5f5;
    background-image: linear-gradient(to bottom, #ffffff, #e6e6e6);
    background-repeat: repeat-x;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) #a2a2a2;
    color: #333333;
    line-height: 20px;
    margin: 0 10px;
}
a.btn-mini {
    color: #000 !important;
	background-color: #f5f5f5;
    background-repeat: repeat-x;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) #a2a2a2;
    border-image: none;
    border-radius: 4px;
    border-style: solid;
    border-width: 1px;
}
a.btn-warning {
    background-color: #D0A414;
    border-color: #D0A414;
}
.btn-warning:hover {
    color: #fff;
    background-color: #D7AA15;
    border-color: #D7AA15;
}
a.btn-mini.useful-suggestions {
    color: #fff !important;
}
#collapseSteps .wizard li:last-child::after {
	border-left-color:transparent;
}
#collapseSteps .wizard li:last-child {
	border-radius: 0 4px 4px 0;
}
.enrollcompleted{
	margin-top:-20px;
}
.input-group-addon {
    padding: 0px 7px;
}
.boxHeaderTFComplete {
	background: #d6e9c6;
	font-size: 18px;
	font-weight:bold;
	padding: 10px;
}
.tableTFComplete > table > tbody > tr > td {
	font-size: 16px;
	font-weight:400;
}
.confirmTFComplete {
	color: #343434;
	margin: 15px 0px;
	font-size:16px;
	font-weight:normal;
}
table.coverage-table p.lead {
	 margin-bottom: 0px;
	 font-size: 14px;
	 font-weight: 200;
	 line-height: 14px;
}
.popover-content {
	 padding:10px;
}

/* -------======= @end: 3.3. Add/Update family modal tab =======------- */




/* -------======= @start: 3.4. Slider on Sides =======------- */

#sidePanels {
	margin: 0 56px;
    position: fixed;
    top: 15%;
    transform: translateY(-50%);
    z-index: 10;
}
.panelHandle1, .panelHandle2, .panelHandle3 {
    clear: both;
    position: absolute;
    right: 180px;
}
#sidePanels .glyphiconFlyOut::before {
	padding:0;
	margin-top:-5px;
}
div.panelHandle1 p:nth-child(1), div.panelHandle2 p:nth-child(1), div.panelHandle3 p:nth-child(1) {
	font-size: 16px;
    font-weight: bold;
    left: -40px;
    margin: 0;
    padding: 0;
    position: relative;
    top: 60px;
    transform: rotate(90deg);
    width: 120px;
	color:#fff;
}
.im-a-first-tab {
    margin-top: 0;
}
.panelHandle1 {
    border-radius: 5px;
    cursor: pointer;
    float: right;
    height: 150px;
    width: 40px;
}
.panelHandle1, div.panelHandle1  {
    background-color: #5bb75b;
    background-repeat: repeat-x;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    color: #fff;
}
.panelHandle1 .popover-title , .panelHandle1 .popover-title:hover ,.panelHandle2 .popover-title ,.panelHandle3 .popover-title {
	background-color: #fff;
	padding:0;
	border-bottom:none;
}
.panelHandle1 .popover-content .table
{
	border-top:none !important;
}
.popover-content .media
{
	margin-bottom:0;
}
.panelHandle1:hover, div.panelHandle1:hover  {
    background-color: #5bb75b;
    background-repeat: repeat-x;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    color: #fff;
}
.im-a-second-tab {
    margin-top: 152px;
}
.panelHandle2 {
    border-radius: 5px;
    cursor: pointer;
    float: right;
    height: 150px;
    width: 40px;
}
.panelHandle2, div.panelHandle2  {
    background-color: #d0a414;
    background-repeat: repeat-x;
    border-color: #d0a414 #d0a414 hsl(213, 60%, 93%);
    color: #000;
}
.panelHandle2:hover, div.panelHandle2:hover  {
    background-color: #d0a414;
    background-repeat: repeat-x;
    border-color: #d0a414 #d0a414 hsl(213, 60%, 93%);
    color: #fff;
}
.panelHandle2:hover, div.panelHandle2:hover {
    background-color: #D7AA15;
    background-repeat: repeat-x;
    border-color: #D7AA15;
    color: #FFF;
}
.im-a-third-tab {
    margin-top: 304px;
}
.panelHandle3 {
    border-radius: 5px;
    cursor: pointer;
    float: right;
    height: 150px;
    width: 40px;
}
.panelHandle3, div.panelHandle3  {
    background-color: #006dcc;
    background-repeat: repeat-x;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    color: #fff;
}
.panelHandle3:hover, div.panelHandle3:hover  {
    background-color: #006dcc;
    background-repeat: repeat-x;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    color: #fff;
}
.panelHandle1, div.panelHandle1 .popover-title, .panelHandle2, div.panelHandle2 .popover-title, .panelHandle3, div.panelHandle3 .popover-title {
    border-radius: 4px;
    color: #ffffff;
}
.panelHandle1, .panelHandle2, .panelHandle3 {
    clear: both;
    margin-left: 1100px;
    position: absolute;
    right: auto;
}
element.style {
    background: none repeat scroll 0 0 #d6e9c6;
}
div.panelHandle1 .popover-content, div.panelHandle2 .popover-content, div.panelHandle3 .popover-content {
    color: #333;
}
.popover.left.useful-info-popover , .popover.left.popover-cart,.popover.left.lookatme-info-popover,.popover.left.look-at-me-submitted-popover {
    margin-left: -405px;
	min-width: 400px;
    width: 400px;

}
.popover.left.useful-info-popover {
	 top: -80px;
}
.popover.left.look-at-me-submitted-popover {
    margin-left: -623px;
    max-width: 620px;
    width: 619px;
	top:-111px;
}
.glyphiconFlyOut {
    display: inline;
    float: left;
    font-style: normal;
    font-weight: normal;
    height: auto;
    line-height: normal;
    margin-bottom: 0;
    margin-top: 0;
    text-decoration: inherit;
    vertical-align: baseline;
    width: 25px;
}
.color-grey {
    color: #616161;
	font-weight:bold;
	margin-top:7px;
	margin-bottom:7px;
}
.choiceMiddleContText .redText{
    font-weight: bold;
    color: #ff0000;
}
.redText{
    color:#ff0000 !important;
}
.redText a{
    color:#ff0000 !important;
    cursor:pointer;
}
.greenText a{
    color: #008000;
    cursor: pointer;
}
.greenText{
    color: #008000;
}
ul.ulLookatme  {
    margin-bottom: 10px;
    margin-top: 0;
}
.ulLookatme li {
    list-style-type: square;
}
#divRequiredDocs , #divEOI {
	padding-left:30px;
}

.verifyMyDependentsTable thead tr th,.verifyMyDependentsTable tbody tr td{
    width:16.66%;
}
.verifyMyDependentsTable tbody tr td ul{
    list-style-type: none;
}
.verifyMyDependentsTablePanel{
    margin-top: 10px;
}
.verifyOnlineModule .choiceMiddlecontHeader p,.verifyNowRecordStatusModule .choiceMiddlecontHeader p{
    font-size: 12px;
    font-style: italic;
    font-weight: bold;
    margin-top: 10px;
}
.verifyOnlineModule .choiceMiddlecontTable tbody tr:first-child > td,.verifyNowRecordStatusModule .choiceMiddlecontTable tbody tr:first-child > td{
    border-top:0px!important;
}
.verifyOnlineModule .choiceMiddlecontTable tbody tr td:first-child,.verifyNowRecordStatusModule .choiceMiddlecontTable tbody tr> td:first-child{
    font-weight: bold;
}
.verifyOnlineModule .choiceMiddlecontTable tbody tr td:last-child,.verifyNowRecordStatusModule .choiceMiddlecontTable tbody tr td:last-child{
    text-align: right;
}
.verifyOnlineModule .verifyStatus .statusTable,.verifyNowRecordStatusModule .verifyStatus .statusTable{
    border: 1px solid #DEDEDE;
    border-top: 3px solid #DCDBDB
}
.verifyOnlineModule .navbuttons a.btn,.verifyNowRecordStatusModule .navbuttons a.btn{
    border-radius: 4px;
    border: 1px solid #000;
    background-color: #fff;
    padding-left:1px;
    padding: 3px;
    color:#000;
}
.verifyOnlineModule .navbuttons a.btn img,.verifyNowRecordStatusModule .navbuttons a.btn img{
    padding-right: 5px;
}

.choiceMiddleOptions .pageToolbar a,.pageToolbar a{
    text-align: right;
    color: #b4b5b9!important;
    font-size: 10px;
}
.choiceMiddleOptions .pageToolbar a:hover,.pageToolbar a:hover{
    color:#666 !important;
    cursor: pointer;
}
.printToolImage div {
    background: url("../images/icon_printfriend.jpg") no-repeat;
    float: right;
    padding-left: 18px;
    height: 16px;
}
.choiceMiddleOptions{
    height:20px;
    margin-top: 30px;
}
.middleContent{
    padding: 0px!important;
}
.middleContentHeader{
    font-family: 'AspenRegular',arial,helvetica,helve,sans-serif;
    font-size: 25px;
    color: #444;
    padding-left: 10px;
    margin: 0px 0px 30px 0px;
}
.leftNavBody{
    padding: 0px;
}
.leftNavBody ul{
    list-style-type: none!important;
}
.leftNavBody ul li{
    padding: 9px;
    background: #FFF url("../images/icon_bullet.gif") no-repeat scroll 12px 10px !important;
    display: flex;
}
.leftNavBody ul li a{
    /* color: #0083A6 !important; */
    font-weight: normal;
    font-size: 11px;
    padding-left: 28px;
    text-decoration: none;
}
/* -------======= @end: 3.4. Slider on Sides =======------- */




/* -------======= @start: 3.5. Worksheet =======------- */

.my-family-member-1, .my-family-member-2, .my-family-member-3, .my-family-member-4, .my-family-member-5 {
    height: 50px;
    width: 40px;
	display: inline;
}
.my-family-member-1 {
    color: #121212;
	font-size:3em !important;
}
.my-family-member-2 {
    color: #2895D5;
	font-size:3em !important;
}
.my-family-member-3 {
    color: #FC9F13;
	font-size:2em !important;
	line-height: 50px !important;
}
.my-family-member-4 {
    color: #FC9F13;
	font-size:2em !important;
	line-height: 50px !important;
}
.my-family-member-5 {
    color: #78A68F;
	font-size:2em !important;
	line-height: 50px !important;
	position: relative;
}
.newBadge {
	position: absolute;
	font-family: 'AspenRegular',Helvetica Neue,Helvetica,Arial,sans-serif;
	font-weight: normal;
	font-size: 14px;
	padding: 3px 6px;
	top: 0px;
	right: -30px;
}
.my-family {
	font-size:2em !important;
	margin: 0px 7px 0px 0px;
	display: inline-block;
}
.calendarSize {
	color: #444;
	font-size:1.2em !important;
	top: 0px;
}
table.deps-covered td {
    text-align: center;
}
table.coverage-table > tbody > tr > td > .radio, table.coverage-table > tbody > tr > td > .checkbox, table.deps-covered > tbody > tr > td > .radio, table.deps-covered > tbody > tr > td > .checkbox {
    margin-left: 20px;
}
.accordion-toggle:hover {
	text-decoration: none;
}
span.expand-collapse {
  background: #eee none repeat scroll 0 0;
    border: 1px solid #ccc;
    border-radius: 4px;
    margin-right: 8px;
    padding: 8px 10px;
}
.table-coverage-overview .dollaramount {
	float: left;
    font-size: 20px;
    padding-left: 0;
    padding-right: 10px;
}

.table-coverage-overview .lic-textbox {
	width: 85%;
}
.my-table-overlay {
    margin: 0;
    padding: 0;
    position: absolute;
    background: rgba(0, 0, 0, 0.6);
    text-align: center;
    display: table;
    z-index: 100;
}
.refresh-bg{display: none; height: 419px; width: 1090px;}
.refresh-btn{background:rgba(255,255,255,0.5);padding:20px;text-align:center;}
.my-table-overlay-container {
    margin-top: 17%;
}
.table td.whoToCover   {
	padding: 0px;
}
#HSAElect .summary, #HSAElect .readme {
	display: inline-block;
}
#HSAElect .table:not(.hsaMid-table) td ~ td[data-title]::before {
	display: none;
}
#HSAElect .table:not(.hsaMid-table) td ~ td > div {
	display: none;
}
#HSAElect .table td.selected ~ td[data-title]::before {
	display: inline;
}
#HSAElect .table td.selected ~ td > div {
	display: block;
}
#HSAElect .table .radio input[type="radio"] {
	margin-left: auto;
}
.benegrouptitleswitch 
{
	padding-left: 5px;
    background-color: #f5f5f5;
    border-top: 1px solid #e5e5e5;
    border-bottom: 1px solid #e5e5e5;
}
.benefits-group .list-group-item {
	padding: 10px 0 0 0;
}
.benefits-group .list-group-item.totalItem {
	background-color: #4DB14D;
	color: #fff;
}
.benefits-group .list-group-item .row {
	margin: 0 0 10px 0;
}

.totalRow {
	font-weight: bold;
	font-size: 1.5em;
}
.totalRow div:nth-child(2),.subtotalRow div:nth-child(2) {
	text-align: right;
}
.subtotalRow a, .subtotalRow a .glyphicons-question-sign::before {
	color: #fff;
}
.subtotalRow .table td {
	border-top: none;
}

/* -------======= @end: 3.5. Worksheet =======------- */


/* -------======= @start: 3.6. Investing Selections =======------- */
.enrollTF-table {
	border-collapse: separate !important;
	border: 1px solid #ccc;
	border-radius: 3px;
}

.enrollTF-table>tfoot, .enrollTF-table>thead{
	background-color: #f5f5f5;
}
.fundInfo {
    /* display: none; */
    position: relative;
}
.investRowMargin {
	margin-top: 5px;
}
.starRating {
    display: none;
}
.piecharts, #futureMoneyWrapper, .futureMoney {
    display: none;
}
#showPieChartsBtn {
    float: right;
    margin-right: 25px;
}
#futureMoneyWrapper {
    padding-left: 10px;
	margin-top: 10px;
}
#futureMoneyBar p {
    font-size: 18px;
}
.border-left {
    border-left: 2px solid #ddd;
}
#xfrFromFunds, #xfrToFundsBtn, #xfrToFunds, #addXfrBtn, .percNoticeWrapper, 
#distFormsCalc, #recalcLoan, .recalcLogoText, #grossUpWrapper, .withdrawalCalcResults {
    display: none;
}
.finalDistCalcResults {
    background-color: #fff;
    border: 1px solid #ccc;
    border-radius: 4px;
    color: #343434;
    display: none;
    padding: 7px 10px;
    text-align: center;
}
#nextStepBtn {
    margin: 30px 0 0 -25px;
}
.percNotice {
    background-color: #f5f5f5;
    border: 1px solid #ccc;
    border-radius: 4px;
    padding: 7px 10px;
    text-align: center;
}
{
	display: none;
}
.ddCheckImage{
	position: absolute
}
.loanReviewTable tr td:nth-of-type(2) {
    font-weight: bold;
    padding-right: 20px;
}
.congratsContent {
    font-size: 14px;
    margin-bottom: 0;
}

/* Begin: Sticky Pie Charts */
#chartdiv {
  height: 150px;
}	

#chartdiv2 {
  height: 150px;
}

#chartdiv3 {
  height: 150px;
}

#chartdiv4 {
  height: 150px;
}

a[title="JavaScript charts"] {
	visibility: hidden;
}

.row-pie {
	background-color: #fff;
	border: solid 1px #eee;
	border-radius: 4px;
	margin-bottom: 25px;
	padding-bottom: 10px;
	box-shadow: 0px 5px 4px #ccc;
}

.row-shark {
	display: none;
}
.row-help-no-shark {
	display: block;
}

@media (min-width: 992px) {
	.row-pie {
		position: sticky;
		top: 0px;
		z-index: 100;
	}
	.row-help-no-shark {
		display: none;
	}
	.row-shark.showShark, .row-help-no-shark.hideShark {
		display: block;
	}	
.totalRow div:first-child span, .subtotalRow div:first-child span {
		margin-left: 10px;
	}
	.totalRow div:nth-child(2),.subtotalRow div:nth-child(2),
	.totalRow div:nth-child(3),.subtotalRow div:nth-child(3)	{
		text-align: center;
	}	
}

.retire-badge {
	margin-right: 0px;
}

.retire-badge:hover {
	opacity: .8;
}

#retire-badge1{
	position: relative;
	right: -10px;
	background-color: #0088cc;
}
/* End: Sticky Pie Charts */

/* -------======= @end: 3.6. Investing Selections =======------- */





/* -------======= @start: 3.7. Benefit Summary =======------- */


.btn.panelHandle1a.btn-Mobile, .btn.panelHandle2a.btn-Mobile, .btn.panelHandle3a.btn-Mobile {
    color: #fff;
}
.btn.panelHandle1a.btn-Mobile {
    background: #2FAA2F;
}
.btn.panelHandle2a.btn-Mobile {
    background: #D7AA15;
}
.btn.panelHandle3a.btn-Mobile {
    background: #0081C4;
}
.my-family-member-3, .my-family-member-4 {
    color: #FC9F13;
    font-size: 2em !important;
}
.hide-my-new-prices {
	display:none;
}
.btn-success {
	float: none;
}
.flyout .glyphicons-question-sign::before, .flyout .glyphicons-exclamation-sign::before {
    color: #fff;
}
.grandTotal {
	background: #47A447 !important;
	color: #fff;
	font-size:2.4rem;
	padding: 15px 0px;
}
.tax {
	padding: 18px 50px;
}
.btn-default {
    background-color: #fff;
    background-image: none;
    background-repeat: repeat-x;
    border-color: #ddd;
    color: #000 !important;
    filter: none;
    text-shadow: none;
    box-shadow: none;
}
.btn-default:hover {
    background-color: #eee;
    background-image: none;
    background-repeat: repeat-x;
    border-color: #ddd;
    color: #000 !important;
    filter: none;
    text-shadow: none;
    box-shadow: none;
}
.btn-success:hover,
.btn-success:active,
.btn-success:focus,
.btn-success.active,
.btn-success.disabled,
.btn-success[disabled],
.btn-success {
    background-color: #5cb85c;
    border-color: #4cae4c;
    color: #fff;
}
.btn:focus {
    outline: none;
}
.btn-view {
	padding: 4px 8px !important;
	font-size: 10px !important;
	margin-left: 5px;
}
.btn.btn-default.cart-btn {
	background: #4DB14D;
	color: #fff !important;
}
.btn-group-sm > .btn, .btn-sm {font-size: 14px; }
.panel-heading {
    background: #f5f5f5 none repeat scroll 0 0;
	border-color: #ddd;
	color: #000;
	padding: 10px;
	border-top-left-radius: 3px;
	border-top-right-radius: 3px;
	height: 40px;
	font-weight: lighter;
  font-family: 'AspenRegular',Helvetica Neue,Helvetica,Arial,sans-serif;
}
.collapse .panel-heading {
	margin: -28px -30px 0 -30px;
}
.modal .panel-heading {
	margin: 0px;
}
/*.inlineClose {
    background: #555555 none repeat scroll 0 0;
    border-radius: 0 3px 0 0;
    color: #fff;
    cursor: pointer;
    float: right;
    padding: 11px;
    position: relative;
    right: -10px;
    top: -10px;
}*/
.well {
    background-color: #fff;
    border: 1px solid #e3e3e3;
    border-radius: 4px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05) inset;
    margin-bottom: 20px;
    min-height: 20px;
    padding: 19px;
}
.wellHSA {
	background: #fafafa;
	border: 1px solid #ddd;
}
.beneElect {
	margin:40px 0px;	
}
/* .collapse {
    overflow: hidden;
} */
.costCol {
	text-align:right;
	font-weight: bold;
	margin-bottom: 10px;
}
.costHeader {
    position: relative;
    top: 10px;
    line-height: 34px;
}
.btnCol {
	text-align:center;
}
.familyCol {
	text-align:center;
	font-weight: bold;
}
.names {
    font-weight: 600;
}
.benefitTitle {
	font-size: 14px;
	font-weight: bold;
}
/*#worksheet .badge {
    border-radius: 0px;
}*/
#benefitsTable .benefitSummaryTable .benefitRow .benefitBadge
{
	border-radius: 10px;
	position:relative;
	font-size: 0.85em;
	padding: 3px 8px;
    left: -2px;
    top: -6px;
}
.glyphicons-question-sign::before {
    color: #fff;
}
.benefitRow {
	border-top: 1px solid #ccc;
	padding-bottom: 10px;
}
.benefitRow, .benefitRowComplete {
	margin: 0px;
	margin-left: 0;
	margin-right: 0;
}
.benefitRow table td.icon{
	display:none;
}
.benefitRow table td.icon.learnOn {
	display: table-cell;
	width: 8%;
}
.benefitRowComplete {
	background: #fefefe;
}
.total {
	font-weight: bold;
	background: #eee;
}
.totalTitle {
	text-align:left;
	padding: 18px 50px;
}
.flyouts {
	text-align:right;
}
.noBullets {
    list-style-type: none !important;
}
.overlay {
    display:none;
    background-color: #000;
    bottom: 0;
    left: 0;
    opacity: 0.5;
    filter: alpha(opacity = 50);
    position: absolute;
    right: 0;
    top: 0;
    z-index: 49;
	max-width: 1170px;
	margin: 0 auto;
	height: 500%;
	max-height: 3000px;

}
.medBene, .dentalElect, .lifeElect {
	z-index:99;
}
.benefitOn {
	overflow: visible !important;
	-webkit-transition: height 1.35s ease;
    -moz-transition: height 1.35s ease;
    -o-transition: height 1.35s ease;
    transition: height 1.35s ease;
}
.benefitOff {
    overflow: hidden !important;
    display: none;
    -webkit-transition: height 1.35s ease;
    -moz-transition: height 1.35s ease;
    -o-transition: height 1.35s ease;
    transition: height 1.35s ease;
}
#medElect, #HSAElect, #tobacElect, #spouseElect, #criticalElect, #hospitalElect, #dentalElect, #visionElect, #HFSAElect, #DCFSAElect, #legalElect, #identityElect, #fourZeroOneKElect, #basicLifeElect, #lifeElect, #supplementalElect, #spouseLifeElect, #childLifeElect, #shortTermElect, #longTermElect, #accidentElect {
	z-index:50;
	position:relative;
	width: 102.7%;
    left: -1.3%;
	box-shadow: 0 0 7px  rgba(0, 0, 0, 0.1);
	-webkit-transition: height 1.35s ease;
    -moz-transition: height 1.35s ease;
    -o-transition: height 1.35s ease;
    transition: height 1.35s ease;
}
.glyphicons-ok {
    color: #47a447;
    font-size: 19px !important;
}
.OKBtn {
    color: #fff !important;
}
#myMobileCart, #myMobileLookAtMe, #tellMeWhy{
    height: 220px;
}
#myModalLabel {
    color: #fff;
}
#myMobileUsefulInfo {
    height: 340px;
}
.lead {
    margin-left: 5px;
    margin-top: 0px;
    font-size: 18px;
}
.tellMe {
    text-decoration: underline !important;
    color: #509bcd;
}
.col-md-1.popContent {
    width: 4.180000000000000%;
    text-align: left;
    margin: 0;
    padding: 0;
}
#benefitsTable {
    margin-right: -15px;
    margin-left: -15px;
}
#familyMemberEdit, #familyMemberQA {
    margin-top: 40px;
}
.pendingTableRow .glyphicons-exclamation-sign::before {
    color: #FDBB30;
}
.vcenter {
    display: inline-block;
    vertical-align: middle;
    float: none;
}
.parent {
  position: relative;
}
/*.child {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}*/
.special { display:table;}
.v-m {
	display:table-cell;
	vertical-align:middle
}
.important {
  color: #ee9f31;
  font-weight: bold;
}
#fourZeroOneKElect h4 {
	line-height:34px;
	margin-bottom: 34px;
}
#fourZeroOneKElect .alert-warning {
    margin-top: 34px;
}
.spouseRow .col-md-2.costCol, .spouseRow .col-md-4, .spouseRow .col-md-1, .spouseRow .col-md-2 {
    padding-top: 7px;
}
.wizardBox {
	height: 65px;
    line-height: 21px;
    font-weight: bold;
    background: #fafafa;
    font-size: 24px;
    border-radius: 14px;
    border: 1px solid #eee;
    color: #333;
	padding:10px;
}
.completed {
	font-size:12px;	
	color: #aaa;
}
.icon {
	vertical-align: top;
    padding: 0px 10px;
}
@media (max-width: 768px) {
	.row {
		margin-right: 0px;
		margin-left: 0px;
	}
}
@media (min-width: 768px) {
	.costCol, .costColPrev {
		height: 76px;
		text-align: center;
	}
	.costCol {
		background-color: #DFF0D8;
		margin-bottom: 0px;
	}
	.pendingTableRow .costCol {
		background-color: #fcf8e3;
	}
	.benefitRow {
		border-top: none;
		padding-bottom: 0px;
	}

}

/* -------======= @end: 3.7. Benefit Summary =======------- */




/* -----------------------------------======   @end: 3. TRANSACTIONAL FRAMEWORK   ======----------------------------------- */













/* -----------------------------------======   @start: 4. GLYPHICONS   ======----------------------------------- */

/* -------======= @start: 4.1. Loading Icons =======------- */
@font-face{font-family:'Glyphicons Regular';src:url('../fonts/glyphicons-regular.eot');src:url('../fonts/glyphicons-regular.eot?#iefix') format('embedded-opentype'),url('../fonts/glyphicons-regular.woff2') format('woff2'),url('../fonts/glyphicons-regular.woff') format('woff'),url('../fonts/glyphicons-regular.ttf') format('truetype'),url('../fonts/glyphicons-regular.svg#glyphiconsregular') format('svg')}.glyphicons{display:inline-block;font-family:'Glyphicons Regular';font-style:normal;font-weight:normal;line-height:1;vertical-align:sub;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.glyphicons:before{display:inline-block;}.glyphicons.x05{font-size:12px}.glyphicons.x2{font-size:48px}.glyphicons.x2:before{padding:8px 12px}.glyphicons.x3{font-size:72px}.glyphicons.x3:before{padding:16px 20px}.glyphicons.x4{font-size:96px}.glyphicons.x4:before{padding:20px 28px}.glyphicons.x5{font-size:120px}.glyphicons.x5:before{padding:28px 36px}.glyphicons.light:before{color:#f2f2f2}.glyphicons.drop:before{text-shadow:-1px 1px 3px rgba(0,0,0,0.3)}.glyphicons.flip{-moz-transform:scaleX(-1);-o-transform:scaleX(-1);-webkit-transform:scaleX(-1);transform:scaleX(-1);filter:FlipH;-ms-filter:"FlipH"}.glyphicons.flipv{-moz-transform:scaleY(-1);-o-transform:scaleY(-1);-webkit-transform:scaleY(-1);transform:scaleY(-1);filter:FlipV;-ms-filter:"FlipV"}.glyphicons.rotate90{-webkit-transform:rotate(90deg);-moz-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg)}.glyphicons.rotate180{-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}.glyphicons.rotate270{-webkit-transform:rotate(270deg);-moz-transform:rotate(270deg);-ms-transform:rotate(270deg);transform:rotate(270deg)}.glyphicons-glass:before{content:"\E001"}.glyphicons-leaf:before{content:"\E002"}.glyphicons-dog:before{content:"\E003"}.glyphicons-user:before{content:"\E004"}.glyphicons-girl:before{content:"\E005"}.glyphicons-car:before{content:"\E006"}.glyphicons-user-add:before{content:"\E007"}.glyphicons-user-remove:before{content:"\E008"}.glyphicons-film:before{content:"\E009"}.glyphicons-magic:before{content:"\E010"}.glyphicons-envelope:before{content:"\E011"}.glyphicons-camera:before{content:"\E012"}.glyphicons-heart:before{content:"\E013"}.glyphicons-beach-umbrella:before{content:"\E014"}.glyphicons-train:before{content:"\E015"}.glyphicons-print:before{content:"\E016"}.glyphicons-bin:before{content:"\E017"}.glyphicons-music:before{content:"\E018"}.glyphicons-music-alt:before{content:"\E019"}.glyphicons-heart-empty:before{content:"\E020"}.glyphicons-home:before{content:"\E021"}.glyphicons-snowflake:before{content:"\E022"}.glyphicons-fire:before{content:"\E023"}.glyphicons-magnet:before{content:"\E024"}.glyphicons-parents:before{content:"\E025"}.glyphicons-binoculars:before{content:"\E026"}.glyphicons-road:before{content:"\E027"}.glyphicons-search:before{content:"\E028"}.glyphicons-cars:before{content:"\E029"}.glyphicons-notes-2:before{content:"\E030"}.glyphicons-pencil:before{content:"\E031"}.glyphicons-bus:before{content:"\E032"}.glyphicons-wifi-alt:before{content:"\E033"}.glyphicons-luggage:before{content:"\E034"}.glyphicons-old-man:before{content:"\E035"}.glyphicons-woman:before{content:"\E036"}.glyphicons-file:before{content:"\E037"}.glyphicons-coins:before{content:"\E038"}.glyphicons-plane:before{content:"\E039"}.glyphicons-notes:before{content:"\E040"}.glyphicons-stats:before{content:"\E041"}.glyphicons-charts:before{content:"\E042"}.glyphicons-pie-chart:before{content:"\E043"}.glyphicons-group:before{content:"\E044"}.glyphicons-keys:before{content:"\E045"}.glyphicons-calendar:before{content:"\E046"}.glyphicons-router:before{content:"\E047"}.glyphicons-camera-small:before{content:"\E048"}.glyphicons-star-empty:before{content:"\E049"}.glyphicons-star:before{content:"\E050"}.glyphicons-link:before{content:"\E051"}.glyphicons-eye-open:before{content:"\E052"}.glyphicons-eye-close:before{content:"\E053"}.glyphicons-alarm:before{content:"\E054"}.glyphicons-clock:before{content:"\E055"}.glyphicons-stopwatch:before{content:"\E056"}.glyphicons-projector:before{content:"\E057"}.glyphicons-history:before{content:"\E058"}.glyphicons-truck:before{content:"\E059"}.glyphicons-cargo:before{content:"\E060"}.glyphicons-compass:before{content:"\E061"}.glyphicons-keynote:before{content:"\E062"}.glyphicons-paperclip:before{content:"\E063"}.glyphicons-power:before{content:"\E064"}.glyphicons-lightbulb:before{content:"\E065"}.glyphicons-tag:before{content:"\E066"}.glyphicons-tags:before{content:"\E067"}.glyphicons-cleaning:before{content:"\E068"}.glyphicons-ruler:before{content:"\E069"}.glyphicons-gift:before{content:"\E070"}.glyphicons-umbrella:before{content:"\E071"}.glyphicons-book:before{content:"\E072"}.glyphicons-bookmark:before{content:"\E073"}.glyphicons-wifi:before{content:"\E074"}.glyphicons-cup:before{content:"\E075"}.glyphicons-stroller:before{content:"\E076"}.glyphicons-headphones:before{content:"\E077"}.glyphicons-headset:before{content:"\E078"}.glyphicons-warning-sign:before{content:"\E079"}.glyphicons-signal:before{content:"\E080"}.glyphicons-retweet:before{content:"\E081"}.glyphicons-refresh:before{content:"\E082"}.glyphicons-roundabout:before{content:"\E083"}.glyphicons-random:before{content:"\E084"}.glyphicons-heat:before{content:"\E085"}.glyphicons-repeat:before{content:"\E086"}.glyphicons-display:before{content:"\E087"}.glyphicons-circle-exclamation-mark:before{content:"\E197"}.glyphicons-log-book:before{content:"\E088"}.glyphicons-address-book:before{content:"\E089"}.glyphicons-building:before{content:"\E090"}.glyphicons-eyedropper:before{content:"\E091"}.glyphicons-adjust:before{content:"\E092"}.glyphicons-tint:before{content:"\E093"}.glyphicons-crop:before{content:"\E094"}.glyphicons-vector-path-square:before{content:"\E095"}.glyphicons-vector-path-circle:before{content:"\E096"}.glyphicons-vector-path-polygon:before{content:"\E097"}.glyphicons-vector-path-line:before{content:"\E098"}.glyphicons-vector-path-curve:before{content:"\E099"}.glyphicons-vector-path-all:before{content:"\E100"}.glyphicons-font:before{content:"\E101"}.glyphicons-italic:before{content:"\E102"}.glyphicons-bold:before{content:"\E103"}.glyphicons-text-underline:before{content:"\E104"}.glyphicons-text-strike:before{content:"\E105"}.glyphicons-text-height:before{content:"\E106"}.glyphicons-text-width:before{content:"\E107"}.glyphicons-text-resize:before{content:"\E108"}.glyphicons-left-indent:before{content:"\E109"}.glyphicons-right-indent:before{content:"\E110"}.glyphicons-align-left:before{content:"\E111"}.glyphicons-align-center:before{content:"\E112"}.glyphicons-align-right:before{content:"\E113"}.glyphicons-justify:before{content:"\E114"}.glyphicons-list:before{content:"\E115"}.glyphicons-text-smaller:before{content:"\E116"}.glyphicons-text-bigger:before{content:"\E117"}.glyphicons-embed:before{content:"\E118"}.glyphicons-embed-close:before{content:"\E119"}.glyphicons-table:before{content:"\E120"}.glyphicons-message-full:before{content:"\E121"}.glyphicons-message-empty:before{content:"\E122"}.glyphicons-message-in:before{content:"\E123"}.glyphicons-message-out:before{content:"\E124"}.glyphicons-message-plus:before{content:"\E125"}.glyphicons-message-minus:before{content:"\E126"}.glyphicons-message-ban:before{content:"\E127"}.glyphicons-message-flag:before{content:"\E128"}.glyphicons-message-lock:before{content:"\E129"}.glyphicons-message-new:before{content:"\E130"}.glyphicons-inbox:before{content:"\E131"}.glyphicons-inbox-plus:before{content:"\E132"}.glyphicons-inbox-minus:before{content:"\E133"}.glyphicons-inbox-lock:before{content:"\E134"}.glyphicons-inbox-in:before{content:"\E135"}.glyphicons-inbox-out:before{content:"\E136"}.glyphicons-cogwheel:before{content:"\E137"}.glyphicons-cogwheels:before{content:"\E138"}.glyphicons-picture:before{content:"\E139"}.glyphicons-adjust-alt:before{content:"\E140"}.glyphicons-database-lock:before{content:"\E141"}.glyphicons-database-plus:before{content:"\E142"}.glyphicons-database-minus:before{content:"\E143"}.glyphicons-database-ban:before{content:"\E144"}.glyphicons-folder-open:before{content:"\E145"}.glyphicons-folder-plus:before{content:"\E146"}.glyphicons-folder-minus:before{content:"\E147"}.glyphicons-folder-lock:before{content:"\E148"}.glyphicons-folder-flag:before{content:"\E149"}.glyphicons-folder-new:before{content:"\E150"}.glyphicons-edit:before{content:"\E151"}.glyphicons-new-window:before{content:"\E152"}.glyphicons-check:before{content:"\E153"}.glyphicons-unchecked:before{content:"\E154"}.glyphicons-more-windows:before{content:"\E155"}.glyphicons-show-big-thumbnails:before{content:"\E156"}.glyphicons-show-thumbnails:before{content:"\E157"}.glyphicons-show-thumbnails-with-lines:before{content:"\E158"}.glyphicons-show-lines:before{content:"\E159"}.glyphicons-playlist:before{content:"\E160"}.glyphicons-imac:before{content:"\E161"}.glyphicons-macbook:before{content:"\E162"}.glyphicons-ipad:before{content:"\E163"}.glyphicons-iphone:before{content:"\E164"}.glyphicons-iphone-transfer:before{content:"\E165"}.glyphicons-iphone-exchange:before{content:"\E166"}.glyphicons-ipod:before{content:"\E167"}.glyphicons-ipod-shuffle:before{content:"\E168"}.glyphicons-ear-plugs:before{content:"\E169"}.glyphicons-exclamation-sign:before{content:"\E170"}.glyphicons-step-backward:before{content:"\E171"}.glyphicons-fast-backward:before{content:"\E172"}.glyphicons-rewind:before{content:"\E173"}.glyphicons-play:before{content:"\E174"}.glyphicons-pause:before{content:"\E175"}.glyphicons-stop:before{content:"\E176"}.glyphicons-forward:before{content:"\E177"}.glyphicons-fast-forward:before{content:"\E178"}.glyphicons-step-forward:before{content:"\E179"}.glyphicons-eject:before{content:"\E180"}.glyphicons-facetime-video:before{content:"\E181"}.glyphicons-download-alt:before{content:"\E182"}.glyphicons-mute:before{content:"\E183"}.glyphicons-volume-down:before{content:"\E184"}.glyphicons-volume-up:before{content:"\E185"}.glyphicons-screenshot:before{content:"\E186"}.glyphicons-move:before{content:"\E187"}.glyphicons-more:before{content:"\E188"}.glyphicons-brightness-reduce:before{content:"\E189"}.glyphicons-brightness-increase:before{content:"\E190"}.glyphicons-plus-sign:before{content:"\E191"}.glyphicons-minus-sign:before{content:"\E192"}.glyphicons-remove-sign:before{content:"\E193"}.glyphicons-ok-sign:before{content:"\E194"}.glyphicons-question-sign:before{content:"\E195"}.glyphicons-info-sign:before{content:"\E196"}.glyphicons-exclamation-sign:before{content:"\E197"}.glyphicons-remove-circle:before{content:"\E198"}.glyphicons-ok-circle:before{content:"\E199"}.glyphicons-ban-circle:before{content:"\E200"}.glyphicons-download:before{content:"\E201"}.glyphicons-upload:before{content:"\E202"}.glyphicons-shopping-cart:before{content:"\E203"}.glyphicons-lock:before{content:"\E204"}.glyphicons-unlock:before{content:"\E205"}.glyphicons-electricity:before{content:"\E206"}.glyphicons-ok:before{content:"\E207"}.glyphicons-remove:before,.glyphicons-remove:before{content:"\E208"}.glyphicons-cart-in:before{content:"\E209"}.glyphicons-cart-out:before{content:"\E210"}.glyphicons-arrow-left:before{content:"\E211"}.glyphicons-arrow-right:before{content:"\E212"}.glyphicons-arrow-down:before{content:"\E213"}.glyphicons-arrow-up:before{content:"\E214"}.glyphicons-resize-small:before{content:"\E215"}.glyphicons-resize-full:before{content:"\E216"}.glyphicons-circle-arrow-left:before{content:"\E217"}.glyphicons-circle-arrow-right:before{content:"\E218"}.glyphicons-circle-arrow-top:before{content:"\E219"}.glyphicons-circle-arrow-down:before{content:"\E220"}.glyphicons-play-button:before{content:"\E221"}.glyphicons-unshare:before{content:"\E222"}.glyphicons-share:before{content:"\E223"}.glyphicons-chevron-right:before{content:"\E224"}.glyphicons-chevron-left:before{content:"\E225"}.glyphicons-bluetooth:before{content:"\E226"}.glyphicons-euro:before{content:"\E227"}.glyphicons-usd:before{content:"\E228"}.glyphicons-gbp:before{content:"\E229"}.glyphicons-retweet-2:before{content:"\E230"}.glyphicons-moon:before{content:"\E231"}.glyphicons-sun:before{content:"\E232"}.glyphicons-cloud:before{content:"\E233"}.glyphicons-direction:before{content:"\E234"}.glyphicons-brush:before{content:"\E235"}.glyphicons-pen:before{content:"\E236"}.glyphicons-zoom-in:before{content:"\E237"}.glyphicons-zoom-out:before{content:"\E238"}.glyphicons-pin:before{content:"\E239"}.glyphicons-albums:before{content:"\E240"}.glyphicons-rotation-lock:before{content:"\E241"}.glyphicons-flash:before{content:"\E242"}.glyphicons-map-marker:before{content:"\E243"}.glyphicons-anchor:before{content:"\E244"}.glyphicons-conversation:before{content:"\E245"}.glyphicons-chat:before{content:"\E246"}.glyphicons-note-empty:before{content:"\E247"}.glyphicons-note:before{content:"\E248"}.glyphicons-asterisk:before{content:"\E249"}.glyphicons-divide:before{content:"\E250"}.glyphicons-snorkel-diving:before{content:"\E251"}.glyphicons-scuba-diving:before{content:"\E252"}.glyphicons-oxygen-bottle:before{content:"\E253"}.glyphicons-fins:before{content:"\E254"}.glyphicons-fishes:before{content:"\E255"}.glyphicons-boat:before{content:"\E256"}.glyphicons-delete:before{content:"\E257"}.glyphicons-sheriffs-star:before{content:"\E258"}.glyphicons-qrcode:before{content:"\E259"}.glyphicons-barcode:before{content:"\E260"}.glyphicons-pool:before{content:"\E261"}.glyphicons-buoy:before{content:"\E262"}.glyphicons-spade:before{content:"\E263"}.glyphicons-bank:before{content:"\E264"}.glyphicons-vcard:before{content:"\E265"}.glyphicons-electrical-plug:before{content:"\E266"}.glyphicons-flag:before{content:"\E267"}.glyphicons-credit-card:before{content:"\E268"}.glyphicons-keyboard-wireless:before{content:"\E269"}.glyphicons-keyboard-wired:before{content:"\E270"}.glyphicons-shield:before{content:"\E271"}.glyphicons-ring:before{content:"\E272"}.glyphicons-cake:before{content:"\E273"}.glyphicons-drink:before{content:"\E274"}.glyphicons-beer:before{content:"\E275"}.glyphicons-fast-food:before{content:"\E276"}.glyphicons-cutlery:before{content:"\E277"}.glyphicons-pizza:before{content:"\E278"}.glyphicons-birthday-cake:before{content:"\E279"}.glyphicons-tablet:before{content:"\E280"}.glyphicons-settings:before{content:"\E281"}.glyphicons-bullets:before{content:"\E282"}.glyphicons-cardio:before{content:"\E283"}.glyphicons-t-shirt:before{content:"\E284"}.glyphicons-pants:before{content:"\E285"}.glyphicons-sweater:before{content:"\E286"}.glyphicons-fabric:before{content:"\E287"}.glyphicons-leather:before{content:"\E288"}.glyphicons-scissors:before{content:"\E289"}.glyphicons-bomb:before{content:"\E290"}.glyphicons-skull:before{content:"\E291"}.glyphicons-celebration:before{content:"\E292"}.glyphicons-tea-kettle:before{content:"\E293"}.glyphicons-french-press:before{content:"\E294"}.glyphicons-coffee-cup:before{content:"\E295"}.glyphicons-pot:before{content:"\E296"}.glyphicons-grater:before{content:"\E297"}.glyphicons-kettle:before{content:"\E298"}.glyphicons-hospital:before{content:"\E299"}.glyphicons-hospital-h:before{content:"\E300"}.glyphicons-microphone:before{content:"\E301"}.glyphicons-webcam:before{content:"\E302"}.glyphicons-temple-christianity-church:before{content:"\E303"}.glyphicons-temple-islam:before{content:"\E304"}.glyphicons-temple-hindu:before{content:"\E305"}.glyphicons-temple-buddhist:before{content:"\E306"}.glyphicons-bicycle:before{content:"\E307"}.glyphicons-life-preserver:before{content:"\E308"}.glyphicons-share-alt:before{content:"\E309"}.glyphicons-comments:before{content:"\E310"}.glyphicons-flower:before{content:"\E311"}.glyphicons-baseball:before{content:"\E312"}.glyphicons-rugby:before{content:"\E313"}.glyphicons-ax:before{content:"\E314"}.glyphicons-table-tennis:before{content:"\E315"}.glyphicons-bowling:before{content:"\E316"}.glyphicons-tree-conifer:before{content:"\E317"}.glyphicons-tree-deciduous:before{content:"\E318"}.glyphicons-more-items:before{content:"\E319"}.glyphicons-sort:before{content:"\E320"}.glyphicons-filter:before{content:"\E321"}.glyphicons-gamepad:before{content:"\E322"}.glyphicons-playing-dices:before{content:"\E323"}.glyphicons-calculator:before{content:"\E324"}.glyphicons-tie:before{content:"\E325"}.glyphicons-wallet:before{content:"\E326"}.glyphicons-piano:before{content:"\E327"}.glyphicons-sampler:before{content:"\E328"}.glyphicons-podium:before{content:"\E329"}.glyphicons-soccer-ball:before{content:"\E330"}.glyphicons-blog:before{content:"\E331"}.glyphicons-dashboard:before{content:"\E332"}.glyphicons-certificate:before{content:"\E333"}.glyphicons-bell:before{content:"\E334"}.glyphicons-candle:before{content:"\E335"}.glyphicons-pushpin:before{content:"\E336"}.glyphicons-iphone-shake:before{content:"\E337"}.glyphicons-pin-flag:before{content:"\E338"}.glyphicons-turtle:before{content:"\E339"}.glyphicons-rabbit:before{content:"\E340"}.glyphicons-globe:before{content:"\E341"}.glyphicons-briefcase:before{content:"\E342"}.glyphicons-hdd:before{content:"\E343"}.glyphicons-thumbs-up:before{content:"\E344"}.glyphicons-thumbs-down:before{content:"\E345"}.glyphicons-hand-right:before{content:"\E346"}.glyphicons-hand-left:before{content:"\E347"}.glyphicons-hand-up:before{content:"\E348"}.glyphicons-hand-down:before{content:"\E349"}.glyphicons-fullscreen:before{content:"\E350"}.glyphicons-shopping-bag:before{content:"\E351"}.glyphicons-book-open:before{content:"\E352"}.glyphicons-nameplate:before{content:"\E353"}.glyphicons-nameplate-alt:before{content:"\E354"}.glyphicons-vases:before{content:"\E355"}.glyphicons-bullhorn:before{content:"\E356"}.glyphicons-dumbbell:before{content:"\E357"}.glyphicons-suitcase:before{content:"\E358"}.glyphicons-file-import:before{content:"\E359"}.glyphicons-file-export:before{content:"\E360"}.glyphicons-bug:before{content:"\E361"}.glyphicons-crown:before{content:"\E362"}.glyphicons-smoking:before{content:"\E363"}.glyphicons-cloud-upload:before{content:"\E364"}.glyphicons-cloud-download:before{content:"\E365"}.glyphicons-restart:before{content:"\E366"}.glyphicons-security-camera:before{content:"\E367"}.glyphicons-expand:before{content:"\E368"}.glyphicons-collapse:before{content:"\E369"}.glyphicons-collapse-top:before{content:"\E370"}.glyphicons-globe-af:before{content:"\E371"}.glyphicons-global:before{content:"\E372"}.glyphicons-spray:before{content:"\E373"}.glyphicons-nails:before{content:"\E374"}.glyphicons-claw-hammer:before{content:"\E375"}.glyphicons-classic-hammer:before{content:"\E376"}.glyphicons-hand-saw:before{content:"\E377"}.glyphicons-riflescope:before{content:"\E378"}.glyphicons-electrical-socket-eu:before{content:"\E379"}.glyphicons-electrical-socket-us:before{content:"\E380"}.glyphicons-message-forward:before{content:"\E381"}.glyphicons-coat-hanger:before{content:"\E382"}.glyphicons-dress:before{content:"\E383"}.glyphicons-bathrobe:before{content:"\E384"}.glyphicons-shirt:before{content:"\E385"}.glyphicons-underwear:before{content:"\E386"}.glyphicons-log-in:before{content:"\E387"}.glyphicons-log-out:before{content:"\E388"}.glyphicons-exit:before{content:"\E389"}.glyphicons-new-window-alt:before{content:"\E390"}.glyphicons-video-sd:before{content:"\E391"}.glyphicons-video-hd:before{content:"\E392"}.glyphicons-subtitles:before{content:"\E393"}.glyphicons-sound-stereo:before{content:"\E394"}.glyphicons-sound-dolby:before{content:"\E395"}.glyphicons-sound-5-1:before{content:"\E396"}.glyphicons-sound-6-1:before{content:"\E397"}.glyphicons-sound-7-1:before{content:"\E398"}.glyphicons-copyright-mark:before{content:"\E399"}.glyphicons-registration-mark:before{content:"\E400"}.glyphicons-radar:before{content:"\E401"}.glyphicons-skateboard:before{content:"\E402"}.glyphicons-golf-course:before{content:"\E403"}.glyphicons-sorting:before{content:"\E404"}.glyphicons-sort-by-alphabet:before{content:"\E405"}.glyphicons-sort-by-alphabet-alt:before{content:"\E406"}.glyphicons-sort-by-order:before{content:"\E407"}.glyphicons-sort-by-order-alt:before{content:"\E408"}.glyphicons-sort-by-attributes:before{content:"\E409"}.glyphicons-sort-by-attributes-alt:before{content:"\E410"}.glyphicons-compressed:before{content:"\E411"}.glyphicons-package:before{content:"\E412"}.glyphicons-cloud-plus:before{content:"\E413"}.glyphicons-cloud-minus:before{content:"\E414"}.glyphicons-disk-save:before{content:"\E415"}.glyphicons-disk-open:before{content:"\E416"}.glyphicons-disk-saved:before{content:"\E417"}.glyphicons-disk-remove:before{content:"\E418"}.glyphicons-disk-import:before{content:"\E419"}.glyphicons-disk-export:before{content:"\E420"}.glyphicons-tower:before{content:"\E421"}.glyphicons-send:before{content:"\E422"}.glyphicons-git-branch:before{content:"\E423"}.glyphicons-git-create:before{content:"\E424"}.glyphicons-git-private:before{content:"\E425"}.glyphicons-git-delete:before{content:"\E426"}.glyphicons-git-merge:before{content:"\E427"}.glyphicons-git-pull-request:before{content:"\E428"}.glyphicons-git-compare:before{content:"\E429"}.glyphicons-git-commit:before{content:"\E430"}.glyphicons-construction-cone:before{content:"\E431"}.glyphicons-shoe-steps:before{content:"\E432"}.glyphicons-plus:before{content:"\E433"}.glyphicons-minus:before{content:"\E434"}.glyphicons-redo:before{content:"\E435"}.glyphicons-undo:before{content:"\E436"}.glyphicons-golf:before{content:"\E437"}.glyphicons-hockey:before{content:"\E438"}.glyphicons-pipe:before{content:"\E439"}.glyphicons-wrench:before{content:"\E440"}.glyphicons-folder-closed:before{content:"\E441"}.glyphicons-phone-alt:before{content:"\E442"}.glyphicons-earphone:before{content:"\E443"}.glyphicons-floppy-disk:before{content:"\E444"}.glyphicons-floppy-saved:before{content:"\E445"}.glyphicons-floppy-remove:before{content:"\E446"}.glyphicons-floppy-save:before{content:"\E447"}.glyphicons-floppy-open:before{content:"\E448"}.glyphicons-translate:before{content:"\E449"}.glyphicons-fax:before{content:"\E450"}.glyphicons-factory:before{content:"\E451"}.glyphicons-shop-window:before{content:"\E452"}.glyphicons-shop:before{content:"\E453"}.glyphicons-kiosk:before{content:"\E454"}.glyphicons-kiosk-wheels:before{content:"\E455"}.glyphicons-kiosk-light:before{content:"\E456"}.glyphicons-kiosk-food:before{content:"\E457"}.glyphicons-transfer:before{content:"\E458"}.glyphicons-money:before{content:"\E459"}.glyphicons-header:before{content:"\E460"}.glyphicons-blacksmith:before{content:"\E461"}.glyphicons-saw-blade:before{content:"\E462"}.glyphicons-basketball:before{content:"\E463"}.glyphicons-server:before{content:"\E464"}.glyphicons-server-plus:before{content:"\E465"}.glyphicons-server-minus:before{content:"\E466"}.glyphicons-server-ban:before{content:"\E467"}.glyphicons-server-flag:before{content:"\E468"}.glyphicons-server-lock:before{content:"\E469"}.glyphicons-server-new:before{content:"\E470"}.glyphicons-charging-station:before{content:"\E471"}.glyphicons-gas-station:before{content:"\E472"}.glyphicons-target:before{content:"\E473"}.glyphicons-bed:before{content:"\E474"}.glyphicons-mosquito:before{content:"\E475"}.glyphicons-dining-set:before{content:"\E476"}.glyphicons-plate-of-food:before{content:"\E477"}.glyphicons-hygiene-kit:before{content:"\E478"}.glyphicons-blackboard:before{content:"\E479"}.glyphicons-marriage:before{content:"\E480"}.glyphicons-bucket:before{content:"\E481"}.glyphicons-none-color-swatch:before{content:"\E482"}.glyphicons-bring-forward:before{content:"\E483"}.glyphicons-bring-to-front:before{content:"\E484"}.glyphicons-send-backward:before{content:"\E485"}.glyphicons-send-to-back:before{content:"\E486"}.glyphicons-fit-frame-to-image:before{content:"\E487"}.glyphicons-fit-image-to-frame:before{content:"\E488"}.glyphicons-multiple-displays:before{content:"\E489"}.glyphicons-handshake:before{content:"\E490"}.glyphicons-child:before{content:"\E491"}.glyphicons-baby-formula:before{content:"\E492"}.glyphicons-medicine:before{content:"\E493"}.glyphicons-atv-vehicle:before{content:"\E494"}.glyphicons-motorcycle:before{content:"\E495"}.glyphicons-bed-alt:before{content:"\E496"}.glyphicons-tent:before{content:"\E497"}.glyphicons-glasses:before{content:"\E498"}.glyphicons-sunglasses:before{content:"\E499"}.glyphicons-family:before{content:"\E500"}.glyphicons-education:before{content:"\E501"}.glyphicons-shoes:before{content:"\E502"}.glyphicons-map:before{content:"\E503"}.glyphicons-cd:before{content:"\E504"}.glyphicons-alert:before{content:"\E505"}.glyphicons-piggy-bank:before{content:"\E506"}.glyphicons-star-half:before{content:"\E507"}.glyphicons-cluster:before{content:"\E508"}.glyphicons-flowchart:before{content:"\E509"}.glyphicons-commodities:before{content:"\E510"}.glyphicons-duplicate:before{content:"\E511"}.glyphicons-copy:before{content:"\E512"}.glyphicons-paste:before{content:"\E513"}.glyphicons-bath-bathtub:before{content:"\E514"}.glyphicons-bath-shower:before{content:"\E515"}.glyphicons-shower:before{content:"\E516"}.glyphicons-menu-hamburger:before{content:"\E517"}.glyphicons-option-vertical:before{content:"\E518"}.glyphicons-option-horizontal:before{content:"\E519"}.glyphicons-currency-conversion:before{content:"\E520"}.glyphicons-user-ban:before{content:"\E521"}.glyphicons-user-lock:before{content:"\E522"}.glyphicons-user-flag:before{content:"\E523"}.glyphicons-user-asterisk:before{content:"\E524"}.glyphicons-user-alert:before{content:"\E525"}.glyphicons-user-key:before{content:"\E526"}.glyphicons-user-conversation:before{content:"\E527"}.glyphicons-database:before{content:"\E528"}.glyphicons-database-search:before{content:"\E529"}.glyphicons-list-alt:before{content:"\E530"}.glyphicons-hazard-sign:before{content:"\E531"}.glyphicons-hazard:before{content:"\E532"}.glyphicons-stop-sign:before{content:"\E533"}.glyphicons-lab:before{content:"\E534"}.glyphicons-lab-alt:before{content:"\E535"}.glyphicons-ice-cream:before{content:"\E536"}.glyphicons-ice-lolly:before{content:"\E537"}.glyphicons-ice-lolly-tasted:before{content:"\E538"}.glyphicons-invoice:before{content:"\E539"}.glyphicons-cart-tick:before{content:"\E540"}.glyphicons-hourglass:before{content:"\E541"}.glyphicons-cat:before{content:"\E542"}.glyphicons-lamp:before{content:"\E543"}.glyphicons-scale-classic:before{content:"\E544"}.glyphicons-eye-plus:before{content:"\E545"}.glyphicons-eye-minus:before{content:"\E546"}.glyphicons-quote:before{content:"\E547"}.glyphicons-bitcoin:before{content:"\E548"}.glyphicons-yen:before{content:"\E549"}.glyphicons-ruble:before{content:"\E550"}.glyphicons-erase:before{content:"\E551"}.glyphicons-podcast:before{content:"\E552"}.glyphicons-firework:before{content:"\E553"}.glyphicons-scale:before{content:"\E554"}.glyphicons-king:before{content:"\E555"}.glyphicons-queen:before{content:"\E556"}.glyphicons-pawn:before{content:"\E557"}.glyphicons-bishop:before{content:"\E558"}.glyphicons-knight:before{content:"\E559"}.glyphicons-mic-mute:before{content:"\E560"}.glyphicons-voicemail:before{content:"\E561"}.glyphicons-paragraph-alt:before{content:"\E562"}.glyphicons-person-walking:before{content:"\E563"}.glyphicons-person-wheelchair:before{content:"\E564"}.glyphicons-underground:before{content:"\E565"}.glyphicons-car-hov:before{content:"\E566"}.glyphicons-car-rental:before{content:"\E567"}.glyphicons-transport:before{content:"\E568"}.glyphicons-taxi:before{content:"\E569"}.glyphicons-ice-cream-no:before{content:"\E570"}.glyphicons-uk-rat-u:before{content:"\E571"}.glyphicons-uk-rat-pg:before{content:"\E572"}.glyphicons-uk-rat-12a:before{content:"\E573"}.glyphicons-uk-rat-12:before{content:"\E574"}.glyphicons-uk-rat-15:before{content:"\E575"}.glyphicons-uk-rat-18:before{content:"\E576"}.glyphicons-uk-rat-r18:before{content:"\E577"}.glyphicons-tv:before{content:"\E578"}.glyphicons-sms:before{content:"\E579"}.glyphicons-mms:before{content:"\E580"}.glyphicons-us-rat-g:before{content:"\E581"}.glyphicons-us-rat-pg:before{content:"\E582"}.glyphicons-us-rat-pg-13:before{content:"\E583"}.glyphicons-us-rat-restricted:before{content:"\E584"}.glyphicons-us-rat-no-one-17:before{content:"\E585"}.glyphicons-equalizer:before{content:"\E586"}.glyphicons-speakers:before{content:"\E587"}.glyphicons-remote-control:before{content:"\E588"}.glyphicons-remote-control-tv:before{content:"\E589"}.glyphicons-shredder:before{content:"\E590"}.glyphicons-folder-heart:before{content:"\E591"}.glyphicons-person-running:before{content:"\E592"}.glyphicons-person:before{content:"\E593"}.glyphicons-voice:before{content:"\E594"}.glyphicons-stethoscope:before{content:"\E595"}.glyphicons-paired:before{content:"\E596"}.glyphicons-activity:before{content:"\E597"}.glyphicons-watch:before{content:"\E598"}.glyphicons-scissors-alt:before{content:"\E599"}.glyphicons-car-wheel:before{content:"\E600"}.glyphicons-chevron-up:before{content:"\E601"}.glyphicons-chevron-down:before{content:"\E602"}.glyphicons-superscript:before{content:"\E603"}.glyphicons-subscript:before{content:"\E604"}.glyphicons-text-size:before{content:"\E605"}.glyphicons-text-color:before{content:"\E606"}.glyphicons-text-background:before{content:"\E607"}.glyphicons-modal-window:before{content:"\E608"}.glyphicons-newspaper:before{content:"\E609"}.glyphicons-tractor:before{content:"\E610"}.glyphicons-camping:before{content:"\E611"}.glyphicons-camping-benches:before{content:"\E612"}.glyphicons-forest:before{content:"\E613"}.glyphicons-park:before{content:"\E614"}.glyphicons-field:before{content:"\E615"}.glyphicons-mountains:before{content:"\E616"}.glyphicons-fees-payments:before{content:"\E617"}.glyphicons-small-payments:before{content:"\E618"}.glyphicons-mixed-buildings:before{content:"\E619"}.glyphicons-industrial-zone:before{content:"\E620"}.glyphicons-visitor-tag:before{content:"\E621"}.glyphicons-businessman:before{content:"\E622"}.glyphicons-meditation:before{content:"\E623"}.glyphicons-bath:before{content:"\E624"}.glyphicons-donate:before{content:"\E625"}.glyphicons-sauna:before{content:"\E626"}.glyphicons-bedroom-nightstand:before{content:"\E627"}.glyphicons-bedroom-lamp:before{content:"\E628"}.glyphicons-doctor:before{content:"\E629"}.glyphicons-engineering-networks:before{content:"\E630"}.glyphicons-washing-machine:before{content:"\E631"}.glyphicons-dryer:before{content:"\E632"}.glyphicons-dishwasher:before{content:"\E633"}.glyphicons-luggage-group:before{content:"\E634"}.glyphicons-teenager:before{content:"\E635"}.glyphicons-person-stick:before{content:"\E636"}.glyphicons-person-stick-old:before{content:"\E637"}.glyphicons-traveler:before{content:"\E638"}.glyphicons-veteran:before{content:"\E639"}.glyphicons-group-chat:before{content:"\E640"}.glyphicons-elections:before{content:"\E641"}.glyphicons-law-justice:before{content:"\E642"}.glyphicons-judiciary:before{content:"\E643"}.glyphicons-house-fire:before{content:"\E644"}.glyphicons-firefighters:before{content:"\E645"}.glyphicons-police:before{content:"\E646"}.glyphicons-ambulance:before{content:"\E647"}.glyphicons-light-beacon:before{content:"\E648"}.glyphicons-important-day:before{content:"\E649"}.glyphicons-bike-park:before{content:"\E650"}.glyphicons-object-align-top:before{content:"\E651"}.glyphicons-object-align-bottom:before{content:"\E652"}.glyphicons-object-align-horizontal:before{content:"\E653"}.glyphicons-object-align-left:before{content:"\E654"}.glyphicons-object-align-vertical:before{content:"\E655"}.glyphicons-object-align-right:before{content:"\E656"}.glyphicons-reflect-y:before{content:"\E657"}.glyphicons-reflect-x:before{content:"\E658"}.glyphicons-tick:before{content:"\E659"}.glyphicons-lawnmower:before{content:"\E660"}.glyphicons-call-redirect:before{content:"\E661"}.glyphicons-call-ip:before{content:"\E662"}.glyphicons-call-record:before{content:"\E663"}.glyphicons-call-ringtone:before{content:"\E664"}.glyphicons-call-traffic:before{content:"\E665"}.glyphicons-call-hold:before{content:"\E666"}.glyphicons-call-incoming:before{content:"\E667"}.glyphicons-call-outgoing:before{content:"\E668"}.glyphicons-call-video:before{content:"\E669"}.glyphicons-call-missed:before{content:"\E670"}.glyphicons-theater:before{content:"\E671"}.glyphicons-heartbeat:before{content:"\E672"}.glyphicons-kettlebell:before{content:"\E673"}.glyphicons-fireplace:before{content:"\E674"}.glyphicons-street-lights:before{content:"\E675"}.glyphicons-pedestrian:before{content:"\E676"}.glyphicons-flood:before{content:"\E677"}.glyphicons-open-water:before{content:"\E678"}.glyphicons-for-sale:before{content:"\E679"}.glyphicons-dustbin:before{content:"\E680"}.glyphicons-door:before{content:"\E681"}.glyphicons-camp-fire:before{content:"\E682"}.glyphicons-fleur-de-lis:before{content:"\E683"}.glyphicons-temperature-settings:before{content:"\E684"}.glyphicons-article:before{content:"\E685"}.glyphicons-sunbath:before{content:"\E686"}.glyphicons-balanced-diet:before{content:"\E687"}.glyphicons-ticket:before{content:"\E688"}.glyphicons-parking-ticket:before{content:"\E689"}.glyphicons-parking-meter:before{content:"\E690"}.glyphicons-laptop:before{content:"\E691"}.glyphicons-tree-structure:before{content:"\E692"}.glyphicons-weather-warning:before{content:"\E693"}.glyphicons-temperature-low:before{content:"\E694"}.glyphicons-temperature-high:before{content:"\E695"}.glyphicons-temperature-low-warning:before{content:"\E696"}.glyphicons-temperature-high-warning:before{content:"\E697"}.glyphicons-hurricane:before{content:"\E698"}.glyphicons-storm:before{content:"\E699"}.glyphicons-sorted-waste:before{content:"\E700"}.glyphicons-ear:before{content:"\E701"}.glyphicons-ear-deaf:before{content:"\E702"}.glyphicons-file-plus:before{content:"\E703"}.glyphicons-file-minus:before{content:"\E704"}.glyphicons-file-lock:before{content:"\E705"}.glyphicons-file-cloud:before{content:"\E706"}.glyphicons-file-cloud-download:before{content:"\E707"}.glyphicons-file-cloud-upload:before{content:"\E708"}.glyphicons-paragraph:before{content:"\E709"}.glyphicons-list-numbered:before{content:"\E710"}.glyphicons-donate-heart:before{content:"\E711"}.glyphicons-government:before{content:"\E712"}.glyphicons-maze:before{content:"\E713"}.glyphicons-chronicle:before{content:"\E714"}.glyphicons-user-structure:before{content:"\E715"}.glyphicons-recycle:before{content:"\E716"}.glyphicons-gas:before{content:"\E717"}.glyphicons-waste-pipe:before{content:"\E718"}.glyphicons-water-pipe:before{content:"\E719"}.glyphicons-parking:before{content:"\E720"}.glyphicons-closed:before{content:"\E721"}.glyphicons-mouse:before{content:"\E722"}.glyphicons-mouse-double-click:before{content:"\E723"}.glyphicons-mouse-left-click:before{content:"\E724"}.glyphicons-mouse-right-click:before{content:"\E725"}.glyphicons-mouse-middle-click:before{content:"\E726"}.glyphicons-mouse-scroll:before{content:"\E727"}.glyphicons-resize-vertical:before{content:"\E728"}.glyphicons-resize-horizontal:before{content:"\E729"}.glyphicons-temperature:before{content:"\E730"}.glyphicons-puzzle:before{content:"\E731"}.glyphicons-puzzle-2:before{content:"\E732"}.glyphicons-puzzle-3:before{content:"\E733"}.glyphicons-nearby-square:before{content:"\E734"}.glyphicons-nearby-circle:before{content:"\E735"}.glyphicons-rotate-right:before{content:"\E736"}.glyphicons-rotate-left:before{content:"\E737"}.glyphicons-pictures:before{content:"\E738"}.glyphicons-photo-album:before{content:"\E739"}.glyphicons-cadastral-map:before{content:"\E740"}.glyphicons-fingerprint-scan:before{content:"\E741"}.glyphicons-fingerprint:before{content:"\E742"}.glyphicons-fingerprint-lock:before{content:"\E743"}.glyphicons-fingerprint-ok:before{content:"\E744"}.glyphicons-fingerprint-remove:before{content:"\E745"}.glyphicons-fingerprint-reload:before{content:"\E746"}.glyphicons-pending-notifications:before{content:"\E747"}.glyphicons-synchronization:before{content:"\E748"}.glyphicons-synchronization-ban:before{content:"\E749"}.glyphicons-hash:before{content:"\E750"}.glyphicons-gender-male:before{content:"\E751"}.glyphicons-gender-female:before{content:"\E752"}.glyphicons-gender-virgin-female:before{content:"\E753"}.glyphicons-gender-intersex:before{content:"\E754"}.glyphicons-gender-transgender:before{content:"\E755"}.glyphicons-gender-ori-lesbian:before{content:"\E756"}.glyphicons-gender-ori-gay:before{content:"\E757"}.glyphicons-gender-ori-hetero:before{content:"\E758"}.glyphicons-gender-other:before{content:"\E759"}.glyphicons-gender-unknown:before{content:"\E760"}.glyphicons-scanner:before{content:"\E761"}.glyphicons-multifunction-printer:before{content:"\E762"}.glyphicons-lasso:before{content:"\E763"}.glyphicons-view-360:before{content:"\E764"}.glyphicons-battery-charging:before{content:"\E765"}.glyphicons-battery-full:before{content:"\E766"}.glyphicons-battery-75:before{content:"\E767"}.glyphicons-battery-50:before{content:"\E768"}.glyphicons-battery-25:before{content:"\E769"}.glyphicons-battery-10:before{content:"\E770"}.glyphicons-satellite:before{content:"\E771"}.glyphicons-satellite-dish:before{content:"\E772"}.glyphicons-satellite-dish-alt:before{content:"\E773"}.glyphicons-auction:before{content:"\E774"}.glyphicons-directions:before{content:"\E775"}.glyphicons-race:before{content:"\E776"}.glyphicons-robot:before{content:"\E777"}.glyphicons-ruler-alt:before{content:"\E778"}.glyphicons-cube-empty:before{content:"\E779"}.glyphicons-cube-black:before{content:"\E780"}.glyphicons-move-square:before{content:"\E781"}.glyphicons-drop:before{content:"\E782"}.glyphicons-vr-headset:before{content:"\E783"}.glyphicons-vr-charging:before{content:"\E784"}.glyphicons-vr-low-battery:before{content:"\E785"}.glyphicons-vr-paired:before{content:"\E786"}.glyphicons-vr-settings:before{content:"\E787"}.glyphicons-vr-maintenance:before{content:"\E788"}.glyphicons-filter-remove:before{content:"\E789"}.glyphicons-filter-applied:before{content:"\E790"}.glyphicons-one-day:before{content:"\E791"}.glyphicons-user-vr:before{content:"\E792"}.glyphicons-user-vr-add:before{content:"\E793"}.glyphicons-user-vr-remove:before{content:"\E794"}.glyphicons-dice-1:before{content:"\E795"}.glyphicons-dice-2:before{content:"\E796"}.glyphicons-dice-3:before{content:"\E797"}.glyphicons-dice-4:before{content:"\E798"}.glyphicons-dice-5:before{content:"\E799"}.glyphicons-dice-6:before{content:"\E800"}

/* -------======= @end: 4.1. Loading Icons =======------- */





/* -------======= @start: 4.2. Customized Settings =======------- */
/*.glyphicons {
	font-size: 18px;	
}*/
.pointer .glyphicons {
    color: #fff;
    left: 10px;
    margin-top: 25px;
    position: static;
}
.pointer .glyphicons:hover {
    color: #B23813;
    left: 10px;
    margin-top: 25px;
    position: static;
}
/*.glyphicons.glyphicons-user {
    display: inline !important;
}*/
.glyphicons.glyphicons-info-sign {
	vertical-align: middle;
}
.progress-btn .glyphicons-ok::before {
	margin: 0px 5px 0px 0px;
}
.floating-btns .media i.glyphicons.glyphicons-info-sign {
    color: #f0ad4e;
    font-size: 45px;
}
.btnEye > .glyphicons-eye-open {
	top:5px;
}
.pointerLeft .glyphicons-chevron-left, .pointerRight .glyphicons-chevron-right {
	font-size: 30px;
	margin:2px;
}
.glyphicons.glyphicons-plus {
    font-weight: bold;
    font-size: 14px;
    color: #343434;
	/*padding: 4px;*/
	line-height: 18px;
}
table .glyphicons-ok{
	color: #47A447;
	font-size: 19px !important;
}
.glyphicons.glyphicons-cube-black {
	padding: 0px;
}
.continue.glyphicons.glyphicons-chevron-right, .previous.glyphicons.glyphicons-chevron-left {
    display: inline-block;
    vertical-align: sub;
}
.continue.glyphicons.glyphicons-chevron-right::before, .previous.glyphicons.glyphicons-chevron-left::before {
	padding: 0px !important;
}
#popover-lookatme .glyphicons-info-sign {
	color: #d0a414;
    font-size: 32px
}
/*.glyphicons-exclamation-sign, .glyphicons-chevron-down, .glyphicons-more {
	vertical-align: sub;
}*/
.glyphicons-question-sign::before, .glyphicons-exclamation-sign::before {
    margin: 0px 5px 0px 0px;
}
.glyphicons-exclamation-sign::before {
    color: #ff9900;
}
.glyphicons-question-sign::before {
    color: #468CFF;
}
.btn-default.help-btn > .glyphicons-question-sign::before,
.btn-default.alerts-btn > .glyphicons-exclamation-sign::before {
	color: #fff;
}
.inlineCloseBene {  /* added for inline Bene changes - EL 10042016 */
	background: #555555;
	color: #fff;
	padding: 11px;
	position: absolute;
	top: -10px;
	right: 0px;
	cursor: pointer;
}
.glyphicons.glyphicons-envelope {
    font-size: 16px;
}
.currElectionTable tfoot tr:not(:last-child) a,
.currElectionTable tfoot a .glyphicons-question-sign::before,
.currElectionTable tfoot tr:not(:last-child) a:hover,
.benefitSummaryTable tfoot tr:not(:last-child) a,
.benefitSummaryTable tfoot a .glyphicons-question-sign::before,
.benefitSummaryTable tfoot tr:not(:last-child) a:hover {
	color: #fff;
}
/* -------======= @end: 4.2. Customized Settings =======------- */

/* -----------------------------------======   @end: 4. GLYPHICONS   ======----------------------------------- */












/* -----------------------------------======   @start: 5. MEDIA QUERIES   ======----------------------------------- */

/* -------======= @start: 5.1.0 General =======------- */

@media (min-width: 1171px) {
  .container {
	  width: 1170px !important;
	  box-shadow: 0 2px 5px 0 rgba(0,0,0,0.12);
      box-shadow: none;
  }
}
@media (max-width: 1170px) {
  .container {
	  width: 100% !important;
  }
}
@media ((min-width: 992px) and (max-width: 1115px)) {
  .customDateWrapper #date-picker-1 , .customDateWrapper #date-picker-2 {
	  padding:2px;
  }
}
@media (max-width: 991px) {
	/* show/hide learn more icons to work with footable */
	.currElectionTable thead tr th:first-child,
	.currElectionTable tbody tr td:first-child,
	.currElectionTable tfoot tr:not(:last-child) td:first-child{
		display: table-cell !important;
	}
	
	.currElectionTable tbody tr td:first-child a {
		display: none;
	}
	.currElectionTable tbody tr td:first-child a.learnOn {
		display: inline;
	}
	/* @end show/hide learn more icons to work with footable */
	
	.ui-tabs .ui-tabs-nav li a {
			font-size: 11px;
			line-height: 28px;
	}
	
	.investRowMargin {
		margin-top: 0px;
		margin-bottom: 10px;
	}
}
/* @media (min-width: 900px) {
  .modal-dialog {
	  width: 900px;
	  margin: 10px auto;
  }
} */
@media (min-width: 701px) {
  .containerPrint {
	  width: 700px !important;
	  margin-left: auto;
	  margin-right: auto;
  }
}
@media (max-width: 768px) {
  .tab-pane:not(#actionPlanTabAccordian .tab-pane) {
	  border: none;
  }
  .radio.questions {
	  margin-left: 10px;
  }
  .navbar-fixedLogo {
	  width: 50%;
	  left:14px;
	  top: -2px; 
  }
  .navbar-fixed{
	  width:100%; 
	  padding-left:0;
   }
  .hiddenQuestions {
	  margin: 10px 10px;
	  padding: 5px 8px;
  }
  .mainCurrentStep {
	  display: inline-block;
	  color: #FFFFFF !important;
	  background: #274463;
	  width: 100%;
	  text-align: left;
	  font-size: 14px;
  }
  .glyphicons-expand {
    right: 20px;
    position: absolute;
    /*top: 221px;*/
    font-size: 22px !important;
  }
  .collapse {
	  display: none;
  }
  .collapse.in {
	  display: block;
  }
  .wizard li::before, .wizard li::after {
	  border: none;
  }
  .chevron-toggle i.glyphicons.glyphicons-expand {
	  font-size: 28px;
	  display: inline-block;
	  position: relative;
	  top: -11px;
	  right: -18px;
	  cursor: pointer;
  }
  .chevron-toggle i.glyphicons.glyphicons-expand:hover {
	  opacity: 0.8;
  }
  .wizard li, .wizard li:first-child {
	  margin-right: 0;
	  -moz-border-radius: 4px;
	  -webkit-border-radius: 4px;
	  border-radius: 4px;
  }
  .wizard li {
	  margin-bottom: 10px;
	  padding-left: 12px;
	  width: 100%;
  }
  .wizard, .wizard li {
	  display: block;
	  z-index: 0;
  }
  .nonCurrent {
	  width: 100%;
  }
  .scrollable {
    overflow-y: auto;
    overflow-x: hidden;
    height: auto;
  }
  /*#plan {
	  margin-top: -56px;
  }*/
  .navbar-header {
	  float: none;
	  /*background-color: #468CFF;*/
  }
  .navbar-toggle {
	  display: block;
	  
  }
  /*.navbar-default{
	  background-color: #468CFF;
 } 
  .navbar-default .navbar-toggle {
	  border-color: #468CFF;
	  color: #FFF;
  }*/
  .navbar-collapse {
	  border-top: 1px solid transparent;
	  box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
  }
  .navbar-collapse.collapse {
	  display: none!important;
  }
  .navbar-nav {
	  float: none!important;
	  margin: 7.5px -15px;
	  /*height:360px;*/
      flex-direction: column;
  }

  .navbar-nav>li>a {
	  padding-top: 10px;
	  padding-bottom: 10px;
  }
  .navbar-text {
	  float: none;
	  margin: 15px 0;
  }

  /* since 3.1.0 */
  .navbar-collapse.collapse.in {
	  display: block!important;
  }
  .collapsing {
	  overflow: hidden!important;
  }
  .navbar-nav > li {
    border-right: none;
	/*z-index: 9;*/
	background: #262B33;
	float: none;
	border-bottom:1px solid rgba(221,221,221,0.3)
  }
  .nav .bfh-selectbox-toggle.form-control ,.nav .bfh-selectbox-toggle.form-control.open > a, .nav .bfh-selectbox-toggle.form-control.open > a:focus, .nav .bfh-selectbox-toggle.form-control.open > a:hover{
	border-radius:0;
}
.bfh-selectbox.bfh-languages
{
	width:80%;
	margin-left:15px;
	margin-top:-10px;
}
.bfh-selectbox > .bfh-selectbox-toggle
{
	padding-top:4px!important;
}
.bfh-selectbox > .bfh-selectbox-toggle > .bfh-selectbox-option::before
{
	content:none!important;
}
.languageli a:hover , .languageli a:focus
{
	border:none!important;
}
.bfh-selectbox-options, .bfh-selectbox-options ul
{
	width:200px!important;
}
.bfh-selectbox-options .optionsli li a
{
	padding:0;
	height:30px;
	text-transform:none;
}
  .description img {
	  width: 100%;
	  height:auto;
  }
}
@media (max-width: 767px) {
	.table-beneOptions tr td:first-child {
		border-right: none;
	}
	.table-beneOptions tr th:first-child {
		border-right: none;
	}
	.table-mobile.table-beneOptions tr td:nth-child(2) {
		display: block;
	}

	.table.table-mobile td.vbCostColumn.vbActive, .table.table-mobile .vbTotalRow.vbActive td:not(:nth-child(3)){
		display: none;
	}

	.table.table-mobile td.vbCostColumnMobile.vbActive {
		display: block;
	}

	.help-row {
		margin-top: -15px;
		margin-bottom: 10px;
  }
	
	#pensionCalcButtonWrapper1, #pensionCalcButtonWrapper2 {
		position: static;
	}
	
	/* Mobile Table */
	.table.table-mobile {
		display: block;
	}
	
	.table.table-mobile thead {
		display:none;
	}
	
	.table.table-mobile tbody,
	.table.table-mobile tr,
	.table.table-mobile td,
	.table.table-mobile tfoot {
		display: block;
	}
	
	.table.table-mobile td {
		border-bottom: none;
		border-top: none;
	}
	
	.table.table-mobile tbody td:last-child {
		border-bottom: 2px solid #ccc;
		margin-bottom: 10px;
	}
	
	.table.table-mobile td[data-title]::before {
		content: attr(data-title) "\00A0 \00A0";
		font-weight: bold;
	}
	
	/* @end Mobile Table */
	
	/* Show data-title attribute */
	.dataTitle[data-title]::before{
		content: attr(data-title) "\00A0 \00A0";
		font-weight: bold;
	}
	/* @end Show data-title attribute*/
	

	/* Current Events Table */
	.table.table-current-event {
		display: block;
	}
	
	.table.table-current-event thead {
		display:none;
	}
	
	.table.table-current-event tbody,
	.table.table-current-event tr,
	.table.table-current-event td {
		display: block;
	}
	
	.table.table-current-event td {
		border-bottom: 1px solid #efefef;
		border-top: none;
	}
	
	.table.table-current-event td:first-child {
		font-weight: bold;
	}
	
	.table.table-current-event td .currentEventStatus {
		font-weight: bold;
	}

	.table.table-current-event td:last-child {
		border-bottom: 2px solid #ccc;
		margin-bottom: 10px;
	}
	
	div.currentEventHeader{
		display: block;
	}
	
	span.currentEventHeader{
		display: inline;
	}
	
	/* @end Current Events Table */
	
	.orderedList {
		padding-left: 0px;
	}
	.orderedList ul {
		padding-left: 10px;
	}
	.eventTitleDeadline {
		float: none;
	}
}
@media (max-width: 575px) {
  .embed-responsive {
	  width: 100%;
  }
  .beneName {
	  margin-left: 0px;
	  font-size: 12px;
  }
}
@media (max-width: 540px) {
  #allcontrichart , #annualcontrichart{
	  display:none;
  }
}
@media screen and (max-width: 474px) {
  .dd .ddChild,.dd .ddTitle,.dd {
	  width:250px!important;
  }
}
@media (max-width: 480px){
	.titleViewBy li {
		display: block;
		margin: 10px 0px;
	}
	
	.flyout .btn {
		/* display: block;
		width: 100%;
		padding: 3px 6px;  */
		margin-bottom: 5px;
	}
}
@media (max-width: 470px) {
  .nav.thingsToReview li a {
	  font-size: 14px !important;
  }
}
/* @media (max-width: 420px) {
  .btn, .btn-group-lg > .btn, .btn-lg {
	  padding: 7px;
	  font-size: 12px;
	  line-height: 1;
  }	
} */
@media (max-width: 350px) {
  .logo {
	  font-size: 22px;
	  padding-left:0;
	  z-index:9;
  }
   .welcometext {
	  padding-right:0;
  }
  table {
	  font-size: 12px;
  }
}
/* -------======= @end: 5.1.0 General =======------- */


/* --------- @ start: 5.1.1 Default Bootstrap ------- */

/* Smaller devices (landscape phones, 576px and up) */
@media (min-width: 576px) {
	.graphPreview {
    position: absolute;
		top: auto;
		bottom: 70px;
    left: 300px;
	}
	#lifeExpectancyMarker {
		left: 414px;
	}
}

/* Small devices (tablets, 768px and up) */
@media (min-width: 768px) {
	.rightalign
   {
	   text-align:right;
   }
   .centertalign
   {
	   text-align:center;
   }
	.events {
    display: block;
	}
	#retirementIconWrapper-lifestyle {
		margin-top: 65px;
	}
	
	.table-hsaContrib th:first-child, .table-hsaContrib td:first-child {
		text-align: left;
	}
	
	.perPeriodCell {
		text-align: center;
		width: 22%;
	}	
	.currElectionTable tbody tr {
		border-bottom: none;
		padding-bottom: 0px;
	}	
	
	.libAccordianListInfo {
		display: flex;
		flex-wrap: wrap;
	}
	.libAccordianListInfo li {
		flex-basis: 48%;
		margin: 0 1%;
	}
}

/* Medium devices (desktops, 992px and up) */
@media (min-width: 992px) {
	.graphPreview {
    right: 10%;
	}
}

/* Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
	
}

/* --------- @ end: 5.1.1 Default Bootstrap ------- */




/* -------======= @start: 5.2. Media Screen Offcanvas Navigation =======-------- */
@media screen and (max-width: 768px) {
  .row-offcanvas {
	  position: relative;
	  transition: all 0.25s ease-out 0s;
  }
  .row-offcanvas-right {
	  right: 0;
  }
  .row-offcanvas-left {
	  left: 0;
  }
  .row-offcanvas-right .sidebar-offcanvas {
	  right: -50%;
  }
  .row-offcanvas-left .sidebar-offcanvas {
	  left: -45%;
  }
  .row-offcanvas-right.active {
	  right: 50%;
  }
  .row-offcanvas-left.active {
	  left: 50%;
  }
  .sidebar-offcanvas {
	  position: absolute;
	  top: 55px;
	  width: 50%;
  }
  .sidebar-offcanvas .sidebar {
	  margin: -39px 0 0;
  }
  .leftNav{
	  visibility: visible;
  }
  #toolBar_MessageLink {
    display: none;
  }
}
@media (max-width: 540px) {
 .webui-popover {
    left: 10px !important;
    max-width: calc(100% - 20px);
  }
}
@media (max-width: 480px) {
  table.deps-covered td {
	width: 33%;
	font-size: 12px;
	font-weight: bold;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
  }
  table .span11 {
	  margin-top:20px;
  }
}

/* -------======= @end: 5.2. Media Screen Offcanvas Navigation =======------- */

/* -------======= @start: 5.3. Media Screen Chart =======------- */

@media (max-width: 700px) {
	.chartGoal {
		top: 55px;
	}
}

@media (min-width: 700px) {
  .chart {
    background: url("../images/bg-chart.png") right top repeat-x;
    height: 325px;
    margin: 0;
  }
  .chart2 {
    background: url("../images/bg-chart.png") right top repeat-x;
    height: 360px;
    margin: 0;
  }
}
@media (min-width: 700px) {
  .chart li {
    display: inline-block;
    height: 238px;
    margin: 0 5.8% 0 0;
    width: 35%;
  }
  .chart2 li {
    display: inline-block;
    height: 320px;
    margin: 0 12.8% 0 0;
    width: 15%;
  }
}
@media (min-width: 700px) {
  .chart .percent {
    position: relative;
    font-size: 62px;
    font-size: 2.875rem;
	top: -40px;
	text-align:center;
	height: 100%;
  }
  .chart .percentAbove {
	position: relative;
    font-size: 62px;
    font-size: 2.875rem;
	top: -35px;
	text-align:center;
	height: 100%;
  }
}
@media (min-width: 700px) {

  .chart2 .skill, .chart2 .skill2, .chart2 .skill3 {
    font-size: 16px;
    font-size: 1rem;
  }

}
@media (max-width: 767px) {
	.chart{
	margin-left:0px;
	height:300px;
	margin-bottom: 0;
	}
}

@media (max-width: 767px) {
.chartGoal span {
    background: #fff none repeat scroll 0 0;
    border: 2px solid #0088CF;
    float: right;
    margin-top: -60px;
    padding: 5px;
    text-align: center;
    /*right: 100px;*/
    display: inline-block;
    position: relative;
	border-radius: 4px;
	z-index: 9;
}
.needHelp {
    padding: 6px 10px;
    font-size: 15px;
    position: absolute;
    right: 25px;
    top: 15px;
    margin: 0px;
    line-height: 1.1;
}
.chart2 .percent, .chart2 .percent2, .chart2 .percent3, chart .percentAbove{ font-size:1rem;}
.chart2 .percentAlt{font-size:1rem;}
.chart2 .col {
    margin: 0 0 30px 0;
}
.chart2 .col2 {
    margin: 0 0 0 40px;
}
.chart2 .col3 {
    margin: 0 0 0 40px;
}
}

@media (min-width: 320px) {
	.key {
    width: 50%;
    top: 550px;
    right: 130px;
	}
	.chart2{padding-top:30px}
}
@media (min-width: 320px) and (max-width :991px) {
	
   #accactivitygobtn
  {
	  text-align:center;
	  margin-top:5px;
  }
  #gobutton
  {
	  width:50px;
  }
}
@media (min-width: 360px) {
  .key {
    width: 50%;
    top: 210px;
    right: -40px;
  }
  .chart2{padding-top:30px}
}
@media (min-width: 768px) {
	.key {
    background: #fff;
    padding: 5px;
    width: 20%;
    float: right;
    display: block;
    position: relative;
    top: 240px;
    right: 28px;
}
.chartFoot {margin-top:70px;}
}
@media (min-width: 800px) {
	.key {
    background: #fff;
    padding: 5px;
    width: 20%;
    float: right;
    display: block;
    position: relative;
    top: 240px;
    /*right: -20px;*/
}
.chartGoal span {
    background: #fff none repeat scroll 0 0;
    border: 2px solid #0088CF;
    float: right;
    margin-top: -115px;
    padding: 5px;
    text-align: center;
    /*right: 125px;*/
    display: inline-block;
    position: relative;
	border-radius: 4px;
	z-index: 0;
}
.chart2{padding-top:0px}
}
@media (min-width: 1100px) {
  .chartGoal span {
	  background: #fff none repeat scroll 0 0;
	  border: 2px solid #0088CF;
	  float: right;
	  margin-top: -53px;
	  padding: 5px;
	  text-align: center;
	  display: inline-block;
	  position: relative;
	  border-radius: 4px;
	  z-index: 9;
	  width: 150px;
  }
}
@media (min-width: 320px) {
  .chart .axis {
    display: inline-block;
	position: relative;
    top: 10px;
	left:-25px;
  }
  .chart2 .axis {
    display: inline-block;
	position: relative;
    bottom: -2px;
  }
}



/* -------======= @end: 5.3. Media Screen Chart =======------- */

/* -------======= @Start: 5.4. Media Sticky Navigation=======------- */

@media (min-width: 769px) AND (max-width: 1227px) {

.navbar-fixedLogo {
    font-size: 20px;
    padding: 10px 0 0;
    position: fixed;
    top: 0;
    z-index: 109;
	left:20px;
}

.navbar-fixed {
    padding-left: 15%;
	width:100%;
}

.navbar-fixedToolBar {
    right: -40px;
}
.navbar-fixedToolBar {
    position: fixed;
    top: 16px;
    width: 10%;
    z-index: 109;
}
.navbar-fixedLogo
{
margin-left:-11px;
}
.navbar-fixedToolBar #showMore
{
	right:50px;
}
}

/* -------======= @end: 5.4. Media Sticky Navigation=======------- */


/* -----------------------------------======   @end: 5. MEDIA QUERIES   ======----------------------------------- */



/* -----------------------------------======   @start: 6. CHART   ======----------------------------------- */

/* -------======= @start: 6.1. General =======------- */
.rca {
    border: solid 1px #ccc;
    padding: 10px;
    border-radius: 5px;
}
img.pensionTermsnapshot {  width:100%;
    right: 5%;
}
img.ddCheckImage{
  width: 65%;
  right: 5%;
}
.chgAddressInst {
    display: none;
    border: 1px solid #ccc;
    padding: 10px;
    border-radius: 5px;
    margin-top: 7px;
    background-color: #fff;
}
#deliveryQuestions {
    display: none;
}
.chartContainer {
    position: relative;
    top: 20px;
}
.chart, .chart2 {
  clear: both;
  padding: 0;
  width: 100%;
  margin-bottom: 50px;
}
.chartData {
    padding: 10px;
	background-color: #f5f5f5;
	border: 1px solid #ccc;
	margin-bottom: 20px;
}
.dataBox {
    border: 1px solid #ccc;
    border-radius: 3px;
    padding: 2px 15px;
}
#advancedContent {
	display: none;
}
#littlePopUp, #littlePopUp2, #littlePopUp3{
	display: none;
	background-clip: padding-box;
    background-color: #ffffff;
    border: 1px solid rgba(0, 0, 0, 0.2);
    border-radius: 6px;
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    left: 15px;
    padding: 5px;
    position: absolute;
    text-align: left;
    top: -10px;
    white-space: normal;
    width: 236px;
    z-index: 1010;
	font-size: 10px;
}

.chartToggle {
    font-size: 16px;
}
.chartButton a {
	color: #fff;
}
.modal-backdrop, .modal-backdrop.fade.in {
    opacity: 0.3;
}
.barWrapper{
    height:200px;
    width:100px;
    position:relative;
    border:1px solid #ccc;
}
.barContainer{
    position:absolute;
    bottom:0;
    width:100%;
}
.bar{
    width:100%;
    height:28px;
}

.key {
    background: #fff;
    padding: 5px;
    width: 60%;
    float: right;
    display: block;
    position: relative;
    top: 190px;
    right: -40px;
}
.chartFoot {
    border: 1px dashed #ffcd92;
    margin: 45px 0;
    padding: 20px 10px 10px;
}

.chart2 .percent, .chart2 .percent2, .chart2 .percent3, chart .percentAbove {
    font-size: 2.275rem;
	text-align: center;
}
.chart2 .percentAlt {
    font-size: 2.275rem;
	text-align: center;
	color: #ccc;
}
.chart2 .col {
    bottom: -70px;
    display: inline-block;
    height: 100%;
    margin: 0 0 0 70px;
    position: relative;
    vertical-align: bottom;
    width: 15%;
}
.chart2 .col2 {
    bottom: -10px;
    display: inline-block;
    height: 100%;
    margin: 0 0 0 70px;
    position: relative;
    vertical-align: bottom;
    width: 15%;
}
.chart2 .col3 {
    bottom: 32px;
    display: inline-block;
    height: 100%;
    margin: 0 0 0 70px;
    position: relative;
    vertical-align: bottom;
    width: 15%;
}
.chart2 .col .bar {
	display: inline-block;
	vertical-align: bottom;
	width: 100%;
    bottom: 0;
    margin: 0 38.8% 0 0;
    position: relative;
}
#chartDataBox2 {
	margin-top: 40px;
}
.chartGoal {
    top: 155px;
}

.chartGoal.col-md-11 {
    width: 88%;
}

.chartGoal span {
    background: #fff none repeat scroll 0 0;
    border: 2px solid #0088CF;
    float: right;
    margin-top: -53px;
    padding: 5px;
    text-align: center;
    display: inline-block;
    position: relative;
	border-radius: 4px;
	z-index: 9;
}
.percentTop {
    float: left;
    display: inline-block;
    position: absolute;
    top: -20px;
    text-align: center;
    font-weight: bold;
    color: #0088CF;
    font-size: 16px;
    right: 3px;
}
div.percentGoal {
	color: #0088CF;
	font-weight:bold;
	font-size:16px;
	display:inline-block;
}
#assumptionContent {
	display: none;
}
.assumptionCell th:first-child, .assumptionCell td:first-child {
    width: 70%;
	font-size: 12px;
	text-align: left;
	border-bottom: 1px solid #ddd;
	padding: 10px;
}
.assumptionCell th:last-child, .assumptionCell td:last-child {
	text-align: left;
	border-bottom: 1px solid #ddd;
	padding: 10px;
}
.contentToggle {
	-webkit-transition: height 2s ease; /* For Safari 3.1 to 6.0 */
    transition: height 2s ease;
}
.chart .axis {
  display: none;
  top: emCalc(-45px);
  width: 8%;
}

.chart .label {
    background: transparent;
    color: #666;
    margin: -9px 0 59px;
    text-shadow: none;
}

.chart .percent, .chart .percentAbove{
  letter-spacing: -1px;
  opacity: 0.8;
  width: 100%;
  font-size: 30px;
  font-size: 1.875rem;
  color: #333;
  margin-top:5px;
}

.chart .percent span ,.chart .percentAbove span{
  font-size: 30px;
  font-size: 1.875rem;
}

.chart .skill, .chart2 .skill , .chart2 .skill2, .chart2 .skill3 {
  font-weight: 800;
  opacity: 0.8;
  overflow: hidden;
  text-transform: uppercase;
  width: 104%;
  font-size: 14px;
  font-size: 7px;
}
.chart {
    padding: 15px 20px;
}
.skill a {
    font-size: 14px;
}
.colRight {
    position: relative;
    display: block;
    width: 40%;
    float: right;
}
.colLeft {
    position: relative;
    display: block;
    width: 40%;
    float: left;
}
.barGraphs {
    margin: 0px 10%;
}

.chart .teal, .chart2 .teal, .keyTeal {
  background: #4ecdc4;
  border: 1px solid #4ecdc4;
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzc2ZDhkMSIvPjxzdG9wIG9mZnNldD0iNzAlIiBzdG9wLWNvbG9yPSIjNGVjZGM0Ii8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g');
  background-size: 100%;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #76d8d1), color-stop(70%, #4ecdc4));
  background-image: -moz-linear-gradient(#76d8d1, #4ecdc4 70%);
  background-image: -webkit-linear-gradient(#76d8d1, #4ecdc4 70%);
  background-image: linear-gradient(#76d8d1, #4ecdc4 70%);
}
.chart .salmon, .chart2 .salmon, .keySalmon {
  /* background: #ff6b6b; */
	background: #2895D5;
  /* border: 1px solid #ff6b6b; */
	border: 1px solid #2895D5;
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmOWU5ZSIvPjxzdG9wIG9mZnNldD0iNzAlIiBzdG9wLWNvbG9yPSIjZmY2YjZiIi8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g');
  background-size: 100%;
/*   background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ff9e9e), color-stop(70%, #ff6b6b));
  background-image: -moz-linear-gradient(#ff9e9e, #ff6b6b 70%);
  background-image: -webkit-linear-gradient(#ff9e9e, #ff6b6b 70%);
  background-image: linear-gradient(#ff9e9e, #ff6b6b 70%); */
	background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #3ca0da), color-stop(70%, #2895D5));
  background-image: -moz-linear-gradient(#3ca0da, #2895D5 70%);
  background-image: -webkit-linear-gradient(#3ca0da, #2895D5 70%);
  background-image: linear-gradient(#3ca0da, #2895D5 70%);
}
.chart .lime, .chart2 .lime {
  background: #97f464;
  border: 1px solid #97f464;
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2I3Zjc5NCIvPjxzdG9wIG9mZnNldD0iNzAlIiBzdG9wLWNvbG9yPSIjOTdmNDY0Ii8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g');
  background-size: 100%;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #b7f794), color-stop(70%, #97f464));
  background-image: -moz-linear-gradient(#b7f794, #97f464 70%);
  background-image: -webkit-linear-gradient(#b7f794, #97f464 70%);
  background-image: linear-gradient(#b7f794, #97f464 70%);
}
.chart .peach, .chart2 .peach, .keyPeach{
  background: #ffcd92;
  border: 1px solid #ffcd92;
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZTRjNSIvPjxzdG9wIG9mZnNldD0iNzAlIiBzdG9wLWNvbG9yPSIjZmZjZDkyIi8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g');
  background-size: 100%;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffe4c5), color-stop(70%, #ffcd92));
  background-image: -moz-linear-gradient(#ffe4c5, #ffcd92 70%);
  background-image: -webkit-linear-gradient(#ffe4c5, #ffcd92 70%);
  background-image: linear-gradient(#ffe4c5, #ffcd92 70%);
}
.chart2 .peach2{
  background: #fff;
  border: 2px dashed #ffcd92;
  background-size: 100%;
}
.chart .grape, .chart2 .grape {
  background: #ab64f4;
  border: 1px solid #ab64f4;
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2M1OTRmNyIvPjxzdG9wIG9mZnNldD0iNzAlIiBzdG9wLWNvbG9yPSIjYWI2NGY0Ii8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g');
  background-size: 100%;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #c594f7), color-stop(70%, #ab64f4));
  background-image: -moz-linear-gradient(#c594f7, #ab64f4 70%);
  background-image: -webkit-linear-gradient(#c594f7, #ab64f4 70%);
  background-image: linear-gradient(#c594f7, #ab64f4 70%);
}

.hrGoal {
	border: 2px solid rgb(0, 136, 207);
	margin-left:-15px;
	margin-left:-350px;
}

 
/* -------======= @end: 6.1. General =======------- */

/* -----------------------------------======   @Start: 6.2 CHART:Media Queries   ======----------------------------------- */

@media (max-width: 700px) {
	.chartGoal {
		top: 55px;
	}
}

@media (min-width: 700px) {
  .chart {
    background: url("../images/bg-chart.png") right top repeat-x;
    height: 325px;
    margin: 0;
  }
  .chart2 {
    background: url("../images/bg-chart.png") right top repeat-x;
    height: 360px;
    margin: 0;
  }
}
@media (min-width: 700px) {
  .chart li {
    display: inline-block;
    height: 238px;
    margin: 0 5.8% 0 0;
    width: 35%;
  }
  .chart2 li {
    display: inline-block;
    height: 320px;
    margin: 0 12.8% 0 0;
    width: 15%;
  }
}
@media (min-width: 700px) {
  .chart .percent {
    position: relative;
    font-size: 62px;
    font-size: 2.875rem;
	top: -40px;
	text-align:center;
	height: 100%;
  }
  .chart .percentAbove {
	position: relative;
    font-size: 62px;
    font-size: 2.875rem;
	top: -35px;
	text-align:center;
	height: 100%;
  }
}
@media (min-width: 700px) {

  .chart2 .skill, .chart2 .skill2, .chart2 .skill3 {
    font-size: 16px;
    font-size: 1rem;
  }

}
@media (max-width: 767px) {
	.chart{
	margin-left:0px;
	height:300px;
	margin-bottom: 0;
	}
}

@media (max-width: 767px) {
.chartGoal span {
    background: #fff none repeat scroll 0 0;
    border: 2px solid #0088CF;
    float: right;
    margin-top: -60px;
    padding: 5px;
    text-align: center;
    /*right: 100px;*/
    display: inline-block;
    position: relative;
	border-radius: 4px;
	z-index: 9;
}
.needHelp {
    padding: 6px 10px;
    font-size: 15px;
    position: absolute;
    right: 25px;
    top: 15px;
    margin: 0px;
    line-height: 1.1;
}

.chart2 .percent, .chart2 .percent2, .chart2 .percent3, chart .percentAbove{ font-size:1rem;}
.chart2 .percentAlt{font-size:1rem;}
.chart2 .col {
    margin: 0 0 30px 0;
}
.chart2 .col2 {
    margin: 0 0 0 40px;
}
.chart2 .col3 {
    margin: 0 0 0 40px;
}
}

@media (min-width: 320px) {
	.key {
    width: 50%;
    top: 550px;
    right: 130px;
	}
	.chart2{padding-top:30px;}
}
@media (min-width: 360px) {
  .key {
    width: 50%;
    top: 210px;
    right: -40px;
  }
  .chart2{padding-top:30px}
}
@media (min-width: 768px) {
	.key {
    background: #fff;
    padding: 5px;
    width: 20%;
    float: right;
    display: block;
    position: relative;
    top: 240px;
    right: 28px;
}
.chartFoot {margin-top:70px;}
}
@media (min-width: 800px) {
	.key {
    background: #fff;
    padding: 5px;
    width: 20%;
    float: right;
    display: block;
    position: relative;
    top: 240px;
    /*right: -20px;*/
}
.chartGoal span {
    background: #fff none repeat scroll 0 0;
    border: 2px solid #0088CF;
    float: right;
    margin-top: -115px;
    padding: 5px;
    text-align: center;
    display: inline-block;
    position: relative;
	border-radius: 4px;
	z-index: 0;
}
.chart2{padding-top:0px;}
}

@media (min-width: 1100px) {
  .chartGoal span {
	  background: #fff none repeat scroll 0 0;
	  border: 2px solid #0088CF;
	  float: right;
	  margin-top: -53px;
	  padding: 5px;
	  text-align: center;
	  display: inline-block;
	  position: relative;
	  border-radius: 4px;
	  z-index: 9;
	  width: 150px;
  }
}
@media (min-width: 320px) {
  .chart .axis {
    display: inline-block;
	position: relative;
    top: 10px;
	left:-25px;
  }
  .chart2 .axis {
    display: inline-block;
	position: relative;
    bottom: -2px;
  }
}

/* -----------------------------------======   @end: 6.2 Chart Media Queries   ======----------------------------------- */



/* -----------------------------------======   @end: 6. CHART   ======----------------------------------- */




/* -----------------------------------======  @start: 7. Bootstrap Overrides   ======----------------------------------- */

/*------------------------- @start: 7.1. General --------------------------------*/

.panel-title > small > a {
    color: #468CFF;
}

.displayNone {
    display: none;
}
hr {
	margin-top: 15px;
	margin-bottom: 15px;
}
.well hr {
	border-top-color: #e3e3e3;
}

/* Commented out by EL. Use "modal-lg" if needed. */
/* .modal-dialog {
	width: auto;
	max-width: 900px;
} */
.modal-body {
	max-height: calc(80vh - 100px);
	overflow-y: auto;
}
.panel-default  .panel-heading {
	color: #333;
	background-color: #f5f5f5;
	border-color: #ddd;
}

.btn-primary {
	color: #fff !important;
	background-color: #037dae;
	border-color: #037dae;
}
.btn-primary:hover {
    color: #fff !important;
    background-color: #1c6799;
    border-color: #1c6799;
}
.navbar-default .navbar-toggle {
    border-color: transparent;
}
.navbar-default .navbar-toggle .icon-bar {
    background-color: #468CFF;
}
.navbar-default .navbar-toggle:hover {
	border-color: #468CFF;
}
.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover {
    background-color: transparent;
}

.alert {
	padding: 8px 14px;
}

.alert-success {
	color: #343434;
	border-color: #468847;
}
.alert-success strong:first-of-type {
    color: #3c763d;
}
.alert-success-header {
	color: #468847;
	font-weight: bold;
}

.alert-warning {
	border-color: #ddd;
	/* color: #343434; */
	background-color: transparent;
	/* margin: 10px; */
	border-left: 7px solid #ff9900;
}
.alert-warning strong:first-of-type {
	color: #ff9900;
}
.alert-warning-header {
	color: #EE9F31;
	font-weight: bold;
}
.alert-warning {
	border-color: #eff3f5;
	/* color: #343434; */
	background-color: #eff3f5;
	/* margin: 10px; */
	border-left: 7px solid #ff9900;
}
.alert-danger {
    color: #343434;
    border-color: #a94442;
}
.alert-danger strong:first-of-type {
    color: #a94442;
}

.alert-info {
	margin-top: 10px;
	border-color: #31708F;
	color: #343434;
}
.alert-info strong:first-of-type {
    color: #31708f;
}
.alert-info-header {
  color: #31708F;
  font-weight: bold;
}

.tooltip .alert-warning {
	color: #fff;
}

@media (max-width: 768px) {
  .hidden-sm {
	  display: block !important;
  }
  .hidden-xs {
	  display: none !important;
  }
  .navbar-default {
	  background-color: #262B33;
	  box-shadow: none;
      line-height: 3.4;
  }
}
/*------------------------- @end:7.1. General --------------------------------*/









/* -----------------------------------======  @start: 8. Authentication   ======----------------------------------- */

/*------------------------- @start: 8.1. Authentication --------------------------------*/
.loginHeader{
	border-bottom:1px solid #dadada;
}
.noBOLD {
    font-weight: normal;
}
#supportLabel
{
font-weight: bold;
}
.smallText {
    font-size: 12px;
    font-weight: normal;
}
.toggle.smallText {
	float:right;
}
.loginSupportLink
{
font-weight: normal;
display: inline-block;
margin-top: 2px;
margin-bottom: 2px;
}
#loginNoticeHeading
{
font-size: 13px;
font-weight: bold;
}

#disclaimer>p
{
font-size: 13px;
}
.Loginform-actions {
    background-color: #fdfdfd;
    border-bottom: 1px solid #fafafa;
    border-top: 1px solid #fafafa;
    margin: 0px 0 20px;
    overflow: hidden;
    padding: 0px 20px 20px;
    text-align: center;
}
.alert-login h3 {
    margin: 0;
}
.alert-login {
    background: #fff none repeat scroll 0 0;
    border: 2px solid #FF8700;
    color: #FF8700;
    margin-top: 0;
}
.info2 {
    border-radius:2px;
	border-width:2px;
}
form[name=loginForm] .hiddenQuestions {
    display: none;
  /*  margin: 0px -15px 15px;
    padding: 0px;
    border:0;
    border-radius: 0;
    background-color: transparent;*/
}
.alert-rules,
.ID-rules { background-color: #fff;
    border-color: #ccc; margin-top:0px;}
.alert-rules h3,
.ID-rules h3 {margin-left: 0px; margin-top:0px; font-size: 18px; font-weight:bold;}
.alert-rules ul,
.ID-rules ul {padding:0 20px;}
.alert-rules li,
.ID-rules li {line-height:120%; padding-bottom:20px; list-style:none;}
.pwdinvalid,
.IDinvalid  {
    background:url(../../authentication/images/RULE_invalid.png) no-repeat 0 0;
    padding-left:30px;
    line-height:24px;
    color:#cc0000;
}
.pwdvalid,
.IDvalid {
    background:url(../../authentication/images/RULE_valid.png) no-repeat 0 0;
    padding-left:30px;
    line-height:24px;
    color:#009900;
}
.pwdrule,
.IDrule {
    background:url(../../authentication/images/RULE_unmet.png) no-repeat 0 0;
    padding-left:30px;
    line-height:24px;
    color:#000;
}
/*input[type='number'] {
    -moz-appearance:textfield;
}*/

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
}
#myModalLogin .modal-dialog {
    width: 800px;
}
#myModalLogin2 .modal-dialog {
    width: 1000px;
}
#ModalLinks .modal-dialog {
    width: 800px;
}
 
/*------------------------- @end: 8.1. Authentication --------------------------------*/









/* -----------------------------------======  @start: 9. BA7   ======----------------------------------- */

/*------------------------- @start: 9.1. General --------------------------------*/

#pensionBA7 {
	font-size: 12px;
}
.fee {
	color: #FDBB30;
	font-weight: bold;
	font-size: 10px;
}
#pagePrint {
    line-height: 40px;
    font-size: 10px;
}
.rowBackground {
    background: #f5f5f5;
}
.uppercase {
    text-transform: uppercase;
}
.table.table-mobile.table-bordered, .panel-table .table tr {
    border-bottom: 1px solid #ddd;
}
.accordion-toggle {
	color: #000;
}
#coachingContentContainer, #relatedinkContainer {
	font-size: 12px;
}
#relatedinkContainer {
	display:none;
}
.panel-coaching {
    margin-top: 20px;
}
.col-md-6.noPadding {
    padding: 0;
}
.category {
    text-transform: uppercase;
    background: #d5e0ec;
	color: #35435b;
    font-size: 11px !important;
	font-weight: 600;
}
.highlight {
    background-color: #E6E6A6;
}
ul.noBullets {
    list-style-type: none;
}
.requiredStar {
    font: normal 110% Arial, Helvetica, sans-serif;
    color: red;
    text-align: right;
    padding: 0px 0px 12px 0px;
}
@media (max-width: 768px) {
	#pensionBA7 .table .text-right, #pensionBA7 .table .text-center {
		text-align:left;
	}
	.panel-coaching {
		margin-top: 0;
	}
	.titleViewByWrapper {
		text-align: center;
		margin-top: 15px;
	}
}


/*------------------------- @end:9.1. General --------------------------------*/

/* -----------------------------------======  @end: 9. BA7   ======----------------------------------- */









.contactformbutton
{
	float:right;
}
.pension .messageheader ,.healthwelfare .messageheader, .websitefeedback .messageheader,.message tbody tr:hover ,.message tr.selected
{
	background:#d9edf7;
	margin:0;
	padding:10px;
}

.table.message > thead > tr > th
{
	border:none;
}
.messagedisclaimer
{
	font-size:12px;
	font-style:italic;
}
#personal .borderBtm, #elections .borderBtm ,#bene .borderBtm ,#waiver .borderBtm , #delivery .borderBtm{
    border-bottom: 1px solid #ddd;
}
#personal .panel-body div, #elections .panel-body div {
    padding: 10px 0;
    font-size: 12px;
}
#bene .panel-body div ,#waiver .panel-body div , #delivery .panel-body div
{
	padding: 5px 0;
    font-size: 12px;
}
#toolsTable > tbody > tr:first-child > td {
    border-top: none;
}
#toolsTable > tbody > tr > td {
    border-color: #777;
}
.toolTitle {
	color: #47a2ff;
	font-size: 14px;
	font-weight: 600;
}
#total-rewards-container img {
	margin:30px auto 0;
}
.familyIcons {
    display: inline-block;
    width: 60px;
}
.sm {
font-size: 14px !important;
}
.benefitItem {
	border-bottom: 1px solid #ddd;
	display: flex;
	margin-bottom: -1px;
    padding: 10px;
}
.credit {
font-size: 10px;
color: green;
}
.ptp {
    font-size: 22px;
    color: #000;
}
.spouse {
    font-size: 22px;
    color: #468CFF;
}
.child {
    font-size: 17px;
    color: #F8931D;
}
#infoTab {
	margin-bottom: 5px;
}
.btn.btn-primary.btn-xs.btn-margin {
	margin: 10px;
}
.list-group-item-info {
	color: #555;
	background-color: #ddd;
}
tbody.contactList {
	display: block;
	width: 330px;
	max-height: 340px;
	overflow-y: auto;
}

.calc .panel-body {padding: 0;}
.calc .panel-body .row {border-bottom:1px solid #ddd;margin: 0;padding: 10px 0;}
.calc .panel-body .pull-right {padding-right: 20px;}
.calc .panel-body .highlight {background-color: #f5f5f5; }
.CalcResults .header {font-size:14px;}
.CalcResults .category {background-color: #f5f5f5; color:#000; }
.CalcAssumptions .panel-body,
.MultiCalcResults .panel-body,
.PensionVest .panel-body,
.PensionSalaryPlan .panel-body,
.PensionHourlyPlan .panel-body,
.panel-calc-menu .panel-body,
.PensionReports .panel-body {padding: 0;}
.CalcAssumptions  .panel-body .row {margin: 0;padding: 10px;}
.CalcAssumptions  .panel-body .row .padding_a,
.PensionVest .padding_a {padding: 10px;}
.CalcAssumptions .panel-body .category {background-color: #f5f5f5; }
#Recalculate {margin-bottom:35px;}

#rowB_2 .col-lg-4 {padding:0}
#rowB_2 .highlight {text-align: center; border-bottom:0;}

.ReviewSubmit .header,
.PaymentMethod .header,
.PaymentPlanDetails .header,
.PaymentOptions .header,
.PersonalInfo .header,
.PersonalInfo .headerRight{
	font-size: 14px;
    font-weight: bold;
	background-color: #f5f5f5;
    border-bottom: 1px solid #ddd;
    border-top: 1px solid #ddd;
}
.InstitutionDetails .table td,
.display_only td,
.forminteractive_display td,
.forminteractive_variable td {padding: 10px;}
.category {
	background-color: #f5f5f5;
	color: #000;
}
/*TEST*/
#coachingContent .row{
	padding: 0 15px !important;
}