/* ######################################## */
/* ######################################## */
/* ########    MEMBER DASHBOARD   ######### */
/* ######################################## */
/* ######################################## */

#footer.member  { background-color: #ededed; }
#body.member {
        position: relative;
        left: 32px;
        padding-top: 72px;
}

#body.member a, .popover-content a { color: #e36058;}

#body.member a:active,
#body.member a:focus,
.popover-content a:hover,
.popover-content a:active,
.popover-content a:focus { color: #efa9a6;}

.afbs-member-header-bg { background-color: #e36159; }
.afbs-thick-divider-left {
        width: 66px;
        height: 2px;
        margin: 96px auto 44px 0;
        background-color: #FFF;
}
.no_gutter > [class*='col-'] {
        padding-right: 0;
        padding-left: 0;
}
.no_gutter_full_width {
        width: 100%;
        padding-right: 0;
        padding-left: 0;
}

/* header (welcome user) */
.db_welcome_header_container.container { padding-left: 15px; padding-right: 10px; }
.db_welcome_header_container { 
        margin-bottom: 95px;
        background-color: #e46159; 
        background: 
        url(../img/bckg_dots_2x2.gif),
        url(../img/dashboard/bckg_03_MemberLogin_01_Dashboard.jpg);
        background-size:  2px 2px, 100% 100%;
}
.afbs-header-text.welcome { position: relative; text-align: left; padding-top: 254px; padding-bottom: 96px; } /* t 220 b 180*/
.afbs-header-text.welcome h1 {display: block;  padding-bottom: 48px;}
.afbs-header-text.welcome h1 .user_first_name { font-family: "Blanch Caps Inline", "Arial Narrow", "Helvetica Narrow", sans-serif; font-size: 186px; line-height: 0.4; text-transform: lowercase; }
.afbs-header-text.welcome h1 img { }
.afbs-header-text.welcome p.subhead_welcome { color: #fff; font-size: 22px}




.db_header_container { background-color: #e36159; padding-top: 0px; }

.db_container {  }
.db_container .heading { display: table-row; background-color: #2a323d; }
.db_container .heading .c_left,
.db_container .heading .c_center,
.db_container .heading .c_right { display: table-cell; vertical-align: top; padding-top: 30px; padding-bottom: 30px; }
.db_container .heading .c_left,
.db_container .heading .c_right { width: 60px; }
.db_container .heading .c_center { width: 100%; padding: 30px 12px; }
.db_container .heading .c_left  { padding-top: 28px; padding-left: 30px; text-align: left; }
.db_container .heading .c_right { padding-top: 28px; padding-right: 30px; text-align: right; }
.db_container h3 { font-family: dinpro, sans-serif; font-size: 20px; text-transform: uppercase; color: #979797; }
.db_container .content { padding: 48px 32px; background-color: #fff; }



#body.member { background-color: #ededed; font-family: calibri, sans-serif; font-weight: 400;}
.member .container_content { background-color: #FFF; margin-bottom: 48px; font-size: 18px; }
.member .container_items { padding: 48px 32px;}
h3.m_heading { font-family: dinpro, sans-serif; font-size: 20px; text-transform: uppercase; color: #979797; padding: 32px 0px 32px 0px ; background: #2a323d ;}
h4.m_heading { font-size: 18px; font-weight: normal; color: #666; padding-bottom: 20px; }
h4.m_heading span.date { font-weight: bold; }
h4.m_heading.m_heading_top { padding-bottom: 32px; }

.member .section_period_divider { width: 50%; margin: 32px 0; border-top: 1px solid #ccc;}

.member .section_item { margin-bottom: 12px;}
.member .section_item .item_type,
.member .section_item .item_label { display: table-cell; vertical-align: middle;}
.member .section_item .item_label { padding-left: 20px;}
.member .section_item .item_label a { color: #E36058;}
.member .section_item .item_label a:hover { color: #EFA9A6;}


/* *** Member Dashboard Navigation *** */
#mm_wrapper {
        display: block;
        position: relative;
}

nav.member_menu {
        _background: #FFF;
        position: fixed;
        top: 72px;
        bottom: 0;
        height: 100%;
        left: 0;
        width: 64px;
        overflow: hidden;
        -webkit-transition: width .2s linear;
                        transition: width .2s linear;
        -webkit-transform: translateZ(0) scale(1,1);
        /*box-shadow: 1px 0 15px rgba(0, 0, 0, 0.07);*/ 
        opacity: 1;
        z-index: 9000;
}

nav.member_menu li,
#arr { 
        _border-right: 1px solid #ccc;
        box-shadow: 3px 3px 5px rgba(0,0,0,0.15);
}


nav.membermenu:hover, /* <<<< remove 1st underscore to activate hover */
nav.member_menu.expanded {
        width: 330px; 
        overflow: hidden;
        opacity: 1;
}

nav.member_menu i[class^="icon-"] {
        color: #bebebe;
        font-size: 26px;
        line-height: 2.35;
        padding: 0 0 3px 0;
        position: relative;
        display: table-cell;
        vertical-align: middle;
        text-align: center;
}


nav.member_menu > ul {
        margin: 7px 0;
}

nav.member_menu li {
        position: relative;
        display: block;
        background: #FFF;
        width: 324px;
        border-bottom: 1px solid #ccc; 
}

nav.member_menu li > a {
        position: relative;
        width: 255px;
        display: table;
        border-collapse: collapse;
        border-spacing: 0;
        color: #8a8a8a;
        font-size: 13px;
        text-decoration: none;

        font-family: calibri, sans-serif;
        background-color: #fff;
}

nav.member_menu .menu_item_icon {
        position: relative;
        display: table-cell;
        text-align: center;
        vertical-align: middle;
        font-size: 18px;
}

nav.member_menu .menu_item_text  {
        position: relative;
        display: table-cell;
        vertical-align: middle;
        min-width: 250px;
        font-family: calibri, sans-serif;
}


nav.member_menu {
        -webkit-user-select: none;
           -moz-user-select: none;
                -ms-user-select: none;
                 -o-user-select: none;
                        user-select: none;
}

nav.member_menu ul,
nav.member_menu li {
        outline:0;
        margin:0;
        padding:0;
        text-transform: normal;
        margin-left: -3px;
}

nav.member_menu li > a span {
        font-family: calibri;
        font-size: 14px;
        font-weight: 400;
        line-height: 1.15;
        color:#666;
        text-shadow: 0px 0px 0px; 
        padding: 10px 0 !important;
}
nav.member_menu li:hover > a,
nav.member_menu .dropdown_menu > li > a:hover,
nav.member_menu .dropdown_menu > li > a:focus,
nav.member_menu .dropdown_menu > .active > a,
nav.member_menu .dropdown_menu > .active > a:hover,
nav.member_menu .dropdown_menu > .active > a:focus {
        color: #fff;
        color: #666;
        text-shadow: 0px 0px 0px; 
}
nav.member_menu  li:hover > a i[class^="icon-"] { 
        color: #666;
        text-decoration: none;
}
nav.member_menu  li.active > a i[class^="icon-"],
nav.member_menu  li.active:hover > a i[class^="icon-"] { 
        color: #FFF;
        text-decoration: none;
}
nav.member_menu  li:hover > a span.menu_item_text { 
        color: #666;
        text-decoration: underline;
}
nav.member_menu  li.active > a  { 
        background-color: #dc442b;
        color: #fff;
}
nav.member_menu  li.active > a span.menu_item_text { 
        color: #fff;
        text-decoration: none;
}


nav.member_menu .mm_arrow_box {
        position: relative;
        background: yellow;
}
nav.member_menu  .mm_arrow_box:after,
#arr.mm_arrow_box:after {
        right: -20px;
        top: 50%;
        border: solid transparent;
        content: " ";
        height: 0;
        width: 0;
        position: absolute;
        pointer-events: none;
        border-color: rgba(255, 0, 0, 0);
        border-left-color: #dc442b;
        border-width: 10px;
        margin-top: -10px;
}

/*  *** ScrolBar ***  */
nav.member_menu .scrollbar {
        height: 100%;
        width: 100%;
        overflow-y: hidden;
        overflow-x: hidden;
}

nav.member_menu .scrollbar:hover {
        height: 100%;
        width: 100%;
        overflow-y: scroll;
        overflow-x: hidden;
}

/* Scrollbar Styling */ 
nav.member_menu #sb_custom_style::-webkit-scrollbar-track {
        border-radius: 0px;
        display: none; /* scrollbar is hidden since we have an arrow  */
}

nav.member_menu #sb_custom_style::-webkit-scrollbar {
        width: 5px;
        background-color: #F7F7F7;
        display: none;
}

nav.member_menu #sb_custom_style::-webkit-scrollbar-thumb {
        border-radius: 0px;
        -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
        background-color: #BFBFBF;
        display: none;
}
/*  *** Scrollbar End ***  */ 

/*  *** Account data section ***  */
nav.member_menu #account_data {
        display: block;
        font-size: 14px;                        
}
nav.member_menu #account_data * {
        font-size: 14px;
}
nav.member_menu.extended #account_data {
        display: none;
}
nav.member_menu #account_data {
        padding-left: 70px;
}
nav.member_menu #account_data [class^="data_"] {
        padding-top: 24px;
        color: #666 !important;
}
nav.member_menu #account_data .profile_pic { 
        border-radius: 50%; 
        border: 1px solid #ccc; 
        margin:48px 0 24px;
}

/*
nav.member_menu #account_data a i.icon-pic {
        display: inline-block;
}
nav.member_menu #account_data a i.icon-pic:before { 
        padding: 0 10px 0 0 !important;
}
*/

nav.member_menu #account_data span.glyphicon.icon-pic {
        display: inline-block;
}
nav.member_menu #account_data span.glyphicon.icon-pic:before { 
        padding: 0 10px 0 0 !important;
}

nav.member_menu #account_data a { color: #dc442b;}

nav.member_menu #account_data .data_picture {padding-top: 0px;}
nav.member_menu #account_data .data_picture .btn { padding-left: 0;}
nav.member_menu #account_data .data_picture .icon-pic { margin-left: -6px;}

nav.member_menu #account_data [class^="data_"] p {
        margin: 0;
        padding: 0;
}
nav.member_menu #account_data [class^="data_"] span.label { 
        padding-left: 0;
        color: #666; 
        font-weight: 400;
}
nav.member_menu #account_data [class^="data_"] span.data { 
        color: #666; 
        font-weight: 800;
}
nav.member_menu #account_data .data_member_name p  {
        _margin-top: 24px;
}
nav.member_menu #account_data .data_member_name span.data  {
        color: #dc442b; 
        margin-top: 48px;
}
nav.member_menu #account_data .data_coverage {
        margin: 24px 0 0px !important;
        padding: 24px 0;
        border-top: 1px solid #ccc;
        border-bottom: 1px solid #ccc;
        font-weight: 600;
}
nav.member_menu #account_data div.offer p {
        color: #dc442b  !important;
}
nav.member_menu #account_data p.level span>a {
        color: #666  !important;
}
nav.member_menu #account_data .data_coverage p.level{
        padding-bottom: 0px;
}
nav.member_menu #account_data .data_coverage p.offer_details span.time {
        display: block;
}
nav.member_menu #account_data .data_coverage button {
        background-color: #FFF !important;
        padding: 20px 0;
        text-decoration: underline !important;
        border: none;
}
nav.member_menu .btn_select_picture { 
        cursor: pointer; 
}
#account_data p { line-height: 1.25 };
/*  *** Account data section - end ***  */

	#arr {
		height: 64px;
		z-index: 9000;
		_width: 20px;
		_border: 1px solid gray;
	}
	#arr.mm_arrow_box	{
		position: fixed;
		_background: yellow;
	}

	nav.member_menu  .ttt { 
		position: relative; 
		width: 318px; height:64px; 
		background-color: #fff; 
		border-right: 1px solid #ccc; 
		border-bottom: 1px solid #ccc; 
		box-shadow: 3px 3px 5px rgba(0,0,0,0.15);

	}
	nav.member_menu  .ttt .expanded { 
		width: 300px;
	}
	nav.member_menu  .ttt span#toggle_menu { 
		position: relative; 
		width: 69px; 
		height: 64px;  
		float: left; 
		z-index: 90000; 
		border: none; 
		_background-color: #fff; 
	}

	/*nav.member_menu.expanded #toggle_menu { 
		float: right !important; 
	}*/
	nav.member_menu.expanded #toggle_menu { 
		background: url(../img/icon_db_nav_X.png) no-repeat 50% 50%;
	}
	nav.member_menu  #toggle_menu { 
		background: url(../img/icon_db_nav_chevrons_right.png) no-repeat 50% 50%;
	}
	nav.member_menu .secure_seal { 
		margin-bottom: 96px; clear: both;
	}


	/* ###  Member Dashboard Navigation  - end ### */


	/* ### Form Change Profile ### */

	#form_change_profile input[id^="u"] { width: 100%; height: 60px; border: 1px solid #ccc; padding: 24px; font-size: 18px; font-weight: bold; color: #666;}
	#form_change_profile span.error_msg { display: block; margin-bottom: 0px; color: #db432a; font-size: 14px; font-weight: 400; }
	#form_change_profile input.btn { color: #fff; background: #222933; padding: 24px 32px; margin: 24px auto 0; border-radius: 0px; font-size: 18px; font-family: dinpro; min-width: 120px; }
	#form_change_profile #submit_form_change_profile { background-color: #dc442b; margin-right: 24px;}
	#form_statements_by_mail #submit_form_statements_by_mail { color: #fff; background: #dc442b; padding: 24px 32px; margin: 36px auto 0; border-radius: 0px; font-size: 18px; font-family: dinpro; }
	.error_msg { display: block; margin-bottom: 0px; color: #db432a; font-size: 14px; font-weight: 400; padding: 1ex 0; text-align: left;}
        .submit-btn { color: #fff; background: #dc442b; padding: 24px 32px; margin: 36px auto 0; border-radius: 0px; font-size: 18px; font-family: dinpro; }
        .submit-btn:hover { color: #fff; background: #dc442b; padding: 24px 32px; margin: 36px auto 0; border-radius: 0px; font-size: 18px; font-family: dinpro; }
        
	/* *** Datepicker *** */
	.datepicker table tbody { border: 1px solid #ccc;}
	.datepicker table tr th, .datepicker table tr td { font-family: calibri, sans-serif; font-size: 16px !important; font-weight: bold!important;}
	.datepicker table tr th { font-size: 14px !important; font-weight: normal !important;}
	.datepicker table tr td, .datepicker table tr th {
		text-align: center;
		width: 40px !important;
		height: 40px !important;
		border-radius: 0px !important;
		border: none;
	}
	.datepicker th.datepicker-switch { font-size: 18px !important; }
	table tbody tr:nth-child(even) {
		background-color: #eee;
	}
	table tbody tr td.day:hover {
		color: #FFF;
		background-color: rgba(220,68,43, 1) !important;
	}
	.datepicker table tr td.active.active {
		background-color: rgba(220,68,43, 0.7) !important;
		border-color: rgba(220,68,43, 1) !important;
	}



/* -- BEGIN Statements --- */
.consent_statements_by_mail h3.consent_heading { font-family: dinpro, sans-serif; font-size: 20px; text-transform: uppercase; color: #E36058; padding: 32px 32px 32px 47px; }
span.mail_underline { display: block; margin: 0 32px; border-bottom: 1px solid #E36058;}

.consent_statements_by_mail .input_wrapper { padding-bottom: 0px; }
.consent_statements_by_mail .radio {
    cursor: pointer;
}
.consent_statements_by_mail .radio > input { /* Hide default raadio */
    visibility: hidden;
    position: absolute;
}
/* RADIO */
.consent_statements_by_mail .radio { margin-top: 0px; }
.consent_statements_by_mail .radio > i {     /* Set default for <i> */
    display: inline-block;
    vertical-align: middle;
    margin: 0 12px 1ex -24px;
    width: 24px;
    height: 20px;
    background: url(/img/icon_checkCircle_off.png) left top repeat;
    transition: 0.2s;
}
.consent_statements_by_mail .radio:hover > i{ /* Set hover <i> */
    background: url(/img/icon_checkCircle_off.png) left top repeat;
}
.consent_statements_by_mail .radio > input:checked + i { /* Radio checked <i> */
    background: url(/img/icon_checkCircle_on.png) left top repeat;
}
.consent_statements_by_mail label { padding: 2px 0;}


#form_statements_by_mail label.radio { padding-bottom: 12px;}
#form_statements_by_mail label.radio i { position: absolute; display: inline-block; margin-right: 0px; }
#form_statements_by_mail label.radio span.lbl_text { display: inline-block; padding-left: 10px;}


/* -- END Statements --- */

/* RADIO */
	label.radio {
	  cursor: pointer;
	}
	label.radio > input { /* Hide default raadio */
		visibility: hidden;
		position: absolute;
	}
	label.radio { margin-top: 0px; }
	label.radio > i {     /* Set default for <i> */
		display: inline-block;
		vertical-align: middle;
		margin: 0 12px 1ex -24px;
		width: 24px;
		height: 20px;
		background: url(../img/icon_checkCircle_off.png) left top repeat;
		transition: 0.2s;
	}
	label.radio:hover > i{ /* Set hover <i> */
		background: url(../img/icon_checkCircle_off.png) left top repeat;
	}
	label.radio > input:checked + i { /* Radio checked <i> */
		background: url(../img/icon_checkCircle_on.png) left top repeat;
	}
	label { padding: 2px 0;}
	.radio, .checkbox { margin-bottom: 0; }

	/* ***************************************** */
	div.input_wrapper { margin-bottom: 24px;}
	div.input_wrapper.iw_border { border: 1px solid #ccc;}
	div.input_wrapper label { font-weight: normal; padding-left: 24px;}

	#form_change_profile input[type="checkbox"] + label {float: left; background: url(../img/icon_checkCircle_off.png) left top no-repeat; margin-bottom: 34px;}
	#form_change_profile input[type="checkbox"]:checked + label { background: url(../img/icon_checkCircle_on.png) left no-repeat;}
	
	.input_wrapper.input-group.date { width: 100% !important;}
	#sandbox_container { }
	#sandbox_container input { border: 1px solid #ccc;  }
	#sandbox_container div.input-group.date { width: 100% !important;}

	/* ### Form Change Profile - end ### */


	span.heading_info a:focus,
	span.heading_info a:active,
	span.heading_info .btn:focus,
	span.heading_info .btn:active  {
		outline: none !important;
	}

	.box_overview { padding: 32px; background-color: #e46159; margin-top: 24px; }
	.box_overview p { color: #fff;}
	.box_overview p.overview_title { font-size: 28px; margin: 24px 0;}
        .leftpanel-collapsed .box_overview p.overview_title { font-size: 36px; }
	.box_overview p.overview_info { font-size: 15px; }
        #body.member .box_overview p.overview_info a { color: #fff; text-decoration: underline; }
	.box_overview span.date_activation,
	.box_overview span.date_bf_start,
	.box_overview span.date_bf_end {
		text-transform: uppercase; 
	}
	.grey_bg { background-color: #bfbfbf;}


	.container_content {
		margin-top: 0px;
		background-color: #fff;
	}

	.container_heading_special,
	.container_content_special {
		margin-top: 48px;
		margin-left: -1000px;
		padding-left: 1000px;
		margin-right: 0;
		background-color: #e46159;
	}
	.container_content_special {
		margin-top: 0px;
		margin-bottom: 24px;
		padding-top: 48px;
		padding-right: 48px;
		padding-bottom: 48px;
		background-color: #fff;
	}
	.container_content_special p { padding-top: 32px;}
	.container_content_special p.links { padding-top: 12px;}
	.container_content_special p.links a { color: red;}




   
    .container_heading_special .right_message {
        float: right;
        padding: 32px;
        color: #FFFFFF;
    }
    body.leftpanel-collapsed h1.overview,
    body.leftpanel-collapsed section.overview,
    body.leftpanel-collapsed .container_heading_special,
    body.leftpanel-collapsed .container_content_special {
        margin-right: 70px;
    }
    body:not(.leftpanel-collapsed) h1.overview,
    body:not(.leftpanel-collapsed) section.overview,
    body:not(.leftpanel-collapsed) .container_heading_special,
    body:not(.leftpanel-collapsed) .container_content_special {
        margin-right: 320px;
    }    



	
        h3.heading, h3.ch_heading { 
            font-family: dinpro, sans-serif; 
            font-size: 20px; 
            text-transform: uppercase; 
            color: #fff; 
            padding: 32px 32px 32px 0px ; 
        }
        h3.ch_heading { 
            padding-left: 32px; 
            background: url(/img/dashboard/icon_box_arrow_white.png) no-repeat 0px 50% ;
        }
    
        div.h_icon { display: inline-block; vertical-align: middle; padding-right: 22px;  margin-top: -10px;}

	span.v_divider {margin: 0 32px; border-left: 1px solid #ccc;}

	/* ########    Investments   ######### */
		.container_heading div.zzz { width: 100%; padding-left: 15px;}
		.container_heading .btn-group .btn-block { _margin-left: 15px;}

		.btn-group.btn-block button { padding-left: 32px; background-color: #dc442b !important; background: url(../img/dashboard/icon_chevron_down_white.png) no-repeat 89% 50%;}
		.btn-group.btn-block button:hover { color: #fff !important; text-decoration: underline; }
		.btn-group.btn-block button.active { color: #fff !important; }

		.btn-group.btn-block.open button { color: #fff !important;}
		.account_list {width: 100%;}
		.select_account { height: 86px; border-radius: 0px; text-align: left; font-family: dinpro, sans-serif; font-size: 14px; color: #fff; }
		.select_account .selected_account {font-size: 20px; color: #fff; background-color: #dc442b; text-decoration: none}

		#body.member .dropdown-menu { margin: -1px 0 0; border-radius: 0px; background-color: #dc442b; }
		#body.member .dropdown-menu li a { margin-left: 0; padding: 12px 0px !important; color: #fff; }
		#body.member .dropdown-menu li a,
		#body.member .dropdown-me nu li a:hover { font-size: 20px; color: #fff; background-color: #dc442b; text-decoration: none; }
		#body.member .dropdown-menu li a:hover { text-decoration: underline; }


	span.heading_info { display: block; float: right; }
	span.heading_info:hover { cursor: pointer; }

	[id^="popoverX"].popover { width: auto; max-width: 300px !important; }
	[id^="popoverX"].popover.bottom-right { margin-left: -10px !important;}

	[id^="popoverX"] .popover.bottom { margin-left: -10px !important; }
	[id^="popoverX"] .popover-content { font-family: calibri, sans-serif; font-size: 14px !important; text-transform: none;padding: 12px; margin-bottom: 0;}
	[id^="popoverX"] .popover-content.options { min-width: 200px; padding: 15px  32px; margin-bottom: 0 !important;}
	[id^="popoverX"] .popover-content ul { display: block; list-style: none;}
	[id^="popoverX"] .popover-content li { display: block; margin-left: -32px; padding-left: 32px; margin-right: -32px; padding-right: 32px; margin-top: 0px !important; margin-bottom: 0px !important; }
	[id^="popoverX"] .popover-content li a { display:block; height:100%; width: inherit; font-weight: 400; text-decoration: none; padding-top: 12px; padding-bottom: 12px; border-bottom: 1px solid #ccc;}
	[id^="popoverX"] .popover-content a:hover { color: #fff; }
	#body.member [id^="popoverX"] .popover-content li:hover { background-color: #e46159; }
	#body.member [id^="popoverX"] .popover-content li:hover a { border-bottom-color: transparent; color: #fff; }
	[id^="popoverX"] .popover-content li:last-child a { border-bottom-color: transparent; }
	.add_border {  border-bottom-color: #ccc !important; }
	.remove_border { border-bottom-color: transparent !important;}
        [id^="popoverX"] .popover-content li a.selected { color: #e46159; font-weight: 800; } 
          [id^="popoverX"] .popover-content li:hover a.selected { color: #fff; font-weight: 800; } 
	

/* Tables for members data */
	table.table { border-bottom: 1px solid #ccc; margin-bottom: 10px;}
	table.table > thead > tr > th { background-color: #fff; }
	table.table > thead > tr.headings > th { padding-top: 0px; padding-bottom: 16px; background-color: #fff; border-top: none; }
	table.table > thead > tr.units > th { padding: 10px 24px; font-size: 14px; font-weight: normal; line-height: 1.1; background-color: rgba(237,237,237,0.2); }

	table.table > thead > tr.units > th,
	table.table > tbody > tr > td { border-right: 1px solid #eaeaea; }
	table.table > thead > tr > th:last-child,
	table.table > tbody > tr > td:last-child { border-right: none; }
	table.table > tbody > tr > td { padding: 10px 24px; font-family: calibri, sans-serif; font-size: 18px; line-height: 1.1;}

	table.table-striped > tbody > tr:nth-child(odd) {background: #FFF}
	table.table-striped > tbody > tr:nth-child(even) td {background-color: #f7f7f7 !important;}

	table.table-hover tbody tr:hover td, 
        table.table-hover tbody tr:hover td a, 
	table.table-striped tbody tr:nth-child(even):hover,
	table.table-hover tbody tr:hover th { color: #fff !important; background-color: #e46159 !important; }

	table.table thead tr.units th.sorting_1,
	table.table tbody td.sorting_1 { background-color: #f5f5f5; }
	table.table td.strong { font-weight: bold;}
	table.table td.red { color: #e46159;}
        table.table td.nowrap { white-space: nowrap; }

	
	/* ************** Table controls **************** */
	.tbl_controls { font-size: 14px; margin-top: 10px;}
	.tbl_controls a { color: #e46159; text-decoration: none; font-weight: 800; }
	.tbl_controls .popover a { color: #666; text-decoration: none; font-weight: 400; }
	.tbl_controls .h_separator { display: inline-block; min-width: 48px; min-height: 14px;}
	[id^="popoverX_rows_"] .popover-content { min-width: 50px !important; }
	[id^="popoverX_rows_"] .popover-content li { padding-left: 10px; padding-right: 10px; text-align: center; }
	/* Table navigation / pagination  */
	.pg_nav { display: block; white-space: nowrap;  padding-bottom: 10px; padding-right: 10px; }
	.pg_nav a.pg_first { padding: 6px 10px 6px 0px; margin-right: 0px;}
	.pg_nav a.pg_prev,
	.pg_nav a.pg_next  { padding: 6px; margin: 0 1px; }
	.pg_nav a.pg_curr  { margin: 0 10px; }
	.pg_nav a.pg_last  { padding: 6px 0px 6px 10px; margin-right: 0px; }
        .pg_nav a.disabled img { opacity: 0.3; }

	/* Sorting criteria & rows per view */
	.tbl_sort_by,
	.tbl_rows_number { display: inline-block;  white-space: nowrap;  padding-bottom: 10px;}
	.tbl_sort_by label,
	.tbl_rows_number label { font-weight: normal; }
	.tbl_sort_by .sorted_by_criteria,
	.tbl_rows_number .rows_number { padding: 0 6px; }
	.tbl_rows_number .icon { padding: 0 6px 0 0; }
	/* Table controls - end */
        
        #funds-received-table { width: 100% !important;}
        #funds-received-table-summary { margin-bottom: 0; }  
        #funds-received-table > thead > tr > th { cursor: pointer;}
        #funds-received-table-summary > thead > tr > th:first-child, 
        #funds-received-table-summary > tbody > tr > td:first-child, 
        #funds-received-table > thead > tr > th:first-child,
        #funds-received-table > tbody > tr > td:first-child { padding-left: 0px; }
/* Tables for members data */






/* Modal "Confirm profile changes"  */
	#mPleaseConfirm h3 { margin-bottom: 48px;}
    #payment_CVD_model .modal-body {margin: 24px 0 42px; padding-bottom: 0px;}
	form#confirm_change .input_wrapper { border: 1px solid #ccc; min-height: 48px; padding: 0 32px; margin-top: 48px;}
	form#confirm_change .input_wrapper #uPassword,
	form#confirm_change .input_wrapper a.forgot_link,
	.input_wrapper a.forgot_link { display: block !important; vertical-align: middle;  height: 48px; width: 50%; padding-top: 14px; margin: 0; text-align: right; color: #dc442b !important;}
	form#confirm_change .buttons_wrapper { padding-top: 48px; padding-bottom: 48px; }
	form#confirm_change input.btn {padding: 24px 32px; border-radius: 0px; margin: 0 12px; font-size: 18px;}
	form#confirm_change input.btn:hover { color: #fff;}
	.btn_ok { color: #fff; background-color: #dc442b}
	.btn_cancel { color: #fff; background-color: #222933}
/* Modal "Confirm profile changes" - end */

#mSuccessRequestSent h3,
#mSuccessPasswordChanged h3 { margin-bottom: 40px;}


/* payment steps (Quick Pay) */
    .smpl-step {
        margin-top: 15px;
    }
    .smpl-step {
        padding: 0;
    }

    .smpl-step > .smpl-step-step {
        padding: 0;
        position: relative;
    }   

    .smpl-step > .smpl-step-step .smpl-step-num {
        font-size: 17px;
        margin-top: -20px;
        color: #ccc;
        white-space: nowrap;
    }

    .smpl-step > .smpl-step-step .smpl-step-info {
        font-size: 14px;
        padding-top: 27px;
    }

    .smpl-step > .smpl-step-step > .smpl-step-icon {
         position: absolute;
        width: 15px;
        height: 15px;
        display: block;
        background: #e36058;
        top: 26px;
        left: 50%;
        margin-top: -15px;
        margin-left: -15px;
        border-radius: 50%;
		border-width: 2px;
		border-style: solid;
		border-color: #ccc;
    }

    .smpl-step > .smpl-step-step > .progress {
        position: relative;
        border-radius: 0px;
        height: 2px;
        box-shadow: none;
        /*margin-top: 20px;*/
        margin-top: 17px;
        background-color: #ccc;
    }

   .smpl-step > .smpl-step-step > .progress > .progress-bar {
       width: 0px;
       box-shadow: none;
       background: #e36058;
   }

    .smpl-step > .smpl-step-step.complete > .progress > .progress-bar {
        width: 100%;
    }

    .smpl-step > .smpl-step-step.active > .smpl-step-num { font-weight: bold; color: #e36058; }
    .smpl-step > .smpl-step-step.complete > .smpl-step-icon,
    .smpl-step > .smpl-step-step.active > .smpl-step-icon { border-color: #e36058; }
    .smpl-step > .smpl-step-step.active > .progress > .progress-bar {
        width: 50%;
    }

    .smpl-step > .smpl-step-step:first-child.active > .progress > .progress-bar {
        width: 0%;
    }

    .smpl-step > .smpl-step-step:last-child.active > .progress > .progress-bar {
        width: 100%;
    }

    .smpl-step > .smpl-step-step.disabled > .smpl-step-icon {
        background-color: #fff;
    }

    .smpl-step > .smpl-step-step.disabled > .smpl-step-icon:after {
        opacity: 0;
    }

	.smpl-step > .smpl-step-step > .smpl-step-icon.first { left: 14px; }
	.smpl-step > .smpl-step-step > .smpl-step-icon.last { left: 100%; }

    .smpl-step > .smpl-step-step:first-child > .progress {
        left: 0%;
        width: 100%;
    }

    .smpl-step > .smpl-step-step:last-child > .progress {
        width: 100%;
    }

    .smpl-step > .smpl-step-step.disabled a.smpl-step-icon {
        pointer-events: none;
    }

    /* *************** */
    table#payment thead tr th:first-child, 
    table#payment-history-table thead tr th:first-child,
    table#payment-history-table > tbody > tr > td:first-child { padding-left: 0px; } 
    table#payment,
    table#payment td { border: none; }
    table#payment td { background-color: #fff; }
    .input_wrapper.payment label { display: inline-block; padding-right: 40px;}
        

    .quick_pay button.btn {font-family: dinpro; font-size: 18px; }
    .quick_pay button.btn.btn_payment, 
    .quick_pay button.btn.btn_search, 
    button.btn.btn_qp { color: #fff; background-color: #e36058; border-radius: 0px; padding: 20px 32px; margin-right: 24px;}
    button.btn.btn_qp { margin-top: 48px; padding: 12px 36px;  }
    .quick_pay button.btn.btn_payment.disabled { color: #fff; background-color: #666; }
    .quick_pay button.btn.btn_clear { color: #fff; background-color: #ccc; border-radius: 0px; padding: 20px 32px; margin-right: 24px;}     
    .quick_pay button.btn.btn_search { margin-left: 18px; }





    .quick_pay_transaction_history #sandbox_container input { width: inherit; }
    .quick_pay_transaction_history span.underline { display: block; margin: 48px 0; border-bottom: 1px solid #ccc;}
    .quick_pay_transaction_history .filter-controls input_wrapper { padding-bottom: 0px; } 
    
    #payment_detail_modal .modal-content h3 { margin-bottom: 48px; }

    #form03Modal.modal .modal-body h3,
    #formLockinModal.modal .modal-body h3  { margin-bottom: 48px; }
    
    #form03Modal.modal .modal-body,
    #formLockinModal.modal .modal-body { padding: 0 32px 48px; }

    /* payment steps (Quick Pay) - end */

    /* ALL forms */
    select { /* remove default arrow WebKit/Moz */
        -webkit-appearance: none;
           -moz-appearance: none;
                appearance: none;

        text-indent: 1px;
        text-overflow: '';
    }
    select::-ms-expand { /* remove default arrow IE */
        display: none;
    }
    .select_arrow {
        background:  #fff url("../img/login/arrow_down_select.png") no-repeat right 24px top 24px;
    }
    .select_wrapper {
        position: relative;
        width: 100%;
        margin: 0px;
        padding: 23px;
        line-height: 1ex;
        overflow: hidden;
        background:  #fff url("../img/login/arrow_down_select.png") no-repeat right 24px top 24px;
        border: 1px solid #ccc;
        -webkit-border-radius: 0px;
        border-radius: 0px;
        -webkit-box-shadow: inset 0px 0px 0px 0px #FEFEFE;
        box-shadow: inset 0px 0px 0px 0px #FEFEFE;
        z-index:100;
    }
    .selectDefault {
        padding-left: 0px;
        color: #666;
    }
    .selectDefault:selected {
        color: red;
    }
    .select_wrapper select {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        margin: 0px;
        padding: 0px;
        opacity: 0;
        filter: alpha(opacity=0);
        z-index: 101;
    }
    .select_wrapper select:focus {
        outline: none;
    }
    .selectDefault, .selectDiv option {
        font-family: inherit;
        font-size: 18px;
    }




.no_border { border: none !important; }
.error_msg.pull_up { margin-top: -24px; margin-bottom: 24px; }

img.payment_desc { 
    content: url("/img/dashboard/icon_info_gray.png"); 
    cursor: pointer;
}
tr:hover td img.payment_desc { content:url("/img/dashboard/icon_info_white.png"); }





.modal [class^='m'] a { color: #E36058; }
.modal [class^='m'] a:hover,
.modal [class^='m'] a:visited,
.modal [class^='m'] a:focus { color: #E36058; }

/* Footer for logged in member */
div.db_footer_container { margin-top: 48px; padding-top: 48px; border-top: 1px solid #ccc; }
div.db_footer_container .container { width: 100%; margin-left: 30px; margin-right: 30px; padding-left: 15px; padding-right: 60px; }
.leftpanel-collapsed div.db_footer_container .container { width: 100%; margin-left: 30px; margin-right: 30px; padding-left: 15px; padding-right: 60px;}
div.db_footer_container .container .qqq { padding-right: 330px; }
.leftpanel-collapsed div.db_footer_container .container .qqq { padding-right: 80px; }
div.db_footer_container .container .copyright {  }
div.db_footer_container .container .options { padding-left: 48px; padding-bottom: 48px;}
div.db_footer_container .container .options { white-space: nowrap;}




#form_change_profile input[id^="u"],
#form_change_password input[id^="u"] { width: 100%; height: 60px; border: 1px solid #ccc; padding: 23px; font-size: 18px; font-weight: bold; color: #666; line-height: 1;}
#form_change_profile span.error_msg,
#form_change_password span.error_msg { display: block; margin-bottom: 0px; color: #db432a; font-size: 14px; font-weight: 400; }
#form_change_password a.forgot_link { color: #dc442b;}
#form_change_profile input.btn,
#form_change_password input.btn { color: #fff; background: #222933; padding: 24px 32px; margin: 24px auto 0; border-radius: 0px; font-size: 18px; font-family: dinpro; min-width: 120px; }
#form_change_profile #submit_form_change_profile,
#form_change_password #submit_form_change_password { background-color: #dc442b; margin-right: 24px;}


/* --- BEGIN Upcoming Events --- */
table#upcoming_events { font-size: 18px; }
table#upcoming_events tr { background-color: #fff !important;}
table#upcoming_events td { vertical-align: middle; }
table#upcoming_events td,
table#upcoming_events th { margin: 0; padding: 12px 0; text-align: left; border-right: none;}
table#upcoming_events td.event_name {padding-right: 12px !important;}
table#upcoming_events th .units { font-size: 14px; white-space: nowrap;}
table#upcoming_events th.event_counter,
table#upcoming_events td.event_counter { width: 200px;}
table#upcoming_events th.event_counter { text-align: left; padding-left: 20px;}
table#upcoming_events td.event_counter { text-align: right;}
table#upcoming_events td.event_counter .emphasized { font-weight: bold; color: #e46159;}
table#upcoming_events td a { color: #e46159;}

.today { 
    margin: 0 0 48px 0px; 
    background: url(/img/dashboard/icon_clock_red.png) no-repeat right center;
}
.today div.date,
.today div.clock { display: table-cell; min-height: 98px;  vertical-align: middle; }


.today div.date p { 
    color:  #e46159; 
    min-height: 100px;
    padding-top: 38px;
}
.today div.date span.system_date { font-weight: bold; white-space: nowrap;}
div#body .container .content #upcomingEventsko h4 { font-size: 20px; color: #e46159; padding-bottom: 32px; margin-bottom: 48px; border-bottom: 1px solid #e46159;}
div#body .container .content #upcomingEventsko h4 > img { padding: 0 10px 5px 0;}

/* --- END Upcoming Events --- */


/* --- BEGIN Future Benefit Level */

.current_benefit_level { font-family: dinpro, sans-serif; font-size: 36px; color: #e36058; padding-top: 15px;}
.details_bf {padding-top: 10px; color: #666; font-family: calibri, sans-serif; font-weight: 400 ;}

ul.leaders { margin-left: -15px; }
ul.leaders { list-style: bullet; }
ul.leaders li { clear: both; padding-top: 2ex;} 
ul.leaders li,
ul.leaders li a { font-size: 92%; line-height: 1;} 
ul.leaders li a { color: #dc442b ;} 

ul.leaders li span:first-child {
    float: left;
    padding: 0 .5em 0 0;
    margin: 0;
}
ul.leaders li span + span {
    float: right;
    padding: 0 0 0.1ex .5em;
    margin: 0;
}
ul.leaders li:after {
    content: "";
    display: block;
    overflow: hidden;
    height: 0.9em;
    border-bottom: 1px dotted;
}

p.coverage_desc { padding-top: 15px; text-decoration: underline; font-weight: bold; }

.additional_info { }
.additional_info.left { float: left; text-align: left; }
.additional_info.right { float: right; text-align: right; }
.additional_info.left div { display: table-cell; padding-right: 15px; }
.additional_info .btn { font-size: 16px; color: #e36058; padding: 0px; background-color: transparent;}

.fbl_chart { display: block; overflow:auto; margin: 24px 0px 96px 0px !important; padding-bottom: 96px; border-bottom: 1px solid #ccc; }
.fbl_chart .bg_color_default { background-color: rgba(191,191,191,0.2); }
.fbl_chart .bg_color_base { background-color: rgba(228,97,89,0.6); }
.fbl_chart .bg_color_bronze { background-color: rgba(228,97,89,0.8); }
.fbl_chart .bg_color_silver { background-color: rgba(228,97,89,1.0); }
.fbl_chart .bg_color_gold { background-color: #db432a; }

.fbl_chart .zzz { display: block;; margin: 0 10%; }
.fbl_chart .bars { width: 100%; overflow:auto; border: 1px solid #ccc; border-radius: 4px;}
.fbl_chart .bars .bar { float: left; width: 25%; min-width: 60px; height: 96px; border-right: 1px solid #E8E3E3; }

.fbl_chart .bar.base > div.fill { height: inherit; width: 100%;}
.fbl_chart .bar.bronze > div.fill { height: inherit; width: 100%;}
.fbl_chart .bar.silver > div.fill { height: inherit; width: 100%;}
.fbl_chart .bar.gold > div.fill { height: inherit; width: 30%;}

.fbl_chart .stars { margin-top: 20px;}
.fbl_chart .stars .level { float: left; width: 20%; min-width: 60px; height: 80px; font-size: 14px; text-align: center; text-transform: uppercase; background: url(/img/dashboard/icon_star_gray_50x50.png) no-repeat center bottom;}
.fbl_chart .stars .level.none { background: none;}
.fbl_chart .stars .level a { color: #e46159; }

.fbl-disclaimer { padding-bottom: 48px; }

#mEstimates ul li:not(:first-child) {padding-top: 24px; }
#mEstimates .list-start { padding-top: 24px; padding-bottom: 12px;}
#mRenewal p { padding-top: 24px; }
#mRenewal .modal-body, #mEstimates .modal-body { padding-bottom: 24px; }
#mRenewal #Renewal_Time { margin-bottom: 24px; }
/* --- END Future Benefit Level */

/* --- BEGIN Schedule Diagram --- */
.fbl_schedule { position:relative; display: block; overflow:auto; margin: 38px 0px 48px 0px !important; padding: 10px; }


#innerwrap{/*IE6 needs this for the AP faux column*/
	width:100%;
	overflow:hidden;
}

#innerwrap.details a { color: #666; }

span.data_date_CY,
span.data_date_BY_mmYYYY_start,
span.data_date_BY_mmYYYY_end,
p.year_label  { font-size: 22px; font-weight: 800; color: #e36058;}
p.money_goes { 
	font-size: 14px;
	text-align: center; 
	width: 300%; 
	margin-top: 2.1ex;
	margin-left: -100%;
	padding-bottom: 8px;
	background: url(/img/dashboard/arrow_end_red.png) no-repeat bottom right;
}
/*
.popover .popover-content {max-width: 260px; font-size: 90%;}
*/


.dollar_sign { padding: 20px 10px; }

.dollar_sign span {
    display:inline-block;
    padding: 5px;
    font-size: 24px;
    min-width: 32px;
    min-height: 32px;
    color: #fff;
    background-color: #e36058;
    border-radius: 50%;
}

#innerwrap.bars {
    overflow: hidden;
    height: auto;
    min-height: 48px;
    background-color: #eee;
    border: 1px solid #ccc;
    border-radius: 4px;
    margin: 10px 0;

}
#center.filler,
#right.filler {
	height: 300px;
}

#innerwrap.bars .bar_text  { padding: 18px 10px; color: #666; line-height: 1.1; font-weight: 400; font-size: 14px; text-align: center;}

#innerwrap.bars .bar_next_year_bckg { background-color: #8c9198 }
#innerwrap.bars .bar_afbs_time_bckg { background-color: #eee }
#innerwrap.details p,
#innerwrap .data_date_CY_start,
#innerwrap .data_date_CY_end,
#innerwrap .data_date_BY_start,
#innerwrap .data_date_BY_end  {font-size: 13px; line-height: 1.1; text-align: center}
#innerwrap .data_date_CY_end,
#innerwrap .data_date_BY_end  {padding-left: 10px;}


#left {
	width: 50%;
	float: left;
	margin-right: -55px;
	/*background:#fff; for visual testing*/
}
#right {
	width: 50%;
	float: right;
	margin-left: -55px;
}
#center {
	width: 110px;
	float: left;
	_background: #FFF;
	position: relative;
	z-index: 3;
}
#inner-left{
	margin-right: 55px;
	_background: #BBB;/*same as body BG*/
}
#inner-right {
	margin-left: 55px;
	_background: #BBB;/*same as body BG*/
}

.bar_line { border-left: 1px solid #bbb;}


/* --- END Schedule Diagram --- */

/* --- BEGIN Cury Braces --- */

.curly_brace {
	border-radius: 20px;
	min-height: 20px;
}
.curly_brace.arrow_box_top {
	margin-top: 10px;
	margin-bottom: 0px;
}
.curly_brace.arrow_box_bottom {
	margin-top: 0px;
	margin-bottom: 20px;
}
.arrow_box_top { 
	border-top: 1px solid #ccc; 
}
.arrow_box_bottom { 
	border-bottom: 1px solid #ccc; 
}
.arrow_box_top, 
.arrow_box_bottom {    
	position: relative;
	background: #fff;
}
.arrow_box_top:before,
.arrow_box_top:after,
.arrow_box_bottom:before,
.arrow_box_bottom:after {
	left: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}
.arrow_box_top:before,
.arrow_box_bottom:before {
	border-width: 10px;
	margin-left: -10px;
	border-bottom-color: #ccc;
}
.arrow_box_top:after,
.arrow_box_bottom:after {
	border-width: 8px;
	margin-left: -8px;
}
.arrow_box_bottom:before,
.arrow_box_bottom:after {
	top: 100%;
}
.arrow_box_top:before,
.arrow_box_top:after {
	bottom: 100%;
}
.arrow_box_bottom:before {
	border-color: rgba(255, 255, 255, 0);
	border-top-color: #ccc;
}
.arrow_box_top:after {
	border-bottom-color: #fff;
}
.arrow_box_bottom:after {
	border-top-color: #fff;
}
/* --- END Curli braces */

/* --- BEGIN Ads --- */
.other_benefits .benefit {
    position: relative; 
    border: 1px solid #ccc; 
    padding: 12px 12px 32px 32px; 
    margin-bottom: 24px; 
    min-height: 160px; 
    background-repeat: no-repeat; 
    background-position: right 24px top 32px;
}
.other_benefits .benefit button.close { font-size: 24px; color: #666; }
.other_benefits .benefit h5 { padding: 20px 0 8px; font-size: 18px; font-weight: bold; }
.close { opacity: 0.6 !important; } 
.close_all_benefits { font-size: 18px; color: #e46159; }
.close_all_benefits span:before { content: "—" ; }
.close_all_benefits span.colapsed:before  { content: "╋"; }
.close_all_benefits .show { display:  block; }
.close_all_benefits .hide,
.other_benefits .benefit div.extra.collapsed { display: none; }


.other_benefits .benefit p.intro { padding-bottom: 32px;}
.other_benefits .benefit p { padding: 0 160px 12px 0;}

.other_benefits .benefit .more_less a { color: #e46159; } 
.other_benefits .benefit .learn_more { position: absolute; left: 32px; bottom: 32px;}
.other_benefits .benefit .learn_more a { color: red;}
.home_auto {background-image: url(..img/dashboard/icon_house_gray.png)}
.pet_insurance {background-image: url(/img/dashboard/icon_fishtank_gray.png)}
.title_insurance {background-image: url(/img/dashboard/icon_houseKeyHole_gray.png)}


.ads .gray-border {
	border: solid 1px #ddd;
}
.ads .panel .content {
    padding: 32px 32px 52px 32px;
}
.ads .panel {
    position: relative;
    min-height: 162px;
}
.ads .panel .content > p {
    padding-right: 130px;
}
.ads .panel .learnmore-btn {
    position: absolute;
    bottom: 32px;
}
.ads .panel .remove-btn {
    width: 18px;
    height: 18px;
    background: url("/img/insurance/icon_x.png");
    position: absolute;
    right:12px;
    top:12px;
    cursor: pointer;
}
.ads .panel .right-bar {
    position: absolute;
    float: right;
    right: 32px;
    top: 32px;
}

div#body .container.ads .content h4 { font-size: 20px; color: #e46159; padding-bottom: 32px; margin-bottom: 48px; border-bottom: 1px solid #e46159;}
div#body .container.ads .content h4 > img { padding: 0 10px 5px 0;}
/* --- END Ads */





@media (min-width: 1500px){
    body:not(.leftpanel-collapsed) .container.funds_received .db_container.pr_expanded { padding-right: 200px !important; margin-left: -110px;}
}
@media (min-width: 1450px){
    body:not(.leftpanel-collapsed) .container.funds_received .db_container.pr_expanded { padding-right: 160px !important; margin-left: -160px;}
}
@media (min-width: 1200px){
    body.leftpanel-collapsed .container.funds_received .db_container.pr_collapsed { padding-right: 30px !important; margin-left: -30px;}
}
@media (max-width: 1200px){
    body:not(.leftpanel-collapsed) .container_heading_special .right_message { display: none; }
}
@media (max-width: 1024px){
    body.leftpanel-collapsed .container.dashboard section.overview,
    body.leftpanel-collapsed .container.dashboard .container_heading_special,
    body.leftpanel-collapsed .container.dashboard .container_content_special { margin-right: 0px; }
    body.leftpanel-collapsed .container.dashboard .pr_collapsed { padding-right: 0px !important; }
    body.leftpanel-collapsed .pr_collapsed { padding-right: 70px !important; }
    body.leftpanel-collapsed .container.funds_received .db_container.pr_collapsed { padding-right: 30px !important; margin-left: -30px;}


    body:not(.leftpanel-collapsed) .container.dashboard .pr_collapsed { padding-right: 0px; }
    body:not(.leftpanel-collapsed) .db_welcome_header_container .dashboard_heading.pr_expanded,
    body:not(.leftpanel-collapsed) .container.dashboard .db_container.pr_expanded { padding-right: 246px !important; }
    body:not(.leftpanel-collapsed) .container.dashboard section.overview,
    body:not(.leftpanel-collapsed) .container.dashboard .container_heading_special,
    body:not(.leftpanel-collapsed) .container.dashboard .container_content_special { margin-right: 246px !important; }
    body:not(.leftpanel-collapsed) .container.dashboard .container_content_special p.links span.v_divider {display: block;}

    div.db_footer_container .icon-accessibility-small:before,
    div.db_footer_container .icon-accessibility-medium:before,
    div.db_footer_container .icon-accessibility-large:before,
    div.db_footer_container .printer-icon:before { padding: 0 5px;}

}

@media (max-width: 992px) {
        .afbs-header-text.welcome h1 .user_first_name { display: block; padding-top: 32px;}
        span.v_divider { display: block; max-width: 0px;}
        body:not(.leftpanel-collapsed) .container.dashboard section.overview { margin-right: 246px !important; }
        #investmentPanel {   padding-right: 12px !important; margin-bottom: 12px; }
        body.leftpanel-collapsed .container.funds_received .db_container.pr_collapsed { padding-right: 60px !important; margin-left: 0px;}
}
@media (max-width: 800px){
    body:not(.leftpanel-collapsed) .container.dashboard .container_heading_special .right_message { display: none; }
}

@media (max-width: 732px) {
    span.full_label {display: none;} /* Investments */
}
@media (max-width: 550px){
    body.leftpanel-collapsed .container.dashboard .container_heading_special .right_message { display: none; }
}



    @media screen and (max-width: 450px){
        .quick_pay button.btn.btn_search,
        .quick_pay button.btn.btn_clear,
        #submit_form_change_profile,
        #reset_form_change_profile {
            width: 100%;
            margin-bottom: 10px;
            padding: 12px 24px;
        }
        #change_pasword { padding-left: 24px; }
    }
    
    @media screen and (max-width:992px){
        /* main containers */
        #body .container {
            width: auto !important;
            padding-right: 0px !important;
            padding-left: 0px !important;
        }
        .db_header_container .afbs-thick-divider-left {
            margin-top: 48px;
        }
        .db_header_container .afbs-header-text {
            margin-bottom: 48px;
        }

        .db_container .content {
            padding: 24px 15px;
        }

        .quick_pay button.btn.btn_search,
        #submit_form_change_profile { margin-left: 0px; }
        .quick_pay button.btn.btn_payment,
        #submit_form_change_profile { margin-bottom: 24px;}
    }
    

@media screen and (max-width: 528px){
    .fbl_chart { margin: 20px 0px 32px 0px !important; padding-bottom: 32px; border-bottom: 1px solid #bbb; }
    .fbl_chart .bars .bar { min-width: 25%; height: 96px; }
    .fbl_chart .stars .level { float: left; min-width: 20%; height: 42px; font-size: 10px; background-size: 40%;}
}



@media (min-width: 992px) {
    #innerwrap.bars { max-height: 50px; }
    .quick_pay .pr_collapsed button.btn.btn_search, 
    .quick_pay .pr_collapsed button.btn.btn_clear { padding: 16px 24px; }
    .quick_pay button.btn.btn_search { margin-left: 0px;}
    .quick_pay button.btn.btn_clear { margin-right: 0px;}
}

.quick_pay .pr_expanded  #sandbox_container input { background-size: 40px; padding: 0 40px 0 12px; }
.quick_pay .pr_expanded  button.btn.btn_search,
.quick_pay .pr_expanded button.btn.btn_clear { padding: 16px 20px; }



@media (max-width: 992px){
    #innerwrap.bars { max-height: 65px; }
}
@media (max-width: 640px){
    #innerwrap.bars { max-height: 80px; }
}
@media (max-width: 524px){
    #innerwrap.bars { max-height: 95px; }
}
@media (max-width: 464px){
    #innerwrap.bars { max-height: 110px; }
}
@media (max-width: 432px){
    #innerwrap.bars { max-height: 125px; }
}
@media (max-width: 362px){
    #innerwrap.bars { max-height: 140px; }
}

@media screen and (max-width:1024px){
    /* main containers */
    #body.member .container.dashboard {
        width: calc(100% - 55px) !important;
        margin-left: -2px;
    }
}
@media screen and (max-width:992px){
    .today {
        margin: 0 0 48px 0px;
        width: 100%;
    }
}

@media (max-width: 736px){
    .other_benefits .benefit p.intro {
      padding: 0 130px 12px 0;
    }
    .other_benefits .benefit p {
        padding: 0 0 1.5ex;
    }   
    p.money_goes { 
        width: 200%; 
        margin-top: 1.1ex;
        margin-left: -50%;
        line-height: 1.1;
    } 
}
@media (max-width: 568px){
}
@media (max-width: 500px){
    p.money_goes { 
        width: 150%; 
        margin-top: 1.1ex;
        margin-left: -25%;
        line-height: 1.1;
    } 
    .narrow.curly_brace {
        border-bottom-width: 0px;
    }
}
@media (max-width: 455px){
}
@media (max-width: 420px){
    .today { 
        background-image: none;
    }
    .other_benefits .benefit h5 { 
        padding: 30px 36px 20px 0;
    }

    .other_benefits .benefit {
        padding: 12px !important;
        background-size: 36px;
    }
    .other_benefits .benefit p.intro {
        padding-right: 0px;
    }
    .fbl_schedule {
        margin-top: 26px !important;
    }
    span.data_date_CY, 
    span.data_date_BY_mmYYYY_start, 
    span.data_date_BY_mmYYYY_end, 
    p.year_label  {
        font-size: 14px ;
        line-height: 1.2;
    }

}
@media (max-width: 360px){
    p.money_goes { 
        width: 120%; 
        margin-top: 1.1ex;
        margin-left: -12.5%;
        line-height: 1.1;
    } 
    div.input_wrapper label {  padding-left: 0px; }
    div.input_wrapper label.chk_box { padding-left: 24px; }
    div.input_wrapper a.forgot_link { width: auto; height: auto; padding-top: 1px;}
    div.input_wrapper #change_pasword { padding-left: 10px;}
}
@media (max-width: 320px){
    .smpl-step-num {font-size: 14px !important;}
}
@media screen and (min-width: 320px) {
}




/* TBD - Effects for afbs logo on narrow screens if we decide to go that way */
    /* via transition */
    .afbs-hands.narrow_screen {
        width: 60px !important;
        background-image: url("/img/afbs-hands-dark-blue.png");
        background-color: #fff;
        background-position-y: 12px;
        background-position-x: 4px;
        margin-top: 0;
        margin-left: 0;
        margin-right: 0;
        -webkit-transition: all .5s ease-in;
        transition: all .5s ease-in;
    }

    /* via animation */
    @-webkit-keyframes zzz {
      0%   { background-color: transparent; }
      90%  { background-color: transparent; }
      100% { background-color: #fff; }
    }
    @-moz-keyframes zzz {
      0%   { background-color: transparent; }
      90%  { background-color: transparent; }
      100% { background-color: #fff; }
    }
    @-o-keyframes zzz {
      0%   { background-color: transparent; }
      90%  { background-color: transparent; }
      100% { background-color: #fff; }
    }
    @keyframes zzz {
      0%   { background-color: transparent; }
      90%  { background-color: transparent; }
      100% { background-color: #fff; }
    }
    .ani_narrow_screen {
      -webkit-animation: zzz 0.5s 1; /* Safari 4+ */
      -moz-animation:    zzz 0.5s 1; /* Fx 5+ */
      -o-animation:      zzz 0.5s 1; /* Opera 12+ */
      animation:         zzz 0.5s 1; /* IE 10+, Fx 29+ */
    }
    
div.legal p, div.legal ol li { font-size: 14px; }

.footer_gradient { background: none; }
#body.member .footer_gradient a { color: inherit; }
.footer_gradient abbr[title], abbr[data-original-title] .glossarizer_replaced { background: inherit; }
#body.member div.db_footer_container { padding-top: 32px;}