@charset "UTF-8";
/*-- 2020-02-04 10:10:00 - ADA 1.0 */
/*
$spacer:                     1rem !default;
$spacer-x:                   $spacer !default;
$spacer-y:                   $spacer !default;
$spacers: (
		0: (
				x:   0,
				y:   0
		),
		1: (
				x:   $spacer-x,
				y:   $spacer-y
		),
		2: (
				x:   ($spacer-x * 1.5),
				y:   ($spacer-y * 1.5)
		),
		3: (
				x:   ($spacer-x * 3),
				y:   ($spacer-y * 3)
		)
) !default;
*/
/* There is no need to have lg-only mixin, because lg and lg-only are the same */
/*
Creates variations of the selector appending the suffixes xs, sm, md, lg adding media query with the proper viewport size. This mixin is intended to help on extending Bootsrap's helper classes for all viewport sizes. For instance, the .list-inlne-xs, .list-inlne-sm, .list-inlne-md, .list-inlne-lg variations of the .list-inlne class may be created.

Example of usage:

//Generates .pull-right-xs, .pull-right-sm, .pull-right-md, .pull-right-lg
@include all-viewport-sizes-variants(".pull-right") {
	 float: right;
}

*/
/*Useful classes and mixins to clean up or remove some styling*/
.no-border, .u-no-border {
  border-style: none;
}

.no-border-top, .u-no-border-top {
  border-top-style: none;
}

.no-border-right, .u-no-border-right {
  border-right-style: none;
}

.no-border-bottom, .u-no-border-bottom {
  border-bottom-style: none;
}

.no-border-left, .u-no-border-left {
  border-left-style: none;
}

/*
Float elements with Bootstrap based media queries
allows to set different text alignment for each Bootstrap defined viewport size, which are:
extra small (xs), small (sm), medium (md), large (lg). The specific resolution sizes are defined by Bootstrap.

This file generates the following classes:

For extra small devices

.pull-left-xs
.pull-right-xs

For small devices

.pull-left-sm
.pull-right-sm

For medium devices

.pull-left-md
.pull-right-md

For large devices

.pull-left-lg
.pull-right-lg
*/
@media (min-width: 480px) {
  .pull-right, .u-pull-right-xs {
    float: right;
  }
}

@media (max-width: 767px) {
  .pull-right, .u-pull-right-xs-only {
    float: right;
  }
}

@media (min-width: 768px) {
  .pull-right, .u-pull-right-sm {
    float: right;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .pull-right, .u-pull-right-sm-only {
    float: right;
  }
}

@media (min-width: 992px) {
  .pull-right, .u-pull-right-md {
    float: right;
  }
}

@media (min-width: 992px) and (max-width: 1199px) {
  .pull-right, .u-pull-right-md-only {
    float: right;
  }
}

@media (min-width: 1200px) {
  .pull-right, .u-pull-right-lg {
    float: right;
  }
}

@media (min-width: 480px) {
  .pull-left, .u-pull-left-xs {
    float: left;
  }
}

@media (max-width: 767px) {
  .pull-left, .u-pull-left-xs-only {
    float: left;
  }
}

@media (min-width: 768px) {
  .pull-left, .u-pull-left-sm {
    float: left;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .pull-left, .u-pull-left-sm-only {
    float: left;
  }
}

@media (min-width: 992px) {
  .pull-left, .u-pull-left-md {
    float: left;
  }
}

@media (min-width: 992px) and (max-width: 1199px) {
  .pull-left, .u-pull-left-md-only {
    float: left;
  }
}

@media (min-width: 1200px) {
  .pull-left, .u-pull-left-lg {
    float: left;
  }
}

/*Creates pipes (|) as separetors between children elements. Useful for menus.

Example of use:

<ul class="list-inline-sm pipes-in-between-sm">
	<li>
		<a>Link 1</a>
	</li>
	<li>
		<a>Link 2</a>
	</li>
	<li>
		<a>Link 3</a>
	</li>
</ul>

The result would be similar to this:

	Link 1 | Link 2 | Link 3

Observations: 

* IE7 and below does not support the CSS content property, 
so this will not those versions of IE.

*IE8 and below does not support CSS pseudo classes, such as :after, 
so this will not those versions of IE.

*/
.pipes-in-between div {
  display: inline;
}

.pipes-in-between > *:not(:last-child):after {
  content: '|';
  padding: 5px;
  vertical-align: middle;
}

@media (min-width: 768px) {
  .pipes-in-between > *:not(:last-child):after {
    padding: 10px;
  }
}

@media (min-width: 480px) {
  .pipes-in-between-xs .pipes-in-between-xs div {
    display: inline;
  }
  .pipes-in-between-xs .pipes-in-between-xs > *:not(:last-child):after {
    content: '|';
    padding: 10px;
    vertical-align: middle;
  }
}

@media (min-width: 480px) and (min-width: 768px) {
  .pipes-in-between-xs .pipes-in-between-xs > *:not(:last-child):after {
    padding: 10px;
  }
}

@media (max-width: 767px) {
  .pipes-in-between-xs-only .pipes-in-between-xs-only div {
    display: inline;
  }
  .pipes-in-between-xs-only .pipes-in-between-xs-only > *:not(:last-child):after {
    content: '|';
    padding: 10px;
    vertical-align: middle;
  }
}

@media (max-width: 767px) and (min-width: 768px) {
  .pipes-in-between-xs-only .pipes-in-between-xs-only > *:not(:last-child):after {
    padding: 10px;
  }
}

@media (min-width: 768px) {
  .pipes-in-between-sm .pipes-in-between-sm div {
    display: inline;
  }
  .pipes-in-between-sm .pipes-in-between-sm > *:not(:last-child):after {
    content: '|';
    padding: 10px;
    vertical-align: middle;
  }
}

@media (min-width: 768px) and (min-width: 768px) {
  .pipes-in-between-sm .pipes-in-between-sm > *:not(:last-child):after {
    padding: 10px;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .pipes-in-between-sm-only .pipes-in-between-sm-only div {
    display: inline;
  }
  .pipes-in-between-sm-only .pipes-in-between-sm-only > *:not(:last-child):after {
    content: '|';
    padding: 10px;
    vertical-align: middle;
  }
}

@media (min-width: 768px) and (max-width: 991px) and (min-width: 768px) {
  .pipes-in-between-sm-only .pipes-in-between-sm-only > *:not(:last-child):after {
    padding: 10px;
  }
}

@media (min-width: 992px) {
  .pipes-in-between-md .pipes-in-between-md div {
    display: inline;
  }
  .pipes-in-between-md .pipes-in-between-md > *:not(:last-child):after {
    content: '|';
    padding: 10px;
    vertical-align: middle;
  }
}

@media (min-width: 992px) and (min-width: 768px) {
  .pipes-in-between-md .pipes-in-between-md > *:not(:last-child):after {
    padding: 10px;
  }
}

@media (min-width: 992px) and (max-width: 1199px) {
  .pipes-in-between-md-only .pipes-in-between-md-only div {
    display: inline;
  }
  .pipes-in-between-md-only .pipes-in-between-md-only > *:not(:last-child):after {
    content: '|';
    padding: 10px;
    vertical-align: middle;
  }
}

@media (min-width: 992px) and (max-width: 1199px) and (min-width: 768px) {
  .pipes-in-between-md-only .pipes-in-between-md-only > *:not(:last-child):after {
    padding: 10px;
  }
}

@media (min-width: 1200px) {
  .pipes-in-between-lg .pipes-in-between-lg div {
    display: inline;
  }
  .pipes-in-between-lg .pipes-in-between-lg > *:not(:last-child):after {
    content: '|';
    padding: 10px;
    vertical-align: middle;
  }
}

@media (min-width: 1200px) and (min-width: 768px) {
  .pipes-in-between-lg .pipes-in-between-lg > *:not(:last-child):after {
    padding: 10px;
  }
}

/*
Text alignment with Bootstrap based media queries
allows to set different text alignment for each Bootstrap defined viewport size, which are:
extra small (xs), small (sm), medium (md), large (lg). The specific resolution sizes are defined by Bootstrap.

This file generates the following classes:

Extra small devices		Small devices		Medium devices		Large devices

.text-left-xs			.text-left-sm		.text-left-md		.text-left-lg
.text-right-xs			.text-right-sm		.text-right-md		.text-right-lg
.text-center-xs			.text-center-sm		.text-center-md		.text-center-lg
.text-justify-xs		.text-justify-sm	.text-justify-md	.text-justify-lg
*/
@media (min-width: 480px) {
  .text-left, .u-text-left-xs {
    text-align: left;
  }
}

@media (max-width: 767px) {
  .text-left, .u-text-left-xs-only {
    text-align: left;
  }
}

@media (min-width: 768px) {
  .text-left, .u-text-left-sm {
    text-align: left;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .text-left, .u-text-left-sm-only {
    text-align: left;
  }
}

@media (min-width: 992px) {
  .text-left, .u-text-left-md {
    text-align: left;
  }
}

@media (min-width: 992px) and (max-width: 1199px) {
  .text-left, .u-text-left-md-only {
    text-align: left;
  }
}

@media (min-width: 1200px) {
  .text-left, .u-text-left-lg {
    text-align: left;
  }
}

@media (min-width: 480px) {
  .text-right, .u-text-right-xs {
    text-align: right;
  }
}

@media (max-width: 767px) {
  .text-right, .u-text-right-xs-only {
    text-align: right;
  }
}

@media (min-width: 768px) {
  .text-right, .u-text-right-sm {
    text-align: right;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .text-right, .u-text-right-sm-only {
    text-align: right;
  }
}

@media (min-width: 992px) {
  .text-right, .u-text-right-md {
    text-align: right;
  }
}

@media (min-width: 992px) and (max-width: 1199px) {
  .text-right, .u-text-right-md-only {
    text-align: right;
  }
}

@media (min-width: 1200px) {
  .text-right, .u-text-right-lg {
    text-align: right;
  }
}

@media (min-width: 480px) {
  .text-center, .u-text-center-xs {
    text-align: center;
  }
}

@media (max-width: 767px) {
  .text-center, .u-text-center-xs-only {
    text-align: center;
  }
}

@media (min-width: 768px) {
  .text-center, .u-text-center-sm {
    text-align: center;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .text-center, .u-text-center-sm-only {
    text-align: center;
  }
}

@media (min-width: 992px) {
  .text-center, .u-text-center-md {
    text-align: center;
  }
}

@media (min-width: 992px) and (max-width: 1199px) {
  .text-center, .u-text-center-md-only {
    text-align: center;
  }
}

@media (min-width: 1200px) {
  .text-center, .u-text-center-lg {
    text-align: center;
  }
}

@media (min-width: 480px) {
  .text-justify, .u-text-justify-xs {
    text-align: justify;
  }
}

@media (max-width: 767px) {
  .text-justify, .u-text-justify-xs-only {
    text-align: justify;
  }
}

@media (min-width: 768px) {
  .text-justify, .u-text-justify-sm {
    text-align: justify;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .text-justify, .u-text-justify-sm-only {
    text-align: justify;
  }
}

@media (min-width: 992px) {
  .text-justify, .u-text-justify-md {
    text-align: justify;
  }
}

@media (min-width: 992px) and (max-width: 1199px) {
  .text-justify, .u-text-justify-md-only {
    text-align: justify;
  }
}

@media (min-width: 1200px) {
  .text-justify, .u-text-justify-lg {
    text-align: justify;
  }
}

.color-scheme-blue {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: antialiased;
}

.color-scheme-navy {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: antialiased;
}

.footer-section-nav-links,
.footer-section-legal,
footer {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: antialiased;
}

* {
  -webkit-text-size-adjust: none;
     -moz-text-size-adjust: none;
      -ms-text-size-adjust: none;
          text-size-adjust: none;
  -webkit-tap-highlight-color: transparent;
}

a.resource-link:after {
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "";
  margin-left: 4px;
  color: inherit;
}

small.headings-small-eyebrow {
  color: #07639d;
}

h2 small.headings-small-eyebrow.inherit-color {
  color: inherit;
}

h3 {
  color: #001f45;
}

@media (min-width: 768px) {
  [class^='col-'].divider::after {
    content: '';
    position: absolute;
    height: 100%;
    width: 1px;
    background-color: #cccccc;
    top: 0;
    right: 0;
  }
  [class^='col-'].divider:last-child::after {
    display: none;
  }
}

@media (max-width: 767px) {
  #myPods [class^='col-'].divider::after {
    display: none;
  }
}

@media (max-width: 991px) {
  #myPods [class^='col-'].divider:nth-child(odd)::after {
    display: none;
  }
}

#myPods [class^='col-'].divider::after {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  width: 1px;
  height: 100%;
  background-color: #666666;
}

#myPods [class^='col-'].divider:last-child::after {
  display: none;
}

@media (min-width: 992px) {
  #myPods .col-md-4.divider:nth-of-type(3n)::after {
    display: none;
  }
}

@media (min-width: 1200px) {
  #myPods .visible-lg {
    display: block !important;
  }
}

#myPods .inbetweeners {
  width: 95%;
}

footer.light-theme a {
  color: #001f45;
}

html, body {
  position: relative;
  width: 100%;
  max-width: 100%;
  padding: 0;
  margin: 0;
  overflow-x: hidden;
}

html {
  height: 100%;
  background: #fff;
}

body {
  min-width: 320px;
  margin: 0 auto;
}

.ie9 body, .ie8 body {
  overflow-x: auto;
}

.add-top {
  margin-top: 23px;
}

.add-bottom {
  margin-bottom: 58px;
}

.applied-filters {
  display: none;
  margin: 5px 0 15px;
}

.applied-filters.active {
  display: block;
}

.applied-filters .applied-filters-label {
  float: left;
  margin: 5px 10px 10px 0;
}

.applied-filters .applied-filters-items {
  overflow: hidden;
}

.applied-filters .applied-filters-item {
  display: inline-block;
  margin: 0 10px 10px 0;
}

.applied-filters .applied-filters-item.pill {
  border: 1px solid #07639d;
  color: #07639d;
  border-radius: 100px;
  padding: 2px 10px 2px 13px;
}

.applied-filters .applied-filters-item.pill a {
  color: inherit;
}

.applied-filters .applied-filters-item.pill a:hover, .applied-filters .applied-filters-item.pill a:active, .applied-filters .applied-filters-item.pill a:focus, .applied-filters .applied-filters-item.pill a:hover:active, .applied-filters .applied-filters-item.pill a:hover:focus, .applied-filters .applied-filters-item.pill a:active:focus, .applied-filters .applied-filters-item.pill a:hover:active:focus {
  color: inherit;
}

.applied-filters .applied-filters-item.pill a:after {
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "";
  margin-left: 5px;
}

.applied-filters .applied-filters-item.pill:first-of-type {
  background-color: #07639d;
  color: #fff;
}

.browse-funds .dropdown,
.browse-funds button.dropdown-toggle,
.browse-funds ul.dropdown-menu {
  width: 100%;
}

.browse-funds button.dropdown-toggle {
  text-align: left;
  overflow: hidden;
  text-overflow: ellipsis;
}

.browse-funds button.dropdown-toggle:after {
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "";
  position: absolute;
  right: 16px;
  font-size: 20px;
  color: #666666;
}

.browse-funds ul.dropdown-menu li > a {
  padding-top: 4px;
  padding-bottom: 4px;
  white-space: normal;
  width: 85%;
}

.dropdown-content {
  padding-left: 2em;
}

.disclaimer-section-component {
  padding: 10px 0;
  font-size: 14px;
  color: #001f45;
  background-color: #e3f2f4;
}

.dropdown-component {
  white-space: nowrap;
}

.dropdown-component label {
  color: #666666;
  font-family: "PrudentialModern-Cond", sans-serif;
  font-size: 16px;
  overflow: hidden;
  text-overflow: ellipsis;
  margin-bottom: 3px;
}

.dropdown-component label span {
  color: #EE0006;
}

.dropdown-component .dropdown-toggle {
  overflow: hidden;
  text-overflow: ellipsis;
  text-align: left;
}

.dropdown-component .dropdown-toggle:after {
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "";
  position: absolute;
  right: 24px;
  color: #07639d;
}

.filter-tags h4 {
  margin-top: 5px;
  margin-right: 10px;
  color: #001f45;
}

.filter-tags ul {
  width: 85%;
  margin: 0;
}

.filter-tags ul > li {
  margin-bottom: 10px;
  padding-left: 2px;
  padding-right: 2px;
}

.filter-tags button {
  border-color: #07639d;
  color: #07639d;
  border-radius: 15px;
  font-family: "PruModern-BoldSemiCon", sans-serif;
  font-size: 15px;
  padding: 2px 10px;
}

.filter-tags button.active, .filter-tags button:hover, .filter-tags button:focus {
  border-color: #07639d;
  color: #fff;
  background: #07639d;
}

.glidepath-chart-container {
  position: relative;
}

.glidepath-chart-container .popover {
  position: absolute;
  width: 325px;
  max-width: 325px;
  outline: 0;
}

.glidepath-chart-container .popover .popover-title {
  line-height: 17px;
  color: #001f45;
}

.glidepath-chart-container .popover .popover-content {
  padding: 5px 14px 10px;
}

.glidepath-chart-container .popover .popover-link {
  display: block;
  margin-top: 10px;
}

.glidepath-chart-container .popover .popover-link:before {
  margin-right: 4px;
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "";
}

.glidepath-chart-container .popover .close-pop-hover {
  position: absolute;
  top: 8px;
  right: 8px;
  color: #999999;
  cursor: pointer;
  outline: 0;
}

.glidepath-chart-container img {
  width: 100%;
  height: auto;
}

.glidepath-chart-container .glidepath-point {
  position: absolute;
  border-radius: 50%;
  border: 2px solid #fff;
  background-color: #fae05d;
  width: 16px;
  height: 16px;
}

@media (min-width: 992px) {
  .glidepath-chart-container .glidepath-point {
    border-radius: 50%;
    border: 4px solid #fff;
    background-color: #fae05d;
    width: 26px;
    height: 26px;
  }
}

.glidepath-chart-container .glidepath-point:hover {
  -webkit-box-shadow: 0 0 15px 5px rgba(255, 255, 255, 0.75);
          box-shadow: 0 0 15px 5px rgba(255, 255, 255, 0.75);
  outline: 0;
}

.glidepath-chart-container .glidepath-point.active {
  -webkit-box-shadow: 0 0 15px 5px rgba(255, 255, 255, 0.75);
          box-shadow: 0 0 15px 5px rgba(255, 255, 255, 0.75);
  outline: 0;
}

.glidepath-chart-container .glidepath-point:focus {
  outline: 0;
}

.glidepath-header h1 {
  letter-spacing: 0.015em;
  color: #001f45;
}

.glidepath-header p {
  letter-spacing: 0.01em;
  line-height: 22px;
}

.glidepath-header .btn.active {
  border: none;
  -webkit-box-shadow: none;
          box-shadow: none;
}

.header .header-message {
  background-color: #e3f2f4;
  color: #001f45;
  text-align: center;
  padding: 10px;
  font-size: 14px;
}

.header .heading {
  overflow: hidden;
}

.header .heading h1 {
  margin-bottom: 0;
}

@media (max-width: 767px) {
  .header .heading h1 {
    clear: both;
  }
}

.header .heading .print-action {
  float: right;
  margin: 25px auto 15px;
}

.header .heading .print-action:before {
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "";
  margin-right: 5px;
}

@media (max-width: 767px) {
  .header .heading .print-action {
    float: left;
  }
}

.header .heading .retirement-pro-indicator {
  float: right;
  color: #001f45;
  background-color: #e3f2f4;
  border-radius: 2px;
  margin-top: -50px;
  padding: 5px 15px;
}

@media (max-width: 1199px) {
  .header .heading .retirement-pro-indicator {
    float: left;
    margin: 0 0 15px;
  }
}

.header .dropdown {
  float: left;
  width: 80%;
}

.header .dropdown .dropdown-toggle {
  width: 100%;
  float: left;
  overflow: hidden;
  text-overflow: ellipsis;
  padding-right: 32px;
  text-align: left;
}

.header .dropdown .dropdown-toggle:after {
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "";
  position: absolute;
  top: 16px;
  right: 10px;
  font-size: 12px;
  color: #07639d;
}

.header .dropdown-apply {
  float: left;
  width: 20%;
  padding-left: 10px;
}

.header .dropdown-apply .btn {
  display: block;
  width: 100%;
  padding-left: 5px;
  padding-right: 5px;
}

.header .resources {
  margin-bottom: 20px;
}

.header .resources .resources-title {
  color: #001f45;
  font-size: 20px;
  line-height: 1.1;
  text-align: left;
}

.header .resources .resources-title .resource-links {
  font-size: 15px;
  color: #07639d;
}

.header .resources .resources-title .resource-links a {
  padding: 0 5px;
}

@media (max-width: 767px) {
  .pagination-component li a {
    padding: 8px;
  }
}

.profile-content-section p {
  color: #666666;
}

.profile-content-section p.assets-breakdown:first-of-type {
  font-family: "Opensans-Bold", sans-serif;
}

.profile-content-section h4 {
  color: #001f45;
  font-family: "PruModern-BoldSemiCon", sans-serif;
}

.profile-content-section a.cta {
  float: left;
  clear: both;
}

.profile-content-section table.table-bordered > thead tr > th {
  background-color: #ebebeb;
  color: #07639d;
}

.profile-content-section table.table-bordered > thead > tr > th, .profile-content-section table.table-bordered > tbody > tr > td {
  border: 1px solid #dadada;
}

@media (max-width: 767px) {
  .profile-content-section table.table-bordered > thead > tr > th, .profile-content-section table.table-bordered > tbody > tr > td {
    border: 1px solid #dadada;
  }
}

.resource-icon {
  background-color: #07639d;
  border-radius: 50px;
  width: 103px;
  height: 103px;
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.resource-icon span {
  color: #fff;
  font-size: 60px;
}

.all-funds-table {
  margin: 20px auto;
  max-width: 1200px;
}

@media (max-width: 767px) {
  .all-funds-table {
    width: 100%;
  }
}

@media (max-width: 991px) {
  .all-funds-table {
    width: 720px;
  }
}

@media (max-width: 1199px) {
  .all-funds-table {
    max-width: 940px;
  }
}

.all-funds-table .stuck {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  width: calc(100% - 20px);
  margin: 0 auto;
  display: inherit;
  max-width: 1200px;
}

@media (max-width: 767px) {
  .all-funds-table .stuck {
    width: 100%;
  }
}

@media (max-width: 991px) {
  .all-funds-table .stuck {
    width: 720px;
  }
}

@media (max-width: 1199px) {
  .all-funds-table .stuck {
    max-width: 940px;
  }
}

.all-funds-table .removed {
  visibility: hidden;
  bottom: 0;
}

.all-funds-table .dataTables_filter {
  display: none;
}

.all-funds-table .dataTable {
  border-collapse: collapse;
}

.all-funds-table .dataTable th {
  border-color: #dadada;
  vertical-align: middle;
}

.all-funds-table .dataTable td {
  color: #666666;
}

.all-funds-table thead > tr > th,
.all-funds-table tbody > tr > td {
  text-align: center;
  line-height: 1.47;
}

@media (max-width: 991px) {
  .all-funds-table thead > tr > th,
  .all-funds-table tbody > tr > td {
    padding: 1px;
  }
}

@media (max-width: 1199px) {
  .all-funds-table thead > tr > th,
  .all-funds-table tbody > tr > td {
    padding: 10px;
  }
}

.all-funds-table thead > tr > th:first-child,
.all-funds-table thead > tr:last-of-type {
  padding: 10px 20px;
  text-align: left;
  line-height: 1.47;
}

.all-funds-table tbody > tr > td:first-child {
  color: #07639d;
  text-align: left;
  padding-left: 24px;
}

.all-funds-table .table-row__title {
  background-color: #ebebeb;
  color: #001f45;
  font-size: 12px;
}

.all-funds-table .table-row__title > th {
  padding: 10px;
}

.all-funds-table.literature-center-table .table-row__columnTitle {
  color: #666666;
}

.all-funds-table.literature-center-table tbody > tr > td {
  color: #666666;
}

.all-funds-table.literature-center-table tbody > tr > td:first-child * {
  color: #07639d;
}

.all-funds-table .table-row__subtitle {
  background-color: #f2f2f2;
  color: #333333;
  font-size: 12px;
}

.all-funds-table .table-row__subtitle > th {
  padding: 10px;
}

.all-funds-table .table-row__columnTitle {
  background-color: #f2f2f2;
  color: #333333;
  font-weight: bold;
}

.all-funds-table .table-row__underlyingFunds {
  background-color: #459595;
}

.all-funds-table .table-row__underlyingFunds > th {
  color: #e3f2f4;
}

.all-funds-table table.fixed {
  top: 0;
  position: fixed;
  width: auto;
  display: none;
  border: 0;
}

.all-funds-table.table-bordered > thead > tr > th, .all-funds-table.table-bordered > tbody > tr > td {
  border: 1px solid #dadada;
}

@media (max-width: 767px) {
  .all-funds-table.table-bordered > thead > tr > th, .all-funds-table.table-bordered > tbody > tr > td {
    border: 1px solid #dadada;
  }
}

@media (min-width: 768px) {
  .all-funds-table .collapse-desktop-cell {
    display: none;
  }
}

.all-funds-table .loader {
  position: absolute;
  margin: 0 auto;
  border: 1px solid #dadada;
  left: 0;
  top: -30px;
  padding: 20px;
  width: 100%;
  height: 2000px;
  background-color: #f2f2f2;
  color: #333333;
  font-size: 30px;
  text-align: center;
}

.all-funds-table .loader i {
  color: #333333;
  margin: 15% auto;
}

@media (min-width: 768px) {
  .all-funds-table .mobile-table {
    display: none;
  }
}

@media (max-width: 767px) {
  .all-funds-table {
    margin: 20px auto;
    font-size: 15px;
    width: calc(100% - 30px);
  }
  .all-funds-table .desktop-table {
    display: none;
  }
  .all-funds-table .mobile-header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .all-funds-table .mobile-header .mobile-title {
    padding: 20px;
    text-align: center;
  }
  .all-funds-table .mobile-row {
    padding: 20px;
  }
  .all-funds-table .mobile-row .first-row, .all-funds-table .mobile-row .second-row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .all-funds-table .mobile-row .first-row a {
    width: 50px;
  }
  .all-funds-table .mobile-row .first-row a:before {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "";
  }
  .all-funds-table .mobile-row .second-row {
    color: #666666;
  }
  .all-funds-table .mobile-row .second-row div {
    text-align: center;
  }
}

@media (max-width: 767px) {
  .all-funds-table:not(.literature-center-table) .table {
    border-width: 0;
  }
  .all-funds-table:not(.literature-center-table) tbody > tr:not(.header) td {
    color: #666666;
  }
  .all-funds-table:not(.literature-center-table) tbody > tr:nth-child(4n+1).collapse-desktop-row {
    background-color: #f9f9f9;
  }
  .all-funds-table:not(.literature-center-table) tbody > tr:nth-child(4n+2).collapse-desktop-row {
    background-color: #f9f9f9;
  }
  .all-funds-table:not(.literature-center-table) tbody > tr:nth-of-type(odd) {
    background: #fff;
  }
  .all-funds-table:not(.literature-center-table) tbody > tr:nth-of-type(odd) > td {
    border-bottom: 0;
    padding-bottom: 0;
  }
  .all-funds-table:not(.literature-center-table) tbody > tr:nth-of-type(even) > td {
    border-top: 0;
    padding-top: 0;
  }
  .all-funds-table:not(.literature-center-table) tbody > tr > td {
    border-left: 0;
    border-right: 0;
    text-align: left;
    padding-left: 10px;
  }
  .all-funds-table:not(.literature-center-table) tbody > tr > td.collapse-desktop-cell {
    display: table-cell;
  }
  .all-funds-table:not(.literature-center-table) tbody > tr > td .in-cell-label {
    font-family: "Opensans-Bold", sans-serif;
    color: #666666;
  }
}

.table-filters label span:after {
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "";
  color: #07639d;
  margin-left: 5px;
  font-size: 12px;
}

.table-filters .button-group button {
  color: #07639d;
  border-color: #07639d;
}

.table-filters .button-group button.active {
  color: #fff;
  background-color: #001f45;
}

.table-filters .button-group.btn-group-compact button {
  min-width: 38px;
  margin-bottom: 5px;
  padding: 8px;
}

@media (min-width: 768px) {
  .table-filters.mobile {
    display: none;
  }
}

.table-filters.mobile .mobile-dropdown {
  margin-top: 8px;
}

.table-filters.mobile .mobile-dropdown .dropdown-label {
  font-weight: 600;
  padding: 11px 0;
}

@media (max-width: 767px) {
  .table-filters.desktop {
    display: none;
  }
}

.datatable-header {
  color: #222222;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.datatable-header p {
  font-size: 12px;
  font-weight: 600;
  line-height: 1.83;
  margin-bottom: 0;
  color: #222222;
}

@media (max-width: 767px) {
  .datatable-header p.helpTable {
    padding-top: 10px;
  }
}

.datatable-header a {
  color: #07639d;
  font-size: 15px;
}

.datatable-header .returns {
  color: #222222;
  font-size: 15px;
}

.datatable-header .btn-toolbar .btn-group {
  width: 100%;
}

@media (max-width: 767px) {
  .datatable-header .btn-group .btn-period-filter {
    min-width: 100px;
  }
  .datatable-header .btn-group .btn-period-filter:not(:first-child) {
    margin-left: 0;
  }
}

.datatable-header .radio label,
.datatable-header .checkbox label {
  font-family: "Opensans-Regular", sans-serif;
}

.datatable-header .checkbox {
  margin-bottom: 0;
}

.datatable-header .monthly-quarterly-toggle button:first-child,
.datatable-header .monthly-quarterly-toggle button:last-child {
  width: 50%;
}

.datatable-header .monthly-quarterly-toggle .btn-primary.active {
  background-color: #001f45;
}

@media (min-width: 768px) {
  .datatable-header .btn-toolbar .btn-group {
    float: right;
  }
  .datatable-header .monthly-quarterly-toggle .btn {
    padding: 10px 30px;
  }
}

@media (max-width: 767px) {
  .datatable-header .checkbox {
    display: none;
  }
}

.datatable-header > div:last-child {
  -ms-flex-item-align: end;
      align-self: flex-end;
}

.datatable-header .period-filter-content {
  overflow: hidden;
  float: right;
}

.single-header-table .table-section .table-row__columnTitle > th {
  color: #666666;
  background-color: #e9e9e9;
}

.single-header-table .table-section .table-striped > tbody > tr:nth-of-type(4n - 2) {
  background-color: #f2f2f2;
}

.single-header-table .table-section .table-bordered > tbody > tr > td {
  border-right: 0;
  border-left: 0;
}

.table-section {
  margin: 40px auto;
}

.table-section .stuck {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  width: calc(100% - 20px);
  margin: 0 auto;
  display: inherit;
}

.table-section .removed {
  visibility: hidden;
  bottom: 0;
}

.table-section thead > tr > th {
  font-weight: 600;
}

.table-section thead > tr > th,
.table-section tbody > tr > td {
  vertical-align: middle;
  text-align: center;
  padding: 10px;
  line-height: 1.47;
  color: #333333;
}

.table-section:not(.secondary) tbody > tr > td:first-child {
  padding: 20px 10px;
  text-align: left;
  color: #07639d;
  line-height: 1.47;
  width: 210px;
}

.table-section:not(.secondary) .table-row__columnTitle > th:first-child {
  font-size: 15px;
  text-align: left;
}

.table-section tbody > tr > td {
  font-size: 15px;
}

.table-section tbody > tr > td .favorite-toggle {
  color: #07639d;
}

.table-section tbody > tr > td .favorite-toggle:hover {
  cursor: pointer;
}

.table-section tbody > tr > td:not(:first-child) {
  color: #666666;
}

.table-section tbody > tr > td .cell-action {
  color: #07639d;
}

.table-section tbody > tr > td.file-lock:before {
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "";
}

.table-section .table-row__title {
  background-color: #ebebeb;
  font-size: 12px;
}

.table-section .table-row__title > th {
  padding: 10px;
  color: #001f45;
  text-transform: uppercase;
}

.table-section .table-row__subtitle {
  background-color: #f2f2f2;
  font-size: 12px;
}

.table-section .table-row__subtitle > th {
  padding: 10px;
  color: #333333;
}

.table-section .table-row__columnTitle {
  background-color: #f2f2f2;
  color: #666666;
  font-weight: bold;
}

.table-section .table-row__columnTitle > th {
  color: #07639d;
  font-size: 14px;
}

.table-section .table-row__columnTitle > th:not(:first-of-type) {
  padding: 10px 7px;
}

.table-section .table-row__columnTitle > th.favorites::before {
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "";
}

.table-section .table-row__columnTitle > th.secondary {
  width: 95px;
}

.table-section .collapse-desktop-cell {
  display: none;
}

.table-section .loader {
  position: absolute;
  margin: 0 auto;
  border: 1px solid #dadada;
  left: 0;
  top: -30px;
  padding: 20px;
  width: 100%;
  height: 2000px;
  background-color: #f2f2f2;
  color: #333333;
  font-size: 30px;
  text-align: center;
}

.table-section .loader i {
  color: #333333;
  margin: 15% auto;
}

.table-section table.fixed {
  top: 0;
  position: fixed;
  width: auto;
  display: none;
  border: 0;
}

@media (min-width: 768px) {
  .table-section table.table-bordered > thead > tr > th, .table-section table.table-bordered > tbody > tr > td {
    border: 1px solid #dadada;
  }
}

@media (min-width: 768px) {
  .table-section .table-striped > tbody > tr:nth-child(2), .table-section .table-striped > tbody > tr:nth-child(4n + 6) {
    background: #f9f9f9;
  }
  .table-section .table-with-benchmark > tbody > tr:nth-child(3n+2) {
    background: #f9f9f9;
  }
  .table-section .table-with-benchmark > tbody > tr:nth-child(3n) {
    background: #fff;
  }
  .table-section .table-without-benchmark > tobdy > tr:nth-child(2), .table-section .table-without-benchmark > tobdy > tr:nth-child(4n + 6) {
    background: #f9f9f9;
  }
}

@media (max-width: 767px) {
  .table-section .table {
    border-width: 0;
  }
  .table-section .table-striped > tbody > tr:nth-child(4n+1).collapse-desktop-row {
    background: #f9f9f9;
  }
  .table-section .table-striped > tbody > tr:nth-child(4n+1).collapse-desktop-row > td {
    padding: 10px 10px 0;
  }
  .table-section .table-striped > tbody > tr:nth-child(4n+2):not(.collapse-desktop-row) {
    background: #f9f9f9;
  }
  .table-section .table-striped > tbody > tr:nth-of-type(odd) {
    background: #fff;
  }
  .table-section .table-striped > tbody > tr:nth-of-type(odd) > td {
    border-bottom: 0;
    padding-bottom: 0;
  }
  .table-section .table-striped > tbody > tr:nth-of-type(even) > td {
    border-top: 0;
    padding-top: 0;
  }
  .table-section .table-striped > tbody > tr > td {
    border-left: 0;
    border-right: 0;
    text-align: left;
    padding-left: 10px;
    border-bottom: 1px solid #dadada;
  }
  .table-section .table-striped > tbody > tr > td.collapse-desktop-cell {
    display: table-cell;
  }
  .table-section .table-striped > tbody > tr > td:not(.collapse-desktop-cell):not(.hidden-xs) {
    padding-right: 0;
    min-width: 50px;
  }
  .table-section .table-striped > tbody > tr > td .in-cell-label {
    font-weight: 600;
  }
  .table-section .table-striped > tbody > tr.collapse-desktop-row td {
    border-top: 1px solid #dadada;
  }
}

/*********** Style updates for DOF ADA Fixes 04/09/2019 *************/
.datatable-header legend.returns {
    margin-bottom: 0px;
    border-bottom: 0px;
    width: auto;
}

/* overwrite label font-face form monthly/quartey 'btns' */
.period-filter-content label {
    font-family: OpenSans-Regular,Arial,"Helvetica Neue",Helvetica,sans-serif;
}
/*********** Style updates for ADA Fixes Cathal *************/

/*** Fix Clear All hover color contrast issue (PCOM-1410) ***/
.filter-tags button.active:hover {
    border-color: #007bc3 !important;
    color: #007bc3 !important;
    background: #fff !important;
}
/*********** Style updates for ADA Fixes Cathal *************/

.performance-dof-funds-hero-text .blank-header-spacer {
    font-size: 36px;
    line-height: 38px;
    margin-top: 0;
    margin-bottom: 10.5px;
}

.performance-dof-funds .resourse-header-style {
    display: inline-block;
    font-family: "PruModern-Bold-Con";
    margin-right: 10px;
    color: #001f45;
    margin-top: 10.5px;
    margin-bottom: 10.5px;
    font-weight: 500;
    font-size: 18px;
    line-height: 20px;
}

.performance-dof-funds .filter-tags .filter-tag-header-style {
    margin-right: 10px;
    margin-top: 5px;
    margin-bottom: 10.5px;
    font-size: 18px;
    line-height: 20px;
    color: #001f45;
    font-family: "PruModern-Bold-Con";
}

.performance-dof-funds .introduction-header-style {
    font-size: 24px;
    line-height: 26px;
    color: #001f45;
    font-family: "PruModern-Bold-Con";
    margin-top: 0;
    margin-bottom: 10.5px;
    font-weight: 500;
}

.performance-dof-funds .filter-checkboxes .filter-checkbox-item.title {
    color: #001f45;
}

.performance-dof-funds .filter-buttons .returns-header-style {
    font-family: "PruModern-Bold-Con";
    font-size: 18px;
    font-weight: bold;
    line-height: 1.11;
    color: #001f45;
    margin-top: 10.5px;
    margin-bottom: 10.5px;
}
/** Performance, Prices and Yields Page End **/


.performance-dof-funds .h3-header {
    font-size: 24px;
    line-height: 26px;
    color: #001f45;
    font-family: PruModern-BoldSemiCon,Arial,Helvetica Neue,Helvetica,sans-serif;
    margin-top: 0;
    margin-bottom: 10.5px;
    font-weight: 500;
}

.performance-dof-funds .h4-header {
    font-size: 18px;
    line-height: 20px;
    color: #001f45;
    font-family: PruModern-BoldSemiCon,Arial,Helvetica Neue,Helvetica,sans-serif;
    margin-top: 10.5px;
    margin-bottom: 10.5px;
}

.performance-dof-funds .filter-tags .h4-header {
    font-size: 18px;
    line-height: 20px;
    color: #001f45;
    margin-bottom: 10.5px;
    margin-top: 5px;
    margin-right: 10px;
    color: #001f45;
    font-family: Opensans-Bold,Arial,Helvetica Neue,Helvetica,sans-serif;
    font-style: normal;
    font-weight: 700;
}


.performance-dof-funds .header4-prices {
    font-size: 18px;
    line-height: 20px;
    color: #001f45;
    font-family: "PruModern-Bold-Con";
}

.performance-dof-funds .filter-buttons .h5-header {
    font-family: "PruModern-Bold-Con";
    font-size: 18px;
    font-weight: bold;
    line-height: 1.11;
    color: #001f45;
    margin-top: 10.5px;
    margin-bottom: 10.5px;
}
.sr_only{display: none;}

.padding-bottom-20 {
padding-bottom: 20px;
}
/** Fund Profile End **/
/*********** Style updates for ADA Fixes Cathal *************/