.highlight-project-blue {
  border: 4px solid blue;
}

.highlight-project-darkblue {
  border: 4px solid darkblue;
}

.highlight-project-lightblue {
  border: 4px solid lightblue;
}

.highlight-project-red {
  border: 4px solid red;
}

.highlight-project-darkred {
  border: 4px solid darkred;
}

.highlight-project-gree {
  border: 4px solid green;
}

.highlight-project-darkgreen {
  border: 4px solid darkgreen;
}

.highlight-project-lightgreen {
  border: 4px solid lightgreen;
}

.highlight-project-orange {
  border: 4px solid orange;
}

.highlight-project-purple {
  border: 4px solid purple;
}

.highlight-project-goldenrod {
  border: 4px solid goldenrod;
}

.legend {
  position: relative;
  margin: 1rem 1%;
  background: #fff;
  border-radius: 3px;
  padding: 0 20px 10px;
  border: 1px solid #757575;
  box-shadow: 4px 4px 0 0 rgba(51, 51, 51, 0.1);
  min-width: 210px;
  width: 100%;
}

.legend-block {
  float: left;
  width: 8px;
  height: 8px;
  border: 1px solid rgba(0, 0, 0, 0.2);
}

.legend-title {
  margin-left: 5px;
}

.legend-checkbox {
  float: left;
}

.legend-button-open {
  font-size: medium;
  font-weight: bold;
  background: #d4d4d4;
  box-shadow: 1px 1px 0 0 #d5d5d5;
  position: relative;
  border-radius: 30px;
}

.legend-button-container {
  font-size: medium;
  font-weight: bold;
  position: absolute;
  bottom: 0;
  left: 0;
  margin: 1rem 1%;
}

.legend-button-open :hover {
  color: lightgrey;
  background-color: black;
}

.legend-button-close {
  position: absolute;
  top: 0;
  right: 0;
  font-size: small;
  font-weight: bold;
  border-radius: 30px;
  background: #fff;
}

.highlight-hover {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 9999;
}

.highlight-hover label {
  margin-top: .5rem;
  display: block;
  position: relative;
}

.highlight-hover a:hover {
  border-bottom: 1px solid #002b45;
}

@charset "UTF-8";

/* Logic */


@font-face {
  font-family: 'Momentum Asp';
  src: url("/fonts/momentum-asp.eot?o2624x");
  src: url("/fonts/momentum-asp.eot?#iefixo2624x") format("embedded-opentype"), url("/fonts/momentum-asp.ttf?o2624x") format("truetype"), url("/fonts/momentum-asp.woff?o2624x") format("woff"), url("/fonts/momentum-asp.svg?o2624x#momentum-asp") format("svg");
  font-weight: normal;
  font-style: normal;
}

/* Color Mixins */

.modal-footer:after,
.content-section:after,
.content-section-no-margin-bottom:after {
  content: "";
  display: table;
  clear: both;
}

.srt {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}

div[role="gridcell"] .icon-chevron-up:before,
div[role="gridcell"] .icon-chevron-down:before {
  margin-top: 5px;
}

.smaller-text {
  font-size: .92rem;
}

.smaller-text.sixes {
  color: #666;
}

.smaller-text .tooltip__toggle--closed .icon-question-o:before,
.smaller-text .tooltop__toggle--open .icon-delete-o:before {
  font-size: 1.5rem;
}

.smaller-text p {
  font-size: inherit !important;
}

.pointer {
  cursor: pointer;
}

.nowrap {
  white-space: nowrap;
}

.normal {
  font-weight: 400;
}

.full-width-flex {
  width: 100%;
  display: flex;
  align-items: center;
}

/* ---- */

/* -- Reset File -- */

/* -------------------------------------------------- */

/* http://meyerweb.com/eric/tools/css/reset/
   v2.0 | 20110126
   License: none (public domain)
*/

html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  vertical-align: baseline;
}

/* HTML5 display-role reset for older browsers */

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  display: block;
}

body {
  line-height: 1;
  color: #333;
}

blockquote,
q {
  quotes: none;
}

blockquote:before,
blockquote:after {
  content: '';
  content: none;
}

q:before,
q:after {
  content: '';
  content: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

* {
  box-sizing: border-box;
}

.padding-bottom-2 {
  padding-bottom: 2rem;
}

html {
  font-size: 13px;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
}

html,
body {
  min-height: 100%;
}

body {
  background: #002b45;
  min-width: 760px;
}

body,
button,
input,
textarea,
select,
option {
  font-family: "proxima-nova", arial, helvetica, sans-serif;
}

ul,
ol,
li {
  margin-bottom: 10px;
  margin-top: 0;
}

ul,
ol {
  padding-left: 40px;
}

.spousal-consent-waive-list {
  padding-left: 42px;
  list-style-type: none;
}

dl {
  margin-bottom: 20px;
  margin-top: 0;
}

dt {
  font-weight: 600;
}

dt,
dd {
  line-height: 1.4;
}

a {
  color: #005691;
  text-decoration: none;
  cursor: pointer;
  line-height: 1.4;
}

a:hover,
a:focus {
  color: #001a2b;
  text-decoration: underline;
  padding-bottom: 0;
}

h1,
.h1 {
  display: block;
  font-size: 2rem;
  margin-top: 1.34rem;
  margin-bottom: 1.34rem;
  margin-left: 0;
  margin-right: 0;
  font-weight: bold;
}

h2,
.h2 {
  display: block;
  font-size: 1.5rem;
  margin-top: 1.25rem;
  margin-bottom: 1.25rem;
  margin-left: 0;
  margin-right: 0;
  font-weight: bold;
}

h3,
.h3 {
  display: block;
  font-size: 1.17rem;
  margin-top: 1.17rem;
  margin-bottom: 1.17rem;
  margin-left: 0;
  margin-right: 0;
  font-weight: bold;
}

h4,
.h4 {
  display: block;
  font-size: 1rem;
  margin-top: 1.33rem;
  margin-bottom: 1.33rem;
  margin-left: 0;
  margin-right: 0;
  font-weight: bold;
}

h5,
.h5 {
  display: block;
  font-size: .83rem;
  margin-top: 1.39rem;
  margin-bottom: 1.39rem;
  margin-left: 0;
  margin-right: 0;
  font-weight: bold;
}

h6,
.h6 {
  display: block;
  font-size: .67rem;
  margin-top: 1.56rem;
  margin-bottom: 1.56rem;
  margin-left: 0;
  margin-right: 0;
  font-weight: bold;
}

h3.content-title,
span.content-title {
  margin-bottom: .5rem;
  font-size: 1rem;
}

.h3.content-title {
  font-size: 1.17rem;
}

span.content-title {
  margin-top: 2rem;
}

p {
  font-size: 1rem;
  line-height: 1.4;
  margin-bottom: 25px;
}

strong,
.strong {
  font-weight: 600;
}

button {
  background: gray;
  border: none;
  display: inline-block;
  padding: .7rem 1rem;
  cursor: pointer;
  font-size: 1rem;
  border-radius: 2px;
  width: auto;
  font-weight: 400;
  -webkit-appearance: none;
}

hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #ccc;
}

label {
  color: #333;
  margin-right: .5rem;
  max-width: 100%;
  font-weight: inherit;
}

input {
  background: #fff;
  border: 1px solid #cecece;
  border-radius: 3px;
  font-size: 1rem;
  min-height: 2rem;
  margin: 0 2rem .6rem 0;
  padding: 0 .625rem;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
  transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}

input:focus {
  border-color: #00857f;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(102, 175, 233, 0.6);
}
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active
{
 -webkit-box-shadow: 0 0 0 30px white inset !important;
}

input[type="submit"] {
  background: #005691;
  border-radius: 2rem;
  padding: 0.8rem 1.5rem;
  font-weight: 600;
  color: #fff;
  cursor: pointer;
  -webkit-appearance: none;
}

input[type="submit"]:hover,
input[type="submit"]:focus {
  background: #004778;
}

input[type="reset"] {
  background: #005691;
  border-radius: 2rem;
  padding: 0.8rem 1.5rem;
  font-weight: 600;
  line-height: .875rem;
  color: #fff;
  cursor: pointer;
  border: none;
  -webkit-appearance: none;
}

input[type="reset"]:hover,
input[type="reset"]:focus {
  background: #004778;
}

input[type="button"] {
  -webkit-appearance: none;
  font-size: 1rem;
}

input[type="checkbox"] {
  margin: 0 .5rem 0 0;
  height: auto;
  min-height: 10px;
}

input[type="radio"] {
  margin: 0 .5rem 0 0;
  height: auto;
  min-height: 10px;
}
.border-common{
  border: 1px solid #9c9c9c !important;
}

select {
  border-radius: 4px;
  font-size: 1rem;
  border: none;
  height: 2rem;
  padding: 0 .5rem;
  border: 1px solid #cecece;
  margin: 0;
  background-size: .85rem;
  background-position: right 1rem top .5rem;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
  transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
  -webkit-appearance: none;
  min-width: 80px;
  /*fixes outline for select box in FF*/
}

select:focus {
  border-color: #00857f;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(102, 175, 233, 0.6);
  outline: 0 none;
  text-shadow: 0 0 0 #000;
}

select:-moz-focusring {
  color: transparent;
  text-shadow: 0 0 0 #000;
}

/* For Microsoft IE */

select::-ms-expand {
  display: none;
  padding: 0 2.4rem 0 .5rem;
}

/* For Webkit based browsers Firefox version 29 and less, Google Chrome, Apple Safari */

select {
  -webkit-appearance: menulist;
  -moz-appearance: menulist;
  appearance: auto;
}

section {
  float: left;
  width: 100%;
  padding: 2rem 2rem;
  -webkit-box-flex: 1;
  -webkit-flex: 1 0 auto;
  -ms-flex: 1 0 auto;
  flex: 1 0 auto;
}

.overall-body-style {
  -webkit-box-flex: 1;
  -webkit-flex: 1 0 auto;
  -ms-flex: 1 0 auto;
  flex: 1 0 auto;
  width: 100%;
}

table {
  width: 100%;
  padding: .9rem 1.2rem;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1;
  text-align: left;
  margin-bottom: 0;
}

table tr {
  padding: .5rem 0;
}

table tr:last-child {
  border-bottom: none;
}

table th {
  padding: .8rem;
  background: #333;
  color: #fff;
  font-weight: 600;
  text-align: left;
}

table td {
  padding: .8rem .8rem;
  vertical-align: middle;
}

table .text--right {
  text-align: right;
}

table .text--bold {
  font-weight: 600;
}

.content li a {
  line-height: normal;
}

/* ---- */

/* -- Extends -- */

/* -------------------------------------------------- */

/* Global */

/* ---- */

/* -- Flexbox Grid -- */

/* -------------------------------------------------- */

/*
 *
 * Uncomment and set these variables to customize the grid.
 *
 * :root {
 *  --gutter-width: 1rem;
 *  --outer-margin: 2rem;
 *  --gutter-compensation: calc( var( --gutter-width / 2 ) * -1 );
 *  --half-gutter-width: calc( var( --gutter-width / 2 ) );
 *  --screen-xs-min: 30em;
 *  --screen-sm-min: 48em;
 *  --screen-md-min: 62em;
 *  --screen-lg-min: 75em;
 *  --container-sm: calc( 45rem + var( --gutter-width ) );
 *  --container-md: calc( 60rem + var( --gutter-width ) );
 *  --container-lg: calc( 70rem + var( --gutter-width ) );
 * }
 *
*/

@media screen and (min-width: 768px) {
  .equal,
  .equal > div[class*="col-"] {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex: 1 0 auto;
  }
}

.container__fluid {
  margin-right: auto;
  margin-left: auto;
  padding-right: 2rem;
  padding-left: 2rem;
}

.row {
  box-sizing: border-box;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 0;
  -webkit-flex: 0 1 auto;
  -ms-flex: 0 1 auto;
  flex: 0 1 auto;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-right: -1rem;
  margin-left: -1rem;
}

.row .display-block {
  display: block;
}

.row.reverse {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -webkit-flex-direction: row-reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
}

.col.reverse {
  -webkit-box-orient: vertical;
  -webkit-box-direction: reverse;
  -webkit-flex-direction: column-reverse;
  -ms-flex-direction: column-reverse;
  flex-direction: column-reverse;
}

.col-xs,
.col-xs-1,
.col-xs-2,
.col-xs-3,
.col-xs-4,
.col-xs-5,
.col-xs-6,
.col-xs-7,
.col-xs-8,
.col-xs-9,
.col-xs-10,
.col-xs-11,
.col-xs-12,
.col-xs-offset-1,
.col-xs-offset-2,
.col-xs-offset-3,
.col-xs-offset-4,
.col-xs-offset-5,
.col-xs-offset-6,
.col-xs-offset-7,
.col-xs-offset-8,
.col-xs-offset-9,
.col-xs-offset-10,
.col-xs-offset-11,
.col-xs-offset-12 {
  box-sizing: border-box;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 0;
  -webkit-flex: 0 1 auto;
  -ms-flex: 0 1 auto;
  flex: 0 1 auto;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-flex: 0;
  -webkit-flex-grow: 0;
  -ms-flex-positive: 0;
  flex-grow: 0;
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  padding-right: 0.5rem;
  padding-left: 0.5rem;
}

.col-xs {
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  -webkit-flex-basis: 0;
  -ms-flex-preferred-size: 0;
  flex-basis: 0;
  max-width: 100%;
}

.col-xs-1 {
  -webkit-flex-basis: 8.333333333%;
  -ms-flex-preferred-size: 8.333333333%;
  flex-basis: 8.333333333%;
  max-width: 8.333333333%;
}

.col-xs-2 {
  -webkit-flex-basis: 16.666666667%;
  -ms-flex-preferred-size: 16.666666667%;
  flex-basis: 16.666666667%;
  max-width: 16.666666667%;
}

.col-xs-3 {
  -webkit-flex-basis: 25%;
  -ms-flex-preferred-size: 25%;
  flex-basis: 25%;
  max-width: 25%;
}

.col-xs-4 {
  -webkit-flex-basis: 33.333333333%;
  -ms-flex-preferred-size: 33.333333333%;
  flex-basis: 33.333333333%;
  max-width: 33.333333333%;
}

.col-xs-5 {
  -webkit-flex-basis: 41.666666667%;
  -ms-flex-preferred-size: 41.666666667%;
  flex-basis: 41.666666667%;
  max-width: 41.666666667%;
}

.col-xs-6 {
  -webkit-flex-basis: 50%;
  -ms-flex-preferred-size: 50%;
  flex-basis: 50%;
  max-width: 50%;
}

.col-xs-7 {
  -webkit-flex-basis: 58.333333333%;
  -ms-flex-preferred-size: 58.333333333%;
  flex-basis: 58.333333333%;
  max-width: 58.333333333%;
}

.col-xs-8 {
  -webkit-flex-basis: 66.666666667%;
  -ms-flex-preferred-size: 66.666666667%;
  flex-basis: 66.666666667%;
  max-width: 66.666666667%;
}

.col-xs-9 {
  -webkit-flex-basis: 75%;
  -ms-flex-preferred-size: 75%;
  flex-basis: 75%;
  max-width: 75%;
}

.col-xs-10 {
  -webkit-flex-basis: 83.333333333%;
  -ms-flex-preferred-size: 83.333333333%;
  flex-basis: 83.333333333%;
  max-width: 83.333333333%;
}

.col-xs-11 {
  -webkit-flex-basis: 91.666666667%;
  -ms-flex-preferred-size: 91.666666667%;
  flex-basis: 91.666666667%;
  max-width: 91.666666667%;
}

.col-xs-12 {
  -webkit-flex-basis: 100%;
  -ms-flex-preferred-size: 100%;
  flex-basis: 100%;
  max-width: 100%;
}

.col-xs-offset-1 {
  margin-left: 8.333333333%;
}

.col-xs-offset-2 {
  margin-left: 16.666666667%;
}

.col-xs-offset-3 {
  margin-left: 25%;
}

.col-xs-offset-4 {
  margin-left: 33.333333333%;
}

.col-xs-offset-5 {
  margin-left: 41.666666667%;
}

.col-xs-offset-6 {
  margin-left: 50%;
}

.col-xs-offset-7 {
  margin-left: 58.333333333%;
}

.col-xs-offset-8 {
  margin-left: 66.666666667%;
}

.col-xs-offset-9 {
  margin-left: 75%;
}

.col-xs-offset-10 {
  margin-left: 83.333333333%;
}

.col-xs-offset-11 {
  margin-left: 91.666666667%;
}

.start-xs {
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  text-align: start;
}

.center-xs {
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  text-align: center;
}

.end-xs {
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  text-align: end;
}

.top-xs {
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.middle-xs {
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.bottom-xs {
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
  -ms-flex-align: end;
  align-items: flex-end;
}

.around-xs {
  -webkit-justify-content: space-around;
  -ms-flex-pack: distribute;
  justify-content: space-around;
}

.between-xs {
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.first-xs {
  -webkit-box-ordinal-group: 0;
  -webkit-order: -1;
  -ms-flex-order: -1;
  order: -1;
}

.last-xs {
  -webkit-box-ordinal-group: 2;
  -webkit-order: 1;
  -ms-flex-order: 1;
  order: 1;
}

@media only screen and (min-width: 5rem) {
  .col-sm,
  .col-sm-1,
  .col-sm-2,
  .col-sm-3,
  .col-sm-4,
  .col-sm-5,
  .col-sm-6,
  .col-sm-7,
  .col-sm-8,
  .col-sm-9,
  .col-sm-10,
  .col-sm-11,
  .col-sm-12,
  .col-sm-offset-1,
  .col-sm-offset-2,
  .col-sm-offset-3,
  .col-sm-offset-4,
  .col-sm-offset-5,
  .col-sm-offset-6,
  .col-sm-offset-7,
  .col-sm-offset-8,
  .col-sm-offset-9,
  .col-sm-offset-10,
  .col-sm-offset-11,
  .col-sm-offset-12 {
    box-sizing: border-box;
    display: -webkit-box;
    display: -webkit-flex;
    -webkit-box-flex: 0;
    -webkit-flex: 0 1 auto;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding-right: 1rem;
    padding-left: 1rem;
    align-items: stretch;
  }

  .col-sm {
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -webkit-flex-basis: 0;
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    max-width: 100%;
  }

  .col-sm-1 {
    -webkit-flex-basis: 8.333333333%;
    -ms-flex-preferred-size: 8.333333333%;
    flex-basis: 8.333333333%;
    max-width: 8.333333333%;
  }

  .col-sm-2 {
    -webkit-flex-basis: 16.666666667%;
    -ms-flex-preferred-size: 16.666666667%;
    flex-basis: 16.666666667%;
    max-width: 16.666666667%;
  }

  .col-sm-3 {
    -webkit-flex-basis: 25%;
    -ms-flex-preferred-size: 25%;
    flex-basis: 25%;
    max-width: 25%;
  }

  .col-sm-4 {
    -webkit-flex-basis: 33.333333333%;
    -ms-flex-preferred-size: 33.333333333%;
    flex-basis: 33.333333333%;
    max-width: 33.333333333%;
  }

  .col-sm-5 {
    -webkit-flex-basis: 41.666666667%;
    -ms-flex-preferred-size: 41.666666667%;
    flex-basis: 41.666666667%;
    max-width: 41.666666667%;
  }

  .col-sm-6 {
    -webkit-flex-basis: 50%;
    -ms-flex-preferred-size: 50%;
    flex-basis: 50%;
    max-width: 50%;
  }

  .col-sm-7 {
    -webkit-flex-basis: 58.333333333%;
    -ms-flex-preferred-size: 58.333333333%;
    flex-basis: 58.333333333%;
    max-width: 58.333333333%;
  }

  .col-sm-8 {
    -webkit-flex-basis: 66.666666667%;
    -ms-flex-preferred-size: 66.666666667%;
    flex-basis: 66.666666667%;
    max-width: 66.666666667%;
  }

  .col-sm-9 {
    -webkit-flex-basis: 75%;
    -ms-flex-preferred-size: 75%;
    flex-basis: 75%;
    max-width: 75%;
  }

  .col-sm-10 {
    -webkit-flex-basis: 83.333333333%;
    -ms-flex-preferred-size: 83.333333333%;
    flex-basis: 83.333333333%;
    max-width: 83.333333333%;
  }

  .col-sm-11 {
    -webkit-flex-basis: 91.666666667%;
    -ms-flex-preferred-size: 91.666666667%;
    flex-basis: 91.666666667%;
    max-width: 91.666666667%;
  }

  .col-sm-12 {
    -webkit-flex-basis: 100%;
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    max-width: 100%;
  }

  .col-sm-offset-0 {
    margin-left: 0%;
  }

  .col-sm-offset-1 {
    margin-left: 8.333333333%;
  }

  .col-sm-offset-2 {
    margin-left: 16.666666667%;
  }

  .col-sm-offset-3 {
    margin-left: 25%;
  }

  .col-sm-offset-4 {
    margin-left: 33.333333333%;
  }

  .col-sm-offset-5 {
    margin-left: 41.666666667%;
  }

  .col-sm-offset-6 {
    margin-left: 50%;
  }

  .col-sm-offset-7 {
    margin-left: 58.333333333%;
  }

  .col-sm-offset-8 {
    margin-left: 66.666666667%;
  }

  .col-sm-offset-9 {
    margin-left: 75%;
  }

  .col-sm-offset-10 {
    margin-left: 83.333333333%;
  }

  .col-sm-offset-11 {
    margin-left: 91.666666667%;
  }

  .start-sm {
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    text-align: start;
  }

  .center-sm {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center;
  }

  .end-sm {
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    text-align: end;
  }

  .top-sm {
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
  }

  .middle-sm {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }

  .bottom-sm {
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end;
  }

  .around-sm {
    -webkit-justify-content: space-around;
    -ms-flex-pack: distribute;
    justify-content: space-around;
  }

  .between-sm {
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }

  .first-sm {
    -webkit-box-ordinal-group: 0;
    -webkit-order: -1;
    -ms-flex-order: -1;
    order: -1;
  }

  .last-sm {
    -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
    -ms-flex-order: 1;
    order: 1;
  }

  .mt-1-sm {
    margin-top: 1em;
  }
}

@media only screen and (min-width: 62em) {
  .container {
    width: 61rem;
  }

  .col-md,
  .col-md-1,
  .col-md-2,
  .col-md-3,
  .col-md-4,
  .col-md-5,
  .col-md-6,
  .col-md-7,
  .col-md-8,
  .col-md-9,
  .col-md-10,
  .col-md-11,
  .col-md-12,
  .col-md-offset-1,
  .col-md-offset-2,
  .col-md-offset-3,
  .col-md-offset-4,
  .col-md-offset-5,
  .col-md-offset-6,
  .col-md-offset-7,
  .col-md-offset-8,
  .col-md-offset-9,
  .col-md-offset-10,
  .col-md-offset-11,
  .col-md-offset-12 {
    box-sizing: border-box;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 0;
    -webkit-flex: 0 1 auto;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding-right: 1rem;
    padding-left: 1rem;
  }

  .col-md {
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -webkit-flex-basis: 0;
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    max-width: 100%;
  }

  .col-md-1 {
    -webkit-flex-basis: 8.333333333%;
    -ms-flex-preferred-size: 8.333333333%;
    flex-basis: 8.333333333%;
    max-width: 8.333333333%;
  }

  .col-md-2 {
    -webkit-flex-basis: 16.666666667%;
    -ms-flex-preferred-size: 16.666666667%;
    flex-basis: 16.666666667%;
    max-width: 16.666666667%;
  }

  .col-md-3 {
    -webkit-flex-basis: 25%;
    -ms-flex-preferred-size: 25%;
    flex-basis: 25%;
    max-width: 25%;
  }

  .col-md-4 {
    -webkit-flex-basis: 33.333333333%;
    -ms-flex-preferred-size: 33.333333333%;
    flex-basis: 33.333333333%;
    max-width: 33.333333333%;
  }

  .col-md-5 {
    -webkit-flex-basis: 41.666666667%;
    -ms-flex-preferred-size: 41.666666667%;
    flex-basis: 41.666666667%;
    max-width: 41.666666667%;
  }

  .col-md-6 {
    -webkit-flex-basis: 50%;
    -ms-flex-preferred-size: 50%;
    flex-basis: 50%;
    max-width: 50%;
  }

  .col-md-7 {
    -webkit-flex-basis: 58.333333333%;
    -ms-flex-preferred-size: 58.333333333%;
    flex-basis: 58.333333333%;
    max-width: 58.333333333%;
  }

  .col-md-8 {
    -webkit-flex-basis: 66.666666667%;
    -ms-flex-preferred-size: 66.666666667%;
    flex-basis: 66.666666667%;
    max-width: 66.666666667%;
  }

  .col-md-9 {
    -webkit-flex-basis: 75%;
    -ms-flex-preferred-size: 75%;
    flex-basis: 75%;
    max-width: 75%;
  }

  .col-md-10 {
    -webkit-flex-basis: 83.333333333%;
    -ms-flex-preferred-size: 83.333333333%;
    flex-basis: 83.333333333%;
    max-width: 83.333333333%;
  }

  .col-md-11 {
    -webkit-flex-basis: 91.666666667%;
    -ms-flex-preferred-size: 91.666666667%;
    flex-basis: 91.666666667%;
    max-width: 91.666666667%;
  }

  .col-md-12 {
    -webkit-flex-basis: 100%;
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    max-width: 100%;
  }

  .col-md-offset-0 {
    margin-left: 0%;
  }

  .col-md-offset-1 {
    margin-left: 8.333333333%;
  }

  .col-md-offset-2 {
    margin-left: 16.666666667%;
  }

  .col-md-offset-3 {
    margin-left: 25%;
  }

  .col-md-offset-4 {
    margin-left: 33.333333333%;
  }

  .col-md-offset-5 {
    margin-left: 41.666666667%;
  }

  .col-md-offset-6 {
    margin-left: 50%;
  }

  .col-md-offset-7 {
    margin-left: 58.333333333%;
  }

  .col-md-offset-8 {
    margin-left: 66.666666667%;
  }

  .col-md-offset-9 {
    margin-left: 75%;
  }

  .col-md-offset-10 {
    margin-left: 83.333333333%;
  }

  .col-md-offset-11 {
    margin-left: 91.666666667%;
  }

  .start-md {
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    text-align: start;
  }

  .center-md {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center;
  }

  .end-md {
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    text-align: end;
  }

  .top-md {
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
  }

  .middle-md {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }

  .bottom-md {
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end;
  }

  .around-md {
    -webkit-justify-content: space-around;
    -ms-flex-pack: distribute;
    justify-content: space-around;
  }

  .between-md {
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }

  .first-md {
    -webkit-box-ordinal-group: 0;
    -webkit-order: -1;
    -ms-flex-order: -1;
    order: -1;
  }

  .last-md {
    -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
    -ms-flex-order: 1;
    order: 1;
  }

  .mt-0-md {
    margin-top: 0;
  }
}

@media only screen and (min-width: 75em) {
  .container {
    width: 71rem;
  }

  .col-lg,
  .col-lg-1,
  .col-lg-2,
  .col-lg-3,
  .col-lg-4,
  .col-lg-5,
  .col-lg-6,
  .col-lg-7,
  .col-lg-8,
  .col-lg-9,
  .col-lg-10,
  .col-lg-11,
  .col-lg-12,
  .col-lg-offset-1,
  .col-lg-offset-2,
  .col-lg-offset-3,
  .col-lg-offset-4,
  .col-lg-offset-5,
  .col-lg-offset-6,
  .col-lg-offset-7,
  .col-lg-offset-8,
  .col-lg-offset-9,
  .col-lg-offset-10,
  .col-lg-offset-11,
  .col-lg-offset-12 {
    box-sizing: border-box;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 0;
    -webkit-flex: 0 1 auto;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding-right: 1rem;
    padding-left: 1rem;
  }

  .col-lg {
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -webkit-flex-basis: 0;
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    max-width: 100%;
  }

  .col-lg-1 {
    -webkit-flex-basis: 8.333333333%;
    -ms-flex-preferred-size: 8.333333333%;
    flex-basis: 8.333333333%;
    max-width: 8.333333333%;
  }

  .col-lg-2 {
    -webkit-flex-basis: 16.666666667%;
    -ms-flex-preferred-size: 16.666666667%;
    flex-basis: 16.666666667%;
    max-width: 16.666666667%;
  }

  .col-lg-3 {
    -webkit-flex-basis: 25%;
    -ms-flex-preferred-size: 25%;
    flex-basis: 25%;
    max-width: 25%;
  }

  .col-lg-4 {
    -webkit-flex-basis: 33.333333333%;
    -ms-flex-preferred-size: 33.333333333%;
    flex-basis: 33.333333333%;
    max-width: 33.333333333%;
  }

  .col-lg-5 {
    -webkit-flex-basis: 41.666666667%;
    -ms-flex-preferred-size: 41.666666667%;
    flex-basis: 41.666666667%;
    max-width: 41.666666667%;
  }

  .col-lg-6 {
    -webkit-flex-basis: 50%;
    -ms-flex-preferred-size: 50%;
    flex-basis: 50%;
    max-width: 50%;
  }

  .col-lg-7 {
    -webkit-flex-basis: 58.333333333%;
    -ms-flex-preferred-size: 58.333333333%;
    flex-basis: 58.333333333%;
    max-width: 58.333333333%;
  }

  .col-lg-8 {
    -webkit-flex-basis: 66.666666667%;
    -ms-flex-preferred-size: 66.666666667%;
    flex-basis: 66.666666667%;
    max-width: 66.666666667%;
  }

  .col-lg-9 {
    -webkit-flex-basis: 75%;
    -ms-flex-preferred-size: 75%;
    flex-basis: 75%;
    max-width: 75%;
  }

  .col-lg-10 {
    -webkit-flex-basis: 83.333333333%;
    -ms-flex-preferred-size: 83.333333333%;
    flex-basis: 83.333333333%;
    max-width: 83.333333333%;
  }

  .col-lg-11 {
    -webkit-flex-basis: 91.666666667%;
    -ms-flex-preferred-size: 91.666666667%;
    flex-basis: 91.666666667%;
    max-width: 91.666666667%;
  }

  .col-lg-12 {
    -webkit-flex-basis: 100%;
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    max-width: 100%;
  }

  .col-lg-offset-1 {
    margin-left: 8.333333333%;
  }

  .col-lg-offset-2 {
    margin-left: 16.666666667%;
  }

  .col-lg-offset-3 {
    margin-left: 25%;
  }

  .col-lg-offset-4 {
    margin-left: 33.333333333%;
  }

  .col-lg-offset-5 {
    margin-left: 41.666666667%;
  }

  .col-lg-offset-6 {
    margin-left: 50%;
  }

  .col-lg-offset-7 {
    margin-left: 58.333333333%;
  }

  .col-lg-offset-8 {
    margin-left: 66.666666667%;
  }

  .col-lg-offset-9 {
    margin-left: 75%;
  }

  .col-lg-offset-10 {
    margin-left: 83.333333333%;
  }

  .col-lg-offset-11 {
    margin-left: 91.666666667%;
  }

  .start-lg {
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    text-align: start;
  }

  .center-lg {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center;
  }

  .end-lg {
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    text-align: end;
  }

  .top-lg {
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
  }

  .middle-lg {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }

  .bottom-lg {
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end;
  }

  .around-lg {
    -webkit-justify-content: space-around;
    -ms-flex-pack: distribute;
    justify-content: space-around;
  }

  .between-lg {
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }

  .first-lg {
    -webkit-box-ordinal-group: 0;
    -webkit-order: -1;
    -ms-flex-order: -1;
    order: -1;
  }

  .last-lg {
    -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
    -ms-flex-order: 1;
    order: 1;
  }
}

/* These are remove the default styles on ui-grid check box*/

.ui-grid-icon-ok:before {
  content: none !important;
}

.ui-grid-selection-row-header-buttons {
  opacity: 1 !important;
  padding: 0 5px 0;
}

.ui-grid-cell input[type="checkbox"] {
  margin: 0px !important;
}

.ui-grid-cell input[type="checkbox"].ui-grid-cell-checkbox {
  margin: 4px 0px 0px 0px !important;
}

.ui-grid-cell-checkbox {
  margin: 4px 0px 0px 0px !important;
}

.ui-grid-cell-link {
  padding: 2px 0px 0px 6px;
}

/* adding ag-grid default styles*/

.ag-theme-dark {
  color: #333 !important;
  background-color: transparent !important; !important;
  font-size: 13px !important;
  font-family: "proxima-nova", arial, helvetica, sans-serif !important;
}

.ag-theme-dark .ag-root-wrapper {
  background-color: transparent !important;
  border: 0px !important;
}

.ag-theme-dark .ag-root-wrapper-body {
  border: solid 1px darkgrey !important;
}

.ag-theme-dark .ag-row {
  color: #333 !important;
  font-size: 13px !important;
}

.ag-theme-dark .ag-header-row {
  color: #fff !important;
  font-weight: 600 !important;
  font-size: 13px !important;
  font-family: "proxima-nova", arial, helvetica, sans-serif !important;
  height: 28px !important;
  min-height: 28px !important;
}

.ag-theme-dark .ag-header-cell {
  border: 0px !important;
  background-color: #333333 !important;
}

.ag-theme-dark .ag-ltr .ag-cell {
  border: 0px !important;
}

.ag-theme-dark .ag-header,
.ag-theme-dark .ag-paging-panel {
  background-color: #000 !important;
}

.ag-theme-dark .ag-row-even {
  background-color: #fdfdfd !important;
}

.ag-theme-dark .ag-row-odd {
  background-color: #e9e9e9 !important;
}

.ag-header-cell-label .ag-header-icon.ag-sort-order {
  display: none !important;
}

.ag-theme-dark .ag-icon {
  font-size: 20px !important;
}

.ag-theme-dark .ag-icon {
  font-family: "Momentum Asp" !important;
  text-transform: none !important;
  line-height: 1 !important;
  padding: 0 3px !important;
  vertical-align: middle !important;
  display: -webkit-flex !important;
  display: -ms-flexbox !important;
  display: inline-flex !important;
  -webkit-font-smoothing: antialiased !important;
  -moz-osx-font-smoothing: grayscale !important;
  font-size: 1.25rem !important;
}

.ag-theme-dark .ag-icon-asc:before {
  content: "\e618" !important;
}

.ag-theme-dark .ag-icon-desc:before {
  content: "\e617" !important;
}

.ag-theme-dark .ag-icon-first:before {
  color: #333 !important;
  content: "\ea1f" !important;
}

.ag-theme-dark .ag-icon-previous:before {
  color: #333 !important;
  content: "\ea1c" !important;
}

.ag-theme-dark .ag-icon-next:before {
  color: #333 !important;
  content: "\ea1d" !important;
}

.ag-theme-dark .ag-icon-last:before {
  color: #333 !important;
  content: "\ea20" !important;
}

.ag-paging-panel {
  padding: 0 !important;
}

.ag-paging-panel > span {
  margin-left: 0 !important;
}

.ag-paging-panel.ag-unselectable {
  background: #fff !important;
  height: 40px !important;
  margin: 7px 0 0 0 !important;
  border-top: none !important;
}

span.ag-paging-page-summary-panel {
  left: 0 !important;
  position: absolute !important;
  color: #333 !important;
  font-size: 13px !important;
}

span.ag-paging-page-summary-panel div {
  border: 1px solid #a1acb3 !important;
  padding: 2px !important;
  margin: 3px !important;
  border-radius: 3px !important;
}

span.ag-paging-page-summary-panel div.ag-disabled .ag-icon:before {
  color: #d3d3d3 !important;
}

.ag-paging-row-summary-panel {
  font-size: 13px !important;
  color: #333 !important;
}

.ag-has-focus .ag-cell-focus:not(.ag-cell-range-selected) {
  border: none !important;
  border-color: transparent !important;
}

.ag-theme-dark .ag-header-cell::after,
.ag-theme-dark .ag-header-group-cell::after {
  background-color: transparent !important;
}

.ag-theme-dark .ag-icon-none:before {
  content: "\e618\e617" !important;
  letter-spacing: -0.6em;
}

.ag-theme-dark .ag-icon-menu:before {
  content: "\e90b" !important;
  font-size: 1rem;
}

.ag-theme-dark .ag-icon-small-down:before {
  font-family: "Momentum Asp";
  content: "\e617" !important;
}

.ag-header {
  height: 45px;
  min-height: 45px;
}

.ag-header-row .ag-header-row-column {
  height: 45px;
}

.ag-header-cell-text {
  white-space: normal !important;
}

.ag-theme-dark .ag-header-row {
  height: 45px !important;
  min-height: 45px !important;
}

.ag-theme-dark .ag-menu,
.ag-theme-dark .ag-select .ag-picker-field-wrapper,
.ag-theme-dark input[class^="ag-"],
.ag-popup .ag-popup-child {
  background: #fff !important;
}

.no-data-display {
  background: white;
  position: absolute;
  left: 0;
  top: 3.5em;
}

.ag-overlay-no-rows-wrapper * {
  width: 98%;
}

#workflow-document-table-panel .ag-layout-auto-height .ag-center-cols-clipper {
  min-height: 30px !important;
}

.ag-theme-dark .ag-icon-filter:before {
  font-family: agGridClassic !important;
  font-size: 10px;
  content: "\f112" !important;
}

.interactiveGrid .ag-theme-dark .ag-row-hover {
  background-color: #c9dde1 !important;
}

.interactiveGrid .ag-theme-dark .ag-row-selected {
  background-color: #002b45 !important;
}

.interactiveGrid .ag-theme-dark .ag-row-selected * {
  color: #ffffff !important;
}

/* General Grid Styles*/

.pagnination-page-size {
  position: absolute;
  bottom: 20px;
  left: 19rem;
}

.sortable {
  cursor: pointer;
}

.icon-chevron-both:before {
  font-family: "Momentum Asp";
  text-decoration: none;
  padding: 0;
  font-size: 1em;
  position: absolute;
  content: "\e618\e617";
  letter-spacing: -0.6em;
  font-weight: normal;
}

.site.resizing {
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  cursor: col-resize;
}

.grid > div > div.col-sm-12 {
  flex-direction: column !important;
}

.grid > div > div > .ul-li-view-edit {
  border: 1px solid #cecece;
}

.grid > div > div > .ul-li-view-edit > li {
  display: inline-table;
}

.grid > div > div > .ul-li-view-edit > li:first-of-type.header-border div[class^="col"],
.grid > div > div > .ul-li-view-edit > li:first-of-type.header-border div[class*=" col"] {
  border-right: 1px solid #757575;
}

.grid > div > div > .ul-li-view-edit > li.expandable {
  padding-top: 0 !important;
}

.grid > div > div > .ul-li-view-edit > li.grid-footer-row {
  background-color: #e9f1f7 !important;
  border-top: 1px solid #d4d4d4 !important;
}

.grid > div > div > .ul-li-view-edit > li.expandable-grid-header {
  padding-left: 0 !important;
}

.grid > div > div > .ul-li-view-edit > li .grid-icon-chevron-header {
  visibility: hidden;
}

.grid > div > div > .ul-li-view-edit > li > div.grid-row {
  display: table;
  width: 100%;
}

.grid > div > div > .ul-li-view-edit > li > div.grid-row.expanded {
  background-color: #c9dde1 !important;
  font-weight: bold;
}

.grid > div > div > .ul-li-view-edit > li > div.grid-row.expandable {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

.grid > div > div > .ul-li-view-edit > li > div.grid-row div[class^="col"],
.grid > div > div > .ul-li-view-edit > li > div.grid-row div[class*=" col"] {
  flex-basis: auto;
  display: table-cell;
  float: left;
}

.grid > div > div > .ul-li-view-edit > li > div.grid-row div.col-sm-1 {
  width: 8.33334%;
}

.grid > div > div > .ul-li-view-edit > li > div.grid-row div.col-sm-2 {
  width: 16.66667%;
}

.grid > div > div > .ul-li-view-edit > li > div.grid-row div.col-sm-3 {
  width: 25%;
}

.grid > div > div > .ul-li-view-edit > li > div.grid-row div.col-sm-4 {
  width: 33.33334%;
}

.grid > div > div > .ul-li-view-edit > li > div.grid-row div.col-sm-5 {
  width: 41.66667%;
}

.grid > div > div > .ul-li-view-edit > li > div.grid-row div.col-sm-6 {
  width: 50%;
}

.grid > div > div > .ul-li-view-edit > li > div.grid-row div.col-sm-7 {
  width: 58.33334%;
}

.grid > div > div > .ul-li-view-edit > li > div.grid-row div.col-sm-8 {
  width: 66.66667%;
}

.grid > div > div > .ul-li-view-edit > li > div.grid-row div.col-sm-9 {
  width: 75%;
}

.grid > div > div > .ul-li-view-edit > li > div.grid-row div.col-sm-10 {
  width: 83.33334%;
}

.grid > div > div > .ul-li-view-edit > li > div.grid-row div.col-sm-11 {
  width: 91.66667px;
}

.grid > div > div > .ul-li-view-edit > li > div.grid-row div.col-sm-12 {
  width: 100%;
}

.grid > div > div > .ul-li-view-edit > li > div.grid-row.can-expand {
  cursor: pointer;
}

.grid > div > div > .ul-li-view-edit > li > div.grid-row.can-expand > div {
  float: left;
  padding: 10px 0 10px 1rem;
  display: table-cell;
  width: 100%;
}

.grid > div > div > .ul-li-view-edit > li > div.grid-row.can-expand > div > div {
  display: table-cell;
  min-width: 100px;
}

.grid > div > div > .ul-li-view-edit > li > div.grid-row input {
  padding-right: 0;
}

.grid > div > div > .ul-li-view-edit > li > div.grid-row.grid-padding > div {
  padding: 5px 10px;
}

.grid > div > div > .ul-li-view-edit > li > div.grid-row div.expanded {
  background-color: #c9dde1 !important;
  font-weight: bold;
}

.grid > div > div > .ul-li-view-edit > li div.expanded-row-content {
  border-bottom: 2px solid #cecece;
  padding: 1em;
}

.grid > div > div > .ul-li-view-edit > li .icon-chevron-both:before {
  top: 0px;
  position: relative;
}

.grid > div > div > .ul-li-view-edit > li .edit-table {
  padding-left: 0 !important;
}

.grid > div > div > .ul-li-view-edit > li i.grid-chevron {
  display: table-cell;
  width: 36px;
  padding: 10px;
}

.grid > div > div > .ul-li-view-edit > li.interactive-row-style:hover,
.grid > div > div > .ul-li-view-edit > li.interactive-row-style:focus {
  background-color: #c1d3d0;
  color: #000;
  cursor: pointer;
}

.grid > div > div > .ul-li-view-edit > li.interactive-row-style.selected,
.grid > div > div > .ul-li-view-edit > li.interactive-row-style.selected:focus {
  background-color: #002b45;
  color: #fff;
  font-weight: 600;
}

.grid > div > div > .ul-li-view-edit.grid-vertical-scroll {
  overflow-y: auto;
  overflow-x: hidden;
}

.grid > div > div > .ul-li-view-edit div.wrap {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.grid > div > div > .ul-li-view-edit div.wrap div {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 80%;
}

.grid > div > div > .ul-li-view-edit div.wrap nfrp-grid-sorter {
  position: absolute;
  right: 5px;
  top: 0;
  z-index: 10;
}

.grid > div > div > .ul-li-view-edit div.resized,
.grid > div > div > .ul-li-view-edit div.resizable {
  flex-basis: auto;
  display: table-cell;
  float: left;
  padding-right: 1rem;
  padding-left: 1rem;
  position: relative;
}

.grid > div > div > .ul-li-view-edit div.resized:not(:last-child) .resize-holder,
.grid > div > div > .ul-li-view-edit div.resizable:not(:last-child) .resize-holder {
  cursor: col-resize;
  width: 10px;
  height: 100%;
  position: absolute;
  right: 0px;
  top: 0;
  z-index: 5;
  border-right: 1px solid gray;
}

.grid-with-separators ul.ul-li-view-edit li {
  padding: 0;
  display: table;
}

.grid-with-separators ul.ul-li-view-edit li div.resized,
.grid-with-separators ul.ul-li-view-edit li div.resizable {
  padding: 0.8rem 0.8rem;
  vertical-align: middle;
  float: none;
}

.grid-with-separators ul.ul-li-view-edit li div.resized:not(:first-of-type),
.grid-with-separators ul.ul-li-view-edit li div.resizable:not(:first-of-type) {
  border-left: 1px solid #cecece !important;
}

.grid-with-separators ul.ul-li-view-edit li.grid-footer-row {
  text-align: right;
  border-top: 1px solid #000 !important;
  font-weight: 600;
}

.grid-with-separators ul.ul-li-view-edit.with-head {
  border: none;
}

.grid-with-separators ul.ul-li-view-edit.with-head > li {
  background: transparent !important;
}

.grid-with-separators ul.ul-li-view-edit.with-head > li div.resized,
.grid-with-separators ul.ul-li-view-edit.with-head > li div.resizable {
  background: #333 !important;
}

.grid-with-separators ul.ul-li-view-edit.with-head:first-child > li {
  border-bottom: 1px solid #cecece;
}

.grid-with-separators ul.ul-li-view-edit.with-head:first-child > li div.resized:first-child,
.grid-with-separators ul.ul-li-view-edit.with-head:first-child > li div.resizable:first-child {
  background: none !important;
}

.grid-with-super-header .grid > div > div > .ul-li-view-edit.with-head:first-of-type {
  border: none;
}

.grid-with-super-header .grid > div > div > .ul-li-view-edit.with-head:first-of-type > li:first-of-type {
  display: inline;
}

.grid-with-super-header .grid > div > div > .ul-li-view-edit.with-head:first-of-type .grid-super-header-cell {
  background: #333 !important;
  color: #fff;
  font-weight: 600;
}

.grid-horizontal-scroll {
  overflow-x: scroll;
}

.grid-horizontal-scroll .ul-li-view-edit {
  display: table;
}

.grid-horizontal-scroll .ul-li-view-edit > li div.grid-row div.col-sm-1 {
  width: 8.33334%;
}

.grid-horizontal-scroll .ul-li-view-edit > li div.grid-row div.col-sm-2 {
  width: 16.66667%;
}

.grid-horizontal-scroll .ul-li-view-edit > li div.grid-row div.col-sm-3 {
  width: 25%;
}

.grid-horizontal-scroll .ul-li-view-edit > li div.grid-row div.col-sm-4 {
  width: 33.33334%;
}

.grid-horizontal-scroll .ul-li-view-edit > li div.grid-row div.col-sm-5 {
  width: 41.66667%;
}

.grid-horizontal-scroll .ul-li-view-edit > li div.grid-row div.col-sm-6 {
  width: 50%;
}

.grid-horizontal-scroll .ul-li-view-edit > li div.grid-row div.col-sm-7 {
  width: 58.33334%;
}

.grid-horizontal-scroll .ul-li-view-edit > li div.grid-row div.col-sm-8 {
  width: 66.66667%;
}

.grid-horizontal-scroll .ul-li-view-edit > li div.grid-row div.col-sm-9 {
  width: 75%;
}

.grid-horizontal-scroll .ul-li-view-edit > li div.grid-row div.col-sm-10 {
  width: 83.33334%;
}

.grid-horizontal-scroll .ul-li-view-edit > li div.grid-row div.col-sm-11 {
  width: 91px;
}

.grid-horizontal-scroll .ul-li-view-edit > li div.grid-row div.col-sm-12 {
  width: 100%;
}

.no-padding {
  padding-bottom: 0px;
  padding-top: 0px;
}

.position-relative {
  position: relative;
}

.sticky {
  position: -webkit-sticky !important;
  position: sticky !important;
  z-index: 100;
}

#investment-election-table .ul-li-view-edit .sticky-first-col {
  left: 0;
  z-index: 100;
  min-height: 30px;
}

#investment-election-table .ul-li-view-edit .sticky-second-col {
  left: 326px;
  z-index: 100;
  min-height: 30px;
}

.with-sticky-footer ul li.grid-footer-row {
  position: sticky;
  bottom: 0;
  z-index: 101 !important;
}

.header-mute-col {
  min-height: 45px !important;
}

#investment-election-table .ul-li-view-edit .grid-header .sticky-first-col,
#investment-election-table .ul-li-view-edit .grid-header .sticky-second-col {
  background-color: #FFF;
  z-index: 101;
}

#investment-election-table #row-grid.ul-li-view-edit .sticky {
  background-color: #333;
}

#investment-election-table #row-grid-rows.ul-li-view-edit > li:nth-child(2n + 1) .sticky {
  background-color: #FFF;
}

#investment-election-table #row-grid-rows.ul-li-view-edit > li:nth-child(2n) .sticky {
  background-color: #e9e9e9;
}

#investment-election-table #row-grid-rows.ul-li-view-edit > li.grid-footer-row .sticky {
  background-color: #e9f1f7 !important;
}

.form-input--percent-xxsmall {
  max-width: 50px;
  min-width: 50px;
  text-align: right;
  padding-right: 5px !important;
}

.sticky-first-col {
  left: 0px;
}

ul[id$="-grid"].ul-li-view-edit .sticky-first-col {
  background-color: #333;
}

ul[id$="-grid-rows"].ul-li-view-edit > li:nth-child(2n + 1) .sticky-first-col {
  background-color: #FFF;
}

ul[id$="-grid-rows"].ul-li-view-edit > li:nth-child(2n) .sticky-first-col {
  background-color: #e9e9e9;
}

/* ---- */

/* -- Basic Table Styles -- */

/* -------------------------------------------------- */

.pagination {
  display: inline-block;
  width: 100%;
  margin-top: 20px;
}

.pagination ul {
  margin: 2rem 0 0 0;
  padding: 0;
  display: inline;
}

.pagination li {
  padding: .5rem;
  font-size: .875rem;
  line-height: .875rem;
  margin-right: .3rem;
  display: inline-block;
}

.pagination .pagination-current {
  font-weight: bold;
}

.pagination .display-length {
  float: right;
  display: inline;
  text-align: right;
}

.pagination select {
  margin: 0 .8rem;
}

.bordered-top {
  border-top: 1px dotted #999;
  padding-top: 1.2rem;
  margin-top: 1.2rem;
}

.left-border {
  border-left: 1px dotted #cecece;
  padding-left: 2rem;
}

@media screen and (max-width: 991px) {
  .left-border {
    padding-left: 1rem !important;
  }
}

.form-table td {
  padding-bottom: 0;
}

.form-table input {
  margin-bottom: 0;
  padding-bottom: 0;
  height: 2rem;
}

tbody tr th[scope="row"] {
  background: #fff;
  color: #333;
  font-weight: normal;
}

tbody tr th[scope="row"] input[type="radio"] {
  margin-top: 6px;
}

tbody tr:nth-child(even) th[scope="row"] {
  background: #e9e9e9;
}

.role-table td:last-child {
  text-align: left;
  font-weight: 400;
}

.role-table .no-results > td {
  text-align: center !important;
}

.role-table tr.selected {
  background-color: #002b45;
  color: #fff;
  font-weight: 600;
}

.role-table tbody tr:hover {
  background-color: #c1d3d0;
  color: #000;
}

.role-table .selected td:last-child {
  font-weight: 600;
}

.table-right td:last-child {
  font-weight: 600;
  text-align: right;
}

.table-even tr:nth-child(odd) {
  background: #f5f5f5;
}

.table_transparent {
  border: none;
  margin-bottom: .8rem;
}

.table_transparent tr {
  background: transparent;
}

.table_transparent td:last-child {
  font-weight: 600;
}

.table_bold-cells td:last-child {
  font-weight: 600;
}

tr.table__row-heading {
  background-color: #e9f1f7;
  font-weight: 600;
  border-bottom: 1px solid #cecece;
  border-top: 1px solid #cecece;
}

tr.disabled {
  color: #aeaeae !important;
  background-color: transparent !important;
}

tr.pending {
  background-color: rgba(176, 206, 216, 0.8);
}

.table-wrapper {
  position: relative;
}

.filter-table .actions-inline {
  background-color: #cecece;
  padding: 5px;
  width: 100%;
}

.filter-table .actions-inline label {
  float: right;
  padding: 5px;
}

.filter-table div.table-container {
  height: 300px;
  overflow: auto;
}

.filter-table thead {
  width: 100%;
}

.filter-table tr {
  width: 100%;
}

.filter-table .input-column {
  width: 2%;
}

.filter-table .name-column {
  width: 30%;
}

.filter-table .ssn-column {
  width: 68%;
}

.filter-table tbody {
  max-height: 256px;
}

.ui-grid .ui-grid-header-cell {
  background: #333;
  color: #fff;
  font-weight: 600;
}

.ui-grid .ui-grid-contents-wrapper .ui-grid-render-container .ui-grid-header-cell-row .ui-grid-header-cell,
.ui-grid .ui-grid-contents-wrapper .ui-grid-render-container .ui-grid-header-cell-row .ui-grid-cell,
.ui-grid .ui-grid-contents-wrapper .ui-grid-render-container .ui-grid-row .ui-grid-header-cell,
.ui-grid .ui-grid-contents-wrapper .ui-grid-render-container .ui-grid-row .ui-grid-cell {
  padding: 5px;
  border: 1px solid #e9e9e9;
}

.ui-grid#role-features-grid [ui-grid-row="row"] {
  background-color: #ccc;
  border-top: 1px solid #999;
}

.ui-grid .ui-grid-header-cell {
  background-color: #333;
  color: #fff;
}

.ui-grid-footer-aggregates-row {
  background: #daebf8;
  min-height: 23px !important;
  height: auto !important;
}

/* Currency tables */

.balance-table .asofDate {
  /*background:$white; padding-top:10px; */
  color: #555;
  padding-left: .25rem;
  font-style: italic;
  text-align: left !important;
}

.balance-table td:first-of-type {
  width: 60%;
}

@media screen and (max-width: 915px) {
  .balance-table td:first-of-type {
    width: 45%;
  }
}

.balance-table td:last-child {
  text-align: right;
}

.balance-table .total {
  border-top: 1px solid #999;
  background-color: #ececec;
  font-weight: 600;
}

.balance-table .total.grand-total {
  background-color: #daebf8;
}

.balance-table .total.sub-total {
  background-color: #C7C7C7;
}

.balance-table .vested {
  background: #fff;
  padding-top: 10px;
  color: #757575;
  padding-left: 2rem;
  text-align: right;
}

.table__margin-bottom {
  margin-bottom: 40px;
}

.table__row--child {
  background-color: transparent;
  padding: 0;
}

.table__row--child td {
  padding: 0;
}

.table__row--child td:nth-child(odd) {
  padding: 0;
}

.table__row--child:nth-last-child(odd) {
  border-bottom: none;
}

.table__row--child .table__cell {
  padding: 0;
  vertical-align: top;
  vertical-align: center;
}

.table__row--child .child__border-top {
  padding: 1.3rem .8rem;
  border-top: 1px solid #cecece;
}

.table__row--child .child-indent {
  margin-left: 20px;
  border-top: 1px solid #cecece;
  padding: 1.3rem .8rem;
}

.table__row--child .table__cell:last-of-type .child__border-top {
  margin-right: 10px;
}

/* tables with alerts */

.disabledPAF {
  cursor: default;
  pointer-events: none;
  color: #AAAAAA;
}

.flex-settings-table th {
  width: 20% !important;
}

/* table layout with divs */

.table__fee-details {
  display: table;
  width: 100%;
  margin-bottom: 15px;
  font-weight: 400;
  line-height: 1;
  border: 1px solid #cecece;
  border-collapse: collapse;
}

.table__fee-details .pending-change-table th {
  background-color: #f5f5f5 !important;
}

.table__fee-details .table__header-cell,
.table__fee-details .table__cell {
  width: calc(100% / 4);
}

.table__thead {
  display: table-row;
  background-color: #333;
  width: 100%;
  padding: .5rem 0;
}

.table__header-cell {
  display: table-cell;
  font-weight: 600;
  padding: .8rem;
  color: #fff;
}

.table__tbody {
  display: table-row-group;
  width: 100%;
}

.table__row {
  display: table-row;
  width: 100%;
}

.table__row:nth-of-type(odd) {
  background-color: #e9e9e9;
}

.table__row:nth-of-type(odd).table__row--child {
  background-color: transparent;
}

.table__cell {
  display: table-cell;
  padding: .8rem .8rem;
  vertical-align: middle;
}

table input[type="radio"] {
  margin: 0;
}

.contribution-section table th.source-column {
  width: 35%;
}

.contribution-section table th.dollar-column {
  width: 15%;
  text-align: right;
}

.contribution-section table th.or-column,
.contribution-section table td.or-column {
  width: 10%;
  text-align: center;
}

.contribution-section table th.percent-column {
  width: 15%;
  text-align: right;
}

.contribution-section table th.date-column {
  width: 30%;
  text-align: right;
}

.contribution-section table th.name-column {
  width: 15%;
  text-align: left;
}

.right {
  float: right !important;
}

.my-datepicker .form-control {
  height: 10px;
  padding: 5px;
}

.my-datepicker .btn {
  padding: 2px 2px;
}

#date-and-time table {
  padding: 0;
  margin: 0;
  border-collapse: initial;
  border-spacing: initial;
  text-align: initial;
  line-height: initial;
  font-size: initial;
  font-weight: initial;
}

#date-and-time table#end-time-input .btn,
#date-and-time table#start-time-input .btn {
  display: block;
  padding: 4px 12px 4px 11px;
  background: #fff;
  width: 40px;
  color: #005691;
  border: 1px solid #005691;
}

#date-and-time table#end-time-input .btn:hover,
#date-and-time table#start-time-input .btn:hover {
  color: #002b45;
  border-color: #002b45;
  background: #efefef;
}

#date-and-time table tr {
  padding: 0;
}

#date-and-time table tr:nth-child(even) {
  background-color: transparent;
}

#date-and-time table td {
  padding: 0;
  margin-right: 5px;
}

#date-and-time td.form-group {
  margin-bottom: 0;
  width: auto;
  display: inline-table;
}

#date-and-time td input {
  background: #FFF;
  border: 1px solid #cecece;
  border-radius: 3px;
  font-size: 1rem;
  min-height: 2rem;
  margin: 0;
  padding: 0px;
}

#date-and-time .uib-time input {
  width: 100%;
  min-width: 50px;
}

td.uib-separator {
  margin: 0 5px 0 0;
  width: 9px;
}

table#roles-recieve-alerts-table {
  border: 1px solid #cecece;
}

table#roles-recieve-alerts-table th:first-child input[type="checkbox"],
table#roles-recieve-alerts-table td:first-child input[type="checkbox"] {
  margin: 0;
}

.ui-grid-viewport {
  min-height: 0 !important;
}

.bg-white-row {
  background-color: #fff !important;
}

.no-border-right {
  border-right: none !important;
}

.table-outlined thead {
  border: 1px solid #333;
}

.table-outlined tbody {
  border: 1px solid #cecece;
}

#web-permissions-table tbody tr td:first-child,
#plan-web-permissions-table tbody tr td:first-child {
  width: 80%;
}

.bg-transparent {
  background-color: transparent !important;
}

demographic-information nfrp-address .row div[class^='col-lg-'],
demographic-information nfrp-address .row div[class^='col-md-'],
demographic-information nfrp-address .row div[class^='col-sm-'],
.primary-beneficiaries-details nfrp-address .row div[class^='col-lg-'],
.primary-beneficiaries-details nfrp-address .row div[class^='col-md-'],
.primary-beneficiaries-details nfrp-address .row div[class^='col-sm-'] {
  margin-left: 0;
}

nfrp-address .form-group--advanced .advanced_input-group {
  margin-bottom: 0;
}

demographic-information nfrp-address .form-group--advanced .advanced_input-group {
  margin-bottom: 18px;
}

.form-group legend.h3 {
  margin: 0;
}

.edit-content table td {
  vertical-align: top;
}

table td .form-group,
table td .form-group .input-group {
  margin-bottom: 0;
}

@media (max-width: 1024px) {
  .table-scroller {
    display: block;
    position: relative;
    overflow-x: scroll;
    -webkit-overflow-scrolling: touch;
  }
}

td > a:hover,
td > a:focus {
  border-bottom: none;
}

.table__fee-details .table__row:last-child {
  border-top: 1px solid #cecece;
  border-left: 1px solid white;
  border-right: 1px solid white;
  border-bottom: 1px solid white;
}

.table__fee-details .table__row:last-child .table__cell {
  padding-top: 20px;
}

#acculumators-table td,
#acculumators-table thead th,
#accumulators-fixed-summary-table td,
#accumulators-fixed-summary-table thead th {
  text-align: right;
}

#acculumators-table thead th:first-child,
#accumulators-fixed-summary-table thead th:first-child {
  text-align: left;
}

table#aa-firm-table thead th:first-child,
table#aa-firm-table tbody td:first-child {
  text-align: left;
  width: 65px;
}

table#aa-firm-table tbody td[id^="aa-firm-select-value-"] {
  text-align: center;
  width: 65px;
}

table#aa-firm-table thead th:last-child,
table#aa-firm-table tbody td:last-child {
  text-align: right;
  width: 20%;
}

table#aa-firm-table tbody tr td[colspan="3"] {
  text-align: left;
}

table#aa-firm-table tbody tr td input[type="radio"] {
  outline: none;
  box-shadow: none;
}

table#aa-firm-table tbody tr.selectedRow {
  background-color: #c9dde1;
}

/*Dagger for the "as of" date*/

label#assets-as-of-date-label::after {
  content: attr(data-super);
  vertical-align: super;
  font-size: .8rem;
  padding: 0 0 0 5px;
}

.primary-beneficiaries-details {
  border-top: 1px solid #cecece;
}

.primary-beneficiaries-details ul {
  width: 100%;
  margin: 0 auto !important;
}

.primary-beneficiaries-details ul li {
  border-top: 1px solid #cecece;
}

.primary-beneficiaries-details ul li:first-child {
  border-top: none;
}

@media screen and (max-width: 991px) {
  #right-pane-2 {
    margin-top: 1.5em;
    border-left: none;
  }
}

/* ========================================================= */

/* ========================================================= */

/* ========================================================= */

/* New style to overwrite assets page UI-Grid - Kevin Hien   */

/* ========================================================= */

/* ========================================================= */

pending-contribution-changes .ui-grid-header-viewport,
.ui-grid-header-canvas {
  width: 100% !important;
}

.expandableRow {
  width: 100% !important;
  height: auto !important;
  margin: 0 !important;
}

.expandableRow .content {
  border-bottom: 1px solid #cecece;
}

.shadow {
  position: absolute;
  right: 0;
  top: 0;
  width: 7px;
  height: 100%;
  z-index: 998;
  overflow: hidden;
  -webkit-overflow-scrolling: touch;
  transform: translate3d(0, 0, 0);
  background: -moz-linear-gradient(left, rgba(255, 255, 255, 0) 0, rgba(182, 182, 182, 0) 40%, #6d6d6d 100%);
  background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(40%, rgba(182, 182, 182, 0)), color-stop(100%, #6d6d6d));
  background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0, rgba(182, 182, 182, 0) 40%, #6d6d6d 100%);
  background: -o-linear-gradient(left, rgba(255, 255, 255, 0) 0, rgba(182, 182, 182, 0) 40%, #6d6d6d 100%);
  background: -ms-linear-gradient(left, rgba(255, 255, 255, 0) 0, rgba(182, 182, 182, 0) 40%, #6d6d6d 100%);
  background: linear-gradient(to right, rgba(255, 255, 255, 0) 0, rgba(182, 182, 182, 0) 40%, #6d6d6d 100%);
}

.scrolling-table {
  display: block;
  overflow-x: auto;
  overflow-y: hidden;
}

.shadow-container {
  position: relative;
}

.shadow-container .shadow {
  visibility: visible;
}

@media (min-width: 991px) {
  .shadow {
    visibility: hidden;
  }
}

.shadow-slide,
.shadow-slide-full,
.shadow-slide-med {
  -webkit-overflow-scrolling: touch;
}

.shadow-slide ::-webkit-scrollbar,
.shadow-slide-full ::-webkit-scrollbar,
.shadow-slide-med ::-webkit-scrollbar {
  -webkit-appearance: none;
  width: 8px;
}

.shadow-slide ::-webkit-scrollbar-thumb,
.shadow-slide-full ::-webkit-scrollbar-thumb,
.shadow-slide-med ::-webkit-scrollbar-thumb {
  border-radius: 1px;
  background-color: rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: 0 0 0.5px rgba(255, 255, 255, 0.5);
}

.shadow-slide .ui-grid-contents-wrapper .ui-grid-canvas .ng-isolate-scope,
.shadow-slide .ui-grid-contents-wrapper .ui-grid-render-container .ui-grid-header-cell-row,
.shadow-slide-full .ui-grid-contents-wrapper .ui-grid-canvas .ng-isolate-scope,
.shadow-slide-full .ui-grid-contents-wrapper .ui-grid-render-container .ui-grid-header-cell-row,
.shadow-slide-med .ui-grid-contents-wrapper .ui-grid-canvas .ng-isolate-scope,
.shadow-slide-med .ui-grid-contents-wrapper .ui-grid-render-container .ui-grid-header-cell-row {
  display: table !important;
  width: 100% !important;
}

.shadow-slide .ui-grid-render-container-body .ui-grid-header-viewport,
.shadow-slide .ui-grid-render-container-body .ui-grid-viewport,
.shadow-slide .ui-grid-render-container-body .ui-grid-footer-viewport,
.shadow-slide .ui-grid-render-container-body .ui-grid-footer-canvas,
.shadow-slide .ui-grid-render-container-body .ui-grid-header-canvas,
.shadow-slide .ui-grid-footer-cell-wrapper,
.shadow-slide .ui-grid-header-cell-wrapper,
.shadow-slide-full .ui-grid-render-container-body .ui-grid-header-viewport,
.shadow-slide-full .ui-grid-render-container-body .ui-grid-viewport,
.shadow-slide-full .ui-grid-render-container-body .ui-grid-footer-viewport,
.shadow-slide-full .ui-grid-render-container-body .ui-grid-footer-canvas,
.shadow-slide-full .ui-grid-render-container-body .ui-grid-header-canvas,
.shadow-slide-full .ui-grid-footer-cell-wrapper,
.shadow-slide-full .ui-grid-header-cell-wrapper,
.shadow-slide-med .ui-grid-render-container-body .ui-grid-header-viewport,
.shadow-slide-med .ui-grid-render-container-body .ui-grid-viewport,
.shadow-slide-med .ui-grid-render-container-body .ui-grid-footer-viewport,
.shadow-slide-med .ui-grid-render-container-body .ui-grid-footer-canvas,
.shadow-slide-med .ui-grid-render-container-body .ui-grid-header-canvas,
.shadow-slide-med .ui-grid-footer-cell-wrapper,
.shadow-slide-med .ui-grid-header-cell-wrapper {
  width: 100% !important;
}

.shadow-slide .ui-grid-footer-cell-wrapper,
.shadow-slide-full .ui-grid-footer-cell-wrapper,
.shadow-slide-med .ui-grid-footer-cell-wrapper {
  height: auto !important;
}

.shadow-slide .last-child,
.shadow-slide-full .last-child,
.shadow-slide-med .last-child {
  padding-right: 10px !important;
}

.shadow-slide .ui-grid-render-container,
.shadow-slide-full .ui-grid-render-container,
.shadow-slide-med .ui-grid-render-container {
  display: table;
}

.shadow-slide .shadow,
.shadow-slide-full .shadow,
.shadow-slide-med .shadow {
  position: fixed;
  visibility: visible;
}

@-moz-document url-prefix()  {
  .shadow-slide #assets-by-fund-grid .ui-grid-contents-wrapper .shadow,
  .shadow-slide-full #assets-by-fund-grid .ui-grid-contents-wrapper .shadow,
  .shadow-slide-med #assets-by-fund-grid .ui-grid-contents-wrapper .shadow {
    height: 88%;
  }

  .shadow-slide #assets-by-fund-and-source-grid .ui-grid-contents-wrapper .shadow,
  .shadow-slide-full #assets-by-fund-and-source-grid .ui-grid-contents-wrapper .shadow,
  .shadow-slide-med #assets-by-fund-and-source-grid .ui-grid-contents-wrapper .shadow {
    height: 91%;
  }

  .shadow-slide .ui-grid-pager-panel,
  .shadow-slide-full .ui-grid-pager-panel,
  .shadow-slide-med .ui-grid-pager-panel {
    display: block !important;
  }
}

.shadow-slide .tab .shadow,
.shadow-slide-full .tab .shadow,
.shadow-slide-med .tab .shadow {
  right: 20px;
  top: 21px;
  width: 25px;
  height: 79%;
}

.shadow-slide .ui-grid-footer-cell-row .text-right .ui-grid-cell-contents,
.shadow-slide-full .ui-grid-footer-cell-row .text-right .ui-grid-cell-contents,
.shadow-slide-med .ui-grid-footer-cell-row .text-right .ui-grid-cell-contents {
  float: right;
  clear: both;
}

.shadow-slide .ui-grid-footer-cell-row .text-left .ui-grid-cell-contents,
.shadow-slide-full .ui-grid-footer-cell-row .text-left .ui-grid-cell-contents,
.shadow-slide-med .ui-grid-footer-cell-row .text-left .ui-grid-cell-contents {
  float: left;
  clear: both;
}

.shadow-slide .ui-grid-contents-wrapper,
.shadow-slide-full .ui-grid-contents-wrapper,
.shadow-slide-med .ui-grid-contents-wrapper {
  overflow-x: auto;
  z-index: 1000;
}

/* Small Devices, Tablets */

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
  .shadow-slide .ui-grid-pager-count-container {
    display: none;
  }
}

.view-obi ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
  column-count: 2;
}

.view-obi ul li {
  padding: 8px 0 5px 0;
  margin: 0;
  -webkit-column-break-inside: avoid;
  page-break-inside: avoid;
  break-inside: avoid;
}

.view-obi ul li:nth-child(odd) {
  background: #eaeaea;
}

.view-obi ul li label {
  font-weight: bold;
}

.shadow-slide-med .ui-grid-contents-wrapper .ui-grid-canvas .view-obi-grid {
  width: 100% !important;
}

.selected-receipt-entries-title {
  margin: 0 0 5px 0;
  border-bottom: 1px solid #cecece;
  padding: 0 0 2px 0;
}

table#view-receipt-notes,
table#notesTable {
  width: 100%;
  table-layout: fixed;
}

table#view-receipt-notes thead th#date-notes-header,
table#view-receipt-notes thead th#created-by-notes-header,
table#notesTable thead th#date-notes-header,
table#notesTable thead th#created-by-notes-header {
  width: 141px;
}

table#view-receipt-notes thead th#notes-message-header,
table#notesTable thead th#notes-message-header {
  width: auto;
}

table#view-receipt-notes tbody td[id^="notes-message-"],
table#notesTable tbody td[id^="notes-message-"] {
  word-wrap: break-word;
}

/*IE11 progress bar hack*/

@media all and (-ms-high-contrast: none) {
  *::-ms-backdrop,
  .shadow-slide-med .ui-grid-render-container-body .ui-grid-viewport {
    border-right: 1px solid #cecece;
  }
}

#selected-receipts-table .ui-grid-cell-contents,
#selected-receipts-table .ui-grid-disable-selection:hover {
  cursor: pointer;
}

#deposit-detail-search-results .grid,
#receipt-search-results .grid,
#receipt-and-deposit-detail-search-results .grid,
#selected-receipts-table .grid,
#selected-details-table .grid,
#matched-deposit-details-table .grid,
#selected-receipts-grid-table .grid {
  overflow: hidden !important;
}

#deposit-detail-search-results .ui-grid-viewport,
#receipt-search-results .ui-grid-viewport,
#receipt-and-deposit-detail-search-results .ui-grid-viewport,
#selected-receipts-table .ui-grid-viewport,
#selected-details-table .ui-grid-viewport,
#matched-deposit-details-table .ui-grid-viewport,
#selected-receipts-grid-table .ui-grid-viewport {
  max-height: 700px;
  position: relative;
  overflow: auto;
}

#deposit-detail-search-results .ui-grid .ui-grid-cell-contents,
#receipt-search-results .ui-grid .ui-grid-cell-contents,
#receipt-and-deposit-detail-search-results .ui-grid .ui-grid-cell-contents,
#selected-receipts-table .ui-grid .ui-grid-cell-contents,
#selected-details-table .ui-grid .ui-grid-cell-contents,
#matched-deposit-details-table .ui-grid .ui-grid-cell-contents,
#selected-receipts-grid-table .ui-grid .ui-grid-cell-contents {
  white-space: nowrap;
  text-overflow: ellipsis;
}

#deposit-detail-search-results .ui-grid .ui-grid-contents-wrapper .ui-grid-render-container .ui-grid-header-cell-row .ui-grid-header-cell,
#receipt-search-results .ui-grid .ui-grid-contents-wrapper .ui-grid-render-container .ui-grid-header-cell-row .ui-grid-header-cell,
#receipt-and-deposit-detail-search-results .ui-grid .ui-grid-contents-wrapper .ui-grid-render-container .ui-grid-header-cell-row .ui-grid-header-cell,
#selected-receipts-table .ui-grid .ui-grid-contents-wrapper .ui-grid-render-container .ui-grid-header-cell-row .ui-grid-header-cell,
#selected-details-table .ui-grid .ui-grid-contents-wrapper .ui-grid-render-container .ui-grid-header-cell-row .ui-grid-header-cell,
#matched-deposit-details-table .ui-grid .ui-grid-contents-wrapper .ui-grid-render-container .ui-grid-header-cell-row .ui-grid-header-cell,
#selected-receipts-grid-table .ui-grid .ui-grid-contents-wrapper .ui-grid-render-container .ui-grid-header-cell-row .ui-grid-header-cell {
  border-right: 1px solid #757575;
}

#deposit-detail-search-results .shadow-slide-med .ui-grid-contents-wrapper,
#receipt-search-results .shadow-slide-med .ui-grid-contents-wrapper,
#receipt-and-deposit-detail-search-results .shadow-slide-med .ui-grid-contents-wrapper,
#selected-receipts-table .shadow-slide-med .ui-grid-contents-wrapper,
#selected-details-table .shadow-slide-med .ui-grid-contents-wrapper,
#matched-deposit-details-table .shadow-slide-med .ui-grid-contents-wrapper,
#selected-receipts-grid-table .shadow-slide-med .ui-grid-contents-wrapper {
  width: 101%;
}

.scrolling-div.top-6 .ui-grid-viewport {
  max-height: 204px;
  overflow-y: auto !important;
}

.scrolling-div.top-10 .ui-grid-viewport {
  max-height: 450px;
  overflow-y: auto !important;
}

.stripes tbody tr:nth-child(odd),
.stripes tbody tr:nth-child(odd) th {
  background-color: #fff;
}

.stripes tbody.repeat:nth-child(even),
.stripes tbody tr:nth-child(even),
.stripes tbody tr:nth-child(even) th[scope="row"] {
  background-color: #e9e9e9;
}

.stripes > li:nth-child(odd) {
  background-color: #fff;
}

.stripes > li:nth-child(even) {
  background-color: #e9e9e9;
}

.stripes-tbody-only > tbody:nth-child(even) {
  background-color: #fff;
}

.stripes-tbody-only > tbody:nth-child(odd) {
  background-color: #e9e9e9;
}

.reverse-stripes li:nth-child(even) {
  background-color: #fff !important;
}

.reverse-stripes li:nth-child(odd) {
  background-color: #e9e9e9;
}

.stripes-tbody thead tr:first-child {
  background: #ccc;
  border-bottom: 3px solid #a2a2a2;
}

.stripes-tbody .repeat:nth-child(odd) {
  background-color: #e9e9e9;
}

.stripes-tbody .repeat:nth-child(odd) tr {
  background-color: #e9e9e9;
}

.stripes-tbody .repeat:nth-child(odd) tr.uib-weeks {
  background-color: #fff;
}

.stripes-tbody .repeat:nth-child(even) {
  background-color: #fff;
}

.stripes-tbody .repeat:nth-child(even) tr {
  background-color: #fff;
}

.stripes-tbody .repeat .ui-grid-render-container-body .ui-grid-viewport {
  max-height: 228px !important;
  overflow-y: scroll !important;
}

#receipt-and-deposit-detail-search-results .shadow-slide-full .ui-grid-contents-wrapper .ui-grid-canvas .ng-isolate-scope,
#receipt-and-deposit-detail-search-results .shadow-slide-full .ui-grid-contents-wrapper .ui-grid-render-container .ui-grid-header-cell-row,
#deposit-detail-search-results .shadow-slide-full .ui-grid-contents-wrapper .ui-grid-canvas .ng-isolate-scope,
#deposit-detail-search-results .shadow-slide-full .ui-grid-contents-wrapper .ui-grid-render-container .ui-grid-header-cell-row,
#receipt-search-results .shadow-slide-full .ui-grid-contents-wrapper .ui-grid-canvas .ng-isolate-scope,
#receipt-search-results .shadow-slide-full .ui-grid-contents-wrapper .ui-grid-render-container .ui-grid-header-cell-row,
#selected-receipts-table .shadow-slide-full .ui-grid-contents-wrapper .ui-grid-canvas .ng-isolate-scope,
#selected-receipts-table .shadow-slide-full .ui-grid-contents-wrapper .ui-grid-render-container .ui-grid-header-cell-row,
#selected-details-table .shadow-slide-full .ui-grid-contents-wrapper .ui-grid-canvas .ng-isolate-scope,
#selected-details-table .shadow-slide-full .ui-grid-contents-wrapper .ui-grid-render-container .ui-grid-header-cell-row,
#matched-deposit-details-table .shadow-slide-full .ui-grid-contents-wrapper .ui-grid-canvas .ng-isolate-scope,
#matched-deposit-details-table .shadow-slide-full .ui-grid-contents-wrapper .ui-grid-render-container .ui-grid-header-cell-row,
#selected-receipts-grid-table .shadow-slide-full .ui-grid-contents-wrapper .ui-grid-canvas .ng-isolate-scope,
#selected-receipts-grid-table .shadow-slide-full .ui-grid-contents-wrapper .ui-grid-render-container .ui-grid-header-cell-row {
  width: initial !important;
}

#receipt-and-deposit-detail-search-results .shadow-slide .ui-grid-contents-wrapper .ui-grid-canvas .ng-isolate-scope,
#receipt-and-deposit-detail-search-results .shadow-slide .ui-grid-contents-wrapper .ui-grid-render-container .ui-grid-header-cell-row,
#receipt-and-deposit-detail-search-results .shadow-slide-full .ui-grid-contents-wrapper .ui-grid-canvas .ng-isolate-scope,
#receipt-and-deposit-detail-search-results .shadow-slide-full .ui-grid-contents-wrapper .ui-grid-render-container .ui-grid-header-cell-row,
#receipt-and-deposit-detail-search-results .shadow-slide-med .ui-grid-contents-wrapper .ui-grid-canvas .ng-isolate-scope,
#receipt-and-deposit-detail-search-results .shadow-slide-med .ui-grid-contents-wrapper .ui-grid-render-container .ui-grid-header-cell-row,
#receipt-and-deposit-detail-search-results .shadow-slide-med .ui-grid-render-container,
#deposit-detail-search-results .shadow-slide .ui-grid-contents-wrapper .ui-grid-canvas .ng-isolate-scope,
#deposit-detail-search-results .shadow-slide .ui-grid-contents-wrapper .ui-grid-render-container .ui-grid-header-cell-row,
#deposit-detail-search-results .shadow-slide-full .ui-grid-contents-wrapper .ui-grid-canvas .ng-isolate-scope,
#deposit-detail-search-results .shadow-slide-full .ui-grid-contents-wrapper .ui-grid-render-container .ui-grid-header-cell-row,
#deposit-detail-search-results .shadow-slide-med .ui-grid-contents-wrapper .ui-grid-canvas .ng-isolate-scope,
#deposit-detail-search-results .shadow-slide-med .ui-grid-contents-wrapper .ui-grid-render-container .ui-grid-header-cell-row,
#deposit-detail-search-results .shadow-slide-med .ui-grid-render-container,
#receipt-search-results .shadow-slide .ui-grid-contents-wrapper .ui-grid-canvas .ng-isolate-scope,
#receipt-search-results .shadow-slide .ui-grid-contents-wrapper .ui-grid-render-container .ui-grid-header-cell-row,
#receipt-search-results .shadow-slide-full .ui-grid-contents-wrapper .ui-grid-canvas .ng-isolate-scope,
#receipt-search-results .shadow-slide-full .ui-grid-contents-wrapper .ui-grid-render-container .ui-grid-header-cell-row,
#receipt-search-results .shadow-slide-med .ui-grid-contents-wrapper .ui-grid-canvas .ng-isolate-scope,
#receipt-search-results .shadow-slide-med .ui-grid-contents-wrapper .ui-grid-render-container .ui-grid-header-cell-row,
#receipt-search-results .shadow-slide-med .ui-grid-render-container,
#selected-receipts-table .shadow-slide .ui-grid-contents-wrapper .ui-grid-canvas .ng-isolate-scope,
#selected-receipts-table .shadow-slide .ui-grid-contents-wrapper .ui-grid-render-container .ui-grid-header-cell-row,
#selected-receipts-table .shadow-slide-full .ui-grid-contents-wrapper .ui-grid-canvas .ng-isolate-scope,
#selected-receipts-table .shadow-slide-full .ui-grid-contents-wrapper .ui-grid-render-container .ui-grid-header-cell-row,
#selected-receipts-table .shadow-slide-med .ui-grid-contents-wrapper .ui-grid-canvas .ng-isolate-scope,
#selected-receipts-table .shadow-slide-med .ui-grid-contents-wrapper .ui-grid-render-container .ui-grid-header-cell-row,
#selected-receipts-table .shadow-slide-med .ui-grid-render-container,
#selected-details-table .shadow-slide .ui-grid-contents-wrapper .ui-grid-canvas .ng-isolate-scope,
#selected-details-table .shadow-slide .ui-grid-contents-wrapper .ui-grid-render-container .ui-grid-header-cell-row,
#selected-details-table .shadow-slide-full .ui-grid-contents-wrapper .ui-grid-canvas .ng-isolate-scope,
#selected-details-table .shadow-slide-full .ui-grid-contents-wrapper .ui-grid-render-container .ui-grid-header-cell-row,
#selected-details-table .shadow-slide-med .ui-grid-contents-wrapper .ui-grid-canvas .ng-isolate-scope,
#selected-details-table .shadow-slide-med .ui-grid-contents-wrapper .ui-grid-render-container .ui-grid-header-cell-row,
#selected-details-table .shadow-slide-med .ui-grid-render-container,
#matched-deposit-details-table .shadow-slide .ui-grid-contents-wrapper .ui-grid-canvas .ng-isolate-scope,
#matched-deposit-details-table .shadow-slide .ui-grid-contents-wrapper .ui-grid-render-container .ui-grid-header-cell-row,
#matched-deposit-details-table .shadow-slide-full .ui-grid-contents-wrapper .ui-grid-canvas .ng-isolate-scope,
#matched-deposit-details-table .shadow-slide-full .ui-grid-contents-wrapper .ui-grid-render-container .ui-grid-header-cell-row,
#matched-deposit-details-table .shadow-slide-med .ui-grid-contents-wrapper .ui-grid-canvas .ng-isolate-scope,
#matched-deposit-details-table .shadow-slide-med .ui-grid-contents-wrapper .ui-grid-render-container .ui-grid-header-cell-row,
#matched-deposit-details-table .shadow-slide-med .ui-grid-render-container,
#selected-receipts-grid-table .shadow-slide .ui-grid-contents-wrapper .ui-grid-canvas .ng-isolate-scope,
#selected-receipts-grid-table .shadow-slide .ui-grid-contents-wrapper .ui-grid-render-container .ui-grid-header-cell-row,
#selected-receipts-grid-table .shadow-slide-full .ui-grid-contents-wrapper .ui-grid-canvas .ng-isolate-scope,
#selected-receipts-grid-table .shadow-slide-full .ui-grid-contents-wrapper .ui-grid-render-container .ui-grid-header-cell-row,
#selected-receipts-grid-table .shadow-slide-med .ui-grid-contents-wrapper .ui-grid-canvas .ng-isolate-scope,
#selected-receipts-grid-table .shadow-slide-med .ui-grid-contents-wrapper .ui-grid-render-container .ui-grid-header-cell-row,
#selected-receipts-grid-table .shadow-slide-med .ui-grid-render-container {
  width: initial !important;
}

#receipt-and-deposit-detail-search-results .shadow-slide-full .ui-grid-render-container-body .ui-grid-header-viewport,
#receipt-and-deposit-detail-search-results .shadow-slide-full .ui-grid-render-container-body .ui-grid-viewport,
#receipt-and-deposit-detail-search-results .shadow-slide-full .ui-grid-render-container-body .ui-grid-footer-viewport,
#receipt-and-deposit-detail-search-results .shadow-slide-full .ui-grid-render-container-body .ui-grid-footer-canvas,
#receipt-and-deposit-detail-search-results .shadow-slide-full .ui-grid-render-container,
#receipt-and-deposit-detail-search-results .shadow-slide-med .ui-grid-render-container-body .ui-grid-header-viewport,
#receipt-and-deposit-detail-search-results .shadow-slide-med .ui-grid-render-container-body .ui-grid-viewport,
#receipt-and-deposit-detail-search-results .shadow-slide-med .ui-grid-render-container-body .ui-grid-footer-viewport,
#receipt-and-deposit-detail-search-results .shadow-slide-med .ui-grid-render-container-body .ui-grid-footer-canvas,
#receipt-and-deposit-detail-search-results .shadow-slide-med .ui-grid-render-container,
#deposit-detail-search-results .shadow-slide-full .ui-grid-render-container-body .ui-grid-header-viewport,
#deposit-detail-search-results .shadow-slide-full .ui-grid-render-container-body .ui-grid-viewport,
#deposit-detail-search-results .shadow-slide-full .ui-grid-render-container-body .ui-grid-footer-viewport,
#deposit-detail-search-results .shadow-slide-full .ui-grid-render-container-body .ui-grid-footer-canvas,
#deposit-detail-search-results .shadow-slide-full .ui-grid-render-container,
#deposit-detail-search-results .shadow-slide-med .ui-grid-render-container-body .ui-grid-header-viewport,
#deposit-detail-search-results .shadow-slide-med .ui-grid-render-container-body .ui-grid-viewport,
#deposit-detail-search-results .shadow-slide-med .ui-grid-render-container-body .ui-grid-footer-viewport,
#deposit-detail-search-results .shadow-slide-med .ui-grid-render-container-body .ui-grid-footer-canvas,
#deposit-detail-search-results .shadow-slide-med .ui-grid-render-container,
#receipt-search-results .shadow-slide-full .ui-grid-render-container-body .ui-grid-header-viewport,
#receipt-search-results .shadow-slide-full .ui-grid-render-container-body .ui-grid-viewport,
#receipt-search-results .shadow-slide-full .ui-grid-render-container-body .ui-grid-footer-viewport,
#receipt-search-results .shadow-slide-full .ui-grid-render-container-body .ui-grid-footer-canvas,
#receipt-search-results .shadow-slide-full .ui-grid-render-container,
#receipt-search-results .shadow-slide-med .ui-grid-render-container-body .ui-grid-header-viewport,
#receipt-search-results .shadow-slide-med .ui-grid-render-container-body .ui-grid-viewport,
#receipt-search-results .shadow-slide-med .ui-grid-render-container-body .ui-grid-footer-viewport,
#receipt-search-results .shadow-slide-med .ui-grid-render-container-body .ui-grid-footer-canvas,
#receipt-search-results .shadow-slide-med .ui-grid-render-container,
#selected-receipts-table .shadow-slide-full .ui-grid-render-container-body .ui-grid-header-viewport,
#selected-receipts-table .shadow-slide-full .ui-grid-render-container-body .ui-grid-viewport,
#selected-receipts-table .shadow-slide-full .ui-grid-render-container-body .ui-grid-footer-viewport,
#selected-receipts-table .shadow-slide-full .ui-grid-render-container-body .ui-grid-footer-canvas,
#selected-receipts-table .shadow-slide-full .ui-grid-render-container,
#selected-receipts-table .shadow-slide-med .ui-grid-render-container-body .ui-grid-header-viewport,
#selected-receipts-table .shadow-slide-med .ui-grid-render-container-body .ui-grid-viewport,
#selected-receipts-table .shadow-slide-med .ui-grid-render-container-body .ui-grid-footer-viewport,
#selected-receipts-table .shadow-slide-med .ui-grid-render-container-body .ui-grid-footer-canvas,
#selected-receipts-table .shadow-slide-med .ui-grid-render-container,
#selected-details-table .shadow-slide-full .ui-grid-render-container-body .ui-grid-header-viewport,
#selected-details-table .shadow-slide-full .ui-grid-render-container-body .ui-grid-viewport,
#selected-details-table .shadow-slide-full .ui-grid-render-container-body .ui-grid-footer-viewport,
#selected-details-table .shadow-slide-full .ui-grid-render-container-body .ui-grid-footer-canvas,
#selected-details-table .shadow-slide-full .ui-grid-render-container,
#selected-details-table .shadow-slide-med .ui-grid-render-container-body .ui-grid-header-viewport,
#selected-details-table .shadow-slide-med .ui-grid-render-container-body .ui-grid-viewport,
#selected-details-table .shadow-slide-med .ui-grid-render-container-body .ui-grid-footer-viewport,
#selected-details-table .shadow-slide-med .ui-grid-render-container-body .ui-grid-footer-canvas,
#selected-details-table .shadow-slide-med .ui-grid-render-container,
#matched-deposit-details-table .shadow-slide-full .ui-grid-render-container-body .ui-grid-header-viewport,
#matched-deposit-details-table .shadow-slide-full .ui-grid-render-container-body .ui-grid-viewport,
#matched-deposit-details-table .shadow-slide-full .ui-grid-render-container-body .ui-grid-footer-viewport,
#matched-deposit-details-table .shadow-slide-full .ui-grid-render-container-body .ui-grid-footer-canvas,
#matched-deposit-details-table .shadow-slide-full .ui-grid-render-container,
#matched-deposit-details-table .shadow-slide-med .ui-grid-render-container-body .ui-grid-header-viewport,
#matched-deposit-details-table .shadow-slide-med .ui-grid-render-container-body .ui-grid-viewport,
#matched-deposit-details-table .shadow-slide-med .ui-grid-render-container-body .ui-grid-footer-viewport,
#matched-deposit-details-table .shadow-slide-med .ui-grid-render-container-body .ui-grid-footer-canvas,
#matched-deposit-details-table .shadow-slide-med .ui-grid-render-container,
#selected-receipts-grid-table .shadow-slide-full .ui-grid-render-container-body .ui-grid-header-viewport,
#selected-receipts-grid-table .shadow-slide-full .ui-grid-render-container-body .ui-grid-viewport,
#selected-receipts-grid-table .shadow-slide-full .ui-grid-render-container-body .ui-grid-footer-viewport,
#selected-receipts-grid-table .shadow-slide-full .ui-grid-render-container-body .ui-grid-footer-canvas,
#selected-receipts-grid-table .shadow-slide-full .ui-grid-render-container,
#selected-receipts-grid-table .shadow-slide-med .ui-grid-render-container-body .ui-grid-header-viewport,
#selected-receipts-grid-table .shadow-slide-med .ui-grid-render-container-body .ui-grid-viewport,
#selected-receipts-grid-table .shadow-slide-med .ui-grid-render-container-body .ui-grid-footer-viewport,
#selected-receipts-grid-table .shadow-slide-med .ui-grid-render-container-body .ui-grid-footer-canvas,
#selected-receipts-grid-table .shadow-slide-med .ui-grid-render-container {
  width: initial !important;
  overflow-x: hidden !important;
  overflow-y: auto !important;
}

#receipt-and-deposit-detail-search-results .shadow-slide .ui-grid-contents-wrapper,
#receipt-and-deposit-detail-search-results .shadow-slide-full .ui-grid-contents-wrapper,
#deposit-detail-search-results .shadow-slide .ui-grid-contents-wrapper,
#deposit-detail-search-results .shadow-slide-full .ui-grid-contents-wrapper,
#receipt-search-results .shadow-slide .ui-grid-contents-wrapper,
#receipt-search-results .shadow-slide-full .ui-grid-contents-wrapper,
#selected-receipts-table .shadow-slide .ui-grid-contents-wrapper,
#selected-receipts-table .shadow-slide-full .ui-grid-contents-wrapper,
#selected-details-table .shadow-slide .ui-grid-contents-wrapper,
#selected-details-table .shadow-slide-full .ui-grid-contents-wrapper,
#matched-deposit-details-table .shadow-slide .ui-grid-contents-wrapper,
#matched-deposit-details-table .shadow-slide-full .ui-grid-contents-wrapper,
#selected-receipts-grid-table .shadow-slide .ui-grid-contents-wrapper,
#selected-receipts-grid-table .shadow-slide-full .ui-grid-contents-wrapper {
  overflow-x: hidden;
}

edit-hours-and-compensation .ui-grid .ui-grid-contents-wrapper .ui-grid-render-container .ui-grid-row .ui-grid-cell {
  padding: 6px 9px !important;
}

edit-hours-and-compensation .ui-grid-viewport .ui-grid-canvas .ui-grid-row {
  line-height: 1.68;
}

@-moz-document url-prefix()  {
  edit-hours-and-compensation .ui-grid-viewport .ui-grid-canvas .ui-grid-row {
    line-height: 1.619;
  }
}

.asc-desc-arrow {
  outline: none;
}

.asc-desc-arrow span:after {
  font-family: "Momentum Asp";
  text-decoration: none;
  padding: 0;
  font-size: 1.25rem;
  margin: -1px 0 0 0;
  position: absolute;
  content: "\e618\e617";
  letter-spacing: -0.6em;
  font-weight: normal;
}

.asc-desc-arrow.ascending span:after {
  margin: 0px 3px;
  content: "\e618";
}

.asc-desc-arrow.descending span:after {
  margin: 0px 3px;
  content: "\e617";
}

/** For use on investment elections table **/

table.sticky-table {
  display: block;
  min-height: 120px;
  max-height: 550px;
  overflow: auto;
  padding: 0;
  text-align: left;
}

table.sticky-table thead .blank-background {
  background: #fff;
}

table.sticky-table thead .no-background {
  background: transparent;
}

table.sticky-table tbody tr:nth-child(odd) td {
  background-color: #fff;
}

table.sticky-table tbody tr:nth-child(even) td {
  background-color: #e9e9e9;
}

table.sticky-table th,
table.sticky-table td {
  padding: 10px;
  min-width: 120px;
  z-index: 2;
}

table.sticky-table th:first-of-type,
table.sticky-table td:first-of-type {
  position: sticky;
  left: 0;
  z-index: 3;
}

table.sticky-table th:last-of-type,
table.sticky-table td:last-of-type {
  border-right: 1px solid #cecece;
}

table.sticky-table th .input-group,
table.sticky-table td .input-group {
  padding: 0;
}

table.sticky-table th.delete-column,
table.sticky-table td.delete-column {
  min-width: 100px !important;
  max-width: 100px !important;
}

table.sticky-table thead th:nth-child(2),
table.sticky-table thead td:nth-child(2),
table.sticky-table tbody th:nth-child(2),
table.sticky-table tbody td:nth-child(2) {
  position: sticky;
  left: 270px;
}

table.sticky-table td.right-separation {
  border-right: 1px solid #cecece;
}

table.sticky-table thead tr:nth-child(2) .blank-background {
  box-shadow: inset 0 -1px #000;
}

table.sticky-table th {
  position: sticky;
  top: 0;
}

table.sticky-table th:nth-child(2) {
  z-index: 3;
}

table.sticky-table th:last-of-type {
  border-right: 1px solid transparent;
}

table.sticky-table tfoot tr {
  border-top: none;
}

table.sticky-table tfoot tr.sticky-search td {
  bottom: 33px;
}

table.sticky-table tfoot tr.sticky-search td input {
  margin-bottom: 0;
}

table.sticky-table tfoot td {
  position: sticky;
  bottom: 0;
  background-color: #e9f1f7;
  box-shadow: inset 0 1px #000;
}

table.sticky-table tfoot td:first-of-type {
  z-index: 3;
}

table.sticky-table tfoot td.sticky-static {
  /**	position: static !important;
				vertical-align: top;
				height: 35px;
				z-index: 4; **/
}

table.sticky-table td:first-of-type,
table.sticky-table td:nth-child(2) {
  z-index: 2;
}

table.sticky-table thead tr:nth-child(2) th {
  top: calc(1em + 20px);
}

table.sticky-table ul.typeahead-header {
  position: relative;
  top: initial;
}

table.sticky-table .typeahead-menu {
  max-height: 220px;
  overflow-x: hidden;
  overflow-y: scroll;
}

table.sticky-table .typeahead-menu ul.typeahead-results {
  max-height: initial;
  overflow-x: initial;
  overflow-y: initial;
}

table.sticky-table .typeahead-menu .sticky-header {
  position: sticky;
  top: 0;
  padding: 0 15px 0 0;
  font-weight: 600;
  background-color: #333 !important;
  color: #fff !important;
}

table.sticky-table .typeahead-menu .sticky-header:hover {
  background-color: #333 !important;
  color: #fff !important;
}

@-moz-document url-prefix()  {
  table.sticky-table th:not(.blank-background) {
    box-shadow: 0 0 0 1px #cecece;
  }

  table.sticky-table tfoot td {
    box-shadow: 0 0 0 1px #999;
  }
}

form .fund-search {
  background: #e9e9e9;
  padding: 10px;
  border: 1px solid #cecece;
}

form .fund-search input {
  max-width: 400px;
  margin: 0;
}

.fund-search .typeahead-menu {
  width: 400px;
}

form .typeahead-menu ul li {
  justify-content: space-between;
}

form .typeahead-menu ul li .cell-inquire-code {
  min-width: 15%;
  text-align: right;
}

form .typeahead-menu .sticky-header {
  background-color: #333 !important;
  color: #fff;
}

.select-table {
  max-width: 550px;
  max-height: 300px;
  overflow-y: auto;
}

.select-table li:first-of-type {
  position: sticky;
  top: 0;
}

.select-table label {
  margin-right: 0;
}

.table-info-list td {
  border: 1px solid #ddd;
}

.table-info-list tr td:nth-child(odd) {
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  text-align: center;
  padding: 0px;
  width: 3%;
}

.table-info-list tr td:nth-child(even) {
  width: 30%;
}

.border-none {
  border: none !important;
}

.padding-top-08 {
  padding-top: 0.8rem !important;
}

th.width-05 {
  width: 5% !important;
}

th.width-07 {
  width: 7% !important;
}

th.width-16 {
  width: 16% !important;
}

th.width-18 {
  width: 18% !important;
}

th.width-120 {
  width: 120px !important;
}

/* ---- */

/* -- Animations -- */

/* -------------------------------------------------- */

.animation-fade-in {
  -webkit-animation: fadein .5s ease-in-out;
  animation: fadein .5s ease-in-out;
}

@-webkit-keyframes fadein {
  from {
    opacity: 0;
    transform: translate(1rem, 0);
  }

  to {
    opacity: 1;
    transform: translate(0, 0);
  }
}

.trans,
#trans {
  transition: 1s all;
}

.easeOut {
  transition: visibility 1s ease-in-out .5s;
}

.easeOut .login-text {
  position: absolute;
  z-index: 2;
}

.login .loader {
  position: absolute;
  visibility: hidden;
}

.easeOut:hover .login-text {
  visibility: hidden;
}

.rotate {
  -moz-transition: all .5s ease;
  -webkit-transition: all .5s ease;
  transition: all .5s ease;
}

.rotate.halfway {
  -moz-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  color: #D5070D;
}

/* ---- */

/* -- Spinner -- */

/* -------------------------------------------------- */

.nw-spinner {
  display: inline-block !important;
  text-align: center;
  font-size: 6px;
  margin: 0 auto;
  /*text-indent: -9999em;*/
  width: 65px;
  height: 65px;
  border-radius: 50%;
  background: #ffffff;
  background: -moz-linear-gradient(left, #005691 10%, rgba(52, 96, 148, 0) 42%);
  background: -webkit-linear-gradient(left, #005691 10%, rgba(52, 96, 148, 0.2) 42%);
  background: -o-linear-gradient(left, #005691 10%, rgba(52, 96, 148, 0.2) 42%);
  background: -ms-linear-gradient(left, #005691 10%, rgba(52, 96, 148, 0.2) 42%);
  background: linear-gradient(to right, #005691 10%, rgba(52, 96, 148, 0.2) 42%);
  position: relative;
  -webkit-animation: spinner-ani 1s infinite linear;
  animation: spinner-ani 1s infinite linear;
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
  content: "";
}

.nw-spinner:before {
  width: 50%;
  height: 50%;
  background: #005691;
  border-radius: 100% 0 0 0;
  position: absolute;
  top: 0;
  left: 0;
  content: '';
}

.nw-spinner:after {
  background: #fff;
  width: 75%;
  height: 75%;
  border-radius: 50%;
  content: '';
  margin: auto;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}

@-webkit-keyframes spinner-ani {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

@keyframes spinner-ani {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

.nw-spinner--light {
  background: #ffffff;
  background: -moz-linear-gradient(left, #ffffff 10%, rgba(255, 255, 255, 0) 42%);
  background: -webkit-linear-gradient(left, #ffffff 10%, rgba(255, 255, 255, 0.2) 42%);
  background: -o-linear-gradient(left, #ffffff 10%, rgba(255, 255, 255, 0.2) 42%);
  background: -ms-linear-gradient(left, #ffffff 10%, rgba(255, 255, 255, 0.2) 42%);
  background: linear-gradient(to right, #ffffff 10%, rgba(255, 255, 255, 0.2) 42%);
}

.nw-spinner--light:after {
  background: #005691;
}

.nw-spinner--light:before {
  background: #fff;
}

.nw-spinner--gray {
  background: #efefef;
  background: -moz-linear-gradient(left, #005691 10%, rgba(52, 96, 148, 0) 42%);
  background: -webkit-linear-gradient(left, #005691 10%, rgba(52, 96, 148, 0.2) 42%);
  background: -o-linear-gradient(left, #005691 10%, rgba(52, 96, 148, 0.2) 42%);
  background: -ms-linear-gradient(left, #005691 10%, rgba(52, 96, 148, 0.2) 42%);
  background: linear-gradient(to right, #005691 10%, rgba(52, 96, 148, 0.2) 42%);
}

.nw-spinner--gray:after {
  background: #efefef;
}

.nw-spinner--gray:before {
  background: #005691;
}

.nw-spinner--table-cell-gray {
  background: #f5f5f5;
  background: -moz-linear-gradient(left, #005691 10%, rgba(52, 96, 148, 0) 42%);
  background: -webkit-linear-gradient(left, #005691 10%, rgba(52, 96, 148, 0.2) 42%);
  background: -o-linear-gradient(left, #005691 10%, rgba(52, 96, 148, 0.2) 42%);
  background: -ms-linear-gradient(left, #005691 10%, rgba(52, 96, 148, 0.2) 42%);
  background: linear-gradient(to right, #005691 10%, rgba(52, 96, 148, 0.2) 42%);
}

.nw-spinner--table-cell-gray:after {
  background: #f5f5f5;
}

.nw-spinner--table-cell-gray:before {
  background: #005691;
}

.nw-spinner--xl {
  width: 80px;
  height: 80px;
}

.nw-spinner--medium {
  width: 50px;
  height: 50px;
}

.nw-spinner--small {
  width: 37px;
  height: 37px;
}

.nw-spinner--xsmall {
  width: 25px;
  height: 25px;
}

.nw-spinner--table-cell,
.nw-spinner--table-cell-gray {
  width: 20px;
  height: 20px;
}

.nw-spinner--table-cell:after,
.nw-spinner--table-cell-gray:after {
  top: -2px;
  left: -2px;
}

/* ---- */

/* -- Icons/Icon Font Styles -- */

/* -------------------------------------------------- */

/* caret for accordions */

.caret {
  display: inline-block;
  width: 0;
  height: 0;
  margin-left: 4px;
  margin-right: 4px;
  vertical-align: middle;
  border-bottom: none;
  border-right: 4px solid transparent;
  border-left: 4px solid transparent;
  border-top: 4px solid;
}

.active .caret {
  border-bottom: 4px solid;
  border-top: none;
}

.icon-enrollments {
  background: url("icon_heart_white@2x.png") 1rem center no-repeat #00857f;
  background-size: 1rem;
  padding-left: 2.5rem;
}

.icon-feature {
  padding-left: 6.2px;
  font-size: 1rem;
  line-height: 1.4;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

[class^="icon-"],
[class*=" icon-"],
[class^="nw-"],
[class*=" nw-"] {
  speak: none;
  font-family: "Momentum Asp";
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  padding-right: 10px;
  vertical-align: middle;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: inline-flex;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

[class^="icon-"]:before,
[class*=" icon-"]:before,
[class^="nw-"]:before,
[class*=" nw-"]:before {
  font-size: 1rem;
}

.icon-cube:before {
  content: "\e900";
  padding-right: 10px;
}

.icon-cubes:before {
  content: "\e901";
}

.icon-calendar:before {
  content: "\e61c";
}

.calendar:hover,
.calendar:focus {
  background-color: #cecece;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  border-left: 0;
}

.icon-security:before {
  content: "\e61d";
}

.icon-enrollments:before {
  content: "\e61e";
}

.icon-home:before {
  content: "\e61a";
}

.icon-buildings:before {
  content: "\e916";
}

.icon-heart:before {
  content: "\e61b";
}

.icon-alert:before {
  content: "\e619";
}

.icon-star:before {
  content: "\e603";
}

.icon-refresh:before {
  content: "\e604";
}

.icon-notification:before {
  content: "\e605";
}

.icon-palm-tree:before {
  content: "\e606";
}

.icon-user:before {
  content: "\e607";
}

.icon-profile:before {
  content: "\e608";
}

.icon-gears:before {
  content: "\e609";
}

.icon-document:before {
  content: "\e60a";
}

.icon-lock:before {
  content: "\e60b";
}

.icon-search:before {
  content: "\e60e";
}

.icon-world:before {
  content: "\e60f";
  font-size: x-large;
}

.icon-percent:before {
  content: "\e915";
}

.icon-percent-lg:before {
  content: "\e917";
}

.icon-dollar:before {
  content: "\e610";
  font-size: 1.2rem;
}

.icon-forms:before {
  content: "\e611";
}

.icon-edit:before {
  content: "\e615";
}

.icon-upload:before {
  content: "\e612";
}

.icon-add:before {
  content: "\e613";
}

.icon-add-o:before {
  content: "\e60c";
}

.icon-delete:before {
  content: "\e614";
}

.icon-delete-o:before {
  content: "\e60d";
}

.icon-check:before {
  content: "\e918";
}

.icon-check-o:before {
  content: "\e919";
}

.icon-checkmark:before {
  content: "\e600";
}

.icon-add-nocircle:before {
  content: "\e601";
}

.icon-delete-nocircle:before {
  content: "\e602";
}

.icon-chevron-down:before {
  content: "\e617";
}

.icon-chevron-up:before {
  content: "\e618";
}

.icon-error:before {
  content: "\e902";
}

.icon-warning:before {
  content: "\e904";
}

.nw-icon-error:before {
  content: "\e902";
}

.nw-icon-warning-o:before {
  content: "\e903";
}

.nw-icon-warning:before {
  content: "\e904";
}

.nw-icon-dude:before {
  content: "\e905";
}

.nw-icon-help:before {
  font-size: 1rem;
  margin: 2px 0 0 2px;
  content: "\e906";
}

.nw-icon-info:before {
  content: "\e908";
  /* was \e907 */
}

.nw-icon-info-new:before {
  content: "\e908";
}

.nw-icon-check:before,
.nw-icon-success:before {
  content: "\e909";
}

.nw-icon-remove:before {
  content: "\e90a";
}

.nw-icon-menu:before {
  content: "\e90b";
}

.nw-icon-add:before {
  content: "\e90c";
}

.nw-icon-star:before {
  content: "\e90d";
}

.nw-icon-close:before {
  content: "\e90e";
}

.nw-icon-settings:before {
  content: "\e90f";
  font-size: x-large;
}

.nw-icon-home:before {
  content: "\e910";
}

.nw-icon-search:before {
  content: "\e911";
}

.nw-icon-print {
  padding-right: 6px;
}

.nw-icon-print:before {
  content: "\e912";
  font-size: 1.5rem;
}

.nw-icon-lock:before {
  content: "\e913";
}

.icon-clock:before {
  content: "\e914";
}

.icon-clock-alignment:before {
  content: "\e914";
  display: flex;
  margin-top: 3px;
  padding-left: 2rem;
}

.icon-percent:before {
  content: "\e915";
  font-size: 1.2rem;
  margin-top: 2px;
}

.icon-question:before {
  content: "\e91c";
}

.icon-question-o:before {
  content: "\e91e";
}

.icon-question-mark:before {
  content: "\e91f";
}

.icon-bar-graph-o:before {
  content: "\e926";
}

.icon-revert:before {
  content: "\e91d";
}

.icon-link:before {
  content: "\e920";
}

.icon-copy:before {
  content: "\e92b";
}

.icon-new:before {
  content: "\e939";
  font-size: 1.15rem;
}

.nw-icon-whistle > img {
  margin-top: -.5rem;
  margin-right: 1rem;
}

.white {
  color: #fff;
}

.primary {
  color: #005691;
}

.success {
  color: #dff0d8;
}

.wait-spinner {
  display: inline-table;
  width: 100%;
  text-align: center;
  padding: 1em;
}

.icon-globe-lines:before {
  content: "\e921";
}

.icon-handshake:before {
  content: "\e922";
  font-size: 1.385rem !important;
}

.icon-chat-bubbles:before {
  content: "\e923";
}

.icon-cycles:before {
  content: "\e924";
}

.icon-a-symbol:before {
  content: "\e92c";
}

.icon-b-symbol:before {
  content: "\e92d";
}

.icon-c-symbol:before {
  content: "\e92e";
}

.icon-d-symbol:before {
  content: "\e92f";
}

.icon-e-symbol:before {
  content: "\e930";
}

.icon-f-symbol:before {
  content: "\e931";
}

.icon-g-symbol:before {
  content: "\e932";
}

.icon-h-symbol:before {
  content: "\e933";
}

.icon-i-symbol:before {
  content: "\e934";
}

.icon-j-symbol:before {
  content: "\e935";
}

.icon-k-symbol:before {
  content: "\e936";
}

.icon-l-symbol:before {
  content: "\e937";
}

.icon-m-symbol:before {
  content: "\e938";
}

.icon-n-symbol:before {
  content: "\e939";
}

.icon-o-symbol:before {
  content: "\e93a";
}

.icon-p-symbol:before {
  content: "\e93b";
}

.icon-q-symbol:before {
  content: "\e93c";
}

.icon-r-symbol:before {
  content: "\e93d";
}

.icon-s-symbol:before {
  content: "\e93e";
}

.icon-t-symbol:before {
  content: "\e93f";
}

.icon-u-symbol:before {
  content: "\e940";
}

.icon-v-symbol:before {
  content: "\e941";
}

.icon-w-symbol:before {
  content: "\e942";
}

.icon-x-symbol:before {
  content: "\e943";
}

.icon-y-symbol:before {
  content: "\e944";
}

.icon-z-symbol:before {
  content: "\e945";
}

.copy-text {
  position: relative;
}

.copy-text i {
  cursor: pointer;
  color: #225791;
}

.copy-text i::before {
  font-size: 1.1rem;
}

.copy-text i:hover {
  color: #0D2A45;
}

.copy-text i::after {
  content: 'Copied';
  display: inline-block;
  position: absolute;
  padding: 2px 3px;
  left: -10px;
  background: #cce5cc;
  border: solid 1px #3c763d;
  border-radius: 2px;
  font-size: 1em;
  font-family: "proxima-nova", arial, helvetica, sans-serif;
  color: black;
  opacity: 0;
}

.copy-text.copy-clicked i::after {
  animation: disappear 1s;
}

@keyframes disappear {
  10% {
    opacity: 1;
  }

  75% {
    top: -1.8em;
    opacity: 1;
  }

  100% {
    top: -2.5em;
    opacity: 0;
  }
}

/* ---- */

/* -- Colors -- */

/* -------------------------------------------------- */

.f-white {
  color: #fff;
}

.f-black {
  color: #000;
}

.f-lightgray {
  color: #efefef;
}

.f-mediumgray {
  color: #cecece;
}

.f-darkgray {
  color: #555;
}

.f-slate {
  color: #5e9cae;
}

.f-shiraz {
  color: #b71234;
}

.f-teal {
  color: #00857f;
}

.f-lightteal {
  color: #00b2a9;
}

.f-navy {
  color: #002b45;
}

.f-blue {
  color: #005691;
}

.f-orange {
  color: #d14428;
}

.f-lime {
  color: #dff0d8;
}

.f-green {
  color: #3c763d;
}

.f-darkyellow {
  color: #8a6d3b;
}

.f-red {
  color: #D5070D;
}

.bg {
  margin-bottom: 0.5rem;
  padding: 0.75rem 0.75rem 0;
}

.bg-white {
  background-color: #fff;
}

.bg-black {
  background-color: #000;
}

.bg-lightgray {
  background-color: #efefef;
}

.bg-mediumgray {
  background-color: #cecece;
}

.bg-darkgray {
  background-color: #555;
}

.bg-slate {
  background-color: #5e9cae;
}

.bg-shiraz {
  background-color: #b71234;
}

.bg-teal {
  background-color: #00857f;
}

.bg-lightteal {
  background-color: #00b2a9;
}

.bg-navy {
  background-color: #002b45;
}

.bg-blue {
  background-color: #005691;
}

.bg-orange {
  background-color: #d14428;
}

.bg-lime {
  background-color: #dff0d8;
}

.bg-green {
  background-color: #3c763d;
}

.bg-darkyellow {
  background: #8a6d3b;
}

.bg-only-white {
  background-color: #fff;
}

.bg-only-black {
  background-color: #000;
}

.bg-only-lightgray {
  background-color: #efefef;
}

.bg-only-mediumgray {
  background-color: #cecece;
}

.bg-only-darkgray {
  background-color: #555;
}

.bg-only-slate {
  background-color: #5e9cae;
}

.bg-only-shiraz {
  background-color: #b71234;
}

.bg-only-teal {
  background-color: #00857f;
}

.bg-only-lightteal {
  background-color: #00b2a9;
}

.bg-only-navy {
  background-color: #002b45;
}

.bg-only-blue {
  background-color: #005691;
}

.bg-only-orange {
  background-color: #d14428;
}

.bg-only-lime {
  background-color: #dff0d8;
}

.bg-only-green {
  background-color: #3c763d;
}

.bg-only-darkyellow {
  background-color: #8a6d3b;
}

/* ---- */

/* -- Typography -- */

/* -------------------------------------------------- */

.edit {
  text-align: right;
  float: right;
  color: #005691;
  position: relative;
  cursor: pointer;
}

.edit:hover {
  color: #004778;
}

.edit:before {
  content: "";
  height: 1.2rem;
  width: 1.2rem;
  background: url("icon-edit.svg") center center no-repeat;
  background-size: cover;
  position: absolute;
  left: -1.6rem;
  margin-top: -0.2rem;
}

.date {
  font-size: .7rem;
  clear: both;
  float: left;
  margin-top: .5rem;
  display: inline-block;
  width: 100%;
}

.bigger {
  font-size: 1.2rem;
  color: #efefef;
}

.larger {
  font-size: large;
}

.text-center {
  text-align: center;
}

.text-right {
  text-align: right;
}

.text-left {
  text-align: left;
}

.text-bold {
  font-weight: 600;
}

.dashboard h4 {
  color: #fff;
  margin: -1rem -1rem 2rem -1rem;
  padding: 1rem;
  border-radius: 3px 3px 0px 0px;
}

.page-title {
  color: #006560;
  font-size: 1.7rem;
  /* updated */
  margin: 0 0 1.5rem 0;
  line-height: inherit;
  font-weight: 400;
}

.page-title span.as-of-header {
  font-size: 1rem;
  color: #333;
}

.content-title {
  display: block;
  color: #002b45;
  font-size: 1.1rem;
  /* updated */
  width: 100%;
  margin: 1rem 0 1.5rem 0;
  text-transform: uppercase;
  padding: 0 0 .5rem 0;
  font-weight: 600;
  line-height: 1;
}

.content-title ~ .separated-section {
  margin-top: 0;
}

.content-title.underlined {
  border-bottom: 1px solid #ebedef;
  padding-bottom: 1.5rem;
}

.content-title--underlined {
  border-bottom: 1px solid #cecece;
  margin-top: 40px;
  margin-bottom: 15px;
  padding-bottom: 10px;
  text-transform: uppercase;
}

.participant-name {
  font-size: 2rem;
  line-height: 1.2;
  font-weight: 100;
  margin: 0 0 1rem 0;
  text-transform: uppercase;
}

.participant-name--label {
  font-size: 1.15rem;
  font-weight: 400;
}

.participant-name--label span {
  position: relative;
  top: 1px;
  right: 3px;
}

.component-details {
  font-size: 2rem;
  line-height: 1.2;
  font-weight: 100;
  margin: 0 0 1rem 0;
  clear: both;
}

.primary__section-title {
  font-size: 1.61538rem;
  line-height: 1.2;
  font-weight: 100;
}

.secondary__section-title {
  display: block;
  color: #002b45;
  font-size: 1.23077rem;
  width: 100%;
  margin: 1rem 0 0;
  text-transform: uppercase;
  padding: 0 0 .5rem 0;
  font-size: 1rem;
  font-weight: 600;
  line-height: 1;
  border-bottom: 1px solid #efefef;
}

.viewall {
  text-align: right;
  float: right;
  padding: .5rem;
  display: inline-block;
  margin-top: 1rem;
  margin-bottom: 1.5rem;
}

.viewall:after {
  content: "";
  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent;
  border-left: 5px solid #d14428;
  position: relative;
  display: inline-block;
  margin-left: .5rem;
  vertical-align: middle;
  margin-bottom: 2px;
  transition: all .2s ease-in;
}

.viewall:hover:after {
  transform: translate(0.3rem, 0);
}

.viewall-nav-back {
  padding: 0.5rem 0 1.5rem 0;
  display: inline-block;
  position: relative;
}

.viewall-nav-back:before {
  content: "";
  border-top: 5px solid transparent;
  border-right: 5px solid #d14428;
  border-bottom: 5px solid transparent;
  position: relative;
  display: inline-block;
  margin-left: 0.5rem;
  vertical-align: middle;
  margin-bottom: 2px;
  padding-right: 5px;
  margin-right: 5px;
  transition: all 0.2s ease-in;
}

.viewall-nav-back:hover:before {
  transform: translate(-0.3rem, 0);
}

a.orange-arrow:after {
  width: 0;
  height: 0;
  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent;
  border-left: 5px solid #DD4814;
  content: '';
  position: relative;
  display: inline-block;
  margin-left: .5rem;
  vertical-align: inherit;
  transition: all .2s ease-in;
}

a.orange-arrow:hover:after {
  transform: translate(0.3rem, 0);
}

h4.bigger {
  font-size: 1.05rem;
  color: teal;
  margin-bottom: 10px;
}

h4.table-header {
  font-size: 1.15rem;
  color: #333;
  margin-bottom: 10px;
}

.title-actions-inline .page-title {
  display: inline-block;
}

.title-actions-inline .page-title ~ * {
  display: inline-block;
  float: right;
}

@media only screen and (max-width: 830px) {
  .title-actions-inline .page-title {
    width: 65%;
  }
}

/* HELP TEXT USUALLY UNDER AN INPUT */

.help-block {
  margin-top: 0;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  flex-direction: row;
  align-items: flex-end;
}

.help-block i {
  display: inline;
}

.help-text {
  color: #666;
  font-size: .925rem;
}

.help-text.italic {
  font-style: italic;
}

.table-title,
.tab-heading {
  font-size: 1.15rem;
}

.table-title {
  margin-bottom: 5px;
  color: #000;
}

.erisa-identifier {
  vertical-align: top;
  position: relative;
  font-size: .8rem;
  display: inline;
  margin-left: 1rem;
  color: #a83d72;
  border: 1px solid #a83d72;
  padding: 4px;
  background-color: white;
  font-weight: bold;
}

.multiemployer-identifier {
  position: relative;
  font-size: .8rem;
  display: inline;
  margin-left: 1rem;
  color: #005691;
  border: 1px solid #005691;
  padding: 4px;
  background-color: #fff;
  font-weight: bold;
  vertical-align: top;
}

.text-uppercase {
  text-transform: uppercase;
}

/* Extras */

.ui-grid-footer-cell {
  border: none !important;
  background-color: #daebf8 !important;
  padding: 2px 6px;
}

.ui-grid-footer-aggregates-row {
  background: #daebf8;
  min-height: 23px !important;
  height: auto !important;
}

.wrapper {
  min-height: 100%;
}

.accesskey-radio {
  height: 0;
  width: 0;
  opacity: 0;
  margin: 0;
}

.accesskey-contributions {
  margin-right: 0;
}

div .ui-grid-pager-row-count-picker select {
  padding: 5px 7px;
}

body .typeahead-menu ul.typeahead-results li:hover {
  background-color: #c1d3d0;
  color: #000;
}

.overflowy {
  overflow-y: auto;
  max-height: 350px;
  cursor: pointer;
}

.sponsor-autocomplete {
  width: 656px;
  cursor: pointer;
}

.left-nav-body-margins {
  margin-left: 25rem;
  margin-top: -6.5rem;
}

select::-ms-expand {
  display: block;
  margin-right: -2.5rem;
}

*::-ms-backdrop {
  background: #fff;
}

.search-results__account-header {
  width: 25%;
}

.margin-left-30 {
  margin-left: 30rem;
}

.margin-bottom-30 {
  margin-bottom: 3rem;
}

.body-headers {
  color: #005691;
  cursor: pointer;
  text-decoration: none;
}

.body-headers.active {
  background-color: #005691;
  color: #fff;
}

.align-items {
  align-items: flex-end;
}

.align-top {
  vertical-align: top !important;
}

.three-column th:first-child {
  width: 5%;
}

.three-column th:nth-child(2) {
  width: 40%;
}

.three-column th:last-child {
  width: 55%;
}

.radio {
  margin-left: 15px;
  margin-top: 1rem;
}

.radio .account {
  margin-left: 35px;
  font-size: 11px;
}

.radio .display-inline {
  display: inline;
}

.margin-top-6 {
  margin-top: .6rem;
}

.margin-top-8 {
  margin-top: .8rem;
}

.margin-top-12 {
  margin-top: 1.2rem !important;
}
.margin-top-1 {
    margin-top: 1rem !important;
}
.margin-top-18 {
  margin-top: 18px !important;
  /* why px? rem cause pixelated margin on a tight area, such as beneficiaries section - kh  */
}

.margin-top-2rem {
  margin-top: 2rem !important;
}

.margin-top-neg3 {
  margin-top: -0.35rem;
}

.margin-bottom-25 {
  margin-bottom: .25rem !important;
}

.margin-bottom-2rem {
  margin-bottom: 2rem !important;
}

.margin-bottom-pt3 {
  margin-bottom: .3rem !important;
}

.margin-bottom-50 {
  margin-bottom: .5rem !important;
}

.margin-bottom-75 {
  margin-bottom: .75rem !important;
}

.margin-bottom-8 {
  margin-bottom: .8rem !important;
}

.margin-bottom-12 {
  margin-bottom: 1.2rem !important;
}

.margin-bottom-18 {
  margin-bottom: 1.8rem !important;
}

.margin-bottom-28 {
  margin-bottom: 2.8rem !important;
}

.margin-left-neg5 {
  margin-left: -0.45rem;
}

.margin-left-neg9 {
  margin-left: -0.95rem;
}

.margin-left-neg3 {
  margin-left: -0.35rem;
}

.margin-left-2 {
  margin-left: 2rem;
}

.margin-left-3 {
  margin-left: 3rem;
}

.margin-left-12 {
  margin-left: 12rem;
}

.margin-right-8 {
  margin-right: .8rem !important;
}

.margin-right-neg1 {
  margin-right: -0.1rem !important;
}

.investment-button {
  margin-top: 0.35rem;
  margin-left: 1rem;
}

.icon-button {
  display: inline-block;
  padding: 4px 4px 4px 4px;
}

.icon-button:hover {
  color: #D5070D;
}

.bg-white {
  background-color: white;
}

.icon-button:hover {
  cursor: pointer;
  opacity: .7;
}

.more-link {
  text-align: center;
  display: inline-block;
  color: #005691;
  cursor: pointer;
}

.more-link:hover {
  color: #002b45;
}

select.has-error {
  border-color: #D5070D;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(213, 7, 13, 0.6);
  outline: 0 none;
  margin-bottom: 5px;
}

.form-group--email {
  width: 100%;
}

.form-group--email label {
  display: block;
  margin-bottom: .3rem;
}

.form-group--email input,
.form-group--email select {
  display: inline-block;
}

.form-group--email select {
  background: #fff;
  background-size: .85rem;
  background-position: right 1rem top .75rem;
}

.form-group--email .button {
  margin-top: 1.2rem;
  min-width: 0;
}

.form-group--email ~ [class^="actions-"] {
  margin-top: -3px;
}

.form-group--email .primaryEmailRadio {
  margin-top: .5rem;
  margin-left: 1rem;
}

.form-group--email .actions--no-line {
  margin-bottom: 2.25rem;
}

.form-group--email .actions--no-line button {
  margin-top: .5rem;
}

.icon-delete:before {
  font-size: 1.5rem;
}

.adisabled,
.adisabled:hover {
  text-decoration: none !important;
  cursor: default;
  pointer-events: none !important;
  border-bottom: 0px !important;
  color: #666666;
}

.disabled,
select[disabled='disabled'],
input[disabled='disabled'],
input[disabled] {
  pointer-events: none !important;
  background-color: #e6e6e6 !important;
  color: #666666;
  opacity: 0.5;
}

.icon-delete.disabled {
  background: none !important;
}

.icon-delete.disabled:before {
  opacity: 0.4;
  filter: alpha(opacity=40);
}

input:read-only {
  border: 1px solid #ccc;
}

select[disabled='disabled']::-ms-value {

  pointer-events: none !important;
  background-color: #e6e6e6 !important;
  color: #666666;
}

select[disabled='disabled']::-ms-value {
  pointer-events: none !important;
  background-color: #e6e6e6 !important;
  color: #666666;
}

.highlightLink {
  color: #fff;
}

hr.light-blue {
  border-bottom: 1px solid #dce8f1;
  border-top: none;
}

.header-print-link {
  font-size: 1rem;
  padding-top: 7px;
  padding-right: 10px;
}

.pt-5 {
  padding-top: .5rem;
}

.dollar-and-percent {
  margin-top: 0.5rem;
  margin-left: 0.5rem;
}

@media only screen and (min-width: 5rem) {
  #right-pane .form-group.margin-left {
    margin-left: 0 !important;
  }
}

#remaining-amount {
  margin: .25rem 0 .5rem 0;
}

#remaining-amount-label {
  font-weight: 400;
}

#remaining-amount-label span {
  font-size: 1.1rem;
  color: #00857f;
  font-weight: 600;
}

div.balance-table {
  border-left: 1rem solid #fff;
  border-right: 1rem solid #fff;
}

.padding-bottom {
  padding-bottom: 1rem !important;
}

.padding-bottom-18 {
  padding-bottom: 1.8rem !important;
}

.padding-bottom-28 {
  padding-bottom: 2.8rem !important;
}

@media only screen and (max-width: 991px) {
  .hide_label {
    display: block;
  }
}

@media only screen and (min-width: 992px) {
  .hide_label {
    display: none;
  }
}

nav .link-lists {
  box-shadow: 3px 3px 8px 0 rgba(0, 0, 0, 0.5);
}

nav .link-lists hr {
  width: 100%;
  margin: 0 20px 20px;
}

nav .link-lists h3 {
  margin-top: 0;
}

nav .link-lists h3 a::after {
  content: ' »';
  font-size: 19px;
  font-weight: 400;
}

nav .link-lists ul {
  padding-left: 20px;
}

nav .link-lists ul li {
  list-style: none;
}

#apiLoader {
  visibility: hidden;
}

.dialog_fader {
  z-index: 999;
  position: fixed;
  display: block;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background-color: #000;
  opacity: .5;
  -webkit-animation: 350ms dialog-fader-show;
  animation: 350ms dialog-fader-show;
}

.dialog {
  z-index: 999;
  position: fixed;
  display: block;
  top: 30%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  opacity: 1;
  min-width: 400px;
  max-width: 600px;
  -webkit-animation: 350ms dialog-show;
  animation: 350ms dialog-show;
}

@-webkit-keyframes dialog-fader-show {
  0% {
    display: none;
    opacity: 0;
  }

  1% {
    display: block;
    opacity: 0;
  }

  100% {
    display: block;
    opacity: .5;
  }
}

@keyframes dialog-fader-show {
  0% {
    display: none;
    opacity: 0;
  }

  1% {
    display: block;
    opacity: 0;
  }

  100% {
    display: block;
    opacity: .5;
  }
}

@-webkit-keyframes dialog-show {
  0% {
    display: none;
    opacity: 0;
    top: 25%;
  }

  1% {
    display: block;
    opacity: 0;
    top: 25%;
  }

  100% {
    display: block;
    opacity: 1;
    top: 30%;
  }
}

@keyframes dialog-show {
  0% {
    display: none;
    opacity: 0;
    top: 25%;
  }

  1% {
    display: block;
    opacity: 0;
    top: 25%;
  }

  100% {
    display: block;
    opacity: 1;
    top: 30%;
  }
}

.dropdown-menu {
  z-index: 999999;
  position: absolute;
  background-color: white;
}

.dropdown-menu.show {
  display: block !important;
}

.ngb-dp-day,
.ngb-dp-week-number,
.ngb-dp-weekday {
  width: 2.5rem !important;
  height: 2.4rem !important;
  margin: 0.2rem;
}

ngb-datepicker-navigation-select > .custom-select {
  font-size: 1rem !important;
  margin: 0.4rem;
}

[ngbDatepickerDayView] {
  width: 2.5rem !important;
  height: 2.4rem !important;
  border-radius: 0 !important;
  padding: 0.15rem 0;
}

[ngbDatepickerDayView][ng-reflect-selected='true'] {
  border: 1px solid #005691;
  background: #e5f0f7;
  line-height: 1.9rem !important;
}

.btn-light {
  color: #000;
}

.btn-light:hover {
  background-color: #e6e6e6;
  border: 1px solid #9c9c9c;
  line-height: 1.9rem !important;
}

.ngb-dp-day.disabled,
.ngb-dp-day.hidden {
  opacity: 0.7;
}

.progress {
  overflow: hidden;
  height: 18px;
  margin-bottom: 30px;
  background-color: #fafafa;
  border-radius: 4px;
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.2);
}

.progress-bar {
  float: left;
  height: 100%;
  font-size: 1rem;
  line-height: 125%;
  color: #fff;
  padding: 5px;
  text-align: center;
  background-color: #00857f;
  box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.2);
  -webkit-transition: width 0.6s ease;
  -o-transition: width 0.6s ease;
  transition: width 0.6s ease;
}

.progress-bar:before {
  content: '\27A7';
  font-size: 43px;
  float: right;
  margin: -1px -13px;
  color: #00857f;
}

@-moz-document url-prefix()  {
  .progress-bar:before {
    margin: -2px -17px;
  }
}

.progress-bar-header {
  text-transform: uppercase;
  font-size: 12px;
  margin-bottom: 5px;
}

.progress-census {
  height: 10px;
  border-radius: 0px;
  margin-bottom: 15px;
  box-shadow: none;
  border: 1px solid #909090;
  width: 90%;
}

.progress-census .progress-bar:before {
  color: #fff;
}

.progress-final-salary {
  height: 10px;
  border-radius: 0px;
  margin-bottom: 15px;
  box-shadow: none;
  border: 1px solid #909090;
  width: 100%;
}

.progress-bar-census {
  float: left;
  padding: 0px;
  text-align: center;
  line-height: normal;
  background-color: #005691;
}

.progress-bar-width-0 {
  width: 0%;
}

.progress-bar-width-50 {
  width: 50%;
}

.progress-bar-width-100 {
  width: 100%;
}

/*IE11 progress bar hack*/

@media all and (-ms-high-contrast: none) {
  *::-ms-backdrop,
  .progress-bar::before {
    margin: -3px -28px;
    font-size: 37px;
  }
}

/* Forms */

/* ---- */

/* -- Buttons -- */

/* -------------------------------------------------- */

.button {
  background-color: #005691;
  border-radius: 2rem;
  padding: 0 1.5rem;
  font-weight: 600;
  line-height: .5rem;
  color: #fff;
  cursor: pointer;
  margin-bottom: 25px;
  zoom: 1;
  display: inline-block;
  margin-bottom: 0;
  text-align: center;
  vertical-align: middle;
  touch-action: manipulation;
  cursor: pointer;
  background-image: none;
  border: 1px solid transparent;
  white-space: nowrap;
  /* button with the disabled attribute will be disabled */
}

.buttonprimary {
  background-color: #005691;
}

.buttonsecondary {
  background-color: #cecece;
}

.buttonsuccess {
  background-color: #dff0d8;
}

.buttonerror {
  background-color: #b71234;
}

.buttonwarning {
  background-color: #d14428;
}

.buttoninfo {
  background-color: #00b2a9;
}

@media (min-width: 760px) and (max-width: 1023px) {
  .button {
    -webkit-appearance: none;
  }
}

.button:hover,
.button:focus {
  background-color: #004778;
}

.button:active {
  background-color: #004778;
}

.button[disabled],
.button[disabled]:active,
.button[disabled]:focus {
  zoom: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$opacityWhole)";
  filter: alpha(opacity=25);
  -moz-opacity: 0.25;
  -khtml-opacity: 0.25;
  opacity: 0.25;
  cursor: default;
  background: transparent;
  border: 1px solid #333;
  -webkit-box-shadow: 0 0 0 0 black;
  -moz-box-shadow: 0 0 0 0 black;
  box-shadow: 0 0 0 0 black;
  color: #333;
}

.button[disabled]:hover {
  background-color: #e3e3e3;
  cursor: not-allowed;
}

.button > i {
  float: left;
}

/* Blue Button */

.button-primary {
  background: #005691;
  color: #fff;
  border-radius: 2rem;
}

.button-primary:hover,
.button-primary:active,
.button-primary:focus {
  background: #002b45;
}

/* Gray Button */

.button-secondary {
  background: #cecece !important;
  color: #002b45 !important;
  border-radius: 2rem;
}

.button-secondary:hover,
.button-secondary:active,
.button-secondary:focus {
  background: #b5b5b5 !important;
}

/* White inline Button */

.button-tertiary {
  background: #fff !important;
  color: #002b45 !important;
  border-radius: 2rem;
  border: 1px solid #002b45;
}

.button-tertiary:hover,
.button-tertiary:active,
.button-tertiary:focus {
  background: #efefef !important;
}

.button-inline {
  color: #005691;
  background: none;
  border: 1px solid #005691;
  display: inline;
  font-weight: 600;
}

.button-inline:hover,
.button-inline:active,
.button-inline:focus {
  background: #efefef;
}

/* Close Button */

.button-close {
  position: absolute;
  right: 2rem;
  top: 2.2rem;
  background: url("icon-close.svg") no-repeat center left;
  background-size: 1.2rem;
  padding: .3rem 0rem .3rem 1.4rem;
}

/* Modal Close Button */

.modal .close {
  float: right;
  font-size: 21px;
  font-weight: 700;
  line-height: 1;
  color: #000;
  text-shadow: 0 1px 0 #fff;
  filter: alpha(opacity=20);
  opacity: .2;
}

/* Success Button */

.button-success {
  background: #dff0d8 !important;
  color: #fff !important;
  font-weight: 600;
  border-radius: 2rem;
}

.button-success:hover,
.button-success:active,
.button-success:focus {
  background: #c1e2b3 !important;
}

/* Circle Buttons */

.circle-container {
  box-shadow: 1px 1px 0px 0px #999999;
  min-height: 2rem;
  height: 2rem;
  max-width: 2rem;
  position: absolute;
  display: block;
  border-radius: 2rem;
  right: -1rem;
  cursor: pointer;
  overflow: hidden;
  -webkit-transition: all .3s ease-in-out;
  top: 1.5rem;
  /* styles for icon that is always visible */
  /* styles for title when button is expanded */
}

.circle-container .circle-icon {
  width: 2rem;
  height: 2rem;
  position: relative;
  float: right;
}

.circle-container .circle-title {
  position: relative;
  float: left;
  margin-left: 1.5rem;
  margin-top: .5rem;
  margin-right: .5rem;
  vertical-align: middle;
  font-weight: 500;
  opacity: 0;
  display: none;
}

.circle-container:hover {
  max-width: 20rem;
}

.circle-container:hover .circle-title {
  display: block;
  position: relative;
  opacity: 1;
}

/* Circle Button Delete */

.circle-delete {
  background: #D5070D;
}

.circle-delete .circle-title {
  color: #fff;
}

.circle-delete .circle-icon {
  background: url("icon-close-minimal.svg") center center no-repeat;
  background-size: .9rem;
}

.circle-delete:hover {
  background: #bc060b;
}

/* Circle Button Edit */

.circle-edit {
  background: #cecece;
}

.circle-edit .circle-title {
  color: #005691;
}

.circle-edit .circle-icon {
  background: url("icon-edit.svg") center center no-repeat;
  background-size: 1rem;
  color: #fff;
}

.circle-edit:hover {
  background: #c6c6c6;
}

.circle-edit {
  background: #cecece;
}

.circle-edit .circle-title {
  color: #005691;
}

.circle-edit .icon-edit {
  display: inline;
  float: right;
  padding: 0;
  position: relative;
  width: 28px;
  height: 28px;
}

.circle-edit .icon-edit:before {
  color: #005691;
  float: right;
  width: 23px;
  height: 28px;
  position: relative;
  padding-top: 5px;
  padding-right: 0;
  display: inline-block;
}

.circle-edit:hover {
  background: #c6c6c6;
}

/* Circle Button Add */

.circle-add {
  background: #dff0d8;
}

.circle-add .circle-title {
  color: #002b45;
}

.circle-add .circle-icon {
  background: url("icon-plus-minimal.svg") center center no-repeat;
  background-size: .9rem;
}

.circle-add:hover {
  background: #d6eccd;
}

/* Circle Button Save */

.circle-save {
  background: #dff0d8;
}

.circle-save .circle-title {
  color: #002b45;
}

.circle-save .circle-icon {
  background: url("icon-save-minimal.svg") center center no-repeat;
  background-size: .9rem;
}

.circle-save:hover {
  background: #d6eccd;
}

/*  Circle Button Inline - No Pill state */

.circle-button {
  height: 1.5rem;
  min-height: 1.5rem;
  max-width: 1.5rem;
  width: 1.5rem;
  border-radius: 1.5rem;
  display: inline-block;
  background: #fff;
  border: 1px solid #002b45;
  white-space: nowrap;
  position: relative;
  vertical-align: middle;
  line-height: 1.5;
  padding: 0px;
  margin-bottom: 6px;
}

.circle-button .icon-delete-nocircle {
  text-align: center;
  display: inline-block;
  font-size: 125%;
  color: #002b45;
  margin: 0;
  margin-left: -2px;
  margin-top: -3px;
  padding: 0;
  width: 100%;
  height: 100%;
}

.circle-button .icon-delete-nocircle:before {
  font-size: 125%;
  font-weight: 600;
}

.circle-button .icon-edit {
  padding: 0;
}

.circle-button .icon-edit:before {
  font-size: 110%;
}

.circle-button:hover {
  background-color: #efefef;
}

.circle-button:hover .icon-delete-nocircle {
  color: #002b45;
}

/* buttons attached to form input fields */

.input-group-button .button {
  display: inline-block;
  margin-bottom: 0;
  text-align: center;
  vertical-align: middle;
  touch-action: manipulation;
  cursor: pointer;
  background-image: none;
  border: 1px solid transparent;
  white-space: nowrap;
  user-select: none;
  -moz-user-select: none;
  -webkit-user-select: none;
}

.input-group-button .button:hover,
.input-group-button .button:focus,
.input-group-button .button.focus {
  color: #002b45;
  text-decoration: none;
}

.input-group-button .button:active,
.input-group-button .button.active {
  outline: 0;
  background-image: none;
  box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}

.input-group-button .button.disabled,
.input-group-button .button[disabled],
fieldset[disabled] .input-group-button .button {
  cursor: auto;
  pointer-events: none;
  opacity: .65;
  box-shadow: none;
}

.button-large {
  padding: 1rem 1.75rem;
}

.button {
  padding: .8rem 1.5rem;
  min-width: 80px;
}

.help-button {
  display: inline-block;
  height: 22px;
  width: 22px;
  line-height: 22px;
  text-align: center;
  padding: 0;
  background-color: #00857f;
  color: #FFF;
  font-size: 12px;
  font-weight: 700;
  cursor: default;
  margin-left: 4px;
  border-radius: 100%;
  border-color: #FFF;
  border: 2px solid #FFF;
  -webkit-box-shadow: 0 1px 0 1px rgba(0, 0, 0, 0.2);
  box-shadow: 0 1px 0 1px rgba(0, 0, 0, 0.2);
}

a[disabled="disabled"] i.icon-delete:before {
  display: none;
  padding: 0 !important;
}

/* ---- */

/* -- Inputs -- */

/* -------------------------------------------------- */

.input {
  width: 10px;
}

.input--subtext {
  position: relative;
  display: inline-block;
}

.input--subtext .help-text {
  text-align: right;
  display: block;
}

.input--subtext textarea {
  padding: 6px 12px;
  line-height: 125%;
}

textarea {
  padding: 6px 12px;
  font-size: 1rem;
  color: #333;
  border-radius: 4px;
  border: 1px solid #cecece;
}

.form-input {
  display: block;
  height: 2rem;
  padding: 6px 12px;
  font-size: 13px;
  line-height: 1;
  background-color: #fff;
  background-image: none;
  border: 1px solid #cecece;
  border-radius: 4px;
  /*&:focus{

	}*/
}

.form-input.error {
  border-color: #D5070D;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(253, 160, 26, 0.6);
  outline: 0 none;
  color: #333;
}

.form-input::-moz-placeholder {
  color: #999;
  opacity: 1;
}

.form-input--xxsmall {
  width: 100%;
  max-width: 50px;
  min-width: 50px;
}

.form-input--xsmall {
  width: 100%;
  max-width: 95px;
  min-width: 60px;
}

.form-input--tweener {
  width: 100%;
  max-width: 125px;
  min-width: 110px;
}

.form-input--small {
  width: 100%;
  max-width: 140px;
  min-width: 125px;
}

.form-input--medium {
  width: 100%;
  max-width: 200px;
  min-width: 160px;
}

.form-input--large {
  width: 100%;
  max-width: 280px;
  min-width: 220px;
}

.form-input--xlarge {
  width: 100%;
  max-width: 350px;
  min-width: 300px;
}

.form-input--xxl {
  width: 100%;
  max-width: 450px;
  min-width: 400px;
}

.form-input--full {
  width: 100%;
}

.form-input--tax-id,
.form-input--90,
.form-input--date,
.form-input--datepicker {
  width: 100%;
  max-width: 90px;
  min-width: 90px;
}

.form-input--zip {
  width: 100%;
  max-width: 60px;
  min-width: 60px;
  margin: 0 0.5rem .5rem 0;
}

.form-input--zip-plus {
  width: 100%;
  max-width: 50px;
  min-width: 50px;
}

.form-input--phone {
  width: 100%;
  max-width: 180px;
  min-width: 180px;
}

.form-input--dollars__hundreds {
  width: 100%;
  max-width: 70px;
  min-width: 60px;
  text-align: right;
}

.form-input--dollars__thousands {
  width: 100%;
  max-width: 80px;
  min-width: 70px;
  text-align: right;
}

.form-input--dollars__ten-thousands {
  width: 100%;
  max-width: 90px;
  min-width: 80px;
  text-align: right;
}

.form-input--dollars__hundred-thousands {
  width: 100%;
  max-width: 100px;
  min-width: 90px;
  text-align: right;
}

.form-input--dollars__millions {
  width: 100%;
  max-width: 110px;
  min-width: 100px;
  text-align: right;
}

.form-input--dollars__ten-millions {
  width: 100%;
  max-width: 120px;
  min-width: 110px;
  text-align: right;
}

.form-input--dollars__hundred-millions {
  width: 100%;
  max-width: 130px;
  min-width: 120px;
  text-align: right;
}

.form-input--percent {
  width: 100%;
  max-width: 80px;
  min-width: 60px;
  text-align: right;
}

.form-input--textarea {
  margin-bottom: 5px;
  height: 100px;
  max-width: 100%;
  min-width: 100%;
}

.ui-autocomplete {
  background: #fff;
  width: 25rem;
  position: absolute !important;
  z-index: 999;
  border: 1px solid #cecece;
}

.ui-autocomplete .ui-menu-item {
  width: 100%;
  border-bottom: 1px solid #cecece;
  padding: .8rem .5rem;
  cursor: pointer;
}

.ui-autocomplete .ui-menu-item:hover {
  background: #efefef;
}

.ui-helper-hidden-accessible {
  display: none;
}

.form__advanced a:focus {
  outline: none;
}

.form__advanced--section {
  margin-top: 40px;
}

.form__advanced--section > .content-title {
  margin-top: 40px;
  margin-bottom: 15px;
}

.form__label-group {
  margin-bottom: 25px;
}

.form__label-group label {
  display: block;
  margin-bottom: .3rem;
}

.form__label-group span {
  font-weight: 600;
}

.form__label-group .has-error {
  font-weight: normal;
}

.form-group {
  margin-bottom: 0.75em;
  width: 100%;
}

.form-group label {
  display: block;
  margin-bottom: .3rem;
}

.form-group label input,
.form-group label select {
  margin-top: .3rem;
}

.form-group .dash {
  margin: 7px 5px 10px 0;
}

.form-group input,
.form-group select,
.form-group .inline-block {
  display: inline-block;
}

.form-group select {
  background: #fff;
  background-size: .85rem;
  background-position: right 1rem top .75rem;
}

.form-group .button {
  margin-top: 1.2rem;
  min-width: 0;
}

.form-group ~ [class^="actions-"] {
  margin-top: -3px;
}

.form-group .primaryEmailRadio {
  margin-top: .5rem;
  margin-left: 1rem;
}

.form-group--advanced {
  width: 100%;
  margin-bottom: .75rem;
}

.form-group--advanced .advanced-tooltip {
  display: block;
  margin-bottom: 0.3rem;
}

.form-group--advanced .advanced_input-group {
  flex: 1;
  align-items: center;
  flex-wrap: wrap;
  margin-bottom: 18px;
}

.form-group--advanced .advanced_input-group + span.has-error {
  color: #D5070D;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  margin-top: -12px;
  margin-bottom: 18px;
}

.form-group--advanced .advanced_input-group + span.has-warning {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  margin-top: -12px;
  margin-bottom: 18px;
}

.form-group--advanced input[type="text"] {
  margin: 0;
}

.form-group--advanced .dash {
  margin: 0 5px;
}

.input-group {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.input-group.input-group--inline-flex {
  display: inline-flex;
}

.input-group .input-group--trailer.calendar {
  padding: 0 5px;
}

.input-group .form-input {
  margin: 0;
  padding: .25rem .5rem;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  line-height: normal;
}

.input-group .form-input:first-child {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.input-group .form-input:first-child.date-rounded-right {
  border-radius: 3px;
}

.input-group .form-input:last-child {
  border-radius: 0 3px 3px 0;
}

.input-group .form-input.datepicker {
  max-width: 200px;
}

.input-group .form-input ~ span.input-group--trailer {
  border-radius: 0 3px 3px 0;
}

.input-group .form-input--medium {
  margin: 0;
  padding: .25rem .5rem;
}

.input-group .form-input--medium:first-child {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.input-group .form-input--medium:last-child {
  border-radius: 0 3px 3px 0;
}

.input-group--trailer {
  padding: .25rem .5rem;
  font-size: 1rem;
  font-weight: 600;
  line-height: 1;
  color: #555;
  text-align: center;
  background-color: #efefef;
  border: 1px solid #cecece;
  border-radius: 4px;
  border-left: 0;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.input-group--trailer [class^="icon-"],
.input-group--trailer [class=" icon-"] {
  padding-right: 0;
}

.input-group--trailer:last-child {
  border-left: 0;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.input-group--prepend {
  padding: .25rem .5rem;
  padding-top: 5px;
  font-size: 1rem;
  font-weight: 600;
  line-height: 1;
  color: #555;
  text-align: center;
  background-color: #efefef;
  border: 1px solid #cecece;
  border-radius: 4px;
}

.input-group--prepend [class^="icon-"],
.input-group--prepend [class=" icon-"] {
  padding-right: 0;
}

.input-group--prepend:first-child {
  border-right: 0;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.input-group--prepend ~ input {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

/* Edit Inputs */

.input-edit {
  margin-bottom: .5rem;
}

.form-horizontal {
  clear: both;
}

.form-horizontal .form-group {
  display: inline-block;
  margin-bottom: 0;
  vertical-align: middle;
  width: auto;
  /* for cases when the label in inline with the input instead of block level */
}

.form-horizontal .form-group.inline label,
.form-horizontal .form-group.inline select,
.form-horizontal .form-group.inline input[type="text"],
.form-horizontal .form-group.inline input[type="email"],
.form-horizontal .form-group.inline input[type="phone"] {
  display: inline;
}

.form-horizontal .checkbox {
  display: block;
  margin-top: 10px;
  position: relative;
  margin-bottom: 12px;
}

/* Checkboxes */

.checkbox {
  display: block;
  position: relative;
}

.checkbox label {
  margin-bottom: .3rem;
}

.checkbox-outer-container {
  width: 100%;
  display: block;
  margin-bottom: .25rem;
}

.checkbox-outer-container .columnA {
  float: left;
  width: 30px;
  display: inline-block;
}

.checkbox-outer-container .columnB {
  margin-left: 30px;
  line-height: 1.25;
}

/* Radios */

.radio {
  display: block;
  margin-bottom: 0;
  margin-top: .25rem;
  position: relative;
}

.radio-inline,
.radio .checkbox-inline {
  display: inline-block;
  padding-left: 20px;
  margin-bottom: 0;
  font-weight: 400;
  vertical-align: middle;
}

.radio-inline label,
.radio .checkbox-inline label {
  cursor: pointer;
}

.radio-inline label:first-child,
.radio .checkbox-inline label:first-child {
  margin-left: 1rem;
}

.radio-inline input[type="radio"],
.radio .checkbox-inline input[type="radio"] {
  margin-right: 10px;
  margin-left: -20px;
  cursor: pointer;
}

.radio-inline:last-child:after,
.radio .checkbox-inline:last-child:after {
  margin-bottom: 1rem;
}

.radio input[type="radio"] {
  margin-left: -20px;
  margin-right: 15px;
}

.radio input[type="radio"]#noExpiration,
.radio input[type="radio"]#date-range {
  margin: 0 6px 0 0;
}

.radio label {
  display: block;
}

.checkbox > label,
.radio > label {
  min-height: 20px;
  padding-left: 20px;
  margin-bottom: 0;
  font-weight: 400;
  cursor: pointer;
}

.checkbox + .checkbox,
.radio + .radio {
  margin-top: -5px;
}

.checkbox > label:nth-child(even) {
  background-color: #e9e9e9;
}

.well > .radio {
  margin-left: 0;
}

.well > .radio label {
  padding-left: 10px;
}

.radio {
  margin-left: 15px;
  margin-top: 1rem;
  padding-bottom: 10px;
}

/* inline form-groups with button */

.form-actions--inline {
  display: inline-flex;
  justify-content: flex-start;
  width: 100%;
}

.form-actions--inline .form-group {
  display: inline-block;
  align-self: flex-start;
  margin-right: 10px;
  width: 20%;
}

.form-actions--inline input {
  width: 100%;
}

.form-actions--inline .form-group--select {
  display: inline-block;
  width: 6%;
  margin-right: 10px;
}

.form-actions--inline .form-group--select label {
  margin-bottom: 3px;
  display: block;
  border-radius: 3px;
}

.form-actions--inline select {
  width: 100%;
}

.form-actions--inline .button {
  display: inline-flex;
  padding: 5px 20px;
  font-size: .75rem;
  align-self: flex-end;
}

.form-actions--inline ~ .investment-section {
  margin-top: -35px;
}

.form-actions--inline ~ investments-display-table {
  margin-top: -30px;
  display: block;
}

.filter__select {
  margin-left: 20px;
}

/* Checkboxes */

.flex-settings-checkbox {
  width: 40%;
  display: block;
  margin-top: 1rem !important;
  margin-bottom: 18px !important;
}

.flex-settings-spacing {
  display: block;
  margin-top: 2rem;
  margin-bottom: 2rem;
}

/* Radios */

.flex-settings-radio {
  display: inline;
}

/* Inputs */

.flex-settings-datepicker-input {
  width: 31.8%;
}

.flex-settings-datepicker-input ul {
  list-style-type: none;
  padding-left: 0px;
}

.as-of-date-buttons {
  display: block;
}

/*TRust ARRANGEMENT*/

#edit-plan-trust-arrangement-select {
  width: 100%;
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

input[type=number] {
  -moz-appearance: textfield;
}

.nfrp-counter-arrow {
  -webkit-appearance: textfield !important;
  -moz-appearance: none !important;
}

.nfrp-counter-arrow::-webkit-inner-spin-button,
.nfrp-counter-arrow::-webkit-outer-spin-button {
  -webkit-appearance: textfield !important;
  opacity: 1;
}

/* ---- */

/* -- Collapsible Table -- */

/* -------------------------------------------------- */

.collapsible-table tr:nth-child(odd) {
  background-color: white;
  border-bottom: 1px solid #cecece;
}

.collapsible-table tr:nth-child(even) {
  margin: 0;
}

.collapsible-table .collapsible-content {
  background-color: #e9e9e9;
  display: none;
}

.collapsible-table .icon-add-o {
  display: inline-block;
  padding: 0;
}

.collapsible-table input[type="checkbox"] {
  clip: rect(0 0 0 0);
  height: 1px;
  opacity: 0;
  position: fixed;
  width: 1px;
  z-index: -1;
}

/* ---- */

/* -- Dual Listbox -- */

/* -------------------------------------------------- */

.feature-group:before {
  content: "\e901";
  padding-right: 10px;
}

.margin-left-27 {
  margin-left: 27px;
}

.listbox__group {
  margin-bottom: 20px;
  padding-left: 0;
  overflow-y: auto;
  height: 418px;
  position: relative;
  overflow-x: hidden;
}

.listbox__group .empty {
  border: 1px dashed #cecece;
  position: absolute;
  height: 417px;
  width: 99.5%;
  top: 0;
  left: 1px;
  background-color: #fdfdfd;
}

.listbox__group .empty:nth-child(2) {
  border-top-style: solid;
}

.listbox__group--item {
  position: relative;
  display: block;
  padding: 10px 15px;
  margin-bottom: -1px;
  margin-right: 0;
  background-color: #fff;
  border: 1px solid #cecece;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  justify-content: space-between;
  flex-direction: row;
}

.listbox__group--item:first-child {
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
}

.listbox__group--item:last-child {
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px;
}

.listbox__group--item:hover,
.listbox__group--item:focus {
  text-decoration: none;
  color: #002b45;
  background-color: #efefef;
}

.listbox__group--item input {
  align-self: center;
}

.listbox__group--item.listbox__group--item-heading {
  margin-top: 0;
  background-color: #e9e9e9;
  font-size: 1.2rem;
  font-weight: 600;
  z-index: 2;
  border: 1px solid #cecece;
}

.listbox__group--item.listbox__group--item-heading:hover {
  color: #fff;
  background-color: #005691;
}

.listbox__group--item.listbox__group--item-heading h4 {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin: 0;
}

.listbox__group--item.listbox__group--item-heading h4 .role-name {
  flex: 1;
  font-size: 1.23rem;
}

.listbox__group--item.active {
  background-color: #005691;
  color: #fff;
}

.listbox__group--item-text {
  margin-bottom: 0;
  line-height: 1.3;
  cursor: pointer;
  text-decoration: none;
}

.listbox__button-group {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: space-around;
  -ms-justify-content: space-around;
  justify-content: space-around;
  -webkit-flex-direction: row-reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
  -webkit-align-self: center;
  -ms-align-self: center;
  align-self: center;
}

.listbox__button-group button {
  align-self: center;
  background-color: #cecece;
  padding: 0;
  margin: 0 5px;
  border-radius: 3rem;
  height: 3rem;
  width: 3rem;
}

.listbox__button-group button:hover,
.listbox__button-group button:focus {
  background-color: #002b45;
  color: #fff;
}

.listbox__button-group .icon-chevron-up,
.listbox__button-group .icon-chevron-down {
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
  padding: 0;
}

.listbox__button-group .icon-chevron-up:before,
.listbox__button-group .icon-chevron-down:before {
  font-size: 2.5rem;
}

.listbox .row {
  -webkit-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
}

.listbox .v-center {
  -webkit-align-self: center;
  -ms-align-self: center;
  align-self: center;
}

.column {
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  width: 93%;
}

.listbox__group--item-heading {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.listbox__group--item-heading .role-name {
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  font-size: 1.2rem;
}

.listbox__group--item-heading.role-name {
  font-size: 1.12rem;
  margin: 0;
}

/* ---- */

/* -- Messages/Alerts -- */

/* -------------------------------------------------- */

.error {
  color: #D5070D;
}
.system-message-container {
  width: 100%;
  border: 2px solid;
  margin-bottom: 1rem;
  padding: 1rem;
  position: relative;
  background-color: transparent;
  color: #333;
  border-radius: 4px;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.message-container {
  width: 100%;
  border: 2px solid;
  font-weight: 600;
  margin-bottom: 1rem;
  padding: 1rem;
  position: relative;
  background-color: transparent;
  color: #333;
  border-radius: 4px;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.message-container--error {
  border-color: #D5070D;
}

.message-container--info {
  border-color: #005691;
}

.message-container--success {
  border-color: #3c763d;
}

.message-container--warning {
  border-color: #8a6d3b;
}

.message-container .message {
  margin-bottom: 0px;
  display: -ms-inline-grid;
  display: inline-grid;
}

.message-container .icon-error:before,
.message-container .nw-icon-error:before {
  color: #D5070D;
}

.message-container .icon-warning:before,
.message-container .nw-icon-warning:before {
  color: #8a6d3b;
}

.message-container .icon-info:before,
.message-container .nw-icon-info:before,
.message-container .nw-icon-info-new:before,
.message-container .icon-alert:before {
  color: #005691;
}

.message-container .nw-icon-check:before,
.message-container .nw-icon-success:before,
.message-container .icon-checkmark:before {
  color: #3c763d;
}

.message-container .icon-warning:before,
.message-container .nw-icon-warning:before {
  color: #8a6d3b;
}

.message {
  line-height: 1.4;
}

.alert-container {
  border: 2px solid;
  margin-bottom: 1rem;
  padding: 1rem;
  position: relative;
  background-color: transparent;
  font-weight: 600;
  color: #333;
  border-radius: 4px;
  /* larger icons inside alert */
  /* alert without border or background */
}

.alert-container--error {
  border-color: #D5070D;
  background-color: #fefefe;
  color: #D5070D;
}

.alert-container--info {
  border-color: #005691;
  background-color: #fefefe;
  color: #333;
}

.alert-container--success {
  border-color: #3c763d;
  background-color: #fefefe;
  color: #333;
}

.alert-container--warning {
  border-color: #8a6d3b;
  background-color: #fefefe;
  color: #333;
}

.alert-container .alert {
  margin-bottom: 0;
  align-items: center;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding: 0;
}

.alert-container .alert > i {
  display: inline-block;
}

.alert-container .message {
  display: -ms-inline-grid;
  display: inline-grid;
  max-width: calc(100% - 50px);
}

.alert-container .icon-error,
.alert-container .nw-icon-error {
  font-size: 200%;
}

.alert-container .icon-error:before,
.alert-container .nw-icon-error:before {
  color: #D5070D;
  font-size: 120%;
}

.alert-container .icon-warning,
.alert-container .nw-icon-warning {
  font-size: 200%;
}

.alert-container .icon-warning:before,
.alert-container .nw-icon-warning:before {
  color: #8a6d3b;
  font-size: 120%;
}

.alert-container .nw-icon-check,
.alert-container .nw-icon-success {
  font-size: 200%;
}

.alert-container .nw-icon-check:before,
.alert-container .nw-icon-success:before {
  color: #3c763d;
  font-size: 120%;
}

.alert-container .nw-icon-info-new,
.alert-container .nw-icon-info,
.alert-container .icon-alert {
  font-size: 200%;
}

.alert-container .nw-icon-info-new:before,
.alert-container .nw-icon-info:before,
.alert-container .icon-alert:before {
  color: #005691;
  font-size: 120%;
}

.alert-container .icon-info:before {
  color: #005691;
}

.alert-container .nw-icon-check:before,
.alert-container .nw-icon-success:before,
.alert-container .icon-checkmark:before {
  color: #3c763d;
}

.alert-container .icon-warning:before,
.alert-container .nw-icon-warning:before {
  color: #8a6d3b;
}

.alert-container.no-background {
  border: none;
}

.alert-container.no-background .nw-icon-info-new {
  font-size: 100%;
}

.alert-container.no-background .nw-icon-info-new:before {
  color: #005691;
  font-size: 1.25rem;
}

.alert-container.no-background .icon-error {
  font-size: 100%;
}

.alert-container.no-background .icon-error:before {
  color: #D5070D;
  font-size: 1.25rem;
}

.alert-container.no-background .icon-warning {
  font-size: 100%;
}

.alert-container.no-background .icon-warning:before {
  color: #8a6d3b;
  font-size: 1.25rem;
}

.alert-container.no-background .nw-icon-check {
  font-size: 100%;
}

.alert-container.no-background .nw-icon-check:before {
  color: #3c763d;
  font-size: 1.25rem;
}

.alert-container.no-background .nw-icon-warning {
  font-size: 100%;
}

.alert-container.no-background .nw-icon-warning:before {
  color: #8a6d3b;
  font-size: 1.25rem;
}

.alert-container.column__alert--inline {
  display: inline-block;
  padding: 0;
  margin-bottom: 0;
}

.alert-container.column__alert--inline .alert {
  padding: 0;
}

td > .alert-container {
  margin-bottom: 0;
}

.required-text {
  margin-bottom: 7px;
}

.required-text.gray {
  color: #555;
  font-size: .95rem;
}

/* ---- */

/* -- Validation -- */

/* -------------------------------------------------- */

.form__section--complete {
  display: block;
  height: 34px;
  line-height: 34px;
  pointer-events: none;
  position: absolute;
  right: 0;
  text-align: center;
  top: 0;
  width: 34px;
  z-index: 2;
  color: #dff0d8;
}

.form__section--complete .section__header {
  border: 1px solid #dff0d8;
}

.complete {
  position: relative;
}

.login__form--row {
  margin-top: 10px;
}

.login__form--row .icon-error {
  display: inline;
}

.login__form--row span {
  color: #D5070D;
  display: none;
}

input,
select,
textarea {
  transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}

input.has-error,
select.has-error,
textarea.has-error {
  border-color: #D5070D;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(213, 7, 13, 0.6);
  outline: 0 none;
  color: #D5070D;
}

input.has-warning,
select.has-warning,
textarea.has-warning {
  border-color: #8a6d3b;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(193, 182, 0, 0.6);
  outline: 0 none;
  color: #333;
}

span.has-error {
  margin: .5rem 0 0 0;
}

.has-error {
  color: #D5070D;
  align-items: center;
}

.has-error ~ span:not[role='button'] {
  color: #D5070D;
  margin: .5rem 0 0 0;
  display: flex;
  flex-direction: row;
  align-items: center;
}

.has-error ~ input {
  border-color: #D5070D;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(213, 7, 13, 0.6);
  outline: 0 none;
  color: #333;
}

.has-warning {
  align-items: center;
}

.has-warning ~ span {
  display: flex;
  flex-direction: row;
  align-items: center;
}

.has-warning ~ input {
  border-color: #8a6d3b;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(193, 182, 0, 0.6);
  outline: 0 none;
  color: #333;
}

.input-group.has-error span,
.input-group.has-error input {
  border-color: #D5070D;
  color: #D5070D;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(213, 7, 13, 0.6);
  outline: 0 none;
  margin-bottom: 5px;
}

.input-group.has-warning span,
.input-group.has-warning input {
  border-color: #8a6d3b;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(193, 182, 0, 0.6);
  outline: 0 none;
  margin-bottom: 5px;
}

.fees-input-error {
  border-color: #D5070D;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(213, 7, 13, 0.6);
  outline: 0 none;
  margin-bottom: 5px;
}

.amount-not-valid-error {
  width: 140px;
}

.plan-software-error {
  display: block;
  height: 60px;
  top: 30px;
  position: relative;
}

button.has-error {
  border-color: #d5070d;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(213, 7, 13, 0.6);
  outline: 0 none;
  color: #d5070d;
}

.tooltip__wrapfix {
  white-space: nowrap;
}

.tooltip__warning {
  border: 1px solid #D5070D;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(213, 7, 13, 0.6);
}

a.tooltip__toggle {
  text-decoration: none;
}

a.tooltip__toggle:hover,
a.tooltip__toggle:focus {
  text-decoration: none;
}

.tooltip__toggle {
  font-size: 13px;
  text-align: center;
  padding: 0;
  display: inline-block;
  vertical-align: middle;
  color: #002b45;
  margin-left: .25rem;
}

.tooltip__toggle:focus,
.tooltip__toggle:hover {
  /*Doesn't seem right to not have a focus ring on this for accessibility outline: none;*/
  color: #002b45;
}

.tooltip__toggle--open {
  color: #002b45;
  display: none;
}

.tooltip__toggle--open .icon-delete-o {
  padding-right: 0;
  /*removing padding right from tooltip icon so focus ring shows correctly*/
}

.tooltip__toggle--open .icon-delete-o:before {
  font-size: 1.65rem;
  margin-top: -4px;
  color: #005691;
}

.tooltip__toggle--open .icon-delete-o:hover:before {
  color: #002b45;
}

.tooltip__toggle--closed {
  font-size: 1rem;
}

.tooltip__toggle--closed .icon-question-o,
.tooltip__toggle--closed .icon-bar-graph-o {
  padding-right: 0;
  /*removing padding right from tooltip icon so focus ring shows correctly*/
}

.tooltip__toggle--closed .icon-question-o:before,
.tooltip__toggle--closed .icon-bar-graph-o:before {
  font-size: 1.65rem;
  margin-top: -2px;
  color: #005691;
}

.tooltip__toggle--closed .icon-question-o:hover:before,
.tooltip__toggle--closed .icon-bar-graph-o:hover:before {
  color: #002b45;
}

.tooltip__toggle--active {
  color: #fff;
}

.tooltip__toggle--active .tooltip__toggle--open {
  display: inline;
  font-size: 0.78em;
  position: relative;
}

.tooltip__toggle--active .tooltip__toggle--open .tooltip__caret.blue {
  position: absolute;
  top: 25px;
  left: 19px;
}

.tooltip__toggle--open,
.tooltip__toggle--closed {
  margin-left: 0;
  margin-right: 0;
  line-height: 16px;
}

.tooltip__toggle--active .tooltip__toggle--closed {
  display: none;
}

.tooltip.blue-bg {
  background: #005691;
  color: #fff;
}

.tooltip__hover.blue-bg {
  background: #005691;
  color: #fff;
}

.tooltip {
  position: absolute;
  background-color: #efefef;
  padding: 10px;
  margin: 15px 0 10px;
  line-height: 1.4em;
  display: block;
  font-size: 1em;
  margin: 10px 0;
  min-width: 300px;
  max-width: 600px;
  background: #fff;
  border: none;
  z-index: 99;
}

.tooltip.absolute {
  z-index: 99;
}

.tooltip__hover {
  position: absolute;
  background-color: #efefef;
  line-height: 1.4em;
  display: block;
  font-size: 1em;
  max-width: 600px;
  background: #fff;
  border: none;
  z-index: 99;
  margin-top: -21px;
  padding: 2px 5px;
  margin-left: 31px;
}

.tooltip__hover.absolute {
  z-index: 99;
}

.tooltip__caret {
  position: absolute;
  top: 0px;
  left: 30px;
}

.tooltip__caret.blue:before {
  width: 0;
  height: 0;
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-bottom: 7px solid #005691;
  top: -5px;
  content: '';
  position: absolute;
}

.tooltip__caret:before {
  border-color: rgba(55, 107, 191, 0);
  border-bottom-color: #efefef;
  border-width: 13px;
  margin-left: -13px;
}

.tooltip__caret:after {
  border-bottom-color: #efefef;
  border-color: rgba(239, 246, 255, 0);
  border-width: 12px;
  margin-left: -12px;
}

.top .tooltip__caret {
  bottom: 0;
  left: 40px;
}

.top .tooltip__caret:after {
  border-top-color: #efefef;
  border-color: rgba(239, 246, 255, 0);
  border-width: 12px;
  margin-left: -12px;
}

.top .tooltip__caret:before {
  border-color: rgba(55, 107, 191, 0);
  border-top-color: #efefef;
  border-width: 4px;
  margin-left: -26px;
}

.top .tooltip__caret:after,
.top .tooltip__caret:before {
  top: 100%;
  left: 50%;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
}

.tooltip-left {
  right: 2%;
}

.tooltip-right {
  left: 2%;
}

.tooltip.blue-border {
  border: 1px solid #005691;
}

.tooltip.total tr:last-child {
  background-color: #c9dde1;
}

.tooltip.total th:last-child,
.tooltip.total td:last-child {
  padding-left: 5rem;
}

/* ---- */

/* -- Editable Form -- */

/* -------------------------------------------------- */

.inline-edit-tools {
  padding: 0 24px 0 0;
  position: relative;
}

.inline-edit-tools input[type="text"],
.inline-edit-tools select {
  padding-top: 0;
  padding-bottom: 0;
  margin: 0;
}

.inline-edit-tools input[type="text"]:disabled,
.inline-edit-tools select:disabled {
  background-color: #e9e9e9;
}

.inline-edit-tools input[type="text"].dirty + button,
.inline-edit-tools select.dirty + button {
  display: inline-block;
}

.inline-edit-tools input[type="text"] {
  width: 100%;
}

.inline-edit-tools .view-field {
  display: none;
  padding: .52rem 1rem .45rem 1rem;
  border: 1px solid transparent;
}

.inline-edit-tools select {
  padding-left: .7rem;
}

.inline-edit-tools select:disabled.readonly {
  color: #000;
}

.inline-edit-tools option {
  padding: 2px 1rem;
}

.inline-edit-tools button {
  display: none;
  background-color: #fff;
  padding: 0;
  margin: 0;
  position: absolute;
  color: #005691;
  border: 1px solid #ccc;
}

.inline-edit-tools button div {
  width: 24px;
  height: 24px;
  font-weight: bold;
}

.inline-edit-tools button div::before {
  font-size: 1.75em;
  position: relative;
  top: .2em;
  left: 0;
}

.inline-edit-tools button:hover {
  color: #002b45;
}

.inline-edit-view .inline-edit-tools input[type="text"],
.inline-edit-view .inline-edit-tools select {
  display: none;
}

.inline-edit-view .inline-edit-tools .view-field {
  display: inline-block;
}

.inline-edit-inline .inline-edit-tools input[type="text"]:disabled,
.inline-edit-inline .inline-edit-tools input[type="text"]:not(:focus):not(:hover):not(.dirty),
.inline-edit-inline .inline-edit-tools select:disabled,
.inline-edit-inline .inline-edit-tools select:not(:focus):not(:hover):not(.dirty) {
  border-radius: 0;
  border-color: transparent;
  background-color: transparent;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

.inline-edit-inline .inline-edit-tools input[type="text"]:disabled:not(:disabled),
.inline-edit-inline .inline-edit-tools input[type="text"]:not(:focus):not(:hover):not(.dirty):not(:disabled),
.inline-edit-inline .inline-edit-tools select:disabled:not(:disabled),
.inline-edit-inline .inline-edit-tools select:not(:focus):not(:hover):not(.dirty):not(:disabled) {
  border-bottom: 1px #555 dashed;
}

.address label,
.phone label {
  display: inline-block;
  padding: 0 0 .4rem 0;
}

.address select,
.address input,
.phone select,
.phone input {
  margin: 0;
}

.address {
  padding: 0 0 1.5rem 0;
}

.address label.address-street input {
  width: 323px;
}

.address label.address-state select {
  width: 50px;
  padding: 0;
}

.address label.address-zip input {
  width: 100px;
}

.phone {
  padding: .3rem 0 .5rem 0;
}

.input-group--trailer .icon-calendar {
  color: #005691;
  line-height: 1.1;
}

.input-group--trailer[disabled] .icon-calendar {
  color: #ccc;
}

.sr-only {
  position: absolute;
  clip: rect(0, 0, 0, 0);
}

.glyphicon {
  position: relative;
  top: 1px;
  display: inline-block;
  font-style: normal;
  font-weight: 400;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.btn {
  display: inline-block;
  padding: 6px 12px;
  margin-bottom: 0;
  font-weight: 400;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background-image: none;
  border: 1px solid transparent;
  border-radius: 4px;
}

.btn-sm {
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 3px;
}

.full button span {
  background-color: limegreen;
  border-radius: 32px;
  color: black;
}

.partially button span {
  background-color: orange;
  border-radius: 32px;
  color: black;
}

.form-horizontal .form-group {
  margin-right: 0;
  margin-left: 0;
}

.form-input.datepicker {
  font-weight: normal;
  font-family: Helvetica, Arial, sans-serif;
}

ul.dropdown-menu {
  padding: 0 0 0 0;
}

ul.dropdown-menu li {
  margin-bottom: 0;
}

:after,
:before {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.input-group [datepicker-popup-wrap],
.input-group .dropdown-menu,
.inline-date-picker {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1000;
  float: left;
  min-width: 160px;
  padding: 0;
  margin: 0;
  font-size: 14px;
  text-align: left;
  list-style: none;
  background-color: #fff;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 4px;
  -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
}

.input-group [datepicker-popup-wrap] .btn,
.input-group .dropdown-menu .btn,
.inline-date-picker .btn {
  display: inline-block;
  padding: 6px 12px;
  margin-bottom: 0;
  font-weight: 400;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background-image: none;
  border: 1px solid transparent;
  border-radius: 4px;
}

.input-group [datepicker-popup-wrap] .glyphicon-chevron-left:before,
.input-group .dropdown-menu .glyphicon-chevron-left:before,
.inline-date-picker .glyphicon-chevron-left:before {
  content: "";
  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent;
  border-right: 5px solid #DD4814;
  position: relative;
  display: inline-block;
  margin-left: 0;
  min-width: 100%;
  vertical-align: middle;
  margin-bottom: 2px;
}

.input-group [datepicker-popup-wrap] table thead tr:nth-child(2),
.input-group .dropdown-menu table thead tr:nth-child(2),
.inline-date-picker table thead tr:nth-child(2) {
  border-top: 1px solid #dadada;
  border-bottom: 1px solid #dadada;
}

.input-group [datepicker-popup-wrap] table th,
.input-group .dropdown-menu table th,
.inline-date-picker table th {
  background-color: whitesmoke;
}

.input-group [datepicker-popup-wrap] table th:nth-of-type(3),
.input-group .dropdown-menu table th:nth-of-type(3),
.inline-date-picker table th:nth-of-type(3) {
  text-align: right;
}

.input-group [datepicker-popup-wrap] table th button.pull-left,
.input-group .dropdown-menu table th button.pull-left,
.inline-date-picker table th button.pull-left {
  text-align: left;
}

.input-group [datepicker-popup-wrap] table th button.pull-right,
.input-group .dropdown-menu table th button.pull-right,
.inline-date-picker table th button.pull-right {
  text-align: right;
}

.input-group [datepicker-popup-wrap] table th.text-center:nth-of-type(3),
.input-group .dropdown-menu table th.text-center:nth-of-type(3),
.inline-date-picker table th.text-center:nth-of-type(3) {
  text-align: center !important;
}

.input-group [datepicker-popup-wrap] table th button.pull-left,
.input-group [datepicker-popup-wrap] table th button.pull-right,
.input-group .dropdown-menu table th button.pull-left,
.input-group .dropdown-menu table th button.pull-right,
.inline-date-picker table th button.pull-left,
.inline-date-picker table th button.pull-right {
  float: none !important;
}

.input-group [datepicker-popup-wrap] table tr:nth-child(even),
.input-group .dropdown-menu table tr:nth-child(even),
.inline-date-picker table tr:nth-child(even) {
  background: #fff;
}

.input-group [datepicker-popup-wrap] table td,
.input-group .dropdown-menu table td,
.inline-date-picker table td {
  padding: .25rem;
}

.input-group [datepicker-popup-wrap] table td .btn-default,
.input-group .dropdown-menu table td .btn-default,
.inline-date-picker table td .btn-default {
  border: none;
}

.input-group [datepicker-popup-wrap] table td .btn-default[disabled],
.input-group .dropdown-menu table td .btn-default[disabled],
.inline-date-picker table td .btn-default[disabled] {
  color: #757575;
}

.input-group [datepicker-popup-wrap] table td .btn-default.active,
.input-group .dropdown-menu table td .btn-default.active,
.inline-date-picker table td .btn-default.active {
  color: #333 !important;
  font-weight: 700;
  background-color: #e5f0f7;
  border: 1px solid #005691;
  box-shadow: inset 0 3px 5px rgba(192, 192, 192, 0.15);
}

.input-group [datepicker-popup-wrap] table td .btn-default:hover,
.input-group .dropdown-menu table td .btn-default:hover,
.inline-date-picker table td .btn-default:hover {
  color: #333;
  background-color: #e6e6e6;
  border-color: #adadad;
}

.input-group [datepicker-popup-wrap] table small,
.input-group .dropdown-menu table small,
.inline-date-picker table small {
  color: #333;
  font-weight: bold;
  font-size: .92rem;
  text-transform: none;
}

.input-group [datepicker-popup-wrap] button strong,
.input-group .dropdown-menu button strong,
.inline-date-picker button strong {
  color: #005691;
}

.input-group [datepicker-popup-wrap] .btn-default,
.input-group .dropdown-menu .btn-default,
.inline-date-picker .btn-default {
  color: #005691;
  background-color: #fff;
  border: 1px solid #ccc;
  /* ??? background-color: #efefef  ???? */
}

.input-group [datepicker-popup-wrap] .btn-default[disabled],
.input-group .dropdown-menu .btn-default[disabled],
.inline-date-picker .btn-default[disabled] {
  color: #efefef;
}

.input-group [datepicker-popup-wrap] .btn-default:hover,
.input-group .dropdown-menu .btn-default:hover,
.inline-date-picker .btn-default:hover {
  color: #333;
  background-color: #e6e6e6;
  border-color: #adadad;
}

.input-group [datepicker-popup-wrap] .btn-info,
.input-group .dropdown-menu .btn-info,
.inline-date-picker .btn-info {
  color: #005691;
  background-color: #fff;
}

.input-group [datepicker-popup-wrap] .btn-info.active,
.input-group .dropdown-menu .btn-info.active,
.inline-date-picker .btn-info.active {
  color: #333 !important;
  font-weight: 600;
  background-color: #e5f0f7;
  border: 1px solid #005691;
  box-shadow: inset 0 3px 5px rgba(192, 192, 192, 0.15);
}

.input-group [datepicker-popup-wrap] .btn-group-sm > .btn,
.input-group [datepicker-popup-wrap] .btn-sm,
.input-group .dropdown-menu .btn-group-sm > .btn,
.input-group .dropdown-menu .btn-sm,
.inline-date-picker .btn-group-sm > .btn,
.inline-date-picker .btn-sm {
  padding: 5px;
  font-size: 12px;
}

.input-group [datepicker-popup-wrap] .glyphicon-chevron-left:before,
.input-group .dropdown-menu .glyphicon-chevron-left:before,
.inline-date-picker .glyphicon-chevron-left:before {
  content: "";
  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent;
  border-right: 5px solid #DD4814;
  position: relative;
  display: inline-block;
  margin-left: 0;
  min-width: 100%;
  vertical-align: middle;
  margin-bottom: 2px;
}

.input-group [datepicker-popup-wrap] .glyphicon-chevron-right,
.input-group [datepicker-popup-wrap] .glyphicon-chevron-left,
.input-group .dropdown-menu .glyphicon-chevron-right,
.input-group .dropdown-menu .glyphicon-chevron-left,
.inline-date-picker .glyphicon-chevron-right,
.inline-date-picker .glyphicon-chevron-left {
  padding: 0 5px;
}

.input-group [datepicker-popup-wrap] .glyphicon-chevron-right:before,
.input-group .dropdown-menu .glyphicon-chevron-right:before,
.inline-date-picker .glyphicon-chevron-right:before {
  content: "";
  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent;
  border-left: 5px solid #DD4814;
  position: relative;
  display: inline-block;
  margin-left: 0;
  min-width: 100%;
  vertical-align: middle;
  margin-bottom: 2px;
}

.input-group [datepicker-popup-wrap] .glyphicon-chevron-right:before,
.input-group .dropdown-menu .glyphicon-chevron-right:before,
.inline-date-picker .glyphicon-chevron-right:before {
  content: "";
}

.input-group [datepicker-popup-wrap] .glyphicon-chevron-left:before,
.input-group .dropdown-menu .glyphicon-chevron-left:before,
.inline-date-picker .glyphicon-chevron-left:before {
  content: "";
}

.input-group [datepicker-popup-wrap] .btn-success,
.input-group .dropdown-menu .btn-success,
.inline-date-picker .btn-success {
  background-color: #7aB800;
  color: #002b45;
}

/* Shared */

.modal-open {
  overflow: hidden;
}

.modal {
  overflow: hidden;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1050;
  -webkit-overflow-scrolling: touch;
  outline: 0;
}

.modal.fade .modal-dialog {
  -webkit-transform: translate(0, 40%);
  -ms-transform: translate(0, 40%);
  -o-transform: translate(0, 40%);
  transform: translate(0, 40%);
  -webkit-transition: -webkit-transform 0.3s ease-out;
  -moz-transition: -moz-transform 0.3s ease-out;
  -o-transition: -o-transform 0.3s ease-out;
  transition: transform 0.3s ease-out;
}

.modal.in .modal-dialog {
  -webkit-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  -o-transform: translate(0, 0);
  transform: translate(0, 0);
}

.modal-open .modal {
  overflow-x: hidden;
  overflow-y: auto;
}

.modal-dialog {
  position: relative;
  width: auto;
  margin: 10px;
  z-index: 1050;
}

.modal-content {
  position: fixed;
  min-width: 600px;
  max-height: 600px;
  background-color: #fff;
  border: 1px solid #999;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 6px;
  background-clip: padding-box;
  outline: 0;
}

.modal-backdrop {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1040;
  background-color: #000;
}

.modal-backdrop.fade {
  opacity: 0;
}

.modal-backdrop.in {
  opacity: .5;
}

.modal-header {
  padding: 1rem 1rem .85rem;
  border-bottom: 1px solid #e5e5e5;
}

.modal-header .close {
  margin-top: -2px;
}

.modal-title {
  margin: 0;
  line-height: 1.428571429;
  color: #00857f;
  outline: 0;
}

.modal-body {
  position: relative;
  padding: 15px;
}

.modal-footer {
  padding: 15px;
  text-align: right;
  border-top: 1px solid #e5e5e5;
}

.modal-scrollbar-measure {
  position: absolute;
  top: -9999px;
  width: 50px;
  height: 50px;
  overflow: scroll;
}

@media (min-width: 768px) {
  .modal-dialog {
    width: 600px;
    margin: 30px auto;
  }

  .modal-sm {
    width: 300px;
  }
}

@media (min-width: 992px) {
  .modal-lg {
    width: 900px;
  }
}

.modal .login {
  padding: 0 2rem 2rem;
}

sup {
  font-size: .8rem;
  vertical-align: top;
}

.dashboard-push-back.home + .nfrp-footer {
  padding-top: 1rem;
}

.nfrp-footer {
  color: #c2c2c2;
  background: #002b45;
  height: auto;
  clear: both;
  position: relative;
  -webkit-box-flex: 0;
  -webkit-flex: none;
  -ms-flex: none;
  flex: none;
  padding: 1em 0;
}

.nfrp-footer a {
  color: #efefef;
}

.nfrp-footer a:hover,
.nfrp-footer a:focus {
  color: #fff;
  border-bottom: 1px solid rgba(255, 255, 255, 0.5);
}

footer {
  padding: 0 1rem 1rem;
}

footer hr {
  padding-top: 1rem;
  margin-top: 0;
  opacity: 0.5;
  filter: alpha(opacity=50);
}

footer p {
  margin-bottom: .8rem;
  padding-left: 1em;
  padding-right: 1em;
}

.icon-enrollments {
  font-size: 1.5rem;
  margin: 0 0 1.5rem 0;
  color: #fff;
}

.base-footer-min-height {
  min-height: 80rem;
  background-color: #002b45;
}

/* ---- */

/* -- Header -- */

/* -------------------------------------------------- */

.header {
  width: 100%;
  height: 63px;
  background: #00857f;
  position: relative;
  top: 0;
  -webkit-box-flex: 0;
  -webkit-flex: none;
  -ms-flex: none;
  flex: none;
}

.header__topnav {
  height: 100%;
}

.header__logo-container {
  float: left;
  height: 100%;
}

.header__logo {
  background: #002b45;
  float: left;
  padding: .35rem 20px .5rem 20px;
  text-align: center;
}

.header__logo img {
  width: auto;
  max-height: 52px;
}

.header__title-wrapper {
  height: 100%;
}

.header__app-title {
  font-size: 1.5rem;
  line-height: 61.25px;
  font-weight: 400;
  margin: 0 0 0 21px;
  color: white;
  float: left;
  padding: 3px 0 0 0;
}

.header__rightnav {
  padding: 27px 14px 0 0;
  float: right;
  margin: 0;
}

.header__rightnav li {
  display: inline-block;
}

.header__rightnav li a {
  margin: 1rem;
  color: #fff;
}

.header__rightnav li:hover a,
.header__rightnav li:focus a {
  text-decoration: none;
  border-bottom: 1px solid rgba(206, 206, 206, 0.5);
}

@media screen {
  .no-screen {
    display: none;
  }
}

/* ---- */

/* -- Containers -- */

/* -------------------------------------------------- */

.site {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  height: 100%;
  /* 1, 3 */
  max-width: 1280px;
  min-width: 760px;
  background-color: #eaeaea;
  margin: 0 auto;
}

.wide-site {
  max-width: 1780px;
}

/* Container */

.container {
  position: relative;
  /* margin-left:15.65rem; */
  min-height: 100%;
}

.container-fluid {
  margin-right: auto;
  margin-left: auto;
  padding-left: 2rem;
  padding-right: 2rem;
}

/* styles for the main section tiles */

.compartment {
  background: #fff;
  float: left;
  margin-bottom: 20px;
  box-shadow: 1px 1px 0px 0px #d5d5d5;
  width: 100%;
  border-radius: 3px;
  position: relative;
  -webkit-flex: 1 1 auto;
  -moz-flex: 1 1 auto;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
}

.compartment .divider {
  border-bottom: 1px;
  border-style: solid;
  border-color: #D5D5D5;
}

.divider {
  border-bottom: 1px;
  border-style: solid;
  border-color: #000000;
}

/* minimal section tile */

.minimal {
  background: #fff;
  border-bottom: 1px solid #cecece;
}

.minimal .compartment {
  border: none;
}

.minimal .viewall {
  margin: 1rem 0 0 0;
  padding: 0;
  border-top: none;
}

.saved-message {
  border-style: solid;
  border-radius: 10px;
  border-width: 1px;
  border-color: #005691;
  width: 100%;
  margin-bottom: 1.5rem;
}

.saved-message p {
  font-size: 1.23rem;
  margin: 10px;
}

@media screen and (min-width: 1000px) {
  .active-sources-width,
  .alternate-plan-dates-width {
    max-width: 48.75%;
  }
}

/* ---- */

/* -- Home Dashboard Tiles -- */

/* -------------------------------------------------- */

.dashboard-push-back {
  background: #002b45;
  padding: 2rem .8rem;
  display: flex;
  flex-flow: row wrap;
  display: -webkit-flex;
  -webkit-flex-flow: row wrap;
}

.dashboard-push-back [class^="icon-"],
.dashboard-push-back [class*=" icon-"] {
  display: inline-block;
  vertical-align: baseline;
  padding-right: 0;
  display: -ms-flexbox;
  display: flex;
}

.dashboard-push-back [class^="icon-"]:before,
.dashboard-push-back [class*=" icon-"]:before {
  font-size: 21px;
  vertical-align: middle;
  -ms-flex: 1;
  flex: 1;
  align-self: flex-start;
}

.dashboard-push-back .icon-link:before {
  font-size: 1.3875rem !important;
}

.dashboard-push-back i.icon-link ~ span.subject {
  padding-left: 5px;
}

/* Tiles */

.tile {
  margin: 0 1% 1rem 1%;
  flex: 0 0 23%;
  -webkit-flex: 0 0 23%;
  position: relative;
  flex-direction: row;
  -webkit-flex-direction: row;
}

.tile:nth-child(1),
.tile:nth-child(2),
.tile:nth-child(3) {
  border-right: 1px solid rgba(102, 124, 136, 0.3);
}

.tile .pagenav {
  padding: 1rem 1rem 1.5rem 1rem;
  font-size: 1rem;
}

.tile .pagenav a {
  padding: 0;
}

.tile .pagenav a:before {
  width: 0px;
}

.tile h4,
.tile .footer-title {
  padding: 1rem;
  font-size: 1.6em;
  font-weight: 400;
  color: #fff;
  margin: 0;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  flex-direction: row;
}

.tile h4 > .subject,
.tile .footer-title > .subject {
  margin: 0 0 0 7px;
  padding-top: 2px;
}

.tile li {
  margin-bottom: 0.25rem;
}

.tile a {
  color: #fff;
}

.tile a:hover,
.tile a:focus {
  color: #fff;
  text-decoration: none;
  border-bottom: 1px solid #fff;
}

@media (min-width: 760px) and (max-width: 1023px) {
  .tile {
    flex: 0 0 22.4% !important;
    -webkit-flex: 0 0 22.4%;
  }

  .tile h4 {
    font-size: 1.3em;
    min-height: 59px;
  }

  .tile .pagenav {
    padding: 0rem 1rem 1.5rem 1rem;
  }
}

.home .tile {
  background: #fff;
  border-radius: 3px;
  box-shadow: 1px 1px 0px 0px #d5d5d5;
  border-right: none;
  border-bottom: none;
}

.home .tile .pagenav {
  padding: 1rem 1rem 1.5rem 1rem;
}

.home .tile h4,
.home .tile .footer-title {
  background: #00857f;
  border-radius: 3px 3px 0px 0px;
  box-shadow: 1px 0px 0px 0px #00857f;
  min-height: auto;
}

.home .tile a {
  color: #005691;
}

.home .tile a:hover,
.home .tile a:focus {
  color: #002b45;
  text-decoration: none;
  border-bottom: 1px solid rgba(0, 43, 69, 0.5);
}

@media (max-width: 1114px) {
  .home .tile {
    flex: 0 0 48% !important;
    -webkit-flex: 0 0 48%;
  }

  .home .tile ul {
    column-count: 2;
  }
}

/* inner pages navigation */

.push-back {
  background: #002b45;
  padding-top: 3rem;
  padding-bottom: 3rem;
}

.push-back h4 {
  color: #fff;
  margin-bottom: 1.5rem;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  flex-direction: row;
}

.push-back h4 > .subject {
  margin: 0px .25rem;
  align-self: flex-end;
}

.push-back p {
  color: #fff;
  font-size: 1rem;
}

.push-back a {
  color: #00b2a9;
  font-size: .875rem;
  margin-bottom: .3rem;
}

.push-back a:hover {
  color: #fff;
}

.push-back [class^="icon-"],
.push-back [class*=" icon-"] {
  display: inline-block;
  vertical-align: baseline;
  padding-right: 0;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-left: -5px;
}

.push-back [class^="icon-"]:before,
.push-back [class*=" icon-"]:before {
  font-size: 21px;
  vertical-align: middle;
  flex: 1;
  align-self: flex-start;
}

.section__header {
  background: 0 0;
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
  border-width: 0;
  border-bottom: 1px solid #dce8f1;
  color: #4383B4;
  padding: 1.5rem 1rem;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  position: relative;
  margin-bottom: 0px;
}

.section__header[ng-click]:hover,
.section__header[ng-click]:focus {
  cursor: pointer;
}

.section__header button {
  display: block;
  width: 100%;
  text-align: center;
  background: none;
  font-weight: inherit;
  padding: 0;
  font-size: inherit;
  border-radius: inherit;
}

.section__header h2 {
  padding: 0;
  margin: 0;
  display: inline;
}

.section__header a {
  display: block;
}

.section__header .toolbar {
  display: inline-block;
  padding: 0 10px;
  line-height: 37px;
  float: right;
  position: relative;
  border-width: 0;
}

.section__header .toolbar > a {
  font-size: 14px;
  margin: 0 1px;
  display: inline-block;
  padding: 0;
  line-height: 24px;
}

.section__header ~ .content {
  padding: 0 1rem;
}

.section__header .bottom-margin {
  margin-bottom: 0px;
}

.sub-section-header {
  width: 97%;
  MARGIN: 0 AUTO;
  padding: 1rem 0;
}

/* remove bottom margin on collapsible containers */

.content.collapse.in {
  margin-top: 0px;
}

.content.collapse.in.ng-hide {
  margin-top: 0;
}

/* ---- */

/* -- Addme Content Section -- */

/* -------------------------------------------------- */

.addme__section {
  border: 1px solid #efefef;
  margin: .5rem 0;
  padding: 1rem 2rem;
  background-color: #fcfcfc;
}

.dynamic-radio .tabs,
.rounded-radio .tabs,
.nf-radio .tabs {
  font-size: 0;
  margin: 0 0 25px 0;
}

.dynamic-radio .tabs:after,
.rounded-radio .tabs:after,
.nf-radio .tabs:after {
  clear: both;
  content: '';
  display: table;
}

.dynamic-radio .tabs .tab,
.rounded-radio .tabs .tab,
.nf-radio .tabs .tab {
  display: inline;
}

.dynamic-radio .tabs .tab-label,
.rounded-radio .tabs .tab-label,
.nf-radio .tabs .tab-label {
  background: #eee;
  border: 1px solid #cecece;
  display: inline-block;
  font-size: 16px;
  font-size: 1.23rem;
  left: 1px;
  margin-left: -1px;
  padding: 7px 30px 8px;
  position: relative;
  vertical-align: bottom;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
  color: #005691;
}

.dynamic-radio .tabs .tab-label:hover,
.rounded-radio .tabs .tab-label:hover,
.nf-radio .tabs .tab-label:hover {
  cursor: pointer;
}

.dynamic-radio .tabs .tab-switch,
.rounded-radio .tabs .tab-switch,
.nf-radio .tabs .tab-switch {
  background: #eee;
  border: 1px solid #ccc;
  display: inline-block;
  font-size: 1rem;
  left: 1px;
  margin-left: -1px;
  margin-right: 0px !important;
  padding: .9rem 3.9rem .8rem 3.6rem;
  position: relative;
  vertical-align: bottom;
  color: #005691;
}

.dynamic-radio .tabs .tab-list,
.rounded-radio .tabs .tab-list,
.nf-radio .tabs .tab-list {
  list-style: none;
  padding-left: 0px !important;
  margin-bottom: 25px;
}

.dynamic-radio .tabs .tab > [type="radio"],
.rounded-radio .tabs .tab > [type="radio"],
.nf-radio .tabs .tab > [type="radio"] {
  clip: rect(0 0 0 0);
  height: 1px;
  opacity: 0;
  position: fixed;
  width: 1px;
  z-index: -1;
}

.dynamic-radio .tabs .tab-panel,
.rounded-radio .tabs .tab-panel,
.nf-radio .tabs .tab-panel {
  display: inline-block;
  overflow: hidden;
  position: relative;
  height: 0;
  width: 0;
}

.dynamic-radio .tabs .tab-content,
.rounded-radio .tabs .tab-content,
.nf-radio .tabs .tab-content {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  display: block;
  background: white;
  padding: 20px 1rem 1rem 1rem;
  border: 1px solid #cecece;
  float: left;
  font-size: 16px;
  font-size: 1rem;
  margin-top: -1px;
  width: 100%;
  position: relative;
}

.dynamic-radio .tabs .tab [type="radio"]:checked + .tab-label,
.rounded-radio .tabs .tab [type="radio"]:checked + .tab-label,
.nf-radio .tabs .tab [type="radio"]:checked + .tab-label {
  background: white;
  border-bottom-width: 0;
  padding-bottom: 11px;
  z-index: 1;
  border-top: 2px solid rgba(0, 86, 145, 0.8);
  color: #002b45;
}

.dynamic-radio .tabs .tab [type="radio"]:focus + .tab-label,
.rounded-radio .tabs .tab [type="radio"]:focus + .tab-label,
.nf-radio .tabs .tab [type="radio"]:focus + .tab-label {
  border-top: 2px solid rgba(0, 86, 145, 0.8);
}

.dynamic-radio .tabs .tab [type="radio"]:checked + .tab-switch,
.rounded-radio .tabs .tab [type="radio"]:checked + .tab-switch,
.nf-radio .tabs .tab [type="radio"]:checked + .tab-switch {
  background: #efefef;
  color: #005691;
}

.dynamic-radio .tabs .tab [type="radio"]:checked ~ .tab-switch,
.rounded-radio .tabs .tab [type="radio"]:checked ~ .tab-switch,
.nf-radio .tabs .tab [type="radio"]:checked ~ .tab-switch {
  background: #005691;
  color: #fff;
  font-weight: 600;
  -moz-box-shadow: inset 0 0 8px rgba(51, 51, 15, 0.8);
  -webkit-box-shadow: inset 0 0 8px rgba(51, 51, 15, 0.8);
  box-shadow: inset 0 0 8px rgba(51, 51, 15, 0.8);
  filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius=3,MakeShadow=true,ShadowOpacity=0.30);
  -ms-filter: "progid:DXImageTransform.Microsoft.Blur(PixelRadius=3,MakeShadow=true,ShadowOpacity=0.30)";
}

.dynamic-radio .tabs .tab [type="radio"]:checked ~ .tab-panel,
.rounded-radio .tabs .tab [type="radio"]:checked ~ .tab-panel,
.nf-radio .tabs .tab [type="radio"]:checked ~ .tab-panel {
  display: inline;
}

.dynamic-radio .tabs .tab:first-of-type [type="radio"] ~ .tab-switch,
.rounded-radio .tabs .tab:first-of-type [type="radio"] ~ .tab-switch,
.nf-radio .tabs .tab:first-of-type [type="radio"] ~ .tab-switch {
  border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
}

.dynamic-radio .tabs .tab:last-of-type [type="radio"] ~ .tab-switch,
.rounded-radio .tabs .tab:last-of-type [type="radio"] ~ .tab-switch,
.nf-radio .tabs .tab:last-of-type [type="radio"] ~ .tab-switch {
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
}

@media screen and (max-width: 879px) {
  #sources-and-funds-tab-switch.dynamic-radio .tabs .tab-switch {
    padding: .9rem 1.8rem .8rem 1.8rem;
  }
}

.rounded-radio > .tabs .tab-label {
  color: #00857f;
  background-color: #fcfcfc;
  line-height: 18px;
  margin-top: -1px;
  padding: 7px 30px 8px;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}

.rounded-radio > .tabs .tab [type="radio"]:checked + .tab-label {
  color: #006c67;
  border-top: 1px solid #00857f;
  background-color: #fff;
  z-index: 1;
  box-shadow: 0 -2px 3px 0 rgba(0, 0, 0, 0.15);
  margin-left: 0;
}

.button-tabs {
  margin: 8px 0 !important;
}

@media screen and (max-width: 960px) {
  .dynamic-radio .tabs .tab-label,
  .rounded-radio .tabs .tab-label,
  .nf-radio .tabs .tab-label {
    padding: 7px 17px 8px;
    font-size: 1.1rem;
  }

  .dynamic-radio .tabs label,
  .rounded-radio .tabs label,
  .nf-radio .tabs label {
    margin-right: .25rem;
  }
}

/*

=======================================
INTERNET EXPLORER 8 and below
=======================================

*/

@media \0screen\,screen\9 {
  /* IE7 and IE6 */

  .tabs {
    zoom: 1;
  }

  /* IE8 and below */

  .tabs .tab .tab-radio {
    filter: Alpha(opacity=0);
    z-index: -1;
  }

  /* IE7 and IE6 */

  .tabs .tab .tab-panel {
    display: none;
    height: auto;
    overflow: visible;
    width: auto;
  }

  /* IE7 and IE6 */

  .tabs .tab-content {
    float: none;
    padding-bottom: 1px;
    padding-top: 1px;
    width: auto;
  }

  /* IE8 and below */

  .tabs .checked label {
    background: white;
    border-bottom-width: 0;
    padding-bottom: 11px;
    z-index: 1;
  }

  /* IE8 */

  .tabs .checked .tab-panel {
    display: inline;
  }

  /* IE7 and IE6 */

  .tabs .checked .tab-panel {
    display: inline;
    float: left;
    width: 100%;
  }
}

/* and just for fun... */

@media only screen and (max-width: 43em) {
  .tabs .tab > label {
    background: #BBB;
    border-color: #999;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }

  .tabs .tab [type="radio"]:checked + .tab-label {
    background: #222;
    color: #DDD;
  }
}

.page-level .page-level_buttons:after {
  clear: both;
  content: '';
  display: table;
}

.page-level .page-level_buttons .page-tab-label {
  background: #eeeeee;
  border-right: 1px solid #cecece;
  display: inline-block;
  font-size: 16px;
  font-size: 1rem;
  padding: 7px 24px 8px;
  position: relative;
  vertical-align: bottom;
  color: #005691;
  margin: 0;
  display: inline-block;
  position: relative;
  border-bottom: 1px solid #cecece;
  border-top: 1px solid #cecece;
}

.page-level .page-level_buttons .page-tab-label:first-of-type {
  border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
  border-left: 1px solid #cecece;
}

.page-level .page-level_buttons .page-tab-label:last-of-type {
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
}

.page-level .page-level_buttons .radio-tab[type="radio"] {
  clip: rect(0 0 0 0);
  height: 1px;
  opacity: 0;
  position: fixed;
  width: 1px;
  z-index: -1;
}

.page-level .page-level_buttons .radio-panel {
  display: inline;
  display: inline-block;
  overflow: hidden;
  position: relative;
  height: 0;
  width: 0;
}

.page-level .page-level_buttons .radio-content {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  display: block;
  background: white;
  padding: 20px 0px;
  float: left;
  font-size: 16px;
  font-size: 1rem;
  margin-top: -1px;
  width: 100%;
}

.page-level .page-level_buttons [type="radio"]:checked + .page-tab-label {
  background: #1c57a5;
  z-index: 1;
  color: white;
}

nfrp-tabs[group=receiptsAndDetails] .tabs {
  margin-bottom: 0;
}

.dynamic-tab-label .tabs {
  font-size: 0;
  margin: 0;
}

.dynamic-tab-label .tabs:after {
  clear: both;
  content: '';
  display: table;
}

.dynamic-tab-label .tabs .tab {
  display: inline;
}

.dynamic-tab-label .tabs .tab-label {
  background: #eee;
  border: 1px solid #cecece;
  display: inline-block;
  font-size: 16px;
  font-size: 1.23rem;
  left: 1px;
  margin-left: -1px;
  padding: 7px 30px 8px;
  position: relative;
  vertical-align: bottom;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
  color: #005691;
}

.dynamic-tab-label .tabs .tab > [type="radio"] {
  clip: rect(0 0 0 0);
  height: 1px;
  opacity: 0;
  position: absolute;
  width: 1px;
  z-index: -1;
}

.dynamic-tab-label .tabs .tab-panel {
  display: inline-block;
  overflow: hidden;
  position: relative;
  height: 0;
  width: 0;
}

.dynamic-tab-label .tabs .tab-content {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  background: white;
  padding: 20px 20px;
  border: 1px solid #cecece;
  float: left;
  display: inline;
  font-size: 16px;
  font-size: 1rem;
  margin-top: -1px;
  width: 100%;
}

.dynamic-tab-label .tabs .tab [type="radio"]:checked + .tab-label {
  background: white;
  border-bottom-width: 0;
  padding-bottom: 11px;
  z-index: 1;
  border-top: 2px solid rgba(0, 86, 145, 0.8);
  color: #002b45;
}

.dynamic-tab-label .tabs .tab [type="radio"]:checked ~ .tab-panel {
  display: inline;
}

.dynamic-tab-content .tabs {
  font-size: 0;
  margin: 0px 0;
}

.dynamic-tab-content .tabs:after {
  clear: both;
  content: '';
  display: table;
}

.dynamic-tab-content .tabs .tab {
  clip: rect(0 0 0 0);
}

.dynamic-tab-content .tabs .tab-panel {
  display: inline;
  overflow: hidden;
  position: relative;
  height: 0;
  width: 0;
}

.dynamic-tab-content .tabs .tab-content {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  background: white;
  padding: 20px 20px;
  border: 1px solid #cecece;
  display: block;
  font-size: 16px;
  font-size: 1rem;
  margin-top: -1px;
  width: 100%;
}

.rounded-radio > .tabs .tab-label {
  color: #00857f;
  background-color: #fcfcfc;
  line-height: 18px;
  margin-top: -1px;
  padding: 7px 30px 8px;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}

.rounded-radio > .tabs .tab [type="radio"]:checked + .tab-label {
  color: #006c67;
  border-top: 1px solid #00857f;
  background-color: #fff;
  z-index: 1;
  box-shadow: 0 -2px 3px 0 rgba(0, 0, 0, 0.15);
  margin-left: 0;
}

/*

=======================================
INTERNET EXPLORER 8 and below
=======================================

*/

@media \0screen\,screen\9 {
  /* IE7 and IE6 */

  .tabs {
    zoom: 1;
  }

  /* IE8 and below */

  .tabs .tab .tab-radio {
    filter: Alpha(opacity=0);
    z-index: -1;
  }

  /* IE7 and IE6 */

  .tabs .tab .tab-panel {
    display: none;
    height: auto;
    overflow: visible;
    width: auto;
  }

  /* IE7 and IE6 */

  .tabs .tab-content {
    float: none;
    padding-bottom: 1px;
    padding-top: 1px;
    width: auto;
  }

  /* IE8 and below */

  .tabs .checked label {
    background: white;
    border-bottom-width: 0;
    padding-bottom: 11px;
    z-index: 1;
  }

  /* IE8 */

  .tabs .checked .tab-panel {
    display: inline;
  }

  /* IE7 and IE6 */

  .tabs .checked .tab-panel {
    display: inline;
    float: left;
    width: 100%;
  }
}

/* and just for fun... */

@media only screen and (max-width: 43em) {
  .tabs .tab > label {
    background: #BBB;
    border-color: #999;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }

  .tabs .tab [type="radio"]:checked + .tab-label {
    background: #222;
    color: #DDD;
  }
}

/* Navigation */

.autocomplete-menu,
.ui-autocomplete {
  position: absolute !important;
  z-index: 999;
}

.autocomplete-menu {
  background: #fff;
  font-weight: 400;
  margin-bottom: 0;
  overflow: auto;
  max-height: 300px;
  font-size: .875rem;
  padding: 1rem;
  width: 277px;
}

.autocomplete-menu li {
  list-style: none;
  margin-left: 0;
  margin-bottom: 0;
  width: 100%;
  padding: .8rem .8rem .9rem;
  cursor: pointer;
}

.autocomplete-menu li:nth-child(even) {
  background-color: #e9e9e9;
}

.autocomplete-menu li:nth-child(odd) {
  background-color: #fff;
}

.ui-autocomplete {
  background: #fff;
  width: 25rem;
  border: 1px solid #cecece;
}

.ui-autocomplete .ui-menu-item {
  width: 100%;
  border-bottom: 1px solid #cecece;
  padding: .8rem .5rem;
  cursor: pointer;
}

.ui-autocomplete .ui-menu-item:hover {
  background: #efefef;
}

/* Base typeahead menus */

.typeahead-menu {
  border: 1px solid #cecece;
  background-color: #fff;
  position: absolute;
  z-index: 999;
  width: 95%;
}

.typeahead-menu ul {
  padding: 0;
  margin: 0;
  background-color: #fff;
}

.typeahead-menu ul li {
  list-style: none;
  margin: 0;
  min-height: 35px;
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  -webkit-align-items: center;
  -ms-align-items: center;
  align-items: center;
}

.typeahead-menu ul li div {
  padding: 4px .8rem;
  overflow: hidden;
}

.typeahead-menu ul.typeahead-header {
  width: 100%;
  height: auto;
  padding: 0 15px 0 0;
  font-weight: 600;
  background-color: #333;
  color: #fff;
  position: absolute;
  top: -34.5px;
}

.typeahead-menu ul.typeahead-results {
  max-height: 220px;
  overflow-x: hidden;
  overflow-y: scroll;
  -webkit-overflow-scrolling: touch;
}

.typeahead-menu ul.typeahead-results li:nth-child(even) {
  background-color: #F5F5F5;
}

.typeahead-menu ul.typeahead-results li:nth-child(odd) {
  background-color: #efefef;
}

.typeahead-menu ul.typeahead-results li.see-all-results {
  display: block;
  background-color: #fff;
}

.typeahead-menu ul.typeahead-results li.see-all-results div {
  display: block;
  padding: 2px .8rem;
}

.typeahead-menu ul.typeahead-results li.see-all-results a {
  margin: 0;
}

.typeahead-menu ul.typeahead-results li.active,
.typeahead-menu ul.typeahead-results li:focus,
.typeahead-menu ul.typeahead-results li:hover {
  background-color: #002b45;
  color: #fff;
  outline: 0 none;
  text-decoration: none;
}

.typeahead-menu ul.typeahead-results li.active a,
.typeahead-menu ul.typeahead-results li:focus a,
.typeahead-menu ul.typeahead-results li:hover a {
  color: #fff;
}

/* Customize typeahead menus */

.org-name-group .typeahead-menu {
  max-width: 400px;
  padding: 15px 0 0 0;
}

.org-name-group .cell-plan-name {
  width: 75%;
}

.org-name-group .cell-ppa {
  width: 25%;
}

.plan-sponsor-group .typeahead-menu {
  max-width: 1000px;
}

.plan-sponsor-group .cell-plan-sponsor {
  width: 35%;
}

.plan-sponsor-group .cell-plan {
  width: 35%;
}

.plan-sponsor-group .cell-plan-number {
  width: 15%;
}

.plan-sponsor-group .cell-previous-plan-id {
  width: 15%;
}

/* ---- */

/* -- Inner Left Nav -- */

/* -------------------------------------------------- */

.sticky-nav {
  position: -webkit-sticky;
  position: sticky;
  top: 0;
}

.pagenav {
  font-size: 1rem;
  padding: 1.5rem 0 1rem 0;
}

.pagenav ul {
  list-style-type: none;
  padding: 0;
  margin: 0;
}

.pagenav ul li > a:hover,
.pagenav ul li > a:focus {
  border-bottom: none;
}

.pagenav ul li.active > a {
  font-weight: 600;
}

.pagenav ul li.active > a:before {
  background-color: #00857f;
}

.pagenav ul li.active > ul {
  display: block;
}

.pagenav ul ul {
  margin: 10px 0 0 2rem;
  display: none;
}

.pagenav ul ul.open {
  display: block;
}

.pagenav ul ul li > a:hover,
.pagenav ul ul li > a:focus {
  border-bottom: none;
}

.pagenav a {
  padding: .6rem 0;
  position: relative;
}

.pagenav a:before {
  content: "";
  height: 100%;
  width: 4px;
  left: -2rem;
  position: absolute;
  top: 0;
}

.pagenav a:hover:before {
  background-color: #002b45;
}

.pagenav a:hover,
.pagenav a:focus {
  border-bottom: none;
}

.pagenav .pagenav-child {
  display: block;
}

.pagenav .pagenav-child a:before {
  left: -4rem;
}

/* Left Navigation */

.alt-container {
  padding-left: 17.64rem;
  position: relative;
  padding-top: 0;
}

a.active {
  font-weight: 600;
}

a.active:before {
  background-color: #00857f;
}

/* ---- */

/* -- Breadcrumbs -- */

/* -------------------------------------------------- */

.section-breadcrumbs {
  padding: 0 2rem;
  border-bottom: 1px solid #cecece;
  overflow: hidden;
}

.breadcrumbs {
  float: left;
  margin: 0;
}

.breadcrumbs span,
.breadcrumbs a {
  display: inline-block;
  font-size: 1rem;
  line-height: 1rem;
  width: auto;
  padding: .975rem .975rem .975rem 1.1rem;
  font-weight: 400;
  text-decoration: none;
}

.breadcrumbs span:hover,
.breadcrumbs span:focus,
.breadcrumbs a:hover,
.breadcrumbs a:focus {
  border-bottom: none;
}

.breadcrumbs .house {
  background: url("icon_home_teal@2x.png") 0 center no-repeat;
  background-size: 1rem;
  background-position: 0 47%;
  padding-left: 1.6rem;
  padding-right: .7rem;
}

.breadcrumbs .chevron {
  display: inline-block;
  position: relative;
}

.breadcrumbs .chevron:before,
.breadcrumbs .chevron:after {
  display: block;
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 6px 0 6px 6px;
  border-color: transparent transparent transparent #333;
  position: absolute;
  left: 0;
  top: 1.05rem;
}

.breadcrumbs .chevron:after {
  left: -1px;
  border-color: transparent transparent transparent #efefef;
}

/* ---- */

/* -- Tab Menu Navigation -- */

/* -------------------------------------------------- */

.dashboard {
  height: 51px;
}

.dashboard__submenu {
  width: 100%;
  position: relative;
  background: #fff;
  float: left;
  border-bottom: 1px solid #cecece;
  z-index: 999;
}

.dashboard__submenu > ul {
  float: right;
  padding: 0 1rem;
}

.dashboard__submenu--item {
  display: inline-block;
  height: 100%;
  position: relative;
}

.dashboard__submenu--item a {
  display: inline;
  padding: 1.1rem 1rem;
  text-align: center;
  color: #333;
  text-decoration: none;
  position: relative;
  font-size: .875rem;
}

.dashboard__submenu li > ul {
  display: none;
  visibility: hidden;
  position: absolute;
  top: 2.9rem;
  left: 0;
  background: #00857f;
  width: 12rem;
  padding: 0;
  text-align: left;
  float: left;
}

.dashboard__submenu li > ul a {
  text-align: left;
}

.dashboard__submenu--item:hover > ul {
  display: block;
  visibility: visible;
}

.dashboard__submenu li > ul:last-child {
  right: 0;
  left: auto;
}

.dashboard__submenu a.active {
  -webkit-box-shadow: inset -1px -6px 0px -3px #002b45;
  -moz-box-shadow: inset -1px -6px 0px -3px #002b45;
  box-shadow: inset -1px -6px 0px -3px #002b45;
}

.dashboard .dropdown > a:after {
  content: "";
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 5px solid #002b45;
  display: inline-block;
  margin-left: .5rem;
  vertical-align: middle;
}

.dashboard .dropdown:hover > a:after {
  border-top: 5px solid #fff;
}

.dashboard .dropdown ul {
  display: none;
  position: absolute;
  right: 0;
  bottom: -2.4rem;
  background: #fff;
  width: 10rem;
  margin: 0;
}

.dashboard .dropdown ul a {
  padding: .5rem 1rem;
}

.dashboard .row {
  margin-top: 20px;
}

nav.submenu {
  width: 100%;
  position: relative;
  background: #fff;
  float: left;
  border-bottom: 1px solid #cecece;
  z-index: 999;
  height: 51px;
}

nav.submenu > ul {
  float: right;
  padding: 18px 1rem;
}

nav.submenu > ul > li {
  display: inline-block;
  height: 100%;
  position: relative;
}

nav.submenu > ul > li a {
  display: block;
  margin: 0 1.25rem;
  padding: 0;
  text-align: center;
  color: #005691;
  text-decoration: none;
  position: relative;
  font-size: 1rem;
}

nav.submenu > ul > li a:hover,
nav.submenu > ul > li a:focus {
  border-bottom: 1px solid #002b45;
  color: #002b45;
}

nav.submenu li > ul {
  display: none;
  visibility: hidden;
  position: absolute;
  top: 2.9rem;
  left: 0;
  background: #00857f;
  width: 12rem;
  padding: 0;
  text-align: left;
  float: left;
}

nav.submenu li > ul a {
  text-align: left;
}

nav.submenu li:hover > ul {
  display: block;
  visibility: visible;
}

nav.submenu li > ul:last-child {
  right: 0;
  left: auto;
}

nav.submenu .unread-alert-number {
  position: absolute;
  right: 38px;
  display: inline;
  background-color: #d14428;
  border-radius: 50%;
  color: white;
  font: bold .875rem 'Proxima Nova', Arial, sans-serif;
  min-height: 23px;
  min-width: 23px;
  padding: 6px 6px 3px;
  text-align: center;
  top: -3px;
}

nav.submenu .no-unread-alert-number {
  position: relative;
  bottom: 0px;
}

nav.submenu a.active {
  -webkit-box-shadow: inset -1px -6px 0px -3px #002b45;
  -moz-box-shadow: inset -1px -6px 0px -3px #002b45;
  box-shadow: inset -1px -6px 0px -3px #002b45;
}

nav.submenu .trigger:before {
  box-sizing: content-box;
}

/* Search */

/* ---- */

/* -- Large Search -- */

/* -------------------------------------------------- */

#participant-search-auto-complete {
  display: block;
  position: relative;
  right: 220px;
  top: -98px;
}

#participant-search-bar-auto-complete {
  display: block;
  position: relative;
  right: 150px;
  top: -25px;
}

#select-receipts-title,
#available-deposit-detail-matches-title {
  margin: 0 0 1.5rem 0;
}

.advanced-search-home {
  position: absolute;
  bottom: 0px;
  right: 0px;
  margin: 10px;
}

.search-large {
  padding: 4.5rem 1rem 2rem 1rem;
  -webkit-box-flex: 1;
  -webkit-flex: 1 0 auto;
  -ms-flex: 1 0 auto;
  flex: 1 0 auto;
  width: 100%;
}

.search-large .search {
  padding: 0;
}

.search-large p {
  margin-bottom: 0;
  margin-top: 1.5rem;
}

@media (min-width: 760px) and (max-width: 1023px) {
  .search-large {
    padding-left: 1rem;
  }
}

.search-horizontal {
  float: left;
}

.search-horizontal label {
  display: block;
  margin-bottom: .3rem;
}

.search-horizontal input {
  display: inline-block;
  min-width: 12rem;
}

@media (min-width: 760px) and (max-width: 1023px) {
  .search-horizontal input {
    -webkit-appearance: none;
  }
}

.search-horizontal select {
  display: inline-block;
  min-width: 12rem;
}

@media (min-width: 760px) and (max-width: 1023px) {
  .search-horizontal select {
    -webkit-appearance: menulist;
  }
}

.search-horizontal .button-primary {
  margin-top: 0;
  min-width: 0;
}

@media (min-width: 760px) and (max-width: 1023px) {
  .search-horizontal .button-primary {
    -webkit-appearance: none;
  }
}

.search-horizontal .submit__no-label {
  margin-top: 1.2rem;
  min-width: 0;
}

@media (min-width: 760px) and (max-width: 1023px) {
  .search-horizontal .submit__no-label {
    -webkit-appearance: none;
  }
}

.search-advanced {
  display: inline-block;
}

.search-horizontal {
  float: left;
}

.advanced-search input {
  margin-bottom: 0;
}

.search__form-inline .compartment,
.search__form-group .compartment {
  background: white;
  float: left;
  margin-bottom: 1rem;
  box-shadow: 1px 1px 0px 0px #d5d5d5;
  width: 100%;
  flex: 1;
  border-radius: 3px;
  position: relative;
}

.search__form-inline .compartment .content,
.search__form-group .compartment .content {
  padding-bottom: 0;
}

.search__form-inline .compartment .content h3,
.search__form-group .compartment .content h3 {
  display: block;
  color: #002b45;
  width: 100%;
  margin: 1rem 0 1.5rem 0;
  text-transform: uppercase;
  padding: 0 0 .5rem 0;
  font-size: 1rem;
  font-weight: 600;
  line-height: 1;
}

/* Styles for Search page results */

.search {
  padding: 1rem;
  display: table;
  width: 100%;
  /* autocomplete container */
  /* Search Results */
}

@media (min-width: 760px) and (max-width: 1023px) {
  .search {
    width: 100%;
  }
}

.search__form-group {
  display: inline-block;
  margin-bottom: 0;
  vertical-align: middle;
  position: relative;
}

.search__form-group label {
  font-weight: normal;
}

.search .or {
  margin: 2.4rem 2rem 0rem 0rem;
  font-weight: 600;
  display: inline-block;
}

@media (min-width: 760px) and (max-width: 1023px) {
  .search .or {
    margin-right: 1rem;
  }
}

.search form {
  margin: 0;
  position: relative;
}

.search input[type="textarea"],
.search input[type="text"] {
  padding: .85rem;
  font-size: 1.3rem;
  width: 22rem;
  margin-bottom: 0;
  height: 100%;
  line-height: 1.3;
}

@media (min-width: 760px) and (max-width: 1023px) {
  .search input[type="textarea"],
  .search input[type="text"] {
    width: 20rem;
    margin-right: 1rem;
  }
}

@media (max-width: 759px) {
  .search input[type="textarea"],
  .search input[type="text"] {
    width: 20rem;
    margin-right: 1rem;
  }
}

@media (min-width: 1024px) {
  .search input[type="textarea"],
  .search input[type="text"] {
    width: 26rem;
    margin-right: 2rem;
  }
}

.search .button-primary {
  padding: 0.8rem 2rem;
  font-size: 1.3rem;
  line-height: 1.3;
  height: auto;
  border-radius: 3rem;
  margin-bottom: 0;
  margin-right: 0;
  -webkit-appearance: none;
}

.search .submit__no-label {
  padding: 0.8rem 2rem;
  font-size: 1.3rem;
  line-height: 1.32;
  height: auto;
  border-radius: 3rem;
  margin-bottom: 0;
  margin-right: 0;
}

@media (min-width: 760px) and (max-width: 1023px) {
  .search .submit__no-label {
    -webkit-appearance: none;
  }
}

.search .search-results {
  width: 50rem;
  height: auto;
  background: #fff;
  border: 1px solid #cecece;
  z-index: 1;
  position: absolute;
  top: 4.7rem;
  left: 0;
  padding: 1rem;
  font-size: .875rem;
  /*
        took out padding in all areas below and added padding-left to account ***KEEP THIS AND ALL INCLUDES BELOW*** Don't update from Nicoles
        */
}

.search .search-results__row {
  width: 100%;
  border-bottom: 1px solid #efefef;
  float: left;
  cursor: pointer;
  position: relative;
  padding: 0;
}

.search .search-results__row tr {
  padding: 0;
}

.search .search-results__row:last-child {
  border-bottom: none;
}

.search .search-results__row:nth-child(even) {
  background: #efefef;
}

.search .search-results .no-search-results {
  border: none;
  position: relative;
  background-color: #fff;
}

.search .search-results .no-search-results td {
  background-color: #fff;
}

.search .search-results__header {
  font-weight: 400;
  cursor: default;
  background: #cecece !important;
}

.search .search-results__header:hover {
  background: #cecece;
}

.search .search-results__name {
  width: 25%;
  float: left;
}

.search .search-results__ssn {
  width: 25%;
  float: left;
}

.search .search-results__plan-sponsor-name {
  width: 30%;
  float: left;
}

.search .search-results__account {
  width: 20%;
  text-align: left;
  font-weight: inherit;
}

.search .search-results__account-plan {
  width: 20%;
  padding-left: 1.2rem;
  text-align: left;
  font-weight: inherit;
}

.search .viewall {
  text-align: right;
  float: right;
  padding: .5rem 0 0 0;
  display: inline-block;
  position: relative;
  bottom: 0;
  right: 0;
}

.search .viewall:after {
  content: "";
  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent;
  border-left: 5px solid #d14428;
  position: relative;
  display: inline-block;
  margin-left: .5rem;
  vertical-align: middle;
  margin-bottom: 2px;
  transition: all .2s ease-in;
}

.search .viewall:hover:after {
  transform: translate(0.3rem, 0);
}

.search .loader__wrapper {
  bottom: 0;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 1;
}

.search .overlay {
  width: 100%;
  height: 100%;
  background: rgba(255, 255, 255, 0.8);
  position: absolute;
  z-index: 0;
  top: 0;
  right: 0;
  left: 0;
}

.search .loader {
  margin: 6em auto;
  font-size: 10px;
  position: relative;
  text-indent: -9999em;
  border-top: 1.1em solid rgba(0, 178, 169, 0.2);
  border-right: 1.1em solid rgba(0, 178, 169, 0.2);
  border-bottom: 1.1em solid rgba(0, 178, 169, 0.2);
  border-left: 1.1em solid #00857f;
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-animation: spin 1.1s infinite linear;
  animation: spin 1.1s infinite linear;
  z-index: 1;
}

.search .loader:after,
.search .loader {
  border-radius: 50%;
  width: 10em;
  height: 10em;
}

@-webkit-keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

@keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

/* ui-grid styles */

.hidden-ada,
.ui-grid-invisible {
  display: none !important;
  visibility: hidden;
}

[ui-grid-expandable-row] > .ui-grid > .ui-grid-contents-wrapper > .ui-grid-render-container > [role="rowgroup"] > .ui-grid-canvas .ui-grid-row:hover [role="row"] [role="gridcell"],
[ui-grid-expandable-row] > .ui-grid > .ui-grid-contents-wrapper > .ui-grid-render-container > [role="rowgroup"] > .ui-grid-canvas .ui-grid-row:hover:nth-child(even) [role="row"] [role="gridcell"] {
  border: none;
  background-color: #c1d3d0;
}

.ui-grid {
  height: auto !important;
  border: 0px !important;
}

.ui-grid .ui-grid-row:nth-child(even) .ui-grid-cell {
  background-color: #e9e9e9;
}

.ui-grid .ui-grid-canvas,
.ui-grid .ui-grid-viewport,
.ui-grid .ui-grid-row {
  height: auto !important;
}

.ui-grid .gridStyle {
  font-weight: 400;
  text-align: left;
  border: 0px;
  padding: 1px 1rem 1rem 1rem;
  background-color: #ff3;
}

.ui-grid .ui-grid-header {
  border: 0px;
}

.ui-grid .ui-grid-header-cell {
  background: #333;
  color: #fff;
  border: 0px;
  background: #333;
  color: #fff;
  font-weight: 600;
  padding: 5px;
}

.ui-grid [class^="ui-grid-icon"]::before,
.ui-grid [class*=" ui-grid-icon"]::before {
  line-height: .9em;
}

.ui-grid .ui-grid-contents-wrapper {
  border: 1px solid #cecece;
}

.ui-grid .ui-grid-contents-wrapper .ui-grid-render-container .ui-grid-canvas {
  padding: 0;
  width: 100% !important;
}

.ui-grid .ui-grid-contents-wrapper .ui-grid-render-container .ui-grid-header-cell-row .ui-grid-header-cell,
.ui-grid .ui-grid-contents-wrapper .ui-grid-render-container .ui-grid-header-cell-row .ui-grid-cell,
.ui-grid .ui-grid-contents-wrapper .ui-grid-render-container .ui-grid-row .ui-grid-header-cell,
.ui-grid .ui-grid-contents-wrapper .ui-grid-render-container .ui-grid-row .ui-grid-cell {
  display: table-cell;
  vertical-align: top;
  float: none;
  height: auto;
  padding: 5px 10px;
  border: 0px;
}

.ui-grid .ui-grid-contents-wrapper .ui-grid-render-container .ui-grid-header-cell-row .ui-grid-header-cell .ui-grid-vertical-bar,
.ui-grid .ui-grid-contents-wrapper .ui-grid-render-container .ui-grid-header-cell-row .ui-grid-cell .ui-grid-vertical-bar,
.ui-grid .ui-grid-contents-wrapper .ui-grid-render-container .ui-grid-row .ui-grid-header-cell .ui-grid-vertical-bar,
.ui-grid .ui-grid-contents-wrapper .ui-grid-render-container .ui-grid-row .ui-grid-cell .ui-grid-vertical-bar {
  height: auto;
}

.ui-grid .ui-grid-cell-contents {
  white-space: normal;
  -ms-text-overflow: unset;
  -o-text-overflow: unset;
  text-overflow: unset;
  padding: 5px 0 0 0 !important;
}

.ui-grid#roles-grid .ui-grid-row:hover > [ui-grid-row] > .ui-grid-cell,
.ui-grid#feature-groups-grid .ui-grid-row:hover > [ui-grid-row] > .ui-grid-cell {
  background-color: #c1d3d0;
  color: #000;
  cursor: pointer;
}

.ui-grid#roles-grid .ui-grid-row.ui-grid-row-selected > [ui-grid-row] > .ui-grid-cell,
.ui-grid#feature-groups-grid .ui-grid-row.ui-grid-row-selected > [ui-grid-row] > .ui-grid-cell {
  background-color: #002b45;
  color: #fff;
  font-weight: 600;
}

.ui-grid#role-features-grid .ui-grid-row:hover > [ui-grid-row="row"] > .ui-grid-cell {
  background-color: #c1d3d0;
  color: #000;
  cursor: pointer;
}

.ui-grid#role-features-grid [ui-grid-expandable-row] > .ui-grid > .ui-grid-contents-wrapper > .ui-grid-render-container > [role="rowgroup"] > .ui-grid-canvas .ui-grid-row [role="row"] [role="gridcell"] {
  border: none;
  background-color: #fff;
}

.ui-grid#role-features-grid [ui-grid-expandable-row] > .ui-grid > .ui-grid-contents-wrapper > .ui-grid-render-container > [role="rowgroup"] > .ui-grid-canvas .ui-grid-row:hover [role="row"] [role="gridcell"],
.ui-grid#role-features-grid [ui-grid-expandable-row] > .ui-grid > .ui-grid-contents-wrapper > .ui-grid-render-container > [role="rowgroup"] > .ui-grid-canvas .ui-grid-row:hover:nth-child(even) [role="row"] [role="gridcell"] {
  border: none;
  background-color: #c1d3d0;
}

.ui-grid#role-features-grid [ui-grid-expandable-row] > .ui-grid > .ui-grid-contents-wrapper > .ui-grid-render-container > [role="rowgroup"] > .ui-grid-canvas .ui-grid-row:nth-child(even) [role="row"] [role="gridcell"] {
  background-color: #e9e9e9;
}

.ui-grid .ui-grid-pager-panel {
  width: 100%;
  position: relative;
  padding: 22px 0 0 0;
  float: left;
}

.ui-grid .ui-grid-pager-panel input,
.ui-grid .ui-grid-pager-panel select {
  margin: 0;
}

.ui-grid .ui-grid-pager-panel abbr {
  text-decoration: none;
}

.ui-grid .ui-grid-pager-panel .ui-grid-pager-count-container {
  margin: 0;
  line-height: 26px;
}

.ui-grid .ui-grid-pager-panel .ui-grid-pager-count-container .ui-grid-pager-count {
  margin-right: 0px;
}

.ui-grid .ui-grid-pager-control {
  margin-left: 0px;
}

.ui-grid .ui-grid-pager-control button.disabled,
.ui-grid .ui-grid-pager-control button[disabled],
.ui-grid .ui-grid-pager-control button.disabled:hover,
.ui-grid .ui-grid-pager-control button[disabled]:hover,
.ui-grid .ui-grid-pager-control button.disabled:focus,
.ui-grid .ui-grid-pager-control button[disabled]:focus,
.ui-grid .ui-grid-pager-control button.disabled.focus,
.ui-grid .ui-grid-pager-control button[disabled].focus,
.ui-grid .ui-grid-pager-control button.disabled:active,
.ui-grid .ui-grid-pager-control button[disabled]:active,
.ui-grid .ui-grid-pager-control button.disabled.active,
.ui-grid .ui-grid-pager-control button[disabled].active,
fieldset[disabled] .ui-grid .ui-grid-pager-control button,
fieldset[disabled] .ui-grid .ui-grid-pager-control button:hover,
fieldset[disabled] .ui-grid .ui-grid-pager-control button:focus,
fieldset[disabled] .ui-grid .ui-grid-pager-control button.focus,
fieldset[disabled] .ui-grid .ui-grid-pager-control button:active,
fieldset[disabled] .ui-grid .ui-grid-pager-control button.active {
  border-color: #002b45;
  background-color: #fff;
  opacity: .5;
}

.ui-grid .ui-grid-pager-control .ui-grid-pager-max-pages-number {
  vertical-align: middle;
}

.ui-grid .ui-grid-pager-control .first-triangle {
  border-color: transparent #002b45 transparent transparent;
}

.ui-grid .ui-grid-pager-control .first-bar {
  border-left: 2px solid #002b45;
}

.ui-grid .ui-grid-pager-control .input {
  border: 1px solid #efefef;
  line-height: normal;
}

.ui-grid .ui-grid-pager-control .last-triangle {
  border-color: transparent transparent transparent #002b45;
}

.ui-grid .ui-grid-pager-control .last-bar {
  border-left: 2px solid #002b45;
}

.ui-grid#participant-account-grid .ui-grid-header-cell-row,
.ui-grid#participant-account-grid .ui-grid-row,
.ui-grid#funds-grid .ui-grid-header-cell-row,
.ui-grid#funds-grid .ui-grid-row {
  display: block;
}

.ui-grid#participant-account-grid .ui-grid-header-cell-row .ui-grid-cell,
.ui-grid#participant-account-grid .ui-grid-row .ui-grid-cell,
.ui-grid#funds-grid .ui-grid-header-cell-row .ui-grid-cell,
.ui-grid#funds-grid .ui-grid-row .ui-grid-cell {
  display: block;
  vertical-align: inherit;
  float: left;
  height: 30px;
  padding: 5px;
}

.ui-grid#participant-account-grid .ui-grid-header-cell-row .ui-grid-cell .ui-grid-vertical-bar,
.ui-grid#participant-account-grid .ui-grid-row .ui-grid-cell .ui-grid-vertical-bar,
.ui-grid#funds-grid .ui-grid-header-cell-row .ui-grid-cell .ui-grid-vertical-bar,
.ui-grid#funds-grid .ui-grid-row .ui-grid-cell .ui-grid-vertical-bar {
  height: auto;
}

@-moz-document url-prefix()  {
  .ui-grid#participant-account-grid .ui-grid-header-cell:first-child,
  .ui-grid#funds-grid .ui-grid-header-cell:first-child {
    padding-bottom: 5.5px;
  }

  .ui-grid.addon-radio.with-link .ui-grid-disable-selection .ui-grid-cell-contents {
    height: 22.2px;
  }

  .ui-grid.addon-radio.without-link .ui-grid-disable-selection .ui-grid-cell-contents {
    height: 17px;
  }
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .ui-grid#participant-account-grid .ui-grid-header-cell:first-child,
  .ui-grid#funds-grid .ui-grid-header-cell:first-child {
    padding-bottom: 3.5px;
  }
}

.ui-grid#source-grid,
.ui-grid#fund-grid,
.ui-grid#funds-grid,
.ui-grid#participant-account-grid,
.ui-grid#plan-accounts-grid {
  border: 1px solid #cecece !important;
  /*  .ui-grid-row.ui-grid-row-selected > [ui-grid-row] > .ui-grid-cell {
        //background-color: $color-primary;
        //color: $white;
        font-weight: 600;
      }*/
}

.ui-grid#source-grid .ui-grid-row:hover > [ui-grid-row] > .ui-grid-cell,
.ui-grid#fund-grid .ui-grid-row:hover > [ui-grid-row] > .ui-grid-cell,
.ui-grid#funds-grid .ui-grid-row:hover > [ui-grid-row] > .ui-grid-cell,
.ui-grid#participant-account-grid .ui-grid-row:hover > [ui-grid-row] > .ui-grid-cell,
.ui-grid#plan-accounts-grid .ui-grid-row:hover > [ui-grid-row] > .ui-grid-cell {
  color: #000;
}

.ui-grid#source-grid .ui-grid-header-cell-wrapper,
.ui-grid#fund-grid .ui-grid-header-cell-wrapper,
.ui-grid#funds-grid .ui-grid-header-cell-wrapper,
.ui-grid#participant-account-grid .ui-grid-header-cell-wrapper,
.ui-grid#plan-accounts-grid .ui-grid-header-cell-wrapper {
  width: 101% !important;
  /* gotta love UI-grid, had to write this to overwrite the width. Oh my oh my. */
}

.ui-grid#source-grid .ui-grid-viewport,
.ui-grid#source-grid .ui-grid-canvas,
.ui-grid#fund-grid .ui-grid-viewport,
.ui-grid#fund-grid .ui-grid-canvas,
.ui-grid#funds-grid .ui-grid-viewport,
.ui-grid#funds-grid .ui-grid-canvas,
.ui-grid#participant-account-grid .ui-grid-viewport,
.ui-grid#participant-account-grid .ui-grid-canvas,
.ui-grid#plan-accounts-grid .ui-grid-viewport,
.ui-grid#plan-accounts-grid .ui-grid-canvas {
  min-height: 0px;
  height: auto;
}

.ui-grid#source-grid .ui-grid-top-panel,
.ui-grid#fund-grid .ui-grid-top-panel,
.ui-grid#funds-grid .ui-grid-top-panel,
.ui-grid#participant-account-grid .ui-grid-top-panel,
.ui-grid#plan-accounts-grid .ui-grid-top-panel {
  background: transparent;
}

.ui-grid#source-grid .ui-grid-contents-wrapper,
.ui-grid#fund-grid .ui-grid-contents-wrapper,
.ui-grid#funds-grid .ui-grid-contents-wrapper,
.ui-grid#participant-account-grid .ui-grid-contents-wrapper,
.ui-grid#plan-accounts-grid .ui-grid-contents-wrapper {
  border: none !important;
}

.ui-grid#source-grid .ui-grid-contents-wrapper .ui-grid-render-container,
.ui-grid#fund-grid .ui-grid-contents-wrapper .ui-grid-render-container,
.ui-grid#funds-grid .ui-grid-contents-wrapper .ui-grid-render-container,
.ui-grid#participant-account-grid .ui-grid-contents-wrapper .ui-grid-render-container,
.ui-grid#plan-accounts-grid .ui-grid-contents-wrapper .ui-grid-render-container {
  width: inherit;
}

.ui-grid#source-grid .ui-grid-contents-wrapper .ui-grid-render-container .ui-grid-canvas,
.ui-grid#fund-grid .ui-grid-contents-wrapper .ui-grid-render-container .ui-grid-canvas,
.ui-grid#funds-grid .ui-grid-contents-wrapper .ui-grid-render-container .ui-grid-canvas,
.ui-grid#participant-account-grid .ui-grid-contents-wrapper .ui-grid-render-container .ui-grid-canvas,
.ui-grid#plan-accounts-grid .ui-grid-contents-wrapper .ui-grid-render-container .ui-grid-canvas {
  padding: 0;
}

.ui-grid#source-grid .ui-grid-contents-wrapper .ui-grid-render-container .ui-grid-header-cell-row,
.ui-grid#source-grid .ui-grid-contents-wrapper .ui-grid-render-container .ui-grid-row,
.ui-grid#fund-grid .ui-grid-contents-wrapper .ui-grid-render-container .ui-grid-header-cell-row,
.ui-grid#fund-grid .ui-grid-contents-wrapper .ui-grid-render-container .ui-grid-row,
.ui-grid#funds-grid .ui-grid-contents-wrapper .ui-grid-render-container .ui-grid-header-cell-row,
.ui-grid#funds-grid .ui-grid-contents-wrapper .ui-grid-render-container .ui-grid-row,
.ui-grid#participant-account-grid .ui-grid-contents-wrapper .ui-grid-render-container .ui-grid-header-cell-row,
.ui-grid#participant-account-grid .ui-grid-contents-wrapper .ui-grid-render-container .ui-grid-row,
.ui-grid#plan-accounts-grid .ui-grid-contents-wrapper .ui-grid-render-container .ui-grid-header-cell-row,
.ui-grid#plan-accounts-grid .ui-grid-contents-wrapper .ui-grid-render-container .ui-grid-row {
  display: block;
}

.ui-grid#source-grid .ui-grid-contents-wrapper .ui-grid-render-container .ui-grid-header-cell-row .ui-grid-header-cell,
.ui-grid#source-grid .ui-grid-contents-wrapper .ui-grid-render-container .ui-grid-header-cell-row .ui-grid-cell,
.ui-grid#source-grid .ui-grid-contents-wrapper .ui-grid-render-container .ui-grid-row .ui-grid-header-cell,
.ui-grid#source-grid .ui-grid-contents-wrapper .ui-grid-render-container .ui-grid-row .ui-grid-cell,
.ui-grid#fund-grid .ui-grid-contents-wrapper .ui-grid-render-container .ui-grid-header-cell-row .ui-grid-header-cell,
.ui-grid#fund-grid .ui-grid-contents-wrapper .ui-grid-render-container .ui-grid-header-cell-row .ui-grid-cell,
.ui-grid#fund-grid .ui-grid-contents-wrapper .ui-grid-render-container .ui-grid-row .ui-grid-header-cell,
.ui-grid#fund-grid .ui-grid-contents-wrapper .ui-grid-render-container .ui-grid-row .ui-grid-cell,
.ui-grid#funds-grid .ui-grid-contents-wrapper .ui-grid-render-container .ui-grid-header-cell-row .ui-grid-header-cell,
.ui-grid#funds-grid .ui-grid-contents-wrapper .ui-grid-render-container .ui-grid-header-cell-row .ui-grid-cell,
.ui-grid#funds-grid .ui-grid-contents-wrapper .ui-grid-render-container .ui-grid-row .ui-grid-header-cell,
.ui-grid#funds-grid .ui-grid-contents-wrapper .ui-grid-render-container .ui-grid-row .ui-grid-cell,
.ui-grid#participant-account-grid .ui-grid-contents-wrapper .ui-grid-render-container .ui-grid-header-cell-row .ui-grid-header-cell,
.ui-grid#participant-account-grid .ui-grid-contents-wrapper .ui-grid-render-container .ui-grid-header-cell-row .ui-grid-cell,
.ui-grid#participant-account-grid .ui-grid-contents-wrapper .ui-grid-render-container .ui-grid-row .ui-grid-header-cell,
.ui-grid#participant-account-grid .ui-grid-contents-wrapper .ui-grid-render-container .ui-grid-row .ui-grid-cell,
.ui-grid#plan-accounts-grid .ui-grid-contents-wrapper .ui-grid-render-container .ui-grid-header-cell-row .ui-grid-header-cell,
.ui-grid#plan-accounts-grid .ui-grid-contents-wrapper .ui-grid-render-container .ui-grid-header-cell-row .ui-grid-cell,
.ui-grid#plan-accounts-grid .ui-grid-contents-wrapper .ui-grid-render-container .ui-grid-row .ui-grid-header-cell,
.ui-grid#plan-accounts-grid .ui-grid-contents-wrapper .ui-grid-render-container .ui-grid-row .ui-grid-cell {
  display: block;
  vertical-align: inherit;
  float: left;
  min-height: 35px;
  padding: 5px;
}

.ui-grid#source-grid .ui-grid-contents-wrapper .ui-grid-render-container .ui-grid-header-cell-row .ui-grid-header-cell .ui-grid-vertical-bar,
.ui-grid#source-grid .ui-grid-contents-wrapper .ui-grid-render-container .ui-grid-header-cell-row .ui-grid-cell .ui-grid-vertical-bar,
.ui-grid#source-grid .ui-grid-contents-wrapper .ui-grid-render-container .ui-grid-row .ui-grid-header-cell .ui-grid-vertical-bar,
.ui-grid#source-grid .ui-grid-contents-wrapper .ui-grid-render-container .ui-grid-row .ui-grid-cell .ui-grid-vertical-bar,
.ui-grid#fund-grid .ui-grid-contents-wrapper .ui-grid-render-container .ui-grid-header-cell-row .ui-grid-header-cell .ui-grid-vertical-bar,
.ui-grid#fund-grid .ui-grid-contents-wrapper .ui-grid-render-container .ui-grid-header-cell-row .ui-grid-cell .ui-grid-vertical-bar,
.ui-grid#fund-grid .ui-grid-contents-wrapper .ui-grid-render-container .ui-grid-row .ui-grid-header-cell .ui-grid-vertical-bar,
.ui-grid#fund-grid .ui-grid-contents-wrapper .ui-grid-render-container .ui-grid-row .ui-grid-cell .ui-grid-vertical-bar,
.ui-grid#funds-grid .ui-grid-contents-wrapper .ui-grid-render-container .ui-grid-header-cell-row .ui-grid-header-cell .ui-grid-vertical-bar,
.ui-grid#funds-grid .ui-grid-contents-wrapper .ui-grid-render-container .ui-grid-header-cell-row .ui-grid-cell .ui-grid-vertical-bar,
.ui-grid#funds-grid .ui-grid-contents-wrapper .ui-grid-render-container .ui-grid-row .ui-grid-header-cell .ui-grid-vertical-bar,
.ui-grid#funds-grid .ui-grid-contents-wrapper .ui-grid-render-container .ui-grid-row .ui-grid-cell .ui-grid-vertical-bar,
.ui-grid#participant-account-grid .ui-grid-contents-wrapper .ui-grid-render-container .ui-grid-header-cell-row .ui-grid-header-cell .ui-grid-vertical-bar,
.ui-grid#participant-account-grid .ui-grid-contents-wrapper .ui-grid-render-container .ui-grid-header-cell-row .ui-grid-cell .ui-grid-vertical-bar,
.ui-grid#participant-account-grid .ui-grid-contents-wrapper .ui-grid-render-container .ui-grid-row .ui-grid-header-cell .ui-grid-vertical-bar,
.ui-grid#participant-account-grid .ui-grid-contents-wrapper .ui-grid-render-container .ui-grid-row .ui-grid-cell .ui-grid-vertical-bar,
.ui-grid#plan-accounts-grid .ui-grid-contents-wrapper .ui-grid-render-container .ui-grid-header-cell-row .ui-grid-header-cell .ui-grid-vertical-bar,
.ui-grid#plan-accounts-grid .ui-grid-contents-wrapper .ui-grid-render-container .ui-grid-header-cell-row .ui-grid-cell .ui-grid-vertical-bar,
.ui-grid#plan-accounts-grid .ui-grid-contents-wrapper .ui-grid-render-container .ui-grid-row .ui-grid-header-cell .ui-grid-vertical-bar,
.ui-grid#plan-accounts-grid .ui-grid-contents-wrapper .ui-grid-render-container .ui-grid-row .ui-grid-cell .ui-grid-vertical-bar {
  height: auto;
}

.ui-grid-render-container-body,
.ui-grid-viewport,
.ui-grid-header-viewport,
.ui-grid-top-panel,
.ui-grid-header-cell,
.ui-grid-footer-cell-row,
.ui-grid-footer-cell-wrapper,
.ui-grid-header-canvas,
.ui-grid-header-cell-row,
.ui-grid-header-cell-wrapper,
.ui-grid-footer-viewport,
.ui-grid-footer-canvas {
  border: none;
  width: 100% !important;
}

hours-and-compensation-grid .ui-grid-pinned-container-left + .ui-grid-render-container-body {
  width: calc(100% - 110px) !important;
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .ui-grid#associated-admin-grid .ui-grid-disable-selection .ui-grid-cell-contents,
  .ui-grid#planSponsor-paycenter-grid .ui-grid-disable-selection .ui-grid-cell-contents {
    height: 25px;
  }
}

.summary .ui-grid .ui-grid-contents-wrapper .ui-grid-render-container .ui-grid-row .ui-grid-cell {
  padding: 6px 0 6px 9px;
}

.summary .ui-grid .ui-grid-contents-wrapper .ui-grid-render-container .ui-grid-row .ui-grid-cell .icon-delete {
  padding: 0 0 7px 0;
}

.summary .ui-grid .ui-grid-contents-wrapper .left.ui-grid-render-container-left .ui-grid-row .ui-grid-cell {
  padding: 5px 0 4px 5px !important;
}

.summary div[role="gridcell"] .icon-chevron-up:before,
.summary div[role="gridcell"] .icon-chevron-down:before {
  margin-top: 7px;
}

.sort-by-receipts {
  padding: 10px 0 10px 1rem;
}

.sort-by-receipts:nth-child(3),
.sort-by-receipts:nth-child(4) {
  border-left: 1px solid #cecece;
}

.sort-by-receipts select {
  margin: 7px 0;
}

.sort-by-receipts .ascending-descending input {
  margin: 0 0.7rem 0 1rem;
}

.section-actions.add-sort-option {
  margin: auto 0;
  display: table;
  padding: 19px 0 0 20px;
  height: 70px;
  border-left: 1px solid #cecece;
}

.ui-grid-pager-row-count-label {
  position: absolute;
  padding: 7px 0;
}

.addon-radio .ui-grid-header-cell-wrapper {
  border: 0;
}

.addon-radio .ui-grid-viewport {
  border: 0;
  width: 100%;
}

.addon-radio .ui-grid-header-canvas {
  background: #333;
}

.addon-radio .ui-grid-row:nth-child(odd) .ui-grid-row-header-cell {
  background: #fdfdfd;
}

.addon-radio .ui-grid-row-header-cell input {
  width: auto;
}

.addon-radio .ui-grid-disable-selection .ui-grid-cell-contents {
  padding: 0;
  margin: 0;
  display: flex;
  justify-content: center;
}

.addon-radio.with-link .ui-grid-disable-selection .ui-grid-cell-contents {
  height: 21.5px;
}

.addon-radio.without-link .ui-grid-disable-selection .ui-grid-cell-contents {
  height: 16.5px;
}

.addon-radio .ui-grid-row:nth-child(odd) .ui-grid-cell {
  background-color: #fdfdfd;
}

.addon-radio .ui-grid-row:nth-child(odd).ui-grid-row-selected > [ui-grid-row] > .ui-grid-cell {
  background-color: #c9dde1 !important;
}

.addon-radio div.ui-grid-cell input.ng-valid {
  margin: 0;
}

.addon-radio .ui-grid-selection-row-header-buttons {
  align-self: center;
}

.asc-desc-arrow span.ui-grid-icon-blank:before {
  width: 0;
}

.asc-desc-arrow span.ui-grid-invisible {
  visibility: visible;
  display: inline-block !important;
  margin: 0;
}

.asc-desc-arrow span.ui-grid-invisible.ui-grid-icon-blank:after {
  font-family: "Momentum Asp";
  text-decoration: none;
  padding: 0;
  font-size: .8em;
  margin: 2px 0 0 -4px;
  position: absolute;
  content: "\e618\e617";
  letter-spacing: -0.6em;
  font-weight: normal;
}

.asc-desc-arrow span.ui-grid-icon-down-dir:after {
  font-family: "Momentum Asp";
  text-decoration: none;
  padding: 0;
  font-size: 1.2em;
  margin: -1px 3px;
  content: "\e618";
  position: absolute;
}

.asc-desc-arrow span.ui-grid-icon-up-dir:after {
  font-family: "Momentum Asp";
  text-decoration: none;
  padding: 0;
  font-size: 1.2em;
  margin: -1px 3px;
  content: "\e617";
  position: absolute;
}

.ui-grid-header-cell i {
  padding: 0;
}

.ui-grid-header-cell i:before {
  line-height: 0.2em;
}

.ui-grid-header-cell .ui-grid-invisible {
  margin: 0 0 5px 0;
  display: inline-block !important;
  visibility: visible !important;
}

.ui-grid-header-cell .ui-grid-invisible i {
  font-style: normal;
}

.ui-grid-header-cell .ui-grid-invisible i.ui-grid-icon-blank {
  display: none !important;
  visibility: hidden !important;
}

.ui-grid-header-cell .ui-grid-invisible i:before {
  font-family: "Momentum Asp";
  text-decoration: none;
  padding: 0;
  font-size: 1em;
  position: absolute;
  content: "\e618\e617";
  letter-spacing: -0.6em;
  font-weight: normal;
}

.ui-grid-header-cell sub.ui-grid-invisible {
  visibility: hidden !important;
  display: none !important;
}

.ui-grid-header-cell.text-right .ui-grid-cell-contents span {
  float: right;
  padding: 0 17px 0 0;
}

.ui-grid-header-cell.text-right .ui-grid-cell-contents span i {
  font-style: normal;
  position: absolute;
  right: 28px;
}

.ui-grid-header-cell.text-right .ui-grid-cell-contents span i:before {
  left: 2px;
  position: absolute;
  top: 4px;
}

.ui-grid-header-cell-primary-focus span:after,
.ui-grid-header-cell-primary-focus .ui-grid-invisible {
  display: none;
}

/* This fixes the check-all header checkbox on "On demand fee request" page level-accounts "Particpant Accounts" grid  ~ Kendra 04-20-18 */

.autocomplete-search-results {
  width: 30rem;
  height: auto;
  background: #fff;
  border: 1px solid #cecece;
  z-index: 1;
  position: absolute;
  padding: 1rem;
  font-size: .875rem;
}

.autocomplete-search-results .scroll-results {
  max-height: 300px;
  overflow-y: auto;
}

.autocomplete-search-results .no-search-results {
  border: none;
  position: relative;
  background-color: #fff;
}

.autocomplete-search-results.search-results__plan {
  width: 40rem;
}

.autocomplete-search-results.search-results__participant {
  width: 50rem;
}

.autocomplete-search-results.search-results__participant-with-loan-number {
  width: 61rem;
}

.autocomplete-search-results .viewall {
  margin-right: 1rem;
  font-size: 1rem;
}

.search-results-down-arrow {
  z-index: 0;
  float: right;
  position: relative;
  border-left-style: none !important;
}

.search-results-down-arrow-large {
  margin-left: -2rem;
  margin-right: 2rem;
  line-height: 2.80 !important;
}

.search-results-down-arrow-small {
  margin-left: -0.6rem;
  margin-right: 2rem;
  line-height: 1.32 !important;
}

.search-inner input[type="textarea"],
.search-inner input[type="text"] {
  width: 16rem !important;
  margin-bottom: 0;
}

.search-inner .submit__no-label {
  margin-bottom: 0;
  margin-top: 0;
  -webkit-appearance: none;
}

.search-inner .or {
  margin: .5rem 0.5rem 0 0.1rem;
  font-weight: 600;
  display: inline-block;
}

.searchbox {
  float: left;
  margin-top: 12px;
  margin-left: 28px;
}

.searchbox select {
  margin-bottom: 0;
  margin-right: .5rem;
}

.searchbox label {
  color: #fff;
}

.searchbox input[type="text"] {
  width: 20rem;
  margin-right: .5rem;
  color: #333;
  font-size: .875rem;
}

.searchbox input.search {
  background: url("icon-search.svg") no-repeat #fff 1rem center;
  background-size: 1rem;
  padding-left: 2.8rem;
  margin-bottom: 0;
  width: 20rem;
}

.searchbox input[type="submit"] {
  margin-bottom: 0;
  margin-right: 0;
  line-height: .275rem;
  font-size: .923rem;
}

.searchbox input[type="submit"]:hover,
.searchbox input[type="submit"]:focus {
  background: #001a2b;
}

.searchbox .search-results {
  width: 50rem;
  height: auto;
  background: #fff;
  border: 1px solid #cecece;
  z-index: 1;
  position: absolute;
  top: 2.95rem;
  left: 0;
  padding: 1rem;
  font-size: .875rem;
  margin-top: -12px;
}

.searchbox .search-results__header {
  font-weight: 400;
  cursor: default;
  background: #333;
}

.searchbox .search-results__header:hover {
  background: #cecece;
}

.has-scroll .search-results {
  max-height: 300px;
  overflow: auto;
}

.advanced-search .search-results.small-search-box {
  width: 20rem;
}

.advanced-search .search-results.search-box-61 {
  width: 61rem;
}

.advanced-search .search-results {
  width: 50rem;
  background: #fff;
  border: 1px solid #cecece;
  z-index: 1;
  margin-top: -0.3rem;
  position: absolute;
  padding: 1rem;
  font-size: .875rem;
}

.advanced-search .search-results__header {
  font-weight: 400;
  cursor: default;
  background: #333;
}

.advanced-search .search-results__header:hover {
  background: #333;
}

.margin-left-20 {
  margin-left: 20.2rem;
}

.message-warning {
  background: rgba(176, 206, 216, 0.2);
  padding: 1rem;
}

td p {
  font-size: inherit;
}

.ui-autocomplete {
  padding-left: 0;
  margin-bottom: 0;
}

.ui-autocomplete .ui-menu-item {
  list-style: none;
  margin-left: 0;
  margin-bottom: 0;
}

.search-results {
  /* end of tr */
}

.search-results__row {
  width: 100%;
  border-bottom: 1px solid #efefef;
  float: left;
  cursor: pointer;
  position: relative;
  padding: 0;
}

.search-results__row tr {
  padding: 0;
}

.search-results__row:last-child {
  border-bottom: none;
}

.search-results__row:nth-child(even),
.search-results__row:nth-child(even) th[scope="row"] {
  background: #efefef;
}

.search-results__name {
  width: 25%;
  float: left;
}

.search-results__ssn {
  width: 15%;
  float: left;
}

.search-results__plan-sponsor-name {
  width: 40%;
  float: left;
}

.search-results__account {
  width: 20%;
  padding: .6rem .5rem;
  text-align: left;
  font-weight: inherit;
}

.search-results__account-plan {
  width: 20%;
  padding-left: 4.6rem;
  text-align: left;
  font-weight: inherit;
}

.search-results tr.highlightRow {
  padding: 0;
}

.search-results tr.highlightRow th {
  background: #002b45;
}

.search-results tr.highlightRow:last-child {
  border-bottom: none;
  color: #fff;
}

.search-results tr.highlightRow:nth-child(even),
.search-results tr.highlightRow:nth-child(even) th[scope="row"] {
  background: #002b45;
  color: #fff;
}

.search-results tr.highlightRow:nth-child(odd),
.search-results tr.highlightRow:nth-child(odd) th[scope="row"] {
  background: #002b45;
  color: #fff;
}

.search-results tr a:hover,
.search-results tr a:focus {
  color: #fff;
  border-bottom: none;
}

.search-results tr a.viewall:hover,
.search-results tr a.viewall:focus {
  color: #002b45;
}

.search-results .no-search-results {
  border: none;
  position: relative;
  background-color: white;
}

.search-results .no-search-results td {
  background-color: white;
}

.search-results.search-results__plan {
  width: 35rem;
}

.search-results.search-results__plan .search-results__name {
  width: 45%;
}

.search-results.search-results__plan .search-results__ssn-header {
  width: 25%;
}

.search-results.search-results__plan .search-results__account-header {
  width: 25%;
}

.search-results .viewall {
  margin-right: 1rem;
  font-size: 1rem;
}

.search-dynamic-scroll {
  overflow-y: scroll;
  max-height: 250px;
}

/* Login */

/* --------------------------- ----------------- */

/*        --------- LOGIN SCREEN --------- 		*/

/* ------------------------------------------- */

.section-login {
  min-height: 23em;
  padding-top: 3rem;
  background-color: #efefef;
  -webkit-box-flex: 1;
  -webkit-flex: 1 0 auto;
  -ms-flex: 1 0 auto;
  flex: 1 0 auto;
  width: 100%;
}

.login .content {
  padding: 2rem 2rem 1rem 2rem !important;
}

.login label {
  margin-bottom: .3rem;
  display: inline-block;
}

.login input {
  margin-bottom: 1rem;
  width: 100%;
  padding: .875rem 1.5rem;
  font-size: 1.3rem;
  border-radius: 4px;
}

.login input[type="submit"] {
  padding: 1.5rem;
}

.login .button {
  padding: 1.5rem;
  margin-bottom: 1rem;
  width: 100%;
  font-size: 1.3rem;
  border-radius: 4px;
  max-height: 45px;
}

.login a {
  margin-bottom: 1.5rem;
  display: inline-block;
}

.login .submit__no-label {
  height: auto;
  margin-bottom: 1rem;
}

.login .loader {
  margin: 0px auto;
  font-size: 10px;
  position: relative;
  text-indent: -9999em;
  border-top: 0.75em solid rgba(255, 255, 255, 0.2);
  border-right: 0.75em solid rgba(255, 255, 255, 0.2);
  border-bottom: 0.75em solid rgba(255, 255, 255, 0.2);
  border-left: .75em solid #ffffff;
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-animation: spin 1.1s infinite linear;
  animation: spin 1.1s infinite linear;
  transition: visibility .5s ease-out .6s;
}

.login .loader,
.login .loader:after,
.login .search .loader,
.search .login .loader {
  border-radius: 50%;
  width: 2.5em;
  height: 2.5em;
  margin-top: -7px;
}

.login__form--row {
  width: 100%;
  padding: 0;
  clear: both;
}

@-webkit-keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

@keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

.login .content {
  padding: 0 !important;
}

/* Dashboard */

/* Dashboard */

.dashboard__reports--completed table {
  border: none;
}

.dashboard__reports--completed tr:nth-child(odd) {
  background: none;
}

.dashboard__reports--completed td {
  padding: 1.2rem 0;
}

.help {
  display: none;
}

.dashboard__content {
  display: none;
}

.dashboard__content.active {
  display: block;
}

.dashboard-summary {
  position: relative;
}

.dashboard-summary .col-sm-3 {
  border-right: 1px solid #efefef;
}

.dashboard-summary .col-sm-3:last-child {
  border-right: none;
}

.dashboard-summary h3 {
  margin-bottom: .5rem;
}

.title {
  font-size: 1.2rem;
  font-weight: 300;
  color: #002b45;
  margin-bottom: .3rem;
  line-height: 1.5;
}

.number {
  font-size: 2rem;
  font-weight: 500;
  color: #dff0d8;
}

.dashboard-profile {
  position: relative;
}

/*Electronic Alerts */

.unread-alert-circle a:before {
  content: '';
  height: 8px;
  width: 8px;
  border-radius: 5px;
  background-color: #d14428;
  position: absolute;
  top: 3px;
  left: 0;
}

.my-unread-alert-circle {
  height: 65%;
  width: 8px;
  border-radius: 5px;
  background-color: #d14428;
  position: absolute;
  top: 4px;
  left: 5px;
}

.message {
  display: block;
}

.form-group #roles-recieve-alerts-table label {
  margin-bottom: 0;
}

table.table_transparent td {
  padding: 0;
  width: 25%;
}

td.titles {
  padding-bottom: 0 !important;
}

.table_transparent tr:nth-of-type(1) td {
  padding-top: 10px;
}

.table_transparent tr:nth-of-type(3) td {
  padding-top: 10px;
}

.table_transparent tr:nth-of-type(2) td,
.table_transparent tr:nth-of-type(4) td {
  padding-top: 5px;
}

.table_transparent tr:nth-of-type(4) td {
  padding-bottom: 10px;
}

.table_transparent tr:nth-of-type(4) td .button {
  margin-top: -15px;
}

tr.top-of-message-border {
  border-top: 1px solid #bbbbbc;
}

.table_transparent tr:nth-of-type(2) td {
  padding-bottom: 10px;
}

div.expandableRow .row {
  margin: 0 .85rem;
}

.table_transparent tr:nth-of-type(4) td .button {
  margin-top: -15px;
}

.table_transparent td.normal-font {
  font-weight: normal;
}

.unread-alert-circle a:before {
  content: '';
  height: 8px;
  width: 8px;
  border-radius: 5px;
  background-color: #d14428;
  position: absolute;
  top: 3px;
  left: 0;
}

table.table_transparent td {
  padding: 0;
  width: 25%;
}

td.titles {
  padding-bottom: 0 !important;
}

.table_transparent tr:nth-of-type(1) td {
  padding-top: 10px;
}

.table_transparent tr:nth-of-type(3) td {
  padding-top: 10px;
}

.table_transparent tr:nth-of-type(2) td,
.table_transparent tr:nth-of-type(4) td {
  padding-top: 5px;
}

.table_transparent tr:nth-of-type(4) td {
  padding-bottom: 10px;
}

.table_transparent tr:nth-of-type(4) td .button {
  margin-top: -15px;
}

tr.top-of-message-border {
  border-top: 1px solid #bbbbbc;
}

.table_transparent tr:nth-of-type(2) td {
  padding-bottom: 10px;
}

.content .section__body {
  padding-top: 20px;
  margin-bottom: 0px;
}

.content .section__body .row #alert-text {
  padding-left: 16px;
  padding-top: 5px;
  padding-bottom: 12px;
}

#mark-all-read-button {
  min-width: 200px;
}

/* Enrollments */

/* content section */

.content-section {
  float: left;
  width: 100%;
  padding: 2rem 2rem;
}

/* content section no bottom margin */

.content-section-no-margin-bottom {
  float: left;
  width: 100%;
  padding: 2rem 2rem 0rem;
}

.content-title-small {
  display: block;
  color: #002b45;
  font-size: 1rem;
  /* updated */
  width: 100%;
  margin: .5rem 0 .5rem 0;
  text-transform: capitalize;
  padding: 0 0 .5rem 0;
  font-weight: 600;
  line-height: 1;
}

.content-title-small ~ .separated-section {
  margin-top: 0;
}

.content-title-small.underlined {
  border-bottom: 1px solid #ebedef;
  padding-bottom: 1.5rem;
}

/* accordion sections used in enrollments */

/* .enrollments__accordion { @extend %clearfix;
    @include m(section) {.compartment .content {padding: 1rem 1rem 0; }}
}
 */

/* ONLY USED ON PROTOTYPE...FOR BUILD USE ICONS IN ICON FILE..chevron used for the accordion to show open/closed states */

.accordion__chevron:after {
  content: "\e618";
  font-family: "Momentum Asp";
  float: right;
  padding-right: 0.5rem;
  font-size: 1.5rem;
  font-style: normal;
}

.accordion__chevron.collapsed:after {
  content: "\e617";
  font-size: 1.5rem;
  font-style: normal;
}

.accordion__success:after {
  content: "";
  float: right;
  font-family: "Momentum Asp";
  padding-right: 0.5rem;
  padding-top: 0.7rem;
  color: #3c763d;
}

/* section for form actions */

.actions {
  text-align: right;
  border-top: 1px solid #efefef;
  margin-top: 1.5rem;
  padding-top: 1rem;
  display: inline-block;
  width: 100%;
}

/* RIGHT BUTTONS INLINE WITH TITLE */

.actions-inline {
  margin-bottom: 25px;
}

.actions-inline .content-title,
.actions-inline .tab-heading,
.actions-inline .table-title {
  display: inline;
}

.actions-inline .button,
.actions-inline a {
  float: right;
  display: inline-block;
}

.accordion__success:after {
  content: "";
  float: right;
  padding-right: 0.5rem;
  padding-top: 0.7rem;
  color: #3c763d;
}

/* TWO BUTTONS INLINE FILLING CONTENT */

.actions_two-layout--inline {
  display: inline;
}

.actions_two-layout--inline button,
.actions_two-layout--inline input[type="button"] {
  width: 50%;
  margin-left: -5px;
  margin-right: 3px;
}

/* IF BUTTONS ARE OUTSIDE OF THE COMPARTMENT THEN WE NEED TO GET RID OF THE TOP PADDING AND ADD BOTTOM MARGIN */

.compartment ~ .actions {
  margin-top: 0;
  margin-bottom: 40px;
  padding-top: 0;
}

.actions__no-line {
  text-align: right;
  margin-top: 1.5rem;
  padding-top: 1rem;
}

/* RIGHT BUTTONS INLINE WITH TITLE */

.actions-inline {
  margin-bottom: 25px;
}

.actions-inline .content-title,
.actions-inline .tab-heading,
.actions-inline .table-title {
  display: inline;
}

.actions-inline .button,
.actions-inline a {
  float: right;
  display: inline-block;
}

/* INLINE BUTTONS DISPLAYED ON LEFT */

.actions-inline-left .button {
  display: inline-block;
}

/* TWO BUTTONS INLINE FILLING CONTENT */

.actions_two-layout--inline {
  display: inline;
}

.actions_two-layout--inline button,
.actions_two-layout--inline input[type="button"] {
  width: 50%;
  margin-left: -5px;
  margin-right: 3px;
}

/* IF BUTTONS ARE OUTSIDE OF THE COMPARTMENT THEN WE NEED TO GET RID OF THE TOP PADDING AND ADD BOTTOM MARGIN */

.compartment ~ .actions {
  margin-top: 0;
  margin-bottom: 40px;
  padding-top: 0;
}

.sum-percentage {
  display: block;
  margin-bottom: 1rem;
  margin-right: 1rem;
  padding-right: 1.25rem;
  font-weight: 600;
}

.beneficiary-actions {
  padding-top: 20px;
  text-align: right;
  margin-bottom: 20px;
}

.modal-dialog {
  margin-top: 100px;
}

/* CARD SECTION */

.section__body {
  padding-bottom: 20px;
  margin-bottom: 15px;
}

.form-input {
  padding-top: 0;
  padding-bottom: 0;
}

/* SECTION WITH TOP AND BOTTOM BORDER */

.separated-section {
  border-top: 1px solid #efefef;
  border-bottom: 1px solid #efefef;
  padding: 25px 0 0;
  margin: 25px 0;
}

/* SECTION WITH TOP BORDER ONLY */

.separated-section-top {
  border-top: 1px solid #ebedef;
  margin: 30px 0 20px 0;
}

.separated-section-top .row {
  flex: none;
  display: block;
}

.separated-section-top a {
  text-align: left;
  color: #005691;
  font-size: 1rem;
}

.separated-section-top a:first-child {
  padding: 15px;
}

.separated-section-top a:last-child {
  padding: 0px;
  margin-top: 0;
}

/* SECTION WITH BOTTOM BORDER ONLY */

.separated-section-bottom {
  border-bottom: 1px solid #efefef;
  padding: 0 0 15px 0;
  margin: 0 0 15px 0;
}

.separated-section-bottom a {
  text-align: left;
  color: #005691;
  padding: 0;
  font-size: 1rem;
  padding-left: 20px;
}

.separated-section-bottom-last {
  border-bottom: none;
  padding: 0;
  margin: 0;
}

/* WHEN FORM SECTIONS ARE GROUPED AND NEED TO BE BUMPED IN MORE */

.form__grouped--section .radio-group {
  margin-left: 10px;
}

.form__grouped--section .radio-group .radio {
  margin-left: 2rem;
}

.form__grouped--section .radio-group input[type="radio"] {
  margin-right: 15px;
  position: relative;
}

.form__grouped--section .form-group {
  margin-left: 40px;
}

/* USE WHERE USER HAS TO SPECIFY A VALUE IN ONE OF THE TWO INPUTS */

.which-input .first__which-input {
  position: absolute;
  width: 20px;
  height: 20px;
  margin-top: 27px;
  margin-left: 15px;
  border-left: 1px solid #ccc;
  border-top: 1px solid #ccc;
  margin-right: 20px;
}

.which-input .second__which-input {
  position: absolute;
  width: 20px;
  height: 20px;
  margin-top: 70px;
  margin-left: 15px;
  border-left: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  margin-right: 20px;
}

.which-input span.or {
  position: absolute;
  margin-top: 51px;
  margin-left: 10px;
}

/* WHEN NO BENEFICIARIES ARE ADDED */

.beneficiary__section-none {
  border: 1px solid #efefef;
  margin: .5rem 0;
  padding: 1rem 2rem;
  background-color: #fcfcfc;
}

.phone-section,
.email-section,
.trust-arrangement-section {
  border-bottom: 1px solid #999;
  position: relative;
  display: block;
  width: 100%;
}

.phone-section .form-input,
.email-section .form-input,
.trust-arrangement-section .form-input {
  display: inline-block;
  margin: 0;
}

.phone-section td,
.email-section td,
.trust-arrangement-section td {
  vertical-align: top;
}

.email-section,
.phone-section {
  padding: 10px 0;
  border-bottom: 0rem;
}

.email-section input,
.email-section select,
.phone-section input,
.phone-section select {
  margin: 0;
}

.email-section table,
.phone-section table {
  width: 100%;
  max-width: 100%;
  border-collapse: collapse;
  border: none;
}

.email-section table tbody,
.email-section table.stripes,
.phone-section table tbody,
.phone-section table.stripes {
  border-left: 1px solid #999;
  border-right: 1px solid #999;
}

.email-section th:first-child,
.email-section th:last-child,
.phone-section th:first-child,
.phone-section th:last-child {
  width: 5%;
  text-align: center;
}

.email-section td:first-child,
.phone-section td:first-child {
  text-align: center;
}

.email-section span.has-error,
.phone-section span.has-error {
  margin: 6px 0 0 0;
}

.email-section .phone-type,
.phone-section .phone-type {
  width: 10%;
}

.email-section .phone-number,
.phone-section .phone-number {
  width: 30%;
}

.email-section .country-code,
.phone-section .country-code {
  width: 25%;
}

.email-section .comments,
.phone-section .comments {
  width: 25%;
}

.email-section tbody > tr:last-child,
.phone-section tbody > tr:last-child {
  border-bottom: 1px solid #999;
}

.trust-arrangement-section input,
.trust-arrangement-section select {
  margin: 0;
}

.trust-arrangement-section td {
  vertical-align: top;
}

.trust-arrangement-section td div {
  padding-bottom: 6px;
}

.trust-arrangement-section table {
  width: 100%;
  max-width: 100%;
  border-collapse: collapse;
  border: none;
}

.trust-arrangement-section th:first-child,
.trust-arrangement-section th:last-child {
  width: 5%;
}

.trust-arrangement-section span.has-error {
  margin: 6px 0 0 0;
}

.trust-arrangement-section .trust-arrangement {
  width: 66%;
}

.trust-arrangement-section .activation-date {
  width: 34%;
}

.section-actions {
  padding: 1rem 0;
}

.section-actions input {
  margin: 0;
}

.section-actions button {
  margin: 0;
}

.section-actions .button {
  margin: 0;
}

/* WHEN SUM IS NEEDED */

.section-sum {
  text-align: right;
  padding: 1rem;
  border-top: 1px solid #000;
  font-weight: 600;
  background-color: #e9f1f7;
}

.contribution-section {
  border: 1px solid #999;
  margin-bottom: 25px;
}

.contribution-section .contribution-sums {
  border-top: 1px solid #999;
  border-right: 1px solid #999;
  background-color: #e9f1f7;
  border-bottom: 1px solid #fefefe;
}

.contribution-section .contribution-sums ~ tr {
  background-color: #e9f1f7;
}

.body-investment-table {
  display: block;
  max-height: 250px;
  overflow: auto;
}

.dynamic-invesment-table {
  display: inherit;
  width: 100%;
}

.padding-investment-table {
  padding: .8rem 1rem 1rem 3rem;
}

.investment-section .right-separation,
.beneficiary-section .right-separation {
  border-right: 1px solid #fefefe;
}

.investment-section td .input-group,
.investment-section th .input-group,
.beneficiary-section td .input-group,
.beneficiary-section th .input-group {
  position: relative;
  margin: 0;
}

.investment-section .delete-column,
.beneficiary-section .delete-column {
  padding: 0;
  text-align: center;
}

.investment-section .delete-column .icon-button,
.beneficiary-section .delete-column .icon-button {
  padding: 8px 4px 5px;
}

.investment-section .scroll-column,
.beneficiary-section .scroll-column {
  width: 2%;
}

.investment-section .provide-individ-mix-delete,
.beneficiary-section .provide-individ-mix-delete {
  width: 1%;
  text-align: center;
}

.investment-section .show-all-delete,
.beneficiary-section .show-all-delete {
  width: 3.3%;
  text-align: center;
}

.beneficiary-section table,
shared-beneficiaries table {
  width: 99.9%;
}

.beneficiary-section table th:first-child,
shared-beneficiaries table th:first-child {
  width: 10%;
}

.beneficiary-section table .delete-column,
shared-beneficiaries table .delete-column {
  width: 2%;
  border-right: 1px solid #333;
}

.beneficiary-section table .radio-inline:first-child,
shared-beneficiaries table .radio-inline:first-child {
  padding: 0 0 0 8px;
}

.beneficiary-section table .or,
shared-beneficiaries table .or {
  min-width: 45px;
}

@-moz-document url-prefix()  {
  .beneficiary-section table > tbody > tr,
  shared-beneficiaries table > tbody > tr {
    border-left: 2px solid #cecece !important;
  }
}

.scrollable-tbody thead,
.scrollable-tbody tfoot {
  display: table;
  width: 100%;
}

.scrollable-tbody tbody {
  width: 100%;
  max-height: 250px;
  overflow: auto;
}

.scrollable-tbody tbody tr {
  display: table;
  width: 100%;
}

.or {
  width: 5%;
}

.small-cell {
  width: 10%;
}

.beneficiary__section-none {
  border: 1px solid #efefef;
  margin: .5rem 0;
  padding: 1rem 2rem;
  background-color: #fcfcfc;
}

.reason-date {
  display: block;
  margin-bottom: 10px;
}

.amount-frequency {
  margin-top: 5px;
}

.investment-section td .input-group,
.investment-section th .input-group {
  position: relative;
  padding: 0 10px 0 0;
  margin: 0;
}

#investments-table.sticky-table thead tr:nth-child(2) th {
  top: 20px;
}

#investments-table .name-column {
  min-width: 270px;
  max-width: 270px;
}

#investments-table .code-column {
  min-width: 65px;
}

#investments-table .source-column {
  min-width: 90px;
  max-width: 90px;
}

#investments-table .total-column {
  min-width: 335px;
  max-width: 335px;
}

#investments-table investments-auto-complete .typeahead-menu,
#investments-table shared-investments-auto-complete .typeahead-menu {
  width: 353px;
}

#investments-table investments-auto-complete .typeahead-menu .typeahead-header li,
#investments-table shared-investments-auto-complete .typeahead-menu .typeahead-header li {
  background-color: transparent !important;
}

#investments-table investments-auto-complete .typeahead-menu li div:nth-child(1),
#investments-table shared-investments-auto-complete .typeahead-menu li div:nth-child(1) {
  width: 72%;
}

/* Plan */

/* ---- */

/* -- Plan -- */

/* -------------------------------------------------- */

.plan-header {
  color: #333;
  margin: 0 0 2rem 0;
}

.plan-header h2 {
  font-size: 1.9rem;
  font-weight: normal;
}

.page-header .page-title {
  display: inline-block;
}

.page-header .button {
  float: right;
  margin: 0;
}

.content .section__body {
  padding-top: 0px;
}

.section__body {
  padding-bottom: 0px;
}

.section_header .icon-chevron-up,
.section_header .icon-chevron-down {
  padding: 0;
}

.section_header .icon-chevron-up::before,
.section_header .icon-chevron-down::before {
  font-size: 1.5rem;
  line-height: 1rem;
}

.section_header .section-content {
  margin: 0 0.5rem;
  padding: 0.5rem 0 1rem 0;
}

.section_header tfoot {
  border-top: 1px #efefef solid;
}

.section_header tfoot td {
  text-align: right;
  padding: 0.8rem 0 0 0;
}

.section_header tfoot td .viewall {
  margin: 0;
}

#plan-basics-section td,
#plan-dates-section td {
  padding: 3px 1rem;
  vertical-align: middle;
}

#plan-basics-section td:nth-of-type(1),
#plan-dates-section td:nth-of-type(1) {
  width: 30%;
}

#plan-basics-section td:nth-of-type(2),
#plan-dates-section td:nth-of-type(2) {
  width: 70%;
}

#plan-years-section h5 {
  margin: 0 0 .3em 0;
  font-size: 1rem;
}

#plan-years-section table {
  width: 75%;
  border: 1px solid #cecece;
}

#plan-years-section table td,
#plan-years-section table th {
  text-align: left;
  padding: .8rem 1.5rem;
}

.section__header {
  margin-bottom: 0;
}

.section__header .button {
  background-color: #005691;
  border-radius: 2rem;
  padding: 0 1.5rem;
  font-weight: 600;
  line-height: .5rem;
  color: #fff;
  cursor: pointer;
  margin-top: -7px;
  zoom: 1;
  padding: .8rem 1.5rem;
}

.section__header .buttonprimary {
  background-color: #005691;
}

.section__header .buttonsecondary {
  background-color: #cecece;
}

.section__header .buttonsuccess {
  background-color: #dff0d8;
}

.section__header .buttonerror {
  background-color: #b71234;
}

.section__header .buttonwarning {
  background-color: #d14428;
}

.section__header .buttoninfo {
  background-color: #00b2a9;
}

#plan-home-page .content .section__body.plan-dia-history-body {
  margin-top: -20px;
  padding-top: 0px;
  padding-bottom: 0px;
}

.button-tertiary {
  background: #fff !important;
  color: #002b45 !important;
  border-radius: 2rem;
  border: 1px solid #002b45;
}

.button-tertiary:hover,
.button-tertiary:active,
.button-tertiary:focus {
  background: #efefef !important;
}

.form-group .content .button {
  width: 100%;
}

.compartment .content {
  padding: 1rem;
}

#table-outline {
  border: 1px solid #333;
}

.nw-icon-check:before {
  content: "\e909";
  vertical-align: center;
}

.require-label {
  font-weight: bold;
  font-size: 1rem;
}

.clickable-link div {
  color: #005691;
  display: inline-block;
}

.clickable-link div:hover {
  cursor: pointer;
  color: #002b45;
}

.rebalancing-btn {
  padding: 0px 5px;
}

#add-plan-money-source p {
  margin: 1rem 0;
}

#add-plan-money-source .row {
  width: 100%;
  margin: 1rem auto 0 auto;
}

.addMoneySourceHeader div {
  padding: .8rem;
  background: #000;
  color: #fff;
  font-weight: 600;
  text-align: left;
}

.view-fastcensus .alert-container .nw-icon-warning {
  font-size: 1.2rem;
}

.view-fastcensus .alert-container .nw-icon-info-new {
  font-size: 1rem;
}

.edit-fastcensus div.radio {
  margin-top: 5px;
  margin-left: 2px;
  padding-bottom: 0px;
}

.edit-fastcensus .census-data-bg {
  background: #cecece !important;
  padding: 10px !important;
}

.edit-fastcensus .census-data-bg td {
  font-weight: 600 !important;
}

.edit-fastcensus .census-data-bg td a {
  text-decoration: underline !important;
}

.edit-fastcensus .census-data .stripes0,
.edit-fastcensus .census-data .stripes2,
.edit-fastcensus .census-data .stripes4,
.edit-fastcensus .census-data .stripes8 {
  background: #fff;
  padding-top: 8px;
  height: 40px;
}

.edit-fastcensus .census-data .stripes1,
.edit-fastcensus .census-data .stripes3,
.edit-fastcensus .census-data .stripes5,
.edit-fastcensus .census-data .stripes7 {
  background: #e9e9e9;
  padding-top: 8px;
  height: 40px;
}

.edit-fastcensus .census-data .census-data-bg {
  padding: 8px 0;
}

.edit-fastcensus .census-data .census-data-bg a {
  text-decoration: underline;
}

.edit-fastcensus .census-data .checkbox label {
  display: inline-flex;
}

.radio.planyear {
  margin-top: 10px;
  padding-bottom: 5px;
}

.radio.planyear .width-15 {
  width: 15px !important;
}

.content.sort-icon-hide i {
  display: none;
}

.final-salary-submission .date-range {
  margin-left: 1.56rem;
}

.annual-valuation-checkmark.icon-checkmark:before {
  content: "\e600";
  color: #009933;
  font-size: 2rem;
}

.cascadableModal .f-darkyellow {
  color: #8a6d3b !important;
}

.cascadableModal .icon-warning:before {
  font-size: 120%;
}

/* ---- */

/* -- General -- */

/* -------------------------------------------------- */

/* General Styles That You Can Add Anywhere */

.hidden {
  display: none !important;
}

.semantic {
  position: absolute;
  left: -9999em;
  top: 0;
  width: 1px;
  height: 1px;
  overflow: hidden;
}

.block {
  display: block !important;
}

.addheight .dashboard {
  min-height: 35rem;
}

.dashboard-hidden {
  background: #333;
}

.dashboard-hidden a {
  color: #fff;
}

.flex {
  flex: 1;
  display: flex;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -ms-flexbox;
}

.flex-right {
  justify-content: flex-end;
}

.flex-none {
  -webkit-flex: none;
  -ms-flex: none;
  flex: none;
}

.no-flex {
  flex: auto;
}

.disabledLink {
  color: #333;
  cursor: not-allowed !important;
  background: none !important;
  pointer-events: none;
  text-decoration: none !important;
}

.disabledLink:before {
  color: #cecece;
}

.disabledLink:hover {
  text-decoration: none;
}

.border {
  border: 1px solid #cecece !important;
}

.border-top {
  border-top: 1px solid #cecece !important;
}

.border-bottom {
  border-bottom: 1px solid #cecece !important;
}

.border-left {
  border-left: 1px solid #cecece !important;
}

.border-right {
  border-right: 1px solid #cecece !important;
}

.black {
  color: #000;
}

.no-border-bottom {
  border-bottom: none !important;
}

.no-border {
  border: none;
}

.inline {
  display: inline !important;
}

.inline-block {
  display: inline-block !important;
}

/** Add margin to any element using these styles **/

.margin-left {
  margin-left: 1rem !important;
}

.margin-left-05 {
  margin-left: .5rem !important;
}

.margin-left-15 {
  margin-left: 1.5rem !important;
}

.margin-left-2 {
  margin-left: 2rem !important;
}

.margin-left-4 {
  margin-left: 4rem !important;
}

.margin-left-6 {
  margin-left: 6rem !important;
}

.margin-left-07 {
  margin-left: 0.7rem !important;
}

.margin-bottom {
  margin-bottom: 1rem !important;
}

.margin-bottom-05 {
  margin-bottom: 0.5rem !important;
}

.margin-bottom-25p {
  margin-bottom: 1.5625rem;
}

.margin-right {
  margin-right: 1rem !important;
}

.margin-right-10 {
  margin-right: 0.625rem !important;
}

.margin-right-20 {
  margin-right: 20px !important;
}

.margin-top {
  margin-top: 1rem !important;
}

.margin-top-2 {
  margin-top: 2rem !important;
}

.margin-top-5 {
  margin-top: 5rem !important;
}

.margin-top-01 {
  margin-top: 0.10rem !important;
}

.margin-top-05 {
  margin-top: 0.52rem !important;
}

.margin-cushion {
  margin-top: 1rem !important;
  margin-bottom: 1rem !important;
}

.margin-sides {
  margin-right: 1rem !important;
  margin-left: 1rem !important;
}

.no-margin {
  margin: 0 !important;
}

.no-margin-left {
  margin-left: 0rem !important;
}

.no-margin-bottom {
  margin-bottom: 0rem !important;
}

.no-margin-right {
  margin-right: 0rem !important;
}

.no-margin-top {
  margin-top: 0rem !important;
}

.no-margin-sides {
  margin-right: 0rem !important;
  margin-left: 0rem !important;
}

.padding-left {
  padding-left: 1rem !important;
}

.padding-left-2 {
  padding-left: 2rem !important;
}

.padding-left-4 {
  padding-left: 4rem !important;
}

.padding-bottom {
  padding-bottom: 1rem !important;
}

.padding-right {
  padding-right: 1rem !important;
}

.padding-right-2 {
  padding-right: 2rem !important;
}

.padding-right-3 {
  padding-right: 3rem !important;
}

.padding-top {
  padding-top: 1rem !important;
}

.padding-top-05 {
  padding-top: .5rem !important;
}

.padding-top-2 {
  padding-top: 2rem !important;
}

.padding-cushion {
  padding-top: 1rem !important;
  padding-bottom: 1rem !important;
}

.padding-sides {
  padding-right: 1rem !important;
  padding-left: 1rem !important;
}

.no-padding {
  padding: 0 !important;
}

.no-padding-left {
  padding-left: 0 !important;
}

.no-padding-right {
  padding-right: 0 !important;
}

.no-padding-sides {
  padding-right: 0 !important;
  padding-left: 0 !important;
}

.no-padding-top {
  padding-top: 0 !important;
}

.no-padding-bottom {
  padding-bottom: 0 !important;
}

.no-padding-cushion {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

.font-size-1 {
  font-size: 1rem !important;
}

.padding {
  padding: 1rem !important;
}

.padding-2 {
  padding: 2rem !important;
}

.width-15 {
  width: 15% !important;
}

.width-50 {
  width: 50% !important;
}

.width-75 {
  width: 75% !important;
}

.width-100 {
  width: 100% !important;
}

.form-input {
  width: 100% !important;
}

.word-break {
  word-break: break-all;
}

/** float an element with these **/

.hover-left {
  float: left;
}

.hover-right,
.float-right {
  float: right;
}

.small {
  font-size: 1.15rem;
  display: block;
  margin-bottom: 1.5rem;
}

/* of course the wells */

.well {
  padding: 1rem;
  background-color: #fefefe;
  border: 1px solid #efefef;
}

.uppercase1st {
  text-transform: lowercase;
}

.uppercase1st:first-letter {
  text-transform: uppercase;
}

.line-height-2 {
  line-height: 2;
}

.line-height-2-3 {
  line-height: 2.3;
}

.min-height-2 {
  min-height: 2rem;
}

.center-horizontal {
  margin: 0 auto;
}

.group {
  zoom: 1;
}

.group:before,
.group:after {
  content: "";
  display: table;
}

.group:after {
  clear: both;
}

.help-block {
  color: #555;
  display: block;
  margin-bottom: 10px;
  margin-top: 0px;
}

.actions__left--no-line {
  padding-top: 20px;
  text-align: left;
  margin-bottom: 40px;
}

.actions__right--no-line {
  padding-top: 20px;
  text-align: right;
  margin-bottom: 40px;
}

.actions__right--no-line .button {
  margin-right: 0;
}

.jumbotron {
  background-color: #5e9cae;
  text-align: center;
  color: #fff;
  padding: 48px 0;
  margin-bottom: 30px;
}

.jumbotron p {
  margin-bottom: 15px;
  font-size: 21px;
  font-weight: 200;
}

.clearfix,
.clear {
  clear: both;
}

.flow-root {
  display: flow-root;
}

.justify-right {
  justify-content: flex-end;
}

.vertical-align-middle {
  vertical-align: middle !important;
}

.align-start {
  align-self: flex-end;
}

.align-end {
  align-self: flex-end;
}

.align-center {
  align-self: center;
}

.align_items-center {
  align-items: center !important;
}

.align_items-start {
  align-items: flex-start !important;
}

.bottom {
  position: absolute;
  bottom: 0;
}

.bottom .button {
  margin-bottom: 5px;
}

.bottom-10 {
  position: absolute;
  bottom: 10px;
}

.bottom--right-20 {
  position: absolute;
  right: 20px;
}

.bottom-right {
  position: absolute;
  bottom: 0;
  right: 0;
}

.bottom-left {
  position: absolute;
  bottom: 0;
  left: 0;
}

.background-none {
  background: none !important;
  border: transparent;
}

.watermark {
  text-align: left;
  font-size: 1.2em;
  z-index: 1000;
}

.relative {
  position: relative;
}

.absolute {
  position: absolute;
}

.absolute.center-horizontal-vertical {
  top: 25%;
  bottom: 0;
  left: 0;
  right: 0;
}

/* custom styling for datepicker start */

.dropdown-menu {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1000;
  display: none;
  float: left;
  min-width: 160px;
  padding: 5px 0;
  margin: 2px 0 0;
  list-style: none;
  font-size: 14px;
  background-color: #fff;
  border: 1px solid #ababab;
  border: 1px solid rgba(0, 0, 0, 0.15);
  -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  background-clip: padding-box;
}

.glyphicon {
  position: relative;
  top: 1px;
  display: inline-block;
  font-style: normal;
  font-weight: 400;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.glyphicon-calendar,
.glyphicon-calendar:before {
  content: " ";
}

.glyphicon-chevron-left,
.glyphicon-chevron-left:before {
  content: "<";
  font-weight: 900;
  font-style: oblique;
}

.glyphicon-chevron-right,
.glyphicon-chevron-right:before {
  content: ">";
  font-weight: 900;
  font-style: oblique;
}

/* custom styling for datepicker -- end */

/* custom styling for input/save buttons -- end */

/* if a section is ever nested inside a section - this removes the second section's padding*/

section.container-fluid.content-section section.container-fluid.content-section {
  padding: 0;
}

.margin-top-50 {
  margin-top: 50px;
}

a.focusable-icon:hover,
a.focusable-icon:focus {
  border-bottom: none;
}

.floating-label {
  position: absolute;
  pointer-events: none;
  padding-top: 4px;
  margin: 0 !important;
  padding-left: 34px;
}

.totalRow {
  background-color: #e9f1f7 !important;
  font-weight: bold;
}

/*From Bootstrap Documentation*/

.visible {
  visibility: visible;
}

.invisible {
  visibility: hidden;
}

.align-baseline {
  vertical-align: baseline !important;
}

.align-top {
  vertical-align: top !important;
}

.align-middle {
  vertical-align: middle !important;
}

.align-bottom {
  vertical-align: bottom !important;
}

.align-text-top {
  vertical-align: text-top !important;
}

.align-text-bottom {
  vertical-align: text-bottom !important;
}

.user-notes-header {
  font-weight: 600;
  color: #333;
}

.user-notes-section {
  list-style: none;
  padding: 10px;
}

.flex-column,
.flex-column div[class^="col"] {
  flex-direction: column !important;
}

.no-list-style {
  list-style: none;
}

.float-none {
  float: none;
}

.resetPasswordTxt {
  font-family: 'Courier New', Courier, monospace;
  font-size: 1.7em;
}

.list-style-disc {
  list-style-type: disc;
}

.text-align-left {
  text-align: left;
}

.no-outline {
  outline: none;
}

.grid-with-footer .grid-footer-row {
  background-color: #e9f1f7 !important;
  border-top: 1px solid #D4D4D4 !important;
}

.button-link {
  background: none;
  padding: 0;
  color: #005691;
  text-decoration: none;
  cursor: pointer;
  line-height: 1.4;
}

.button-link:hover {
  color: #001a2b;
  padding-bottom: 0;
}

.button-link-text:hover {
  text-decoration: underline;
}

.visible-to-screen-reader-only {
  border: 0;
  clip: rect(1px, 1px, 1px, 1px);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}

.load-spinner {
  position: absolute;
  margin-top: -36px;
  margin-left: -4rem;
}

/* Participant-Services */

/** These styles are used in participant dashboard page**/

.plan-info {
  margin-bottom: 40px;
}

copy-to-clipboard span {
  float: none !important;
}

.participant-info,
.plan-info {
  padding: 0;
}

.participant-info .second-column a,
.plan-info .second-column a {
  line-height: 1;
}

.participant-info ul.participant-info--personal,
.participant-info ul.plan-info--plan,
.plan-info ul.participant-info--personal,
.plan-info ul.plan-info--plan {
  list-style-type: none;
  padding-left: 0;
}

.participant-info ul.participant-info--personal li,
.participant-info ul.plan-info--plan li,
.plan-info ul.participant-info--personal li,
.plan-info ul.plan-info--plan li {
  padding-bottom: .75rem;
}

.participant-info ul.participant-info--personal li span,
.participant-info ul.plan-info--plan li span,
.plan-info ul.participant-info--personal li span,
.plan-info ul.plan-info--plan li span {
  width: 35%;
  float: left;
  position: relative;
  min-width: 45px;
}

.participant-info ul.participant-info--personal li span.second-column,
.participant-info ul.plan-info--plan li span.second-column,
.plan-info ul.participant-info--personal li span.second-column,
.plan-info ul.plan-info--plan li span.second-column {
  width: 65%;
  float: right;
  text-align: left;
}

.participant-info ul.participant-info--personal li span .address-line,
.participant-info ul.plan-info--plan li span .address-line,
.plan-info ul.participant-info--personal li span .address-line,
.plan-info ul.plan-info--plan li span .address-line {
  display: block;
  width: 100%;
  margin-bottom: 3px;
}

.participant-info ul.participant-info--personal li span span,
.participant-info ul.plan-info--plan li span span,
.plan-info ul.participant-info--personal li span span,
.plan-info ul.plan-info--plan li span span {
  float: none;
}

.participant-info ul.participant-info--personal li:last-child,
.participant-info ul.plan-info--plan li:last-child,
.plan-info ul.participant-info--personal li:last-child,
.plan-info ul.plan-info--plan li:last-child {
  padding-bottom: 0;
}

.participant-info ul.participant-info--plan,
.participant-info ul.plan-info--admin,
.plan-info ul.participant-info--plan,
.plan-info ul.plan-info--admin {
  list-style-type: none;
  padding-left: 0;
}

.participant-info ul.participant-info--plan li,
.participant-info ul.plan-info--admin li,
.plan-info ul.participant-info--plan li,
.plan-info ul.plan-info--admin li {
  padding-bottom: .75rem;
}

.participant-info ul.participant-info--plan li span,
.participant-info ul.plan-info--admin li span,
.plan-info ul.participant-info--plan li span,
.plan-info ul.plan-info--admin li span {
  width: 35%;
  float: left;
  position: relative;
  min-width: 85px;
}

.participant-info ul.participant-info--plan li span.second-column,
.participant-info ul.plan-info--admin li span.second-column,
.plan-info ul.participant-info--plan li span.second-column,
.plan-info ul.plan-info--admin li span.second-column {
  width: 65%;
  float: right;
  text-align: left;
}

.participant-info ul.participant-info--plan li span.second-column a,
.participant-info ul.plan-info--admin li span.second-column a,
.plan-info ul.participant-info--plan li span.second-column a,
.plan-info ul.plan-info--admin li span.second-column a {
  line-height: 1;
}

.participant-info ul.participant-info--plan li:last-child,
.participant-info ul.plan-info--admin li:last-child,
.plan-info ul.participant-info--plan li:last-child,
.plan-info ul.plan-info--admin li:last-child {
  padding-bottom: 0;
}

/** These styles are used in participant account information page**/

#account_info {
  margin-bottom: 0rem;
}

.two-to-one-col-box-data {
  list-style-type: none;
  padding-left: 0;
  position: relative;
  -moz-column-count: 2;
  -moz-column-gap: 1.5rem;
  -webkit-column-count: 2;
  -webkit-column-gap: 1.5rem;
  column-count: 2;
  column-gap: 1.5rem;
}

.two-to-one-col-box-data ul {
  column-count: 1;
}

.two-to-one-col-box-data li {
  margin: 0;
  padding: 10px;
  position: relative;
  width: 100%;
  -webkit-column-break-inside: avoid;
  page-break-inside: avoid;
  break-inside: avoid-column;
  display: table;
}

.two-to-one-col-box-data li:nth-child(even) {
  background-color: #e9e9e9;
}

.two-to-one-col-box-data li:nth-child(even).white {
  background-color: #fff;
}

.two-to-one-col-box-data li input {
  margin: 0;
}

.two-to-one-col-box-data li span.list-item-col2 {
  text-align: left;
  float: right;
  width: 45%;
  position: relative;
}

.two-to-one-col-box-data li span.list-item-col2 .db {
  display: block;
}

.two-to-one-col-box-data li span.list-item-col2.addendum {
  position: relative;
  width: 83%;
}

.two-to-one-col-box-data li span.list-item-col2.smaller {
  color: #555;
  font-size: .925rem;
  display: block;
  position: relative;
}

.two-to-one-col-box-data li span.list-item-col2 .address-line {
  display: block;
  margin-bottom: 3px;
}

.one-col-box-data {
  list-style-type: none;
  padding-left: 0;
  position: relative;
  -moz-column-count: 1;
  -moz-column-gap: 1.5rem;
  -webkit-column-count: 1;
  -webkit-column-gap: 1.5rem;
  column-count: 1;
  column-gap: 1.5rem;
}

.one-col-box-data ul {
  column-count: 1;
}

.one-col-box-data li {
  margin: 0;
  padding: 10px;
  position: relative;
  width: 100%;
  -webkit-column-break-inside: avoid;
  page-break-inside: avoid;
  break-inside: avoid-column;
  display: table;
}

.one-col-box-data li:nth-child(even) {
  background-color: #e9e9e9;
}

.one-col-box-data li:nth-child(even).white {
  background-color: #fff;
}

.one-col-box-data li input {
  margin: 0;
}

.one-col-box-data li span.list-item-col2 {
  text-align: left;
  float: right;
  width: 45%;
  position: relative;
}

.one-col-box-data li span.list-item-col2 .db {
  display: block;
}

.one-col-box-data li span.list-item-col2.addendum {
  position: relative;
  width: 83%;
}

.one-col-box-data li span.list-item-col2.smaller {
  color: #555;
  font-size: .925rem;
  display: block;
  position: relative;
}

.one-col-box-data li span.list-item-col2 .address-line {
  display: block;
  margin-bottom: 3px;
}

.column-count-1 {
  column-count: 1;
}

@media (max-width: 1023px) {
  .two-to-one-col-box-data {
    list-style-type: none;
    padding-left: 0;
    position: relative;
    -moz-column-count: 1;
    -moz-column-gap: 0;
    -webkit-column-count: 1;
    -webkit-column-gap: 0;
    column-count: 1;
    column-gap: 0;
  }

  .two-to-one-col-box-data li span.list-item-col2 {
    text-align: left;
    float: right;
    width: 65%;
  }

  investment-option-dates .two-to-one-col-box-data li span.list-item-col2,
  investment-option-basic-information .two-to-one-col-box-data li span.list-item-col2 {
    width: 55%;
  }

  plan-dates-section .two-to-one-col-box-data {
    column-count: 1;
  }
}

.account-balances-box-data,
.accounting-finance-box-data {
  list-style-type: none;
  padding-left: 0;
  position: relative;
}

.account-balances-box-data li,
.accounting-finance-box-data li {
  margin: 0;
  padding: 10px;
  position: relative;
  float: left;
  width: 100%;
}

.account-balances-box-data li .underline-me,
.accounting-finance-box-data li .underline-me {
  border-bottom: 1px solid #e9e9e9;
  display: block;
  padding-bottom: 10px;
}

.account-balances-box-data li:nth-child(even),
.accounting-finance-box-data li:nth-child(even) {
  background-color: #e9e9e9;
}

.account-balances-box-data li .smaller,
.accounting-finance-box-data li .smaller {
  color: #555;
  font-size: .925rem;
  position: relative;
}

.account-balances-box-data li.total-row,
.accounting-finance-box-data li.total-row {
  border-top: 1px solid #cecece;
  border-bottom: 1px solid #cecece;
  background-color: #d5d5d5;
  font-weight: bold;
}

.account-balances-box-data li.vested-row,
.accounting-finance-box-data li.vested-row {
  font-size: .925rem;
  color: #666666;
}

.account-balances-box-data li ul,
.accounting-finance-box-data li ul {
  list-style-type: none;
  padding-left: 2rem;
  padding-right: 3rem;
}

.account-balances-box-data li ul li,
.accounting-finance-box-data li ul li {
  border-top: 1px solid #e9e9e9;
  font-size: .925rem;
  color: #555;
}

.account-balances-box-data li ul li:first-child,
.accounting-finance-box-data li ul li:first-child {
  border-top: none;
}

.account-balances-box-data li ul li:last-child,
.accounting-finance-box-data li ul li:last-child {
  padding-bottom: 0;
}

.account-balances-box-data li ul li:nth-child(even),
.accounting-finance-box-data li ul li:nth-child(even) {
  background-color: #fff;
}

.account-balances-box-data li span.list-item-col2,
.accounting-finance-box-data li span.list-item-col2 {
  text-align: left;
  float: left;
  width: 50%;
  position: relative;
}

.account-balances-box-data li span.list-item-col2.addendum,
.accounting-finance-box-data li span.list-item-col2.addendum {
  position: relative;
  width: 83%;
}
table.corePlanInfo {
  border: 1px solid #ADBBC4;
  text-align: left;
  border-collapse: collapse;
  font-family: 'Arial-BoldMT', 'Arial Bold', 'Arial', sans-serif;
  font-size: 13px;
  background-color: white;
}
table.corePlanInfo th {
  padding: 5px 10px 5px 5px;
  border-bottom: 1px solid #ADBBC4;
}

.account-balances-box-data li span.list-item-col2.smaller,
.accounting-finance-box-data li span.list-item-col2.smaller {
  color: #555;
  font-size: .925rem;
  display: block;
  position: relative;
}

.account-balances-box-data li span.list-item-col2 a,
.accounting-finance-box-data li span.list-item-col2 a {
  line-height: 0;
}

.ul-li-view-edit {
  list-style-type: none;
  padding-left: 0;
  margin-bottom: 0;
}

.ul-li-view-edit > li {
  margin: 0;
  padding: 10px 0;
  width: 100%;
  display: flex;
  flex-direction: row;
  align-items: center;
  line-height: 1.4;
}

.ul-li-view-edit > li:nth-child(odd) {
  background-color: #fff;
}

.ul-li-view-edit > li:nth-child(even) {
  background-color: #e9e9e9;
}

.ul-li-view-edit > li fieldset {
  display: contents;
  width: 100%;
}

@-moz-document url-prefix()  {
  .ul-li-view-edit > li fieldset {
    display: flex;
  }
}

.ul-li-view-edit > li div[class^='col'],
.ul-li-view-edit > li div[class*=' col'] {
  flex-direction: row;
}

.ul-li-view-edit > li div[class^='col'].numeric,
.ul-li-view-edit > li div[class*=' col'].numeric {
  flex-direction: row-reverse !important;
}

.ul-li-view-edit.with-head {
  border: 1px solid #cecece;
}

.ul-li-view-edit.with-head > li:nth-child(even) {
  background-color: #fff !important;
}

.ul-li-view-edit.with-head > li:nth-child(odd) {
  background-color: #e9e9e9;
}

.ul-li-view-edit.with-head > li:first-of-type {
  background: #333 !important;
  color: #fff;
  font-weight: 600;
}

.ul-li-view-edit.no-stripes li {
  background-color: transparent;
}

.ul-li-view-edit.table {
  border: 1px solid #d4d4d4;
}

.ul-li-view-edit .form-group {
  margin-bottom: 0;
}

.ul-li-view-edit.results-table {
  font-size: 13px;
}

.ul-li-view-edit.results-table li.highlight-row {
  background: #002b45 !important;
  color: #fff;
  cursor: pointer;
}

.ul-li-view-edit.results-table li.highlight-row a {
  color: #fff;
}

.ul-li-view-edit.results-table li div:first-of-type {
  padding-left: 8px;
}

.ul-li-view-edit.results-table li div:last-of-type {
  padding-right: 8px;
}

.ul-li-view-edit.align-items-top > li {
  align-items: flex-start;
}

.ul-li-view-edit-alert {
  list-style-type: none;
  padding-left: 0;
  margin-bottom: 0;
}

.ul-li-view-edit-alert > li {
  margin: 0;
  padding: 10px 0;
  width: 100%;
  display: flex;
  flex-direction: row;
  align-items: center;
  line-height: 1.4;
}
.ul-li-view-edit-alert > li:nth-child(odd) {
  background-color: #fff;
}

.ul-li-view-edit-alert > li:nth-child(even) {
  background-color: #e9e9e9;
}

.ul-li-view-edit-alert > li fieldset {
  display: contents;
  width: 100%;
}

@-moz-document url-prefix()  {
  .ul-li-view-edit-alert > li fieldset {
    display: flex;
  }
}

.ul-li-view-edit-alert > li div[class^='col'].numeric,
.ul-li-view-edit-alert > li div[class*=' col'].numeric {
  flex-direction: row-reverse !important;
}

.ul-li-view-edit-alert > li .col-sm-8 .text-msg {
  color: gray;
}

.ul-li-view-edit-alert.with-head {
  border: 1px solid #cecece;
}

.ul-li-view-edit-alert.with-head > li:nth-child(even) {
  background-color: #fff !important;
}

.ul-li-view-edit-alert.with-head > li:nth-child(odd) {
  background-color: #e9e9e9;
}

.ul-li-view-edit-alert.with-head > li:first-of-type {
  background: #333 !important;
  color: #fff;
  font-weight: 600;
}

.ul-li-view-edit-alert.no-stripes li {
  background-color: transparent;
}

.ul-li-view-edit-alert.table {
  border: 2px solid #333333;
}

.ul-li-view-edit-alert .form-group {
  margin-bottom: 0;
}

.ul-li-view-edit-alert.results-table {
  font-size: 13px;
}

.ul-li-view-edit-alert.results-table li.highlight-row {
  background: #002b45 !important;
  color: #fff;
  cursor: pointer;
}

.ul-li-view-edit-alert.results-table li.highlight-row a {
  color: #fff;
}

.ul-li-view-edit-alert.results-table li div:first-of-type {
  padding-left: 8px;
}

.ul-li-view-edit-alert.results-table li div:last-of-type {
  padding-right: 8px;
}

.hold-notice-details {
  padding: 0 0 0 3em;
}

.hold-notice-details a:hover,
.hold-notice-details a:focus {
  border-bottom: none;
}

.hold-notice-details ul li {
  margin: 0 0 0.3em 0;
}

h4.current-irs-code--section {
  margin-bottom: 1.8rem;
}

h4 span.current-irs-code--name {
  margin-right: 20px;
}

h4 span.current-irs-code--select {
  font-weight: normal;
}

span.current-irs-code-name {
  margin-right: 20px;
}

a#demographics-add-recipient-button {
  font-size: 1.05rem;
}

a#demographics-add-recipient-button .caret {
  margin-top: -3px;
}

table.table__personal td:first-child {
  width: 20%;
}

br {
  line-height: 1.25;
}

ul.participant-info--personal {
  margin-bottom: 7px;
}

.inside__table--row {
  border-bottom: 1px solid #ccc;
}

.inside__table--row td {
  padding-left: 0;
}

.inside__table--row.no-border {
  border-bottom: none;
}

.inside__table--row.companion-row {
  padding-top: 0;
}

.inside__table--row.companion-row td {
  padding-top: 0;
}

.inside__table--row:last-of-type {
  border-bottom: none;
}

.inside__table--row:nth-child(even) {
  background-color: transparent;
}

.inside__table tr {
  background-color: transparent !important;
}

.inside__table td:first-child {
  width: 10%;
}

.inside__table .inside__table--row span.primary-indicator--phone {
  width: 60px;
  display: inline-block;
}

.inside__table .inside__table--row span.phone-number--type {
  width: 50px;
  display: inline-block;
}

.inside__table .inside__table--row span.phone-number--comment {
  display: block;
  padding-top: 5px;
  margin-left: 63px;
}

/** These styles are used in Account Information (Name and Contact) Edit page**/

@media screen and (max-width: 991px) {
  #censusInformation .row legend,
  #accounting-finance-section .row legend {
    font-weight: normal;
  }
}

#censusInformation .row:nth-child(even),
#employmentInformation .row:nth-child(even),
#editDatesAndStatuses .row:nth-child(even),
.edit-table .row:nth-child(even) {
  background-color: #e9e9e9;
}

#censusInformation fieldset:nth-child(even),
#employmentInformation fieldset:nth-child(even),
#editDatesAndStatuses fieldset:nth-child(even),
.edit-table fieldset:nth-child(even) {
  background-color: #e9e9e9;
}

#censusInformation .row,
#censusInformation fieldset .row,
#employmentInformation .row,
#employmentInformation fieldset .row,
#editDatesAndStatuses .row,
#editDatesAndStatuses fieldset .row,
.edit-table .row,
.edit-table fieldset .row {
  margin: 0;
  padding: 11px 0;
}

#censusInformation .row.no-padding-top,
#censusInformation fieldset .row.no-padding-top,
#employmentInformation .row.no-padding-top,
#employmentInformation fieldset .row.no-padding-top,
#editDatesAndStatuses .row.no-padding-top,
#editDatesAndStatuses fieldset .row.no-padding-top,
.edit-table .row.no-padding-top,
.edit-table fieldset .row.no-padding-top {
  padding-top: 0;
}

#censusInformation .row.no-padding-bottom,
#censusInformation fieldset .row.no-padding-bottom,
#employmentInformation .row.no-padding-bottom,
#employmentInformation fieldset .row.no-padding-bottom,
#editDatesAndStatuses .row.no-padding-bottom,
#editDatesAndStatuses fieldset .row.no-padding-bottom,
.edit-table .row.no-padding-bottom,
.edit-table fieldset .row.no-padding-bottom {
  padding-bottom: 0;
}

#censusInformation .form-group,
#employmentInformation .form-group,
#editDatesAndStatuses .form-group,
.edit-table .form-group {
  margin-bottom: 0;
}

#censusInformation .content,
#employmentInformation .content,
#editDatesAndStatuses .content,
.edit-table .content {
  margin-bottom: 25px;
}

#censusInformation .section__header,
#employmentInformation .section__header,
#editDatesAndStatuses .section__header,
.edit-table .section__header {
  margin-bottom: 5px;
}

.holdsInformationRow:nth-child(odd) {
  background-color: #e9e9e9;
}

@media screen and (max-width: 991px) {
  #censusInformation fieldset .aligner.mawmaw,
  #employmentInformation fieldset .aligner.mawmaw,
  #accounting-finance-section fieldset .aligner.mawmaw {
    align-items: flex-start;
  }

  #censusInformation .mawmaw select.form-input--full,
  #employmentInformation .mawmaw select.form-input--full,
  #accounting-finance-section .mawmaw select.form-input--full {
    max-width: 90px;
  }
}

#contactInformation .row.gray,
#organizationInformation .row.gray {
  background-color: #e9e9e9;
}

#contactInformation .row.white,
#organizationInformation .row.white {
  background-color: #fff;
}

#contactInformation .row,
#contactInformation fieldset .row,
#organizationInformation .row,
#organizationInformation fieldset .row {
  margin: 0;
  padding: 15px 0;
}

#contactInformation .row .row,
#contactInformation fieldset .row .row,
#organizationInformation .row .row,
#organizationInformation fieldset .row .row {
  padding: 5px 0;
}

#contactInformation .row .row.no-padding-top,
#contactInformation fieldset .row .row.no-padding-top,
#organizationInformation .row .row.no-padding-top,
#organizationInformation fieldset .row .row.no-padding-top {
  padding-top: 0;
}

#contactInformation .row .row.no-padding-bottom,
#contactInformation fieldset .row .row.no-padding-bottom,
#organizationInformation .row .row.no-padding-bottom,
#organizationInformation fieldset .row .row.no-padding-bottom {
  padding-bottom: 0;
}

#contactInformation .form-group,
#organizationInformation .form-group {
  margin-bottom: 0;
}

#contactInformation .form-group.form-group-address,
#organizationInformation .form-group.form-group-address {
  margin-bottom: 10px;
}

#contactInformation .form-group--advanced .advanced_input-group,
#organizationInformation .form-group--advanced .advanced_input-group {
  margin-bottom: 13px;
}

#contactInformation .content,
#organizationInformation .content {
  margin-bottom: 25px;
}

#contactInformation .section__header,
#organizationInformation .section__header {
  margin-bottom: 5px;
}

#contactInformation .row.gray table tr:nth-child(odd),
#organizationInformation .row.gray table tr:nth-child(odd) {
  background-color: #fff;
}

#contactInformation .row.gray table thead tr:last-child,
#organizationInformation .row.gray table thead tr:last-child {
  border-right: 1px solid;
}

#contactInformation .phone-section ~ .section-actions,
#contactInformation .section-actions,
#organizationInformation .phone-section ~ .section-actions,
#organizationInformation .section-actions {
  margin-bottom: 0;
  padding: 0 1rem 0;
}

#contactInformation .phone-section table td,
#organizationInformation .phone-section table td {
  padding: .6rem .6rem;
}

#contactInformation .phone-section table td:first-child,
#contactInformation .phone-section table td:last-child,
#organizationInformation .phone-section table td:first-child,
#organizationInformation .phone-section table td:last-child {
  padding-top: 1.15rem;
}

#contactInformation .phone-section table td .form-input--phone,
#organizationInformation .phone-section table td .form-input--phone {
  min-width: 150px;
}

@media screen and (max-width: 991px) {
  #contactInformation .form-group.form-group-address {
    margin-bottom: 8px;
  }

  #contactInformation label#phone-number-id,
  #contactInformation label#email-address {
    margin-bottom: 10px;
  }

  #table-outline {
    overflow-x: scroll;
    overflow-y: hidden;
  }
}

.aligner {
  display: flex;
  align-items: center;
  min-height: 22px;
}

.aligner-top {
  display: flex;
  align-items: baseline;
  min-height: 22px;
}

.aligner-item {
  max-width: 50%;
}

.aligner-item--top {
  align-self: flex-start;
}

.aligner-item--bottom {
  align-self: flex-end;
}

div.account-edit .edit-content .section_title {
  padding: 1rem 0rem;
  height: 40px;
  font-size: 1.1rem;
  font-weight: 600;
}

div.account-edit .edit-content .section_header {
  border-bottom: 1px solid #b3b3b3;
}

div.account-edit #censusInformation select,
div.account-edit #organizationInformation select,
div.account-edit #employmentInformation select {
  font-size: 1rem;
}

div.account-edit #censusInformation input,
div.account-edit #organizationInformation input,
div.account-edit #employmentInformation input {
  font-size: 1rem;
}

/** These styles are used in employment information page**/

.employment-info-details {
  color: #00b2a9;
  font-weight: 600;
}

/***View by IRSCodeList styles **/

#irsCodeListTable tr[id^="plansponsor-row-"] {
  background-color: #ececec;
}

#irsCodeListTable tr[id^="plansponsor-row-"] td {
  border-top: 1px solid #555;
}

#irsCodeListTable tr[id^="plansponsor-row-"] td:first-child {
  text-align: left;
}

#irsCodeListTable tbody:nth-child(odd) {
  background-color: #fff;
}

#irsCodeListTable tbody:nth-child(even) {
  background-color: #e9e9e9;
}

#irsCodeListTable tr[id^="plan-row-"] td:first-child {
  text-align: right;
}

#irsCodeListTable td label {
  cursor: pointer;
}

td input.has-error {
  padding: 0 .625rem;
}

td input.has-error {
  padding: 0 .625rem;
}

#account-hold-form .flex-settings-datepicker-input {
  margin: .8rem 0 0 0;
}

#plan-type-selected-value-1 {
  margin: 0 2rem 0 0;
}

.participant-overview td:last-child {
  text-align: left;
  font-weight: normal;
}

.participant-overview table tr:not(.uib-weeks) > td:last-child {
  width: 50%;
}

@media (max-width: 900px) {
  .participant-overview table tr:not(.uib-weeks) > td:last-child {
    width: 40%;
  }
}

#account-hold-table tr th {
  width: 25%;
}

#account-hold-table tr th#active-holds-activation-date-header {
  width: 16%;
}

#account-hold-table tr th#active-holds-deactivation-date-header {
  width: 27%;
}

#account-hold-table tr th#active-holds-close {
  width: 7%;
}

.account-status-dropdown {
  width: 30%;
}

.change-issue-age .radio-group {
  display: table;
  width: 100%;
}

.change-issue-age .radio.row {
  display: table-row;
  clear: both;
  padding: 5px 14px;
  width: 100%;
}

.change-issue-age .radio.row label {
  display: table-cell;
  padding: 5px 0 5px 33px;
}

.change-issue-age .radio.row .form-group {
  display: table-cell;
  padding: 9px 0;
  width: 60%;
}

.change-issue-age .radio.row #years-old input {
  margin: 0 5px 0 0;
}

.change-issue-age .radio.row #years-old input.has-error {
  margin: 0 5px 5px 0;
}

#policy-increase-amount-content .row {
  min-height: 2.0rem;
}

/*start of participant bene css*/

.shared-beneficiary-section tbody:nth-child(even) {
  background: #e9e9e9;
}

.shared-beneficiary-section tbody td > label {
  display: block;
  margin-bottom: .3rem;
}

.shared-beneficiary-section tbody tr.activeRow td:last-child,
.shared-beneficiary-section tbody tr.totalRow td:last-child,
.shared-beneficiary-section tbody tr.cursorEnabled td:last-child {
  border-right: 1px solid #cecece;
}

.shared-beneficiary-section .cursorEnabled:hover {
  background: #c1d3d0;
}

.shared-beneficiary-section .margin-gap {
  margin-top: 12px !important;
}

.shared-beneficiary-section .cursorEnabled,
.shared-beneficiary-section .activeRow {
  cursor: pointer;
}

.shared-beneficiary-section .cursorEnabled .margin-gap,
.shared-beneficiary-section .cursorEnabled .margin-top-18,
.shared-beneficiary-section .cursorEnabled .margin-top-12,
.shared-beneficiary-section .activeRow .margin-gap,
.shared-beneficiary-section .activeRow .margin-top-18,
.shared-beneficiary-section .activeRow .margin-top-12 {
  margin-top: 0 !important;
}

.uib-datepicker-popup {
  width: 306px !important;
}

.uib-datepicker-popup li {
  padding: 0;
}

.uib-datepicker-popup table thead,
.uib-datepicker-popup table tbody {
  border: none;
}

.uib-daypicker tbody:nth-child(even) {
  background: #fff;
}

.no-stripes .row {
  background-color: inherit !important;
}

.vertical-scroll {
  overflow-y: auto;
  overflow-x: hidden;
}

.non-financial-date-alignment {
  align-items: normal !important;
}

/*end*/

/* Pending Fees */

.pendingTable {
  background-color: #e6b800 !important;
}

button.button.margin-bottom-12 {
  margin-bottom: 1.2rem !important;
}

/* Fees and Billing */

#fee-admin-section .dynamic-radio .tabs {
  margin-top: 0;
}

#fee-admin-section .dynamic-radio .tabs h3.content-title--underlined {
  margin-top: 25px;
}

#fee-history-grid .ui-grid-viewport,
#fee-history-grid .ui-grid-contents-wrapper,
#fee-history-grid .ui-grid-header-cell-wrapper,
#edit-fee-pending-grid .ui-grid-viewport,
#edit-fee-pending-grid .ui-grid-contents-wrapper,
#edit-fee-pending-grid .ui-grid-header-cell-wrapper,
#fee-admin-grid .ui-grid-viewport,
#fee-admin-grid .ui-grid-contents-wrapper,
#fee-admin-grid .ui-grid-header-cell-wrapper {
  border: none;
}

#fee-history-grid .ui-grid-row:nth-child(odd) .ui-grid-cell,
#edit-fee-pending-grid .ui-grid-row:nth-child(odd) .ui-grid-cell,
#fee-admin-grid .ui-grid-row:nth-child(odd) .ui-grid-cell {
  background-color: #fff;
  padding: 0px;
}

#fee-history-grid .ui-grid-row:nth-child(even) .ui-grid-cell,
#edit-fee-pending-grid .ui-grid-row:nth-child(even) .ui-grid-cell,
#fee-admin-grid .ui-grid-row:nth-child(even) .ui-grid-cell {
  background-color: #fff;
  padding: 5px 0px;
}

#fee-history-grid .pending-box,
#edit-fee-pending-grid .pending-box,
#fee-admin-grid .pending-box {
  border: 1px solid #cecece;
  padding: 5px;
  box-shadow: 1px 1px 0px 0px #d5d5d5;
}

#fee-history-grid .pending-box.active,
#edit-fee-pending-grid .pending-box.active,
#fee-admin-grid .pending-box.active {
  background-color: #e9f1f7;
}

#fee-history-grid .pending-box.inactive,
#edit-fee-pending-grid .pending-box.inactive,
#fee-admin-grid .pending-box.inactive {
  opacity: .5;
}

#fee-history-grid .pending-box.current-setting,
#edit-fee-pending-grid .pending-box.current-setting,
#fee-admin-grid .pending-box.current-setting {
  background-color: #cecece;
}

#fee-history-grid .pending-box p,
#edit-fee-pending-grid .pending-box p,
#fee-admin-grid .pending-box p {
  margin-left: .8rem;
  margin-top: .8rem;
  margin-bottom: 15px;
  font-size: 1.1rem;
}

#fee-history-grid .pending-box tr,
#edit-fee-pending-grid .pending-box tr,
#fee-admin-grid .pending-box tr {
  padding: 0;
}

#fee-history-grid .pending-box td,
#edit-fee-pending-grid .pending-box td,
#fee-admin-grid .pending-box td {
  padding: .25rem .8rem;
}

#fee-history-grid .pending-box ~ .pending-box,
#edit-fee-pending-grid .pending-box ~ .pending-box,
#fee-admin-grid .pending-box ~ .pending-box {
  margin-top: 25px;
}

#fee-history-grid .pending-box ~ [class^="actions"],
#edit-fee-pending-grid .pending-box ~ [class^="actions"],
#fee-admin-grid .pending-box ~ [class^="actions"] {
  margin-top: 15px;
}

#fee-history-grid .pending-box:last-of-type,
#edit-fee-pending-grid .pending-box:last-of-type,
#fee-admin-grid .pending-box:last-of-type {
  padding: 0px;
}

#fee-admin-grid.ui-grid .ui-grid-contents-wrapper {
  border: none;
}

#fee-admin-grid .ui-grid-viewport {
  border: none;
}

.table_transparent tr:nth-child(even) {
  background: none;
}

.compartment.disabled {
  box-shadow: 1px 1px 1px 1px #d5d5d5;
}

.compartment.disabled button[disabled].button-primary.active {
  background: #001a2b;
  color: white;
}

.label-alignment {
  margin-top: 20px;
  margin-left: 20px;
  display: block;
}

.participant-search-header {
  margin-bottom: 0;
  width: 220px;
}

.grid-filter-header {
  float: right;
  margin-top: 7px;
  position: relative;
}

.bill-deduct label,
.bill-deduct span {
  display: inline;
}

.bill-deduct .bill-only-span {
  margin-left: 50px;
}

.bill-deduct select {
  display: block;
  margin-top: .3rem;
}

.form-label {
  display: block;
  color: #333;
  font-size: 1.1rem;
  /* updated */
  width: 100%;
  margin: .25rem 0 0.75rem 0;
  padding: 0 0 .5rem 0;
  font-size: 1rem;
  font-weight: 600;
  line-height: 1;
}

.amount-label {
  position: relative;
  padding-top: 8px;
  padding-left: 10px;
}

.single-sum {
  margin: 5px;
}

.header-next-market-day {
  width: 10%;
}

.has-help-info {
  vertical-align: top;
  padding-top: 1.5rem;
}

#flex-settings-compartment .form__advanced--section .separated-section {
  padding-top: 10px;
  margin-bottom: 0;
}

#flex-settings-compartment .form__advanced--section .content-title {
  padding-bottom: 0;
}

#flex-settings-compartment .ui-grid .ui-grid-row:nth-child(odd) .ui-grid-cell {
  background-color: #fff;
}

#flex-settings-compartment .ui-grid-row.ui-grid-row-selected > [ui-grid-row] > .ui-grid-cell {
  background-color: #c9dde1 !important;
}

#flex-settings-compartment #plan-accounts-panel .height-set-non-checkbox {
  min-height: 40px;
}

#flex-settings-compartment #plan-accounts-panel .height-set-checkbox {
  min-height: 35px;
}

@media (max-width: 895px) {
  #flex-settings-compartment #plan-accounts-panel .height-set-checkbox {
    min-height: 39px;
  }

  @-moz-document url-prefix()  {
    #flex-settings-compartment #plan-accounts-panel .height-set-checkbox {
      min-height: 40px;
    }
  }
}

#flex-settings-compartment #plan-accounts-panel .balance-cell {
  padding-right: 15px;
}

#flex-settings-compartment #plan-accounts-panel .ui-grid-canvas .ui-grid-row.ui-grid-row-selected [ui-grid-row] {
  float: left;
  background: #c9dde1 !important;
}

/* This is for On Demand Fee - Review section*/

#plan-accounts-grid .ui-grid-row:nth-child(even) {
  float: left;
  background: #e9e9e9 !important;
}

.table-title-bold {
  font-size: 1.15rem;
  margin-bottom: .5rem;
  font-weight: bold;
  display: inline-block;
  text-transform: uppercase;
}

.filter-bg {
  background: #e9f1f7;
  padding: 1rem;
  width: 100%;
}

.filter-bg > .grid-filter-header {
  text-align: right;
  float: none;
}

#participant .filter-bg > .grid-filter-header {
  text-align: initial;
  float: right;
}

form.ng-valid-date table#flexible-settings-table td div:not(:first-child) {
  border-top: 1px solid #ccc;
  border-bottom: none;
}

form.ng-valid-date table#flexible-settings-table td i.inline ~ div.inline {
  border-top: none;
}

form.ng-valid-date table#flexible-settings-table td[colspan="2"] {
  vertical-align: middle;
}

form.ng-valid-date table#flexible-settings-table td[colspan="2"] label {
  padding-top: 3px;
  padding-right: 5px;
}

form.ng-valid-date table#flexible-settings-table tr#reason-row {
  border-top: 1px solid #ccc;
  border-left: 1px solid white;
  border-bottom: 1px solid white;
  border-right: 1px solid white;
}

form.ng-valid-date table#flexible-settings-table tr#reason-row td {
  padding-top: 1.8rem;
}

form.ng-valid-date table#flexible-settings-table .mb--7 {
  margin-bottom: -7px;
}

form.ng-valid-date table#flexible-settings-table .mt--6 {
  margin-top: -6px;
}

form .row .col-sm-12 .actions {
  border-top: none;
  margin-top: 0;
  padding-top: 0;
  margin-bottom: 40px;
  min-height: 35px;
}

.bill-deduct-edit td > div {
  padding: 13.6px 0;
}

.bill-deduct-edit td > div:nth-child(2) {
  border-top: 1px solid #cecece;
  border-bottom: 1px solid #cecece;
}

.bill-deduct-edit td:nth-child(1) {
  padding: 0 0 0 .8rem;
}

.bill-deduct-edit td:nth-child(2) {
  padding: 0 .8rem 0 0;
}

.bill-deduct-edit td:nth-child(2) > div {
  padding-left: 7px;
}

.bill-deduct-edit td:nth-child(3) {
  padding: 0;
}

.bill-deduct-edit td:nth-child(3) > div {
  padding: 6.8px 10px;
}

@-moz-document url-prefix()  {
  .bill-deduct-edit td:nth-child(3) > div {
    padding: 7.2px 10px;
  }
}

.bill-deduct-edit td:nth-child(4) {
  padding: 0 .8rem 0 0;
}

.bill-deduct-edit.edit-only td:nth-child(2) {
  padding: 0;
}

.bill-deduct-edit.edit-only td > div:nth-child(2) {
  border-top: none;
  border-bottom: none;
}

/* Devices (Tablet/Mobile) defects */

/*
All devices (Tablets and Mobiles) fixes will be in this file
*/

/* ----------- iPad mini ----------- */

/* Portrait and Landscape */

/* Portrait */

/* Landscape */

/* ----------- iPad 1 and 2 ----------- */

/* Portrait and Landscape */

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 1) {
  select[name="holdType"] {
    padding: 0;
    margin: 0;
  }
}

/* Portrait */

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 1) {
  input[name="deactivationDate"] {
    width: 90px;
  }
}

/* Landscape */

/* ----------- iPad 3 and 4 ----------- */

/* Portrait and Landscape */

/* Portrait */

/* Landscape */

/* ----------- Galaxy Tab 10.1 ----------- */

/* Portrait and Landscape */

/* Portrait */

/* Landscape */

/* Directive Tooltips */

i.directive-tt {
  font-style: normal;
  font-weight: bold;
}

.directive-tt-circle {
  background-color: aqua;
  height: 20px;
  width: 20px;
  border-radius: 50%;
  padding: 1px 5px;
}

.directive-tt-circle .tooltip.blue-bg {
  background: #e9f1f7;
  width: 100%;
  position: relative;
  min-width: 350px;
  max-width: 700px;
  border: 1px dashed blue;
  z-index: 1000000000;
}

#participant-auto-complete #hover {
  right: -220px;
  top: 60px;
  position: relative;
}

.hover {
  position: relative;
  margin: 1rem 1%;
  background: #fff;
  border-radius: 3px;
  padding: 0px 20px;
}

.hover-checkbox {
  float: left;
}

.hover-label {
  font-size: smaller;
}

input:disabled + label {
  color: #ccc !important;
  cursor: default;
}

input[type="radio"]:disabled {
  cursor: initial;
}

/*Fastpay*/

rpshared-fastpay,
rpshared-paycenter-search,
rpshared-plan-search,
rpshared-plan-information,
rpshared-add-participant,
rpshared-participant-list,
rp-plan-information-history,
add-participant-rollover-transfer,
add-plan-money-source,
investments-display-table,
payroll-deduct-loans-details,
individual-loan-repayment-details {
  float: left;
  width: 100%;
  -webkit-box-flex: 1;
  -webkit-flex: 1 0 auto;
  -ms-flex: 1 0 auto;
  flex: 1 0 auto;
  display: block;
  margin: 0 auto;
  border: 0;
  font-size: 100%;
  vertical-align: baseline;
}

rpshared-fastpay input,
rpshared-fastpay .input-group,
rpshared-paycenter-search input,
rpshared-paycenter-search .input-group,
rpshared-plan-search input,
rpshared-plan-search .input-group,
rpshared-plan-information input,
rpshared-plan-information .input-group,
rpshared-add-participant input,
rpshared-add-participant .input-group,
rpshared-participant-list input,
rpshared-participant-list .input-group,
rp-plan-information-history input,
rp-plan-information-history .input-group,
add-participant-rollover-transfer input,
add-participant-rollover-transfer .input-group,
add-plan-money-source input,
add-plan-money-source .input-group,
investments-display-table input,
investments-display-table .input-group,
payroll-deduct-loans-details input,
payroll-deduct-loans-details .input-group,
individual-loan-repayment-details input,
individual-loan-repayment-details .input-group {
  margin-top: 6px;
  margin-bottom: 6px;
}

rpshared-fastpay input.form-input--date,
rpshared-fastpay .input-group.form-input--date,
rpshared-paycenter-search input.form-input--date,
rpshared-paycenter-search .input-group.form-input--date,
rpshared-plan-search input.form-input--date,
rpshared-plan-search .input-group.form-input--date,
rpshared-plan-information input.form-input--date,
rpshared-plan-information .input-group.form-input--date,
rpshared-add-participant input.form-input--date,
rpshared-add-participant .input-group.form-input--date,
rpshared-participant-list input.form-input--date,
rpshared-participant-list .input-group.form-input--date,
rp-plan-information-history input.form-input--date,
rp-plan-information-history .input-group.form-input--date,
add-participant-rollover-transfer input.form-input--date,
add-participant-rollover-transfer .input-group.form-input--date,
add-plan-money-source input.form-input--date,
add-plan-money-source .input-group.form-input--date,
investments-display-table input.form-input--date,
investments-display-table .input-group.form-input--date,
payroll-deduct-loans-details input.form-input--date,
payroll-deduct-loans-details .input-group.form-input--date,
individual-loan-repayment-details input.form-input--date,
individual-loan-repayment-details .input-group.form-input--date {
  margin: 0 0 0.25em 0;
}

rpshared-fastpay .page-title,
rpshared-paycenter-search .page-title,
rpshared-plan-search .page-title,
rpshared-plan-information .page-title,
rpshared-add-participant .page-title,
rpshared-participant-list .page-title,
rp-plan-information-history .page-title,
add-participant-rollover-transfer .page-title,
add-plan-money-source .page-title,
investments-display-table .page-title,
payroll-deduct-loans-details .page-title,
individual-loan-repayment-details .page-title {
  color: #006560;
  font-size: 1.7rem;
  margin: 0 0 1.5rem 0;
  line-height: inherit;
  font-weight: 400;
}

rpshared-fastpay .advanced-search .search-results.small-search-box,
rpshared-paycenter-search .advanced-search .search-results.small-search-box,
rpshared-plan-search .advanced-search .search-results.small-search-box,
rpshared-plan-information .advanced-search .search-results.small-search-box,
rpshared-add-participant .advanced-search .search-results.small-search-box,
rpshared-participant-list .advanced-search .search-results.small-search-box,
rp-plan-information-history .advanced-search .search-results.small-search-box,
add-participant-rollover-transfer .advanced-search .search-results.small-search-box,
add-plan-money-source .advanced-search .search-results.small-search-box,
investments-display-table .advanced-search .search-results.small-search-box,
payroll-deduct-loans-details .advanced-search .search-results.small-search-box,
individual-loan-repayment-details .advanced-search .search-results.small-search-box {
  width: 30rem;
}

rpshared-fastpay .table-title,
rpshared-paycenter-search .table-title,
rpshared-plan-search .table-title,
rpshared-plan-information .table-title,
rpshared-add-participant .table-title,
rpshared-participant-list .table-title,
rp-plan-information-history .table-title,
add-participant-rollover-transfer .table-title,
add-plan-money-source .table-title,
investments-display-table .table-title,
payroll-deduct-loans-details .table-title,
individual-loan-repayment-details .table-title {
  margin: 0;
}

rpshared-fastpay .advanced-search ul li,
rpshared-paycenter-search .advanced-search ul li,
rpshared-plan-search .advanced-search ul li,
rpshared-plan-information .advanced-search ul li,
rpshared-add-participant .advanced-search ul li,
rpshared-participant-list .advanced-search ul li,
rp-plan-information-history .advanced-search ul li,
add-participant-rollover-transfer .advanced-search ul li,
add-plan-money-source .advanced-search ul li,
investments-display-table .advanced-search ul li,
payroll-deduct-loans-details .advanced-search ul li,
individual-loan-repayment-details .advanced-search ul li {
  padding: .6rem .8rem;
  font-size: 14px;
}

rpshared-fastpay .advanced-search ul li:nth-child(even),
rpshared-paycenter-search .advanced-search ul li:nth-child(even),
rpshared-plan-search .advanced-search ul li:nth-child(even),
rpshared-plan-information .advanced-search ul li:nth-child(even),
rpshared-add-participant .advanced-search ul li:nth-child(even),
rpshared-participant-list .advanced-search ul li:nth-child(even),
rp-plan-information-history .advanced-search ul li:nth-child(even),
add-participant-rollover-transfer .advanced-search ul li:nth-child(even),
add-plan-money-source .advanced-search ul li:nth-child(even),
investments-display-table .advanced-search ul li:nth-child(even),
payroll-deduct-loans-details .advanced-search ul li:nth-child(even),
individual-loan-repayment-details .advanced-search ul li:nth-child(even) {
  background: #efefef;
}

rpshared-fastpay .white-box,
rpshared-paycenter-search .white-box,
rpshared-plan-search .white-box,
rpshared-plan-information .white-box,
rpshared-add-participant .white-box,
rpshared-participant-list .white-box,
rp-plan-information-history .white-box,
add-participant-rollover-transfer .white-box,
add-plan-money-source .white-box,
investments-display-table .white-box,
payroll-deduct-loans-details .white-box,
individual-loan-repayment-details .white-box {
  background: #fff;
  float: left;
  margin-bottom: 20px;
  box-shadow: 1px 1px 0px 0px #d5d5d5;
  width: 100%;
  border-radius: 3px;
}

rpshared-fastpay .white-box .content,
rpshared-paycenter-search .white-box .content,
rpshared-plan-search .white-box .content,
rpshared-plan-information .white-box .content,
rpshared-add-participant .white-box .content,
rpshared-participant-list .white-box .content,
rp-plan-information-history .white-box .content,
add-participant-rollover-transfer .white-box .content,
add-plan-money-source .white-box .content,
investments-display-table .white-box .content,
payroll-deduct-loans-details .white-box .content,
individual-loan-repayment-details .white-box .content {
  padding: 1rem;
}

rpshared-fastpay .skip-money-sources,
rpshared-paycenter-search .skip-money-sources,
rpshared-plan-search .skip-money-sources,
rpshared-plan-information .skip-money-sources,
rpshared-add-participant .skip-money-sources,
rpshared-participant-list .skip-money-sources,
rp-plan-information-history .skip-money-sources,
add-participant-rollover-transfer .skip-money-sources,
add-plan-money-source .skip-money-sources,
investments-display-table .skip-money-sources,
payroll-deduct-loans-details .skip-money-sources,
individual-loan-repayment-details .skip-money-sources {
  background: #e9f1f7;
  padding: 0.5rem 0;
  margin: 0 0 1.5rem 0;
}

rpshared-fastpay .skip-money-sources p,
rpshared-paycenter-search .skip-money-sources p,
rpshared-plan-search .skip-money-sources p,
rpshared-plan-information .skip-money-sources p,
rpshared-add-participant .skip-money-sources p,
rpshared-participant-list .skip-money-sources p,
rp-plan-information-history .skip-money-sources p,
add-participant-rollover-transfer .skip-money-sources p,
add-plan-money-source .skip-money-sources p,
investments-display-table .skip-money-sources p,
payroll-deduct-loans-details .skip-money-sources p,
individual-loan-repayment-details .skip-money-sources p {
  margin: 0 0 15px 0;
}

rpshared-fastpay .skip-money-sources .checkbox,
rpshared-paycenter-search .skip-money-sources .checkbox,
rpshared-plan-search .skip-money-sources .checkbox,
rpshared-plan-information .skip-money-sources .checkbox,
rpshared-add-participant .skip-money-sources .checkbox,
rpshared-participant-list .skip-money-sources .checkbox,
rp-plan-information-history .skip-money-sources .checkbox,
add-participant-rollover-transfer .skip-money-sources .checkbox,
add-plan-money-source .skip-money-sources .checkbox,
investments-display-table .skip-money-sources .checkbox,
payroll-deduct-loans-details .skip-money-sources .checkbox,
individual-loan-repayment-details .skip-money-sources .checkbox {
  margin-top: 0;
  margin-bottom: 5px;
}

rpshared-fastpay .input-group--trailer .icon-calendar,
rpshared-paycenter-search .input-group--trailer .icon-calendar,
rpshared-plan-search .input-group--trailer .icon-calendar,
rpshared-plan-information .input-group--trailer .icon-calendar,
rpshared-add-participant .input-group--trailer .icon-calendar,
rpshared-participant-list .input-group--trailer .icon-calendar,
rp-plan-information-history .input-group--trailer .icon-calendar,
add-participant-rollover-transfer .input-group--trailer .icon-calendar,
add-plan-money-source .input-group--trailer .icon-calendar,
investments-display-table .input-group--trailer .icon-calendar,
payroll-deduct-loans-details .input-group--trailer .icon-calendar,
individual-loan-repayment-details .input-group--trailer .icon-calendar {
  line-height: 0.9;
}

rpshared-fastpay button.calendar,
rpshared-paycenter-search button.calendar,
rpshared-plan-search button.calendar,
rpshared-plan-information button.calendar,
rpshared-add-participant button.calendar,
rpshared-participant-list button.calendar,
rp-plan-information-history button.calendar,
add-participant-rollover-transfer button.calendar,
add-plan-money-source button.calendar,
investments-display-table button.calendar,
payroll-deduct-loans-details button.calendar,
individual-loan-repayment-details button.calendar {
  margin: 0;
}

rpshared-fastpay #addParticipant,
rpshared-paycenter-search #addParticipant,
rpshared-plan-search #addParticipant,
rpshared-plan-information #addParticipant,
rpshared-add-participant #addParticipant,
rpshared-participant-list #addParticipant,
rp-plan-information-history #addParticipant,
add-participant-rollover-transfer #addParticipant,
add-plan-money-source #addParticipant,
investments-display-table #addParticipant,
payroll-deduct-loans-details #addParticipant,
individual-loan-repayment-details #addParticipant {
  margin-bottom: 0;
}

rpshared-fastpay table.participant-list a,
rpshared-fastpay table.participant-list-individual-loan-repayments a,
rpshared-paycenter-search table.participant-list a,
rpshared-paycenter-search table.participant-list-individual-loan-repayments a,
rpshared-plan-search table.participant-list a,
rpshared-plan-search table.participant-list-individual-loan-repayments a,
rpshared-plan-information table.participant-list a,
rpshared-plan-information table.participant-list-individual-loan-repayments a,
rpshared-add-participant table.participant-list a,
rpshared-add-participant table.participant-list-individual-loan-repayments a,
rpshared-participant-list table.participant-list a,
rpshared-participant-list table.participant-list-individual-loan-repayments a,
rp-plan-information-history table.participant-list a,
rp-plan-information-history table.participant-list-individual-loan-repayments a,
add-participant-rollover-transfer table.participant-list a,
add-participant-rollover-transfer table.participant-list-individual-loan-repayments a,
add-plan-money-source table.participant-list a,
add-plan-money-source table.participant-list-individual-loan-repayments a,
investments-display-table table.participant-list a,
investments-display-table table.participant-list-individual-loan-repayments a,
payroll-deduct-loans-details table.participant-list a,
payroll-deduct-loans-details table.participant-list-individual-loan-repayments a,
individual-loan-repayment-details table.participant-list a,
individual-loan-repayment-details table.participant-list-individual-loan-repayments a {
  color: #fff;
  text-decoration: none;
}

rpshared-fastpay table.participant-list a:hover,
rpshared-fastpay table.participant-list a:focus,
rpshared-fastpay table.participant-list-individual-loan-repayments a:hover,
rpshared-fastpay table.participant-list-individual-loan-repayments a:focus,
rpshared-paycenter-search table.participant-list a:hover,
rpshared-paycenter-search table.participant-list a:focus,
rpshared-paycenter-search table.participant-list-individual-loan-repayments a:hover,
rpshared-paycenter-search table.participant-list-individual-loan-repayments a:focus,
rpshared-plan-search table.participant-list a:hover,
rpshared-plan-search table.participant-list a:focus,
rpshared-plan-search table.participant-list-individual-loan-repayments a:hover,
rpshared-plan-search table.participant-list-individual-loan-repayments a:focus,
rpshared-plan-information table.participant-list a:hover,
rpshared-plan-information table.participant-list a:focus,
rpshared-plan-information table.participant-list-individual-loan-repayments a:hover,
rpshared-plan-information table.participant-list-individual-loan-repayments a:focus,
rpshared-add-participant table.participant-list a:hover,
rpshared-add-participant table.participant-list a:focus,
rpshared-add-participant table.participant-list-individual-loan-repayments a:hover,
rpshared-add-participant table.participant-list-individual-loan-repayments a:focus,
rpshared-participant-list table.participant-list a:hover,
rpshared-participant-list table.participant-list a:focus,
rpshared-participant-list table.participant-list-individual-loan-repayments a:hover,
rpshared-participant-list table.participant-list-individual-loan-repayments a:focus,
rp-plan-information-history table.participant-list a:hover,
rp-plan-information-history table.participant-list a:focus,
rp-plan-information-history table.participant-list-individual-loan-repayments a:hover,
rp-plan-information-history table.participant-list-individual-loan-repayments a:focus,
add-participant-rollover-transfer table.participant-list a:hover,
add-participant-rollover-transfer table.participant-list a:focus,
add-participant-rollover-transfer table.participant-list-individual-loan-repayments a:hover,
add-participant-rollover-transfer table.participant-list-individual-loan-repayments a:focus,
add-plan-money-source table.participant-list a:hover,
add-plan-money-source table.participant-list a:focus,
add-plan-money-source table.participant-list-individual-loan-repayments a:hover,
add-plan-money-source table.participant-list-individual-loan-repayments a:focus,
investments-display-table table.participant-list a:hover,
investments-display-table table.participant-list a:focus,
investments-display-table table.participant-list-individual-loan-repayments a:hover,
investments-display-table table.participant-list-individual-loan-repayments a:focus,
payroll-deduct-loans-details table.participant-list a:hover,
payroll-deduct-loans-details table.participant-list a:focus,
payroll-deduct-loans-details table.participant-list-individual-loan-repayments a:hover,
payroll-deduct-loans-details table.participant-list-individual-loan-repayments a:focus,
individual-loan-repayment-details table.participant-list a:hover,
individual-loan-repayment-details table.participant-list a:focus,
individual-loan-repayment-details table.participant-list-individual-loan-repayments a:hover,
individual-loan-repayment-details table.participant-list-individual-loan-repayments a:focus {
  text-decoration: none;
  border-bottom: none;
}

rpshared-fastpay table.participant-list thead tr:first-child,
rpshared-fastpay table.participant-list-individual-loan-repayments thead tr:first-child,
rpshared-paycenter-search table.participant-list thead tr:first-child,
rpshared-paycenter-search table.participant-list-individual-loan-repayments thead tr:first-child,
rpshared-plan-search table.participant-list thead tr:first-child,
rpshared-plan-search table.participant-list-individual-loan-repayments thead tr:first-child,
rpshared-plan-information table.participant-list thead tr:first-child,
rpshared-plan-information table.participant-list-individual-loan-repayments thead tr:first-child,
rpshared-add-participant table.participant-list thead tr:first-child,
rpshared-add-participant table.participant-list-individual-loan-repayments thead tr:first-child,
rpshared-participant-list table.participant-list thead tr:first-child,
rpshared-participant-list table.participant-list-individual-loan-repayments thead tr:first-child,
rp-plan-information-history table.participant-list thead tr:first-child,
rp-plan-information-history table.participant-list-individual-loan-repayments thead tr:first-child,
add-participant-rollover-transfer table.participant-list thead tr:first-child,
add-participant-rollover-transfer table.participant-list-individual-loan-repayments thead tr:first-child,
add-plan-money-source table.participant-list thead tr:first-child,
add-plan-money-source table.participant-list-individual-loan-repayments thead tr:first-child,
investments-display-table table.participant-list thead tr:first-child,
investments-display-table table.participant-list-individual-loan-repayments thead tr:first-child,
payroll-deduct-loans-details table.participant-list thead tr:first-child,
payroll-deduct-loans-details table.participant-list-individual-loan-repayments thead tr:first-child,
individual-loan-repayment-details table.participant-list thead tr:first-child,
individual-loan-repayment-details table.participant-list-individual-loan-repayments thead tr:first-child {
  background: #ccc;
  border-bottom: 3px solid #a2a2a2;
}

rpshared-fastpay table.participant-list tbody tr:nth-child(even),
rpshared-fastpay table.participant-list-individual-loan-repayments tbody tr:nth-child(even),
rpshared-paycenter-search table.participant-list tbody tr:nth-child(even),
rpshared-paycenter-search table.participant-list-individual-loan-repayments tbody tr:nth-child(even),
rpshared-plan-search table.participant-list tbody tr:nth-child(even),
rpshared-plan-search table.participant-list-individual-loan-repayments tbody tr:nth-child(even),
rpshared-plan-information table.participant-list tbody tr:nth-child(even),
rpshared-plan-information table.participant-list-individual-loan-repayments tbody tr:nth-child(even),
rpshared-add-participant table.participant-list tbody tr:nth-child(even),
rpshared-add-participant table.participant-list-individual-loan-repayments tbody tr:nth-child(even),
rpshared-participant-list table.participant-list tbody tr:nth-child(even),
rpshared-participant-list table.participant-list-individual-loan-repayments tbody tr:nth-child(even),
rp-plan-information-history table.participant-list tbody tr:nth-child(even),
rp-plan-information-history table.participant-list-individual-loan-repayments tbody tr:nth-child(even),
add-participant-rollover-transfer table.participant-list tbody tr:nth-child(even),
add-participant-rollover-transfer table.participant-list-individual-loan-repayments tbody tr:nth-child(even),
add-plan-money-source table.participant-list tbody tr:nth-child(even),
add-plan-money-source table.participant-list-individual-loan-repayments tbody tr:nth-child(even),
investments-display-table table.participant-list tbody tr:nth-child(even),
investments-display-table table.participant-list-individual-loan-repayments tbody tr:nth-child(even),
payroll-deduct-loans-details table.participant-list tbody tr:nth-child(even),
payroll-deduct-loans-details table.participant-list-individual-loan-repayments tbody tr:nth-child(even),
individual-loan-repayment-details table.participant-list tbody tr:nth-child(even),
individual-loan-repayment-details table.participant-list-individual-loan-repayments tbody tr:nth-child(even) {
  background: #E1E2E2;
}

rpshared-fastpay table.participant-list tbody tr:nth-child(odd),
rpshared-fastpay table.participant-list-individual-loan-repayments tbody tr:nth-child(odd),
rpshared-paycenter-search table.participant-list tbody tr:nth-child(odd),
rpshared-paycenter-search table.participant-list-individual-loan-repayments tbody tr:nth-child(odd),
rpshared-plan-search table.participant-list tbody tr:nth-child(odd),
rpshared-plan-search table.participant-list-individual-loan-repayments tbody tr:nth-child(odd),
rpshared-plan-information table.participant-list tbody tr:nth-child(odd),
rpshared-plan-information table.participant-list-individual-loan-repayments tbody tr:nth-child(odd),
rpshared-add-participant table.participant-list tbody tr:nth-child(odd),
rpshared-add-participant table.participant-list-individual-loan-repayments tbody tr:nth-child(odd),
rpshared-participant-list table.participant-list tbody tr:nth-child(odd),
rpshared-participant-list table.participant-list-individual-loan-repayments tbody tr:nth-child(odd),
rp-plan-information-history table.participant-list tbody tr:nth-child(odd),
rp-plan-information-history table.participant-list-individual-loan-repayments tbody tr:nth-child(odd),
add-participant-rollover-transfer table.participant-list tbody tr:nth-child(odd),
add-participant-rollover-transfer table.participant-list-individual-loan-repayments tbody tr:nth-child(odd),
add-plan-money-source table.participant-list tbody tr:nth-child(odd),
add-plan-money-source table.participant-list-individual-loan-repayments tbody tr:nth-child(odd),
investments-display-table table.participant-list tbody tr:nth-child(odd),
investments-display-table table.participant-list-individual-loan-repayments tbody tr:nth-child(odd),
payroll-deduct-loans-details table.participant-list tbody tr:nth-child(odd),
payroll-deduct-loans-details table.participant-list-individual-loan-repayments tbody tr:nth-child(odd),
individual-loan-repayment-details table.participant-list tbody tr:nth-child(odd),
individual-loan-repayment-details table.participant-list-individual-loan-repayments tbody tr:nth-child(odd) {
  background: #fff;
}

rpshared-fastpay table.participant-list tfoot,
rpshared-fastpay table.participant-list-individual-loan-repayments tfoot,
rpshared-paycenter-search table.participant-list tfoot,
rpshared-paycenter-search table.participant-list-individual-loan-repayments tfoot,
rpshared-plan-search table.participant-list tfoot,
rpshared-plan-search table.participant-list-individual-loan-repayments tfoot,
rpshared-plan-information table.participant-list tfoot,
rpshared-plan-information table.participant-list-individual-loan-repayments tfoot,
rpshared-add-participant table.participant-list tfoot,
rpshared-add-participant table.participant-list-individual-loan-repayments tfoot,
rpshared-participant-list table.participant-list tfoot,
rpshared-participant-list table.participant-list-individual-loan-repayments tfoot,
rp-plan-information-history table.participant-list tfoot,
rp-plan-information-history table.participant-list-individual-loan-repayments tfoot,
add-participant-rollover-transfer table.participant-list tfoot,
add-participant-rollover-transfer table.participant-list-individual-loan-repayments tfoot,
add-plan-money-source table.participant-list tfoot,
add-plan-money-source table.participant-list-individual-loan-repayments tfoot,
investments-display-table table.participant-list tfoot,
investments-display-table table.participant-list-individual-loan-repayments tfoot,
payroll-deduct-loans-details table.participant-list tfoot,
payroll-deduct-loans-details table.participant-list-individual-loan-repayments tfoot,
individual-loan-repayment-details table.participant-list tfoot,
individual-loan-repayment-details table.participant-list-individual-loan-repayments tfoot {
  border-top: 3px solid #a2a2a2;
}

rpshared-fastpay table.participant-list tfoot tr,
rpshared-fastpay table.participant-list-individual-loan-repayments tfoot tr,
rpshared-paycenter-search table.participant-list tfoot tr,
rpshared-paycenter-search table.participant-list-individual-loan-repayments tfoot tr,
rpshared-plan-search table.participant-list tfoot tr,
rpshared-plan-search table.participant-list-individual-loan-repayments tfoot tr,
rpshared-plan-information table.participant-list tfoot tr,
rpshared-plan-information table.participant-list-individual-loan-repayments tfoot tr,
rpshared-add-participant table.participant-list tfoot tr,
rpshared-add-participant table.participant-list-individual-loan-repayments tfoot tr,
rpshared-participant-list table.participant-list tfoot tr,
rpshared-participant-list table.participant-list-individual-loan-repayments tfoot tr,
rp-plan-information-history table.participant-list tfoot tr,
rp-plan-information-history table.participant-list-individual-loan-repayments tfoot tr,
add-participant-rollover-transfer table.participant-list tfoot tr,
add-participant-rollover-transfer table.participant-list-individual-loan-repayments tfoot tr,
add-plan-money-source table.participant-list tfoot tr,
add-plan-money-source table.participant-list-individual-loan-repayments tfoot tr,
investments-display-table table.participant-list tfoot tr,
investments-display-table table.participant-list-individual-loan-repayments tfoot tr,
payroll-deduct-loans-details table.participant-list tfoot tr,
payroll-deduct-loans-details table.participant-list-individual-loan-repayments tfoot tr,
individual-loan-repayment-details table.participant-list tfoot tr,
individual-loan-repayment-details table.participant-list-individual-loan-repayments tfoot tr {
  background: #ccc;
}

rpshared-fastpay .page-total,
rpshared-paycenter-search .page-total,
rpshared-plan-search .page-total,
rpshared-plan-information .page-total,
rpshared-add-participant .page-total,
rpshared-participant-list .page-total,
rp-plan-information-history .page-total,
add-participant-rollover-transfer .page-total,
add-plan-money-source .page-total,
investments-display-table .page-total,
payroll-deduct-loans-details .page-total,
individual-loan-repayment-details .page-total {
  padding: 0 1rem;
}

rpshared-fastpay .page-total .col-sm-2,
rpshared-paycenter-search .page-total .col-sm-2,
rpshared-plan-search .page-total .col-sm-2,
rpshared-plan-information .page-total .col-sm-2,
rpshared-add-participant .page-total .col-sm-2,
rpshared-participant-list .page-total .col-sm-2,
rp-plan-information-history .page-total .col-sm-2,
add-participant-rollover-transfer .page-total .col-sm-2,
add-plan-money-source .page-total .col-sm-2,
investments-display-table .page-total .col-sm-2,
payroll-deduct-loans-details .page-total .col-sm-2,
individual-loan-repayment-details .page-total .col-sm-2 {
  font-weight: bold;
}

rpshared-fastpay .page-total div,
rpshared-paycenter-search .page-total div,
rpshared-plan-search .page-total div,
rpshared-plan-information .page-total div,
rpshared-add-participant .page-total div,
rpshared-participant-list .page-total div,
rp-plan-information-history .page-total div,
add-participant-rollover-transfer .page-total div,
add-plan-money-source .page-total div,
investments-display-table .page-total div,
payroll-deduct-loans-details .page-total div,
individual-loan-repayment-details .page-total div {
  padding: 0 0 0.5rem 0;
}

rpshared-fastpay #rp-pagination ul.pagination,
rpshared-paycenter-search #rp-pagination ul.pagination,
rpshared-plan-search #rp-pagination ul.pagination,
rpshared-plan-information #rp-pagination ul.pagination,
rpshared-add-participant #rp-pagination ul.pagination,
rpshared-participant-list #rp-pagination ul.pagination,
rp-plan-information-history #rp-pagination ul.pagination,
add-participant-rollover-transfer #rp-pagination ul.pagination,
add-plan-money-source #rp-pagination ul.pagination,
investments-display-table #rp-pagination ul.pagination,
payroll-deduct-loans-details #rp-pagination ul.pagination,
individual-loan-repayment-details #rp-pagination ul.pagination {
  width: auto;
  padding-left: 0;
  float: left;
}

rpshared-fastpay #rp-pagination ul.pagination li.disabled,
rpshared-paycenter-search #rp-pagination ul.pagination li.disabled,
rpshared-plan-search #rp-pagination ul.pagination li.disabled,
rpshared-plan-information #rp-pagination ul.pagination li.disabled,
rpshared-add-participant #rp-pagination ul.pagination li.disabled,
rpshared-participant-list #rp-pagination ul.pagination li.disabled,
rp-plan-information-history #rp-pagination ul.pagination li.disabled,
add-participant-rollover-transfer #rp-pagination ul.pagination li.disabled,
add-plan-money-source #rp-pagination ul.pagination li.disabled,
investments-display-table #rp-pagination ul.pagination li.disabled,
payroll-deduct-loans-details #rp-pagination ul.pagination li.disabled,
individual-loan-repayment-details #rp-pagination ul.pagination li.disabled {
  background-color: transparent !important;
}

rpshared-fastpay #rp-pagination ul.pagination li.disabled a,
rpshared-paycenter-search #rp-pagination ul.pagination li.disabled a,
rpshared-plan-search #rp-pagination ul.pagination li.disabled a,
rpshared-plan-information #rp-pagination ul.pagination li.disabled a,
rpshared-add-participant #rp-pagination ul.pagination li.disabled a,
rpshared-participant-list #rp-pagination ul.pagination li.disabled a,
rp-plan-information-history #rp-pagination ul.pagination li.disabled a,
add-participant-rollover-transfer #rp-pagination ul.pagination li.disabled a,
add-plan-money-source #rp-pagination ul.pagination li.disabled a,
investments-display-table #rp-pagination ul.pagination li.disabled a,
payroll-deduct-loans-details #rp-pagination ul.pagination li.disabled a,
individual-loan-repayment-details #rp-pagination ul.pagination li.disabled a {
  color: #ccc;
}

rpshared-fastpay #rp-pagination ul.pagination li.active,
rpshared-paycenter-search #rp-pagination ul.pagination li.active,
rpshared-plan-search #rp-pagination ul.pagination li.active,
rpshared-plan-information #rp-pagination ul.pagination li.active,
rpshared-add-participant #rp-pagination ul.pagination li.active,
rpshared-participant-list #rp-pagination ul.pagination li.active,
rp-plan-information-history #rp-pagination ul.pagination li.active,
add-participant-rollover-transfer #rp-pagination ul.pagination li.active,
add-plan-money-source #rp-pagination ul.pagination li.active,
investments-display-table #rp-pagination ul.pagination li.active,
payroll-deduct-loans-details #rp-pagination ul.pagination li.active,
individual-loan-repayment-details #rp-pagination ul.pagination li.active {
  border-bottom: 2px solid #005691;
  padding-bottom: .2rem;
}

rpshared-fastpay #rp-pagination ul.pagination li.active a:hover,
rpshared-paycenter-search #rp-pagination ul.pagination li.active a:hover,
rpshared-plan-search #rp-pagination ul.pagination li.active a:hover,
rpshared-plan-information #rp-pagination ul.pagination li.active a:hover,
rpshared-add-participant #rp-pagination ul.pagination li.active a:hover,
rpshared-participant-list #rp-pagination ul.pagination li.active a:hover,
rp-plan-information-history #rp-pagination ul.pagination li.active a:hover,
add-participant-rollover-transfer #rp-pagination ul.pagination li.active a:hover,
add-plan-money-source #rp-pagination ul.pagination li.active a:hover,
investments-display-table #rp-pagination ul.pagination li.active a:hover,
payroll-deduct-loans-details #rp-pagination ul.pagination li.active a:hover,
individual-loan-repayment-details #rp-pagination ul.pagination li.active a:hover {
  border-bottom: none;
  cursor: inherit;
}

rpshared-fastpay #rp-pagination div#itemsPerPage,
rpshared-paycenter-search #rp-pagination div#itemsPerPage,
rpshared-plan-search #rp-pagination div#itemsPerPage,
rpshared-plan-information #rp-pagination div#itemsPerPage,
rpshared-add-participant #rp-pagination div#itemsPerPage,
rpshared-participant-list #rp-pagination div#itemsPerPage,
rp-plan-information-history #rp-pagination div#itemsPerPage,
add-participant-rollover-transfer #rp-pagination div#itemsPerPage,
add-plan-money-source #rp-pagination div#itemsPerPage,
investments-display-table #rp-pagination div#itemsPerPage,
payroll-deduct-loans-details #rp-pagination div#itemsPerPage,
individual-loan-repayment-details #rp-pagination div#itemsPerPage {
  padding: 21px 0 0 16px;
  float: left;
}

rpshared-fastpay #rp-pagination div#itemsPerPage span,
rpshared-paycenter-search #rp-pagination div#itemsPerPage span,
rpshared-plan-search #rp-pagination div#itemsPerPage span,
rpshared-plan-information #rp-pagination div#itemsPerPage span,
rpshared-add-participant #rp-pagination div#itemsPerPage span,
rpshared-participant-list #rp-pagination div#itemsPerPage span,
rp-plan-information-history #rp-pagination div#itemsPerPage span,
add-participant-rollover-transfer #rp-pagination div#itemsPerPage span,
add-plan-money-source #rp-pagination div#itemsPerPage span,
investments-display-table #rp-pagination div#itemsPerPage span,
payroll-deduct-loans-details #rp-pagination div#itemsPerPage span,
individual-loan-repayment-details #rp-pagination div#itemsPerPage span {
  font-size: 2.5rem;
  font-weight: 100;
  float: left;
  color: #AEAEAE;
  padding: 0 28px 0 0;
}

rpshared-fastpay #rp-pagination div#itemsPerPage p,
rpshared-paycenter-search #rp-pagination div#itemsPerPage p,
rpshared-plan-search #rp-pagination div#itemsPerPage p,
rpshared-plan-information #rp-pagination div#itemsPerPage p,
rpshared-add-participant #rp-pagination div#itemsPerPage p,
rpshared-participant-list #rp-pagination div#itemsPerPage p,
rp-plan-information-history #rp-pagination div#itemsPerPage p,
add-participant-rollover-transfer #rp-pagination div#itemsPerPage p,
add-plan-money-source #rp-pagination div#itemsPerPage p,
investments-display-table #rp-pagination div#itemsPerPage p,
payroll-deduct-loans-details #rp-pagination div#itemsPerPage p,
individual-loan-repayment-details #rp-pagination div#itemsPerPage p {
  float: right;
  padding: 13px 10px;
  line-height: 0;
  margin: 0;
}

/* Shadow slide + scroll bar ONLY */

rpshared-fastpay .shadow-slide-full,
rpshared-paycenter-search .shadow-slide-full,
rpshared-plan-search .shadow-slide-full,
rpshared-plan-information .shadow-slide-full,
rpshared-add-participant .shadow-slide-full,
rpshared-participant-list .shadow-slide-full,
rp-plan-information-history .shadow-slide-full,
add-participant-rollover-transfer .shadow-slide-full,
add-plan-money-source .shadow-slide-full,
investments-display-table .shadow-slide-full,
shared-beneficiaries .shared-beneficiary-section .shadow-slide-full,
#contribution-grid .shadow-slide-full,
nfrp-phone .shadow-slide-full,
investment-elections .shadow-slide-full,
#current-investments .shadow-slide-full {
  position: relative;
  -webkit-overflow-scrolling: touch;
}

rpshared-fastpay .shadow-slide-full ::-webkit-scrollbar,
rpshared-paycenter-search .shadow-slide-full ::-webkit-scrollbar,
rpshared-plan-search .shadow-slide-full ::-webkit-scrollbar,
rpshared-plan-information .shadow-slide-full ::-webkit-scrollbar,
rpshared-add-participant .shadow-slide-full ::-webkit-scrollbar,
rpshared-participant-list .shadow-slide-full ::-webkit-scrollbar,
rp-plan-information-history .shadow-slide-full ::-webkit-scrollbar,
add-participant-rollover-transfer .shadow-slide-full ::-webkit-scrollbar,
add-plan-money-source .shadow-slide-full ::-webkit-scrollbar,
investments-display-table .shadow-slide-full ::-webkit-scrollbar,
shared-beneficiaries .shared-beneficiary-section .shadow-slide-full ::-webkit-scrollbar,
#contribution-grid .shadow-slide-full ::-webkit-scrollbar,
nfrp-phone .shadow-slide-full ::-webkit-scrollbar,
investment-elections .shadow-slide-full ::-webkit-scrollbar,
#current-investments .shadow-slide-full ::-webkit-scrollbar {
  -webkit-appearance: none;
  width: 17px;
}

rpshared-fastpay .shadow-slide-full ::-webkit-scrollbar-thumb,
rpshared-paycenter-search .shadow-slide-full ::-webkit-scrollbar-thumb,
rpshared-plan-search .shadow-slide-full ::-webkit-scrollbar-thumb,
rpshared-plan-information .shadow-slide-full ::-webkit-scrollbar-thumb,
rpshared-add-participant .shadow-slide-full ::-webkit-scrollbar-thumb,
rpshared-participant-list .shadow-slide-full ::-webkit-scrollbar-thumb,
rp-plan-information-history .shadow-slide-full ::-webkit-scrollbar-thumb,
add-participant-rollover-transfer .shadow-slide-full ::-webkit-scrollbar-thumb,
add-plan-money-source .shadow-slide-full ::-webkit-scrollbar-thumb,
investments-display-table .shadow-slide-full ::-webkit-scrollbar-thumb,
shared-beneficiaries .shared-beneficiary-section .shadow-slide-full ::-webkit-scrollbar-thumb,
#contribution-grid .shadow-slide-full ::-webkit-scrollbar-thumb,
nfrp-phone .shadow-slide-full ::-webkit-scrollbar-thumb,
investment-elections .shadow-slide-full ::-webkit-scrollbar-thumb,
#current-investments .shadow-slide-full ::-webkit-scrollbar-thumb {
  background-color: rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: 0 0 0.5px rgba(255, 255, 255, 0.5);
}

rpshared-fastpay .shadow-slide-full .scrolling-table,
rpshared-paycenter-search .shadow-slide-full .scrolling-table,
rpshared-plan-search .shadow-slide-full .scrolling-table,
rpshared-plan-information .shadow-slide-full .scrolling-table,
rpshared-add-participant .shadow-slide-full .scrolling-table,
rpshared-participant-list .shadow-slide-full .scrolling-table,
rp-plan-information-history .shadow-slide-full .scrolling-table,
add-participant-rollover-transfer .shadow-slide-full .scrolling-table,
add-plan-money-source .shadow-slide-full .scrolling-table,
investments-display-table .shadow-slide-full .scrolling-table,
shared-beneficiaries .shared-beneficiary-section .shadow-slide-full .scrolling-table,
#contribution-grid .shadow-slide-full .scrolling-table,
nfrp-phone .shadow-slide-full .scrolling-table,
investment-elections .shadow-slide-full .scrolling-table,
#current-investments .shadow-slide-full .scrolling-table {
  display: block;
  overflow-x: auto;
  overflow-y: hidden;
}

#participant div.ui-grid-viewport .ui-grid-canvas div {
  display: flex;
}

#numberHeader {
  width: 60px;
  text-align: center;
}

.dropdown-menu[uib-typeahead-popup],
ul.typeahead.dropdown-menu {
  padding: 0.8rem;
}

.dropdown-menu[uib-typeahead-popup] li,
ul.typeahead.dropdown-menu li {
  padding: 0;
}

.dropdown-menu[uib-typeahead-popup] li:nth-child(odd),
ul.typeahead.dropdown-menu li:nth-child(odd) {
  background: #efefef;
}

.dropdown-menu[uib-typeahead-popup] li:nth-child(even),
ul.typeahead.dropdown-menu li:nth-child(even) {
  background: #fff;
}

.dropdown-menu[uib-typeahead-popup] li.active,
ul.typeahead.dropdown-menu li.active {
  background: #004778;
  outline-offset: -2px;
  color: #fff;
}

.dropdown-menu[uib-typeahead-popup] li.active a,
ul.typeahead.dropdown-menu li.active a {
  color: #fff;
}

.dropdown-menu[uib-typeahead-popup] li a,
ul.typeahead.dropdown-menu li a {
  display: block;
  padding: 9px;
  color: #005691;
  text-decoration: none;
}

.dropdown-menu[uib-typeahead-popup] li a:hover,
.dropdown-menu[uib-typeahead-popup] li a:focus,
ul.typeahead.dropdown-menu li a:hover,
ul.typeahead.dropdown-menu li a:focus {
  background: #004778;
  outline-offset: -2px;
  color: #fff;
}

rp-button button#addNote-button {
  background: #fff !important;
  color: #002b45 !important;
  border-radius: 2rem;
  border: 1px solid #002b45;
}

rp-button button#addNote-button:hover,
rp-button button#addNote-button:active,
rp-button button#addNote-button:focus {
  background: #efefef !important;
}

.has-warning .icon-warning {
  color: #8a6d3b;
}

#unadded-note-message {
  padding: 0 0 1rem 0;
  float: left;
}

textarea#reasonForChange {
  resize: none;
  height: 66px;
}

#totalContributionsTop,
#pageTotalTop,
#pageTotalBottom,
#totalContributionsBottom {
  padding: 0 0.8rem 0 0;
}

table.participant-list thead tr th {
  /*Total */
}

table.participant-list thead tr th span {
  color: #fff;
  font-weight: 100;
}

table.participant-list thead tr th:last-child {
  min-width: 160px;
  text-align: right;
  padding: 0 27px 0 0;
}

table.participant-list thead tr th select {
  margin-bottom: 6px;
}

table.participant-list tbody tr td {
  /*Number*/
}

table.participant-list tbody tr td .input-group {
  float: right;
}

table.participant-list tbody tr td:nth-child(1),
table.participant-list tbody tr td:last-child {
  text-align: right;
}

table.participant-list-individual-loan-repayments thead tr th span {
  color: #fff;
  font-weight: 100;
}

table.participant-list-individual-loan-repayments thead tr th select {
  margin-bottom: 6px;
}

table.participant-list-individual-loan-repayments tbody tr td .input-group {
  float: left;
}

/*ALL SSN coloumn min-width*/

.ssn {
  min-width: 120px;
}

.button-gray button {
  background: #cecece !important;
  color: #002b45 !important;
  border-radius: 2rem;
}

.button-gray button:hover,
.button-gray button:active,
.button-gray button:focus {
  background: #b5b5b5 !important;
}

.status {
  padding: 0.3rem;
  font-size: 14px;
  line-height: 1.3rem;
  border: 2px solid #005691;
  border-radius: 4px;
}

.status .nw-icon-info-new {
  padding: 0 0 0 3px;
}

.status .nw-icon-info-new:before {
  color: #005691;
}

.status span {
  margin: 2px 3px 1px 3px;
  font-weight: bold;
  float: left;
}

rpshared-participant-list,
rpshared-fastpay,
payroll-deduct-loans-details,
individual-loan-repayment-details section,
section.container-fluid .col-sm-10 section.content-section {
  padding: 0;
}

rpshared-fastpay .participant-header {
  display: none;
}

th.numeric,
td.numeric {
  text-align: right;
}

th {
  /*Number*/
  /*Last Name*/
  /*First Name*/
}

th.individual-loan-repayments {
  min-width: 110px;
}

th.alert {
  min-width: 130px;
}

th.last-name {
  min-width: 160px;
}

th.first-name {
  min-width: 160px;
}

th.organization-name {
  min-width: 180px;
}

th.money-sources-check {
  min-width: 160px;
}

.search-participant {
  padding: 0 0 10px 0;
}

table#participantListTable th a:after {
  font-family: "Momentum Asp";
  text-decoration: none;
  padding: 0;
  font-size: 1em;
  margin: 0 -12px 0 5px;
  position: relative;
  content: "\e618\e617";
  letter-spacing: -0.6em;
  font-weight: normal;
}

table#participantListTable th[aria-sort="ascending"] a:after {
  padding: 0 0 0 5px;
  font-size: 1.2em;
  margin: -3px;
  content: "\e618";
}

table#participantListTable th[aria-sort="descending"] a:after {
  padding: 0 0 0 5px;
  font-size: 1.2em;
  margin: -3px;
  content: "\e617";
}

rpshared-add-participant .last-updated {
  background-color: antiquewhite;
  padding: 1rem;
  margin: 0 0 1.5rem;
}

rpshared-add-participant .last-updated .ssn,
rpshared-add-participant .last-updated .name,
rpshared-add-participant .last-updated .money-source {
  padding: 0 .25rem;
}

rpshared-add-participant .last-updated .money-source:last-child {
  padding-right: 0;
}

investment-election rp-button {
  padding: 15px 0 0 69px;
}

investment-election rp-button button {
  float: left !important;
}

investment-election .ui-grid {
  max-width: 1022px;
  padding: 0px 0px 0px 69px;
}

investment-election .ui-grid .ui-grid-contents-wrapper {
  overflow-x: hidden !important;
}

investment-election .ui-grid-header-cell .ui-grid-invisible {
  margin: 0 20px 5px 0;
}

investment-election .shadow-slide-full .ui-grid-contents-wrapper {
  overflow-x: hidden;
}

investment-election .ui-grid-contents-wrapper .ui-grid-render-container {
  width: auto !important;
}

investment-election .ui-grid-contents-wrapper .ui-grid-render-container .ui-grid-header-cell-row {
  width: auto !important;
}

investment-election rp-button {
  padding: 15px 0 0 69px;
}

investment-election rp-button button {
  float: left !important;
}

@-moz-document url-prefix()  {
  investment-options-summary #investment-options-grid .ui-grid-contents-wrapper {
    height: auto;
  }
}

#participant-list-table .sub-title {
  margin: 0 0 0 64px;
}

#participant-list-table .ui-grid-render-container-body .ui-grid-header-viewport,
#participant-list-table .ui-grid-contents-wrapper .ui-grid-render-container .ui-grid-header-cell-row,
#participant-list-table .ui-grid-render-container-body .ui-grid-viewport,
#participant-list-table .ui-grid-canvas .ui-grid-row,
#participant-list-table .ui-grid-canvas .ui-grid-row div[role=row],
#participant-list-table .ui-grid-footer-cell-row,
#participant-list-table .ui-grid-render-container-body .ui-grid-footer-canvas,
#participant-list-table .ui-grid-render-container-body .ui-grid-footer-viewport {
  width: 1020px !important;
}

#participant-list-table .ui-grid-canvas .ui-grid-row div[role=row] div:nth-child(2),
#participant-list-table .ui-grid .ui-grid-contents-wrapper .ui-grid-render-container .ui-grid-header-cell-row .ui-grid-header-cell:nth-child(3),
#participant-list-table .ui-grid .ui-grid-contents-wrapper .ui-grid-render-container .ui-grid-header-cell-row .ui-grid-header-cell:nth-child(4) {
  text-align: right;
}

#participant-list-table .ui-grid-canvas .ui-grid-row div[role=row] div:nth-child(3) div.relative {
  float: right;
  padding: 0 10px 0 0;
}

#participant-list-table .ui-grid-footer-cell-row div:nth-child(3) {
  text-align: right;
  padding: 2px 0;
}

#participant-list-table .ui-grid-footer-cell-row div:nth-child(4) {
  text-align: right;
  padding: 2px 23px;
}

#participant-list-table .radio-selection {
  padding: 0 0 0 123px;
}

rp-submitted-non-payfiles section {
  padding: 0;
}

rp-submitted-non-payfiles #submitted-nonPayfiles .ui-grid {
  max-width: 856px;
}

rp-submitted-non-payfiles #submitted-nonPayfiles #participant-list-table .ui-grid-render-container-body .ui-grid-header-viewport,
rp-submitted-non-payfiles #submitted-nonPayfiles #participant-list-table .ui-grid-contents-wrapper .ui-grid-render-container .ui-grid-header-cell-row,
rp-submitted-non-payfiles #submitted-nonPayfiles #participant-list-table .ui-grid-render-container-body .ui-grid-viewport,
rp-submitted-non-payfiles #submitted-nonPayfiles #participant-list-table .ui-grid-canvas .ui-grid-row,
rp-submitted-non-payfiles #submitted-nonPayfiles #participant-list-table .ui-grid-canvas .ui-grid-row div[role=row],
rp-submitted-non-payfiles #submitted-nonPayfiles #participant-list-table .ui-grid-footer-cell-row,
rp-submitted-non-payfiles #submitted-nonPayfiles #participant-list-table .ui-grid-render-container-body .ui-grid-footer-canvas,
rp-submitted-non-payfiles #submitted-nonPayfiles #participant-list-table .ui-grid-render-container-body .ui-grid-footer-viewport {
  width: 98% !important;
}

rp-submitted-non-payfiles #submitted-nonPayfiles #participant-list-table .radio-selection {
  padding: 0;
}

receipts section {
  padding: 2rem;
}

add-participant-rollover-transfer .input-group {
  margin: 0;
}

add-plan-money-source table#add-plan-money-sources th {
  padding: 0.5rem;
}

add-plan-money-source table#add-plan-money-sources th#custom-source-header {
  min-width: 200px;
}

add-plan-money-source table#add-plan-money-sources th#source-type-header {
  min-width: 100px;
}

add-plan-money-source table#add-plan-money-sources th#purchase-type-header {
  min-width: 110px;
}

add-plan-money-source table#add-plan-money-sources th#tax-category-header {
  min-width: 100px;
}

#plan-money-sources-table th,
#plan-money-sources-table td {
  padding: 0.5rem;
}

.shadow-right {
  position: absolute;
  right: 0;
  top: 0;
  width: 10px;
  height: 100%;
  z-index: 998;
  overflow: hidden;
  -webkit-overflow-scrolling: touch;
  transform: translate3d(0, 0, 0);
  background: -moz-linear-gradient(left, rgba(255, 255, 255, 0) 0, rgba(182, 182, 182, 0) 30%, #6d6d6d 100%);
  background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(30%, rgba(182, 182, 182, 0)), color-stop(100%, #6d6d6d));
  background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0, rgba(182, 182, 182, 0) 30%, #6d6d6d 100%);
  background: -o-linear-gradient(left, rgba(255, 255, 255, 0) 0, rgba(182, 182, 182, 0) 30%, #6d6d6d 100%);
  background: -ms-linear-gradient(left, rgba(255, 255, 255, 0) 0, rgba(182, 182, 182, 0) 30%, #6d6d6d 100%);
  background: linear-gradient(to right, rgba(255, 255, 255, 0) 0, rgba(182, 182, 182, 0) 30%, #6d6d6d 100%);
}

/*Fee Disclosure*/

plan-fee-disclosure .rpl-dn,
plan-fee-disclosure .rplink-hidden-at-large {
  display: none;
}

plan-fee-disclosure .urbo {
  font-size: .83rem;
  color: #666;
}

plan-fee-disclosure .content p {
  width: 80%;
}

plan-fee-disclosure .content .featurette.gray-box {
  border: 1px solid #ccc;
  border-radius: 5px;
  padding: 0 20px;
  margin: 15px 0;
  width: 80%;
  clear: both;
}

plan-fee-disclosure .content .featurette.gray-box h2.h3 {
  font-weight: 400;
}

plan-fee-disclosure .rplink-hidden-at-medium {
  display: block;
}

plan-fee-disclosure .no-border-top {
  border-top: 1px solid #fff;
}

plan-fee-disclosure .no-border-left {
  border-left: 1px solid #fff;
}

plan-fee-disclosure .tabs-nav {
  padding: 20px 0 0;
  list-style: none;
  position: relative;
  display: inline;
}

plan-fee-disclosure .tabs-nav li {
  display: inline-block;
  border: 1px solid #cecece;
  border-bottom: none;
  padding: 7px 17px 8px;
  cursor: pointer;
  border-radius: 3px 3px 0 0;
  font-size: .92em;
  color: #005691;
  background: #eeeeee;
  margin-bottom: 0;
}

plan-fee-disclosure .tabs-nav li span p {
  margin: 0;
  font-size: 1.23rem;
}

plan-fee-disclosure .tabs-nav .active {
  background: #fff;
  color: #002b45;
  border-bottom: 1px solid #fff;
  margin-bottom: -1px;
  border-top: 2px solid rgba(0, 86, 145, 0.8);
}

plan-fee-disclosure #tab-content {
  border: 1px solid #cecece;
}

plan-fee-disclosure .tab-content {
  background-color: #fff;
  padding: 1rem;
}

plan-fee-disclosure .tab-content h3,
plan-fee-disclosure .tab-content .h3 {
  font-size: 1.5em;
  font-weight: normal;
}

plan-fee-disclosure .tab-content .h4 {
  font-size: 1.3rem;
}

plan-fee-disclosure .tab-content .h5 {
  font-size: 1.2rem;
}

plan-fee-disclosure .tab-content p {
  margin: 0 0 10px;
}

plan-fee-disclosure .tab-content .mainlist {
  padding: 0 0 0 2rem;
}

plan-fee-disclosure .tab-content .mainlist > li {
  list-style-type: none;
  margin-bottom: 15px;
  line-height: 1.4;
}

plan-fee-disclosure .tab-content .mainlist > li h6 {
  font-size: 1.1em;
  font-weight: normal;
}

plan-fee-disclosure .tab-content .mainlist > li ul {
  list-style: none;
  padding-left: 1.25rem;
}

plan-fee-disclosure .tab-content .mainlist > li ul li {
  margin: 0;
  line-height: 1.4;
}

plan-fee-disclosure .mt10 {
  margin-top: 9px;
}

plan-fee-disclosure .bordered-top.mt20.left {
  border: none;
  padding-top: 0;
  margin-top: 0;
}

plan-fee-disclosure table tr.even {
  background-color: #e9e9e9;
}

plan-fee-disclosure table#fundPerformance thead tr:first-of-type th.date {
  text-align: center;
}

plan-fee-disclosure .table-outlined tbody tr {
  border: 1px solid #cecece;
}

plan-fee-disclosure .data-table6 thead th {
  background: #fff;
}

plan-fee-disclosure .data-table6 thead th.columnheader {
  vertical-align: bottom;
  background: #333;
  font-size: .92rem;
}

plan-fee-disclosure .data-table6 thead th.divider-right {
  border-right-width: 1px;
  border-right-style: solid;
  border-right-color: #fff;
}

plan-fee-disclosure .data-table6 td {
  border-bottom: 1px solid #cecece;
}

plan-fee-disclosure .data-table6 td.columnheader.sub-head {
  background-color: #e9f1f7;
  color: #333;
  font-weight: 700;
  font-size: 1.1rem;
  padding: 10px 8px;
  border: 1px solid #cecece;
}

plan-fee-disclosure .data-table6 td.smaller-text.sixes {
  line-height: 1.4;
}

plan-fee-disclosure .data-table6 td.column-divider {
  border-right-width: 1px;
  border-right-style: solid;
  border-right-color: #cecece;
}

plan-fee-disclosure .data-table6 .sub-category {
  padding: 6px 0;
  text-align: right;
  display: block;
}

plan-fee-disclosure .data-table6 .date {
  font-size: 1rem;
  float: none;
  margin-top: 0;
  clear: none;
  display: table-cell;
}

plan-fee-disclosure .data-table6 .divider-bottom {
  border-bottom: 1px solid #fff;
}

plan-fee-disclosure .data-table6 .centered {
  text-align: center !important;
}

plan-fee-disclosure .disclaimer ol li {
  line-height: 1.4;
}

plan-fee-disclosure h2.white-box-header {
  background: 0 0;
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
  border-width: 0;
  border-bottom: 1px solid #DCE8F1;
  padding: 1.25rem 1rem 1.25rem;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  position: relative;
  margin-bottom: 0px;
  margin-top: .5rem;
}

plan-fee-disclosure .bordered-top {
  width: 100%;
  border-top: 2px dotted #bbbbbc;
}

plan-fee-disclosure .bordered-top-thin {
  border-top: 1px dotted #bbbbbc;
  margin-top: 10px;
  padding-top: 10px;
}

plan-fee-disclosure .panel-group .panel-heading h5 {
  padding: 0 0 0 13px;
  margin: 0;
  font-size: 1.1em;
  cursor: pointer;
}

plan-fee-disclosure .panel-group .accordion-toggle {
  position: relative;
  outline: 0;
}

plan-fee-disclosure .panel-group .accordion-toggle:focus,
plan-fee-disclosure .panel-group .accordion-toggle:hover {
  text-decoration: underline;
}

plan-fee-disclosure .panel-group .panel-default {
  padding: 0 0 0.9rem 0;
}

plan-fee-disclosure .panel-group .panel-title {
  color: #005691;
  -webkit-transition: color .25s, border-color .5s;
  transition: color .25s, border-color .5s;
}

plan-fee-disclosure .panel-group .collapsing.in {
  -webkit-transition: max-height 0.8s;
  transition: max-height 0.8s;
}

plan-fee-disclosure .panel-group span.opened-accordion {
  -webkit-transform: rotate(-180deg);
  -ms-transform: rotate(-180deg);
  transform: rotate(-180deg);
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-top: 4px solid #005691;
  float: left;
  margin: 5px 0 0 0;
}

plan-fee-disclosure .panel-group span.closed-accordion {
  transform: rotate(0);
  -webkit-transform: rotate(0);
  -ms-transform: rotate(0);
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-top: 4px solid #005691;
  -webkit-transition: all .25s;
  transition: all .25s;
  float: left;
  margin: 4px 0 0 0;
}

plan-fee-disclosure .panel-group .panel-open .panel-body > div {
  opacity: 1;
}

plan-fee-disclosure .panel-group .panel-body {
  padding: 0 0 0 13px;
}

plan-fee-disclosure .panel-group .panel-body > div {
  opacity: 0;
  -webkit-transition: -webkit-transform 2.5s, opacity .5s;
  transition: transform 2.5s, opacity .5s;
}

plan-fee-disclosure .panel-group .panel-body > div h6 {
  font-size: 1em;
  margin-bottom: 0.2rem;
  margin-top: 0.7rem;
}

plan-fee-disclosure .panel-group .panel-body > div p {
  margin-bottom: 1rem;
}

plan-fee-disclosure .panel-group .panel-body > div p:last-child {
  margin-bottom: 1rem;
}

plan-fee-disclosure .fp-highlight {
  background-color: #f3f3f3;
  overflow: hidden;
  padding: 10px;
}

plan-fee-disclosure .fp-highlight-subhead {
  display: inline-block;
  vertical-align: top;
  margin-right: 10px;
}

plan-fee-disclosure .fp-display-checkbox {
  float: left;
  width: 50%;
  margin-right: 2%;
}

plan-fee-disclosure .fp-display-checkbox input {
  display: inline-block;
  width: 15px;
  vertical-align: top;
  float: none;
}

plan-fee-disclosure .fp-display-checkbox label {
  display: inline-block;
  width: 65%;
  float: none;
}

plan-fee-disclosure .fp-performance-calc {
  float: right;
  width: 48%;
  text-align: right;
}

plan-fee-disclosure ul.fp-secondary-links {
  float: left;
  margin-right: 20px;
  margin-top: 14px;
  padding-bottom: 30px;
  width: 100%;
}

plan-fee-disclosure ul.fp-secondary-links li {
  display: inline;
  float: left;
}

plan-fee-disclosure p[class*="footnote"] {
  padding-left: 10px;
  margin-bottom: 1rem;
}

plan-fee-disclosure p[class*="footnote"]:before {
  font-size: .65em;
  vertical-align: super;
  margin: 0 4px 0 0;
}

plan-fee-disclosure p.footnote1:before {
  content: "1";
}

plan-fee-disclosure p.footnote2:before {
  content: "2";
}

plan-fee-disclosure p.footnote3:before {
  content: "3";
}

plan-fee-disclosure p.footnote4:before {
  content: "4";
}

plan-fee-disclosure p.footnote5:before {
  content: "5";
}

plan-fee-disclosure p.footnote6:before {
  content: "6";
}

plan-fee-disclosure p.footnote7:before {
  content: "7";
}

plan-fee-disclosure p.footnote8:before {
  content: "8";
}

plan-fee-disclosure p.footnote9:before {
  content: "9";
}

plan-fee-disclosure p.footnote10:before {
  content: "10";
}

plan-fee-disclosure p.footnote11:before {
  content: "11";
}

plan-fee-disclosure p.footnote12:before {
  content: "12";
}

plan-fee-disclosure p.footnote13:before {
  content: "13";
}

plan-fee-disclosure p.footnote14:before {
  content: "14";
}

plan-fee-disclosure p.footnote15:before {
  content: "15";
}

plan-fee-disclosure p.footnote16:before {
  content: "16";
}

plan-fee-disclosure p.footnote17:before {
  content: "17";
}

plan-fee-disclosure p.footnote18:before {
  content: "18";
}

plan-fee-disclosure p.footnote19:before {
  content: "19";
}

plan-fee-disclosure p.footnote20:before {
  content: "20";
}

plan-fee-disclosure #printContent input.button {
  margin: 0 0 20px 0;
}

plan-fee-disclosure #printContent .bordered-top {
  margin-top: 0;
}

@media screen and (max-width: 991px) {
  plan-fee-disclosure .content p {
    width: 100%;
  }

  plan-fee-disclosure .content .featurette.gray-box {
    width: 100%;
  }

  plan-fee-disclosure .rplink-hidden-at-large {
    display: block;
    padding: 0 0 12px 0;
  }

  plan-fee-disclosure .rplink-hidden-at-medium {
    display: none;
  }

  plan-fee-disclosure .shadow-container {
    position: relative;
  }

  plan-fee-disclosure .data-table6 .sub-category {
    padding: 0;
    text-align: left;
  }

  plan-fee-disclosure .data-table6 .sub-category a {
    display: block;
  }

  plan-fee-disclosure .data-table6 .sub-category a:hover {
    border-bottom: none;
  }

  plan-fee-disclosure .data-table6 .sub-category span {
    display: none;
  }

  plan-fee-disclosure .shadow {
    display: none;
  }
}

.fee-list-column-one {
  display: inline-block;
  width: 50%;
  float: left;
}

.fee-list-column-two {
  display: inline;
  width: 50%;
  float: left;
}

.fee-list-column-two-a {
  display: inline-block;
  width: 40%;
  float: left;
}

.fee-list-column-two-b {
  display: inline-block;
  width: 60%;
  float: left;
}

@media screen and (max-width: 1024px) {
  .fee-list-column-one {
    width: 60%;
  }

  .fee-list-column-two {
    width: 40%;
  }

  .fee-list-column-two-a,
  .fee-list-column-two-b {
    float: none;
    width: 100%;
  }

  .fee-list-column-two-b {
    color: #666;
    margin-bottom: .8rem;
  }
}

@media screen and (max-width: 860px) {
  .fee-list-column-one {
    width: 70%;
  }

  .fee-list-column-two {
    width: 30%;
  }

  .fee-list-column-two-b {
    font-size: .92rem;
  }
}

.prefix-sup sup {
  min-width: 18px;
  display: inline-block;
  font-size: .7rem;
  text-align: right;
}

h6 span.fee-disclosure-header-explanation {
  font-size: 1rem;
  text-transform: lowercase;
}

h6 span.fee-disclosure-header-explanation:before {
  content: ' - ';
}

ul.footnotes,
.table-footnotes {
  color: #666;
  display: block;
}

ul.footnotes li p,
.table-footnotes p {
  font-size: .95rem;
}

ul.footnotes {
  margin-top: 2.5rem;
}

.table-footnotes {
  margin-top: 1.5rem;
}

ul.floated-left-list {
  width: 45%;
  margin-right: 5%;
  float: left;
  padding-left: 0;
}

ul.floated-left-list:last-child {
  width: 50%;
  margin-right: 0;
}

ul.floated-left-list li {
  margin: 0;
  padding: .8rem;
  list-style-type: none;
}

ul.floated-left-list li:nth-child(even) {
  background-color: #e9e9e9;
}

@media only screen and (max-width: 60rem) {
  ul.floated-left-list {
    width: 100%;
    margin-right: 0;
    float: none;
    padding-left: 0;
    margin-bottom: 0;
  }

  ul.floated-left-list:last-child {
    width: 100%;
    margin-right: 0;
  }
}

/*specific table sizing*/

#fixed-return-header .columnheader.date {
  width: 12% !important;
}

/* Loans */

#calculate-loan-payoff-errors .modal-body p {
  white-space: pre-line;
}

/* --- PRINT - THIS SHOULD ALWAYS BE LAST!!!!! --- */

@media print {
  * {
    overflow-x: visible !important;
    overflow-y: visible !important;
    flex: none !important;
    visibility: visible !important;
  }

  .site {
    display: block;
  }

  html {
    font-size: 12px;
  }

  .no-print {
    display: none;
  }

  .no-screen {
    display: block;
  }

  /* -- BACKGROUND -- */

  body {
    background: white;
    min-width: 612px;
    width: 100%;
    max-width: 792px;
  }

  .site {
    background-color: white;
    min-width: 612px;
    width: 100%;
    max-width: 792px;
    color: #333;
  }

  .row {
    margin-left: 0;
    margin-right: 0;
    display: block;
    flex: none;
  }

  [class*='col-lg-'],
  [class*='col-md-'],
  [class*='col-sm-'] {
    flex: none;
    max-width: 100%;
    padding: 0;
  }

  .container-fluid {
    margin: 0;
    padding: 0;
  }

  section {
    float: none;
    flex: none;
  }

  /* -- NAVIGATION -- */

  .container-fluid > .row > .col-sm-2 {
    display: none;
  }

  .container-fluid > .row > .col-sm-10 {
    flex: none;
    width: 100%;
    max-width: 100%;
    padding: 0;
  }

  search,
  ui-breadcrumbs {
    display: none;
  }

  /* -- HEADER -- */

  .header {
    background: white;
    margin-bottom: 10px;
  }

  .header__logo {
    background: white;
    padding-left: 0;
    padding-right: 0;
  }

  .header__logo #nationwide-logo {
    display: none;
  }

  .header__app-title {
    color: #333;
    font-size: 1.25rem;
    margin: 0 0 0 10px;
  }

  .header__rightnav {
    display: none;
  }

  /* GLOBAL PLAN / PARTICIPANT HEADER */

  .participant-name {
    font-size: 1.5rem;
    margin-bottom: 10px;
  }

  ul.participant-info--personal,
  ul.participant-info--plan {
    display: block;
    margin-bottom: 2px;
  }

  .participant-info {
    margin-bottom: 0;
    font-size: 10px;
    color: #666;
  }

  .participant-info ul.participant-info--personal li:last-child,
  .participant-info ul.participant-info--plan li:last-child {
    margin-bottom: 0;
  }

  .participant-info ul.participant-info--personal li,
  .participant-info ul.participant-info--plan li {
    display: block;
  }

  .participant-info ul.participant-info--personal li span,
  .participant-info ul.participant-info--plan li span {
    float: none;
    width: auto;
  }

  .participant-info ul.participant-info--personal li span.second-column,
  .participant-info ul.participant-info--plan li span.second-column {
    float: none;
    width: auto;
    margin-left: 5px;
  }

  .participant-info ul.participant-info--personal li span.second-column a,
  .participant-info ul.participant-info--plan li span.second-column a {
    color: #666;
  }

  /* TITLES & HEADERS */

  h1,
  h2,
  h3,
  h4,
  .content-title--underlined,
  .page-title,
  .table-title {
    margin-top: 35px;
    margin-bottom: 35px;
  }

  .page-title {
    color: #333;
    font-size: 22px;
  }

  .section__header {
    padding: 0;
    padding-bottom: 5px;
    margin-bottom: 20px;
  }

  .section__header h2 {
    font-size: 15px;
    display: block;
  }

  .section__header h2 span {
    text-align: right;
    font-size: 10px;
    font-weight: normal;
  }

  h3.content-title--underlined {
    text-transform: uppercase;
    font-size: 13px;
    margin-bottom: 10px;
    margin-top: 30px;
    padding-bottom: 5px;
    border-bottom-color: #ccc;
  }

  h3.content-title,
  span.content-title {
    margin-bottom: .5rem;
    margin-left: 1rem;
    color: #333;
    font-size: 1rem;
  }

  span.content-title {
    margin-top: 2rem;
  }

  /*  FORM ELEMENTS */

  .form__label-group {
    margin-bottom: 15px;
  }

  .form__label-group span.normal {
    font-weight: normal;
  }

  /* CONTENT  */

  .content {
    margin-left: 30px;
  }

  .normal {
    font-weight: normal;
  }

  /* UI-GRID TABLES */

  .ui-grid .ui-grid-contents-wrapper .ui-grid-render-container .ui-grid-header-cell-row .ui-grid-header-cell,
  .ui-grid .ui-grid-contents-wrapper .ui-grid-render-container .ui-grid-header-cell-row .ui-grid-cell,
  .ui-grid .ui-grid-contents-wrapper .ui-grid-render-container .ui-grid-row .ui-grid-header-cell,
  .ui-grid .ui-grid-contents-wrapper .ui-grid-render-container .ui-grid-row .ui-grid-cell {
    margin-right: -3px;
  }

  #contracts-grid .ui-grid-header {
    display: none;
  }

  #contracts-grid.ui-grid .ui-grid-row:nth-child(even) .ui-grid-cell {
    background-color: #fff;
  }

  #contracts-grid.ui-grid .ui-grid-cell-contents {
    margin: 0;
    padding: 0 0 0 1rem;
  }

  #contracts-grid.ui-grid .ui-grid-contents-wrapper {
    border: none;
  }

  #contracts-grid.ui-grid .ui-grid-contents-wrapper .ui-grid-render-container .ui-grid-row {
    display: block;
  }

  #contracts-grid.ui-grid .ui-grid-contents-wrapper .ui-grid-render-container .ui-grid-row .ui-grid-cell {
    display: block;
  }

  #contracts-grid .ui-grid-viewport {
    display: block;
    border: none;
  }

  #sources-grid,
  #participant-accounts-grid,
  #participant-accounts-grid,
  #plan-accounts-grid {
    margin-left: 2rem;
  }

  #sources-grid.ui-grid .ui-grid-contents-wrapper .ui-grid-render-container .ui-grid-header-cell-row .ui-grid-header-cell,
  #sources-grid.ui-grid .ui-grid-contents-wrapper .ui-grid-render-container .ui-grid-header-cell-row .ui-grid-cell,
  #sources-grid.ui-grid .ui-grid-contents-wrapper .ui-grid-render-container .ui-grid-row .ui-grid-header-cell,
  #sources-grid.ui-grid .ui-grid-contents-wrapper .ui-grid-render-container .ui-grid-row .ui-grid-cell,
  #participant-accounts-grid.ui-grid .ui-grid-contents-wrapper .ui-grid-render-container .ui-grid-header-cell-row .ui-grid-header-cell,
  #participant-accounts-grid.ui-grid .ui-grid-contents-wrapper .ui-grid-render-container .ui-grid-header-cell-row .ui-grid-cell,
  #participant-accounts-grid.ui-grid .ui-grid-contents-wrapper .ui-grid-render-container .ui-grid-row .ui-grid-header-cell,
  #participant-accounts-grid.ui-grid .ui-grid-contents-wrapper .ui-grid-render-container .ui-grid-row .ui-grid-cell,
  #participant-accounts-grid.ui-grid .ui-grid-contents-wrapper .ui-grid-render-container .ui-grid-header-cell-row .ui-grid-header-cell,
  #participant-accounts-grid.ui-grid .ui-grid-contents-wrapper .ui-grid-render-container .ui-grid-header-cell-row .ui-grid-cell,
  #participant-accounts-grid.ui-grid .ui-grid-contents-wrapper .ui-grid-render-container .ui-grid-row .ui-grid-header-cell,
  #participant-accounts-grid.ui-grid .ui-grid-contents-wrapper .ui-grid-render-container .ui-grid-row .ui-grid-cell,
  #plan-accounts-grid.ui-grid .ui-grid-contents-wrapper .ui-grid-render-container .ui-grid-header-cell-row .ui-grid-header-cell,
  #plan-accounts-grid.ui-grid .ui-grid-contents-wrapper .ui-grid-render-container .ui-grid-header-cell-row .ui-grid-cell,
  #plan-accounts-grid.ui-grid .ui-grid-contents-wrapper .ui-grid-render-container .ui-grid-row .ui-grid-header-cell,
  #plan-accounts-grid.ui-grid .ui-grid-contents-wrapper .ui-grid-render-container .ui-grid-row .ui-grid-cell {
    padding: 2px;
  }

  #contracts-grid,
  #sources-grid,
  #participant-accounts-grid,
  #participant-accounts-grid,
  #plan-accounts-grid,
  #fee-admin-core-grid {
    max-width: 692px;
  }

  #contracts-grid.ui-grid .ui-grid-header-cell,
  #sources-grid.ui-grid .ui-grid-header-cell,
  #participant-accounts-grid.ui-grid .ui-grid-header-cell,
  #participant-accounts-grid.ui-grid .ui-grid-header-cell,
  #plan-accounts-grid.ui-grid .ui-grid-header-cell,
  #fee-admin-core-grid.ui-grid .ui-grid-header-cell {
    background-color: #fff;
    background: #fff;
    color: #333;
    font-weight: bold;
  }

  #contracts-grid.ui-grid .ui-grid-header,
  #sources-grid.ui-grid .ui-grid-header,
  #participant-accounts-grid.ui-grid .ui-grid-header,
  #participant-accounts-grid.ui-grid .ui-grid-header,
  #plan-accounts-grid.ui-grid .ui-grid-header,
  #fee-admin-core-grid.ui-grid .ui-grid-header {
    border-bottom: 1px solid #333;
  }

  #contracts-grid.ui-grid .ui-grid-row:nth-child(even) .ui-grid-cell,
  #sources-grid.ui-grid .ui-grid-row:nth-child(even) .ui-grid-cell,
  #participant-accounts-grid.ui-grid .ui-grid-row:nth-child(even) .ui-grid-cell,
  #participant-accounts-grid.ui-grid .ui-grid-row:nth-child(even) .ui-grid-cell,
  #plan-accounts-grid.ui-grid .ui-grid-row:nth-child(even) .ui-grid-cell,
  #fee-admin-core-grid.ui-grid .ui-grid-row:nth-child(even) .ui-grid-cell {
    background-color: #fff;
  }

  #contracts-grid .ui-grid-header-cell-wrapper,
  #contracts-grid .ui-grid-viewport,
  #sources-grid .ui-grid-header-cell-wrapper,
  #sources-grid .ui-grid-viewport,
  #participant-accounts-grid .ui-grid-header-cell-wrapper,
  #participant-accounts-grid .ui-grid-viewport,
  #participant-accounts-grid .ui-grid-header-cell-wrapper,
  #participant-accounts-grid .ui-grid-viewport,
  #plan-accounts-grid .ui-grid-header-cell-wrapper,
  #plan-accounts-grid .ui-grid-viewport,
  #fee-admin-core-grid .ui-grid-header-cell-wrapper,
  #fee-admin-core-grid .ui-grid-viewport {
    border: none;
  }

  #sources-grid.ui-grid .ui-grid-contents-wrapper,
  #participant-accounts-grid.ui-grid .ui-grid-contents-wrapper,
  #participant-accounts-grid.ui-grid .ui-grid-contents-wrapper,
  #plan-accounts-grid.ui-grid .ui-grid-contents-wrapper,
  #fee-admin-core-grid.ui-grid .ui-grid-contents-wrapper {
    border: 1px solid #333;
  }

  .ui-grid .ui-grid-contents-wrapper .ui-grid-render-container .ui-grid-row .ui-grid-cell {
    display: inline-block;
  }

  #participant-accounts-grid {
    width: 692px;
  }

  /* -- FOOTER -- */

  .dashboard-push-back {
    display: none;
  }

  footer {
    padding: 0;
  }

  footer.nfrp-footer {
    color: #757575;
    background: #FFF;
  }

  footer.nfrp-footer p {
    font-size: .92rem;
  }

  footer.nfrp-footer p a {
    color: #757575;
  }

  footer.nfrp-footer p a:hover,
  footer.nfrp-footer p a:focus {
    border-bottom: none;
  }

  footer hr {
    border-bottom-color: #666;
    margin-bottom: 30px;
    opacity: .2;
  }

  /* BUTTONS */

  .actions__no-line {
    display: none;
  }

  /* -- CONTAINERS -- */

  .row {
    overflow: visible;
  }

  .compartment {
    margin-left: 0;
    margin-right: 0;
    box-shadow: none;
  }

  .compartment .content {
    margin-right: 1rem;
    padding: 0;
  }

  .compartment .divider {
    border: 0;
  }

  .table__margin-bottom {
    margin-bottom: 5px;
  }

  div[ng-show="reviewOnDemandFee.feeInformation.sourceAndFund==='source'"] .margin-left {
    margin-left: 2rem;
  }

  /* -- Tabs -- */

  .dynamic-radio .tabs .tab,
  .rounded-radio .tabs .tab,
  .nf-radio .tabs .tab {
    display: block;
  }

  .dynamic-radio .tabs .tab-panel,
  .rounded-radio .tabs .tab-panel,
  .nf-radio .tabs .tab-panel {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: block;
    background: white;
    border: transparent;
    font-size: 16px;
    font-size: 1rem;
    width: 100%;
    overflow: visible;
  }

  .dynamic-radio .tabs .tab-content,
  .rounded-radio .tabs .tab-content,
  .nf-radio .tabs .tab-content {
    padding: 5px;
  }

  /*-- TABLES --*/

  table.table-outlined thead th {
    background-color: #fff;
    color: #333;
  }

  table.table-outlined tbody {
    border: 1px solid #333;
  }

  table tr:nth-child(even) {
    background-color: #fff;
  }

  .pending-box table.table_transparent {
    margin-bottom: 0;
  }

  /*highlighting - FOR DEV ONLY*/

  .highlight-hover {
    display: none;
  }

  /* -- FEE DISCLOSURE SPECIFIC PRINT STYLES -- */

  .base-footer-min-height {
    min-height: 0;
  }

  plan-fee-disclosure .tab-content {
    padding: 0;
  }

  plan-fee-disclosure .tab-content h3 {
    margin: 34px 0 20px;
  }

  plan-fee-disclosure .tab-content .h3 {
    margin: 34px 0 20px;
  }

  plan-fee-disclosure .data-table6 .divider-bottom {
    border-bottom: 1px solid #cecece;
  }

  plan-fee-disclosure .data-table6 .sub-category {
    display: none;
  }

  plan-fee-disclosure .data-table6 thead th.divider-right {
    border-right: 1px solid #cecece;
  }

  plan-fee-disclosure .data-table6 thead th.columnheader {
    background: transparent;
    border-bottom: 1px solid #cecece;
  }

  plan-fee-disclosure .data-table6 td.columnheader.sub-head {
    background-color: transparent;
  }

  plan-fee-disclosure #tab-content {
    border: none;
  }

  plan-fee-disclosure .urbo {
    margin-bottom: 2rem;
  }

  plan-fee-disclosure #grossExpenseRatioTable #colHeaderCurrent {
    border-left: 1px solid #cecece;
  }

  plan-fee-disclosure #grossExpenseRatioTable #colHeaderPrevious {
    border-bottom: 1px solid #cecece;
  }

  plan-fee-disclosure #grossExpenseRatioTable #colHeaderFundName {
    border-top: 1px solid #cecece;
  }

  plan-fee-disclosure #fundPaymentTable #colHeaderCurrent {
    border-left: 1px solid #cecece;
  }

  plan-fee-disclosure #fundPaymentTable #colHeaderPrevious {
    border-bottom: 1px solid #cecece;
    border-right: 1px solid #cecece;
  }

  plan-fee-disclosure #fundPaymentTable #colHeaderFundName {
    border-top: 1px solid #cecece;
  }

  plan-fee-disclosure #fundPaymentTable #colHeaderPreviousGross {
    border-right: 1px solid #cecece;
  }

  plan-fee-disclosure #redemptionFeesTable th.columnheader.centered.divider-bottom {
    border-bottom: 1px solid #cecece;
  }

  plan-fee-disclosure #redemptionFeesTable th.columnheader.centered.divider-bottom.divider-right {
    border-left: 1px solid #cecece;
  }

  plan-fee-disclosure #redemptionFeesTable tr:nth-of-type(2) {
    border-top: 1px solid #cecece;
  }

  plan-fee-disclosure #recordkeepingTable #colHeaderCurrent {
    border-left: 1px solid #cecece;
  }

  plan-fee-disclosure #recordkeepingTable #colHeaderPrevious {
    border-bottom: 1px solid #cecece;
  }

  plan-fee-disclosure #recordkeepingTable tr:nth-of-type(2) {
    border-top: 1px solid #cecece;
  }

  plan-fee-disclosure .panel-group span.opened-accordion {
    display: none;
  }

  plan-fee-disclosure .panel-group .panel-heading h5 {
    padding-left: 0;
  }

  plan-fee-disclosure a {
    color: #333;
  }

  plan-fee-disclosure .fp-highlight {
    display: none;
  }

  plan-fee-disclosure #printContent > .bordered-top {
    padding-top: 0;
  }

  plan-fee-disclosure table tr.even {
    background-color: transparent;
  }

  .fee-list-column-two-b {
    padding-left: 1rem;
    width: calc(60% - 1rem);
  }

  .page-title.fee-disclosure-h1 {
    margin: 34px 0 20px;
  }

  .table-outlined thead {
    border: 1px solid #cecece;
  }

  .table-outlined thead tr th.columnheader:first-of-type {
    border-bottom: 0;
  }

  .table-outlined thead tr th.columnheader:last-of-type {
    border-bottom: 0;
  }
}
/*# sourceMappingURL=../maps/app.css.map */
/* Margins and padding shortcut styles. */
.ml-3 { margin-left: 3px; }
.ml-5 { margin-left: 5px; }
.ml-8 { margin-left: 8px; }
.ml-10 { margin-left: 10px; }
.pb-6 { padding-bottom:6em;}
.mt-10 { margin-top:10px !important;}
.mb-5 {margin-bottom:5px;}
.mt-15{ margin-top:15px;}
.ml-20 {margin-left: 20px;}
.ml-25 {margin-left: 25px;}
.mt-6{margin-top: -6px !important;}
.mt-minus-10 {margin-top:-10px !important;}

/*Maintenace page styles*/
table.corePlanInfo {
  border: 1px solid #adbbc4;
  text-align: left;
  border-collapse: collapse;
  font-family: 'proxima-nova', arial, helvetica, sans-serif;
  background-color: #ffffff;
}
table.corePlanInfo td {
  padding: 13px 15px 13px 10px;
}
.planfeeData {
  border-right: 1px solid #adbbc4;
  padding: 5px 0 5px 5px;
  font-size: 12px;
}
table.corePlanInfo tr:nth-child(even) {
  background-color: #e4e4e4;
}
table.corePlanInfo th {
  padding: 5px 10px 5px 5px;
  border-bottom: 1px solid #adbbc4;
}
.displayOptions {
  background: #fff;
  color: #333;
  padding: 8px !important;
}
.margin-lr-top-5 {
  margin: 0 0 5px 0;
}
.planAssets {
  background-color: #f3f2f2;
  border: 2px solid rgba(0, 78, 139, 1);
  padding: 4px;
  margin: 0 0 0 0;
}
.unread-font-weight {
  font-weight: bold !important;
}
.stadionMMP{
  margin: 0px;
  border: 0px solid red;
  display: block;
  width: 100%;
}
.standionPlanOpt {
  margin: 10px 0 5px 0;
}
.font-weignt-vertical-top {
  vertical-align: top;
   font-weight: bold
}
.mnyMgrOptions {
  list-style:none;
}
.stadionLink {
  text-align: center;
  border: 1px solid rgba(0, 78, 139, 1);
  padding: 10px 0 0 0;
}
.border-ul {
border:  1px solid #9c9c9c !important;
}
.flex-direction-col {
  flex-direction: column !important;
}
.tpa-max-width {
  max-width: 26em;
}
.text-decor-underline {
  text-decoration: underline;
}
.ml-5em {
  margin-left: 5.2em;
}
.ml-6em {
  margin-left: 6.4em;
}
.coadvisory-column {
  -webkit-column-count: 3;
  -moz-column-count: 3;
  column-count: 3 !important;
}
.intialAssets {
  padding: 4px;
  margin: 0 0 0 0;
}

.margin-left-minus-15 {
  margin-left: -15px;
}
.custom_accordian_style {
  margin-bottom: 10px !important;
}
.custom_accordian_style .section__header{
  padding: 1rem !important;
  font-weight: bold !important;
  color: #000000 !important;
  cursor: pointer;
}
.isDisplayBlock{
  display: block !important;
}
.margin-left-5px{
  margin-left: -5px !important;
}
.mr-l-5 {
  margin-left:5px !important;
}
.ml-minus-12 {
  margin-left:-12px !important;
}
.solicitor-margin {
  width: 100%;
  margin-top: 5px;
}
.solicitor-filter {
  text-align: center;
  margin: 5px 0 5px 0;
}
.solicitor-list {
  margin: 5px 5px 3px 5px;
}
.disabled {
  cursor: not-allowed;
}
.solicitor-pagination {
  text-align: center;
  margin-top: 10px;
}
.solicitor-letter {
  font-weight: bold;
}
.solicitor-column {
  -webkit-column-count: 4;
  -moz-column-count: 4;
  column-count: 4 !important;
}
.flex-column {
  flex-direction: column !important;
}
.flex-row {
  flex-direction: row !important;
}
.case-num-text {
  margin-left: -15px;
    margin-right: 10px;
}
.font-size-15 {
  font-size:15px !important;
}
.width-13 {
  width: 13px !important;
}
.font-bolder {
  font-weight:bold;
  font-size:17px;
}
.solicitorFee{
  width: 46px;
}
.input_style_sl{
  width: 50px;
  text-align: center;
  padding-left: 0px;
  margin-bottom: 0px !important;
}
.button_style_sl{
  min-width: 50px !important;
  text-align: center;
  margin-right: 15px;
}
.align_text_center{
  padding-left: 55px;
}
.scroll_wrapper {
    width: 100%;
    border: 1px solid #999999;
    height: auto;
    max-height: 500px;
    overflow-y: auto;
}
 
.sv-icon {
 margin-left: 85px;
 top: -25px;
 position: relative;
}
.assign-sol {
  position: relative;
  top: 1px;
  height: 25px;
}
.scroll {
  width: 610px;
  height: 390px;
  overflow-x: hidden;
  overflow-y: auto;
  padding: 20px;
}
.no-border-top {
  border-top:none !important;
}
.assign-sol-filter {
  width:70%;
  position: relative;
  top: 5px;
  right: -7px;
}
.margin-left-minus-11 {
  margin-left: -11px;
}
.no-border-shadow {
  background: transparent !important;
  box-shadow: none !important;
  border: none !important;
  margin: 0 !important;
}
.rep-width {
  width: 25em !important;
  height: 6em !important;
}
.mr-3p {
  margin-right:3px !important;
}
.ml-minus-15 {
  margin-left: -15px !important;
}
.mt-minus-10 {
  margin-top: -10px !important;
}
.mt-minus-6 {
  margin-top: -6px !important;
}
.padding-left-20 {
  padding-left: 20px !important;
}
.mb-10 {
  margin-bottom: 10px !important;
}
.error-icon-hover-area {
    position: absolute;
    background-color: transparent;
    width: 40px;
    height: 100%;
    top: 0;
    right: 0;
}
.text-red {
  color:red;
}
.width-100