/*--------- CONSERVATIVE THEME -------*/
/* ------------------------------------------------- */
/* ==from https://codepen.io/jakob-e/pen/doMoML       */
/* ------------------------------------------------- */
/* custom mixin to replace a defined fill color with another one */
/* ------------------------------------------------- */
/* ==from https://codepen.io/jakob-e/pen/doMoML       */
/* ------------------------------------------------- */
/* custom mixin to replace a defined fill color with another one */
/**
 * Applies styles for users in high contrast mode. Note that this only applies
 * to Microsoft browsers. Chrome can be included by checking for the `html[hc]`
 * attribute, however Chrome handles high contrast differently.
 * @param target Which kind of high contrast setting to target. Defaults to `active`, can be
 *    `white-on-black` or `black-on-white`.
 */
/**
 * Applies styles for users in high contrast mode. Note that this only applies
 * to Microsoft browsers. Chrome can be included by checking for the `html[hc]`
 * attribute, however Chrome handles high contrast differently.
 * @param target Which kind of high contrast setting to target. Defaults to `active`, can be
 *    `white-on-black` or `black-on-white`.
 */
/* Theme for the ripple elements.*/
/**
 * Applies styles for users in high contrast mode. Note that this only applies
 * to Microsoft browsers. Chrome can be included by checking for the `html[hc]`
 * attribute, however Chrome handles high contrast differently.
 * @param target Which kind of high contrast setting to target. Defaults to `active`, can be
 *    `white-on-black` or `black-on-white`.
 */
/**
 * Applies styles for users in high contrast mode. Note that this only applies
 * to Microsoft browsers. Chrome can be included by checking for the `html[hc]`
 * attribute, however Chrome handles high contrast differently.
 * @param target Which kind of high contrast setting to target. Defaults to `active`, can be
 *    `white-on-black` or `black-on-white`.
 */
/* stylelint-disable material/no-prefixes */
/* stylelint-enable */
/**
 * Applies styles for users in high contrast mode. Note that this only applies
 * to Microsoft browsers. Chrome can be included by checking for the `html[hc]`
 * attribute, however Chrome handles high contrast differently.
 * @param target Which kind of high contrast setting to target. Defaults to `active`, can be
 *    `white-on-black` or `black-on-white`.
 */
/**
 * Applies styles for users in high contrast mode. Note that this only applies
 * to Microsoft browsers. Chrome can be included by checking for the `html[hc]`
 * attribute, however Chrome handles high contrast differently.
 * @param target Which kind of high contrast setting to target. Defaults to `active`, can be
 *    `white-on-black` or `black-on-white`.
 */
/* stylelint-disable material/no-prefixes */
/* stylelint-enable */
/* For use in src/lib/core/theming/_palette.scss */
/* For use in src/lib/core/theming/_palette.scss */
/*--------- COLORS -------*/
/*--------- CONSERVATIVE THEME -------*/
/*--------- AG GRID -------*/
/*--------- HIGH CHARTS -------*/
/*--------- THEME SPECIFIC VARIABLE OVERWRITES -------*/
/*--------- THEME SPECIFIC VARIABLE OVERWRITES -------*/
/*--------- THEME SPECIFIC VARIABLE OVERWRITES -------*/
@import url("https://fonts.googleapis.com/css?family=Roboto:100,300,400,500,700");
.mat-ripple-element {
  background-color: rgba(0, 0, 0, 0.1); }

.mat-option {
  color: black; }
  .mat-option:hover:not(.mat-option-disabled), .mat-option:focus:not(.mat-option-disabled) {
    background: rgba(0, 0, 0, 0.07);
    color: black; }
  .mat-option.mat-selected:not(.mat-option-multiple):not(.mat-option-disabled) {
    background: #edf9fe;
    color: #000000; }
  .mat-option.mat-active {
    background: rgba(0, 0, 0, 0.07);
    color: black; }
  .mat-option.mat-option-disabled {
    color: rgba(0, 0, 0, 0.38); }

.mat-primary .mat-option.mat-selected:not(.mat-option-disabled) {
  color: #000000;
  font-weight: 400; }

.mat-accent .mat-option.mat-selected:not(.mat-option-disabled) {
  color: #e9ebef; }

.mat-warn .mat-option.mat-selected:not(.mat-option-disabled) {
  color: #e40707; }

.mat-optgroup-label {
  color: rgba(0, 0, 0, 0.6); }

.mat-optgroup-disabled .mat-optgroup-label {
  color: rgba(0, 0, 0, 0.38); }

.mat-pseudo-checkbox {
  color: rgba(0, 0, 0, 0.6); }
  .mat-pseudo-checkbox::after {
    color: white; }

.mat-pseudo-checkbox-checked,
.mat-pseudo-checkbox-indeterminate,
.mat-accent .mat-pseudo-checkbox-checked,
.mat-accent .mat-pseudo-checkbox-indeterminate {
  background: #e9ebef; }

.mat-primary .mat-pseudo-checkbox-checked,
.mat-primary .mat-pseudo-checkbox-indeterminate {
  background: #120237; }

.mat-warn .mat-pseudo-checkbox-checked,
.mat-warn .mat-pseudo-checkbox-indeterminate {
  background: #e40707; }

.mat-pseudo-checkbox-checked.mat-pseudo-checkbox-disabled,
.mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-disabled {
  background: #b0b0b0; }

.mat-app-background {
  background-color: white;
  color: black; }

.mat-theme-loaded-marker {
  display: none; }

.mat-autocomplete-panel {
  box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12);
  background: white;
  color: black; }
  .mat-autocomplete-panel .mat-option.mat-selected:not(.mat-active):not(:hover) {
    background: white; }
    .mat-autocomplete-panel .mat-option.mat-selected:not(.mat-active):not(:hover):not(.mat-option-disabled) {
      color: black; }

.mat-badge-content {
  color: white;
  background: #120237; }

.mat-badge-accent .mat-badge-content {
  background: #e9ebef;
  color: #d9d9d9; }

.mat-badge-warn .mat-badge-content {
  color: #5bdaff;
  background: #e40707; }

.mat-badge {
  position: relative; }

.mat-badge-hidden .mat-badge-content {
  display: none; }

.mat-badge-content {
  position: absolute;
  text-align: center;
  display: inline-block;
  border-radius: 50%;
  transition: transform 200ms ease-in-out;
  transform: scale(0.6);
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  pointer-events: none; }

.mat-badge-content.mat-badge-active {
  transform: none; }

.mat-badge-small .mat-badge-content {
  width: 16px;
  height: 16px;
  line-height: 16px; }
  @media screen and (-ms-high-contrast: active) {
    .mat-badge-small .mat-badge-content {
      outline: solid 1px;
      border-radius: 0; } }

.mat-badge-small.mat-badge-above .mat-badge-content {
  top: -8px; }

.mat-badge-small.mat-badge-below .mat-badge-content {
  bottom: -8px; }

.mat-badge-small.mat-badge-before .mat-badge-content {
  left: -16px; }

[dir='rtl'] .mat-badge-small.mat-badge-before .mat-badge-content {
  left: auto;
  right: -16px; }

.mat-badge-small.mat-badge-after .mat-badge-content {
  right: -16px; }

[dir='rtl'] .mat-badge-small.mat-badge-after .mat-badge-content {
  right: auto;
  left: -16px; }

.mat-badge-small.mat-badge-overlap.mat-badge-before .mat-badge-content {
  left: -8px; }

[dir='rtl'] .mat-badge-small.mat-badge-overlap.mat-badge-before .mat-badge-content {
  left: auto;
  right: -8px; }

.mat-badge-small.mat-badge-overlap.mat-badge-after .mat-badge-content {
  right: -8px; }

[dir='rtl'] .mat-badge-small.mat-badge-overlap.mat-badge-after .mat-badge-content {
  right: auto;
  left: -8px; }

.mat-badge-medium .mat-badge-content {
  width: 22px;
  height: 22px;
  line-height: 22px; }
  @media screen and (-ms-high-contrast: active) {
    .mat-badge-medium .mat-badge-content {
      outline: solid 1px;
      border-radius: 0; } }

.mat-badge-medium.mat-badge-above .mat-badge-content {
  top: -11px; }

.mat-badge-medium.mat-badge-below .mat-badge-content {
  bottom: -11px; }

.mat-badge-medium.mat-badge-before .mat-badge-content {
  left: -22px; }

[dir='rtl'] .mat-badge-medium.mat-badge-before .mat-badge-content {
  left: auto;
  right: -22px; }

.mat-badge-medium.mat-badge-after .mat-badge-content {
  right: -22px; }

[dir='rtl'] .mat-badge-medium.mat-badge-after .mat-badge-content {
  right: auto;
  left: -22px; }

.mat-badge-medium.mat-badge-overlap.mat-badge-before .mat-badge-content {
  left: -11px; }

[dir='rtl'] .mat-badge-medium.mat-badge-overlap.mat-badge-before .mat-badge-content {
  left: auto;
  right: -11px; }

.mat-badge-medium.mat-badge-overlap.mat-badge-after .mat-badge-content {
  right: -11px; }

[dir='rtl'] .mat-badge-medium.mat-badge-overlap.mat-badge-after .mat-badge-content {
  right: auto;
  left: -11px; }

.mat-badge-large .mat-badge-content {
  width: 28px;
  height: 28px;
  line-height: 28px; }
  @media screen and (-ms-high-contrast: active) {
    .mat-badge-large .mat-badge-content {
      outline: solid 1px;
      border-radius: 0; } }

.mat-badge-large.mat-badge-above .mat-badge-content {
  top: -14px; }

.mat-badge-large.mat-badge-below .mat-badge-content {
  bottom: -14px; }

.mat-badge-large.mat-badge-before .mat-badge-content {
  left: -28px; }

[dir='rtl'] .mat-badge-large.mat-badge-before .mat-badge-content {
  left: auto;
  right: -28px; }

.mat-badge-large.mat-badge-after .mat-badge-content {
  right: -28px; }

[dir='rtl'] .mat-badge-large.mat-badge-after .mat-badge-content {
  right: auto;
  left: -28px; }

.mat-badge-large.mat-badge-overlap.mat-badge-before .mat-badge-content {
  left: -14px; }

[dir='rtl'] .mat-badge-large.mat-badge-overlap.mat-badge-before .mat-badge-content {
  left: auto;
  right: -14px; }

.mat-badge-large.mat-badge-overlap.mat-badge-after .mat-badge-content {
  right: -14px; }

[dir='rtl'] .mat-badge-large.mat-badge-overlap.mat-badge-after .mat-badge-content {
  right: auto;
  left: -14px; }

.mat-bottom-sheet-container {
  background: white;
  color: black; }

.mat-button,
.mat-icon-button,
.mat-stroked-button {
  color: inherit;
  background: transparent; }
  .mat-button.mat-primary,
  .mat-icon-button.mat-primary,
  .mat-stroked-button.mat-primary {
    color: #120237; }
  .mat-button.mat-accent,
  .mat-icon-button.mat-accent,
  .mat-stroked-button.mat-accent {
    color: #e9ebef; }
  .mat-button.mat-warn,
  .mat-icon-button.mat-warn,
  .mat-stroked-button.mat-warn {
    color: #e40707; }
  .mat-button.mat-primary[disabled], .mat-button.mat-accent[disabled], .mat-button.mat-warn[disabled], .mat-button[disabled][disabled],
  .mat-icon-button.mat-primary[disabled],
  .mat-icon-button.mat-accent[disabled],
  .mat-icon-button.mat-warn[disabled],
  .mat-icon-button[disabled][disabled],
  .mat-stroked-button.mat-primary[disabled],
  .mat-stroked-button.mat-accent[disabled],
  .mat-stroked-button.mat-warn[disabled],
  .mat-stroked-button[disabled][disabled] {
    color: rgba(0, 0, 0, 0.26); }
  .mat-button.mat-primary .mat-button-focus-overlay,
  .mat-icon-button.mat-primary .mat-button-focus-overlay,
  .mat-stroked-button.mat-primary .mat-button-focus-overlay {
    background-color: rgba(18, 2, 55, 0.12); }
  .mat-button.mat-accent .mat-button-focus-overlay,
  .mat-icon-button.mat-accent .mat-button-focus-overlay,
  .mat-stroked-button.mat-accent .mat-button-focus-overlay {
    background-color: rgba(233, 235, 239, 0.12); }
  .mat-button.mat-warn .mat-button-focus-overlay,
  .mat-icon-button.mat-warn .mat-button-focus-overlay,
  .mat-stroked-button.mat-warn .mat-button-focus-overlay {
    background-color: rgba(228, 7, 7, 0.12); }
  .mat-button[disabled] .mat-button-focus-overlay,
  .mat-icon-button[disabled] .mat-button-focus-overlay,
  .mat-stroked-button[disabled] .mat-button-focus-overlay {
    background-color: transparent; }
  .mat-button.mat-primary .mat-ripple-element,
  .mat-icon-button.mat-primary .mat-ripple-element,
  .mat-stroked-button.mat-primary .mat-ripple-element {
    background-color: rgba(18, 2, 55, 0.1); }
  .mat-button.mat-accent .mat-ripple-element,
  .mat-icon-button.mat-accent .mat-ripple-element,
  .mat-stroked-button.mat-accent .mat-ripple-element {
    background-color: rgba(233, 235, 239, 0.1); }
  .mat-button.mat-warn .mat-ripple-element,
  .mat-icon-button.mat-warn .mat-ripple-element,
  .mat-stroked-button.mat-warn .mat-ripple-element {
    background-color: rgba(228, 7, 7, 0.1); }
  .mat-button:focus:not([disabled]),
  .mat-icon-button:focus:not([disabled]),
  .mat-stroked-button:focus:not([disabled]) {
    box-shadow: 0 0 2px 2px #2fdaff; }
  .mat-button.secondary-action, .mat-button.negative-action,
  .mat-icon-button.secondary-action,
  .mat-icon-button.negative-action,
  .mat-stroked-button.secondary-action,
  .mat-stroked-button.negative-action {
    color: #120237;
    background-color: transparent; }
    .mat-button.secondary-action:hover:not([disabled]), .mat-button.negative-action:hover:not([disabled]),
    .mat-icon-button.secondary-action:hover:not([disabled]),
    .mat-icon-button.negative-action:hover:not([disabled]),
    .mat-stroked-button.secondary-action:hover:not([disabled]),
    .mat-stroked-button.negative-action:hover:not([disabled]) {
      border-color: #0e022c;
      color: #0e022c; }
    .mat-button.secondary-action:not([disabled]).mat-button-wrapper, .mat-button.negative-action:not([disabled]).mat-button-wrapper,
    .mat-icon-button.secondary-action:not([disabled]).mat-button-wrapper,
    .mat-icon-button.negative-action:not([disabled]).mat-button-wrapper,
    .mat-stroked-button.secondary-action:not([disabled]).mat-button-wrapper,
    .mat-stroked-button.negative-action:not([disabled]).mat-button-wrapper {
      color: #120237; }
    .mat-button.secondary-action .mat-button-focus-overlay, .mat-button.negative-action .mat-button-focus-overlay,
    .mat-icon-button.secondary-action .mat-button-focus-overlay,
    .mat-icon-button.negative-action .mat-button-focus-overlay,
    .mat-stroked-button.secondary-action .mat-button-focus-overlay,
    .mat-stroked-button.negative-action .mat-button-focus-overlay {
      background-color: transparent; }
    .mat-button.secondary-action .mat-ripple-element.mat-primary .mat-ripple-element, .mat-button.negative-action .mat-ripple-element.mat-primary .mat-ripple-element,
    .mat-icon-button.secondary-action .mat-ripple-element.mat-primary .mat-ripple-element,
    .mat-icon-button.negative-action .mat-ripple-element.mat-primary .mat-ripple-element,
    .mat-stroked-button.secondary-action .mat-ripple-element.mat-primary .mat-ripple-element,
    .mat-stroked-button.negative-action .mat-ripple-element.mat-primary .mat-ripple-element {
      background-color: rgba(255, 255, 255, 0.1); }
    .mat-button.secondary-action .mat-ripple-element.mat-accent .mat-ripple-element, .mat-button.negative-action .mat-ripple-element.mat-accent .mat-ripple-element,
    .mat-icon-button.secondary-action .mat-ripple-element.mat-accent .mat-ripple-element,
    .mat-icon-button.negative-action .mat-ripple-element.mat-accent .mat-ripple-element,
    .mat-stroked-button.secondary-action .mat-ripple-element.mat-accent .mat-ripple-element,
    .mat-stroked-button.negative-action .mat-ripple-element.mat-accent .mat-ripple-element {
      background-color: rgba(217, 217, 217, 0.1); }
    .mat-button.secondary-action .mat-ripple-element.mat-warn .mat-ripple-element, .mat-button.negative-action .mat-ripple-element.mat-warn .mat-ripple-element,
    .mat-icon-button.secondary-action .mat-ripple-element.mat-warn .mat-ripple-element,
    .mat-icon-button.negative-action .mat-ripple-element.mat-warn .mat-ripple-element,
    .mat-stroked-button.secondary-action .mat-ripple-element.mat-warn .mat-ripple-element,
    .mat-stroked-button.negative-action .mat-ripple-element.mat-warn .mat-ripple-element {
      background-color: rgba(91, 218, 255, 0.1); }

.mat-flat-button, .mat-raised-button, .mat-fab, .mat-mini-fab {
  color: black;
  background-color: white; }
  .mat-flat-button:focus:not([disabled]), .mat-raised-button:focus:not([disabled]), .mat-fab:focus:not([disabled]), .mat-mini-fab:focus:not([disabled]) {
    box-shadow: 0 0 2px 2px #2fdaff !important; }
  .mat-flat-button.mat-primary, .mat-raised-button.mat-primary, .mat-fab.mat-primary, .mat-mini-fab.mat-primary {
    color: white; }
  .mat-flat-button.mat-accent, .mat-raised-button.mat-accent, .mat-fab.mat-accent, .mat-mini-fab.mat-accent {
    color: #d9d9d9; }
  .mat-flat-button.mat-warn, .mat-raised-button.mat-warn, .mat-fab.mat-warn, .mat-mini-fab.mat-warn {
    color: #5bdaff; }
  .mat-flat-button.mat-primary[disabled], .mat-flat-button.mat-accent[disabled], .mat-flat-button.mat-warn[disabled], .mat-flat-button[disabled][disabled], .mat-raised-button.mat-primary[disabled], .mat-raised-button.mat-accent[disabled], .mat-raised-button.mat-warn[disabled], .mat-raised-button[disabled][disabled], .mat-fab.mat-primary[disabled], .mat-fab.mat-accent[disabled], .mat-fab.mat-warn[disabled], .mat-fab[disabled][disabled], .mat-mini-fab.mat-primary[disabled], .mat-mini-fab.mat-accent[disabled], .mat-mini-fab.mat-warn[disabled], .mat-mini-fab[disabled][disabled] {
    color: rgba(0, 0, 0, 0.26); }
  .mat-flat-button.mat-primary, .mat-raised-button.mat-primary, .mat-fab.mat-primary, .mat-mini-fab.mat-primary {
    background-color: #120237; }
  .mat-flat-button.mat-accent, .mat-raised-button.mat-accent, .mat-fab.mat-accent, .mat-mini-fab.mat-accent {
    background-color: #e9ebef; }
  .mat-flat-button.mat-warn, .mat-raised-button.mat-warn, .mat-fab.mat-warn, .mat-mini-fab.mat-warn {
    background-color: #e40707; }
  .mat-flat-button.mat-primary[disabled], .mat-flat-button.mat-accent[disabled], .mat-flat-button.mat-warn[disabled], .mat-flat-button[disabled][disabled], .mat-raised-button.mat-primary[disabled], .mat-raised-button.mat-accent[disabled], .mat-raised-button.mat-warn[disabled], .mat-raised-button[disabled][disabled], .mat-fab.mat-primary[disabled], .mat-fab.mat-accent[disabled], .mat-fab.mat-warn[disabled], .mat-fab[disabled][disabled], .mat-mini-fab.mat-primary[disabled], .mat-mini-fab.mat-accent[disabled], .mat-mini-fab.mat-warn[disabled], .mat-mini-fab[disabled][disabled] {
    background-color: rgba(0, 0, 0, 0.12); }
  .mat-flat-button.mat-primary .mat-ripple-element, .mat-raised-button.mat-primary .mat-ripple-element, .mat-fab.mat-primary .mat-ripple-element, .mat-mini-fab.mat-primary .mat-ripple-element {
    background-color: rgba(255, 255, 255, 0.1); }
  .mat-flat-button.mat-accent .mat-ripple-element, .mat-raised-button.mat-accent .mat-ripple-element, .mat-fab.mat-accent .mat-ripple-element, .mat-mini-fab.mat-accent .mat-ripple-element {
    background-color: rgba(217, 217, 217, 0.1); }
  .mat-flat-button.mat-warn .mat-ripple-element, .mat-raised-button.mat-warn .mat-ripple-element, .mat-fab.mat-warn .mat-ripple-element, .mat-mini-fab.mat-warn .mat-ripple-element {
    background-color: rgba(91, 218, 255, 0.1); }

.mat-stroked-button:focus:not([disabled]) {
  box-shadow: 0 0 1px 1px #2fdaff;
  border-color: #2fdaff; }

.mat-icon-button.mat-primary .mat-ripple-element {
  background-color: rgba(18, 2, 55, 0.2); }

.mat-icon-button.mat-accent .mat-ripple-element {
  background-color: rgba(233, 235, 239, 0.2); }

.mat-icon-button.mat-warn .mat-ripple-element {
  background-color: rgba(228, 7, 7, 0.2); }

.mat-button-toggle {
  color: black; }
  .mat-button-toggle .mat-button-toggle-focus-overlay {
    background-color: rgba(18, 2, 55, 0.5); }

.mat-button-toggle-checked {
  background-color: #120237;
  color: #ffffff; }

.mat-button-toggle-disabled {
  background-color: rgba(0, 0, 0, 0.12);
  color: rgba(0, 0, 0, 0.26);
  border-color: rgba(0, 0, 0, 0.12); }
  .mat-button-toggle-disabled.mat-button-toggle-checked {
    background-color: #bdbdbd; }

.mat-button-toggle-group:not([disabled]) .mat-button-toggle + .mat-button-toggle {
  border-left: 1px solid #120237; }

.mat-card {
  background: white;
  color: black;
  border: 1px solid rgba(0, 0, 0, 0.15); }
  .mat-card.mat-card-header-bgcolor {
    background: white;
    color: rgba(0, 0, 0, 0.6);
    border: 1px solid rgba(0, 0, 0, 0.15); }
    .mat-card.mat-card-header-bgcolor .mat-card-header {
      background: #f2f2f2;
      border-bottom: 1px solid rgba(0, 0, 0, 0.12); }
    .mat-card.mat-card-header-bgcolor .mat-card-title {
      color: black;
      font-size: 2rem; }
    .mat-card.mat-card-header-bgcolor .mat-card-subtitle {
      color: rgba(0, 0, 0, 0.6); }

.mat-card-subtitle {
  color: rgba(0, 0, 0, 0.6); }

.mat-checkbox-frame {
  border-color: #9e9e9e;
  box-shadow: none; }

.mat-checkbox-checkmark {
  fill: white; }

.mat-checkbox-checkmark-path {
  stroke: white !important; }
  @media screen and (-ms-high-contrast: black-on-white) {
    .mat-checkbox-checkmark-path {
      stroke: #000 !important; } }

.mat-checkbox-mixedmark {
  background-color: white; }

.mat-checkbox-indeterminate.mat-primary .mat-checkbox-background, .mat-checkbox-checked.mat-primary .mat-checkbox-background {
  background-color: #120237; }

.mat-checkbox-indeterminate.mat-accent .mat-checkbox-background, .mat-checkbox-checked.mat-accent .mat-checkbox-background {
  background-color: #00ba31; }

.mat-checkbox-indeterminate.mat-warn .mat-checkbox-background, .mat-checkbox-checked.mat-warn .mat-checkbox-background {
  background-color: #e40707; }

.mat-checkbox-disabled.mat-checkbox-checked .mat-checkbox-background, .mat-checkbox-disabled.mat-checkbox-indeterminate .mat-checkbox-background {
  background-color: #b0b0b0; }

.mat-checkbox-disabled:not(.mat-checkbox-checked) .mat-checkbox-frame {
  border-color: rgba(0, 0, 0, 0.12); }

.mat-checkbox-disabled .mat-checkbox-label {
  color: #b0b0b0; }

@media screen and (-ms-high-contrast: active) {
  .mat-checkbox-disabled {
    opacity: 0.5; } }

@media screen and (-ms-high-contrast: active) {
  .mat-checkbox-background {
    background: none; } }

.mat-checkbox:not(.mat-checkbox-disabled).mat-primary .mat-checkbox-ripple .mat-ripple-element {
  background-color: rgba(18, 2, 55, 0.26);
  display: none; }

.mat-checkbox:not(.mat-checkbox-disabled).mat-accent .mat-checkbox-ripple .mat-ripple-element {
  background-color: rgba(0, 186, 49, 0.16);
  display: none; }

.mat-checkbox:not(.mat-checkbox-disabled).mat-warn .mat-checkbox-ripple .mat-ripple-element {
  background-color: rgba(228, 7, 7, 0.26);
  display: none; }

.mat-chip.mat-standard-chip {
  background-color: #e0e0e0;
  color: black; }
  .mat-chip.mat-standard-chip .mat-chip-remove {
    color: black;
    opacity: 0.4; }
  .mat-chip.mat-standard-chip .mat-chip-remove:hover {
    opacity: 0.54; }

.mat-chip.mat-standard-chip.mat-chip-selected.mat-primary {
  background-color: #120237;
  color: white; }
  .mat-chip.mat-standard-chip.mat-chip-selected.mat-primary .mat-chip-remove {
    color: white;
    opacity: 0.4; }
  .mat-chip.mat-standard-chip.mat-chip-selected.mat-primary .mat-chip-remove:hover {
    opacity: 0.54; }

.mat-chip.mat-standard-chip.mat-chip-selected.mat-warn {
  background-color: #e40707;
  color: #5bdaff; }
  .mat-chip.mat-standard-chip.mat-chip-selected.mat-warn .mat-chip-remove {
    color: #5bdaff;
    opacity: 0.4; }
  .mat-chip.mat-standard-chip.mat-chip-selected.mat-warn .mat-chip-remove:hover {
    opacity: 0.54; }

.mat-chip.mat-standard-chip.mat-chip-selected.mat-accent {
  background-color: #e9ebef;
  color: #d9d9d9; }
  .mat-chip.mat-standard-chip.mat-chip-selected.mat-accent .mat-chip-remove {
    color: #d9d9d9;
    opacity: 0.4; }
  .mat-chip.mat-standard-chip.mat-chip-selected.mat-accent .mat-chip-remove:hover {
    opacity: 0.54; }

.mat-table {
  background: white; }

.mat-table thead, .mat-table tbody, .mat-table tfoot,
mat-header-row, mat-row, mat-footer-row,
[mat-header-row], [mat-row], [mat-footer-row],
.mat-table-sticky {
  background: inherit; }

mat-row, mat-header-row, mat-footer-row,
th.mat-header-cell, td.mat-cell, td.mat-footer-cell {
  border-bottom-color: rgba(0, 0, 0, 0.3); }

.mat-header-cell {
  color: rgba(0, 0, 0, 0.6); }

.mat-cell, .mat-footer-cell {
  color: black; }

.mat-calendar-arrow {
  border-top-color: rgba(0, 0, 0, 0.54); }

.mat-datepicker-toggle,
.mat-datepicker-content .mat-calendar-next-button,
.mat-datepicker-content .mat-calendar-previous-button {
  color: black; }

.mat-calendar-table-header {
  color: rgba(0, 0, 0, 0.38); }

.mat-calendar-table-header-divider::after {
  background: rgba(0, 0, 0, 0.3); }

.mat-calendar-body-label {
  color: rgba(0, 0, 0, 0.6); }

.mat-calendar-body-cell-content {
  color: black;
  border-color: transparent; }

.mat-calendar-body-disabled > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected) {
  color: rgba(0, 0, 0, 0.26); }

.mat-calendar-body-cell:not(.mat-calendar-body-disabled):hover > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected),
.cdk-keyboard-focused .mat-calendar-body-active > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected),
.cdk-program-focused .mat-calendar-body-active > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected) {
  background-color: rgba(0, 0, 0, 0.04); }

.mat-calendar-body-today:not(.mat-calendar-body-selected) {
  border-color: rgba(0, 0, 0, 0.38); }

.mat-calendar-body-disabled > .mat-calendar-body-today:not(.mat-calendar-body-selected) {
  border-color: rgba(0, 0, 0, 0.18); }

.mat-calendar-body-selected {
  background-color: #120237;
  color: white; }

.mat-calendar-body-disabled > .mat-calendar-body-selected {
  background-color: rgba(18, 2, 55, 0.4); }

.mat-datepicker-content {
  box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12);
  background-color: white;
  color: black; }
  .mat-datepicker-content.mat-accent .mat-calendar-body-selected {
    background-color: #e9ebef;
    color: #d9d9d9; }
  .mat-datepicker-content.mat-accent .mat-calendar-body-disabled > .mat-calendar-body-selected {
    background-color: rgba(233, 235, 239, 0.4); }
  .mat-datepicker-content.mat-warn .mat-calendar-body-selected {
    background-color: #e40707;
    color: #5bdaff; }
  .mat-datepicker-content.mat-warn .mat-calendar-body-disabled > .mat-calendar-body-selected {
    background-color: rgba(228, 7, 7, 0.4); }

.mat-datepicker-toggle-active {
  color: #120237; }
  .mat-datepicker-toggle-active.mat-accent {
    color: #e9ebef; }
  .mat-datepicker-toggle-active.mat-warn {
    color: #e40707; }

.mat-dialog-container {
  box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12);
  background: white;
  color: black; }

.mat-divider {
  border-top-color: rgba(0, 0, 0, 0.3); }

.mat-divider-vertical {
  border-right-color: rgba(0, 0, 0, 0.3); }

.mat-expansion-panel {
  box-shadow: 0px 3px 3px -2px rgba(0, 0, 0, 0.18), 0px 3px 4px 0px rgba(0, 0, 0, 0.126), 0px 1px 8px 0px rgba(0, 0, 0, 0.108);
  background: white;
  color: black; }

.mat-action-row {
  border-top-color: rgba(0, 0, 0, 0.3); }

.mat-expansion-panel:not(.mat-expanded) .mat-expansion-panel-header:not([aria-disabled='true']).cdk-keyboard-focused, .mat-expansion-panel:not(.mat-expanded) .mat-expansion-panel-header:not([aria-disabled='true']).cdk-program-focused, .mat-expansion-panel:not(.mat-expanded) .mat-expansion-panel-header:not([aria-disabled='true']):hover {
  background: transparent; }

.mat-expansion-panel-header-title {
  color: black; }

.mat-expansion-panel-header-description,
.mat-expansion-indicator::after {
  color: rgba(0, 0, 0, 0.6); }

.mat-expansion-panel-header[aria-disabled='true'] {
  color: rgba(0, 0, 0, 0.26); }
  .mat-expansion-panel-header[aria-disabled='true'] .mat-expansion-panel-header-title,
  .mat-expansion-panel-header[aria-disabled='true'] .mat-expansion-panel-header-description {
    color: inherit; }

.mat-form-field-label {
  color: rgba(0, 0, 0, 0.6); }

.mat-hint {
  color: rgba(0, 0, 0, 0.6); }

.mat-form-field.mat-focused .mat-form-field-label {
  color: #120237; }
  .mat-form-field.mat-focused .mat-form-field-label.mat-accent {
    color: #e9ebef; }
  .mat-form-field.mat-focused .mat-form-field-label.mat-warn {
    color: #e40707; }

.mat-focused .mat-form-field-required-marker {
  color: #e9ebef; }

.mat-form-field-ripple {
  background-color: rgba(0, 0, 0, 0.87); }

.mat-form-field.mat-focused .mat-form-field-ripple {
  background-color: #120237; }
  .mat-form-field.mat-focused .mat-form-field-ripple.mat-accent {
    background-color: #e9ebef; }
  .mat-form-field.mat-focused .mat-form-field-ripple.mat-warn {
    background-color: #e40707; }

.mat-form-field.mat-form-field-invalid .mat-form-field-label {
  color: #e40707; }
  .mat-form-field.mat-form-field-invalid .mat-form-field-label.mat-accent,
  .mat-form-field.mat-form-field-invalid .mat-form-field-label .mat-form-field-required-marker {
    color: #e40707; }

.mat-form-field.mat-form-field-invalid .mat-form-field-ripple,
.mat-form-field.mat-form-field-invalid .mat-form-field-ripple.mat-accent {
  background-color: #e40707; }

.mat-error {
  color: #e40707;
  margin-bottom: 1rem; }

.mat-form-field-appearance-legacy .mat-form-field-label {
  color: rgba(0, 0, 0, 0.6); }

.mat-form-field-appearance-legacy .mat-hint {
  color: rgba(0, 0, 0, 0.6); }

.mat-form-field-appearance-legacy .mat-form-field-underline {
  background-color: rgba(0, 0, 0, 0.42); }

.mat-form-field-appearance-legacy.mat-form-field-disabled .mat-form-field-underline {
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.42) 0%, rgba(0, 0, 0, 0.42) 33%, transparent 0%);
  background-size: 4px 100%;
  background-repeat: repeat-x; }

.mat-form-field-appearance-standard .mat-form-field-underline {
  background-color: rgba(0, 0, 0, 0.42); }

.mat-form-field-appearance-standard.mat-form-field-disabled .mat-form-field-underline {
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.42) 0%, rgba(0, 0, 0, 0.42) 33%, transparent 0%);
  background-size: 4px 100%;
  background-repeat: repeat-x; }

.mat-form-field-appearance-fill .mat-form-field-flex {
  background-color: white; }

.mat-form-field-appearance-fill.mat-form-field-disabled .mat-form-field-flex {
  background-color: rgba(0, 0, 0, 0.02); }

.mat-form-field-appearance-fill .mat-form-field-underline::before {
  background-color: rgba(0, 0, 0, 0.42); }

.mat-form-field-appearance-fill.mat-form-field-disabled .mat-form-field-label {
  color: rgba(0, 0, 0, 0.26); }

.mat-form-field-appearance-fill.mat-form-field-disabled .mat-form-field-underline::before {
  background-color: transparent; }

.mat-form-field-appearance-outline .mat-form-field-outline {
  color: rgba(0, 0, 0, 0.3);
  box-shadow: none; }

.mat-form-field-appearance-outline .mat-form-field-prefix, .mat-form-field-appearance-outline .mat-form-field-suffix {
  background-color: transparent; }
  .mat-form-field-appearance-outline .mat-form-field-prefix span, .mat-form-field-appearance-outline .mat-form-field-suffix span {
    opacity: 60%; }

.mat-form-field-appearance-outline .mat-form-field-outline-thick {
  color: #2fdaff; }

.mat-form-field-appearance-outline.mat-focused .mat-form-field-outline-thick {
  color: #2fdaff;
  box-shadow: none; }

.mat-form-field-appearance-outline.mat-focused.mat-accent .mat-form-field-outline-thick {
  color: #2fdaff; }

.mat-form-field-appearance-outline.mat-focused.mat-warn .mat-form-field-outline-thick {
  color: #2fdaff; }

.mat-form-field-appearance-outline.mat-focused.mat-form-field-invalid .mat-form-field-outline-thick {
  color: #2fdaff !important;
  box-shadow: none; }

.mat-form-field-appearance-outline.mat-form-field-invalid.mat-form-field-invalid .mat-form-field-outline-thick {
  color: #e40707; }

.mat-form-field-appearance-outline.mat-form-field-disabled .mat-form-field-label {
  color: rgba(0, 0, 0, 0.26); }

.mat-form-field-appearance-outline.mat-form-field-disabled .mat-form-field-outline {
  color: rgba(0, 0, 0, 0.1); }

.mat-icon {
  overflow: visible !important; }
  .mat-icon.mat-primary {
    color: #120237; }
  .mat-icon.mat-accent {
    color: #e9ebef; }
  .mat-icon.mat-warn {
    color: #e40707; }

.mat-input-element:disabled {
  color: rgba(0, 0, 0, 0.6); }

.mat-input-element::placeholder {
  color: rgba(0, 0, 0, 0.42); }

.mat-input-element::-moz-placeholder {
  color: rgba(0, 0, 0, 0.42); }

.mat-input-element::-webkit-input-placeholder {
  color: rgba(0, 0, 0, 0.42); }

.mat-input-element:-ms-input-placeholder {
  color: rgba(0, 0, 0, 0.42); }

.mat-accent .mat-input-element {
  caret-color: #e9ebef; }

.mat-warn .mat-input-element,
.mat-form-field-invalid .mat-input-element {
  caret-color: #e40707; }

.mat-list .mat-list-item, .mat-nav-list .mat-list-item, .mat-selection-list .mat-list-item {
  color: black; }

.mat-list .mat-list-option, .mat-nav-list .mat-list-option, .mat-selection-list .mat-list-option {
  color: black; }

.mat-list .mat-subheader, .mat-nav-list .mat-subheader, .mat-selection-list .mat-subheader {
  color: rgba(0, 0, 0, 0.6); }

.mat-list-item-disabled {
  background-color: #eeeeee; }

.mat-list-option:hover, .mat-list-option.mat-list-item-focus,
.mat-nav-list .mat-list-item:hover,
.mat-nav-list .mat-list-item.mat-list-item-focus {
  background: rgba(0, 0, 0, 0.04); }

.mat-menu-panel {
  background: white; }

.mat-menu-item {
  background: transparent;
  color: black; }
  .mat-menu-item[disabled], .mat-menu-item[disabled]::after {
    color: rgba(0, 0, 0, 0.38); }

.mat-menu-item .mat-icon:not([color]),
.mat-menu-item-submenu-trigger::after {
  color: rgba(0, 0, 0, 0.54); }

.mat-menu-item:hover:not([disabled]),
.mat-menu-item.cdk-program-focused:not([disabled]),
.mat-menu-item.cdk-keyboard-focused:not([disabled]),
.mat-menu-item-highlighted:not([disabled]) {
  background: rgba(0, 0, 0, 0.07);
  color: black; }

.mat-paginator {
  background: white; }

.mat-paginator,
.mat-paginator-page-size .mat-select-trigger {
  color: rgba(0, 0, 0, 0.6); }

.mat-paginator-decrement,
.mat-paginator-increment {
  border-top: 2px solid rgba(0, 0, 0, 0.54);
  border-right: 2px solid rgba(0, 0, 0, 0.54); }

.mat-paginator-first,
.mat-paginator-last {
  border-top: 2px solid rgba(0, 0, 0, 0.54); }

.mat-icon-button[disabled] .mat-paginator-decrement,
.mat-icon-button[disabled] .mat-paginator-increment,
.mat-icon-button[disabled] .mat-paginator-first,
.mat-icon-button[disabled] .mat-paginator-last {
  border-color: rgba(0, 0, 0, 0.38); }

.mat-progress-bar-background {
  fill: #020006; }

.mat-progress-bar-buffer {
  background-color: #020006; }

.mat-progress-bar-fill::after {
  background-color: #438bd9; }

.mat-progress-bar.mat-accent .mat-progress-bar-background {
  fill: #f3d291; }

.mat-progress-bar.mat-accent .mat-progress-bar-buffer {
  background-color: #f3d291; }

.mat-progress-bar.mat-accent .mat-progress-bar-fill::after {
  background-color: #e9ebef; }

.mat-progress-bar.mat-warn .mat-progress-bar-background {
  fill: #fc7802; }

.mat-progress-bar.mat-warn .mat-progress-bar-buffer {
  background-color: #fc7802; }

.mat-progress-bar.mat-warn .mat-progress-bar-fill::after {
  background-color: #e40707; }

.mat-progress-spinner circle, .mat-spinner circle {
  stroke: #438bd9; }

.mat-progress-spinner.mat-accent circle, .mat-spinner.mat-accent circle {
  stroke: #e9ebef; }

.mat-progress-spinner.mat-warn circle, .mat-spinner.mat-warn circle {
  stroke: #e40707; }

.mat-radio-outer-circle {
  border-color: rgba(0, 0, 0, 0.6);
  background-color: white; }

.mat-radio-disabled .mat-radio-outer-circle {
  border-color: rgba(0, 0, 0, 0.38); }

.mat-radio-disabled .mat-radio-ripple .mat-ripple-element, .mat-radio-disabled .mat-radio-inner-circle {
  background-color: rgba(0, 0, 0, 0.38); }

.mat-radio-disabled .mat-radio-label-content {
  color: rgba(0, 0, 0, 0.38); }

.mat-radio-button.mat-radio-checked .mat-radio-outer-circle {
  border-color: #00ba31; }

.mat-radio-button.mat-primary.mat-radio-checked .mat-radio-outer-circle {
  border-color: #120237; }

.mat-radio-button.mat-primary .mat-radio-inner-circle {
  background-color: #120237; }

.mat-radio-button.mat-primary .mat-radio-ripple .mat-ripple-element {
  background-color: #120237;
  display: none; }

.mat-radio-button.mat-accent .mat-radio-inner-circle {
  background-color: #00ba31; }

.mat-radio-button.mat-accent .mat-radio-ripple .mat-ripple-element {
  background-color: #00ba31; }

.mat-radio-button.mat-warn.mat-radio-checked .mat-radio-outer-circle {
  border-color: #e40707; }

.mat-radio-button.mat-warn .mat-radio-inner-circle {
  background-color: #e40707; }

.mat-radio-button.mat-warn .mat-radio-ripple .mat-ripple-element {
  background-color: #e40707;
  display: none; }

.mat-select-value {
  color: black; }

.mat-select-placeholder {
  color: black; }

.mat-select-disabled .mat-select-value {
  color: rgba(0, 0, 0, 0.26); }

.mat-select-arrow {
  color: black; }

.mat-select-panel {
  border: none;
  border-radius: 3px;
  background: white;
  padding-top: 1rem !important;
  padding-bottom: 1rem !important; }
  .mat-select-panel:not([class*='mat-elevation-z']) {
    box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12); }
  .mat-select-panel .mat-option.mat-selected:not(.mat-option-multiple) {
    background: #edf9fe; }

.mat-form-field.mat-focused.mat-primary .mat-select-arrow {
  color: black; }

.mat-form-field .mat-select.mat-select-disabled .mat-select-arrow {
  color: rgba(0, 0, 0, 0.26); }

.mat-drawer-container {
  background-color: white;
  color: black; }

.mat-drawer {
  background-color: white;
  color: black; }
  .mat-drawer.mat-drawer-push {
    background-color: white; }

.mat-drawer-backdrop.mat-drawer-shown {
  background-color: rgba(0, 0, 0, 0.6); }

.mat-slide-toggle.mat-checked:not(.mat-disabled) .mat-slide-toggle-thumb {
  background-color: #00ba31; }

.mat-slide-toggle.mat-checked:not(.mat-disabled) .mat-slide-toggle-bar {
  background-color: rgba(0, 186, 49, 0.5); }

.mat-slide-toggle:not(.mat-checked) .mat-ripple-element {
  background-color: #00ba31; }

.mat-slide-toggle.mat-checked .mat-ripple-element {
  background-color: rgba(0, 186, 49, 0.1); }

.mat-slide-toggle.mat-primary.mat-checked:not(.mat-disabled) .mat-slide-toggle-thumb {
  background-color: #909090; }

.mat-slide-toggle.mat-primary.mat-checked:not(.mat-disabled) .mat-slide-toggle-bar {
  background-color: rgba(144, 144, 144, 0.5); }

.mat-slide-toggle.mat-primary:not(.mat-checked) .mat-ripple-element {
  background-color: #00ba31; }

.mat-slide-toggle.mat-primary.mat-checked .mat-ripple-element {
  background-color: rgba(144, 144, 144, 0.1); }

.mat-slide-toggle.mat-warn.mat-checked:not(.mat-disabled) .mat-slide-toggle-thumb {
  background-color: #00ba31; }

.mat-slide-toggle.mat-warn.mat-checked:not(.mat-disabled) .mat-slide-toggle-bar {
  background-color: rgba(0, 186, 49, 0.5); }

.mat-slide-toggle.mat-warn:not(.mat-checked) .mat-ripple-element {
  background-color: #00ba31; }

.mat-slide-toggle.mat-warn.mat-checked .mat-ripple-element {
  background-color: rgba(0, 186, 49, 0.1); }

.mat-disabled .mat-slide-toggle-thumb {
  background-color: #bdbdbd; }

.mat-disabled .mat-slide-toggle-bar {
  background-color: rgba(0, 0, 0, 0.1); }

.mat-slide-toggle-thumb {
  box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
  background-color: #fafafa; }

.mat-slide-toggle-bar {
  background-color: rgba(0, 0, 0, 0.38); }

.mat-slider-track-background {
  background-color: rgba(0, 0, 0, 0.26); }

.mat-primary .mat-slider-track-fill,
.mat-primary .mat-slider-thumb,
.mat-primary .mat-slider-thumb-label {
  background-color: #120237; }

.mat-primary .mat-slider-thumb-label-text {
  color: white; }

.mat-accent .mat-slider-track-fill,
.mat-accent .mat-slider-thumb,
.mat-accent .mat-slider-thumb-label {
  background-color: #e9ebef; }

.mat-accent .mat-slider-thumb-label-text {
  color: #d9d9d9; }

.mat-warn .mat-slider-track-fill,
.mat-warn .mat-slider-thumb,
.mat-warn .mat-slider-thumb-label {
  background-color: #e40707; }

.mat-warn .mat-slider-thumb-label-text {
  color: #5bdaff; }

.mat-slider-focus-ring {
  background-color: rgba(233, 235, 239, 0.2); }

.mat-slider:hover .mat-slider-track-background,
.cdk-focused .mat-slider-track-background {
  background-color: rgba(0, 0, 0, 0.38); }

.mat-slider-disabled .mat-slider-track-background,
.mat-slider-disabled .mat-slider-track-fill,
.mat-slider-disabled .mat-slider-thumb {
  background-color: rgba(0, 0, 0, 0.26); }

.mat-slider-disabled:hover .mat-slider-track-background {
  background-color: rgba(0, 0, 0, 0.26); }

.mat-slider-min-value .mat-slider-focus-ring {
  background-color: rgba(0, 0, 0, 0.12); }

.mat-slider-min-value.mat-slider-thumb-label-showing .mat-slider-thumb,
.mat-slider-min-value.mat-slider-thumb-label-showing .mat-slider-thumb-label {
  background-color: rgba(0, 0, 0, 0.87); }

.mat-slider-min-value.mat-slider-thumb-label-showing.cdk-focused .mat-slider-thumb,
.mat-slider-min-value.mat-slider-thumb-label-showing.cdk-focused .mat-slider-thumb-label {
  background-color: rgba(0, 0, 0, 0.26); }

.mat-slider-min-value:not(.mat-slider-thumb-label-showing) .mat-slider-thumb {
  border-color: rgba(0, 0, 0, 0.26);
  background-color: transparent; }

.mat-slider-min-value:not(.mat-slider-thumb-label-showing):hover .mat-slider-thumb, .mat-slider-min-value:not(.mat-slider-thumb-label-showing).cdk-focused .mat-slider-thumb {
  border-color: rgba(0, 0, 0, 0.38); }

.mat-slider-min-value:not(.mat-slider-thumb-label-showing):hover.mat-slider-disabled .mat-slider-thumb, .mat-slider-min-value:not(.mat-slider-thumb-label-showing).cdk-focused.mat-slider-disabled .mat-slider-thumb {
  border-color: rgba(0, 0, 0, 0.26); }

.mat-slider-has-ticks .mat-slider-wrapper::after {
  border-color: rgba(0, 0, 0, 0.7); }

.mat-slider-horizontal .mat-slider-ticks {
  background-image: repeating-linear-gradient(to right, rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7) 2px, transparent 0, transparent);
  background-image: -moz-repeating-linear-gradient(0.0001deg, rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7) 2px, transparent 0, transparent); }

.mat-slider-vertical .mat-slider-ticks {
  background-image: repeating-linear-gradient(to bottom, rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7) 2px, transparent 0, transparent); }

.mat-step-header .mat-step-label,
.mat-step-header .mat-step-optional {
  color: #120237; }

.mat-step-header .mat-step-icon {
  background-color: transparent;
  color: black; }
  .mat-step-header .mat-step-icon.mat-step-icon-state-edit {
    background-color: #120237;
    color: white;
    border: 1px solid #120237; }
  .mat-step-header .mat-step-icon.mat-step-icon-state-number {
    background-color: transparent;
    color: black;
    border: 1px solid #120237; }
  .mat-step-header .mat-step-icon.mat-step-icon-state-error {
    background-color: transparent;
    color: #e02020;
    border: 1px solid #e02020; }
  .mat-step-header .mat-step-icon.mat-step-icon-state-done {
    background-color: transparent;
    color: #4db34d;
    border: 1px solid #4db34d; }

.mat-step-header .mat-step-icon-not-touched {
  border: 1px solid rgba(0, 0, 0, 0.26);
  background-color: white;
  color: rgba(0, 0, 0, 0.26); }

.mat-step-header .mat-step-label.mat-step-label-active {
  color: black; }

.mat-stepper-horizontal, .mat-stepper-vertical {
  background-color: white; }

.mat-stepper-vertical-line::before {
  border-left-color: rgba(0, 0, 0, 0.3); }

.mat-stepper-horizontal-line {
  border-top-color: rgba(0, 0, 0, 0.3);
  border-top-style: dashed !important; }

.mat-tab-nav-bar,
.mat-tab-header {
  border-bottom: none; }

.mat-tab-group-inverted-header .mat-tab-nav-bar,
.mat-tab-group-inverted-header .mat-tab-header {
  border-top: 1px solid rgba(0, 0, 0, 0.3);
  border-bottom: none; }

.mat-tab-label, .mat-tab-link {
  color: black; }
  .mat-tab-label.mat-tab-disabled, .mat-tab-link.mat-tab-disabled {
    color: rgba(0, 0, 0, 0.26); }

.mat-tab-header-pagination-chevron {
  border-color: black; }

.mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron {
  border-color: rgba(0, 0, 0, 0.26); }

.mat-tab-group[class*='mat-background-'] .mat-tab-header,
.mat-tab-nav-bar[class*='mat-background-'] {
  border-bottom: none;
  border-top: none; }

.mat-tab-group.mat-primary .mat-tab-label:not(.mat-tab-disabled):focus,
.mat-tab-group.mat-primary .mat-tab-link:not(.mat-tab-disabled):focus, .mat-tab-nav-bar.mat-primary .mat-tab-label:not(.mat-tab-disabled):focus,
.mat-tab-nav-bar.mat-primary .mat-tab-link:not(.mat-tab-disabled):focus {
  background-color: white; }

.mat-tab-group.mat-primary .mat-ink-bar, .mat-tab-nav-bar.mat-primary .mat-ink-bar {
  background-color: #120237;
  height: 3px !important; }

.mat-tab-group.mat-primary.mat-background-primary .mat-ink-bar, .mat-tab-nav-bar.mat-primary.mat-background-primary .mat-ink-bar {
  background-color: white;
  height: 3px !important; }

.mat-tab-group.mat-accent .mat-tab-label:not(.mat-tab-disabled):focus,
.mat-tab-group.mat-accent .mat-tab-link:not(.mat-tab-disabled):focus, .mat-tab-nav-bar.mat-accent .mat-tab-label:not(.mat-tab-disabled):focus,
.mat-tab-nav-bar.mat-accent .mat-tab-link:not(.mat-tab-disabled):focus {
  background-color: white; }

.mat-tab-group.mat-accent .mat-ink-bar, .mat-tab-nav-bar.mat-accent .mat-ink-bar {
  background-color: #e40707;
  height: 3px !important; }

.mat-tab-group.mat-accent.mat-background-accent .mat-ink-bar, .mat-tab-nav-bar.mat-accent.mat-background-accent .mat-ink-bar {
  background-color: #d9d9d9;
  height: 3px !important; }

.mat-tab-group.mat-warn .mat-tab-label:not(.mat-tab-disabled):focus,
.mat-tab-group.mat-warn .mat-tab-link:not(.mat-tab-disabled):focus, .mat-tab-nav-bar.mat-warn .mat-tab-label:not(.mat-tab-disabled):focus,
.mat-tab-nav-bar.mat-warn .mat-tab-link:not(.mat-tab-disabled):focus {
  background-color: white; }

.mat-tab-group.mat-warn .mat-ink-bar, .mat-tab-nav-bar.mat-warn .mat-ink-bar {
  background-color: #e40707;
  height: 3px !important; }

.mat-tab-group.mat-warn.mat-background-warn .mat-ink-bar, .mat-tab-nav-bar.mat-warn.mat-background-warn .mat-ink-bar {
  background-color: #5bdaff;
  height: 3px !important; }

.mat-tab-group.mat-background-primary .mat-tab-label:not(.mat-tab-disabled):focus,
.mat-tab-group.mat-background-primary .mat-tab-link:not(.mat-tab-disabled):focus, .mat-tab-nav-bar.mat-background-primary .mat-tab-label:not(.mat-tab-disabled):focus,
.mat-tab-nav-bar.mat-background-primary .mat-tab-link:not(.mat-tab-disabled):focus {
  background-color: white; }

.mat-tab-group.mat-background-primary .mat-tab-header, .mat-tab-group.mat-background-primary .mat-tab-links, .mat-tab-nav-bar.mat-background-primary .mat-tab-header, .mat-tab-nav-bar.mat-background-primary .mat-tab-links {
  background-color: #120237; }

.mat-tab-group.mat-background-primary .mat-tab-label, .mat-tab-group.mat-background-primary .mat-tab-link, .mat-tab-nav-bar.mat-background-primary .mat-tab-label, .mat-tab-nav-bar.mat-background-primary .mat-tab-link {
  color: white; }
  .mat-tab-group.mat-background-primary .mat-tab-label.mat-tab-disabled, .mat-tab-group.mat-background-primary .mat-tab-link.mat-tab-disabled, .mat-tab-nav-bar.mat-background-primary .mat-tab-label.mat-tab-disabled, .mat-tab-nav-bar.mat-background-primary .mat-tab-link.mat-tab-disabled {
    color: rgba(255, 255, 255, 0.4); }

.mat-tab-group.mat-background-primary .mat-tab-header-pagination-chevron, .mat-tab-nav-bar.mat-background-primary .mat-tab-header-pagination-chevron {
  border-color: white; }

.mat-tab-group.mat-background-primary .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron, .mat-tab-nav-bar.mat-background-primary .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron {
  border-color: rgba(255, 255, 255, 0.4); }

.mat-tab-group.mat-background-primary .mat-ripple-element, .mat-tab-nav-bar.mat-background-primary .mat-ripple-element {
  background-color: rgba(255, 255, 255, 0.12); }

.mat-tab-group.mat-background-accent .mat-tab-label:not(.mat-tab-disabled):focus,
.mat-tab-group.mat-background-accent .mat-tab-link:not(.mat-tab-disabled):focus, .mat-tab-nav-bar.mat-background-accent .mat-tab-label:not(.mat-tab-disabled):focus,
.mat-tab-nav-bar.mat-background-accent .mat-tab-link:not(.mat-tab-disabled):focus {
  background-color: white; }

.mat-tab-group.mat-background-accent .mat-tab-header, .mat-tab-group.mat-background-accent .mat-tab-links, .mat-tab-nav-bar.mat-background-accent .mat-tab-header, .mat-tab-nav-bar.mat-background-accent .mat-tab-links {
  background-color: #e9ebef; }

.mat-tab-group.mat-background-accent .mat-tab-label, .mat-tab-group.mat-background-accent .mat-tab-link, .mat-tab-nav-bar.mat-background-accent .mat-tab-label, .mat-tab-nav-bar.mat-background-accent .mat-tab-link {
  color: #d9d9d9; }
  .mat-tab-group.mat-background-accent .mat-tab-label.mat-tab-disabled, .mat-tab-group.mat-background-accent .mat-tab-link.mat-tab-disabled, .mat-tab-nav-bar.mat-background-accent .mat-tab-label.mat-tab-disabled, .mat-tab-nav-bar.mat-background-accent .mat-tab-link.mat-tab-disabled {
    color: rgba(217, 217, 217, 0.4); }

.mat-tab-group.mat-background-accent .mat-tab-header-pagination-chevron, .mat-tab-nav-bar.mat-background-accent .mat-tab-header-pagination-chevron {
  border-color: #d9d9d9; }

.mat-tab-group.mat-background-accent .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron, .mat-tab-nav-bar.mat-background-accent .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron {
  border-color: rgba(217, 217, 217, 0.4); }

.mat-tab-group.mat-background-accent .mat-ripple-element, .mat-tab-nav-bar.mat-background-accent .mat-ripple-element {
  background-color: rgba(217, 217, 217, 0.12); }

.mat-tab-group.mat-background-warn .mat-tab-label:not(.mat-tab-disabled):focus,
.mat-tab-group.mat-background-warn .mat-tab-link:not(.mat-tab-disabled):focus, .mat-tab-nav-bar.mat-background-warn .mat-tab-label:not(.mat-tab-disabled):focus,
.mat-tab-nav-bar.mat-background-warn .mat-tab-link:not(.mat-tab-disabled):focus {
  background-color: white; }

.mat-tab-group.mat-background-warn .mat-tab-header, .mat-tab-group.mat-background-warn .mat-tab-links, .mat-tab-nav-bar.mat-background-warn .mat-tab-header, .mat-tab-nav-bar.mat-background-warn .mat-tab-links {
  background-color: #e40707; }

.mat-tab-group.mat-background-warn .mat-tab-label, .mat-tab-group.mat-background-warn .mat-tab-link, .mat-tab-nav-bar.mat-background-warn .mat-tab-label, .mat-tab-nav-bar.mat-background-warn .mat-tab-link {
  color: #5bdaff; }
  .mat-tab-group.mat-background-warn .mat-tab-label.mat-tab-disabled, .mat-tab-group.mat-background-warn .mat-tab-link.mat-tab-disabled, .mat-tab-nav-bar.mat-background-warn .mat-tab-label.mat-tab-disabled, .mat-tab-nav-bar.mat-background-warn .mat-tab-link.mat-tab-disabled {
    color: rgba(91, 218, 255, 0.4); }

.mat-tab-group.mat-background-warn .mat-tab-header-pagination-chevron, .mat-tab-nav-bar.mat-background-warn .mat-tab-header-pagination-chevron {
  border-color: #5bdaff; }

.mat-tab-group.mat-background-warn .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron, .mat-tab-nav-bar.mat-background-warn .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron {
  border-color: rgba(91, 218, 255, 0.4); }

.mat-tab-group.mat-background-warn .mat-ripple-element, .mat-tab-nav-bar.mat-background-warn .mat-ripple-element {
  background-color: rgba(91, 218, 255, 0.12); }

.mat-toolbar {
  background: whitesmoke;
  color: black; }
  .mat-toolbar.mat-primary {
    background: #120237;
    color: white; }
  .mat-toolbar.mat-accent {
    background: #e9ebef;
    color: #d9d9d9; }
  .mat-toolbar.mat-warn {
    background: #e40707;
    color: #5bdaff; }
  .mat-toolbar .mat-form-field-underline,
  .mat-toolbar .mat-form-field-ripple,
  .mat-toolbar .mat-focused .mat-form-field-ripple {
    background-color: currentColor; }
  .mat-toolbar .mat-form-field-label,
  .mat-toolbar .mat-focused .mat-form-field-label,
  .mat-toolbar .mat-select-value,
  .mat-toolbar .mat-select-arrow,
  .mat-toolbar .mat-form-field.mat-focused .mat-select-arrow {
    color: inherit; }
  .mat-toolbar .mat-input-element {
    caret-color: currentColor; }

.mat-tooltip {
  background: #37474f;
  color: white !important; }

.mat-tree {
  background: white; }

.mat-tree-node {
  color: black; }

.mat-snack-bar-container {
  background: #323232;
  color: white; }

.mat-simple-snackbar-action .mat-button .mat-button-wrapper {
  color: #ff9d00; }

.mat-simple-snackbar-action .mat-button:hover:not([disabled]):not(.mat-stroked-button) .mat-button-wrapper {
  color: #ff9d00;
  opacity: .8;
  text-decoration: none; }

.ag-material {
  background-color: white;
  color: black;
  font: 400 1.4rem Roboto; }
  .ag-material .ag-body {
    background-color: rgba(0, 0, 0, 0.03); }
  .ag-material .ag-cell {
    box-sizing: border-box; }
  .ag-material .ag-menu, .ag-material .ag-material.ag-dnd-ghost, .ag-material .ag-cell-inline-editing, .ag-material .ag-popup-editor, .ag-material .ag-select-agg-func-popup, .ag-material .ag-overlay-loading-center {
    background-color: #f6f6f6;
    border: 1px solid rgba(0, 0, 0, 0.1); }
  .ag-material .ag-tab-header .ag-tab {
    border: 1px solid transparent;
    border-bottom-width: 0;
    display: inline-block;
    margin: 4px;
    margin-bottom: 0;
    padding: 4px 8px; }
  .ag-material .ag-tab-header .ag-tab.ag-tab-selected {
    background-color: #f6f6f6;
    border-bottom: 2px solid #f6f6f6 !important;
    border-color: rgba(0, 0, 0, 0.1); }
  .ag-material .ag-ltr .ag-toolpanel-indent-1 {
    padding-left: 16px; }
  .ag-material .ag-rtl .ag-toolpanel-indent-1 {
    padding-right: 16px; }
  .ag-material .ag-ltr .ag-row-group-indent-1 {
    padding-left: 24px; }
  .ag-material .ag-rtl .ag-row-group-indent-1 {
    padding-right: 24px; }
  .ag-material .ag-ltr .ag-toolpanel-indent-2 {
    padding-left: 32px; }
  .ag-material .ag-rtl .ag-toolpanel-indent-2 {
    padding-right: 32px; }
  .ag-material .ag-ltr .ag-row-group-indent-2 {
    padding-left: 48px; }
  .ag-material .ag-rtl .ag-row-group-indent-2 {
    padding-right: 48px; }
  .ag-material .ag-ltr .ag-toolpanel-indent-3 {
    padding-left: 48px; }
  .ag-material .ag-rtl .ag-toolpanel-indent-3 {
    padding-right: 48px; }
  .ag-material .ag-ltr .ag-row-group-indent-3 {
    padding-left: 72px; }
  .ag-material .ag-rtl .ag-row-group-indent-3 {
    padding-right: 72px; }
  .ag-material .ag-ltr .ag-toolpanel-indent-4 {
    padding-left: 64px; }
  .ag-material .ag-rtl .ag-toolpanel-indent-4 {
    padding-right: 64px; }
  .ag-material .ag-ltr .ag-row-group-indent-4 {
    padding-left: 96px; }
  .ag-material .ag-rtl .ag-row-group-indent-4 {
    padding-right: 96px; }
  .ag-material .ag-ltr .ag-toolpanel-indent-5 {
    padding-left: 80px; }
  .ag-material .ag-rtl .ag-toolpanel-indent-5 {
    padding-right: 80px; }
  .ag-material .ag-ltr .ag-row-group-indent-5 {
    padding-left: 120px; }
  .ag-material .ag-rtl .ag-row-group-indent-5 {
    padding-right: 120px; }
  .ag-material .ag-ltr .ag-toolpanel-indent-6 {
    padding-left: 96px; }
  .ag-material .ag-rtl .ag-toolpanel-indent-6 {
    padding-right: 96px; }
  .ag-material .ag-ltr .ag-row-group-indent-6 {
    padding-left: 144px; }
  .ag-material .ag-rtl .ag-row-group-indent-6 {
    padding-right: 144px; }
  .ag-material .ag-ltr .ag-toolpanel-indent-7 {
    padding-left: 112px; }
  .ag-material .ag-rtl .ag-toolpanel-indent-7 {
    padding-right: 112px; }
  .ag-material .ag-ltr .ag-row-group-indent-7 {
    padding-left: 168px; }
  .ag-material .ag-rtl .ag-row-group-indent-7 {
    padding-right: 168px; }
  .ag-material .ag-ltr .ag-toolpanel-indent-8 {
    padding-left: 128px; }
  .ag-material .ag-rtl .ag-toolpanel-indent-8 {
    padding-right: 128px; }
  .ag-material .ag-ltr .ag-row-group-indent-8 {
    padding-left: 192px; }
  .ag-material .ag-rtl .ag-row-group-indent-8 {
    padding-right: 192px; }
  .ag-material .ag-ltr .ag-toolpanel-indent-9 {
    padding-left: 144px; }
  .ag-material .ag-rtl .ag-toolpanel-indent-9 {
    padding-right: 144px; }
  .ag-material .ag-ltr .ag-row-group-indent-9 {
    padding-left: 216px; }
  .ag-material .ag-rtl .ag-row-group-indent-9 {
    padding-right: 216px; }
  .ag-material .ag-ltr .ag-toolpanel-indent-10 {
    padding-left: 160px; }
  .ag-material .ag-rtl .ag-toolpanel-indent-10 {
    padding-right: 160px; }
  .ag-material .ag-ltr .ag-row-group-indent-10 {
    padding-left: 240px; }
  .ag-material .ag-rtl .ag-row-group-indent-10 {
    padding-right: 240px; }
  .ag-material .ag-ltr .ag-toolpanel-indent-11 {
    padding-left: 176px; }
  .ag-material .ag-rtl .ag-toolpanel-indent-11 {
    padding-right: 176px; }
  .ag-material .ag-ltr .ag-row-group-indent-11 {
    padding-left: 264px; }
  .ag-material .ag-rtl .ag-row-group-indent-11 {
    padding-right: 264px; }
  .ag-material .ag-ltr .ag-toolpanel-indent-12 {
    padding-left: 192px; }
  .ag-material .ag-rtl .ag-toolpanel-indent-12 {
    padding-right: 192px; }
  .ag-material .ag-ltr .ag-row-group-indent-12 {
    padding-left: 288px; }
  .ag-material .ag-rtl .ag-row-group-indent-12 {
    padding-right: 288px; }
  .ag-material .ag-ltr .ag-toolpanel-indent-13 {
    padding-left: 208px; }
  .ag-material .ag-rtl .ag-toolpanel-indent-13 {
    padding-right: 208px; }
  .ag-material .ag-ltr .ag-row-group-indent-13 {
    padding-left: 312px; }
  .ag-material .ag-rtl .ag-row-group-indent-13 {
    padding-right: 312px; }
  .ag-material .ag-ltr .ag-toolpanel-indent-14 {
    padding-left: 224px; }
  .ag-material .ag-rtl .ag-toolpanel-indent-14 {
    padding-right: 224px; }
  .ag-material .ag-ltr .ag-row-group-indent-14 {
    padding-left: 336px; }
  .ag-material .ag-rtl .ag-row-group-indent-14 {
    padding-right: 336px; }
  .ag-material .ag-ltr .ag-toolpanel-indent-15 {
    padding-left: 240px; }
  .ag-material .ag-rtl .ag-toolpanel-indent-15 {
    padding-right: 240px; }
  .ag-material .ag-ltr .ag-row-group-indent-15 {
    padding-left: 360px; }
  .ag-material .ag-rtl .ag-row-group-indent-15 {
    padding-right: 360px; }
  .ag-material .ag-ltr .ag-toolpanel-indent-16 {
    padding-left: 256px; }
  .ag-material .ag-rtl .ag-toolpanel-indent-16 {
    padding-right: 256px; }
  .ag-material .ag-ltr .ag-row-group-indent-16 {
    padding-left: 384px; }
  .ag-material .ag-rtl .ag-row-group-indent-16 {
    padding-right: 384px; }
  .ag-material .ag-ltr .ag-toolpanel-indent-17 {
    padding-left: 272px; }
  .ag-material .ag-rtl .ag-toolpanel-indent-17 {
    padding-right: 272px; }
  .ag-material .ag-ltr .ag-row-group-indent-17 {
    padding-left: 408px; }
  .ag-material .ag-rtl .ag-row-group-indent-17 {
    padding-right: 408px; }
  .ag-material .ag-ltr .ag-toolpanel-indent-18 {
    padding-left: 288px; }
  .ag-material .ag-rtl .ag-toolpanel-indent-18 {
    padding-right: 288px; }
  .ag-material .ag-ltr .ag-row-group-indent-18 {
    padding-left: 432px; }
  .ag-material .ag-rtl .ag-row-group-indent-18 {
    padding-right: 432px; }
  .ag-material .ag-ltr .ag-toolpanel-indent-19 {
    padding-left: 304px; }
  .ag-material .ag-rtl .ag-toolpanel-indent-19 {
    padding-right: 304px; }
  .ag-material .ag-ltr .ag-row-group-indent-19 {
    padding-left: 456px; }
  .ag-material .ag-rtl .ag-row-group-indent-19 {
    padding-right: 456px; }
  .ag-material .ag-ltr .ag-toolpanel-indent-20 {
    padding-left: 320px; }
  .ag-material .ag-rtl .ag-toolpanel-indent-20 {
    padding-right: 320px; }
  .ag-material .ag-ltr .ag-row-group-indent-20 {
    padding-left: 480px; }
  .ag-material .ag-rtl .ag-row-group-indent-20 {
    padding-right: 480px; }
  .ag-material .ag-ltr .ag-toolpanel-indent-21 {
    padding-left: 336px; }
  .ag-material .ag-rtl .ag-toolpanel-indent-21 {
    padding-right: 336px; }
  .ag-material .ag-ltr .ag-row-group-indent-21 {
    padding-left: 504px; }
  .ag-material .ag-rtl .ag-row-group-indent-21 {
    padding-right: 504px; }
  .ag-material .ag-ltr .ag-toolpanel-indent-22 {
    padding-left: 352px; }
  .ag-material .ag-rtl .ag-toolpanel-indent-22 {
    padding-right: 352px; }
  .ag-material .ag-ltr .ag-row-group-indent-22 {
    padding-left: 528px; }
  .ag-material .ag-rtl .ag-row-group-indent-22 {
    padding-right: 528px; }
  .ag-material .ag-ltr .ag-toolpanel-indent-23 {
    padding-left: 368px; }
  .ag-material .ag-rtl .ag-toolpanel-indent-23 {
    padding-right: 368px; }
  .ag-material .ag-ltr .ag-row-group-indent-23 {
    padding-left: 552px; }
  .ag-material .ag-rtl .ag-row-group-indent-23 {
    padding-right: 552px; }
  .ag-material .ag-ltr .ag-toolpanel-indent-24 {
    padding-left: 384px; }
  .ag-material .ag-rtl .ag-toolpanel-indent-24 {
    padding-right: 384px; }
  .ag-material .ag-ltr .ag-row-group-indent-24 {
    padding-left: 576px; }
  .ag-material .ag-rtl .ag-row-group-indent-24 {
    padding-right: 576px; }
  .ag-material .ag-ltr .ag-toolpanel-indent-25 {
    padding-left: 400px; }
  .ag-material .ag-rtl .ag-toolpanel-indent-25 {
    padding-right: 400px; }
  .ag-material .ag-ltr .ag-row-group-indent-25 {
    padding-left: 600px; }
  .ag-material .ag-rtl .ag-row-group-indent-25 {
    padding-right: 600px; }
  .ag-material .ag-ltr .ag-toolpanel-indent-26 {
    padding-left: 416px; }
  .ag-material .ag-rtl .ag-toolpanel-indent-26 {
    padding-right: 416px; }
  .ag-material .ag-ltr .ag-row-group-indent-26 {
    padding-left: 624px; }
  .ag-material .ag-rtl .ag-row-group-indent-26 {
    padding-right: 624px; }
  .ag-material .ag-ltr .ag-toolpanel-indent-27 {
    padding-left: 432px; }
  .ag-material .ag-rtl .ag-toolpanel-indent-27 {
    padding-right: 432px; }
  .ag-material .ag-ltr .ag-row-group-indent-27 {
    padding-left: 648px; }
  .ag-material .ag-rtl .ag-row-group-indent-27 {
    padding-right: 648px; }
  .ag-material .ag-ltr .ag-toolpanel-indent-28 {
    padding-left: 448px; }
  .ag-material .ag-rtl .ag-toolpanel-indent-28 {
    padding-right: 448px; }
  .ag-material .ag-ltr .ag-row-group-indent-28 {
    padding-left: 672px; }
  .ag-material .ag-rtl .ag-row-group-indent-28 {
    padding-right: 672px; }
  .ag-material .ag-ltr .ag-toolpanel-indent-29 {
    padding-left: 464px; }
  .ag-material .ag-rtl .ag-toolpanel-indent-29 {
    padding-right: 464px; }
  .ag-material .ag-ltr .ag-row-group-indent-29 {
    padding-left: 696px; }
  .ag-material .ag-rtl .ag-row-group-indent-29 {
    padding-right: 696px; }
  .ag-material .ag-ltr .ag-toolpanel-indent-30 {
    padding-left: 480px; }
  .ag-material .ag-rtl .ag-toolpanel-indent-30 {
    padding-right: 480px; }
  .ag-material .ag-ltr .ag-row-group-indent-30 {
    padding-left: 720px; }
  .ag-material .ag-rtl .ag-row-group-indent-30 {
    padding-right: 720px; }
  .ag-material .ag-ltr .ag-toolpanel-indent-31 {
    padding-left: 496px; }
  .ag-material .ag-rtl .ag-toolpanel-indent-31 {
    padding-right: 496px; }
  .ag-material .ag-ltr .ag-row-group-indent-31 {
    padding-left: 744px; }
  .ag-material .ag-rtl .ag-row-group-indent-31 {
    padding-right: 744px; }
  .ag-material .ag-ltr .ag-toolpanel-indent-32 {
    padding-left: 512px; }
  .ag-material .ag-rtl .ag-toolpanel-indent-32 {
    padding-right: 512px; }
  .ag-material .ag-ltr .ag-row-group-indent-32 {
    padding-left: 768px; }
  .ag-material .ag-rtl .ag-row-group-indent-32 {
    padding-right: 768px; }
  .ag-material .ag-ltr .ag-toolpanel-indent-33 {
    padding-left: 528px; }
  .ag-material .ag-rtl .ag-toolpanel-indent-33 {
    padding-right: 528px; }
  .ag-material .ag-ltr .ag-row-group-indent-33 {
    padding-left: 792px; }
  .ag-material .ag-rtl .ag-row-group-indent-33 {
    padding-right: 792px; }
  .ag-material .ag-ltr .ag-toolpanel-indent-34 {
    padding-left: 544px; }
  .ag-material .ag-rtl .ag-toolpanel-indent-34 {
    padding-right: 544px; }
  .ag-material .ag-ltr .ag-row-group-indent-34 {
    padding-left: 816px; }
  .ag-material .ag-rtl .ag-row-group-indent-34 {
    padding-right: 816px; }
  .ag-material .ag-ltr .ag-toolpanel-indent-35 {
    padding-left: 560px; }
  .ag-material .ag-rtl .ag-toolpanel-indent-35 {
    padding-right: 560px; }
  .ag-material .ag-ltr .ag-row-group-indent-35 {
    padding-left: 840px; }
  .ag-material .ag-rtl .ag-row-group-indent-35 {
    padding-right: 840px; }
  .ag-material .ag-ltr .ag-toolpanel-indent-36 {
    padding-left: 576px; }
  .ag-material .ag-rtl .ag-toolpanel-indent-36 {
    padding-right: 576px; }
  .ag-material .ag-ltr .ag-row-group-indent-36 {
    padding-left: 864px; }
  .ag-material .ag-rtl .ag-row-group-indent-36 {
    padding-right: 864px; }
  .ag-material .ag-ltr .ag-toolpanel-indent-37 {
    padding-left: 592px; }
  .ag-material .ag-rtl .ag-toolpanel-indent-37 {
    padding-right: 592px; }
  .ag-material .ag-ltr .ag-row-group-indent-37 {
    padding-left: 888px; }
  .ag-material .ag-rtl .ag-row-group-indent-37 {
    padding-right: 888px; }
  .ag-material .ag-ltr .ag-toolpanel-indent-38 {
    padding-left: 608px; }
  .ag-material .ag-rtl .ag-toolpanel-indent-38 {
    padding-right: 608px; }
  .ag-material .ag-ltr .ag-row-group-indent-38 {
    padding-left: 912px; }
  .ag-material .ag-rtl .ag-row-group-indent-38 {
    padding-right: 912px; }
  .ag-material .ag-ltr .ag-toolpanel-indent-39 {
    padding-left: 624px; }
  .ag-material .ag-rtl .ag-toolpanel-indent-39 {
    padding-right: 624px; }
  .ag-material .ag-ltr .ag-row-group-indent-39 {
    padding-left: 936px; }
  .ag-material .ag-rtl .ag-row-group-indent-39 {
    padding-right: 936px; }
  .ag-material .ag-ltr .ag-toolpanel-indent-40 {
    padding-left: 640px; }
  .ag-material .ag-rtl .ag-toolpanel-indent-40 {
    padding-right: 640px; }
  .ag-material .ag-ltr .ag-row-group-indent-40 {
    padding-left: 960px; }
  .ag-material .ag-rtl .ag-row-group-indent-40 {
    padding-right: 960px; }
  .ag-material .ag-ltr .ag-toolpanel-indent-41 {
    padding-left: 656px; }
  .ag-material .ag-rtl .ag-toolpanel-indent-41 {
    padding-right: 656px; }
  .ag-material .ag-ltr .ag-row-group-indent-41 {
    padding-left: 984px; }
  .ag-material .ag-rtl .ag-row-group-indent-41 {
    padding-right: 984px; }
  .ag-material .ag-ltr .ag-toolpanel-indent-42 {
    padding-left: 672px; }
  .ag-material .ag-rtl .ag-toolpanel-indent-42 {
    padding-right: 672px; }
  .ag-material .ag-ltr .ag-row-group-indent-42 {
    padding-left: 1008px; }
  .ag-material .ag-rtl .ag-row-group-indent-42 {
    padding-right: 1008px; }
  .ag-material .ag-ltr .ag-toolpanel-indent-43 {
    padding-left: 688px; }
  .ag-material .ag-rtl .ag-toolpanel-indent-43 {
    padding-right: 688px; }
  .ag-material .ag-ltr .ag-row-group-indent-43 {
    padding-left: 1032px; }
  .ag-material .ag-rtl .ag-row-group-indent-43 {
    padding-right: 1032px; }
  .ag-material .ag-ltr .ag-toolpanel-indent-44 {
    padding-left: 704px; }
  .ag-material .ag-rtl .ag-toolpanel-indent-44 {
    padding-right: 704px; }
  .ag-material .ag-ltr .ag-row-group-indent-44 {
    padding-left: 1056px; }
  .ag-material .ag-rtl .ag-row-group-indent-44 {
    padding-right: 1056px; }
  .ag-material .ag-ltr .ag-toolpanel-indent-45 {
    padding-left: 720px; }
  .ag-material .ag-rtl .ag-toolpanel-indent-45 {
    padding-right: 720px; }
  .ag-material .ag-ltr .ag-row-group-indent-45 {
    padding-left: 1080px; }
  .ag-material .ag-rtl .ag-row-group-indent-45 {
    padding-right: 1080px; }
  .ag-material .ag-ltr .ag-toolpanel-indent-46 {
    padding-left: 736px; }
  .ag-material .ag-rtl .ag-toolpanel-indent-46 {
    padding-right: 736px; }
  .ag-material .ag-ltr .ag-row-group-indent-46 {
    padding-left: 1104px; }
  .ag-material .ag-rtl .ag-row-group-indent-46 {
    padding-right: 1104px; }
  .ag-material .ag-ltr .ag-toolpanel-indent-47 {
    padding-left: 752px; }
  .ag-material .ag-rtl .ag-toolpanel-indent-47 {
    padding-right: 752px; }
  .ag-material .ag-ltr .ag-row-group-indent-47 {
    padding-left: 1128px; }
  .ag-material .ag-rtl .ag-row-group-indent-47 {
    padding-right: 1128px; }
  .ag-material .ag-ltr .ag-toolpanel-indent-48 {
    padding-left: 768px; }
  .ag-material .ag-rtl .ag-toolpanel-indent-48 {
    padding-right: 768px; }
  .ag-material .ag-ltr .ag-row-group-indent-48 {
    padding-left: 1152px; }
  .ag-material .ag-rtl .ag-row-group-indent-48 {
    padding-right: 1152px; }
  .ag-material .ag-ltr .ag-toolpanel-indent-49 {
    padding-left: 784px; }
  .ag-material .ag-rtl .ag-toolpanel-indent-49 {
    padding-right: 784px; }
  .ag-material .ag-ltr .ag-row-group-indent-49 {
    padding-left: 1176px; }
  .ag-material .ag-rtl .ag-row-group-indent-49 {
    padding-right: 1176px; }
  .ag-material .ag-rtl .ag-cell-first-right-pinned {
    border-left: 1px solid rgba(0, 0, 0, 0.1); }
  .ag-material .ag-ltr .ag-cell-first-right-pinned {
    border-left: 1px solid rgba(0, 0, 0, 0.1); }
  .ag-material .ag-rtl .ag-cell-last-left-pinned {
    border-right: 1px solid rgba(0, 0, 0, 0.1); }
  .ag-material .ag-ltr .ag-cell-last-left-pinned {
    border-right: 1px solid rgba(0, 0, 0, 0.1); }
  .ag-material .ag-value-change-delta {
    padding-right: 2px; }
  .ag-material .ag-value-change-delta-up {
    color: darkgreen; }
  .ag-material .ag-value-change-delta-down {
    color: darkred; }
  .ag-material .ag-value-change-value {
    background-color: transparent;
    border-radius: 1px;
    padding-left: 1px;
    padding-right: 1px;
    transition: background-color 1s; }
  .ag-material .ag-value-change-value-highlight {
    background-color: #cec;
    transition: background-color 0.1s; }
  .ag-material .ag-header {
    background-color: transparent;
    color: #666666;
    font: 400 1.4rem Roboto; }
  .ag-material .ag-header-row {
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    box-sizing: border-box; }
  .ag-material .ag-row {
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    box-sizing: border-box; }
    .ag-material .ag-row.disabled {
      color: rgba(0, 0, 0, 0.6); }
      .ag-material .ag-row.disabled a, .ag-material .ag-row.disabled .text-link {
        color: rgba(0, 0, 0, 0.6); }
        .ag-material .ag-row.disabled a:hover, .ag-material .ag-row.disabled a:focus, .ag-material .ag-row.disabled .text-link:hover, .ag-material .ag-row.disabled .text-link:focus {
          color: rgba(0, 0, 0, 0.6); }
  .ag-material .ag-row-hover {
    background-color: #edf9fe !important; }
  .ag-material .ag-numeric-cell {
    text-align: right; }
  .ag-material .ag-header-cell-label {
    display: flex;
    height: 100%;
    float: left;
    width: calc(100% - 12px); }
    .ag-material .ag-header-cell-label span {
      height: 100%; }
    .ag-material .ag-header-cell-label > span {
      white-space: nowrap;
      text-overflow: ellipsis;
      overflow: hidden; }
    .ag-material .ag-header-cell-label .ag-header-icon {
      background-position-y: 10px;
      background-size: 14px 14px;
      height: 100%;
      margin: 0;
      margin-left: 4px;
      opacity: 1; }
    .ag-material .ag-header-cell-label .ag-header-cell-text {
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap; }
  .ag-material .ag-numeric-header .ag-header-cell-label {
    flex-direction: row-reverse;
    float: right; }
    .ag-material .ag-numeric-header .ag-header-cell-label > span {
      float: right; }
  .ag-material .ag-numeric-header .ag-header-cell-menu-button {
    float: left; }
  .ag-material .ag-header-cell,
  .ag-material .ag-header-group-cell {
    line-height: 25px;
    padding-left: 12px;
    padding-right: 12px; }
  .ag-material .ag-cell {
    line-height: 28px;
    padding-left: 12px;
    padding-right: 12px;
    border: none; }
  .ag-material .ag-row-drag {
    background-color: transparent;
    background-image: url("../../../../images/aggrid-icons/grip.svg?color1=%23333333&color2=");
    background-position: center;
    background-repeat: no-repeat;
    background-size: 12px 12px;
    height: 12px;
    opacity: 1;
    width: 12px;
    background-position-x: left;
    background-position-y: 4px;
    float: left;
    height: 100%;
    width: 24px; }
  .ag-material .ag-column-drag {
    background-color: transparent;
    background-image: url("../../../../images/aggrid-icons/grip.svg?color1=%23333333&color2=");
    background-position: center;
    background-repeat: no-repeat;
    background-size: 12px 12px;
    height: 12px;
    opacity: 1;
    width: 12px;
    background-position-x: left;
    background-position-y: 4px !important;
    float: left;
    height: 100%;
    width: 16px; }
  .ag-material .ag-row-dragging {
    opacity: 0.5;
    z-index: 10000; }
  .ag-material .ag-cell-focus {
    border: 1px solid black;
    outline: initial; }
  .ag-material .ag-header-cell-resize {
    position: absolute;
    right: -4px;
    width: 8px;
    z-index: 4; }
    .ag-material .ag-header-cell-resize::after {
      border-right: 1px solid transparent;
      box-sizing: content-box;
      content: "resize";
      display: block;
      height: 9px;
      margin-top: 8px;
      overflow: hidden;
      text-indent: 4px;
      width: 4px; }
  .ag-material .ag-icon-aggregation {
    background-color: transparent;
    background-image: url("../../../../images/aggrid-icons/aggregation.svg?color1=%23333333&color2=");
    background-position: center;
    background-repeat: no-repeat;
    background-size: 12px 12px;
    height: 12px;
    opacity: 1;
    width: 12px;
    display: inline-block; }
  .ag-material .ag-icon-arrows {
    background-color: transparent;
    background-image: url("../../../../images/aggrid-icons/arrows.svg?color1=%23333333&color2=");
    background-position: center;
    background-repeat: no-repeat;
    background-size: 12px 12px;
    height: 12px;
    opacity: 1;
    width: 12px;
    display: inline-block; }
  .ag-material .ag-icon-asc {
    background-color: transparent;
    background-image: url("../../../../images/aggrid-icons/asc.svg?color1=%23333333&color2=");
    background-position: center;
    background-repeat: no-repeat;
    background-size: 12px 12px;
    height: 12px;
    opacity: 1;
    width: 12px;
    display: inline-block; }
  .ag-material .ag-icon-checkbox-checked-readonly {
    background-color: transparent;
    background-image: url("../../../../images/aggrid-icons/checkbox-checked-readonly.svg?color1=%23333333&color2=");
    background-position: center;
    background-repeat: no-repeat;
    background-size: 12px 12px;
    height: 12px;
    opacity: 1;
    width: 12px;
    display: inline-block; }
  .ag-material .ag-icon-checkbox-checked {
    background-color: transparent;
    background-image: url("../../../../images/aggrid-icons/checkbox-checked.svg?color1=%23333333&color2=");
    background-position: center;
    background-repeat: no-repeat;
    background-size: 12px 12px;
    height: 12px;
    opacity: 1;
    width: 12px;
    display: inline-block; }
  .ag-material .ag-icon-checkbox-indeterminate-readonly {
    background-color: transparent;
    background-image: url("../../../../images/aggrid-icons/checkbox-indeterminate-readonly.svg?color1=%23333333&color2=");
    background-position: center;
    background-repeat: no-repeat;
    background-size: 12px 12px;
    height: 12px;
    opacity: 1;
    width: 12px;
    display: inline-block; }
  .ag-material .ag-icon-checkbox-indeterminate {
    background-color: transparent;
    background-image: url("../../../../images/aggrid-icons/checkbox-indeterminate.svg?color1=%23333333&color2=");
    background-position: center;
    background-repeat: no-repeat;
    background-size: 12px 12px;
    height: 12px;
    opacity: 1;
    width: 12px;
    display: inline-block; }
  .ag-material .ag-icon-checkbox-unchecked-readonly {
    background-color: transparent;
    background-image: url("../../../../images/aggrid-icons/checkbox-unchecked-readonly.svg?color1=%23333333&color2=");
    background-position: center;
    background-repeat: no-repeat;
    background-size: 12px 12px;
    height: 12px;
    opacity: 1;
    width: 12px;
    display: inline-block; }
  .ag-material .ag-icon-checkbox-unchecked {
    background-color: transparent;
    background-image: url("../../../../images/aggrid-icons/checkbox-unchecked.svg?color1=%23333333&color2=");
    background-position: center;
    background-repeat: no-repeat;
    background-size: 12px 12px;
    height: 12px;
    opacity: 1;
    width: 12px;
    display: inline-block; }
  .ag-material .ag-icon-column {
    background-color: transparent;
    background-image: url("../../../../images/aggrid-icons/column.svg?color1=%23333333&color2=");
    background-position: center;
    background-repeat: no-repeat;
    background-size: 12px 12px;
    height: 12px;
    opacity: 1;
    width: 12px;
    display: inline-block; }
  .ag-material .ag-icon-columns {
    background-color: transparent;
    background-image: url("../../../../images/aggrid-icons/columns.svg?color1=%23333333&color2=");
    background-position: center;
    background-repeat: no-repeat;
    background-size: 12px 12px;
    height: 12px;
    opacity: 1;
    width: 12px;
    display: inline-block; }
  .ag-material .ag-icon-contracted {
    background-color: transparent;
    background-image: url("../../../../images/aggrid-icons/contracted.svg?color1=%23333333&color2=");
    background-position: center;
    background-repeat: no-repeat;
    background-size: 12px 12px;
    height: 12px;
    opacity: 1;
    width: 12px;
    display: inline-block; }
  .ag-material .ag-icon-copy {
    background-color: transparent;
    background-image: url("../../../../images/aggrid-icons/copy.svg?color1=%23333333&color2=");
    background-position: center;
    background-repeat: no-repeat;
    background-size: 12px 12px;
    height: 12px;
    opacity: 1;
    width: 12px;
    display: inline-block; }
  .ag-material .ag-icon-cut {
    background-color: transparent;
    background-image: url("../../../../images/aggrid-icons/cut.svg?color1=%23333333&color2=");
    background-position: center;
    background-repeat: no-repeat;
    background-size: 12px 12px;
    height: 12px;
    opacity: 1;
    width: 12px;
    display: inline-block; }
  .ag-material .ag-icon-desc {
    background-color: transparent;
    background-image: url("../../../../images/aggrid-icons/desc.svg?color1=%23333333&color2=");
    background-position: center;
    background-repeat: no-repeat;
    background-size: 12px 12px;
    height: 12px;
    opacity: 1;
    width: 12px;
    display: inline-block; }
  .ag-material .ag-icon-expanded {
    background-color: transparent;
    background-image: url("../../../../images/aggrid-icons/expanded.svg?color1=%23333333&color2=");
    background-position: center;
    background-repeat: no-repeat;
    background-size: 12px 12px;
    height: 12px;
    opacity: 1;
    width: 12px;
    display: inline-block; }
  .ag-material .ag-icon-eye-slash {
    background-color: transparent;
    background-image: url("../../../../images/aggrid-icons/eye-slash.svg?color1=%23333333&color2=");
    background-position: center;
    background-repeat: no-repeat;
    background-size: 12px 12px;
    height: 12px;
    opacity: 1;
    width: 12px;
    display: inline-block; }
  .ag-material .ag-icon-eye {
    background-color: transparent;
    background-image: url("../../../../images/aggrid-icons/eye.svg?color1=%23333333&color2=");
    background-position: center;
    background-repeat: no-repeat;
    background-size: 12px 12px;
    height: 12px;
    opacity: 1;
    width: 12px;
    display: inline-block; }
  .ag-material .ag-icon-filter {
    background-color: transparent;
    background-image: url("../../../../images/aggrid-icons/filter.svg?color1=%23333333&color2=");
    background-position: center;
    background-repeat: no-repeat;
    background-size: 12px 12px;
    height: 12px;
    opacity: 1;
    width: 12px;
    display: inline-block; }
  .ag-material .ag-icon-group {
    background-color: transparent;
    background-image: url("../../../../images/aggrid-icons/group.svg?color1=%23333333&color2=");
    background-position: center;
    background-repeat: no-repeat;
    background-size: 12px 12px;
    height: 12px;
    opacity: 1;
    width: 12px;
    display: inline-block; }
  .ag-material .ag-icon-indeterminate {
    background-color: transparent;
    background-image: url("../../../../images/aggrid-icons/indeterminate.svg?color1=%23333333&color2=");
    background-position: center;
    background-repeat: no-repeat;
    background-size: 12px 12px;
    height: 12px;
    opacity: 1;
    width: 12px;
    display: inline-block; }
  .ag-material .ag-icon-left {
    background-color: transparent;
    background-image: url("../../../../images/aggrid-icons/left.svg?color1=%23333333&color2=");
    background-position: center;
    background-repeat: no-repeat;
    background-size: 12px 12px;
    height: 12px;
    opacity: 1;
    width: 12px;
    display: inline-block; }
  .ag-material .ag-icon-loading {
    background-color: transparent;
    background-image: url("../../../../images/aggrid-icons/loading.svg?color1=%23333333&color2=");
    background-position: center;
    background-repeat: no-repeat;
    background-size: 12px 12px;
    height: 12px;
    opacity: 1;
    width: 12px;
    display: inline-block; }
  .ag-material .ag-icon-menu {
    background-color: transparent;
    background-image: url("../../../../images/aggrid-icons/menu.svg?color1=%23333333&color2=");
    background-position: center;
    background-repeat: no-repeat;
    background-size: 12px 12px;
    height: 12px;
    opacity: 1;
    width: 12px;
    display: inline-block; }
  .ag-material .ag-icon-minus {
    background-color: transparent;
    background-image: url("../../../../images/aggrid-icons/minus.svg?color1=%23333333&color2=");
    background-position: center;
    background-repeat: no-repeat;
    background-size: 12px 12px;
    height: 12px;
    opacity: 1;
    width: 12px;
    display: inline-block; }
  .ag-material .ag-icon-none {
    background-color: transparent;
    background-image: url("../../../../images/aggrid-icons/none.svg?color1=%23333333&color2=");
    background-position: center;
    background-repeat: no-repeat;
    background-size: 12px 12px;
    height: 12px;
    opacity: 1;
    width: 12px;
    display: inline-block; }
  .ag-material .ag-icon-not-allowed {
    background-color: transparent;
    background-image: url("../../../../images/aggrid-icons/not-allowed.svg?color1=%23333333&color2=");
    background-position: center;
    background-repeat: no-repeat;
    background-size: 12px 12px;
    height: 12px;
    opacity: 1;
    width: 12px;
    display: inline-block; }
  .ag-material .ag-icon-paste {
    background-color: transparent;
    background-image: url("../../../../images/aggrid-icons/paste.svg?color1=%23333333&color2=");
    background-position: center;
    background-repeat: no-repeat;
    background-size: 12px 12px;
    height: 12px;
    opacity: 1;
    width: 12px;
    display: inline-block; }
  .ag-material .ag-icon-pin {
    background-color: transparent;
    background-image: url("../../../../images/aggrid-icons/pin.svg?color1=%23333333&color2=");
    background-position: center;
    background-repeat: no-repeat;
    background-size: 12px 12px;
    height: 12px;
    opacity: 1;
    width: 12px;
    display: inline-block; }
  .ag-material .ag-icon-pivot {
    background-color: transparent;
    background-image: url("../../../../images/aggrid-icons/pivot.svg?color1=%23333333&color2=");
    background-position: center;
    background-repeat: no-repeat;
    background-size: 12px 12px;
    height: 12px;
    opacity: 1;
    width: 12px;
    display: inline-block; }
  .ag-material .ag-icon-plus {
    background-color: transparent;
    background-image: url("../../../../images/aggrid-icons/plus.svg?color1=%23333333&color2=");
    background-position: center;
    background-repeat: no-repeat;
    background-size: 12px 12px;
    height: 12px;
    opacity: 1;
    width: 12px;
    display: inline-block; }
  .ag-material .ag-icon-right {
    background-color: transparent;
    background-image: url("../../../../images/aggrid-icons/right.svg?color1=%23333333&color2=");
    background-position: center;
    background-repeat: no-repeat;
    background-size: 12px 12px;
    height: 12px;
    opacity: 1;
    width: 12px;
    display: inline-block; }
  .ag-material .ag-icon-small-left {
    background-color: transparent;
    background-image: url("../../../../images/aggrid-icons/small-left.svg?color1=%23333333&color2=");
    background-position: center;
    background-repeat: no-repeat;
    background-size: 12px 12px;
    height: 12px;
    opacity: 1;
    width: 12px;
    display: inline-block; }
  .ag-material .ag-icon-small-right {
    background-color: transparent;
    background-image: url("../../../../images/aggrid-icons/small-right.svg?color1=%23333333&color2=");
    background-position: center;
    background-repeat: no-repeat;
    background-size: 12px 12px;
    height: 12px;
    opacity: 1;
    width: 12px;
    display: inline-block; }
  .ag-material .ag-icon-small-up {
    background-color: transparent;
    background-image: url("../../../../images/aggrid-icons/small-up.svg?color1=%23333333&color2=");
    background-position: center;
    background-repeat: no-repeat;
    background-size: 12px 12px;
    height: 12px;
    opacity: 1;
    width: 12px;
    display: inline-block; }
  .ag-material .ag-icon-small-down {
    background-color: transparent;
    background-image: url("../../../../images/aggrid-icons/small-down.svg?color1=%23333333&color2=");
    background-position: center;
    background-repeat: no-repeat;
    background-size: 12px 12px;
    height: 12px;
    opacity: 1;
    width: 12px;
    display: inline-block; }
  .ag-material .ag-icon-tick {
    background-color: transparent;
    background-image: url("../../../../images/aggrid-icons/tick.svg?color1=%23333333&color2=");
    background-position: center;
    background-repeat: no-repeat;
    background-size: 12px 12px;
    height: 12px;
    opacity: 1;
    width: 12px;
    display: inline-block; }
  .ag-material .ag-icon-cross {
    background-color: transparent;
    background-image: url("../../../../images/aggrid-icons/cross.svg?color1=%23333333&color2=");
    background-position: center;
    background-repeat: no-repeat;
    background-size: 12px 12px;
    height: 12px;
    opacity: 1;
    width: 12px;
    display: inline-block; }
  .ag-material .ag-icon-tree-open {
    background-color: transparent;
    background-image: url("../../../../images/aggrid-icons/tree-open.svg?color1=%23333333&color2=");
    background-position: center;
    background-repeat: no-repeat;
    background-size: 12px 12px;
    height: 12px;
    opacity: 1;
    width: 12px;
    display: inline-block; }
  .ag-material .ag-icon-tree-closed {
    background-color: transparent;
    background-image: url("../../../../images/aggrid-icons/tree-closed.svg?color1=%23333333&color2=");
    background-position: center;
    background-repeat: no-repeat;
    background-size: 12px 12px;
    height: 12px;
    opacity: 1;
    width: 12px;
    display: inline-block; }
  .ag-material .ag-icon-tree-indeterminate {
    background-color: transparent;
    background-image: url("../../../../images/aggrid-icons/tree-indeterminate.svg?color1=%23333333&color2=");
    background-position: center;
    background-repeat: no-repeat;
    background-size: 12px 12px;
    height: 12px;
    opacity: 1;
    width: 12px;
    display: inline-block; }
  .ag-material .ag-header-cell-menu-button .ag-icon-menu {
    display: block;
    height: 25px; }
  .ag-material .ag-icon-checkbox-checked:empty {
    background-image: url("../../../../images/aggrid-icons/checkbox-checked.svg?color1=%23000000&color2="); }
  .ag-material .ag-menu {
    background: #f6f6f6;
    border-radius: 0;
    box-shadow: none;
    padding: 4px;
    padding: 0;
    z-index: 5; }
    .ag-material .ag-menu .ag-menu-list {
      cursor: default;
      margin-bottom: 4px;
      margin-top: 4px;
      width: 100%; }
    .ag-material .ag-menu .ag-menu-option {
      line-height: 16px;
      padding-left: 8px;
      padding-right: 8px; }
      .ag-material .ag-menu .ag-menu-option > span {
        display: table-cell;
        vertical-align: middle; }
    .ag-material .ag-menu .ag-menu-option-active {
      background: #edf9fe; }
    .ag-material .ag-menu .ag-menu-option-disabled {
      opacity: 0.5; }
    .ag-material .ag-menu .ag-menu-option-icon {
      padding-left: 4px;
      padding-right: 4px; }
      .ag-material .ag-menu .ag-menu-option-icon span {
        height: 12px;
        line-height: 0;
        margin-top: 4px; }
    .ag-material .ag-menu .ag-menu-option-shortcut {
      padding-left: 8px; }
    .ag-material .ag-menu .ag-menu-separator {
      margin-left: -4px; }
      .ag-material .ag-menu .ag-menu-separator > span {
        background-image: url("data:image/svg+xml;utf8,<svg width='1' height='8px' viewBox='0 0 1 8px' xmlns='http://www.w3.org/2000/svg'> <line x1='0' y1='4px' x2='1' y2='4px' stroke-width='1' stroke='rgba(0, 0, 0, 0.1)'/> </svg>");
        height: 8px; }
    .ag-material .ag-menu .ag-menu-option-popup-pointer {
      width: 20px; }
  .ag-material.ag-dnd-ghost {
    background: #f6f6f6;
    border-radius: 0;
    box-shadow: none;
    padding: 4px;
    border: 1px solid rgba(0, 0, 0, 0.1);
    color: #666666;
    font: 400 1.4rem Roboto;
    height: 25px !important;
    line-height: 25px;
    margin: 0;
    padding: 0 8px;
    transform: translateY(8px);
    z-index: 5; }
    .ag-material.ag-dnd-ghost span,
    .ag-material.ag-dnd-ghost div {
      float: left;
      height: 100%;
      margin: 0;
      padding: 0; }
    .ag-material.ag-dnd-ghost .ag-dnd-ghost-icon {
      margin-right: 4px;
      opacity: 1; }
  .ag-material .ag-tab-header {
    background: rgba(0, 0, 0, 0.03);
    min-width: 220px;
    width: 100%; }
    .ag-material .ag-tab-header .ag-tab {
      border-bottom: 2px solid transparent;
      height: 16px;
      text-align: center;
      vertical-align: middle; }
      .ag-material .ag-tab-header .ag-tab.ag-tab-selected .ag-icon-filter {
        background-image: url("../../../../images/aggrid-icons/filter.svg?color1=%23000000&color2=");
        display: inline-block; }
      .ag-material .ag-tab-header .ag-tab.ag-tab-selected .ag-icon-columns {
        background-image: url("../../../../images/aggrid-icons/columns.svg?color1=%23000000&color2=");
        display: inline-block; }
      .ag-material .ag-tab-header .ag-tab.ag-tab-selected .ag-icon-menu {
        background-image: url("../../../../images/aggrid-icons/menu.svg?color1=%23000000&color2=");
        display: inline-block; }
  .ag-material .ag-tab-body {
    padding: 4px 0; }
    .ag-material .ag-tab-body .ag-filter-select {
      margin: 4px;
      width: calc(100% - 8px); }
    .ag-material .ag-tab-body .ag-menu-list {
      margin-bottom: 0;
      margin-top: 0; }
      .ag-material .ag-tab-body .ag-menu-list > div:first-child > span {
        padding-top: 0; }
      .ag-material .ag-tab-body .ag-menu-list > div:last-child > span {
        padding-bottom: 0; }
      .ag-material .ag-tab-body .ag-menu-list > div:last-child > .ag-menu-option-popup-pointer {
        background-position-y: 0; }
  .ag-material .ag-filter-select {
    margin: 4px;
    width: calc(100% - 8px); }
  .ag-material .ag-filter input[type="text"],
  .ag-material .ag-filter input[type="date"] {
    padding-left: 4px; }
  .ag-material .ag-filter label {
    display: block;
    padding-left: 4px; }
  .ag-material .ag-filter .ag-set-filter-list {
    height: 130px;
    padding-top: 4px; }
  .ag-material .ag-filter .ag-filter-header-container {
    box-sizing: border-box;
    height: 20px; }
  .ag-material .ag-filter .ag-filter-header-container:nth-child(2) {
    border-bottom: 1px solid rgba(0, 0, 0, 0.1); }
  .ag-material .ag-filter .ag-filter-checkbox {
    float: left;
    height: 20px;
    margin-right: 4px;
    padding-top: 2px; }
  .ag-material .ag-filter .ag-filter-value {
    height: 20px;
    line-height: 14px; }
  .ag-material .ag-filter .ag-filter-apply-panel {
    display: flex;
    justify-content: flex-end;
    padding: 4px;
    padding-top: 8px; }
    .ag-material .ag-filter .ag-filter-apply-panel button + button {
      margin-left: 8px; }
  .ag-material .ag-column-select-panel .ag-column-select-column-group,
  .ag-material .ag-column-select-panel .ag-column-select-column {
    height: 16px;
    line-height: 16px;
    margin-left: 0; }
    .ag-material .ag-column-select-panel .ag-column-select-column-group span,
    .ag-material .ag-column-select-panel .ag-column-select-column span {
      float: left;
      height: 100%; }
    .ag-material .ag-column-select-panel .ag-column-select-column-group .ag-column-select-indent,
    .ag-material .ag-column-select-panel .ag-column-select-column .ag-column-select-indent {
      width: 8px; }
    .ag-material .ag-column-select-panel .ag-column-select-column-group .ag-column-select-checkbox,
    .ag-material .ag-column-select-panel .ag-column-select-column-group .ag-column-group-icons,
    .ag-material .ag-column-select-panel .ag-column-select-column .ag-column-select-checkbox,
    .ag-material .ag-column-select-panel .ag-column-select-column .ag-column-group-icons {
      margin-right: 4px;
      margin-left: 4px; }
  .ag-material .ag-column-select-panel .ag-column-container {
    padding-top: 4px; }
  .ag-material .ag-column-select-panel .ag-column-select-column.ag-toolpanel-add-group-indent {
    margin-left: 20px; }
  .ag-material .ag-column-tool-panel {
    display: flex; }
  .ag-material .ag-filter-body {
    flex-grow: 1;
    flex-shrink: 1;
    padding-right: 4px;
    padding-left: 4px; }
  .ag-material .ag-column-tool-panel-item button {
    font-family: Roboto;
    font-size: 1.4rem;
    height: 100%; }
  .ag-material .ag-filter-filter {
    margin-bottom: 4px; }
  .ag-material .ag-column-select-header {
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    box-sizing: border-box;
    height: 25px;
    padding-top: 4px; }
    .ag-material .ag-column-select-header label {
      display: block;
      padding-left: 4px; }
      .ag-material .ag-column-select-header label .ag-filter-checkbox {
        float: left;
        margin-right: 4px; }
    .ag-material .ag-column-select-header .ag-column-tool-panel a {
      margin: 0 4px;
      padding-top: 2px; }
  .ag-material .ag-group-child-count::before {
    content: " "; }
  .ag-material .ag-column-panel {
    border-right: 0; }
    .ag-material .ag-column-panel .ag-pivot-mode {
      border-bottom: 1px solid rgba(0, 0, 0, 0.1);
      box-sizing: border-box;
      height: 25px;
      line-height: 25px; }
      .ag-material .ag-column-panel .ag-pivot-mode span {
        float: left;
        height: 100%; }
      .ag-material .ag-column-panel .ag-pivot-mode .ag-pivot-mode-select {
        margin-left: 4px; }
        .ag-material .ag-column-panel .ag-pivot-mode .ag-pivot-mode-select .ag-checkbox-label {
          margin-left: 4px; }
    .ag-material .ag-column-panel .ag-column-select-panel {
      border-bottom: 1px solid rgba(0, 0, 0, 0.1);
      padding-bottom: 3px;
      padding-top: 0; }
    .ag-material .ag-column-panel .ag-column-drop {
      border-bottom: 1px solid rgba(0, 0, 0, 0.1);
      clear: both;
      overflow: auto;
      padding: 4px 0;
      padding-bottom: 8px; }
      .ag-material .ag-column-panel .ag-column-drop .ag-icon {
        float: left;
        height: 20px;
        margin: 0 4px; }
      .ag-material .ag-column-panel .ag-column-drop .ag-column-drop-title {
        clear: right;
        float: left;
        height: 20px;
        line-height: 20px;
        width: calc(100% - 20px); }
      .ag-material .ag-column-panel .ag-column-drop .ag-column-drop-empty-message {
        clear: both;
        color: rgba(0, 0, 0, 0.5);
        font: 400 1.4rem Roboto;
        line-height: 8px;
        padding-left: 16px;
        padding-right: 4px; }
  .ag-material .ag-filter-icon:empty {
    background-color: transparent;
    background-image: url("../../../../images/aggrid-icons/filter.svg?color1=%23333333&color2=");
    background-position: center;
    background-repeat: no-repeat;
    background-size: 12px 12px;
    height: 12px;
    opacity: 1;
    width: 12px; }
  .ag-material .ag-sort-ascending-icon:empty {
    background-color: transparent;
    background-image: url("../../../../images/aggrid-icons/asc.svg?color1=%23333333&color2=");
    background-position: center;
    background-repeat: no-repeat;
    background-size: 12px 12px;
    height: 12px;
    opacity: 1;
    width: 12px; }
  .ag-material .ag-sort-descending-icon:empty {
    background-color: transparent;
    background-image: url("../../../../images/aggrid-icons/desc.svg?color1=%23333333&color2=");
    background-position: center;
    background-repeat: no-repeat;
    background-size: 12px 12px;
    height: 12px;
    opacity: 1;
    width: 12px; }
  .ag-material .ag-sort-none-icon:empty {
    background-color: transparent;
    background-image: url("../../../../images/aggrid-icons/none.svg?color1=%23333333&color2=");
    background-position: center;
    background-repeat: no-repeat;
    background-size: 12px 12px;
    height: 12px;
    opacity: 1;
    width: 12px; }
  .ag-material .ag-numeric-header .ag-header-cell-label .ag-header-icon {
    margin-left: 0;
    margin-right: 4px; }
  .ag-material .ag-paging-panel {
    align-items: center;
    border-top: 1px solid rgba(0, 0, 0, 0.1);
    color: #666666;
    display: flex;
    height: 25px;
    justify-content: flex-end;
    padding: 0 12px; }
    .ag-material .ag-paging-panel > span {
      margin-left: 16px; }
  .ag-material .ag-row-selected {
    background-color: #edf9fe; }
  .ag-material .ag-cell-range-selected:not(.ag-cell-focus) {
    background-color: rgba(120, 120, 120, 0.4); }
  .ag-material .ag-cell-inline-editing {
    background: #f6f6f6;
    border-radius: 0;
    box-shadow: none;
    padding: 4px;
    height: 40px;
    line-height: normal;
    padding: 12px;
    z-index: 2; }
    .ag-material .ag-cell-inline-editing select {
      height: auto; }
  .ag-material .ag-popup-editor {
    background: #f6f6f6;
    border-radius: 0;
    box-shadow: none;
    padding: 4px;
    padding: 0;
    z-index: 1; }
    .ag-material .ag-popup-editor .ag-large-textarea textarea {
      height: auto;
      padding: 12px; }
  .ag-material .ag-rich-select {
    background-image: url("../../../../images/aggrid-icons/tree-open.svg?color1=%23333333");
    background-position-x: calc(100% - 4px);
    background-position-y: 8px;
    background-repeat: no-repeat; }
    .ag-material .ag-rich-select .ag-rich-select-list {
      height: 182px; }
    .ag-material .ag-rich-select .ag-rich-select-value {
      height: 28px;
      line-height: 28px;
      padding-left: 12px; }
    .ag-material .ag-rich-select .ag-virtual-list-item {
      cursor: default;
      height: 28px;
      line-height: 28px; }
      .ag-material .ag-rich-select .ag-virtual-list-item:hover {
        background-color: #edf9fe; }
    .ag-material .ag-rich-select .ag-rich-select-row {
      padding-left: 12px; }
    .ag-material .ag-rich-select .ag-rich-select-row-selected {
      background-color: #edf9fe; }
  .ag-material .ag-floating-filter-body {
    float: left;
    height: 100%;
    margin-right: 0;
    width: calc(100% - 20px); }
    .ag-material .ag-floating-filter-body input {
      box-sizing: border-box; }
  .ag-material .ag-floating-filter-full-body input {
    box-sizing: border-box; }
  .ag-material .ag-floating-filter-button {
    float: right;
    line-height: 12px;
    margin-top: 10px; }
    .ag-material .ag-floating-filter-button button {
      appearance: none;
      background: transparent;
      border: 0;
      height: 12px;
      padding: 0;
      width: 12px; }
  .ag-material .ag-cell-label-container {
    height: 100%; }
  .ag-material .ag-header-group-cell-label {
    height: 100%; }
    .ag-material .ag-header-group-cell-label span {
      float: left;
      height: 100%; }
  .ag-material .ag-header-select-all {
    height: 100%;
    margin-right: 12px; }
    .ag-material .ag-header-select-all span {
      height: 100%; }
  .ag-material .ag-header-select-all:not(.ag-hidden) + .ag-cell-label-container {
    float: left;
    width: calc(100% - 12px - 12px); }
  .ag-material .ag-selection-checkbox span,
  .ag-material .ag-group-expanded span,
  .ag-material .ag-group-contracted span {
    margin-right: 12px; }
  .ag-material .ag-selection-checkbox span {
    position: relative;
    top: 2px; }
  .ag-material .ag-group-expanded .ag-icon-contracted:empty {
    background-color: transparent;
    background-image: url("../../../../images/aggrid-icons/tree-open.svg?color1=%23333333&color2=");
    background-position: center;
    background-repeat: no-repeat;
    background-size: 12px 12px;
    height: 12px;
    opacity: 1;
    width: 12px; }
  .ag-material .ag-column-drop-horizontal {
    background-color: rgba(0, 0, 0, 0.03);
    height: 28px;
    line-height: 16px;
    padding-left: 12px; }
    .ag-material .ag-column-drop-horizontal.ag-width-half {
      margin-bottom: -3px; }
    .ag-material .ag-column-drop-horizontal span {
      float: left;
      height: 100%; }
    .ag-material .ag-column-drop-horizontal > div:first-child {
      float: left;
      height: 100%; }
    .ag-material .ag-column-drop-horizontal .ag-icon-group,
    .ag-material .ag-column-drop-horizontal .ag-icon-pivot {
      margin-right: 12px; }
    .ag-material .ag-column-drop-horizontal .ag-right-arrow {
      background-color: transparent;
      background-image: url("../../../../images/aggrid-icons/right.svg?color1=%23333333&color2=");
      background-position: center;
      background-repeat: no-repeat;
      background-size: 12px 12px;
      height: 12px;
      opacity: 1;
      width: 12px; }
    .ag-material .ag-column-drop-horizontal .ag-left-arrow {
      background-color: transparent;
      background-image: url("../../../../images/aggrid-icons/left.svg?color1=%23333333&color2=");
      background-position: center;
      background-repeat: no-repeat;
      background-size: 12px 12px;
      height: 12px;
      opacity: 1;
      width: 12px; }
    .ag-material .ag-column-drop-horizontal .ag-left-arrow,
    .ag-material .ag-column-drop-horizontal .ag-right-arrow {
      overflow: hidden;
      text-indent: 100%;
      height: 100%;
      margin: 0 4px;
      opacity: 1; }
    .ag-material .ag-column-drop-horizontal .ag-column-drop-empty-message {
      height: 100%;
      line-height: 28px;
      opacity: 0.5; }
  .ag-material .ag-column-drop-cell {
    background: #ecf0f1;
    border-radius: 16px;
    box-sizing: border-box;
    height: 16px !important;
    margin-top: 4px;
    padding: 0 2px; }
    .ag-material .ag-column-drop-cell .ag-column-drop-cell-text {
      height: 100%;
      line-height: 16px;
      margin: 0 4px; }
    .ag-material .ag-column-drop-cell .ag-column-drop-cell-button {
      background-color: transparent;
      background-image: url("../../../../images/aggrid-icons/cancel.svg?color1=%23333333&color2=");
      background-position: center;
      background-repeat: no-repeat;
      background-size: 12px 12px;
      height: 12px;
      opacity: 1;
      width: 12px;
      overflow: hidden;
      text-indent: 100%;
      height: 100%;
      margin: 0 2px;
      opacity: 1; }
      .ag-material .ag-column-drop-cell .ag-column-drop-cell-button:hover {
        opacity: 1; }
    .ag-material .ag-column-drop-cell .ag-column-drag {
      width: 12px;
      margin-left: 8px;
      margin-top: 2px; }
  .ag-material .ag-select-agg-func-popup {
    background: #f6f6f6;
    border-radius: 0;
    box-shadow: none;
    padding: 4px;
    background: white;
    height: 70px;
    padding: 0; }
    .ag-material .ag-select-agg-func-popup .ag-virtual-list-item {
      cursor: default;
      line-height: 20px;
      padding-left: 8px; }
    .ag-material .ag-select-agg-func-popup .ag-virtual-list-item:hover {
      background-color: #edf9fe; }
  .ag-material .ag-set-filter-list,
  .ag-material .ag-menu-column-select-wrapper {
    width: auto; }
  .ag-material .ag-column-drop-vertical > .ag-column-drop-cell {
    float: left;
    margin-bottom: 4px;
    margin-left: 4px;
    margin-top: 0; }
  .ag-material .ag-cell-data-changed {
    background-color: #cec !important; }
  .ag-material .ag-cell-data-changed-animation {
    background-color: transparent;
    transition: background-color 1s; }
  .ag-material .ag-row-stub {
    background-color: #f0f0f0; }
  .ag-material .ag-stub-cell {
    padding-left: 12px;
    padding-top: 4px; }
    .ag-material .ag-stub-cell .ag-loading-icon {
      float: left;
      height: 100%; }
    .ag-material .ag-stub-cell .ag-loading-text {
      float: left;
      height: 100%;
      margin-left: 4px;
      margin-top: 4px; }
  .ag-material .ag-floating-top {
    background-color: #f0f0f0; }
  .ag-material .ag-floating-top .ag-row {
    background-color: #f0f0f0; }
  .ag-material .ag-floating-bottom {
    background-color: #f0f0f0; }
  .ag-material .ag-rtl .ag-numeric-cell {
    text-align: left; }
  .ag-material .ag-rtl .ag-header-cell-menu-button {
    float: left; }
  .ag-material .ag-rtl .ag-header-cell-label {
    float: right;
    width: calc(100% - 12px); }
    .ag-material .ag-rtl .ag-header-cell-label > span {
      float: right; }
    .ag-material .ag-rtl .ag-header-cell-label .ag-header-icon {
      margin-top: 2px; }
  .ag-material .ag-rtl .ag-numeric-header .ag-header-cell-menu-button {
    float: right; }
  .ag-material .ag-rtl .ag-numeric-header .ag-header-cell-label {
    float: left; }
    .ag-material .ag-rtl .ag-numeric-header .ag-header-cell-label > span {
      float: left; }
  .ag-material .ag-rtl .ag-column-panel .ag-pivot-mode span {
    float: right; }
  .ag-material .ag-rtl .ag-column-panel .ag-pivot-mode .ag-pivot-mode-select {
    margin-right: 4px; }
    .ag-material .ag-rtl .ag-column-panel .ag-pivot-mode .ag-pivot-mode-select .ag-checkbox-label {
      margin-right: 4px; }
  .ag-material .ag-rtl .ag-column-panel .ag-column-drop .ag-icon {
    float: right; }
  .ag-material .ag-rtl .ag-column-panel .ag-column-drop .ag-column-drop-title {
    clear: left;
    float: right; }
  .ag-material .ag-rtl .ag-column-panel .ag-column-drop .ag-column-drop-empty-message {
    padding-left: 4px;
    padding-right: 16px; }
  .ag-material .ag-rtl .ag-filter-checkbox {
    float: right;
    margin-left: 4px; }
  .ag-material .ag-rtl .ag-column-select-panel .ag-column-select-column-group span,
  .ag-material .ag-rtl .ag-column-select-panel .ag-column-select-column span {
    float: right; }
  .ag-material .ag-rtl .ag-column-select-panel .ag-column-select-column-group .ag-column-select-checkbox,
  .ag-material .ag-rtl .ag-column-select-panel .ag-column-select-column-group .ag-column-group-icons,
  .ag-material .ag-rtl .ag-column-select-panel .ag-column-select-column .ag-column-select-checkbox,
  .ag-material .ag-rtl .ag-column-select-panel .ag-column-select-column .ag-column-group-icons {
    margin-left: 4px;
    margin-right: 4px; }
  .ag-material .ag-rtl .ag-column-select-panel .ag-column-select-column.ag-toolpanel-add-group-indent {
    margin-left: 0;
    margin-right: 20px; }
  .ag-material .ag-rtl .ag-icon-tree-closed {
    background-color: transparent;
    background-image: url("../../../../images/aggrid-icons/contracted.svg?color1=%23333333&color2=");
    background-position: center;
    background-repeat: no-repeat;
    background-size: 12px 12px;
    height: 12px;
    opacity: 1;
    width: 12px; }
  .ag-material .ag-rtl .ag-header-group-cell-label {
    height: 100%; }
    .ag-material .ag-rtl .ag-header-group-cell-label span {
      float: right;
      height: 100%; }
  .ag-material .ag-rtl .ag-header-select-all:not(.ag-hidden) + .ag-cell-label-container {
    float: right; }
  .ag-material .ag-rtl .ag-header-select-all {
    margin-left: 12px;
    margin-right: 0; }
  .ag-material .ag-rtl .ag-selection-checkbox span,
  .ag-material .ag-rtl .ag-group-expanded span,
  .ag-material .ag-rtl .ag-group-contracted span {
    margin-left: 12px;
    margin-right: 0; }
  .ag-material .ag-rtl .ag-column-drop-horizontal {
    padding-right: 12px; }
    .ag-material .ag-rtl .ag-column-drop-horizontal span {
      float: right; }
    .ag-material .ag-rtl .ag-column-drop-horizontal > div:first-child {
      float: right; }
    .ag-material .ag-rtl .ag-column-drop-horizontal .ag-icon-group,
    .ag-material .ag-rtl .ag-column-drop-horizontal .ag-icon-pivot {
      margin-left: 12px;
      margin-right: 0; }
    .ag-material .ag-rtl .ag-column-drop-horizontal .ag-right-arrow {
      background-color: transparent;
      background-image: url("../../../../images/aggrid-icons/right.svg?color1=%23333333&color2=");
      background-position: center;
      background-repeat: no-repeat;
      background-size: 12px 12px;
      height: 12px;
      opacity: 1;
      width: 12px;
      height: 100%; }
    .ag-material .ag-rtl .ag-column-drop-horizontal .ag-left-arrow {
      background-color: transparent;
      background-image: url("../../../../images/aggrid-icons/left.svg?color1=%23333333&color2=");
      background-position: center;
      background-repeat: no-repeat;
      background-size: 12px 12px;
      height: 12px;
      opacity: 1;
      width: 12px;
      height: 100%; }
  .ag-material .ag-rtl .ag-floating-filter-body {
    float: right;
    margin-left: 0; }
  .ag-material .ag-rtl .ag-floating-filter-button {
    float: left; }
  .ag-material .ag-rtl .ag-header .ag-header-cell-resize {
    left: -4px;
    right: auto; }
  .ag-material .ag-rtl .ag-header .ag-header-cell-resize::after {
    border-left: 1px solid rgba(0, 0, 0, 0.1);
    border-right: 0; }
  .ag-material .ag-rtl .ag-column-select-header .ag-filter-body {
    margin-left: 4px;
    margin-right: 0; }
  .ag-material .ag-rtl .ag-column-drag {
    background-position-x: right; }
  .ag-material .ag-status-bar {
    background: white;
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-top: 0;
    color: rgba(0, 0, 0, 0.5);
    display: flex;
    font: 400 1.4rem Roboto;
    justify-content: flex-end;
    padding: 8px 16px; }
    .ag-material .ag-status-bar .ag-status-bar-item {
      margin-right: 8px; }
      .ag-material .ag-status-bar .ag-status-bar-item span:nth-child(1)::after {
        content: ":"; }
      .ag-material .ag-status-bar .ag-status-bar-item span:nth-child(2) {
        color: black; }
  .ag-material .ag-details-row {
    box-sizing: border-box;
    padding: 20px; }
  .ag-material .ag-overlay-loading-wrapper {
    background-color: rgba(255, 255, 255, 0.5); }
  .ag-material .ag-overlay-loading-center {
    background: #f6f6f6;
    border-radius: 0;
    box-shadow: none;
    padding: 4px; }
  .ag-material .ag-tool-panel {
    background-color: #f6f6f6;
    border-right: 1px solid rgba(0, 0, 0, 0.1);
    border-top: 1px solid rgba(0, 0, 0, 0.1); }
    .ag-material .ag-tool-panel .ag-side-buttons {
      border-bottom: 1px solid rgba(0, 0, 0, 0.1); }
      .ag-material .ag-tool-panel .ag-side-buttons button {
        background: transparent;
        border: 0;
        border-right: 1px solid rgba(0, 0, 0, 0.1);
        color: black;
        height: 20px; }
    .ag-material .ag-tool-panel .ag-panel-container {
      border-right: 1px solid rgba(0, 0, 0, 0.1);
      box-sizing: border-box; }
    .ag-material .ag-tool-panel.full-width .ag-panel-container {
      border-right: 0; }
    .ag-material .ag-tool-panel .ag-column-drop {
      min-height: 50px; }
  .ag-material .ag-rtl .ag-tool-panel .ag-panel-container {
    border-left: 1px solid rgba(0, 0, 0, 0.1);
    border-right: 0; }
  .ag-material .ag-rtl .ag-tool-panel.full-width .ag-panel-container {
    border-left: 0; }
  .ag-material .ag-rtl .ag-tool-panel .ag-side-buttons button {
    border-left: 1px solid rgba(0, 0, 0, 0.1);
    border-right: 0; }
  .ag-material .ag-column-name-filter {
    width: 100%;
    box-sizing: border-box; }
  .ag-material .sass-variables::after {
    content: '{ "autoSizePadding": "12px", "headerHeight": "25px", "groupPaddingSize": "24px", "footerPaddingAddition": "16px", "virtualItemHeight": "20px", "aggFuncPopupHeight": "70px", "checkboxIndentWidth": "16px", "leafNodePadding": "12px", "rowHeight": "28px", "gridSize": "4px", "iconSize": "12px" }';
    display: none; }
  .ag-material .ag-tab-header {
    background-color: #e6e6e6; }
  .ag-material .ag-faded {
    opacity: 0.3; }
  .ag-material [ref="north"] .ag-column-drop {
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-bottom: 0; }
  .ag-material [ref="north"] .ag-column-drop:last-child {
    border-left: 0; }
  .ag-material .ag-header {
    background-image: linear-gradient(white, lightgrey);
    border-bottom: 1px solid rgba(0, 0, 0, 0.1); }
  .ag-material .ag-header-cell-resize::after {
    height: 25px;
    margin-top: 0; }
  .ag-material .ag-header-cell {
    border-right: none;
    box-sizing: border-box; }
  .ag-material .ag-header-group-cell {
    border-right: 1px solid rgba(0, 0, 0, 0.1); }
  .ag-material .ag-header-group-cell-with-group {
    border-bottom: 1px solid rgba(0, 0, 0, 0.1); }
  .ag-material .ag-header-row {
    border-bottom: 0; }
  .ag-material .ag-root {
    border: 1px solid rgba(0, 0, 0, 0.1); }
  .ag-material .ag-column-panel {
    border-right: 1px solid rgba(0, 0, 0, 0.1); }
  .ag-material .ag-cell-no-focus {
    border-right: 0; }
  .ag-material .ag-row {
    border-bottom-width: 0; }
  .ag-material .ag-column-panel .ag-column-drop .ag-column-drop-empty-message {
    line-height: 25px; }
  .ag-material .ag-floating-filter-button {
    margin-top: 8px; }
  .ag-material .ag-filter .ag-filter-apply-panel {
    border-top: 1px solid rgba(0, 0, 0, 0.1);
    justify-content: flex-start; }
  .ag-material .ag-cell-focus {
    border: none;
    border-right: 0; }
  .ag-material .ag-menu .ag-menu-option-active {
    background: #edf9fe; }
  .ag-material .ag-menu .ag-menu-option {
    line-height: 24px; }
  .ag-material .ag-column-drop-cell {
    background: #ecf0f1;
    background-image: linear-gradient(white, lightgrey);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0;
    height: 18px !important; }
    .ag-material .ag-column-drop-cell .ag-column-drop-cell-button {
      box-sizing: border-box;
      height: calc(100% - 4px);
      margin-bottom: 2px;
      margin-top: 2px; }
    .ag-material .ag-column-drop-cell .ag-column-drop-cell-button:hover {
      border: 1px solid rgba(0, 0, 0, 0.1); }
  .ag-material .ag-cell-range-selected-1:not(.ag-cell-focus) {
    background-color: rgba(120, 120, 120, 0.4); }
  .ag-material .ag-cell-range-selected-2:not(.ag-cell-focus) {
    background-color: rgba(80, 80, 80, 0.4); }
  .ag-material .ag-cell-range-selected-3:not(.ag-cell-focus) {
    background-color: rgba(40, 40, 40, 0.4); }
  .ag-material .ag-cell-range-selected-4:not(.ag-cell-focus) {
    background-color: rgba(0, 0, 0, 0.4); }
  .ag-material .ag-cell-highlight {
    background-color: rgba(120, 120, 120, 0.4);
    border-bottom: 2px solid darkgreen; }
  .ag-material .ag-cell-highlight-animation {
    transition: all 1s; }
  .ag-material .ag-group-expanded .ag-icon-contracted:empty {
    background-color: transparent;
    background-image: url("../../../../images/aggrid-icons/contracted.svg?color1=%23333333&color2=");
    background-position: center;
    background-repeat: no-repeat;
    background-size: 12px 12px;
    height: 12px;
    opacity: 1;
    width: 12px; }
  .ag-material .ag-rtl .ag-icon-tree-closed {
    background-color: transparent;
    background-image: url("../../../../images/aggrid-icons/small-left.svg?color1=%23333333&color2=");
    background-position: center;
    background-repeat: no-repeat;
    background-size: 12px 12px;
    height: 12px;
    opacity: 1;
    width: 12px; }
  .ag-material .ag-cell-inline-editing {
    height: 28px;
    padding: 0; }
    .ag-material .ag-cell-inline-editing input {
      box-sizing: border-box; }
  .ag-material .ag-column-drop-vertical .ag-column-drop-cell {
    display: block;
    float: none; }
  .ag-material .ag-column-panel .ag-column-drop .ag-column-drop-title {
    float: none; }
  .ag-material .ag-column-select-panel .ag-column-select-column-group,
  .ag-material .ag-column-select-panel .ag-column-select-column {
    height: 20px;
    line-height: 20px; }
  .ag-material .ag-filter .ag-filter-header-container {
    height: 24px; }
  .ag-material .ag-tab {
    box-sizing: initial; }
  .ag-material .ag-filter .ag-filter-value {
    line-height: 16px; }
  .ag-material .ag-selection-checkbox span {
    position: relative;
    top: 0; }
  .ag-material .ag-rich-select-value {
    border-bottom: 1px solid rgba(0, 0, 0, 0.1); }
  .ag-material .ag-header-cell-moving .ag-header-cell-label {
    opacity: 0.5; }
  .ag-material .ag-header-cell-moving {
    background-color: #bebebe; }
  .ag-material .ag-ltr .ag-pinned-right-header {
    border-left: 1px solid rgba(0, 0, 0, 0.1); }
  .ag-material .ag-rtl .ag-pinned-left-header {
    border-right: 1px solid rgba(0, 0, 0, 0.1); }
  .ag-material .ag-overlay-loading-wrapper {
    background-color: rgba(255, 255, 255, 0.5); }
  .ag-material .ag-overlay-loading-center {
    background-color: #fff;
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    color: black;
    padding: 10px; }
  .ag-material .ag-column-name-filter {
    height: 16px; }
  .ag-material .ag-column-drop-cell .ag-column-drag {
    background-position-y: 0 !important; }
  .ag-material .ag-cell button.dropdown-menu {
    margin-top: -40px; }
  .ag-material .ag-row-group-expanded {
    background: #edf9fe; }
  .ag-material .ag-cell {
    padding: 10px; }
    .ag-material .ag-cell.ag-cell-inline-editing {
      padding: 2px 0; }
    .ag-material .ag-cell .mat-radio-container {
      width: 12px !important; }
  .ag-material .ag-row {
    background-color: white; }
    .ag-material .ag-row.ag-row-selected {
      background-color: #edf9fe; }
    .ag-material .ag-row.ag-row-group-expanded {
      background: #edf9fe; }
  .ag-material .ag-header {
    font-weight: 400;
    z-index: 3;
    position: relative;
    background: white; }
    .ag-material .ag-header .ag-header-cell,
    .ag-material .ag-header .ag-header-group-cell {
      padding: 10px 10px 0 10px;
      border-right: none !important; }
      .ag-material .ag-header .ag-header-cell .mat-icon,
      .ag-material .ag-header .ag-header-group-cell .mat-icon {
        width: 12px;
        height: 12px;
        line-height: 24px;
        min-width: 12px;
        text-align: left; }
      .ag-material .ag-header .ag-header-cell:last-child::after,
      .ag-material .ag-header .ag-header-group-cell:last-child::after {
        border-right: none; }
      .ag-material .ag-header .ag-header-cell.center-align.ag-header-cell-sortable .ag-header-cell-label,
      .ag-material .ag-header .ag-header-group-cell.center-align.ag-header-cell-sortable .ag-header-cell-label {
        flex-direction: row !important;
        justify-content: center !important; }
      .ag-material .ag-header .ag-header-cell.center-align .ag-header-group-cell-label,
      .ag-material .ag-header .ag-header-group-cell.center-align .ag-header-group-cell-label {
        flex-direction: row !important;
        justify-content: center !important; }
  .ag-material .ag-ltr .ag-pinned-left-header {
    border-right: 1px solid rgba(0, 0, 0, 0.22);
    background: white; }
  .ag-material .ag-ltr .ag-row .ag-cell-last-left-pinned {
    border-right: 1px solid rgba(0, 0, 0, 0.22); }
  .ag-material .ag-ltr .ag-group-expanded .fa-lg,
  .ag-material .ag-ltr .ag-group-contracted .fa-lg {
    font-size: 1.8rem; }
  .ag-material .full-width-panel {
    position: relative;
    height: 100%;
    width: 100%;
    background-color: #f6fcfe;
    color: black;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    padding: 5px;
    box-sizing: border-box; }
  .ag-material .ag-cell.text-wrap {
    white-space: normal; }
  .ag-material .ag-group-value {
    color: #120237;
    font-weight: 700; }
  .ag-material .ag-body-viewport {
    overflow: auto !important; }
  .ag-material .ag-bl-overlay {
    z-index: 3; }
  .ag-material .ag-full-width-row .ag-body .ag-body-viewport {
    overflow: hidden !important;
    background: white; }
  .ag-material .ag-body-viewport::-webkit-scrollbar {
    width: 1.1rem;
    background: rgba(0, 0, 0, 0.05);
    height: 1.2rem; }
  .ag-material .ag-body-viewport::-webkit-scrollbar-thumb {
    overflow: visible;
    border-radius: 6px;
    background: rgba(0, 0, 0, 0.3); }
  .ag-material .ag-full-width-viewport {
    z-index: 2; }
  .ag-material .ag-pinned-left-cols-container .ag-full-width-row {
    border-right: none; }
  .ag-material .ag-full-width-row {
    background-color: #f6fdff;
    z-index: 3; }
  .ag-material .ag-row > .ag-cell[aria-expanded="true"],
  .ag-material .ag-row > .ag-cell[aria-expanded="true"] ~ .ag-cell {
    background-color: #f3fcff; }
  .ag-material .ag-full-width-container .ag-full-width-row.ag-row-hover {
    background-color: #f6fdff !important; }
  .ag-material .ag-row-selected {
    font-weight: 500; }
  .ag-material .ag-header-cell-sortable .ag-header-cell-label {
    cursor: pointer; }
  .ag-material .ag-header-cell .mat-icon.fa-sort {
    color: rgba(0, 0, 0, 0.26); }
  .ag-material .ag-header-cell-label > span {
    overflow: visible; }
  .ag-material .ag-header-cell-label .ag-header-cell-text {
    line-height: 22px;
    color: #666666; }
  .ag-material .ag-layout-auto-height .ag-row-position-absolute {
    position: absolute; }
  .ag-material .ag-layout-normal .ag-floating-top {
    z-index: 4; }
  .ag-material .ag-icon-asc,
  .ag-material .ag-icon-desc {
    background: none;
    width: 18px;
    margin-top: 4px; }
  .ag-material .ag-icon-tree-closed,
  .ag-material .ag-icon-tree-open {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    background-image: none;
    cursor: pointer;
    font-family: "Font Awesome 5 Pro";
    font-size: 1.4rem !important;
    font-weight: 400;
    height: 18px; }
  .ag-material .ag-icon-tree-closed:before {
    content: "\f054"; }
  .ag-material .ag-icon-tree-open:before {
    content: "\f078"; }
  .ag-material .ag-floating-filter-full-body input {
    height: 26px;
    border-radius: 3px;
    border: 1px solid #020006; }
  .ag-material .ag-messaging .fa {
    margin-right: 4px; }
  .ag-material .ag-grid-datepicker .mat-form-field-flex {
    width: 50%; }
  .ag-material .ag-cell-inline-editing {
    border: 1px solid red;
    background: white;
    height: 100%; }
  .ag-material .ag-cell.ag-cell-inline-editing {
    padding: 0; }
    .ag-material .ag-cell.ag-cell-inline-editing .mat-form-field-infix {
      padding-top: 0;
      border-top: none; }
    .ag-material .ag-cell.ag-cell-inline-editing input, .ag-material .ag-cell.ag-cell-inline-editing select {
      outline: none;
      border: none;
      padding-top: 5px; }
      .ag-material .ag-cell.ag-cell-inline-editing input:focus, .ag-material .ag-cell.ag-cell-inline-editing input:active, .ag-material .ag-cell.ag-cell-inline-editing select:focus, .ag-material .ag-cell.ag-cell-inline-editing select:active {
        outline: none;
        border: none; }
    .ag-material .ag-cell.ag-cell-inline-editing select {
      padding-left: 0;
      padding-top: 2px; }
    .ag-material .ag-cell.ag-cell-inline-editing input {
      height: 100%; }
  .ag-material .ag-cell-edit-input {
    height: 100% !important; }

ag-grid-angular .ag-grid-detail {
  background: #f3fcff; }

ag-grid-angular .mat-grid-list-row {
  border-bottom: 1px solid #DEDEDE; }

pershing-grid-header {
  overflow: hidden; }

.ag-layout-auto-height .ag-center-cols-clipper, .ag-layout-auto-height .ag-center-cols-container {
  min-height: 150px !important; }

.tablet .ag-material .ag-header-cell-label .ag-header-cell-text {
  font-size: 1.2rem; }

.mobile .ag-material .ag-header-cell-label .ag-header-cell-text {
  font-size: 1.2rem; }

.mobile .ag-material .ag-cell {
  font-size: 1.6rem; }

/*--------- THEMING FILES  -------*/
.grid-DetailRow {
  background-color: white; }
  .grid-DetailRow .ag-bl-full-height {
    box-shadow: 0px 3px 3px -2px rgba(0, 0, 0, 0.2), 0px 3px 4px 0px rgba(0, 0, 0, 0.14), 0px 1px 8px 0px rgba(0, 0, 0, 0.12); }
  .grid-DetailRow .ag-header,
  .grid-DetailRow .ag-row-odd,
  .grid-DetailRow .ag-row-even {
    background-color: white; }
  .grid-DetailRow .ag-header {
    color: rgba(0, 0, 0, 0.6);
    border-bottom: 1px solid rgba(0, 0, 0, 0.3); }

.grid-ColumnSettings_Actions {
  border-top: 1px solid rgba(0, 0, 0, 0.12); }

.grid-Controller_Columns .mat-stroked-button {
  border-color: rgba(0, 0, 0, 0.3); }

.grid-Controller_Nextbtn[disabled] {
  color: rgba(0, 0, 0, 0.26); }

.grid-Controller_Prevbtn[disabled] {
  color: rgba(0, 0, 0, 0.26); }

.grid-Controller_Pagejump-menu::-webkit-scrollbar-track {
  background: #120237; }

.grid-Controller_Pagejump-menu::-webkit-scrollbar-thumb {
  background: #020006; }

@keyframes shadow {
  0% {
    box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12); }
  70% {
    box-shadow: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12); }
  100% {
    box-shadow: 0px 3px 3px -2px rgba(0, 0, 0, 0.2), 0px 3px 4px 0px rgba(0, 0, 0, 0.14), 0px 1px 8px 0px rgba(0, 0, 0, 0.12); } }

.ag-header-container .ag-header-row + .ag-header-row .ag-header-cell .mat-icon-button,
.ag-pinned-left-header .ag-header-row + .ag-header-row .ag-header-cell .mat-icon-button {
  color: rgba(0, 0, 0, 0.6); }

.nextgrid-field-error {
  border-color: #e02020; }

.nextgrid-field-warning {
  border-color: #ff9d00; }

.nextgrid-field-info {
  border-color: #2faeff; }

.nextgrid-field-success {
  border-color: #4db34d; }

.nextgrid-error-highllight {
  color: #e02020; }

.nextgrid-warning-highllight {
  color: #ff9d00; }

.nextgrid-info-highllight {
  color: #2faeff; }

.nextgrid-success-highllight {
  color: #4db34d; }

.compact .ag-material .ag-header .ag-header-cell,
.compact .ag-material .ag-header .ag-header-cell-group {
  padding: 6px;
  line-height: 12px;
  font-size: 1.2rem; }
  .compact .ag-material .ag-header .ag-header-cell .mat-icon,
  .compact .ag-material .ag-header .ag-header-cell-group .mat-icon {
    line-height: 12px; }
  .compact .ag-material .ag-header .ag-header-cell::after,
  .compact .ag-material .ag-header .ag-header-cell-group::after {
    height: 18px;
    margin-top: 4px; }

.compact .ag-material .ag-floating-filter-button {
  margin-top: 5px; }

.compact .ag-material .ag-floating-filter-full-body {
  height: 26px; }
  .compact .ag-material .ag-floating-filter-full-body input {
    height: 22px; }

.compact .ag-material .ag-header-cell-label {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap; }
  .compact .ag-material .ag-header-cell-label > span {
    display: inline-block;
    overflow: hidden;
    text-overflow: ellipsis; }

.compact .ag-material .ag-selection-checkbox span {
  top: 2px; }

.compact .ag-material .ag-row {
  border-bottom: none; }

.compact .ag-material .ag-row-odd {
  background-color: #e8e8e8; }

.compact .ag-material .ag-row-selected {
  background-color: #edf9fe;
  border-bottom: 1px solid #438bd9;
  border-top: 1px solid #438bd9; }

.compact .ag-material .ag-cell {
  padding: 2px 4px;
  line-height: 22px;
  font-size: 1.2rem; }
  .compact .ag-material .ag-cell .mat-checkbox-inner-container {
    margin-top: -4px; }
  .compact .ag-material .ag-cell.ag-cell-inline-editing {
    padding: 4px; }

/*---- FONT AND GRID LAYOUT ----*/
/*---- TYPOGRAPHY _typography.scss ----*/
.mat-elevation-z0 {
  box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12); }

.mat-elevation-z1 {
  box-shadow: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12); }

.mat-elevation-z2 {
  box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12); }

.mat-elevation-z3 {
  box-shadow: 0px 3px 3px -2px rgba(0, 0, 0, 0.2), 0px 3px 4px 0px rgba(0, 0, 0, 0.14), 0px 1px 8px 0px rgba(0, 0, 0, 0.12); }

.mat-elevation-z4 {
  box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12); }

.mat-elevation-z5 {
  box-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 5px 8px 0px rgba(0, 0, 0, 0.14), 0px 1px 14px 0px rgba(0, 0, 0, 0.12); }

.mat-elevation-z6 {
  box-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12); }

.mat-elevation-z7 {
  box-shadow: 0px 4px 5px -2px rgba(0, 0, 0, 0.2), 0px 7px 10px 1px rgba(0, 0, 0, 0.14), 0px 2px 16px 1px rgba(0, 0, 0, 0.12); }

.mat-elevation-z8 {
  box-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12); }

.mat-elevation-z9 {
  box-shadow: 0px 5px 6px -3px rgba(0, 0, 0, 0.2), 0px 9px 12px 1px rgba(0, 0, 0, 0.14), 0px 3px 16px 2px rgba(0, 0, 0, 0.12); }

.mat-elevation-z10 {
  box-shadow: 0px 6px 6px -3px rgba(0, 0, 0, 0.2), 0px 10px 14px 1px rgba(0, 0, 0, 0.14), 0px 4px 18px 3px rgba(0, 0, 0, 0.12); }

.mat-elevation-z11 {
  box-shadow: 0px 6px 7px -4px rgba(0, 0, 0, 0.2), 0px 11px 15px 1px rgba(0, 0, 0, 0.14), 0px 4px 20px 3px rgba(0, 0, 0, 0.12); }

.mat-elevation-z12 {
  box-shadow: 0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 12px 17px 2px rgba(0, 0, 0, 0.14), 0px 5px 22px 4px rgba(0, 0, 0, 0.12); }

.mat-elevation-z13 {
  box-shadow: 0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 13px 19px 2px rgba(0, 0, 0, 0.14), 0px 5px 24px 4px rgba(0, 0, 0, 0.12); }

.mat-elevation-z14 {
  box-shadow: 0px 7px 9px -4px rgba(0, 0, 0, 0.2), 0px 14px 21px 2px rgba(0, 0, 0, 0.14), 0px 5px 26px 4px rgba(0, 0, 0, 0.12); }

.mat-elevation-z15 {
  box-shadow: 0px 8px 9px -5px rgba(0, 0, 0, 0.2), 0px 15px 22px 2px rgba(0, 0, 0, 0.14), 0px 6px 28px 5px rgba(0, 0, 0, 0.12); }

.mat-elevation-z16 {
  box-shadow: 0px 8px 10px -5px rgba(0, 0, 0, 0.2), 0px 16px 24px 2px rgba(0, 0, 0, 0.14), 0px 6px 30px 5px rgba(0, 0, 0, 0.12); }

.mat-elevation-z17 {
  box-shadow: 0px 8px 11px -5px rgba(0, 0, 0, 0.2), 0px 17px 26px 2px rgba(0, 0, 0, 0.14), 0px 6px 32px 5px rgba(0, 0, 0, 0.12); }

.mat-elevation-z18 {
  box-shadow: 0px 9px 11px -5px rgba(0, 0, 0, 0.2), 0px 18px 28px 2px rgba(0, 0, 0, 0.14), 0px 7px 34px 6px rgba(0, 0, 0, 0.12); }

.mat-elevation-z19 {
  box-shadow: 0px 9px 12px -6px rgba(0, 0, 0, 0.2), 0px 19px 29px 2px rgba(0, 0, 0, 0.14), 0px 7px 36px 6px rgba(0, 0, 0, 0.12); }

.mat-elevation-z20 {
  box-shadow: 0px 10px 13px -6px rgba(0, 0, 0, 0.2), 0px 20px 31px 3px rgba(0, 0, 0, 0.14), 0px 8px 38px 7px rgba(0, 0, 0, 0.12); }

.mat-elevation-z21 {
  box-shadow: 0px 10px 13px -6px rgba(0, 0, 0, 0.2), 0px 21px 33px 3px rgba(0, 0, 0, 0.14), 0px 8px 40px 7px rgba(0, 0, 0, 0.12); }

.mat-elevation-z22 {
  box-shadow: 0px 10px 14px -6px rgba(0, 0, 0, 0.2), 0px 22px 35px 3px rgba(0, 0, 0, 0.14), 0px 8px 42px 7px rgba(0, 0, 0, 0.12); }

.mat-elevation-z23 {
  box-shadow: 0px 11px 14px -7px rgba(0, 0, 0, 0.2), 0px 23px 36px 3px rgba(0, 0, 0, 0.14), 0px 9px 44px 8px rgba(0, 0, 0, 0.12); }

.mat-elevation-z24 {
  box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12); }

.mat-badge-content {
  font-weight: 500;
  font-size: 12px;
  font-family: Roboto; }

.mat-badge-small .mat-badge-content {
  font-size: 6px; }

.mat-badge-large .mat-badge-content {
  font-size: 24px; }

.mat-h1, .mat-headline, .mat-typography h1 {
  font: 400 24px/32px Roboto;
  margin: 0 0 16px; }

.mat-h2, .mat-title, .mat-typography h2 {
  font: 500 20px/32px Roboto;
  margin: 0 0 16px; }

.mat-h3, .mat-subheading-2, .mat-typography h3 {
  font: 400 16px/28px Roboto;
  margin: 0 0 16px; }

.mat-h4, .mat-subheading-1, .mat-typography h4 {
  font: 400 15px/24px Roboto;
  margin: 0 0 16px; }

.mat-h5, .mat-typography h5 {
  font: 400 11.62px/20px Roboto;
  margin: 0 0 12px; }

.mat-h6, .mat-typography h6 {
  font: 400 9.38px/20px Roboto;
  margin: 0 0 12px; }

.mat-body-strong, .mat-body-2 {
  font: 500 14px/24px Roboto; }

.mat-body, .mat-body-1, .mat-typography {
  font: 400 14px/20px Roboto; }
  .mat-body p, .mat-body-1 p, .mat-typography p {
    margin: 0 0 12px; }

.mat-small, .mat-caption {
  font: 400 12px/20px Roboto; }

.mat-display-4, .mat-typography .mat-display-4 {
  font: 300 112px/112px Roboto;
  margin: 0 0 56px;
  letter-spacing: -0.05em; }

.mat-display-3, .mat-typography .mat-display-3 {
  font: 400 56px/56px Roboto;
  margin: 0 0 64px;
  letter-spacing: -0.02em; }

.mat-display-2, .mat-typography .mat-display-2 {
  font: 400 45px/48px Roboto;
  margin: 0 0 64px;
  letter-spacing: -0.005em; }

.mat-display-1, .mat-typography .mat-display-1 {
  font: 400 34px/40px Roboto;
  margin: 0 0 64px; }

.mat-bottom-sheet-container {
  font-family: Roboto;
  font-size: 16px;
  font-weight: 400; }

.mat-button,
.mat-raised-button,
.mat-icon-button,
.mat-stroked-button,
.mat-flat-button,
.mat-fab,
.mat-mini-fab {
  font-family: Roboto;
  font-size: 14px;
  font-weight: 500; }

.mat-button-toggle {
  font-family: Roboto; }

.mat-card-title {
  font-size: 24px;
  font-weight: 400; }

.mat-card-subtitle,
.mat-card-content,
.mat-card-header .mat-card-title {
  font-size: 14px; }

.mat-checkbox {
  font-family: Roboto; }

.mat-checkbox-layout .mat-checkbox-label {
  line-height: 24px; }

.mat-chip {
  font-size: 13px;
  line-height: 18px; }
  .mat-chip .mat-chip-trailing-icon.mat-icon,
  .mat-chip .mat-chip-remove.mat-icon {
    font-size: 18px; }

.mat-table {
  font-family: Roboto; }

.mat-header-cell {
  font-size: 12px;
  font-weight: 500; }

.mat-cell, .mat-footer-cell {
  font-size: 14px; }

.mat-calendar {
  font-family: Roboto; }

.mat-calendar-body {
  font-size: 13px; }

.mat-calendar-body-label,
.mat-calendar-period-button {
  font-size: 14px;
  font-weight: 500; }

.mat-calendar-table-header th {
  font-size: 11px;
  font-weight: 400; }

.mat-dialog-title {
  font: 500 20px/32px Roboto; }

.mat-expansion-panel-header {
  font-size: 15px;
  font-weight: 400; }

.mat-expansion-panel-content {
  font: 400 14px/20px Roboto; }

.mat-form-field {
  font-size: inherit;
  font-weight: 400;
  line-height: 1.125;
  font-family: Roboto; }

.mat-form-field-wrapper {
  padding-bottom: 1.17375em;
  margin-bottom: -1.17375em !important; }

.mat-form-field-prefix .mat-icon,
.mat-form-field-suffix .mat-icon {
  font-size: 150%;
  line-height: 0.125; }

.mat-form-field-prefix .mat-icon-button,
.mat-form-field-suffix .mat-icon-button {
  height: 1em;
  width: 1em; }
  .mat-form-field-prefix .mat-icon-button .mat-icon,
  .mat-form-field-suffix .mat-icon-button .mat-icon {
    height: 1.125em;
    line-height: 1.125; }

.mat-form-field-infix {
  padding: 0.5em 0;
  border-top: 0.84375em solid transparent; }

.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label,
.mat-form-field-can-float .mat-input-server:focus + .mat-form-field-label-wrapper .mat-form-field-label {
  transform: translateY(-1.34375em) scale(0.75);
  width: 133.33333%; }

.mat-form-field-can-float .mat-input-server[label]:not(:label-shown) + .mat-form-field-label-wrapper .mat-form-field-label {
  transform: translateY(-1.34374em) scale(0.75);
  width: 133.33334%; }

.mat-form-field-label-wrapper {
  top: -0.84375em;
  padding-top: 0.84375em; }

.mat-form-field-label {
  top: 1.34375em; }

.mat-form-field-underline {
  bottom: 1.17375em; }

.mat-form-field-subscript-wrapper {
  font-size: 75%;
  margin-top: 0.44em;
  top: calc(100% - 1.565em); }

.mat-form-field-appearance-legacy .mat-form-field-wrapper {
  padding-bottom: 1.25em; }

.mat-form-field-appearance-legacy .mat-form-field-infix {
  padding: 0.4375em 0; }

.mat-form-field-appearance-legacy.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label,
.mat-form-field-appearance-legacy.mat-form-field-can-float .mat-input-server:focus + .mat-form-field-label-wrapper .mat-form-field-label {
  transform: translateY(-1.28125em) scale(0.75) perspective(100px) translateZ(0.001px);
  -ms-transform: translateY(-1.28125em) scale(0.75);
  width: 133.33333%; }

.mat-form-field-appearance-legacy.mat-form-field-can-float .mat-form-field-autofill-control:-webkit-autofill + .mat-form-field-label-wrapper .mat-form-field-label {
  transform: translateY(-1.28125em) scale(0.75) perspective(100px) translateZ(0.00101px);
  -ms-transform: translateY(-1.28124em) scale(0.75);
  width: 133.33334%; }

.mat-form-field-appearance-legacy.mat-form-field-can-float .mat-input-server[label]:not(:label-shown) + .mat-form-field-label-wrapper .mat-form-field-label {
  transform: translateY(-1.28125em) scale(0.75) perspective(100px) translateZ(0.00102px);
  -ms-transform: translateY(-1.28123em) scale(0.75);
  width: 133.33335%; }

.mat-form-field-appearance-legacy .mat-form-field-label {
  top: 1.28125em; }

.mat-form-field-appearance-legacy .mat-form-field-underline {
  bottom: 1.25em; }

.mat-form-field-appearance-legacy .mat-form-field-subscript-wrapper {
  margin-top: 0.54167em;
  top: calc(100% - 1.66667em); }

.mat-form-field-appearance-fill .mat-form-field-infix {
  padding: 0.6em 0 0.66em 0; }

.mat-form-field-appearance-fill .mat-form-field-label {
  top: 0.6em;
  margin-top: -0.5em; }

.mat-form-field-appearance-fill.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label,
.mat-form-field-appearance-fill.mat-form-field-can-float .mat-input-server:focus + .mat-form-field-label-wrapper .mat-form-field-label {
  transform: translateY(-0.1em) scale(0.75);
  width: 133.33333%; }

.mat-form-field-appearance-fill.mat-form-field-can-float .mat-input-server[label]:not(:label-shown) + .mat-form-field-label-wrapper .mat-form-field-label {
  transform: translateY(-0.09999em) scale(0.75);
  width: 133.33334%; }

.mat-form-field-appearance-outline .mat-form-field-infix {
  padding: 0.66em 0 0.66em 0;
  border-top: 0; }

.mat-form-field-appearance-outline .mat-form-field-outline {
  top: 0 !important; }

.mat-form-field-appearance-outline .mat-form-field-label {
  top: 0.66em;
  margin-top: -0.25em; }

.mat-form-field-appearance-outline.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label,
.mat-form-field-appearance-outline.mat-form-field-can-float .mat-input-server:focus + .mat-form-field-label-wrapper .mat-form-field-label {
  transform: translateY(-0.41em) scale(0.75);
  width: 133.33333%; }

.mat-form-field-appearance-outline.mat-form-field-can-float .mat-input-server[label]:not(:label-shown) + .mat-form-field-label-wrapper .mat-form-field-label {
  transform: translateY(-0.40999em) scale(0.75);
  width: 133.33334%; }

.mat-grid-tile-header,
.mat-grid-tile-footer {
  font-size: 14px; }
  .mat-grid-tile-header .mat-line,
  .mat-grid-tile-footer .mat-line {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
    box-sizing: border-box; }
    .mat-grid-tile-header .mat-line:nth-child(n+2),
    .mat-grid-tile-footer .mat-line:nth-child(n+2) {
      font-size: 12px; }

input.mat-input-element {
  margin-top: -0.0625em; }

.mat-menu-item {
  font-size: 14px;
  font-weight: 400; }

.mat-paginator,
.mat-paginator-page-size .mat-select-trigger {
  font-family: Roboto;
  font-size: 12px; }

.mat-radio-button {
  font-family: Roboto; }

.mat-select {
  font-family: Roboto; }

.mat-select-trigger {
  height: 1.125em; }

.mat-slide-toggle-content {
  font: 400 14px/20px Roboto; }

.mat-slider-thumb-label-text {
  font-family: Roboto;
  font-size: 12px;
  font-weight: 500; }

.mat-stepper-vertical, .mat-stepper-horizontal {
  font-family: Roboto; }

.mat-step-label {
  font-size: 14px;
  font-weight: 400; }

.mat-step-label-selected {
  font-size: 14px;
  font-weight: 500; }

.mat-tab-label, .mat-tab-link {
  font-size: 14px; }

.mat-toolbar,
.mat-toolbar h1,
.mat-toolbar h2,
.mat-toolbar h3,
.mat-toolbar h4,
.mat-toolbar h5,
.mat-toolbar h6 {
  font: 500 20px/32px Roboto;
  margin: 0; }

.mat-tooltip {
  font-family: Roboto;
  font-size: 12px;
  font-weight: 500;
  white-space: pre;
  padding: 8px 12px !important; }

.mat-tooltip-handset {
  font-size: 14px;
  padding-top: 9px;
  padding-bottom: 9px; }

.mat-list-item {
  font-family: Roboto; }

.mat-list-option {
  font-family: Roboto; }

.mat-list .mat-list-item, .mat-nav-list .mat-list-item, .mat-selection-list .mat-list-item {
  font-size: 16px; }
  .mat-list .mat-list-item .mat-line, .mat-nav-list .mat-list-item .mat-line, .mat-selection-list .mat-list-item .mat-line {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
    box-sizing: border-box; }
    .mat-list .mat-list-item .mat-line:nth-child(n+2), .mat-nav-list .mat-list-item .mat-line:nth-child(n+2), .mat-selection-list .mat-list-item .mat-line:nth-child(n+2) {
      font-size: 14px; }

.mat-list .mat-list-option, .mat-nav-list .mat-list-option, .mat-selection-list .mat-list-option {
  font-size: 16px; }
  .mat-list .mat-list-option .mat-line, .mat-nav-list .mat-list-option .mat-line, .mat-selection-list .mat-list-option .mat-line {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
    box-sizing: border-box; }
    .mat-list .mat-list-option .mat-line:nth-child(n+2), .mat-nav-list .mat-list-option .mat-line:nth-child(n+2), .mat-selection-list .mat-list-option .mat-line:nth-child(n+2) {
      font-size: 14px; }

.mat-list .mat-subheader, .mat-nav-list .mat-subheader, .mat-selection-list .mat-subheader {
  font-family: Roboto;
  font-size: 14px;
  font-weight: 500; }

.mat-list[dense] .mat-list-item, .mat-nav-list[dense] .mat-list-item, .mat-selection-list[dense] .mat-list-item {
  font-size: 12px; }
  .mat-list[dense] .mat-list-item .mat-line, .mat-nav-list[dense] .mat-list-item .mat-line, .mat-selection-list[dense] .mat-list-item .mat-line {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
    box-sizing: border-box; }
    .mat-list[dense] .mat-list-item .mat-line:nth-child(n+2), .mat-nav-list[dense] .mat-list-item .mat-line:nth-child(n+2), .mat-selection-list[dense] .mat-list-item .mat-line:nth-child(n+2) {
      font-size: 12px; }

.mat-list[dense] .mat-list-option, .mat-nav-list[dense] .mat-list-option, .mat-selection-list[dense] .mat-list-option {
  font-size: 12px; }
  .mat-list[dense] .mat-list-option .mat-line, .mat-nav-list[dense] .mat-list-option .mat-line, .mat-selection-list[dense] .mat-list-option .mat-line {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
    box-sizing: border-box; }
    .mat-list[dense] .mat-list-option .mat-line:nth-child(n+2), .mat-nav-list[dense] .mat-list-option .mat-line:nth-child(n+2), .mat-selection-list[dense] .mat-list-option .mat-line:nth-child(n+2) {
      font-size: 12px; }

.mat-list[dense] .mat-subheader, .mat-nav-list[dense] .mat-subheader, .mat-selection-list[dense] .mat-subheader {
  font-family: Roboto;
  font-size: 12px;
  font-weight: 500; }

.mat-option {
  font-family: Roboto;
  font-size: 14px; }

.mat-optgroup-label {
  font: 500 14px/24px Roboto; }

.mat-simple-snackbar {
  font-family: Roboto;
  font-size: 14px; }

.mat-simple-snackbar-action {
  line-height: 1;
  font-family: inherit;
  font-size: inherit;
  font-weight: 500; }

.mat-tree {
  font-family: Roboto; }

.mat-tree-node {
  font-weight: 400;
  font-size: 14px; }

.mat-ripple {
  overflow: hidden; }
  @media screen and (-ms-high-contrast: active) {
    .mat-ripple {
      display: none; } }

.mat-ripple.mat-ripple-unbounded {
  overflow: visible; }

.mat-ripple-element {
  position: absolute;
  border-radius: 50%;
  pointer-events: none;
  transition: opacity, transform 0ms cubic-bezier(0, 0, 0.2, 1);
  transform: scale(0); }

.cdk-visually-hidden {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
  outline: 0;
  -webkit-appearance: none;
  -moz-appearance: none; }

.cdk-overlay-container, .cdk-global-overlay-wrapper {
  pointer-events: none;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%; }

.cdk-overlay-container {
  position: fixed;
  z-index: 2000; }
  .cdk-overlay-container:empty {
    display: none; }

.cdk-global-overlay-wrapper {
  display: flex;
  position: absolute;
  z-index: 2000; }

.cdk-overlay-pane {
  position: absolute;
  pointer-events: auto;
  box-sizing: border-box;
  z-index: 2000;
  display: flex;
  max-width: 100%;
  max-height: 100%; }

.cdk-overlay-backdrop {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 2000;
  pointer-events: auto;
  -webkit-tap-highlight-color: transparent;
  transition: opacity 400ms cubic-bezier(0.25, 0.8, 0.25, 1);
  opacity: 0; }
  .cdk-overlay-backdrop.cdk-overlay-backdrop-showing {
    opacity: 1; }
    @media screen and (-ms-high-contrast: active) {
      .cdk-overlay-backdrop.cdk-overlay-backdrop-showing {
        opacity: 0.6; } }

.cdk-overlay-dark-backdrop {
  background: rgba(0, 0, 0, 0.288); }

.cdk-overlay-transparent-backdrop, .cdk-overlay-transparent-backdrop.cdk-overlay-backdrop-showing {
  opacity: 0; }

.cdk-overlay-connected-position-bounding-box {
  position: absolute;
  z-index: 2000;
  display: flex;
  flex-direction: column;
  min-width: 1px;
  min-height: 1px; }

.cdk-global-scrollblock {
  position: fixed;
  width: 100%;
  overflow-y: scroll; }

@keyframes cdk-text-field-autofill-start {}@keyframes cdk-text-field-autofill-end {}.cdk-text-field-autofill-monitored:-webkit-autofill {
  animation-name: cdk-text-field-autofill-start; }

.cdk-text-field-autofill-monitored:not(:-webkit-autofill) {
  animation-name: cdk-text-field-autofill-end; }

textarea.cdk-textarea-autosize {
  resize: none; }

textarea.cdk-textarea-autosize-measuring {
  height: auto !important;
  overflow: hidden !important;
  padding: 2px 0 !important;
  box-sizing: content-box !important; }

html,
body {
  font-family: Roboto;
  color: black; }
  html.netxinvestor,
  body.netxinvestor {
    font-family: Roboto !important; }
  html.mobileapp,
  body.mobileapp {
    font-family: "Helvetica Neue", Roboto, Helvetica, Arial, sans-serif; }
  html.soria,
  body.soria {
    font-family: Verdana, Myriad, Helvetica, Tahoma, Arial, clean, sans-serif; }

a {
  text-decoration: none;
  color: #120237; }
  a:hover {
    color: #0e022c;
    text-decoration: underline; }

body {
  font-size: 1.6rem; }

h1 {
  font-size: 2.4rem;
  line-height: 110%;
  margin: 1.2rem 0 0.96rem 0;
  font-weight: 400; }

h2 {
  font-size: 2rem;
  line-height: 110%;
  margin: 1rem 0 0.8rem 0; }

h3 {
  font-size: 1.6rem;
  line-height: 110%;
  margin: 0.8rem 0 0.64rem 0;
  font-weight: 400; }

h4 {
  font-size: 1.4rem;
  line-height: 110%;
  margin: 0.7rem 0 0.56rem 0; }

h5 {
  font-size: 1.2rem;
  line-height: 110%;
  margin: 0.6rem 0 0.48rem 0; }

h6 {
  font-size: 1rem;
  line-height: 110%;
  margin: 0.5rem 0 0.4rem 0; }

small,
.small {
  font-size: 1.2rem; }

.regular {
  font-size: 1.6rem; }

.large {
  font-size: 1.8rem; }

.xlarge {
  font-size: 2rem; }

.xxlarge {
  font-size: 2.4rem; }

.xsmall {
  font-size: 1rem; }

.xxsmall {
  font-size: 0.8rem; }

/*---- GRID LAYOUT _grid-layout.scss ----*/
body {
  background-color: #f9f9f9; }

.wrapper {
  max-width: 100%;
  min-width: 1136px; }

.container-fluid {
  padding-right: 1.5rem;
  padding-left: 1.5rem; }

.row {
  padding-top: 0;
  margin-right: -1rem;
  margin-left: -1rem; }

.col-xs {
  box-sizing: border-box;
  -webkit-box-flex: 0;
  -webkit-flex-grow: 0;
  -moz-flex-grow: 0;
  -ms-flex-positive: 0;
  flex-grow: 0;
  -webkit-flex-shrink: 0;
  -moz-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  padding-right: 1rem;
  padding-left: 1rem;
  -webkit-flex-basis: auto;
  -moz-flex-basis: auto;
  -ms-flex-preferred-size: auto;
  flex-basis: auto; }

.col-xs-1 {
  box-sizing: border-box;
  -webkit-box-flex: 0;
  -webkit-flex-grow: 0;
  -moz-flex-grow: 0;
  -ms-flex-positive: 0;
  flex-grow: 0;
  -webkit-flex-shrink: 0;
  -moz-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  padding-right: 1rem;
  padding-left: 1rem;
  -webkit-flex-basis: 8.33333%;
  -moz-flex-basis: 8.33333%;
  -ms-flex-preferred-size: 8.33333%;
  flex-basis: 8.33333%;
  max-width: 8.33333%; }

.col-xs-2 {
  box-sizing: border-box;
  -webkit-box-flex: 0;
  -webkit-flex-grow: 0;
  -moz-flex-grow: 0;
  -ms-flex-positive: 0;
  flex-grow: 0;
  -webkit-flex-shrink: 0;
  -moz-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  padding-right: 1rem;
  padding-left: 1rem;
  -webkit-flex-basis: 16.66667%;
  -moz-flex-basis: 16.66667%;
  -ms-flex-preferred-size: 16.66667%;
  flex-basis: 16.66667%;
  max-width: 16.66667%; }

.col-xs-3 {
  box-sizing: border-box;
  -webkit-box-flex: 0;
  -webkit-flex-grow: 0;
  -moz-flex-grow: 0;
  -ms-flex-positive: 0;
  flex-grow: 0;
  -webkit-flex-shrink: 0;
  -moz-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  padding-right: 1rem;
  padding-left: 1rem;
  -webkit-flex-basis: 25%;
  -moz-flex-basis: 25%;
  -ms-flex-preferred-size: 25%;
  flex-basis: 25%;
  max-width: 25%; }

.col-xs-4 {
  box-sizing: border-box;
  -webkit-box-flex: 0;
  -webkit-flex-grow: 0;
  -moz-flex-grow: 0;
  -ms-flex-positive: 0;
  flex-grow: 0;
  -webkit-flex-shrink: 0;
  -moz-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  padding-right: 1rem;
  padding-left: 1rem;
  -webkit-flex-basis: 33.33333%;
  -moz-flex-basis: 33.33333%;
  -ms-flex-preferred-size: 33.33333%;
  flex-basis: 33.33333%;
  max-width: 33.33333%; }

.col-xs-5 {
  box-sizing: border-box;
  -webkit-box-flex: 0;
  -webkit-flex-grow: 0;
  -moz-flex-grow: 0;
  -ms-flex-positive: 0;
  flex-grow: 0;
  -webkit-flex-shrink: 0;
  -moz-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  padding-right: 1rem;
  padding-left: 1rem;
  -webkit-flex-basis: 41.66667%;
  -moz-flex-basis: 41.66667%;
  -ms-flex-preferred-size: 41.66667%;
  flex-basis: 41.66667%;
  max-width: 41.66667%; }

.col-xs-6 {
  box-sizing: border-box;
  -webkit-box-flex: 0;
  -webkit-flex-grow: 0;
  -moz-flex-grow: 0;
  -ms-flex-positive: 0;
  flex-grow: 0;
  -webkit-flex-shrink: 0;
  -moz-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  padding-right: 1rem;
  padding-left: 1rem;
  -webkit-flex-basis: 50%;
  -moz-flex-basis: 50%;
  -ms-flex-preferred-size: 50%;
  flex-basis: 50%;
  max-width: 50%; }

.col-xs-7 {
  box-sizing: border-box;
  -webkit-box-flex: 0;
  -webkit-flex-grow: 0;
  -moz-flex-grow: 0;
  -ms-flex-positive: 0;
  flex-grow: 0;
  -webkit-flex-shrink: 0;
  -moz-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  padding-right: 1rem;
  padding-left: 1rem;
  -webkit-flex-basis: 58.33333%;
  -moz-flex-basis: 58.33333%;
  -ms-flex-preferred-size: 58.33333%;
  flex-basis: 58.33333%;
  max-width: 58.33333%; }

.col-xs-8 {
  box-sizing: border-box;
  -webkit-box-flex: 0;
  -webkit-flex-grow: 0;
  -moz-flex-grow: 0;
  -ms-flex-positive: 0;
  flex-grow: 0;
  -webkit-flex-shrink: 0;
  -moz-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  padding-right: 1rem;
  padding-left: 1rem;
  -webkit-flex-basis: 66.66667%;
  -moz-flex-basis: 66.66667%;
  -ms-flex-preferred-size: 66.66667%;
  flex-basis: 66.66667%;
  max-width: 66.66667%; }

.col-xs-9 {
  box-sizing: border-box;
  -webkit-box-flex: 0;
  -webkit-flex-grow: 0;
  -moz-flex-grow: 0;
  -ms-flex-positive: 0;
  flex-grow: 0;
  -webkit-flex-shrink: 0;
  -moz-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  padding-right: 1rem;
  padding-left: 1rem;
  -webkit-flex-basis: 75%;
  -moz-flex-basis: 75%;
  -ms-flex-preferred-size: 75%;
  flex-basis: 75%;
  max-width: 75%; }

.col-xs-10 {
  box-sizing: border-box;
  -webkit-box-flex: 0;
  -webkit-flex-grow: 0;
  -moz-flex-grow: 0;
  -ms-flex-positive: 0;
  flex-grow: 0;
  -webkit-flex-shrink: 0;
  -moz-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  padding-right: 1rem;
  padding-left: 1rem;
  -webkit-flex-basis: 83.33333%;
  -moz-flex-basis: 83.33333%;
  -ms-flex-preferred-size: 83.33333%;
  flex-basis: 83.33333%;
  max-width: 83.33333%; }

.col-xs-11 {
  box-sizing: border-box;
  -webkit-box-flex: 0;
  -webkit-flex-grow: 0;
  -moz-flex-grow: 0;
  -ms-flex-positive: 0;
  flex-grow: 0;
  -webkit-flex-shrink: 0;
  -moz-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  padding-right: 1rem;
  padding-left: 1rem;
  -webkit-flex-basis: 91.66667%;
  -moz-flex-basis: 91.66667%;
  -ms-flex-preferred-size: 91.66667%;
  flex-basis: 91.66667%;
  max-width: 91.66667%; }

.col-xs-12 {
  box-sizing: border-box;
  -webkit-box-flex: 0;
  -webkit-flex-grow: 0;
  -moz-flex-grow: 0;
  -ms-flex-positive: 0;
  flex-grow: 0;
  -webkit-flex-shrink: 0;
  -moz-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  padding-right: 1rem;
  padding-left: 1rem;
  -webkit-flex-basis: 100%;
  -moz-flex-basis: 100%;
  -ms-flex-preferred-size: 100%;
  flex-basis: 100%;
  max-width: 100%; }

.col-xs-offset-0 {
  box-sizing: border-box;
  -webkit-box-flex: 0;
  -webkit-flex-grow: 0;
  -moz-flex-grow: 0;
  -ms-flex-positive: 0;
  flex-grow: 0;
  -webkit-flex-shrink: 0;
  -moz-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  padding-right: 1rem;
  padding-left: 1rem;
  margin-left: 0; }

.col-xs-offset-1 {
  box-sizing: border-box;
  -webkit-box-flex: 0;
  -webkit-flex-grow: 0;
  -moz-flex-grow: 0;
  -ms-flex-positive: 0;
  flex-grow: 0;
  -webkit-flex-shrink: 0;
  -moz-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  padding-right: 1rem;
  padding-left: 1rem;
  margin-left: 8.33333%; }

.col-xs-offset-2 {
  box-sizing: border-box;
  -webkit-box-flex: 0;
  -webkit-flex-grow: 0;
  -moz-flex-grow: 0;
  -ms-flex-positive: 0;
  flex-grow: 0;
  -webkit-flex-shrink: 0;
  -moz-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  padding-right: 1rem;
  padding-left: 1rem;
  margin-left: 16.66667%; }

.col-xs-offset-3 {
  box-sizing: border-box;
  -webkit-box-flex: 0;
  -webkit-flex-grow: 0;
  -moz-flex-grow: 0;
  -ms-flex-positive: 0;
  flex-grow: 0;
  -webkit-flex-shrink: 0;
  -moz-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  padding-right: 1rem;
  padding-left: 1rem;
  margin-left: 25%; }

.col-xs-offset-4 {
  box-sizing: border-box;
  -webkit-box-flex: 0;
  -webkit-flex-grow: 0;
  -moz-flex-grow: 0;
  -ms-flex-positive: 0;
  flex-grow: 0;
  -webkit-flex-shrink: 0;
  -moz-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  padding-right: 1rem;
  padding-left: 1rem;
  margin-left: 33.33333%; }

.col-xs-offset-5 {
  box-sizing: border-box;
  -webkit-box-flex: 0;
  -webkit-flex-grow: 0;
  -moz-flex-grow: 0;
  -ms-flex-positive: 0;
  flex-grow: 0;
  -webkit-flex-shrink: 0;
  -moz-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  padding-right: 1rem;
  padding-left: 1rem;
  margin-left: 41.66667%; }

.col-xs-offset-6 {
  box-sizing: border-box;
  -webkit-box-flex: 0;
  -webkit-flex-grow: 0;
  -moz-flex-grow: 0;
  -ms-flex-positive: 0;
  flex-grow: 0;
  -webkit-flex-shrink: 0;
  -moz-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  padding-right: 1rem;
  padding-left: 1rem;
  margin-left: 50%; }

.col-xs-offset-7 {
  box-sizing: border-box;
  -webkit-box-flex: 0;
  -webkit-flex-grow: 0;
  -moz-flex-grow: 0;
  -ms-flex-positive: 0;
  flex-grow: 0;
  -webkit-flex-shrink: 0;
  -moz-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  padding-right: 1rem;
  padding-left: 1rem;
  margin-left: 58.33333%; }

.col-xs-offset-8 {
  box-sizing: border-box;
  -webkit-box-flex: 0;
  -webkit-flex-grow: 0;
  -moz-flex-grow: 0;
  -ms-flex-positive: 0;
  flex-grow: 0;
  -webkit-flex-shrink: 0;
  -moz-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  padding-right: 1rem;
  padding-left: 1rem;
  margin-left: 66.66667%; }

.col-xs-offset-9 {
  box-sizing: border-box;
  -webkit-box-flex: 0;
  -webkit-flex-grow: 0;
  -moz-flex-grow: 0;
  -ms-flex-positive: 0;
  flex-grow: 0;
  -webkit-flex-shrink: 0;
  -moz-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  padding-right: 1rem;
  padding-left: 1rem;
  margin-left: 75%; }

.col-xs-offset-10 {
  box-sizing: border-box;
  -webkit-box-flex: 0;
  -webkit-flex-grow: 0;
  -moz-flex-grow: 0;
  -ms-flex-positive: 0;
  flex-grow: 0;
  -webkit-flex-shrink: 0;
  -moz-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  padding-right: 1rem;
  padding-left: 1rem;
  margin-left: 83.33333%; }

.col-xs-offset-11 {
  box-sizing: border-box;
  -webkit-box-flex: 0;
  -webkit-flex-grow: 0;
  -moz-flex-grow: 0;
  -ms-flex-positive: 0;
  flex-grow: 0;
  -webkit-flex-shrink: 0;
  -moz-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  padding-right: 1rem;
  padding-left: 1rem;
  margin-left: 91.66667%; }

.col-xs-offset-12 {
  box-sizing: border-box;
  -webkit-box-flex: 0;
  -webkit-flex-grow: 0;
  -moz-flex-grow: 0;
  -ms-flex-positive: 0;
  flex-grow: 0;
  -webkit-flex-shrink: 0;
  -moz-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  padding-right: 1rem;
  padding-left: 1rem;
  margin-left: 100%; }

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

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

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

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

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

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

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

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

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

.first-xs {
  order: -1; }

.last-xs {
  order: 1; }

@media only screen and (min-width: 48em) {
  .container {
    width: 46rem; }
  .col-sm {
    box-sizing: border-box;
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -moz-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -webkit-flex-shrink: 0;
    -moz-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding-right: 1rem;
    padding-left: 1rem;
    -webkit-flex-basis: auto;
    -moz-flex-basis: auto;
    -ms-flex-preferred-size: auto;
    flex-basis: auto; }
  .col-sm-1 {
    box-sizing: border-box;
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -moz-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -webkit-flex-shrink: 0;
    -moz-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding-right: 1rem;
    padding-left: 1rem;
    -webkit-flex-basis: 8.33333%;
    -moz-flex-basis: 8.33333%;
    -ms-flex-preferred-size: 8.33333%;
    flex-basis: 8.33333%;
    max-width: 8.33333%; }
  .col-sm-2 {
    box-sizing: border-box;
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -moz-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -webkit-flex-shrink: 0;
    -moz-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding-right: 1rem;
    padding-left: 1rem;
    -webkit-flex-basis: 16.66667%;
    -moz-flex-basis: 16.66667%;
    -ms-flex-preferred-size: 16.66667%;
    flex-basis: 16.66667%;
    max-width: 16.66667%; }
  .col-sm-3 {
    box-sizing: border-box;
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -moz-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -webkit-flex-shrink: 0;
    -moz-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding-right: 1rem;
    padding-left: 1rem;
    -webkit-flex-basis: 25%;
    -moz-flex-basis: 25%;
    -ms-flex-preferred-size: 25%;
    flex-basis: 25%;
    max-width: 25%; }
  .col-sm-4 {
    box-sizing: border-box;
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -moz-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -webkit-flex-shrink: 0;
    -moz-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding-right: 1rem;
    padding-left: 1rem;
    -webkit-flex-basis: 33.33333%;
    -moz-flex-basis: 33.33333%;
    -ms-flex-preferred-size: 33.33333%;
    flex-basis: 33.33333%;
    max-width: 33.33333%; }
  .col-sm-5 {
    box-sizing: border-box;
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -moz-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -webkit-flex-shrink: 0;
    -moz-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding-right: 1rem;
    padding-left: 1rem;
    -webkit-flex-basis: 41.66667%;
    -moz-flex-basis: 41.66667%;
    -ms-flex-preferred-size: 41.66667%;
    flex-basis: 41.66667%;
    max-width: 41.66667%; }
  .col-sm-6 {
    box-sizing: border-box;
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -moz-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -webkit-flex-shrink: 0;
    -moz-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding-right: 1rem;
    padding-left: 1rem;
    -webkit-flex-basis: 50%;
    -moz-flex-basis: 50%;
    -ms-flex-preferred-size: 50%;
    flex-basis: 50%;
    max-width: 50%; }
  .col-sm-7 {
    box-sizing: border-box;
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -moz-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -webkit-flex-shrink: 0;
    -moz-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding-right: 1rem;
    padding-left: 1rem;
    -webkit-flex-basis: 58.33333%;
    -moz-flex-basis: 58.33333%;
    -ms-flex-preferred-size: 58.33333%;
    flex-basis: 58.33333%;
    max-width: 58.33333%; }
  .col-sm-8 {
    box-sizing: border-box;
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -moz-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -webkit-flex-shrink: 0;
    -moz-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding-right: 1rem;
    padding-left: 1rem;
    -webkit-flex-basis: 66.66667%;
    -moz-flex-basis: 66.66667%;
    -ms-flex-preferred-size: 66.66667%;
    flex-basis: 66.66667%;
    max-width: 66.66667%; }
  .col-sm-9 {
    box-sizing: border-box;
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -moz-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -webkit-flex-shrink: 0;
    -moz-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding-right: 1rem;
    padding-left: 1rem;
    -webkit-flex-basis: 75%;
    -moz-flex-basis: 75%;
    -ms-flex-preferred-size: 75%;
    flex-basis: 75%;
    max-width: 75%; }
  .col-sm-10 {
    box-sizing: border-box;
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -moz-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -webkit-flex-shrink: 0;
    -moz-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding-right: 1rem;
    padding-left: 1rem;
    -webkit-flex-basis: 83.33333%;
    -moz-flex-basis: 83.33333%;
    -ms-flex-preferred-size: 83.33333%;
    flex-basis: 83.33333%;
    max-width: 83.33333%; }
  .col-sm-11 {
    box-sizing: border-box;
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -moz-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -webkit-flex-shrink: 0;
    -moz-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding-right: 1rem;
    padding-left: 1rem;
    -webkit-flex-basis: 91.66667%;
    -moz-flex-basis: 91.66667%;
    -ms-flex-preferred-size: 91.66667%;
    flex-basis: 91.66667%;
    max-width: 91.66667%; }
  .col-sm-12 {
    box-sizing: border-box;
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -moz-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -webkit-flex-shrink: 0;
    -moz-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding-right: 1rem;
    padding-left: 1rem;
    -webkit-flex-basis: 100%;
    -moz-flex-basis: 100%;
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    max-width: 100%; }
  .col-sm-offset-0 {
    box-sizing: border-box;
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -moz-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -webkit-flex-shrink: 0;
    -moz-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding-right: 1rem;
    padding-left: 1rem;
    margin-left: 0; }
  .col-sm-offset-1 {
    box-sizing: border-box;
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -moz-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -webkit-flex-shrink: 0;
    -moz-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding-right: 1rem;
    padding-left: 1rem;
    margin-left: 8.33333%; }
  .col-sm-offset-2 {
    box-sizing: border-box;
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -moz-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -webkit-flex-shrink: 0;
    -moz-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding-right: 1rem;
    padding-left: 1rem;
    margin-left: 16.66667%; }
  .col-sm-offset-3 {
    box-sizing: border-box;
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -moz-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -webkit-flex-shrink: 0;
    -moz-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding-right: 1rem;
    padding-left: 1rem;
    margin-left: 25%; }
  .col-sm-offset-4 {
    box-sizing: border-box;
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -moz-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -webkit-flex-shrink: 0;
    -moz-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding-right: 1rem;
    padding-left: 1rem;
    margin-left: 33.33333%; }
  .col-sm-offset-5 {
    box-sizing: border-box;
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -moz-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -webkit-flex-shrink: 0;
    -moz-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding-right: 1rem;
    padding-left: 1rem;
    margin-left: 41.66667%; }
  .col-sm-offset-6 {
    box-sizing: border-box;
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -moz-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -webkit-flex-shrink: 0;
    -moz-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding-right: 1rem;
    padding-left: 1rem;
    margin-left: 50%; }
  .col-sm-offset-7 {
    box-sizing: border-box;
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -moz-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -webkit-flex-shrink: 0;
    -moz-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding-right: 1rem;
    padding-left: 1rem;
    margin-left: 58.33333%; }
  .col-sm-offset-8 {
    box-sizing: border-box;
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -moz-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -webkit-flex-shrink: 0;
    -moz-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding-right: 1rem;
    padding-left: 1rem;
    margin-left: 66.66667%; }
  .col-sm-offset-9 {
    box-sizing: border-box;
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -moz-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -webkit-flex-shrink: 0;
    -moz-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding-right: 1rem;
    padding-left: 1rem;
    margin-left: 75%; }
  .col-sm-offset-10 {
    box-sizing: border-box;
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -moz-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -webkit-flex-shrink: 0;
    -moz-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding-right: 1rem;
    padding-left: 1rem;
    margin-left: 83.33333%; }
  .col-sm-offset-11 {
    box-sizing: border-box;
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -moz-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -webkit-flex-shrink: 0;
    -moz-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding-right: 1rem;
    padding-left: 1rem;
    margin-left: 91.66667%; }
  .col-sm-offset-12 {
    box-sizing: border-box;
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -moz-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -webkit-flex-shrink: 0;
    -moz-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding-right: 1rem;
    padding-left: 1rem;
    margin-left: 100%; }
  .col-sm {
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -moz-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -webkit-flex-basis: 0;
    -moz-flex-basis: 0;
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    max-width: 100%; }
  .start-sm {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    -webkit-justify-content: flex-start;
    -moz-justify-content: flex-start;
    justify-content: flex-start;
    text-align: left; }
  .center-sm {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    justify-content: center;
    text-align: center; }
  .end-sm {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    -webkit-justify-content: flex-end;
    -moz-justify-content: flex-end;
    justify-content: flex-end;
    text-align: right; }
  .top-sm {
    -webkit-box-align: start;
    -ms-flex-align: start;
    -webkit-align-items: flex-start;
    -moz-align-items: flex-start;
    align-items: flex-start; }
  .middle-sm {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    align-items: center; }
  .bottom-sm {
    -webkit-box-align: end;
    -ms-flex-align: end;
    -webkit-align-items: flex-end;
    -moz-align-items: flex-end;
    align-items: flex-end; }
  .around-sm {
    -ms-flex-pack: distribute;
    -webkit-justify-content: space-around;
    -moz-justify-content: space-around;
    justify-content: space-around; }
  .between-sm {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
    justify-content: space-between; }
  .first-sm {
    order: -1; }
  .last-sm {
    order: 1; } }

@media only screen and (min-width: 62em) {
  .container {
    width: 61rem; }
  .col-md {
    box-sizing: border-box;
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -moz-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -webkit-flex-shrink: 0;
    -moz-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding-right: 1rem;
    padding-left: 1rem;
    -webkit-flex-basis: auto;
    -moz-flex-basis: auto;
    -ms-flex-preferred-size: auto;
    flex-basis: auto; }
  .col-md-1 {
    box-sizing: border-box;
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -moz-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -webkit-flex-shrink: 0;
    -moz-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding-right: 1rem;
    padding-left: 1rem;
    -webkit-flex-basis: 8.33333%;
    -moz-flex-basis: 8.33333%;
    -ms-flex-preferred-size: 8.33333%;
    flex-basis: 8.33333%;
    max-width: 8.33333%; }
  .col-md-2 {
    box-sizing: border-box;
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -moz-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -webkit-flex-shrink: 0;
    -moz-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding-right: 1rem;
    padding-left: 1rem;
    -webkit-flex-basis: 16.66667%;
    -moz-flex-basis: 16.66667%;
    -ms-flex-preferred-size: 16.66667%;
    flex-basis: 16.66667%;
    max-width: 16.66667%; }
  .col-md-3 {
    box-sizing: border-box;
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -moz-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -webkit-flex-shrink: 0;
    -moz-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding-right: 1rem;
    padding-left: 1rem;
    -webkit-flex-basis: 25%;
    -moz-flex-basis: 25%;
    -ms-flex-preferred-size: 25%;
    flex-basis: 25%;
    max-width: 25%; }
  .col-md-4 {
    box-sizing: border-box;
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -moz-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -webkit-flex-shrink: 0;
    -moz-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding-right: 1rem;
    padding-left: 1rem;
    -webkit-flex-basis: 33.33333%;
    -moz-flex-basis: 33.33333%;
    -ms-flex-preferred-size: 33.33333%;
    flex-basis: 33.33333%;
    max-width: 33.33333%; }
  .col-md-5 {
    box-sizing: border-box;
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -moz-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -webkit-flex-shrink: 0;
    -moz-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding-right: 1rem;
    padding-left: 1rem;
    -webkit-flex-basis: 41.66667%;
    -moz-flex-basis: 41.66667%;
    -ms-flex-preferred-size: 41.66667%;
    flex-basis: 41.66667%;
    max-width: 41.66667%; }
  .col-md-6 {
    box-sizing: border-box;
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -moz-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -webkit-flex-shrink: 0;
    -moz-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding-right: 1rem;
    padding-left: 1rem;
    -webkit-flex-basis: 50%;
    -moz-flex-basis: 50%;
    -ms-flex-preferred-size: 50%;
    flex-basis: 50%;
    max-width: 50%; }
  .col-md-7 {
    box-sizing: border-box;
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -moz-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -webkit-flex-shrink: 0;
    -moz-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding-right: 1rem;
    padding-left: 1rem;
    -webkit-flex-basis: 58.33333%;
    -moz-flex-basis: 58.33333%;
    -ms-flex-preferred-size: 58.33333%;
    flex-basis: 58.33333%;
    max-width: 58.33333%; }
  .col-md-8 {
    box-sizing: border-box;
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -moz-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -webkit-flex-shrink: 0;
    -moz-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding-right: 1rem;
    padding-left: 1rem;
    -webkit-flex-basis: 66.66667%;
    -moz-flex-basis: 66.66667%;
    -ms-flex-preferred-size: 66.66667%;
    flex-basis: 66.66667%;
    max-width: 66.66667%; }
  .col-md-9 {
    box-sizing: border-box;
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -moz-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -webkit-flex-shrink: 0;
    -moz-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding-right: 1rem;
    padding-left: 1rem;
    -webkit-flex-basis: 75%;
    -moz-flex-basis: 75%;
    -ms-flex-preferred-size: 75%;
    flex-basis: 75%;
    max-width: 75%; }
  .col-md-10 {
    box-sizing: border-box;
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -moz-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -webkit-flex-shrink: 0;
    -moz-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding-right: 1rem;
    padding-left: 1rem;
    -webkit-flex-basis: 83.33333%;
    -moz-flex-basis: 83.33333%;
    -ms-flex-preferred-size: 83.33333%;
    flex-basis: 83.33333%;
    max-width: 83.33333%; }
  .col-md-11 {
    box-sizing: border-box;
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -moz-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -webkit-flex-shrink: 0;
    -moz-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding-right: 1rem;
    padding-left: 1rem;
    -webkit-flex-basis: 91.66667%;
    -moz-flex-basis: 91.66667%;
    -ms-flex-preferred-size: 91.66667%;
    flex-basis: 91.66667%;
    max-width: 91.66667%; }
  .col-md-12 {
    box-sizing: border-box;
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -moz-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -webkit-flex-shrink: 0;
    -moz-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding-right: 1rem;
    padding-left: 1rem;
    -webkit-flex-basis: 100%;
    -moz-flex-basis: 100%;
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    max-width: 100%; }
  .col-md-offset-0 {
    box-sizing: border-box;
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -moz-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -webkit-flex-shrink: 0;
    -moz-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding-right: 1rem;
    padding-left: 1rem;
    margin-left: 0; }
  .col-md-offset-1 {
    box-sizing: border-box;
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -moz-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -webkit-flex-shrink: 0;
    -moz-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding-right: 1rem;
    padding-left: 1rem;
    margin-left: 8.33333%; }
  .col-md-offset-2 {
    box-sizing: border-box;
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -moz-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -webkit-flex-shrink: 0;
    -moz-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding-right: 1rem;
    padding-left: 1rem;
    margin-left: 16.66667%; }
  .col-md-offset-3 {
    box-sizing: border-box;
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -moz-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -webkit-flex-shrink: 0;
    -moz-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding-right: 1rem;
    padding-left: 1rem;
    margin-left: 25%; }
  .col-md-offset-4 {
    box-sizing: border-box;
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -moz-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -webkit-flex-shrink: 0;
    -moz-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding-right: 1rem;
    padding-left: 1rem;
    margin-left: 33.33333%; }
  .col-md-offset-5 {
    box-sizing: border-box;
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -moz-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -webkit-flex-shrink: 0;
    -moz-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding-right: 1rem;
    padding-left: 1rem;
    margin-left: 41.66667%; }
  .col-md-offset-6 {
    box-sizing: border-box;
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -moz-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -webkit-flex-shrink: 0;
    -moz-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding-right: 1rem;
    padding-left: 1rem;
    margin-left: 50%; }
  .col-md-offset-7 {
    box-sizing: border-box;
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -moz-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -webkit-flex-shrink: 0;
    -moz-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding-right: 1rem;
    padding-left: 1rem;
    margin-left: 58.33333%; }
  .col-md-offset-8 {
    box-sizing: border-box;
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -moz-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -webkit-flex-shrink: 0;
    -moz-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding-right: 1rem;
    padding-left: 1rem;
    margin-left: 66.66667%; }
  .col-md-offset-9 {
    box-sizing: border-box;
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -moz-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -webkit-flex-shrink: 0;
    -moz-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding-right: 1rem;
    padding-left: 1rem;
    margin-left: 75%; }
  .col-md-offset-10 {
    box-sizing: border-box;
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -moz-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -webkit-flex-shrink: 0;
    -moz-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding-right: 1rem;
    padding-left: 1rem;
    margin-left: 83.33333%; }
  .col-md-offset-11 {
    box-sizing: border-box;
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -moz-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -webkit-flex-shrink: 0;
    -moz-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding-right: 1rem;
    padding-left: 1rem;
    margin-left: 91.66667%; }
  .col-md-offset-12 {
    box-sizing: border-box;
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -moz-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -webkit-flex-shrink: 0;
    -moz-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding-right: 1rem;
    padding-left: 1rem;
    margin-left: 100%; }
  .col-md {
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -moz-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -webkit-flex-basis: 0;
    -moz-flex-basis: 0;
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    max-width: 100%; }
  .start-md {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    -webkit-justify-content: flex-start;
    -moz-justify-content: flex-start;
    justify-content: flex-start;
    text-align: left; }
  .center-md {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    justify-content: center;
    text-align: center; }
  .end-md {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    -webkit-justify-content: flex-end;
    -moz-justify-content: flex-end;
    justify-content: flex-end;
    text-align: right; }
  .top-md {
    -webkit-box-align: start;
    -ms-flex-align: start;
    -webkit-align-items: flex-start;
    -moz-align-items: flex-start;
    align-items: flex-start; }
  .middle-md {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    align-items: center; }
  .bottom-md {
    -webkit-box-align: end;
    -ms-flex-align: end;
    -webkit-align-items: flex-end;
    -moz-align-items: flex-end;
    align-items: flex-end; }
  .around-md {
    -ms-flex-pack: distribute;
    -webkit-justify-content: space-around;
    -moz-justify-content: space-around;
    justify-content: space-around; }
  .between-md {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
    justify-content: space-between; }
  .first-md {
    order: -1; }
  .last-md {
    order: 1; } }

@media only screen and (min-width: 75em) {
  .container {
    width: 71rem; }
  .col-lg {
    box-sizing: border-box;
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -moz-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -webkit-flex-shrink: 0;
    -moz-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding-right: 1rem;
    padding-left: 1rem;
    -webkit-flex-basis: auto;
    -moz-flex-basis: auto;
    -ms-flex-preferred-size: auto;
    flex-basis: auto; }
  .col-lg-1 {
    box-sizing: border-box;
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -moz-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -webkit-flex-shrink: 0;
    -moz-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding-right: 1rem;
    padding-left: 1rem;
    -webkit-flex-basis: 8.33333%;
    -moz-flex-basis: 8.33333%;
    -ms-flex-preferred-size: 8.33333%;
    flex-basis: 8.33333%;
    max-width: 8.33333%; }
  .col-lg-2 {
    box-sizing: border-box;
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -moz-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -webkit-flex-shrink: 0;
    -moz-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding-right: 1rem;
    padding-left: 1rem;
    -webkit-flex-basis: 16.66667%;
    -moz-flex-basis: 16.66667%;
    -ms-flex-preferred-size: 16.66667%;
    flex-basis: 16.66667%;
    max-width: 16.66667%; }
  .col-lg-3 {
    box-sizing: border-box;
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -moz-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -webkit-flex-shrink: 0;
    -moz-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding-right: 1rem;
    padding-left: 1rem;
    -webkit-flex-basis: 25%;
    -moz-flex-basis: 25%;
    -ms-flex-preferred-size: 25%;
    flex-basis: 25%;
    max-width: 25%; }
  .col-lg-4 {
    box-sizing: border-box;
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -moz-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -webkit-flex-shrink: 0;
    -moz-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding-right: 1rem;
    padding-left: 1rem;
    -webkit-flex-basis: 33.33333%;
    -moz-flex-basis: 33.33333%;
    -ms-flex-preferred-size: 33.33333%;
    flex-basis: 33.33333%;
    max-width: 33.33333%; }
  .col-lg-5 {
    box-sizing: border-box;
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -moz-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -webkit-flex-shrink: 0;
    -moz-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding-right: 1rem;
    padding-left: 1rem;
    -webkit-flex-basis: 41.66667%;
    -moz-flex-basis: 41.66667%;
    -ms-flex-preferred-size: 41.66667%;
    flex-basis: 41.66667%;
    max-width: 41.66667%; }
  .col-lg-6 {
    box-sizing: border-box;
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -moz-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -webkit-flex-shrink: 0;
    -moz-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding-right: 1rem;
    padding-left: 1rem;
    -webkit-flex-basis: 50%;
    -moz-flex-basis: 50%;
    -ms-flex-preferred-size: 50%;
    flex-basis: 50%;
    max-width: 50%; }
  .col-lg-7 {
    box-sizing: border-box;
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -moz-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -webkit-flex-shrink: 0;
    -moz-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding-right: 1rem;
    padding-left: 1rem;
    -webkit-flex-basis: 58.33333%;
    -moz-flex-basis: 58.33333%;
    -ms-flex-preferred-size: 58.33333%;
    flex-basis: 58.33333%;
    max-width: 58.33333%; }
  .col-lg-8 {
    box-sizing: border-box;
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -moz-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -webkit-flex-shrink: 0;
    -moz-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding-right: 1rem;
    padding-left: 1rem;
    -webkit-flex-basis: 66.66667%;
    -moz-flex-basis: 66.66667%;
    -ms-flex-preferred-size: 66.66667%;
    flex-basis: 66.66667%;
    max-width: 66.66667%; }
  .col-lg-9 {
    box-sizing: border-box;
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -moz-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -webkit-flex-shrink: 0;
    -moz-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding-right: 1rem;
    padding-left: 1rem;
    -webkit-flex-basis: 75%;
    -moz-flex-basis: 75%;
    -ms-flex-preferred-size: 75%;
    flex-basis: 75%;
    max-width: 75%; }
  .col-lg-10 {
    box-sizing: border-box;
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -moz-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -webkit-flex-shrink: 0;
    -moz-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding-right: 1rem;
    padding-left: 1rem;
    -webkit-flex-basis: 83.33333%;
    -moz-flex-basis: 83.33333%;
    -ms-flex-preferred-size: 83.33333%;
    flex-basis: 83.33333%;
    max-width: 83.33333%; }
  .col-lg-11 {
    box-sizing: border-box;
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -moz-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -webkit-flex-shrink: 0;
    -moz-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding-right: 1rem;
    padding-left: 1rem;
    -webkit-flex-basis: 91.66667%;
    -moz-flex-basis: 91.66667%;
    -ms-flex-preferred-size: 91.66667%;
    flex-basis: 91.66667%;
    max-width: 91.66667%; }
  .col-lg-12 {
    box-sizing: border-box;
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -moz-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -webkit-flex-shrink: 0;
    -moz-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding-right: 1rem;
    padding-left: 1rem;
    -webkit-flex-basis: 100%;
    -moz-flex-basis: 100%;
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    max-width: 100%; }
  .col-lg-offset-0 {
    box-sizing: border-box;
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -moz-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -webkit-flex-shrink: 0;
    -moz-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding-right: 1rem;
    padding-left: 1rem;
    margin-left: 0; }
  .col-lg-offset-1 {
    box-sizing: border-box;
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -moz-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -webkit-flex-shrink: 0;
    -moz-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding-right: 1rem;
    padding-left: 1rem;
    margin-left: 8.33333%; }
  .col-lg-offset-2 {
    box-sizing: border-box;
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -moz-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -webkit-flex-shrink: 0;
    -moz-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding-right: 1rem;
    padding-left: 1rem;
    margin-left: 16.66667%; }
  .col-lg-offset-3 {
    box-sizing: border-box;
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -moz-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -webkit-flex-shrink: 0;
    -moz-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding-right: 1rem;
    padding-left: 1rem;
    margin-left: 25%; }
  .col-lg-offset-4 {
    box-sizing: border-box;
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -moz-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -webkit-flex-shrink: 0;
    -moz-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding-right: 1rem;
    padding-left: 1rem;
    margin-left: 33.33333%; }
  .col-lg-offset-5 {
    box-sizing: border-box;
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -moz-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -webkit-flex-shrink: 0;
    -moz-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding-right: 1rem;
    padding-left: 1rem;
    margin-left: 41.66667%; }
  .col-lg-offset-6 {
    box-sizing: border-box;
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -moz-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -webkit-flex-shrink: 0;
    -moz-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding-right: 1rem;
    padding-left: 1rem;
    margin-left: 50%; }
  .col-lg-offset-7 {
    box-sizing: border-box;
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -moz-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -webkit-flex-shrink: 0;
    -moz-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding-right: 1rem;
    padding-left: 1rem;
    margin-left: 58.33333%; }
  .col-lg-offset-8 {
    box-sizing: border-box;
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -moz-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -webkit-flex-shrink: 0;
    -moz-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding-right: 1rem;
    padding-left: 1rem;
    margin-left: 66.66667%; }
  .col-lg-offset-9 {
    box-sizing: border-box;
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -moz-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -webkit-flex-shrink: 0;
    -moz-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding-right: 1rem;
    padding-left: 1rem;
    margin-left: 75%; }
  .col-lg-offset-10 {
    box-sizing: border-box;
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -moz-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -webkit-flex-shrink: 0;
    -moz-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding-right: 1rem;
    padding-left: 1rem;
    margin-left: 83.33333%; }
  .col-lg-offset-11 {
    box-sizing: border-box;
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -moz-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -webkit-flex-shrink: 0;
    -moz-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding-right: 1rem;
    padding-left: 1rem;
    margin-left: 91.66667%; }
  .col-lg-offset-12 {
    box-sizing: border-box;
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -moz-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -webkit-flex-shrink: 0;
    -moz-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding-right: 1rem;
    padding-left: 1rem;
    margin-left: 100%; }
  .col-lg {
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -moz-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -webkit-flex-basis: 0;
    -moz-flex-basis: 0;
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    max-width: 100%; }
  .start-lg {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    -webkit-justify-content: flex-start;
    -moz-justify-content: flex-start;
    justify-content: flex-start;
    text-align: left; }
  .center-lg {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    justify-content: center;
    text-align: center; }
  .end-lg {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    -webkit-justify-content: flex-end;
    -moz-justify-content: flex-end;
    justify-content: flex-end;
    text-align: right; }
  .top-lg {
    -webkit-box-align: start;
    -ms-flex-align: start;
    -webkit-align-items: flex-start;
    -moz-align-items: flex-start;
    align-items: flex-start; }
  .middle-lg {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    align-items: center; }
  .bottom-lg {
    -webkit-box-align: end;
    -ms-flex-align: end;
    -webkit-align-items: flex-end;
    -moz-align-items: flex-end;
    align-items: flex-end; }
  .around-lg {
    -ms-flex-pack: distribute;
    -webkit-justify-content: space-around;
    -moz-justify-content: space-around;
    justify-content: space-around; }
  .between-lg {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
    justify-content: space-between; }
  .first-lg {
    order: -1; }
  .last-lg {
    order: 1; } }

@media only screen and (min-width: 90em) {
  .container {
    width: 90rem; }
  .col-xl {
    box-sizing: border-box;
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -moz-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -webkit-flex-shrink: 0;
    -moz-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding-right: 1rem;
    padding-left: 1rem;
    -webkit-flex-basis: auto;
    -moz-flex-basis: auto;
    -ms-flex-preferred-size: auto;
    flex-basis: auto; }
  .col-xl-1 {
    box-sizing: border-box;
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -moz-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -webkit-flex-shrink: 0;
    -moz-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding-right: 1rem;
    padding-left: 1rem;
    -webkit-flex-basis: 8.33333%;
    -moz-flex-basis: 8.33333%;
    -ms-flex-preferred-size: 8.33333%;
    flex-basis: 8.33333%;
    max-width: 8.33333%; }
  .col-xl-2 {
    box-sizing: border-box;
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -moz-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -webkit-flex-shrink: 0;
    -moz-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding-right: 1rem;
    padding-left: 1rem;
    -webkit-flex-basis: 16.66667%;
    -moz-flex-basis: 16.66667%;
    -ms-flex-preferred-size: 16.66667%;
    flex-basis: 16.66667%;
    max-width: 16.66667%; }
  .col-xl-3 {
    box-sizing: border-box;
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -moz-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -webkit-flex-shrink: 0;
    -moz-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding-right: 1rem;
    padding-left: 1rem;
    -webkit-flex-basis: 25%;
    -moz-flex-basis: 25%;
    -ms-flex-preferred-size: 25%;
    flex-basis: 25%;
    max-width: 25%; }
  .col-xl-4 {
    box-sizing: border-box;
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -moz-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -webkit-flex-shrink: 0;
    -moz-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding-right: 1rem;
    padding-left: 1rem;
    -webkit-flex-basis: 33.33333%;
    -moz-flex-basis: 33.33333%;
    -ms-flex-preferred-size: 33.33333%;
    flex-basis: 33.33333%;
    max-width: 33.33333%; }
  .col-xl-5 {
    box-sizing: border-box;
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -moz-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -webkit-flex-shrink: 0;
    -moz-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding-right: 1rem;
    padding-left: 1rem;
    -webkit-flex-basis: 41.66667%;
    -moz-flex-basis: 41.66667%;
    -ms-flex-preferred-size: 41.66667%;
    flex-basis: 41.66667%;
    max-width: 41.66667%; }
  .col-xl-6 {
    box-sizing: border-box;
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -moz-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -webkit-flex-shrink: 0;
    -moz-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding-right: 1rem;
    padding-left: 1rem;
    -webkit-flex-basis: 50%;
    -moz-flex-basis: 50%;
    -ms-flex-preferred-size: 50%;
    flex-basis: 50%;
    max-width: 50%; }
  .col-xl-7 {
    box-sizing: border-box;
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -moz-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -webkit-flex-shrink: 0;
    -moz-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding-right: 1rem;
    padding-left: 1rem;
    -webkit-flex-basis: 58.33333%;
    -moz-flex-basis: 58.33333%;
    -ms-flex-preferred-size: 58.33333%;
    flex-basis: 58.33333%;
    max-width: 58.33333%; }
  .col-xl-8 {
    box-sizing: border-box;
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -moz-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -webkit-flex-shrink: 0;
    -moz-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding-right: 1rem;
    padding-left: 1rem;
    -webkit-flex-basis: 66.66667%;
    -moz-flex-basis: 66.66667%;
    -ms-flex-preferred-size: 66.66667%;
    flex-basis: 66.66667%;
    max-width: 66.66667%; }
  .col-xl-9 {
    box-sizing: border-box;
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -moz-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -webkit-flex-shrink: 0;
    -moz-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding-right: 1rem;
    padding-left: 1rem;
    -webkit-flex-basis: 75%;
    -moz-flex-basis: 75%;
    -ms-flex-preferred-size: 75%;
    flex-basis: 75%;
    max-width: 75%; }
  .col-xl-10 {
    box-sizing: border-box;
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -moz-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -webkit-flex-shrink: 0;
    -moz-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding-right: 1rem;
    padding-left: 1rem;
    -webkit-flex-basis: 83.33333%;
    -moz-flex-basis: 83.33333%;
    -ms-flex-preferred-size: 83.33333%;
    flex-basis: 83.33333%;
    max-width: 83.33333%; }
  .col-xl-11 {
    box-sizing: border-box;
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -moz-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -webkit-flex-shrink: 0;
    -moz-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding-right: 1rem;
    padding-left: 1rem;
    -webkit-flex-basis: 91.66667%;
    -moz-flex-basis: 91.66667%;
    -ms-flex-preferred-size: 91.66667%;
    flex-basis: 91.66667%;
    max-width: 91.66667%; }
  .col-xl-12 {
    box-sizing: border-box;
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -moz-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -webkit-flex-shrink: 0;
    -moz-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding-right: 1rem;
    padding-left: 1rem;
    -webkit-flex-basis: 100%;
    -moz-flex-basis: 100%;
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    max-width: 100%; }
  .col-xl-offset-0 {
    box-sizing: border-box;
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -moz-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -webkit-flex-shrink: 0;
    -moz-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding-right: 1rem;
    padding-left: 1rem;
    margin-left: 0; }
  .col-xl-offset-1 {
    box-sizing: border-box;
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -moz-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -webkit-flex-shrink: 0;
    -moz-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding-right: 1rem;
    padding-left: 1rem;
    margin-left: 8.33333%; }
  .col-xl-offset-2 {
    box-sizing: border-box;
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -moz-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -webkit-flex-shrink: 0;
    -moz-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding-right: 1rem;
    padding-left: 1rem;
    margin-left: 16.66667%; }
  .col-xl-offset-3 {
    box-sizing: border-box;
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -moz-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -webkit-flex-shrink: 0;
    -moz-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding-right: 1rem;
    padding-left: 1rem;
    margin-left: 25%; }
  .col-xl-offset-4 {
    box-sizing: border-box;
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -moz-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -webkit-flex-shrink: 0;
    -moz-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding-right: 1rem;
    padding-left: 1rem;
    margin-left: 33.33333%; }
  .col-xl-offset-5 {
    box-sizing: border-box;
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -moz-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -webkit-flex-shrink: 0;
    -moz-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding-right: 1rem;
    padding-left: 1rem;
    margin-left: 41.66667%; }
  .col-xl-offset-6 {
    box-sizing: border-box;
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -moz-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -webkit-flex-shrink: 0;
    -moz-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding-right: 1rem;
    padding-left: 1rem;
    margin-left: 50%; }
  .col-xl-offset-7 {
    box-sizing: border-box;
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -moz-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -webkit-flex-shrink: 0;
    -moz-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding-right: 1rem;
    padding-left: 1rem;
    margin-left: 58.33333%; }
  .col-xl-offset-8 {
    box-sizing: border-box;
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -moz-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -webkit-flex-shrink: 0;
    -moz-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding-right: 1rem;
    padding-left: 1rem;
    margin-left: 66.66667%; }
  .col-xl-offset-9 {
    box-sizing: border-box;
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -moz-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -webkit-flex-shrink: 0;
    -moz-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding-right: 1rem;
    padding-left: 1rem;
    margin-left: 75%; }
  .col-xl-offset-10 {
    box-sizing: border-box;
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -moz-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -webkit-flex-shrink: 0;
    -moz-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding-right: 1rem;
    padding-left: 1rem;
    margin-left: 83.33333%; }
  .col-xl-offset-11 {
    box-sizing: border-box;
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -moz-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -webkit-flex-shrink: 0;
    -moz-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding-right: 1rem;
    padding-left: 1rem;
    margin-left: 91.66667%; }
  .col-xl-offset-12 {
    box-sizing: border-box;
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -moz-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -webkit-flex-shrink: 0;
    -moz-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding-right: 1rem;
    padding-left: 1rem;
    margin-left: 100%; }
  .col-xl {
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -moz-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -webkit-flex-basis: 0;
    -moz-flex-basis: 0;
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    max-width: 100%; }
  .start-xl {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    -webkit-justify-content: flex-start;
    -moz-justify-content: flex-start;
    justify-content: flex-start;
    text-align: left; }
  .center-xl {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    justify-content: center;
    text-align: center; }
  .end-xl {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    -webkit-justify-content: flex-end;
    -moz-justify-content: flex-end;
    justify-content: flex-end;
    text-align: right; }
  .top-xl {
    -webkit-box-align: start;
    -ms-flex-align: start;
    -webkit-align-items: flex-start;
    -moz-align-items: flex-start;
    align-items: flex-start; }
  .middle-xl {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    align-items: center; }
  .bottom-xl {
    -webkit-box-align: end;
    -ms-flex-align: end;
    -webkit-align-items: flex-end;
    -moz-align-items: flex-end;
    align-items: flex-end; }
  .around-xl {
    -ms-flex-pack: distribute;
    -webkit-justify-content: space-around;
    -moz-justify-content: space-around;
    justify-content: space-around; }
  .between-xl {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
    justify-content: space-between; }
  .first-xl {
    order: -1; }
  .last-xl {
    order: 1; } }

/*----  ELEMENTS ----*/
/*---- ALERT _alert.scss ----*/
.alert-inpage {
  border-radius: 6px;
  border-color: black;
  background-color: white;
  color: black;
  font-size: 1.8rem; }
  .alert-inpage.error {
    border-color: #e40707; }
    .alert-inpage.error p::before {
      color: #e40707; }
  .alert-inpage.confirm {
    border-color: #00ba31; }
    .alert-inpage.confirm p::before {
      color: #00ba31; }
  .alert-inpage.warn {
    border-color: #ff9d00; }
    .alert-inpage.warn p::before {
      color: #ff9d00; }
  .alert-inpage.info, .alert-inpage.tip {
    border-color: #438bd9; }
    .alert-inpage.info p::before, .alert-inpage.tip p::before {
      color: #438bd9; }

/*---- BADGE _badge.scss ----*/
.badge {
  font-size: 1.2rem;
  color: white;
  border-radius: 1.2rem;
  background: #999999; }
  .badge.square-badge {
    font-size: 1rem; }
  .badge.new {
    background: #fc7802;
    color: black; }

/*---- BREADCRUMBS _breadcrumbs.scss ----*/
.breadcrumbs {
  font-family: Roboto; }
  .compact .breadcrumbs {
    font-size: 1.2rem; }
  .breadcrumbs .bc-item .bc-link {
    color: #120237;
    text-decoration: none; }
    .breadcrumbs .bc-item .bc-link:hover, .breadcrumbs .bc-item .bc-link:focus {
      color: #0e022c;
      text-decoration: underline; }
    .breadcrumbs .bc-item .bc-link.active {
      color: black; }
  .breadcrumbs .bc-item:not(:last-child)::after {
    color: rgba(0, 0, 0, 0.6); }

/*---- BUTTONS _button.scss ----*/
.mat-button,
.mat-flat-button,
.mat-icon-button,
.mat-stroked-button {
  border-radius: 50px !important; }
  .compact .mat-button, .compact
  .mat-flat-button, .compact
  .mat-icon-button, .compact
  .mat-stroked-button {
    font-size: 1.2rem; }

.mat-button-base + .position-relative.badge {
  background: #fc7802;
  color: black; }

.mat-stroked-button:not([disabled]) {
  border-color: #120237; }

.mat-stroked-button[disabled][disabled] {
  color: rgba(0, 0, 0, 0.26);
  background-color: rgba(0, 0, 0, 0.12);
  border-color: rgba(0, 0, 0, 0.12); }

.compact .mat-stroked-button.negative-action {
  font-size: 1.6rem !important;
  line-height: 36px !important; }

.mat-button,
.mat-raised-button,
.mat-stroked-button {
  border-radius: 50px !important;
  padding: 0 30px !important; }
  .mat-button.small-button,
  .mat-raised-button.small-button,
  .mat-stroked-button.small-button {
    font-size: 1.2rem; }
  .mat-button.large-button,
  .mat-raised-button.large-button,
  .mat-stroked-button.large-button {
    font-size: 1.8rem; }

.mat-raised-button.mat-primary:hover:not([disabled]) {
  background-color: #0e022c;
  color: #ffffff; }

.mat-icon-button.dropdown-menu .mat-icon {
  color: black; }

.mat-icon-button.dropdown-menu:hover .mat-icon, .mat-icon-button.dropdown-menu:focus .mat-icon {
  color: #0e022c; }

.mat-button:not([disabled]) .mat-button-wrapper {
  color: #120237; }

.mat-button:hover:not([disabled]):not(.mat-stroked-button) .mat-button-wrapper {
  color: #0e022c;
  text-decoration: underline; }

.mat-fab,
.mat-mini-fab,
.mat-raised-button {
  box-shadow: none !important;
  line-height: 36px !important; }

.btn {
  border-radius: 50px !important; }
  .btn:hover, .btn:focus {
    text-decoration: none; }

.btn-raised {
  color: black;
  background-color: white;
  transform: translate3d(0, 0, 0);
  transition: background 400ms cubic-bezier(0.25, 0.8, 0.25, 1), box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1);
  box-shadow: none !important;
  line-height: 36px !important; }
  .btn-raised:not([disabled]):active {
    box-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12); }
  .btn-raised.mat-primary {
    background-color: #120237;
    color: #ffffff; }

.btn.secondary-button,
.btn-raised.secondary-button {
  border: 1px solid #120237;
  line-height: 34px !important;
  border-radius: 50px !important;
  background-color: #120237;
  color: #120237; }

.btn.small-button,
.btn-raised.small-button {
  font-size: 1.2rem; }

/*---- CALENDAR _calendar.scss ----*/
.mat-calendar-body-selected {
  background-color: #edf9fe;
  color: black; }

.mat-calendar-next-button.mat-icon-button, .mat-calendar-previous-button.mat-icon-button {
  color: #120237; }

.mat-calendar-body-today:not(.mat-calendar-body-selected) {
  background-color: #e0e0e0; }

.mat-calendar-period-button .mat-button-wrapper {
  color: black; }

/*---- CHECKBOX _checkbox.scss ----*/
.mat-checkbox-frame, .mat-pseudo-checkbox {
  background-color: white !important; }

.mat-checkbox-disabled .mat-checkbox-background {
  background-color: rgba(0, 0, 0, 0.12); }

.mat-checkbox-background, .mat-checkbox-frame, .mat-pseudo-checkbox {
  border-radius: 2px !important; }

.mat-checkbox.cdk-keyboard-focused .mat-checkbox-inner-container {
  box-shadow: 0 0 0 0.25rem #2fdaff; }

/*---- INPUT _input.scss ----*/
.compact .mat-form-field:not(.fw-Search_Input) {
  font-size: 1.6rem !important; }

.mat-form-field.slug .mat-form-field-prefix, .mat-form-field.slug .mat-form-field-suffix {
  background-color: rgba(0, 0, 0, 0.1) !important; }

.mat-form-field-appearance-outline .mat-form-field-outline-start,
.mat-form-field-appearance-outline .mat-form-field-flex {
  border-bottom-left-radius: 3px !important;
  border-top-left-radius: 3px !important; }

.mat-form-field-appearance-outline .mat-form-field-outline-end,
.mat-form-field-appearance-outline .mat-form-field-flex {
  border-bottom-right-radius: 3px !important;
  border-top-right-radius: 3px !important; }

.mat-form-field-appearance-outline .mat-form-field-flex {
  background-color: white; }

.mat-input-container.mat-focused .mat-form-field-infix {
  border: 1px solid #2fdaff; }

.mat-form-field-disabled .mat-form-field-flex {
  background-color: rgba(0, 0, 0, 0.12); }

.input-warning.mat-form-field-appearance-outline .mat-form-field-outline {
  color: #ff9d00 !important; }

.input-warning .mat-form-field-appearance-outline.mat-form-field-invalid.mat-form-field-invalid .mat-form-field-outline-thick {
  color: #ff9d00 !important; }

.input-warning .input-warning .mat-error {
  color: #ff9d00 !important; }

.input-warning .mat-input-element {
  caret-color: #ff9d00 !important; }

.input-warning .mat-form-field-invalid .mat-input-element {
  caret-color: #ff9d00 !important; }

/*Text Inputs + Textarea
   ==========================================================================*/
input, textarea, select, button {
  font-family: Roboto;
  font-size: inherit; }

/*Style Placeholders*/
::-webkit-input-placeholder {
  color: rgba(0, 0, 0, 0.38); }

:-moz-placeholder {
  /*Firefox 18-*/
  color: rgba(0, 0, 0, 0.38); }

::-moz-placeholder {
  /*Firefox 19+*/
  color: rgba(0, 0, 0, 0.38); }

:-ms-input-placeholder {
  color: rgba(0, 0, 0, 0.38); }

/*---- DIALOG _dialog.scss ----*/
.cdk-global-scrollblock {
  position: initial;
  width: initial;
  overflow: hidden; }

.modal .mat-dialog-container {
  background-color: white;
  border: none;
  border-radius: 6px; }
  .modal .mat-dialog-container .mat-dialog-content {
    background-color: white; }
  .modal .mat-dialog-container .mat-dialog-title {
    background-color: black;
    padding: 14px 30px;
    color: white; }
    .modal .mat-dialog-container .mat-dialog-title h1 {
      font-size: 2.8rem; }
    .modal .mat-dialog-container .mat-dialog-title .close {
      color: white; }
  .modal .mat-dialog-container .mat-dialog-content-padded {
    background-color: white; }
  .modal .mat-dialog-container .mat-dialog-actions {
    background-color: white;
    border-top: 1px solid rgba(0, 0, 0, 0.2); }
    .modal .mat-dialog-container .mat-dialog-actions.directional .action-buttons .mat-raised-button,
    .modal .mat-dialog-container .mat-dialog-actions.directional .action-buttons .mat-button {
      font-size: 1.6rem; }
      .modal .mat-dialog-container .mat-dialog-actions.directional .action-buttons .mat-raised-button.small-button,
      .modal .mat-dialog-container .mat-dialog-actions.directional .action-buttons .mat-button.small-button {
        font-size: 1.2rem; }

.mat-dialog-container {
  border-radius: 6px !important; }
  .mat-dialog-container .mat-dialog-actions .action-buttons .mat-raised-button,
  .mat-dialog-container .mat-dialog-actions .action-buttons .mat-button,
  .mat-dialog-container .mat-dialog-actions .action-buttons .mat-stroked-button {
    font-size: 1.6rem; }
    .mat-dialog-container .mat-dialog-actions .action-buttons .mat-raised-button.small-button,
    .mat-dialog-container .mat-dialog-actions .action-buttons .mat-button.small-button,
    .mat-dialog-container .mat-dialog-actions .action-buttons .mat-stroked-button.small-button {
      font-size: 1.2rem; }
  .mat-dialog-container .close {
    color: black; }

/*---- EXPANSION PANEL _expansion-panel.scss ----*/
.mat-expansion-panel {
  border-top: 1px solid rgba(0, 0, 0, 0.3);
  border-bottom: 1px solid rgba(0, 0, 0, 0.3); }
  .mat-expansion-panel .mat-expansion-panel-header,
  .mat-expansion-panel .mat-expansion-panel-header.mat-expanded,
  .mat-expansion-panel .mat-expansion-panel-header.mat-expanded:focus,
  .mat-expansion-panel .mat-expansion-panel-header.mat-expanded:hover {
    background: #f2f2f2; }

.mat-expansion-panel:not(.mat-expanded) .mat-expansion-panel-header:not([aria-disabled='true']).cdk-keyboard-focused, .mat-expansion-panel:not(.mat-expanded) .mat-expansion-panel-header:not([aria-disabled='true']).cdk-program-focused, .mat-expansion-panel:not(.mat-expanded) .mat-expansion-panel-header:not([aria-disabled='true']):hover {
  background: #f2f2f2; }

.mat-expansion-panel-header-title {
  font-size: 2rem; }

/*---- HORIZONTAL RULE _horizontal-rule.scss ----*/
hr {
  border-top: 1px solid rgba(0, 0, 0, 0.6); }
  hr.light {
    border-color: rgba(0, 0, 0, 0.12); }

/*---- LOADERS _loaders.scss ----*/
.mat-progress-spinner {
  background: #020006; }
  .mat-progress-spinner::after {
    background: white; }

.progress-spinner {
  border: 6px solid #020006;
  border-top-color: #438bd9; }

/*---- MENU _menu.scss ----*/
.mat-menu-item .mat-menu-ripple .mat-ripple-element {
  background-color: rgba(255, 255, 255, 0.2); }

.mat-autocomplete-panel .mat-option {
  height: 3rem !important; }

.mat-option-multiple .mat-pseudo-checkbox-checked,
.mat-option-multiple .mat-pseudo-checkbox-indeterminate,
.mat-option-multiple .mat-primary .mat-pseudo-checkbox-checked,
.mat-option-multiple .mat-primary .mat-pseudo-checkbox-indeterminate {
  background-color: #00ba31 !important; }

.mat-select-panel .action-buttons {
  border-top: 1px solid rgba(0, 0, 0, 0.2); }
  .mat-select-panel .action-buttons .mat-raised-button,
  .mat-select-panel .action-buttons .mat-button,
  .mat-select-panel .action-buttons .mat-stroked-button {
    font-size: 1.2rem; }

/*---- NAVIGATION _navs.scss ----*/
.nav-horizontal {
  font-family: Roboto; }
  .nav-horizontal .nav-item .nav-link {
    color: black;
    text-decoration: none; }
    .nav-horizontal .nav-item .nav-link:hover, .nav-horizontal .nav-item .nav-link:focus {
      color: black;
      text-decoration: underline; }
    .nav-horizontal .nav-item .nav-link.active,
    .nav-item.show .nav-horizontal .nav-item .nav-link {
      color: black;
      border-bottom: 3px solid #120237;
      text-decoration: none; }
  .nav-horizontal .nav-item:not(:last-child)::after {
    color: rgba(0, 0, 0, 0.54); }

.nav-leftpanel-item {
  border-top: 1px solid #020006;
  border-bottom: 1px solid #020006; }
  .nav-leftpanel-item a {
    color: black; }
    .nav-leftpanel-item a:hover {
      text-decoration: none; }
  .nav-leftpanel-item.active {
    background-color: #f6fcfe;
    border-top: 1px solid #120237;
    border-bottom: 1px solid #120237; }
  .nav-leftpanel-item:hover, .nav-leftpanel-item:focus {
    background-color: #438bd9;
    cursor: pointer;
    border-top-color: #120237;
    border-bottom-color: #120237; }
    .nav-leftpanel-item:hover a, .nav-leftpanel-item:focus a {
      color: #ffffff; }

.nav-pills li {
  color: black;
  border-color: rgba(0, 0, 0, 0.3); }
  .nav-pills li.selected {
    background-color: white;
    color: #ffffff; }
  .nav-pills li:hover:not(.selected) {
    border-color: #0e022c;
    color: #0e022c; }
  .nav-pills li:focus:not(.selected) {
    outline-color: #2fdaff; }
  .nav-pills li .disabled {
    color: rgba(0, 0, 0, 0.2);
    border-color: rgba(0, 0, 0, 0.3); }

/*---- PROGRESS BAR  _progress-bar.scss ----*/
.loader-indeterminate {
  background-color: #020006; }
  .loader-indeterminate::after, .loader-indeterminate::before {
    background-color: #120237; }

/*---- RADIO BUTTON _radiobutton.scss ----*/
.mat-radio-outer-circle {
  background: white; }

.mat-radio-button:not(.mat-radio-disabled).cdk-keyboard-focused .mat-radio-outer-circle,
.mat-radio-button:not(.mat-radio-disabled).cdk-program-focused .mat-radio-outer-circle {
  box-shadow: 0 0 0 0.25rem #2fdaff; }

/*---- SELECT _select.scss ----*/
.mat-option-ripple .mat-ripple-element {
  background-color: rgba(255, 255, 255, 0.25); }

.multi-select .mat-option.mat-selected:not(.mat-option-disabled) {
  color: black;
  background-color: #edf9fe; }

.multi-select .mat-primary .mat-option.mat-selected:not(.mat-option-disabled) {
  color: black; }

select {
  background-color: white;
  color: black;
  border: 1px solid #909090;
  height: 1.8rem; }
  select:focus {
    border: 1px solid #2fdaff; }

/*---- SIDE NAV _side-nav.scss ----*/
.mat-sidenav .close {
  color: black; }

/*---- STEPPER _stepper.scss ----*/
.mat-step-header:hover .mat-step-icon,
.mat-step-header:hover .mat-step-icon-not-touched {
  border-color: #0e022c; }

.mat-step-header:hover .mat-step-label {
  color: #0e022c; }

.mat-step-header .mat-ripple-element {
  opacity: 0.05; }

/*---- SVG ICONS _svg-icons.scss ----*/
.svg-icon {
  background-color: #edf9fe; }

/*---- TABLES _tables.scss ----*/
.table.striped > tbody > tr:nth-child(even) {
  background-color: #e8e8e8; }

.table.bordered {
  border: 1px solid #e0e0e0; }
  .table.bordered th, .table.bordered td {
    border: 1px solid #e0e0e0; }

.table .mat-header-cell {
  color: black;
  border-bottom: 1px solid #e0e0e0 !important; }

.table.highlight > tbody > tr:hover {
  background-color: #edf9fe; }

.table > thead.summary-header th,
.table > thead.summary-header td {
  background-color: #edf9fe; }

.table > tbody > tr > td {
  color: black;
  border-bottom: 1px solid #e0e0e0; }
  .table > tbody > tr > td.data-value {
    color: black; }

.table > tbody > tr.parent-row > td {
  color: black; }
  .table > tbody > tr.parent-row > td.data-value {
    color: black; }

.table.data-table > thead > tr > th.data-table-chevron .fas, .table.data-table > thead > tr > th.data-table-chevron .fal, .table.data-table > thead > tr > th.data-table-chevron .far {
  color: #120237; }

.table.data-table > tbody > tr > td.data-table-date {
  border-bottom: 1px solid #e0e0e0; }

.table.data-table > tbody > tr > td.data-table-chevron {
  border-bottom: 1px solid #e0e0e0; }

.table.data-table .fa-chevron-left, .table.data-table .fa-chevron-right {
  color: rgba(0, 0, 0, 0.3); }

/*---- TABS _tabs.scss ----*/
.mat-tab-list .mat-tab-label {
  line-height: 42px !important;
  height: 42px !important; }
  .compact .mat-tab-list .mat-tab-label {
    line-height: 26px !important;
    height: 26px !important; }
  .mat-tab-list .mat-tab-label.mat-tab-label-active {
    color: black; }
    .compact .mat-tab-list .mat-tab-label.mat-tab-label-active:after {
      border-bottom: 3px solid #120237; }

.nav-tabs {
  border-bottom: 1px solid white; }
  .nav-tabs .nav-link:hover, .nav-tabs .nav-link:focus {
    color: black;
    background-color: white;
    border-color: white; }
  .nav-tabs .nav-link.active,
  .nav-item.show .nav-tabs .nav-link {
    color: black;
    background-color: white;
    border-color: white; }
  .nav-tabs .nav-link.disabled {
    color: grey;
    background-color: transparent;
    border-color: transparent; }

/*---- TOGGLE _toggle.scss ----*/
/*Button Toggle*/
.mat-button-toggle-standalone, .mat-button-toggle-group {
  border-radius: 50px !important; }

.mat-button-toggle-standalone {
  border-color: rgba(0, 0, 0, 0.3);
  background-color: white; }
  .mat-button-toggle-standalone:hover {
    border-color: #0e022c;
    color: #0e022c; }
  .compact .mat-button-toggle-standalone {
    font-size: 1.2rem; }
  .mat-button-toggle-standalone .mat-button-toggle-label-content {
    color: black; }
    .mat-button-toggle-standalone .mat-button-toggle-label-content::before {
      border: 1px solid black; }
  .mat-button-toggle-standalone.mat-button-toggle-checked {
    color: black;
    border-color: #00ba31;
    background-color: white; }
    .mat-button-toggle-standalone.mat-button-toggle-checked .mat-ripple-element {
      background-color: rgba(0, 186, 49, 0.1); }
    .mat-button-toggle-standalone.mat-button-toggle-checked .mat-button-toggle-label-content {
      color: black; }
      .mat-button-toggle-standalone.mat-button-toggle-checked .mat-button-toggle-label-content::before {
        color: white;
        background-color: #00ba31;
        border-color: #00ba31; }

.mat-button-toggle-disabled {
  background-color: rgba(0, 0, 0, 0.12);
  color: rgba(0, 0, 0, 0.26);
  border-color: rgba(0, 0, 0, 0.12); }
  .mat-button-toggle-disabled.mat-button-toggle-checked {
    background-color: #bdbdbd; }

.mat-button-toggle-group:not([disabled]) {
  border-color: #120237; }
  .mat-button-toggle-group:not([disabled]):hover {
    border-color: #0e022c; }
  .mat-button-toggle-group:not([disabled]) .mat-button-toggle:hover {
    color: #0e022c; }

.mat-button-toggle-group[disabled] {
  border-color: rgba(0, 0, 0, 0.12); }

.mat-button-toggle-checked .mat-ripple-element {
  background-color: rgba(18, 2, 55, 0.1); }

.mat-button-toggle-checked .mat-button-toggle-label-content {
  color: #ffffff; }
  .mat-button-toggle-checked .mat-button-toggle-label-content::after {
    color: #ffffff; }

/*---- TOOLTIP _tooltip.scss ----*/
.tooltip-link {
  border-bottom: 1px dashed black; }
  .tooltip-link:hover {
    color: #0e022c;
    border-bottom-color: #0e022c; }

.mat-tooltip {
  border-radius: 2px !important; }
  .mat-tooltip:not([class*='mat-elevation-z']) {
    box-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12); }
  .mat-tooltip.error-state {
    border-color: #e02020; }
  .mat-tooltip.warning-state {
    border-color: #ff9d00; }

/*--------- ACTIVITY _activity.scss -------*/
.act-DataTableSmall_Header {
  border-bottom: 2px solid rgba(0, 0, 0, 0.35); }

.act-SummaryFilter_Tile {
  border-radius: 6px;
  color: #120237;
  border: 1px solid #120237; }
  .act-SummaryFilter_Tile-active {
    background-color: #120237;
    color: #ffffff; }
    .act-SummaryFilter_Tile-active::after {
      border-top: 15px solid #120237; }
      @media print {
        .act-SummaryFilter_Tile-active::after {
          border-top: 0; } }
  .act-SummaryFilter_Tile:hover {
    background: #438bd9;
    border-color: #438bd9;
    color: #ffffff; }
    .act-SummaryFilter_Tile:hover::after {
      border-top-color: #438bd9; }
  .act-SummaryFilter_Tile .label {
    font-size: 1.8rem; }

/*--------- ASSET TRANSFER _asset-transfer.scss -------*/
.at-Landing_Card {
  border: 1px solid #e6e6e6;
  border-radius: 0; }
  .at-Landing_Card h3 {
    color: #120237;
    font-size: 1.7rem; }

.at-ACH_Heading, .at-SendCheck_Heading, .at-RequestCheck_Heading, .at-WireTransfer_Heading, .at-ManageAccounts_Heading {
  font-weight: 700; }

.at-ACH_Back, .at-ACH_Cancel, .at-SendCheck_Back, .at-SendCheck_Cancel, .at-RequestCheck_Back, .at-RequestCheck_Cancel, .at-WireTransfer_Back, .at-WireTransfer_Cancel, .at-ManageAccounts_Back, .at-ManageAccounts_Cancel {
  font-size: 1.6rem;
  text-decoration: none solid #120237 !important; }
  .at-ACH_Back .mat-button-wrapper, .at-ACH_Cancel .mat-button-wrapper, .at-SendCheck_Back .mat-button-wrapper, .at-SendCheck_Cancel .mat-button-wrapper, .at-RequestCheck_Back .mat-button-wrapper, .at-RequestCheck_Cancel .mat-button-wrapper, .at-WireTransfer_Back .mat-button-wrapper, .at-WireTransfer_Cancel .mat-button-wrapper, .at-ManageAccounts_Back .mat-button-wrapper, .at-ManageAccounts_Cancel .mat-button-wrapper {
    color: #120237; }
  .at-ACH_Back:hover:not([disabled]), .at-ACH_Cancel:hover:not([disabled]), .at-SendCheck_Back:hover:not([disabled]), .at-SendCheck_Cancel:hover:not([disabled]), .at-RequestCheck_Back:hover:not([disabled]), .at-RequestCheck_Cancel:hover:not([disabled]), .at-WireTransfer_Back:hover:not([disabled]), .at-WireTransfer_Cancel:hover:not([disabled]), .at-ManageAccounts_Back:hover:not([disabled]), .at-ManageAccounts_Cancel:hover:not([disabled]) {
    text-decoration: underline solid #0e022c !important; }
    .at-ACH_Back:hover:not([disabled]) .mat-button-wrapper, .at-ACH_Cancel:hover:not([disabled]) .mat-button-wrapper, .at-SendCheck_Back:hover:not([disabled]) .mat-button-wrapper, .at-SendCheck_Cancel:hover:not([disabled]) .mat-button-wrapper, .at-RequestCheck_Back:hover:not([disabled]) .mat-button-wrapper, .at-RequestCheck_Cancel:hover:not([disabled]) .mat-button-wrapper, .at-WireTransfer_Back:hover:not([disabled]) .mat-button-wrapper, .at-WireTransfer_Cancel:hover:not([disabled]) .mat-button-wrapper, .at-ManageAccounts_Back:hover:not([disabled]) .mat-button-wrapper, .at-ManageAccounts_Cancel:hover:not([disabled]) .mat-button-wrapper {
      color: #0e022c; }

@supports (-webkit-appearance: none) {
  .at-ACH_Frequency {
    width: 28%; } }

.at-ACH_Label {
  color: #666666;
  font-size: 1.4rem; }

.at-ACH_RTP-list {
  color: #000000;
  opacity: 0.3;
  margin: 5px 0px; }

.at-ACH_RTP-badge {
  background-color: #1654B8;
  color: #ffffff;
  font-size: 12px;
  font-weight: 700; }

.at-ACHDialog_Button-cancel {
  text-decoration: none !important; }
  .at-ACHDialog_Button-cancel:hover {
    text-decoration: underline !important; }

.at-ACHDialog_Content dt {
  color: #999999; }

.at-ACHDialog_Content dd {
  font-size: 13px; }

.at-ACHDialog_Content .key-value-list:not(:first-of-type) {
  border-top: 1px solid #dddddd; }
  .at-ACHDialog_Content .key-value-list:not(:first-of-type) dd {
    color: rgba(0, 0, 0, 0.67);
    font-weight: 600; }

.at-ACHDialog_Content app-alerts-device-config .alert-device-content p {
  color: #9e9e9e;
  font-size: 1rem; }

.at-ACHDialog_Footer .mat-raised-button:not(.mat-primary) {
  box-shadow: none !important;
  color: #120237;
  text-decoration: none !important; }
  .at-ACHDialog_Footer .mat-raised-button:not(.mat-primary):hover {
    color: #0e022c;
    text-decoration: underline !important; }

.modal .mat-dialog-container .at-ACHDialog_Footer, .modal .mat-dialog-container
.at-AddAcctTC_Content + .mat-dialog-actions {
  background-color: white;
  border-top: none; }

.at-AddAcctTC_Content form > div:nth-child(3), .at-AddAcctTC_Content form > div:nth-child(7) {
  font-size: 1.2rem;
  font-weight: 400; }

.at-AddAcctTC_TermsHeader {
  font-size: 2rem; }

.at-AddAcctTC_Title button {
  background: transparent; }

.at-AlertDeviceSelect_Dialog div:not(.at-ChecksDialog_Subtitle) app-request-summary .key-value-list {
  border-top: none; }

.at-IavCallback_AccountVerify {
  background-color: rgba(0, 0, 0, 0.67);
  color: white;
  text-transform: uppercase; }
  .at-IavCallback_AccountVerify:before {
    color: #9bd29b;
    content: '\f058';
    font-family: "Font Awesome 5 Pro";
    font-weight: 700;
    margin-top: -5px;
    font-size: 2.3rem; }

.at-IavCallback_Confirmation {
  background-color: rgba(0, 0, 0, 0.13);
  line-height: 16px; }

.at-IavCallback_ConfirmationNo {
  font-size: 1.5rem; }

.at-IavCallback_EnterpriseId {
  font-weight: 600; }

.at-RequestCheck_Form .rTableRow:first-child label {
  font-size: 1.3rem; }

.at-RequestCheck_Label {
  color: #666666;
  font-size: 1.4rem; }

.at-ChecksDialog_ConfirmationNumber {
  background-color: #d9d6d4; }
  .at-ChecksDialog_ConfirmationNumber h4 {
    color: #666; }
  .at-ChecksDialog_ConfirmationNumber h3 {
    font-weight: 700; }

.at-ChecksDialog_Cancel, .at-ChecksDialog_Edit, .at-ChecksDialog_Exit {
  text-decoration: none !important; }
  .at-ChecksDialog_Cancel:hover, .at-ChecksDialog_Edit:hover, .at-ChecksDialog_Exit:hover {
    text-decoration: underline !important; }

.at-ChecksDialog_Cancel.mat-raised-button {
  background-color: transparent !important;
  background-image: none !important;
  border: none !important;
  box-shadow: none !important;
  color: #120237;
  font-size: 1.6rem;
  font-weight: 400; }
  .at-ChecksDialog_Cancel.mat-raised-button:hover {
    color: #0e022c; }

.at-AlertDeviceSelect_Dialog dt, .at-SendCheck_Dialog dt {
  font-size: 1.5rem;
  font-weight: 400; }

.at-AlertDeviceSelect_Dialog dd, .at-SendCheck_Dialog dd {
  font-size: 1.5rem; }

.at-AlertDeviceSelect_Dialog .key-value-list, .at-SendCheck_Dialog .key-value-list {
  border-top: 1px solid #dddddd; }
  .at-AlertDeviceSelect_Dialog .key-value-list:last-child, .at-SendCheck_Dialog .key-value-list:last-child {
    border-bottom: 1px solid #dddddd; }

.at-AlertDeviceSelect_Dialog app-ach-confirm .request-id-section h3, .at-SendCheck_Dialog app-ach-confirm .request-id-section h3 {
  color: black;
  font-size: 1.6rem;
  font-weight: 600 !important;
  line-height: 16px;
  height: auto; }

.at-AlertDeviceSelect_Dialog app-ach-confirm .request-id-section h4, .at-SendCheck_Dialog app-ach-confirm .request-id-section h4 {
  color: #555 !important;
  font-size: 1.5rem;
  height: auto;
  line-height: 16px; }

.at-AlertDeviceSelect_Subtitle label, .at-SendCheck_Subtitle label {
  font-size: 1.3rem; }

.at-ManageAccounts_Heading {
  font-weight: 600; }

.at-ManageAccounts_Grid.ag-material {
  font-family: Roboto !important; }
  .at-ManageAccounts_Grid.ag-material .ag-cell {
    font-size: 1.5rem !important;
    line-height: 25px; }
    .at-ManageAccounts_Grid.ag-material .ag-cell .icon-plus-sign,
    .at-ManageAccounts_Grid.ag-material .ag-cell .icon-minus-sign,
    .at-ManageAccounts_Grid.ag-material .ag-cell .fa-times-circle {
      color: #120237 !important; }

.at-ManageAccounts_GridDetail {
  padding: 20px; }
  .at-ManageAccounts_GridDetail .detail-key {
    font-size: 1.3rem !important; }
  .at-ManageAccounts_GridDetail .detail-value {
    font-size: 1.5rem !important;
    font-weight: bold; }

.at-ManageAccountsRemove_Title button {
  background: transparent;
  border: none; }

.at-PeriodicTransfersDelete_Cancel,
.at-PeriodicTransfersDelete_Title button {
  background: transparent;
  border: none; }

.at-PendingTransfer_Grid.ag-material .ag-header-cell[col-id="2"],
.at-PendingTransfer_Grid.ag-material .ag-cell[col-id="2"] {
  left: calc(100% - 101px) !important;
  width: 101px !important; }

.at-PeriodicTransfers_Heading, .at-PendingTransfer_Heading {
  color: #555555; }
  .at-PeriodicTransfers_Heading-minus, .at-PendingTransfer_Heading-minus {
    border: 1px solid #e6e6e6;
    background-image: linear-gradient(#ffffff, #f2f2f2); }
  .at-PeriodicTransfers_Heading i, .at-PendingTransfer_Heading i {
    color: #120237;
    cursor: pointer;
    font-size: 1.6rem; }

.at-PeriodicTransfers_Grid.ag-material, .at-PendingTransfer_Grid.ag-material {
  font-family: Roboto !important; }
  .at-PeriodicTransfers_Grid.ag-material .ag-cell, .at-PendingTransfer_Grid.ag-material .ag-cell {
    font-size: 1.5rem !important;
    line-height: 20px; }

.at-PeriodicTransfers_Grid .ag-header-cell:nth-child(4) em,
.at-PeriodicTransfers_Grid .ag-cell:nth-child(4) em {
  color: #120237 !important; }

.at-SendCheck_Dialog app-alerts-device-config .alert-device-content p {
  color: #9e9e9e;
  font-size: 1rem; }

.at-SendCheck_Dialog app-alerts-device-config .email-addresses-section,
.at-SendCheck_Dialog app-alerts-device-config .phone-section {
  background-color: #bde9fb !important; }

.at-VerifyId_Dialog .mat-dialog-container .at-AddAcctTC_Actions {
  background: transparent;
  border: none; }

.at-VerifyId_Dialog .at-AddAcctTC_Cancel,
.at-VerifyId_Dialog .ver-IDForm_Buttons-Cancel {
  text-decoration: none; }
  .at-VerifyId_Dialog .at-AddAcctTC_Cancel:hover,
  .at-VerifyId_Dialog .ver-IDForm_Buttons-Cancel:hover {
    text-decoration: underline; }

.at-VerifyId_Dialog .at-AddAcctTC_Cancel, .at-VerifyId_Dialog .at-AddAcctTC_Cancel:hover:not([disabled]) {
  background-color: transparent !important;
  background: none !important;
  border: none !important;
  box-shadow: none !important;
  font-weight: 400; }

.at-VerifyId_Dialog .at-AddAcctTC_Cancel {
  color: #120237 !important; }

.at-VerifyId_Dialog .at-AddAcctTC_Cancel:hover:not([disabled]) .mat-button-wrapper {
  color: #0e022c !important; }

.at-VerifyId_Dialog .ver-IDForm_Buttons-Cancel.mat-primary:not([disabled]), .at-VerifyId_Dialog .ver-IDForm_Buttons-Cancel.mat-primary:hover:not([disabled]) {
  background-color: transparent !important;
  background: none !important;
  border: none !important;
  box-shadow: none !important;
  font-weight: 400; }

.at-VerifyId_Dialog .ver-IDForm_Buttons-Cancel.mat-primary {
  color: #120237 !important; }

.at-VerifyId_Dialog .ver-IDForm_Buttons-Cancel.mat-primary:hover:not([disabled]) {
  color: #0e022c !important; }

.at-Congrats_CheckIcon {
  color: #4db34d; }

.at-AmpHome .mat-card-actions {
  border-top: 1px solid rgba(0, 0, 0, 0.12); }

.at-FundstransferGrid_Header {
  font-weight: 700;
  cursor: pointer; }
  .at-FundstransferGrid_Header-title {
    font-size: 2rem;
    font-weight: 700; }

.at-LinkAccount_Add {
  font-size: 1.4rem;
  font-weight: 500;
  color: #120237;
  cursor: pointer; }
  .at-LinkAccount_Add .fa-plus-circle:before {
    font-size: 2rem; }

documents-grid .ag-material pershing-grid-header,
shareholder-grid .ag-material pershing-grid-header {
  display: flex;
  flex: 1 1 auto;
  overflow: hidden;
  align-items: center;
  text-overflow: ellipsis;
  align-self: stretch; }

/*--------- BALANCES _balances.scss -------*/
.ag-body-container .ag-full-width-row .bal-Grid_ClientName {
  background-color: white; }

.ag-body-container .ag-full-width-row.ag-row-hover .bal-Grid_ClientName {
  background-color: #edf9fe; }

.bal-BalancesSummary {
  background-color: #edf9fe;
  border-top: 2px solid #757575; }
  .bal-BalancesSummary_Row dt {
    font-size: 1.1rem; }
  .bal-BalancesSummary_Row dd {
    color: #ffffff;
    font-size: 2.2rem; }

.bal-BalancesDetails_GridHeader-subheader, .bal-BalancesDetails_GridHeader-noSubheader, .bal-CurrencyBalances_GridHeader-subheader, .bal-CurrencyBalances_GridHeader-noSubheader {
  color: #ffffff;
  font-size: 1.7rem; }
  .bal-BalancesDetails_GridHeader-subheader div:last-child, .bal-BalancesDetails_GridHeader-noSubheader div:last-child, .bal-CurrencyBalances_GridHeader-subheader div:last-child, .bal-CurrencyBalances_GridHeader-noSubheader div:last-child {
    color: #9e9e9e;
    font-size: 1.1rem; }

.bal-BalancesDetails_MasterGrid .ag-row-group-expanded, .bal-BalancesDetails_MasterGrid .ag-row-group-expanded.ag-row-hover, .bal-CurrencyBalances_MasterGrid .ag-row-group-expanded, .bal-CurrencyBalances_MasterGrid .ag-row-group-expanded.ag-row-hover {
  background-color: #edf9fe !important; }

.bal-CurrencyBalances_Content {
  border-top: 2px solid #757575; }

.nts-Summary.mat-list-item:hover {
  color: #ffffff;
  background: #438bd9; }

.nts-Summary:hover * {
  color: #ffffff; }

.nts-Summary-selected {
  background: #edf9fe;
  border-top: 1px solid #120237;
  border-bottom: 1px solid #120237; }

.nts-Summary .fal.fa-trash-alt:hover, .nts-Summary .fal.fa-copy:hover, .nts-Summary .fab.fa-salesforce:hover {
  color: white; }

.nts-SideNav .mat-drawer-inner-container::-webkit-scrollbar-thumb {
  background: rgba(0, 0, 0, 0.3); }

.nts-SideNav .mat-drawer-inner-container::-webkit-scrollbar-track {
  background: rgba(0, 0, 0, 0.05); }

.nts-ExpandIcon {
  background: white;
  color: #ffffff; }

.nts-EditContent::-webkit-scrollbar-thumb {
  background: rgba(0, 0, 0, 0.3); }

.nts-EditContent::-webkit-scrollbar-track {
  background: rgba(0, 0, 0, 0.05); }

.nts-Details {
  background: #f2f2f2 !important; }

.nts-CreateIcon {
  height: 100%; }

.nts-SearchResults {
  height: 90px; }

.nts-LoaderOverlay.mat-progress-spinner::after {
  background: transparent; }

.nts-Spinner {
  border: 3px solid #020006;
  border-top-color: #438bd9; }

.nts-Alert {
  font-size: 2.8rem;
  color: #e9ebef; }

/*--------- AMPS _amps.scss --------------*/
.amps-CheckAccounts_Search {
  background: #f2f2f2;
  border: 1px solid rgba(0, 0, 0, 0.15); }

.amps-CheckAccounts_Add, .amps-CheckAccounts_Info {
  color: #ffffff; }

.amps-CheckAccounts_Display {
  border: 1px solid rgba(0, 0, 0, 0.3); }

.amps-CheckAccounts_Striped:nth-of-type(even) {
  background-color: #f2f2f2; }

.amps .read-only .mat-form-field-disabled .mat-form-field-flex .mat-input-element, .amps .read-only .mat-select-disabled .mat-select-value, .amps .read-only .mat-radio-disabled .mat-radio-label-content {
  color: #ffffff; }

.amps .read-only .add-new-style:nth-child(3) {
  background: #f2f2f2; }

/*--------- Client On Boarding _cob.scss ------------*/
.cob-Dlg .mat-dialog-container {
  background-color: white;
  box-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12); }

.cob-LandingPage_Banner {
  background: #eeeeee; }
  .cob-LandingPage_Banner-title {
    color: black; }

.cob-LandingPage_TileContainer-tile {
  border: 1px solid #438bd9;
  border-radius: 6px; }
  .cob-LandingPage_TileContainer-tile:hover {
    background: #438bd9;
    border-color: #438bd9;
    color: white; }
  .cob-LandingPage_TileContainer-tile-title {
    color: #438bd9; }

.cob-AccountTypes {
  border-right: 1px solid #e0e0e0; }
  .cob-AccountTypes_SearchResults-searchaccounts .text-link {
    border-bottom: 2px dotted #e0e0e0;
    color: black; }
    .cob-AccountTypes_SearchResults-searchaccounts .text-link:hover {
      color: #120237;
      border-bottom-color: #120237; }
  .cob-AccountTypes_SearchResults-searchaccounts::-webkit-scrollbar-thumb {
    background: #e0e0e0; }

.cob-PlusIcon {
  color: #120237; }

.cob-SelectedAccounts_AccDetails {
  border: 1px solid #e0e0e0; }

.cob-Footer {
  background-color: #eeeeee; }

.account-info-entry-nao .fw-Header_OpenAccount {
  visibility: hidden; }

/*--------- CHAT _chat.scss -----------------*/
.cht {
  box-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 5px 8px 0px rgba(0, 0, 0, 0.14), 0px 1px 14px 0px rgba(0, 0, 0, 0.12);
  background: white; }
  .cht-Header {
    background-color: black; }
    .cht-Header_Title {
      color: white;
      font-size: 1.8rem; }
    .cht-Header .minimize {
      color: white;
      font-size: 1.8rem; }
    .cht-Header .close {
      color: white; }
  .cht-Call {
    border-bottom: solid 1px rgba(0, 0, 0, 0.09); }
  .cht-Content {
    background-color: white; }
    .cht-Content i.fal {
      font-size: 3.5rem;
      color: rgba(0, 0, 0, 0.3); }
  .cht-Topic_MessageInput textarea.mat-input-element::-webkit-scrollbar {
    background-color: rgba(0, 0, 0, 0.02); }
  .cht-Topic_MessageInput textarea.mat-input-element::-webkit-scrollbar-thumb {
    background-color: rgba(0, 0, 0, 0.06); }
  .cht-MessageLog {
    background-color: white; }
    .cht-MessageLog_Row .agent .fa-user-cirle, .cht-MessageLog_Row .agent-last .fa-user-cirle {
      color: rgba(0, 0, 0, 0.54); }
    .cht-MessageLog_Row .user p, .cht-MessageLog_Row .user-last p {
      background-color: rgba(0, 0, 0, 0.08); }
    .cht-MessageLog_Row .user-last p::before {
      background: rgba(0, 0, 0, 0.08); }
    .cht-MessageLog_Row .user-last p::after {
      background: white; }
  .cht-TypingAnim_Block-dot {
    background-color: #909090; }
  .cht-MessageEntry {
    border-top: solid 1px rgba(0, 0, 0, 0.2);
    background-color: white; }
  .cht-OperationHours {
    color: #120237; }
    .cht-OperationHours_Greeting {
      font-size: 3.5rem; }
    .cht-OperationHours_Icon {
      font-size: 1.7rem; }

.personal-information h5 {
  font-weight: 700;
  font-size: 14px;
  margin-left: 0 !important; }

.mobile .verIdQuestions .ansButton {
  border-radius: 30px !important; }

/*--------- DIGITAL TRANSFER _digital-transfer.scss -------*/
.dt-AcctConfirm_AcctBox {
  border: 1px solid #616161; }

.dt-AcctConfirm_AcctBoxHeading {
  border-bottom: 1px solid #616161; }

.dt-AcctConfirm_AcctNum h2 {
  font-size: 2.4rem; }

.dt-AcctConfirm_Agreement {
  font-size: 1.2rem; }

.dt-AcctConfirm_ArrowDown .fas, .dt-AcctConfirm_ArrowRight .fas {
  color: #020006;
  font-size: 3rem; }

.dt-AcctConfirm_Buttons {
  border-top: 1px solid #616161; }

.dt-AcctConfirm .dt-AcctConfirm_AcctDispName h4,
.dt-AcctConfirm .dt-AcctConfirm_AcctType h4 {
  font-size: 2rem; }

.dt-AcctConfirm_FromInstName {
  font-size: 2.8rem;
  color: #4db34d;
  width: 233px;
  height: 75px; }

.dt-AcctConfirm_LogoBg {
  background-color: white; }

.small-container .dt-AcctConfirm_Title {
  font-size: 2rem; }

.dt-AcctConfirm_ToInstName {
  width: 233px;
  height: 75px;
  background-size: contain; }

.dt-AccList_AccBox {
  border: 1px solid #616161; }

.dt-AccList_AccHeading {
  border-bottom: 1px solid #616161; }
  .dt-AccList_AccHeading h2 {
    font-size: 2.2rem;
    color: #4db34d; }

.dt-AccList_AccAmt h2 {
  font-size: 3rem; }

.dt-AccList_AccHolderName h4, .dt-AccList_AccType h4 {
  font-size: 2rem; }

.dt-AccList_btn {
  border-top: 1px solid #616161; }

.dt-AccList_AccBoxSelected {
  border: 1px solid #120237; }

.small-container .dt-AccList_Title {
  font-size: 2rem; }

.dt-AccountStatus_ContinueLink {
  background-color: #eef7fb;
  border: 1px solid #e3e3e3; }

.dt-ConsentToAccess_Heading {
  font-size: 1.8rem; }

.dt-ConsentToAccess_Buttons {
  border-top: 1px solid #616161; }

.dt-Email_OuterContainer {
  background-color: rgba(0, 0, 0, 0.04); }

.dt-Email_Invalid {
  color: #d50000 !important; }

.dt-Email_LeftGridView {
  border-right: 1px solid #ffffff !important; }

.dt-EmailTitle h1 {
  font-size: 2.6rem; }

.dt-EmailTitle h2 {
  font-size: 2.4rem; }

.dt-EmailTitle h3 {
  font-size: 2rem; }

.dt-ExLogin_FormContainer {
  border: 1px solid #616161; }

.dt-ExLogin_FormHeading {
  font-size: 1.8rem; }
  .dt-ExLogin_FormHeading-InstName {
    color: #4db34d; }

.dt-ExLogin_FormLabel {
  font-size: 1.8rem; }

.dt-ExLogin_SecurityExplanation strong {
  font-size: 2rem; }

.dt-HeaderContainer {
  border-bottom: 1px solid #616161; }

.dt-MainContainer h4 {
  font-size: 1.8rem; }

.dt-Title h3 {
  font-size: 2.6rem;
  color: black; }

.dt-Welcome_Heading {
  font-size: 2.4rem;
  color: black; }

/*--------- EDELIVERY _edelivery.scss -------*/
.edel-Preferences_Disclosures {
  font-size: 1.4rem; }

.edel-Preferences_Grid {
  height: inherit !important; }
  .edel-Preferences_Grid .ag-cell {
    border-bottom: 1px solid rgba(0, 0, 0, 0.3); }
  .edel-Preferences_Grid .ag-row-last .ag-cell {
    border-bottom: none; }
  .edel-Preferences_Grid .ag-header-cell-text {
    font-size: 1.4rem; }

.edel-Preferences_PopupLink-edit {
  font-size: 1.6rem; }

.edel-Preferences-Row {
  line-height: inherit !important; }

.edel-Preferences_Grid .ag-header-cell:first-child,
.edel-Preferences_Grid .ag-cell:first-child {
  padding-right: 0;
  white-space: break-spaces; }

.edel-Preferences_Grid .ag-header-cell:nth-child(2),
.edel-Preferences_Grid .ag-cell:nth-child(2) {
  padding-left: 0 !important; }

.edel-Preferences_Grid .edel-GridDocuments_DocumentColumn {
  padding-right: 0; }

.edel-Preferences_Grid .edel-GridDocuments_EmailColumn {
  padding-right: 0;
  flex-basis: 55%;
  max-width: 66.6666666667%;
  padding-left: 30px; }

.edel-Preferences_Grid .edel-GridDocuments_Row .mat-divider {
  margin-left: 2rem; }

.edel-Preferences_Heading .mat-divider {
  border-top: 2px solid #757575;
  border-top: none; }

.edel-Preferences_Title {
  font-weight: 700; }

.edel-Preferences_PopupLink-edit {
  text-decoration: none; }
  .edel-Preferences_PopupLink-edit:hover {
    text-decoration: underline; }

.edel-Preferences_PopupLinkContainer a {
  position: relative;
  top: 5px;
  z-index: 500; }

.mobile .edel-PreferencesGrid_Cell-account, .mobile .edel-PreferencesGrid_Cell-proxyProspectus {
  background-color: #edf9fe; }

@media (orientation: landscape) {
  .edel-PreferencesGrid .edel-GridDocuments_DocumentColumn:not(.edel-PreferencesGrid_Cell-proxyProspectus) {
    border-bottom: 1px solid rgba(0, 0, 0, 0.3); } }

.edel-AddEmail_Cancel.mat-button:not([disabled]) .mat-button-wrapper {
  color: #120237 !important; }

.edel-AddEmail_Footer {
  border-top: none !important;
  justify-content: flex-end; }
  .edel-AddEmail_Footer .action-buttons {
    flex-direction: row !important;
    margin: inherit !important; }
  .edel-AddEmail_Footer .mat-button:not([disabled]) .mat-button-wrapper {
    color: #120237 !important; }
  .edel-AddEmail_Footer.mat-dialog-actions {
    margin-bottom: 0 !important; }

.edel-EditEmail_Cancel.mat-button:not([disabled]) .mat-button-wrapper {
  color: #120237 !important; }

.edel-EditEmail_Content {
  min-height: 260px; }

.edel-EditEmail_Footer {
  border-top: none !important;
  justify-content: flex-end; }
  .edel-EditEmail_Footer .action-buttons {
    flex-direction: row !important;
    margin: inherit !important; }
  .edel-EditEmail_Footer .mat-button:not([disabled]) .mat-button-wrapper {
    color: #120237 !important; }
  .edel-EditEmail_Footer.mat-dialog-actions {
    margin-bottom: 0 !important; }

.edel-Email_Container {
  border: none;
  border-top: 2px solid #757575;
  background-color: #edf9fe;
  border-top: none;
  background-color: transparent; }

.edel-Email_Delete {
  display: block;
  margin-top: 30px; }

.edel-Email_Edit {
  font-size: 1.6rem; }

.edel-Email_Lists {
  display: flex;
  flex-wrap: wrap;
  padding-left: 10px; }

.edel-Email_List {
  background-color: #F1F1F1;
  border-radius: 30px;
  font-size: 1.4rem;
  height: 30px;
  line-height: 30px;
  list-style: none;
  margin-right: 15px;
  padding: 6px 12px; }

.edel-Email_Title {
  font-weight: 700; }

.edel-Email_Directions {
  font-size: 13px;
  font-weight: 600; }

.edel-DeleteEmail_Close-button.mat-button:not([disabled]) .mat-button-wrapper {
  color: #120237 !important; }

.edel-DeleteEmail_Footer {
  border-top: none !important; }
  .edel-DeleteEmail_Footer .action-buttons {
    border-top: none;
    flex-direction: row !important;
    justify-content: flex-end;
    margin: inherit !important; }
  .edel-DeleteEmail_Footer .mat-button:not([disabled]) .mat-button-wrapper {
    color: #120237 !important; }
  .edel-DeleteEmail_Footer.mat-dialog-actions {
    margin-bottom: 0 !important;
    justify-content: flex-end; }

.edel-email-tooltip.mat-tooltip {
  max-width: unset !important;
  pointer-events: none;
  transition: opacity 1s;
  padding: 10px 20px;
  background-color: #eeeeee;
  font-weight: normal;
  font-size: 1.3rem;
  border-radius: 8px !important;
  z-index: 99999999;
  box-sizing: border-box;
  box-shadow: 0 1px 8px rgba(0, 0, 0, 0.5); }

.edel-GridDocuments_DocumentColumn {
  margin-left: 10px; }
  .edel-GridDocuments_DocumentColumn .col-xs-7 {
    min-width: 260px; }
  .edel-GridDocuments_DocumentColumn .positive {
    margin-left: 62px; }
    .edel-GridDocuments_DocumentColumn .positive .fa-check-circle {
      font-size: 1.6rem; }
  .edel-GridDocuments_DocumentColumn .muted {
    margin-left: 62px; }
    .edel-GridDocuments_DocumentColumn .muted .fa-circle {
      color: #E2E2E2;
      -webkit-text-stroke-width: 1px;
      -webkit-text-stroke-color: #8E8E8E;
      font-size: 1.6rem; }
  .edel-GridDocuments_DocumentColumn .mat-slide-toggle {
    padding-left: 62px; }

.edel-GridDocuments_EmailList {
  list-style: none; }

.edel-GridDocuments_DocumentColumn .fa-info-circle, .edel-GridDocuments_EmailColumn .fa-info-circle {
  color: #ECF6FD;
  -webkit-text-stroke-width: 1px;
  -webkit-text-stroke-color: #1B73E8;
  font-size: 1.4rem; }

.edel-GridDocuments_Row {
  list-style: none;
  line-height: inherit !important; }
  .edel-GridDocuments_Row + .mat-divider {
    margin-left: 1rem; }

.edel-QuickEnroll_Content .mat-checkbox-background {
  background-color: #e0e0e0;
  border: 0.5px solid #bdbdbd; }

.edel-QuickEnroll_Content, .edel-QuickEnroll_Summary {
  color: black; }

.edel-QuickEnroll_Disclosures {
  background-color: whitesmoke; }

.edel-QuickEnroll .mat-dialog-container {
  max-width: inherit !important; }

.edel-QuickEnroll_Disclosures {
  font-size: 1.4rem; }

.edel-QuickEnroll_DocumentColumn .fa-info-circle {
  color: #ECF6FD;
  -webkit-text-stroke-width: 1px;
  -webkit-text-stroke-color: #1B73E8;
  font-size: 1.4rem; }

.edel-QuickEnroll_EmailColumn {
  max-width: 61%; }

.edel-QuickEnroll_Summary {
  padding-top: 1px;
  padding-bottom: 1px; }

.edel-QuickEnroll_Footer {
  border-top: 1px solid #616161;
  justify-content: flex-end; }
  .edel-QuickEnroll_Footer .action-buttons {
    flex-direction: row !important;
    margin: inherit !important; }
  .edel-QuickEnroll_Footer .mat-button:not([disabled]) .mat-button-wrapper {
    color: #120237 !important; }
  .edel-QuickEnroll_Footer.mat-dialog-actions {
    margin-bottom: 0 !important; }

.edel-EditPreferences_Included, .edel-EditPreferences_SeeAll {
  font-size: 1.4rem !important; }
  .edel-EditPreferences_Included.mat-button:not([disabled]), .edel-EditPreferences_SeeAll.mat-button:not([disabled]) {
    background: transparent none;
    border: none !important;
    text-align: left; }
    .edel-EditPreferences_Included.mat-button:not([disabled]) .mat-button-wrapper, .edel-EditPreferences_SeeAll.mat-button:not([disabled]) .mat-button-wrapper {
      color: #120237;
      color: #120237 !important; }
  .edel-EditPreferences_Included.mat-button:hover:not([disabled]) .mat-button-wrapper, .edel-EditPreferences_SeeAll.mat-button:hover:not([disabled]) .mat-button-wrapper {
    color: #120237; }
  .edel-EditPreferences_Included span, .edel-EditPreferences_SeeAll span {
    text-decoration: none; }
    .edel-EditPreferences_Included span:hover, .edel-EditPreferences_SeeAll span:hover {
      text-decoration: underline; }

.edel-EditPreferences .mat-dialog-container {
  max-width: inherit !important; }

.edel-EditPreferences_Included {
  min-width: inherit !important;
  padding: 0 !important; }
  .edel-EditPreferences_Included .fa-info-circle {
    color: #ECF6FD;
    -webkit-text-stroke-width: 1px;
    -webkit-text-stroke-color: #1B73E8;
    font-size: 1.4rem; }
  .edel-EditPreferences_Included.mat-button:focus {
    box-shadow: none !important; }

.edel-EditPreferences_SeeAll.mat-button:focus {
  box-shadow: none !important; }

.edel-EditPreferences_SeeAll.mat-button:not([disabled]) {
  padding-left: 30px !important; }

.edel-EditPreferences .edel-DocumentPending {
  background-color: #fefac5;
  line-height: inherit !important; }
  .edel-EditPreferences .edel-DocumentPending_Block [class*='col-'] {
    background-color: #fefac5;
    line-height: inherit !important;
    margin-bottom: 5px; }
    .edel-EditPreferences .edel-DocumentPending_Block [class*='col-']:first-child {
      border-top-left-radius: 10px;
      border-bottom-left-radius: 10px; }
    .edel-EditPreferences .edel-DocumentPending_Block [class*='col-']:nth-child(2) {
      border-top-right-radius: 10px;
      border-bottom-right-radius: 10px;
      max-width: 10%;
      flex-basis: 10%; }

.edel-Enroll_Content {
  color: black; }

.edel-Enroll_Disclosures.container-fluid {
  background-color: whitesmoke; }

.edel-Enroll_Footer .mat-button:not([disabled]) .mat-button-wrapper {
  color: #120237 !important; }

.edel-Enroll_Disclosures {
  font-size: 1.4rem; }

.edel-Enroll_Grid .ag-header-cell:first-child,
.edel-Enroll_Grid .ag-cell:first-child {
  padding-right: 0;
  white-space: break-spaces; }

.edel-Enroll_Grid .ag-cell {
  border-bottom: 1px solid rgba(0, 0, 0, 0.3); }

.edel-Enroll_Grid .ag-row-last .ag-cell {
  border-bottom: none; }

.edel-Enroll_Grid .ag-header-cell-text {
  font-size: 1.4rem; }

.edel-Enroll_Grid .edel-GridDocuments_EmailColumn {
  padding: 0;
  max-width: 57%; }

.edel-Enroll_Grid .edel-EditPreferences_SeeAll.mat-button:not([disabled]) {
  padding-left: 0 !important; }

.edel-Agreement_Content {
  color: black; }
  .edel-Agreement_Content .mat-icon-button.mat-primary {
    color: #120237; }

@media (max-width: 509px) {
  .edel-Confirmation_Grid .ag-body {
    font-size: 1.1rem; } }

.edel-SeeAllPopup, .edel-IncludedPopup, .edel-ProspectusPopup {
  border-radius: 6px !important;
  border-color: transparent; }
  .edel-SeeAllPopup_Header, .edel-SeeAllPopup_Footer, .edel-IncludedPopup_Header, .edel-IncludedPopup_Footer, .edel-ProspectusPopup_Header, .edel-ProspectusPopup_Footer {
    background-color: #eeeeee;
    border: none;
    color: black; }
  .edel-SeeAllPopup_Header, .edel-IncludedPopup_Header, .edel-ProspectusPopup_Header {
    font-size: 1.5rem; }
  .edel-SeeAllPopup_Close, .edel-IncludedPopup_Close, .edel-ProspectusPopup_Close {
    box-shadow: none; }

.edel-DocumentPending {
  background-color: #fefac5;
  border-radius: 10px;
  line-height: inherit !important; }
  .edel-DocumentPending_Block [class*='col-'] {
    background-color: #fefac5;
    line-height: inherit !important;
    margin-bottom: 5px; }
    .edel-DocumentPending_Block [class*='col-']:first-child {
      border-top-left-radius: 10px;
      border-bottom-left-radius: 10px; }
    .edel-DocumentPending_Block [class*='col-']:nth-child(2) {
      border-top-right-radius: 10px;
      border-bottom-right-radius: 10px;
      max-width: 10%;
      flex-basis: 10%; }

.edel-PendingEnrollment_Container {
  background-color: #edf9fe;
  border: 1px solid rgba(0, 0, 0, 0.105); }

.edel-IncludedPopup_Header .fa-info-circle {
  color: #ECF6FD;
  -webkit-text-stroke-width: 1px;
  -webkit-text-stroke-color: #1B73E8;
  font-size: 1.4rem; }

.mobile .edel-PreferencesGrid_Heading {
  font-size: 1rem; }

.mobile .edel-PreferencesGrid_Cell-account {
  font-size: 1.2rem; }

.mobile .edel-GridDocuments_Row {
  font-size: 1.2rem; }

.mobile .edel-Preferences_Disclosures {
  font-size: 1rem; }

.dj_safari .mobile .edel-QuickEnroll_Close-icon,
.dj_safari .tablet .edel-QuickEnroll_Close-icon {
  font-size: 2.8rem !important;
  margin-right: -1.4rem !important; }
  .dj_safari .mobile .edel-QuickEnroll_Close-icon .fa.fa-times-circle-o,
  .dj_safari .tablet .edel-QuickEnroll_Close-icon .fa.fa-times-circle-o {
    position: relative;
    top: 7px; }
    @media (orientation: landscape) {
      .dj_safari .mobile .edel-QuickEnroll_Close-icon .fa.fa-times-circle-o,
      .dj_safari .tablet .edel-QuickEnroll_Close-icon .fa.fa-times-circle-o {
        margin: 0 !important; } }

.dj_safari .mobile .edel-Enroll_Close-icon, .dj_safari .mobile .edel-AddEmail_Close-icon, .dj_safari .mobile .edel-EditEmail_Close-icon, .dj_safari .mobile .edel-DeleteEmail_Close-icon,
.dj_safari .tablet .edel-Enroll_Close-icon,
.dj_safari .tablet .edel-AddEmail_Close-icon,
.dj_safari .tablet .edel-EditEmail_Close-icon,
.dj_safari .tablet .edel-DeleteEmail_Close-icon {
  font-size: 2.8rem !important;
  margin-right: -1.4rem !important; }
  .dj_safari .mobile .edel-Enroll_Close-icon .fa.fa-times-circle-o, .dj_safari .mobile .edel-AddEmail_Close-icon .fa.fa-times-circle-o, .dj_safari .mobile .edel-EditEmail_Close-icon .fa.fa-times-circle-o, .dj_safari .mobile .edel-DeleteEmail_Close-icon .fa.fa-times-circle-o,
  .dj_safari .tablet .edel-Enroll_Close-icon .fa.fa-times-circle-o,
  .dj_safari .tablet .edel-AddEmail_Close-icon .fa.fa-times-circle-o,
  .dj_safari .tablet .edel-EditEmail_Close-icon .fa.fa-times-circle-o,
  .dj_safari .tablet .edel-DeleteEmail_Close-icon .fa.fa-times-circle-o {
    position: relative;
    top: 7px; }

@media (orientation: portrait) {
  .mobile .edel-OneClickEnroll {
    background-position: top; } }

.edel-OneClickEnroll_Content {
  background: none !important; }
  .edel-OneClickEnroll_Content h1 {
    font-size: 3.1rem;
    font-weight: 700; }
    .mobile .edel-OneClickEnroll_Content h1 {
      font-size: 2rem; }
    html[lang="es_LA"] .edel-OneClickEnroll_Content h1,
    html[lang="es"] .edel-OneClickEnroll_Content h1 {
      font-size: 3rem; }
  .edel-OneClickEnroll_Content div {
    font-size: 1.5rem; }
    html[lang="es_LA"] .edel-OneClickEnroll_Content div,
    html[lang="es"] .edel-OneClickEnroll_Content div {
      font-size: 1.4rem; }

.edel-OneClickEnroll_Form h2 {
  font-size: 2rem;
  font-weight: 700; }
  .mobile .edel-OneClickEnroll_Form h2 {
    font-size: 1.8rem; }

.edel-OneClickEnroll_Form .fa-trash {
  color: transparent;
  -webkit-text-stroke-width: 1px;
  -webkit-text-stroke-color: #1654B8;
  font-size: 1.6rem;
  float: left;
  margin-top: 32px;
  margin-right: 10px; }

.edel-OneClickEnroll_Form .row {
  margin-top: 20px !important; }

.edel-OneClickEnroll_Footer {
  font-size: 1.2rem; }

.edel-OneClickEnrollCancel_Content h3 {
  font-size: 1.8rem; }

.edel-OneClickEnrollCancel_Content .fa-lightbulb {
  font-size: 2.4rem; }

.edel-OneClickEnrollCancel_Footer {
  background: none !important; }

e-delivery .portlet-title-text {
  font-size: 3rem;
  line-height: 35px; }

/*--------- EDOCS _edocs.scss -------*/
.edoc-Header {
  border-top: 2px solid #757575;
  color: #757575; }
  .edoc-Header_Container .mat-icon.mat-primary {
    color: #ffffff; }

.edoc-hoverIcon {
  color: #273260; }

.edoc-Filter_Container {
  border-top: 2px solid #120237;
  background-color: #edf9fe;
  border-top: none; }

.edoc-Input {
  font-size: 1.4rem !important; }
  .edoc-Input_Type, .edoc-Input_Time, .edoc-Input_Date {
    font-size: 1.4rem !important; }

.edoc-linkIcon .fa-file-pdf {
  color: #120237; }

.edoc-Retention_Header {
  font-weight: 400 !important; }

.edoc-Retention_Disclosure {
  color: #9e9e9e; }

.edoc-Retention .table thead th {
  font-size: 2.4rem;
  font-weight: 400; }

.edoc-Statements, .edoc-TradeConfirms, .edoc-TaxDocuments {
  background-color: #f7f7f7; }
  .edoc-Statements .small, .edoc-Statements .edoc-Input_Date + span, .edoc-TradeConfirms .small, .edoc-TradeConfirms .edoc-Input_Date + span, .edoc-TaxDocuments .small, .edoc-TaxDocuments .edoc-Input_Date + span {
    font-size: 1.4rem;
    font-weight: 600; }

.edoc-Tooltip span {
  font-size: 1.1rem; }
  .edoc-Tooltip span mat-icon {
    width: 16px; }

.edocs-TradeConfirms {
  background-color: #f7f7f7; }
  .edocs-TradeConfirms .small, .edocs-TradeConfirms .edoc-Input_Date + span {
    font-size: 1.4rem;
    font-weight: 600; }

.mobile.page-statementsreports .mat-table .mat-sort-header-button, .mobile.page-statementsandreports .mat-table .mat-sort-header-button, .mobile.page-tradeconfirmations .mat-table .mat-sort-header-button, .mobile.page-taxdocuments .mat-table .mat-sort-header-button, .mobile.page-notifications .mat-table .mat-sort-header-button,
.tablet.page-statementsreports .mat-table .mat-sort-header-button,
.tablet.page-statementsandreports .mat-table .mat-sort-header-button,
.tablet.page-tradeconfirmations .mat-table .mat-sort-header-button,
.tablet.page-taxdocuments .mat-table .mat-sort-header-button,
.tablet.page-notifications .mat-table .mat-sort-header-button {
  color: #0126A4; }

.mobile.page-statementsreports .icon-filter:before, .mobile.page-statementsandreports .icon-filter:before, .mobile.page-tradeconfirmations .icon-filter:before, .mobile.page-taxdocuments .icon-filter:before, .mobile.page-notifications .icon-filter:before {
  content: "\f0b0";
  font-style: normal;
  font-family: "Font Awesome 5 Pro";
  font-weight: 900;
  font-size: 1.4rem;
  position: relative;
  right: 5px;
  top: 5px;
  color: #333333; }

@media (orientation: portrait) {
  .mobile.page-statementsreports .mat-table, .mobile.page-statementsandreports .mat-table, .mobile.page-tradeconfirmations .mat-table, .mobile.page-taxdocuments .mat-table, .mobile.page-notifications .mat-table {
    margin-top: 10px; } }

@media (orientation: portrait) {
  .mobile.page-shareholder .fa-filter:before {
    color: #333333; } }

.exa-FormActions {
  background-color: white;
  border-top: 1px solid rgba(0, 0, 0, 0.2); }

.exa-Cancel_Dialog .mat-raised-button.mat-primary {
  color: #ffffff; }

.exa-Cancel_Dialog .mat-dialog-title {
  background-color: black;
  border-bottom: 1px solid #eeeeee; }
  .exa-Cancel_Dialog .mat-dialog-title h3 {
    font-weight: 400; }
  .exa-Cancel_Dialog .mat-dialog-title .close i {
    font-size: 2rem;
    font-weight: 700; }

.exa-Agreement_Container {
  padding-top: 30px; }

/*--------- FEEDBACK _feedback.scss -------*/
.fdb-Upload {
  border: 1px solid #e0e0e0; }
  .fdb-Upload_deleteIcon {
    color: black; }
    .fdb-Upload_deleteIcon:hover {
      color: #0e022c; }
  .fdb-Upload_AddIcon:hover {
    color: #0e022c; }
  .fdb-Upload_FileName {
    font-size: 1rem; }

.fdb-Link span {
  font-family: Roboto; }

/*-----------FiCenter-----------*/
.fic {
  height: 112px;
  background-size: cover;
  margin-left: -1.5rem;
  margin-right: -1.5rem; }
  .fic-LandingPage_Income {
    border-left: 1px solid rgba(0, 0, 0, 0.2); }
  .fic-LandingPage_Resources {
    background-color: #f2f2f2; }
  .fic-LandingPage_NoData {
    position: absolute;
    height: 100%;
    width: 30%; }

/*--------- HOLDINGS _holdings.scss -------*/
.hld-AssetHero .tile {
  box-shadow: none !important; }

.hld-AssetHero .mat-card-title {
  font-size: 1.6rem;
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.5); }

.hld-AssetHero .mat-card-content:hover .value,
.hld-AssetHero .mat-card-content:hover .text-secondary,
.hld-AssetHero .mat-card-content.active .value,
.hld-AssetHero .mat-card-content.active .text-secondary {
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.5); }

.hld-AssetHero_AssetChart .text-link {
  font-size: 1.2rem;
  fill: #120237; }

.small-container .hld-AssetHero_AssetChart .highcharts-title {
  font-size: 2.4rem; }

/*--------- LISTS  _lists.scss -------*/
.lst-ClientListDetails_GridSmall {
  border-top: solid rgba(0, 0, 0, 0.35) 2px; }

.lst-HouseHoldListDetails_GridSmall {
  border-top: solid rgba(0, 0, 0, 0.35) 2px; }

/*--------- LOGIN _login.scss -------*/
.lg-Form_RememberUser {
  font-size: 1.2rem; }

.lg-Form_LoginButton.active[disabled] {
  background-color: #120237;
  color: #ffffff; }

.lg-Biometric_Icons {
  background-repeat: no-repeat; }

.lg-Form_RememberUser {
  font-size: 1.8rem;
  padding: 9px 0 15px 1px; }
  .lg-Form_RememberUser .mat-checkbox-label {
    white-space: nowrap !important; }

.lg-Form_LoginButton {
  font-weight: 700; }

.lg-Form_RegisterButton {
  width: 100%; }

.lg-ForgotPassword_Dialog {
  min-height: 500px;
  width: 718px !important; }

.mat-dialog-container .lg-ForgotPassword_Title .mat-dialog-title {
  font-size: 3rem; }

.mat-dialog-container .lg-ForgotPassword_Title .mat-button-wrapper .fa-times {
  font-size: 3rem;
  font-weight: 300; }

.lg-ForgotPassword_InputField .portlet-title-text, .lg-ForgotPassword_FinancialOrganization .portlet-title-text, .lg-ForgotPassword_UserID .portlet-title-text, .lg-ForgotPassword_Email .portlet-title-text {
  font-size: 1.8rem; }

.lg-ForgotPassword_Button {
  font-size: 1.6rem; }

.lg-ForgotUserID_Dialog {
  min-height: 310px;
  width: 718px !important; }

.mat-dialog-container .lg-ForgotUserID_Title.mat-dialog-title h1 {
  font-size: 3rem;
  font-weight: 400;
  margin: 0; }

.mat-dialog-container .lg-ForgotUserID_Title .mat-button-wrapper .fa-times {
  font-size: 3rem;
  font-weight: 300; }

.lg-ForgotUserID_InputField .portlet-title-text, .lg-ForgotUserID_FinancialOrganization .portlet-title-text {
  font-size: 1.8rem; }

.lg-ForgotUserID_Button {
  font-size: 1.6rem; }

.lg-ForgotUserID_Contact {
  font-size: 1.8rem;
  font-weight: 500; }

.mobile .lg-ForgotPassword_Title .mat-dialog-title {
  font-size: 2rem; }

@media (orientation: landscape) {
  .mobile .lg-ForgotPassword_Form {
    height: 16px;
    margin-bottom: 100px; }
    .mobile .lg-ForgotPassword_Form .mat-dialog-content {
      min-height: 331px; } }

.mobile .lg-ForgotUserID_Title.mat-dialog-title h1 {
  font-size: 2rem;
  font-weight: 700; }

.mobile .lg-ForgotUserID_Form {
  padding: 0 15px 30px; }
  .mobile .lg-ForgotUserID_Form .mat-dialog-content {
    min-height: 174px; }

.mobile .mat-dialog-container .lg-ForgotPassword_Form .mat-dialog-content, .mobile .mat-dialog-container .lg-ForgotUserID_Form .mat-dialog-content {
  margin-bottom: 0; }

/*--------- Multiple Account Opening  -------*/
.mao-Account_Individual {
  background: url("../../../../images/icons/mao_Individual.svg") no-repeat center; }

.mao-Account_Institutional {
  background: url("../../../../images/icons/mao_Institutional.svg") no-repeat center; }

.mao-Account_Joint {
  background: url("../../../../images/icons/mao_Joint.svg") no-repeat center; }

.mao-Account_Trust {
  background: url("../../../../images/icons/mao_Trust.svg") no-repeat center; }

.mao-GettingStarted_PurpleArrow {
  background: url("../../../../images/icons/mao_PurpleArrow.svg") no-repeat center; }

.mao-Landing_ConvertToManaged {
  background: url("../../../../images/icons/mao_ConverttoManaged.svg") no-repeat center; }
  .mao-Landing_ConvertToManaged-hover {
    background: url("../../../../images/icons/mao_ConverttoManaged-hover.svg") no-repeat center; }

.mao-Landing_MaintainAccount {
  background: url("../../../../images/icons/mao_MaintainAccount.svg") no-repeat center; }
  .mao-Landing_MaintainAccount-hover {
    background: url("../../../../images/icons/mao_MaintainAccount-hover.svg") no-repeat center; }

.mao-Landing_OpenAccounts {
  background: url("../../../../images/icons/mao_OpenAccounts.svg") no-repeat center; }
  .mao-Landing_OpenAccounts-hover {
    background: url("../../../../images/icons/mao_OpenAccounts-hover.svg") no-repeat center; }

.mao-Holder_Client {
  background: url("../../../../images/icons/mao_Client.svg") no-repeat center; }

.mao-Holder_Institution {
  background: url("../../../../images/icons/mao_Institution.svg") no-repeat center; }

.mao-Holder_Trust {
  background: url("../../../../images/icons/mao_Trust.svg") no-repeat center; }

/*--------- Orchestration Manager ---------*/
.om-DhocDepositIcon {
  background: url("../../../../images/icons/om_AdhocACHDeposit.svg") center no-repeat;
  width: 35px;
  height: 30px;
  margin-right: 10px; }

.om-AnnuityServicingIcon {
  background: url("../../../../images/icons/om_AnnuityServicing.svg") center no-repeat;
  width: 35px;
  height: 30px;
  margin-right: 10px; }

.om-AssetManagementAccountIcon {
  background: url("../../../../images/icons/om_AssetManagmentAccount.svg") center no-repeat;
  width: 35px;
  height: 30px;
  margin-right: 10px; }

.om-IncomingTransferFullIcon {
  background: url("../../../../images/icons/om_IncomingTransferFull.svg") center no-repeat;
  width: 35px;
  height: 30px;
  margin-right: 10px; }

.om-IncomingTransferPartialIcon {
  background: url("../../../../images/icons/om_IncomingTransferPartial.svg") center no-repeat;
  width: 35px;
  height: 30px;
  margin-right: 10px; }

.om-PeriodicInstructionIcon {
  background: url("../../../../images/icons/om_PeriodicInstruction.svg") center no-repeat;
  width: 35px;
  height: 30px;
  margin-right: 10px; }

.om-PeriodicInstructionOrderIcon {
  background: url("../../../../images/icons/om_PeriodicInstructionsOrder.svg") center no-repeat;
  width: 35px;
  height: 30px;
  margin-right: 10px; }

.om-StandingInstructionIcon {
  background: url("../../../../images/icons/om_StandingInstruction.svg") center no-repeat;
  width: 35px;
  height: 30px;
  margin-right: 10px; }

/*--------- Filter -------*/
.flt-Container {
  background-color: #f2f2f2;
  border: 1px solid rgba(0, 0, 0, 0.12);
  border-radius: 6px; }
  .flt-Container.du {
    margin-bottom: -10rem; }

.compact .flt label {
  font-size: 1.2rem; }

/*--------- financial calculator -------*/
/* Does not follow our guidelines will need to repurpose */
.otp-Steps_Header label {
  color: black; }

.otp-Actions {
  border-top: 1px solid rgba(0, 0, 0, 0.12); }

.pcf-Details_TotalCash, .pcf-Details_Maturity-YearInfo, .pcf-Details_Maturity-TotalMaturity {
  border-right: 1px solid rgba(0, 0, 0, 0.12);
  border-bottom: 0; }
  .small-container .pcf-Details_TotalCash, .small-container .pcf-Details_Maturity-YearInfo, .small-container .pcf-Details_Maturity-TotalMaturity {
    border-right: 0;
    border-bottom: 1px solid rgba(0, 0, 0, 0.12); }

.pcf-Details .label {
  color: rgba(0, 0, 0, 0.6); }

.pcf-Details_Total {
  color: black; }

@media (min-width: 810px) and (max-width: 1200px) {
  .pcf-Details dl:nth-child(n+2) {
    border-bottom: 1px solid rgba(0, 0, 0, 0.12); } }

@media (min-width: 1200px) and (max-width: 1350px) {
  .pcf-Details dl:nth-child(n+2) {
    border-bottom: 0; } }

.small-container .pcf-Details_TotalCash dl,
.medium-container .pcf-Details_TotalCash dl, .small-container .pcf-Details_TotalReinvested dl,
.medium-container .pcf-Details_TotalReinvested dl, .small-container .pcf-Details_Maturity dl,
.medium-container .pcf-Details_Maturity dl {
  border-left: 0;
  border-bottom: 1px solid rgba(0, 0, 0, 0.12); }

@media (min-width: 810px) and (max-width: 1200px) {
  .pcf-Details_TotalCash dl, .pcf-Details_TotalReinvested dl, .pcf-Details_Maturity dl {
    border-left: 0;
    border-bottom: 1px solid rgba(0, 0, 0, 0.12); } }

@media (min-width: 1200px) and (max-width: 1350px) {
  .pcf-Details_TotalCash dl, .pcf-Details_TotalReinvested dl, .pcf-Details_Maturity dl {
    border-left: 0;
    border-bottom: 0; } }

.pcf-Badge_Projected {
  background-color: #2776b3; }

.pcf-Badge_Announced {
  background-color: #1d3b78; }

.pcf-Maturity_TotalIcon {
  background: url("../../../../images/icons/pcf_Maturity.svg") no-repeat center; }

.pcf-Maturity_DateIcon {
  background: url("../../../../images/icons/pcf_Time.svg") no-repeat center; }

.pcf-Maturity_MarketValueIcon {
  background: url("../../../../images/icons/pcf_TotalMarketValue.svg") no-repeat center; }

.pcf-Chart_Incoming .highcharts-color-0:nth-child(-n + 2) {
  fill: #1d3b78;
  stroke: none; }

.pcf-Chart_Incoming .highcharts-color-0:nth-child(n + 3) {
  fill: #2776b3; }

.pcf-Chart_MonthlySummary .highcharts-backround {
  fill: transparent; }

.pcf-Chart_MonthlySummary .highcharts-color-0 {
  fill: #2776b3; }

.pcf-Chart_MonthlySummary .highcharts-color-1 {
  fill: #1d3b78; }

.pcf-Chart_MonthlySummary .highcharts-legend-item.highcharts-color-0 rect {
  fill: #2776b3; }

.pcf-Chart_MonthlySummary .highcharts-legend-item.highcharts-color-1 rect {
  fill: #1d3b78; }

.pcf-DataTable {
  border-bottom: 1px solid rgba(0, 0, 0, 0.12); }
  .pcf-DataTable .key-value-list {
    font-size: 1.2rem; }
    .pcf-DataTable .key-value-list dt {
      color: rgba(0, 0, 0, 0.6); }
  .pcf-DataTable_ClientSummary {
    background-color: #edf9fe; }
  .small-container .table.data-table .pcf-DataTable_Income {
    border-bottom: 1px solid #e0e0e0; }
  .mat-expanded .pcf-DataTable_AccountsData-title {
    background-color: #edf9fe; }
  .pcf-DataTable_AccountsData .key-value-list {
    font-size: 1.2rem; }
    .pcf-DataTable_AccountsData .key-value-list dt {
      color: black; }
  .pcf-DataTable_AccountsData .mat-expansion-panel-content {
    background-color: #edf9fe; }

/*--------- TRADING _trading.scss -------*/
.tr-SymbolSearchAutoComplete-noresultsfound {
  background: url("../../../../images/icons/search-noresultsfound.svg") no-repeat;
  height: 92px;
  width: 184px;
  margin: 0 auto; }

.tr-ActionCellRender_ActionDDIcon {
  color: black; }

.tr-BalancesSmall {
  background-color: #f7f7f7;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1); }

.tr-Balances_Container hr.medium, .tr-Holding_Container hr.medium, .tr-Quote_Container hr.medium, .tr-OrderEntryWrapper_Form hr.medium {
  border-top: 1px solid rgba(0, 0, 0, 0.2); }

.tr-Balances_Container hr.dark, .tr-Holding_Container hr.dark, .tr-Quote_Container hr.dark, .tr-OrderEntryWrapper_Form hr.dark {
  border-top: 1px solid #909090; }

.tr-CancelOrder_Border {
  border-right: 1px solid rgba(0, 0, 0, 0.3); }

.tr-CancelOrderDisclaimer_LineTwo {
  color: #e40707; }

.tr-Cdsc .mat-card-title {
  background-color: white !important;
  border-bottom: 1px solid rgba(0, 0, 0, 0.2); }

.tr-Cdsc .mat-dialog-content {
  background: #f7f7f7 !important; }

.tr-Cdsc .mat-dialog-title {
  background: #f7f7f7 !important;
  border-bottom: 1px solid rgba(0, 0, 0, 0.2); }
  .tr-Cdsc .mat-dialog-title .mat-icon-button {
    color: black; }

.tr-CdscPopup .mat-card-title {
  background: #f7f7f7; }

.tr-CdscPopup_DialogTitle {
  background-color: #feedef !important; }

.tr-Balances_Container {
  border-radius: 0 !important;
  padding: 0 5px 25px !important; }

.tr-Disclaimers {
  font-size: 1.4rem !important;
  margin: 20px 10px !important; }
  .tr-Disclaimers a.text-link,
  .tr-Disclaimers a.text-link:hover {
    color: black;
    text-decoration: none; }

.tr-EstimatedTransactionValue {
  background-color: white; }
  .tr-EstimatedTransactionValue_Title {
    color: rgba(0, 0, 0, 0.65);
    font-size: 2.4rem;
    font-weight: 700;
    margin: 10px 0 10px 10px; }

.tr-Holding_Container h1 {
  background-color: transparent; }

.tr-Holdings_Text {
  font-size: 1.4rem !important; }

.tr-Order_ContainerPrimary {
  border: none;
  margin-top: 0 !important; }

.tr-Order_ContainerSecondary {
  border: none; }
  .tr-Order_ContainerSecondary h1 {
    color: rgba(0, 0, 0, 0.85);
    font-size: 2rem;
    font-weight: 700; }

.tr-Order_EstimatedPrincipal span {
  font-size: 1.6rem;
  font-weight: 700; }

.tr-OrderEntry .compact label {
  font-size: 1.6rem !important; }

.tr-OrderEntry_MarketPrice {
  font-size: 35px; }

.tr-OrderEntryContainer .compact label {
  font-size: 1.4rem; }

.tr-Order_ContainerSecondary .tr-OrderStatus_Viewallhld {
  margin-bottom: 0 !important;
  padding-bottom: 15px !important; }

.tr-OrderSubTitle_Buy {
  font-size: 2.4rem; }

.tr-OrderSummary_AsOfTime.muted {
  font-size: 1.4rem !important;
  line-height: 16px; }

.tr-OrderSummary_Component {
  border: none;
  margin-top: 0 !important;
  padding-bottom: 0 !important; }
  .tr-OrderSummary_Component .mat-card-title {
    font-size: 2rem;
    padding-left: 5px !important; }
  .tr-OrderSummary_Component h3 {
    margin-left: 20px; }

.tr-OrderSummary_Header {
  background-color: transparent; }

.tr-OrderSummary_Text p {
  font-size: 1.4rem !important; }

.tr-Quote_Container {
  background: white;
  border-radius: 7px;
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.25);
  margin: 20px 20px 10px 0 !important;
  padding: 10px !important; }

.tr-ReviewOrder .mat-card-title {
  border-bottom: none !important; }

.tr-ReviewOrder_AccountName {
  display: block;
  font-size: 1.6rem;
  padding: 20px 0; }

.tr-ReviewOrderWrapper.compact .tr-Order_ContainerSecondary {
  margin-right: 25px; }

.modal .mat-dialog-container .tr-ReviewOrderWrapper.compact .mat-dialog-actions {
  background-color: rgba(0, 0, 0, 0.03) !important;
  border-top: none !important; }

.tr-ExchangeAgreement_Question {
  background-color: #f7f7f7;
  border: 1px solid #e0e0e0;
  border-radius: 6px;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05); }

.tr-ExchangeAgreement .fw-SecondaryNavigation {
  font-family: Roboto;
  background-image: linear-gradient(to bottom, white, #f2f2f2); }
  .desktop .tr-ExchangeAgreement .fw-SecondaryNavigation_List {
    margin-left: 0; }
  .tr-ExchangeAgreement .fw-SecondaryNavigation_List li {
    background-color: transparent;
    font-family: Roboto;
    font-size: 1.4rem;
    font-weight: 600; }
    .tr-ExchangeAgreement .fw-SecondaryNavigation_List li a {
      color: white; }
    .tr-ExchangeAgreement .fw-SecondaryNavigation_List li:not(.active) {
      padding-top: 4px; }
  .tr-ExchangeAgreement .fw-SecondaryNavigation_List li.active {
    background-color: #9366f9;
    border-left: 1px solid rgba(0, 0, 0, 0.15);
    border-right: 1px solid rgba(0, 0, 0, 0.15);
    border-top: 5px solid #120237;
    font-size: 14px;
    font-weight: 600; }
    .tr-ExchangeAgreement .fw-SecondaryNavigation_List li.active:first-child {
      border-left: none; }
    .tr-ExchangeAgreement .fw-SecondaryNavigation_List li.active a {
      background: none;
      color: white;
      font-weight: 600; }

.tr-ExchangeAgreement .cm-Content.exchange_agreements {
  border: none; }
  .tr-ExchangeAgreement .cm-Content.exchange_agreements select {
    border: 1px solid rgba(0, 0, 0, 0.2);
    height: 25px;
    width: 5% !important; }

.tr-ExtendedHours table {
  background: white !important;
  border-collapse: collapse; }

.tr-ExtendedHours th,
.tr-ExtendedHours td {
  border: 1px solid rgba(0, 0, 0, 0.3); }

.tr-ExtendedHours .mat-dialog-content, .tr-ReviewOrderWrapper .mat-dialog-content, .tr-TermsAndConditions .mat-dialog-content {
  background: #f7f7f7 !important; }

.tr-MutualFundOrderEntryCore {
  padding: 10px 0px; }
  .tr-MutualFundOrderEntryCore .mat-expansion-panel {
    box-shadow: -1px -1px 6px 0 rgba(0, 0, 0, 0.15), 1px 1px 6px 0 rgba(0, 0, 0, 0.15) !important;
    border-radius: 6px; }
  .tr-MutualFundOrderEntryCore .mat-expansion-panel-header {
    background: white !important; }
  .tr-MutualFundOrderEntryCore .mat-expansion-panel-header-description {
    color: black; }
  .tr-MutualFundOrderEntryCore_Title {
    background: #e0e0e0; }

.tr-OptionChainExpirationDates, .tr-OptionChainQuote {
  border: 1px solid rgba(0, 0, 0, 0.12);
  border-radius: 6px; }
  .tr-OptionChainExpirationDates .lightborderright, .tr-OptionChainQuote .lightborderright {
    border-right: 1px solid rgba(0, 0, 0, 0.12); }

.tr-OptionChainExpirationDates .legend {
  border-left-style: solid;
  border-color: #120237;
  border-color: #70bbff;
  background: #edf9fe; }

.tr-OptionChainExpirationDates .selectedexpdate {
  background-color: rgba(0, 0, 0, 0.12); }

.tr-OptionChainExpirationDates .lightborderleft {
  border-left: 1px solid rgba(0, 0, 0, 0.12); }

.tr-OptionChainExpirationDates .lightbordertop {
  border-top: 1px solid rgba(0, 0, 0, 0.12); }

.tr-OptionChainExpirationDates .scrollerControl {
  color: black; }

.tr-OptionChainGrid {
  border: 1px solid rgba(0, 0, 0, 0.12);
  border-radius: 6px; }
  .tr-OptionChainGrid .askprice {
    background-color: #feedef; }
  .tr-OptionChainGrid .bidprice {
    background-color: #e9e9e9; }
  .tr-OptionChainGrid .inthemoney {
    background-color: #edf9fe; }
  .tr-OptionChainGrid .legend {
    border-left-style: solid;
    border-color: #120237;
    border-color: #70bbff;
    background-color: #edf9fe; }
  .tr-OptionChainGrid .strikeprice {
    background-color: rgba(67, 139, 217, 0.25); }
  .tr-OptionChainGrid .strikepriceborder {
    background-color: rgba(67, 139, 217, 0.25);
    border-left-style: solid;
    border-color: #120237;
    border-color: #70bbff; }
  .tr-OptionChainGrid .ag-header.ag-focus-managed.ag-pivot-off {
    height: 46px !important;
    min-height: 46px !important; }
  .tr-OptionChainGrid .ag-header-row.ag-header-row-column {
    top: 5px !important;
    height: 45px !important; }

.tr-Order_ContainerPrimary {
  border-radius: 6px; }

.tr-Order_ContainerSecondary {
  background: white;
  border-radius: 6px; }

.tr-OrderEditInfoDiv {
  background: white;
  border: 1px solid #ff9d00;
  border-left-width: 10px; }

.tr-OrderEntry_AlertTradeInfo {
  border-radius: 6px; }

.tr-OrderEntryCommissions_NoCalc {
  color: rgba(0, 0, 0, 0.26); }

.tr-OrderEntryWrapper {
  background-color: transparent !important; }
  .tr-OrderEntryWrapper_FormSmall {
    background: #f7f7f7;
    box-shadow: 0 -1px 6px 0 rgba(0, 0, 0, 0.2), 0 2px 6px 0 rgba(0, 0, 0, 0.2);
    border-radius: 6px; }

.tr-OrderSettings .mat-dialog-title,
.tr-OrderSettings .mat-dialog-content {
  background: #f7f7f7 !important; }

.tr-OrderSettings .mat-icon-button {
  color: black; }

.tr-OrderSettings_AlwaysDisplay {
  background: rgba(0, 0, 0, 0.2); }

.tr-OrderSettings_Header {
  background: white;
  border: 1px solid rgba(0, 0, 0, 0.3);
  border-bottom-color: rgba(0, 0, 0, 0.6); }

.tr-OrderSettings_Content {
  background: white;
  border: 1px solid rgba(0, 0, 0, 0.3);
  border-top: none; }

.tr-OrderSettings_Tabs {
  background: #f7f7f7;
  border-bottom: 1px solid rgba(0, 0, 0, 0.2); }
  .tr-OrderSettings_Tabs ul li span {
    transition: background-color 0.3s;
    color: black; }
    .tr-OrderSettings_Tabs ul li span.selected {
      border-bottom: 3px solid #120237;
      border-bottom: 3px solid #70bbff; }

.tr-OrderStatus_Grid .ag-header-cell-label {
  align-items: flex-start; }

.tr-OrderStatus_Grid .ag-layout-auto-height .ag-center-cols-clipper,
.tr-OrderStatus_Grid .ag-layout-auto-height .ag-center-cols-container {
  min-height: auto !important; }

.tr-OrderStatus_Grid pershing-grid-header {
  height: 34px; }

.tr-OrderStatusDetails {
  background-color: #edf9fe; }

.tr-OrderStatusDetailsCore .lightborderleft {
  border-top: 1px solid rgba(0, 0, 0, 0.12); }

.tr-OrderStatusSmall {
  background: #f6fcfe;
  border: 1px solid #120237;
  border: 1px solid #70bbff;
  border-radius: 6px; }

.tr-OrderSubTitle {
  color: black; }
  .tr-OrderSubTitle_Buy {
    color: #00ba31; }
  .tr-OrderSubTitle_Sell {
    color: #D81B60; }

.tr-OrderTitle {
  color: black; }
  .tr-OrderTitle .mat-icon-button {
    color: black; }
  .tr-OrderTitle_Buy {
    color: #00ba31; }
    .mat-dialog-title .tr-OrderTitle_Buy {
      color: white; }
  .tr-OrderTitle_Sell {
    color: #D81B60; }
    .mat-dialog-title .tr-OrderTitle_Sell {
      color: white; }

.tr-OrderViolations_Header {
  border-bottom: 1px solid rgba(0, 0, 0, 0.2); }

.tr-Popover {
  background-color: white;
  box-shadow: 0 2px 14px 0 rgba(0, 0, 0, 0.2); }

.tr-QuoteDialog .mat-dialog-title {
  background: white !important;
  border-bottom: 1px solid rgba(0, 0, 0, 0.2); }

.tr-Quote_Container {
  border: 1px solid rgba(0, 0, 0, 0.2); }

.tr-Quote_FundDetailsTitle {
  background-color: #edf9fe;
  color: black; }

.tr-Quote_OptionContainer {
  background: white !important;
  border-radius: 7px !important;
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.25) !important;
  margin: 20px 20px 10px 0 !important;
  padding: 10px !important; }

.tr-QuoteMini_Phone, .tr-QuoteMini_Tablet {
  border: 1px solid rgba(0, 0, 0, 0.3);
  border-radius: 6px; }
  .tr-QuoteMini_Phone hr, .tr-QuoteMini_Tablet hr {
    border-color: rgba(0, 0, 0, 0.2); }

.tr-QuotePreview {
  border: 1px solid rgba(0, 0, 0, 0.3); }

.tr-QtyCalculator .mat-dialog-title {
  background: white !important; }

.tr-QtyCalculator h2,
.tr-QtyCalculator .mat-icon-button {
  color: white; }

.tr-QtyCalculator_Arrow {
  opacity: 0.4;
  color: black; }

.tr-QtyCalculator_Quantity {
  border: 1px solid rgba(0, 0, 0, 0.3);
  border-radius: 6px; }

.tr-QtyCalculator_Buy {
  background: #e9e9e9;
  border: 1px solid rgba(233, 233, 233, 0.6);
  border-radius: 6px; }

.tr-QtyCalculator_Sell {
  background: #feedef;
  border: 1px solid rgba(254, 237, 239, 0.2);
  border-radius: 6px; }

.tr-ReviewEstimated .mat-card-title {
  background-color: #f7f7f7 !important; }

.tr-ReviewEstimated .mat-card-content {
  background-color: #f7f7f7 !important; }

.tr-ReviewOrder .mat-card-title {
  background-color: white !important;
  border-bottom: 1px solid rgba(0, 0, 0, 0.2); }

.tr-ReviewOrder_DialogTitle {
  background-color: #f7f7f7; }

.tr-ReviewOrder .mat-card {
  border: 1px solid rgba(0, 0, 0, 0.3); }

.tr-SymbolSearchAutoComplete_Title {
  background: #f7f7f7; }

.tr-TaxLotGrid .mat-dialog-content {
  background: #f7f7f7 !important; }

.tr-TaxLotGrid .ag-floating-bottom-viewport {
  border-top: 1px solid rgba(0, 0, 0, 0.14) !important; }

.tr-TaxLotGrid .ag-body.ag-row-no-animation {
  background-color: white !important; }

.tr-TaxLotGrid_Disabled {
  background: rgba(0, 0, 0, 0.2);
  opacity: 0.6; }

.tr-TaxLotGrid_Checked input:checked ~ .checkmark {
  background-color: #00ba31; }

.tr-TransactionSelect .mat-form-field-flex {
  background: white; }

.tr-TransactionSelect_Buy .mat-form-field-flex {
  background: #bddebe; }

.tr-TransactionSelect_Buy.mat-form-field-appearance-outline .mat-form-field-outline-thick,
.tr-TransactionSelect_Buy.mat-form-field-appearance-outline .mat-form-field-outline {
  color: #bddebe; }

.tr-TransactionSelect_Buy.mat-form-field-appearance-outline.mat-focused .mat-form-field-outline-thick {
  color: #2fdaff; }

.tr-TransactionSelect_Sell .mat-form-field-flex {
  background: #f4bdbd; }

.tr-TransactionSelect_Sell.mat-form-field-appearance-outline .mat-form-field-outline-thick,
.tr-TransactionSelect_Sell.mat-form-field-appearance-outline .mat-form-field-outline {
  color: #f4bdbd; }

.tr-TransactionSelect_Sell.mat-form-field-appearance-outline.mat-focused .mat-form-field-outline-thick {
  color: #f4bdbd; }

#neworder .fw-TertiaryNavigation_List li {
  background-color: transparent !important; }

#neworder .fw-TertiaryNavigation-desktop {
  border-bottom: 1px solid #ababab;
  margin-top: 20px; }

#stocktrading,
#mutualfundtrading,
#optiontrading,
#trading529,
#extendedhours {
  margin-top: 30px; }
  #stocktrading .tr-Order_ContainerPrimary > div:first-child,
  #mutualfundtrading .tr-Order_ContainerPrimary > div:first-child,
  #optiontrading .tr-Order_ContainerPrimary > div:first-child,
  #trading529 .tr-Order_ContainerPrimary > div:first-child,
  #extendedhours .tr-Order_ContainerPrimary > div:first-child {
    margin-bottom: -5px !important;
    padding-bottom: 10px; }

.prs-Content_Question {
  color: #00ba31; }

.prs-Disclosure {
  font-size: 1.2rem; }

.prs-Actions {
  background-color: white;
  border-top: 1px solid rgba(0, 0, 0, 0.2); }

.ops .grid-ColumnSettings {
  font-size: 1.2rem; }

.ops label {
  font-size: 1.2rem; }

.ops .mat-form-field,
.ops .mat-option {
  font-size: 1.2rem !important; }

.ops .mat-button-toggle .mat-button-toggle-label-content {
  font-size: 1.2rem; }

.ops .mat-stroked-button {
  font-size: 1.2rem; }
  .ops .mat-stroked-button .mat-icon {
    font-size: 1.2rem; }

.ops .ag-material.ag-condensed .ag-header .ag-header-cell,
.ops .ag-material.ag-condensed .ag-header .ag-header-cell-group {
  font-size: 1.2rem; }

.ops .ag-material.ag-condensed .ag-cell {
  padding: 2px 4px;
  line-height: 22px;
  font-size: 1.2rem; }
  .ops .ag-material.ag-condensed .ag-cell .mat-checkbox-inner-container {
    margin-top: -4px; }
  .ops .ag-material.ag-condensed .ag-cell.ag-cell-inline-editing {
    padding: 4px; }

/*---- Exception monitor _exception-monitor.scss ----*/
.exm-BookToTrade label {
  font-size: 1.2rem;
  line-height: 1.2rem; }

.exm-BookToTrade_BrokerSearch .mat-option {
  font-size: 1.2rem; }

.exm-AccountFilter {
  background: rgba(0, 0, 0, 0.05); }
  .exm-AccountFilter .mat-radio-group {
    margin-bottom: 0;
    font-size: 1.2rem; }

.exm-Amounts {
  font-size: 1.8rem !important; }
  .exm-Amounts_Value {
    color: #e9ebef; }

.exm-DtccConfirm .mat-expansion-panel-header[aria-disabled=true] {
  color: black !important; }

.exm-DtccConfirm_Details .mat-expansion-panel-content {
  font-size: 1.2rem; }

.exm-DtccConfirm_Details .table thead th {
  background: #edf9fe; }

.exm-DtccConfirm_Details .table td:nth-child(2) {
  border-right: 1px solid #e0e0e0; }

.exm-DtccConfirm_AuditTrail .mat-expansion-panel-content {
  font-size: 1.2rem; }

.exm-Summary_AgeCard .highcharts-color-0 {
  fill: #4db34d; }

.exm-Summary_AgeCard .highcharts-color-1 {
  fill: #ff9d00; }

.exm-Summary_AgeCard .highcharts-color-2 {
  fill: #e02020; }

.exm-Summary_DkConfirmsCard .highcharts-color-0 {
  fill: #4db34d; }

.exm-Summary_DkConfirmsCard .highcharts-color-1 {
  fill: #ff9d00; }

.exm-Summary_DkConfirmsCard .highcharts-color-2 {
  fill: #e02020; }

/*---- NOTIFICATION CENTER _notifications.scss ----*/
.nc.stream-panel {
  background-color: white; }

.nc-Header {
  color: #120237;
  border-bottom: 1px solid rgba(0, 0, 0, 0.14); }

.nc .new-notification {
  font-size: 1rem !important;
  background-color: #fc7802;
  color: black; }

.nc .fa-bell {
  font-size: 2.2rem; }

.nc-title {
  font-size: 2.4rem;
  font-weight: 400; }

.nc .viewport-wrapper,
.nc .viewport {
  background: white; }
  .nc .viewport-wrapper .row:hover,
  .nc .viewport .row:hover {
    background-color: #edf9fe; }

.nc .date {
  color: rgba(0, 0, 0, 0.6);
  font-size: 1rem; }

.nc .disconnected {
  color: #e40707; }

.nc .connecting {
  color: #ff9d00; }

.nc .connected {
  color: #2faeff; }

.nc .tooltip {
  color: #ffffff;
  background: white; }

.nc .read {
  color: #9e9e9e;
  font-weight: 500 !important; }

/*---- CONSERVATIVE THEME ----*/
.ag-AccountsGroup .mat-tab-list .mat-tab-label.mat-tab-label-active {
  background-color: #9366f9;
  border-top: 5px solid #120237; }

.ag-AccountsGroup .mat-tab-group {
  border: 1px solid #616161; }

.ag-AccountsGroup .mat-tab-list .mat-tab-labels {
  background-image: linear-gradient(to bottom, white, #f2f2f2); }

.ag-AccountsGroup .mat-tab-list .mat-tab-label:not(.mat-tab-label-active) {
  color: white; }

.ag-AccountsGroup_GroupName {
  background-color: transparent; }
  .ag-AccountsGroup_GroupName.text-link {
    color: #120237; }

.ag-AccountsGroup .mat-list-item {
  background-color: transparent; }

.ag-AddNickname_Dialog {
  border: 1px solid transparent;
  border-radius: 6px;
  background-color: white; }

@media (orientation: portrait) {
  .ag-GroupDelete_Model .mat-dialog-container .mat-dialog-actions {
    background-color: white; }
  .ag-GroupDelete_Model .mat-dialog-container .mat-dialog-title {
    font-size: 1.5rem;
    background: black;
    color: white; } }

@media (orientation: landscape) {
  .ag-GroupDelete_Model .mat-dialog-container .mat-dialog-actions {
    background-color: white; }
  .ag-GroupDelete_Model .mat-dialog-container .mat-dialog-title {
    background: black;
    color: white; } }

.ag-DeleteDialog_Title {
  margin-left: -7px; }

.ao-AccountCreation_Tile {
  color: black;
  border: 1px solid #e0e0e0;
  background-color: #eeeeee; }

.ao-AccountTypes_Tile {
  color: black;
  border: 1px solid #e0e0e0;
  background-image: linear-gradient(white, #eeeeee); }

.ao-AccountTypes_Heading {
  font-size: 24px; }

.ao-AccountTypes_Header {
  font-size: 2.2rem;
  line-height: 32px;
  letter-spacing: -0.5px; }

.ao-AccountTypes_SubHeader {
  font-size: 1.7rem;
  line-height: 24px; }

.ao-AccountTypeDesc {
  font-weight: bold;
  font-size: 13px; }

.ao-Info-circle {
  color: #438bd9; }

.ao-Needhelp {
  border: 1px solid #e0e0e0;
  background-color: #eeeeee;
  font-weight: 700; }

.ap-ViewAccount_Label, .ap-ViewCurrency_Label {
  font-size: 1.8rem; }

.ap-AccountPicker .mat-form-field-appearance-outline .mat-form-field-flex {
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05); }

@media (orientation: portrait) {
  .mobile .ap-AccountPicker_Matselect .mat-option {
    font-size: 1.55rem; } }

.ap-Disposition small {
  font-size: 1rem; }

.ap-PersonalInfo_Edit .mat-dialog-actions {
  background: none !important;
  border-top: none !important; }

.ap-PersonalInfo_Edit hr {
  border-top-color: rgba(0, 0, 0, 0.31); }

.alrt-DevicesEdit_Title.mat-dialog-title button.close .faclose {
  font-size: 2.4rem; }

.alrt-DevicesEdit_Header {
  color: black; }

.alrt-DevicesEdit_Form {
  color: black; }
  .alrt-DevicesEdit_Form-header.table tbody tr td {
    color: black; }
  .alrt-DevicesEdit_Form-disclaimer {
    color: #ffffff; }

.alrt-Subscriptions_Title {
  font-weight: 700; }

.alrt-Subscriptions_Edit {
  color: #020006; }
  .alrt-Subscriptions_Edit:hover {
    text-decoration: underline; }

.alrt-Subscriptions_Header {
  border-top: 1px solid #616161;
  color: #9e9e9e; }

.alrt-Subscriptions_Row {
  border-top: 1px solid #616161;
  color: black; }

.alrt-Devices_Add {
  border-top: 1px solid #616161; }

.alrt-Devices_Edit {
  color: #020006; }
  .alrt-Devices_Edit:hover {
    text-decoration: underline; }

.alrt-Devices_Row {
  border-top: 1px solid #616161; }

.alrt-Devices_Test {
  color: #020006; }

.alrt-SubsAdd_Header.mat-expansion-panel-header {
  font-size: 1.6rem; }

.alrt-SubsAdd_Header-group {
  color: #020006;
  font-size: 1.6rem; }

.alrt-SubsAdd .mat-expanded .mat-expansion-panel-header {
  background-color: transparent; }

.alrt-SubsAdd .mat-expanded .mat-expansion-panel-body {
  background-color: transparent; }

.bal-BalancesDetails-combined .ag-header .ag-header-cell {
  padding-right: 20px; }
  .bal-BalancesDetails-combined .ag-header .ag-header-cell::after {
    height: 30px;
    margin-top: 20px; }

.bal-BalancesDetails_GridHeader-accountType {
  font-weight: 700; }

.bal-BalancesDetails_Label {
  color: #000000; }
  .bal-BalancesDetails_Label-totalWorth {
    font-weight: 700; }
  .mobile .bal-BalancesDetails_Label {
    font-size: 1.4rem; }

.mobile .bal-BalancesDetails_Value {
  font-size: 1.4rem; }

.bal-BalancesDetails_OuterContainer {
  background-color: white; }

.bal-BalancesDetails .ag-row-last {
  border-top: 1px solid rgba(0, 0, 0, 0.1); }
  .bal-BalancesDetails .ag-row-last .bal-BalancesDetails_BalancesTodaysChange, .bal-BalancesDetails .ag-row-last .bal-BalancesDetails_Difference,
  .bal-BalancesDetails .ag-row-last .bal-BalancesDetails_PercentChange .bal-BalancesDetails .ag-row-last .bal-BalancesDetails_Value {
    font-weight: 700; }

.bal-BalancesDetails .fa-info-circle {
  color: #120237; }

.bal-BalancesDetails.ag-material .ag-header .ag-header-cell:first-child::after,
.bal-BalancesDetails.ag-material .ag-header .ag-header-group-cell:first-child::after, .bal-CurrencyBalancesGrid.ag-material .ag-header .ag-header-cell:first-child::after,
.bal-CurrencyBalancesGrid.ag-material .ag-header .ag-header-group-cell:first-child::after {
  border-right: none; }

.bal-Disclaimer {
  font-size: 1.4rem; }
  .bal-Disclaimer_Li {
    display: block; }

.bal-Filter {
  align-items: center;
  background: #f9feff; }
  .bal-Filter_Link {
    font-weight: 400; }

.bal-ForeignExchange {
  background: #ecf6ff;
  border: 1px solid #538fcb;
  border-radius: 6px; }
  .bal-ForeignExchange_Link, .bal-ForeignExchange_Text {
    font-size: 1.4rem; }

.bal-Loans_Details {
  line-height: 21px; }

.bal-Loans_ExpansionPanel.mat-expansion-panel.mat-expanded,
.bal-Loans_ExpansionPanel.mat-expansion-panel.mat-expanded .mat-expansion-panel-header,
.bal-Loans_ExpansionPanel.mat-expansion-panel.mat-expanded .mat-expansion-panel-header.mat-expanded,
.bal-Loans_ExpansionPanel.mat-expansion-panel.mat-expanded .mat-expansion-panel-header.mat-expanded:focus,
.bal-Loans_ExpansionPanel.mat-expansion-panel.mat-expanded .mat-expansion-panel-header.mat-expanded:hover {
  background-color: transparent; }

.bal-Loans_Grid .mat-header-row {
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-bottom: 1px solid rgba(0, 0, 0, 0.3); }
  .bal-Loans_Grid .mat-header-row .mat-column-creditLineLimit,
  .bal-Loans_Grid .mat-header-row .mat-column-availableCredit,
  .bal-Loans_Grid .mat-header-row .mat-column-currentBalance {
    border-left: 1px solid rgba(0, 0, 0, 0.1); }

.ada .bal-Loans_Grid .mat-header-cell,
.ada .bal-Loans_Grid .mat-cell {
  font-size: 1rem !important; }

.bal-Mortages_Details {
  line-height: 21px; }

.bal-Mortages_ExpansionPanel.mat-expansion-panel.mat-expanded,
.bal-Mortages_ExpansionPanel.mat-expansion-panel.mat-expanded .mat-expansion-panel-header,
.bal-Mortages_ExpansionPanel.mat-expansion-panel.mat-expanded .mat-expansion-panel-header.mat-expanded,
.bal-Mortages_ExpansionPanel.mat-expansion-panel.mat-expanded .mat-expansion-panel-header.mat-expanded:focus,
.bal-Mortages_ExpansionPanel.mat-expansion-panel.mat-expanded .mat-expansion-panel-header.mat-expanded:hover {
  background-color: transparent; }

.bal-Mortages_Grid .mat-header-row {
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-bottom: 1px solid rgba(0, 0, 0, 0.3); }
  .bal-Mortages_Grid .mat-header-row .mat-column-currentBalance {
    border-left: 1px solid rgba(0, 0, 0, 0.1); }

.ada .bal-Mortages_Grid .mat-header-cell,
.ada .bal-Mortages_Grid .mat-cell {
  font-size: 1rem !important; }

.bal-Summary {
  background-color: #f9f9f9; }
  .bal-Summary dd {
    color: rgba(0, 0, 0, 0.6);
    font-size: 1.8rem;
    font-weight: 300;
    line-height: 34px; }
  .bal-Summary dl {
    border-right: 1px solid rgba(0, 0, 0, 0.15); }
    .bal-Summary dl:last-of-type {
      border-right: none; }
  .bal-Summary dt {
    font-size: 1.4rem;
    font-weight: 500; }
  .bal-Summary_Arrow {
    background-color: #f9f9f9; }
    .bal-Summary_Arrow .fal {
      color: rgba(0, 0, 0, 0.1);
      font-size: 30px; }
  .bal-Summary_Border {
    border-right: 1px solid #D8D8D8; }
    .bal-Summary_Border:last-child {
      display: none; }
  .bal-Summary-carousel {
    border-bottom: 1px solid rgba(0, 0, 0, 0.15);
    border-top: 1px solid rgba(0, 0, 0, 0.15); }
  .bal-Summary_Dot {
    background: rgba(0, 0, 0, 0.15); }
    .bal-Summary_Dot.active {
      background-color: #120237; }
  .bal-Summary-only.small-container dl {
    float: none;
    border-right: none;
    border-bottom: 1px solid rgba(0, 0, 0, 0.15); }
    .bal-Summary-only.small-container dl:first-of-type {
      border-top: 1px solid rgba(0, 0, 0, 0.15); }
  .bal-Summary-only.small-container dt {
    font-size: 1.8rem; }
  .bal-Summary_Text {
    background-color: #edf9fe;
    border: 1px solid #538fcb;
    font-size: 1.4rem; }
  .bal-Summary.large-container .active dt {
    color: black; }
  .bal-Summary.large-container .active .far.fa-info-circle {
    background: #ecf6fd; }
  .bal-Summary .far.fa-info-circle {
    background-color: white;
    color: #120237;
    font-size: 1.2rem; }

.bal-SummaryTile_Info {
  font-size: 1.4rem;
  color: #120237; }

.bal-SummaryTile_MarketValueDiff, .bal-SummaryTile_MarketValuePercentage {
  font-size: 1.2rem; }

.bal-TaxReclaimReceivablesDialog th, .bal-TaxReclaimReceivablesDialog_Date {
  font-weight: 500; }

thead .bal-TaxReclaimReceivablesDialog_BalanceDue, thead .bal-TaxReclaimReceivablesDialog_Currency, thead .bal-TaxReclaimReceivablesDialog_SecurityName, thead .bal-TaxReclaimReceivablesDialog_Status {
  border-left: 1px solid rgba(0, 0, 0, 0.1); }

.ada .bal-LoanAdvance_summary .mat-table th.mat-header-cell,
.ada .bal-LoanAdvance_summary .mat-table td.mat-cell {
  font-size: 0.9rem !important; }

div.comp-tooltip-swatch#comp-swatch-1 {
  background-color: #1d3b78; }

div.comp-tooltip-swatch#comp-swatch-2 {
  background-color: #2776b3; }

div.comp-tooltip-swatch#comp-swatch-3 {
  background-color: #ccd1d8; }

div.comp-tooltip-swatch#comp-swatch-4 {
  background-color: #a6a8ab; }

div.comp-tooltip-swatch#comp-swatch-5 {
  background-color: #2f5b99; }

div.comp-tooltip-swatch#comp-swatch-6 {
  background-color: #92b0e2; }

.as-Settings_Heading {
  background-color: #4f44a014;
  font-size: 1.8rem;
  font-weight: 400;
  line-height: 19px; }

.as-Settings_Tile {
  cursor: pointer; }
  .as-Settings_Tile:hover {
    box-shadow: 0px 0px 9px rgba(0, 0, 0, 0.2) !important; }
  .as-Settings_Tile-Title {
    font-size: 1.8rem;
    font-weight: 700;
    line-height: 34px; }
  .as-Settings_Tile-Description {
    font-size: 1.4rem;
    line-height: 16px; }
  .as-Settings_Tile-security, .as-Settings_Tile-display, .as-Settings_Tile-edelpreferences, .as-Settings_Tile-notificationsetup {
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center; }

.da-Promo_Image {
  height: 320px;
  width: 320px;
  background-size: cover;
  border-radius: 100%;
  margin: auto;
  position: relative;
  top: 42px; }
  .small-container .da-Promo_Image {
    height: 140px;
    width: 140px;
    top: 12px; }
  @media (orientation: landscape) {
    .mobile .da-Promo_Image {
      height: 260px;
      width: 260px;
      top: 60px; } }
  @media (orientation: portrait) {
    .tablet .da-Promo_Image {
      height: 240px;
      width: 240px;
      top: 55px; } }

.da-Promo_Heading {
  font-size: 5rem;
  color: black;
  margin-top: 38px;
  font-weight: 500;
  line-height: 80px; }

.da-Promo_HeaderContainer {
  height: 45px;
  background-color: #F1F0F7; }
  .da-Promo_HeaderContainer-Heading {
    font-size: 1.6rem;
    color: black;
    position: relative;
    top: 10px;
    left: 15px; }

.da-Promo_OuterContainer {
  height: 639px; }
  .small-container .da-Promo_OuterContainer {
    height: 345px; }

.da-Promo_FirstInfo {
  font-size: 1.8rem;
  color: black;
  width: 53%; }
  .small-container .da-Promo_FirstInfo {
    font-size: 1.6rem;
    width: 100%; }

.da-Promo_SecondInfo {
  font-size: 1.8rem;
  color: black; }
  .small-container .da-Promo_SecondInfo {
    font-size: 1.6rem; }

.da-Promo_ButtonContainer {
  text-align: center; }

.da-Promo_SubscribeToday {
  position: relative;
  top: 25px; }

.da-Promo_Link {
  margin-top: 40px; }

.da-Promo_NotInterested, .da-Promo_RemindMeLater {
  font-weight: bold; }

.da-Overview_Notification_Card {
  border: 1px solid rgba(0, 0, 0, 0.1) !important; }

.da-Overview_Notification_ImgMobile {
  width: 60px !important;
  background-size: contain; }

.da-Overview_Notification_Btn {
  text-transform: none !important; }

.da-Enroll_Header {
  font-size: 2rem;
  color: rgba(0, 0, 0, 0.5);
  background-color: #e6e6e6; }

.da-Enroll_SubHeader {
  font-size: 1.6rem; }

.da-Enroll_Content {
  font-size: 1.6rem;
  color: #9e9e9e; }

.da-Enroll_Btn {
  background-color: whitesmoke; }
  .da-Enroll_Btn a {
    font-size: 1.6rem;
    color: #120237; }

.da-Agree_Content {
  border: 1px solid #ffffff;
  color: #ffffff; }

.da-Agree_AgreeBtn span {
  font-size: 1.8rem; }

.da-Agree_Btn {
  background-color: whitesmoke; }
  .da-Agree_Btn a {
    font-size: 1.6rem;
    color: #120237; }

.da-IDQues_Hrline {
  border-top: 1px solid #bdbdbd; }

.da-Settings_Hrline {
  border-top: 1px solid #bdbdbd; }

.da-Settings_Buttons {
  background-color: whitesmoke; }

.da-Identity {
  background-color: #dad9d9;
  height: 30px; }

.da-Request_Popup {
  min-height: 250px; }

.da-Request_ScrollBox {
  overflow-y: auto;
  overflow-x: hidden;
  height: 200px;
  border-style: groove;
  border-color: rgba(0, 0, 0, 0.1); }

.da-Request_Font {
  font-size: 1.2rem; }

.da-Request_FontBold {
  font-weight: bold; }

.da-Request_SBoxHdrLabel {
  background-color: #d8eaf966;
  font-size: 1rem;
  font-weight: bold; }

.da-Request_Dialog .mat-dialog-content {
  overflow-y: hidden !important; }

.mobile .da-SplashTD button {
  line-height: 1.2rem;
  font-size: 1.2rem; }

.mobile .da-SplashTD_ContainerTwo h4 {
  font-size: 1.2rem; }

.mobile .da-SplashTD_Container p {
  font-size: 1rem;
  line-height: 1rem; }

.mobile .da-SplashTD_ContainerOneContent p {
  font-size: 0.9rem;
  line-height: 0.9rem; }

.mobile .da-SplashTD_SubHeader {
  font-size: 1rem; }

.mobile .da-SplashTD_Title {
  font-size: 1.6rem; }

.tablet .da-SplashTD_Title {
  font-size: 2.8rem; }

.da-SplashTD_Container .text-link {
  color: #438bd9; }

.da-SplashTD_LinkTextColor {
  color: #438bd9;
  text-decoration: none !important; }

.da-SplashTD_Table {
  margin-bottom: 0; }
  .da-SplashTD_Table.table th {
    font-size: 1.2rem; }
  .da-SplashTD_Table .check {
    color: #00aeff;
    font-size: 1.6rem; }
  .da-SplashTD_Table tr:first-child {
    border-top: 1px solid #616161; }
  .da-SplashTD_Table tr:last-child {
    border-bottom: 1px solid #616161; }
  .da-SplashTD_Table tr td:last-child {
    border-right: none; }
  .da-SplashTD_Table tr td:first-child {
    border-left: none; }
  .da-SplashTD_TableHeader {
    background-color: #edf9fe;
    font-size: bold; }

.da-SplashTD_Title {
  color: #00aeff;
  font-size: 3.4rem; }

.da-SplashTD_SubHeader {
  color: #d81b60;
  font-size: 2rem;
  margin: 1.8rem 0 3rem; }

.daw-Dialog_Button-positive {
  color: #ffffff;
  background-color: #120237;
  border: 1px solid #120237;
  font-weight: 600;
  font-size: 1.4rem; }

.daw-Dialog_Button-negative {
  color: #020006;
  background-color: transparent !important;
  border: 1px solid #020006 !important;
  font-weight: 600;
  font-size: 1.4rem; }

.daw-Dialog_RiskModelType-recommend {
  font-weight: 600;
  font-size: 1.7rem;
  line-height: 24px;
  margin-bottom: -5px !important; }

.daw-Dialog_RiskModelType-selected {
  color: black;
  font-weight: 800;
  font-size: 2.2rem;
  line-height: 32px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.2); }

.daw-Dialog_RiskModelType-notMatch {
  font-weight: 700;
  font-size: 1.7rem;
  line-height: 24px; }

.daw-Dialog_RiskModelType-normal {
  font-weight: 400;
  font-size: 1.7rem;
  line-height: 24px; }

.daw-Model-ContactPopupMainContent h4 {
  font-weight: 700; }

.daw-Model-contactSubTitle {
  font-size: 1.7rem; }

.daw-donut-header {
  font-weight: 700;
  margin-top: 10px;
  color: white; }

dojo-da-mixin h3.DAdisclosures {
  font-size: 2.4rem;
  font-weight: 600;
  margin-bottom: 20px;
  margin-top: 15px; }

.ei-Summary {
  border-top: 2px solid #120237;
  background-color: #edf9fe; }

.ei-DetailsGrid_AiCategoriesTitle, .ei-DetailsGrid_EiCategoriesTitle {
  border-bottom: 1px solid rgba(0, 0, 0, 0.3); }

.ei-DetailsGrid_Title {
  border-top: 2px solid #120237;
  font-size: 1.8rem;
  line-height: 30px; }

.ei-ChildGrid_CategoryName .tooltip-link {
  border-bottom: none; }

.ei-IncomeGrid_Header {
  font-weight: 700;
  cursor: pointer; }
  .ei-IncomeGrid_Header-title {
    font-size: 2rem;
    font-weight: 700; }

.ei-IncomeGrid .ag-details-row .ag-row {
  background-color: #f2fbfe; }

.ei-IncomeGrid .ag-details-row .ag-header {
  display: none; }

.ei-IncomeWrapper_Disclaimer {
  font-size: 1.4rem; }

.fia-HeaderRow, .fia-Row {
  border-bottom: 1px solid rgba(0, 0, 0, 0.3); }

.fia h2 {
  color: #ffffff;
  border-bottom: 2px solid #757575;
  font-size: 2.4rem; }

.fia-Label {
  color: #9e9e9e; }

.fia-financialAdvProfilePic {
  width: 90px;
  height: 90px; }

.ada .fia h2 {
  border-top: 3px solid #757575;
  color: black;
  font-size: 2rem; }

.ada .fia-Label {
  font-size: 1.2rem;
  color: #444444; }

.faq-Header {
  font-size: 2.8rem; }

.fw-CookieConsent {
  background-color: black; }
  .fw-CookieConsent_Close {
    color: white; }
  .fw-CookieConsent_Content {
    color: white;
    font-size: 1.65rem;
    line-height: 24px; }
    @media (min-width: 310px) and (max-width: 736px) {
      .fw-CookieConsent_Content {
        font-size: 1.6rem; } }
  .fw-CookieConsent_Submit {
    background-color: #f3d291;
    color: black; }
  .fw-CookieConsent_PrivacyPolicy, .fw-CookieConsent_PrivacyPolicy:hover, .fw-CookieConsent_PrivacyPolicy:visited {
    color: white;
    text-decoration: underline; }

.page-login:not(.mobile) .fw-Header,
.page-welcome:not(.mobile) .fw-Header,
.page-welcome1:not(.mobile) .fw-Header {
  background-color: white; }

.fw-AccountDropdown .mat-form-field-appearance-fill .mat-form-field-flex {
  background-color: transparent;
  padding: 0px !important; }

@media (max-width: 811px) {
  .gl-DetailsGridFilter_Container.large-container {
    height: 64px; } }

.gl-DetailsGridFilter_FilterBySymbol .fa-search {
  color: rgba(0, 0, 0, 0.4); }

.gl-DetailsGridFilter_FilterBySymbol .mat-form-field-infix {
  border-right: 1px solid rgba(0, 0, 0, 0.3); }

.gl-DetailsGridFilter .mat-input-element::placeholder {
  font-size: 1.4rem; }

.gl-Disclaimer p {
  font-size: 1.4rem; }

.gl-Filter {
  align-items: center;
  background: transparent; }
  .gl-Filter p {
    color: #6d7278; }
  .gl-Filter .mat-form-field-infix,
  .gl-Filter .mat-icon-button,
  .gl-Filter .mat-select-value {
    color: #120237;
    font-weight: 500; }
  .gl-Filter .mat-select-arrow::after {
    color: #120237; }
  .gl-Filter .mat-form-field-flex {
    background: transparent; }
  .gl-Filter .mat-input-element::placeholder {
    color: #120237;
    font-size: 1.4rem; }
  .gl-Filter.small-container {
    color: #6d7278; }

.gl-Summary {
  align-items: center;
  background-color: #f9f9f9; }
  .gl-Summary dd {
    font-size: 1.8rem;
    font-weight: 300;
    line-height: 35px; }
  .gl-Summary dt {
    color: #120237;
    font-size: 1.4rem;
    font-weight: 500; }
  .gl-Summary_Saledisallow {
    position: relative;
    left: 11px; }
    html[lang="es"] .mobile .gl-Summary_Saledisallow, html[lang="es"] .tablet .gl-Summary_Saledisallow {
      bottom: 32px; }
    .gl-Summary_Saledisallow .far.fa-info-circle {
      color: #120237;
      font-size: 1.2rem; }
  .gl-Summary_Border {
    border-right: 1px solid rgba(0, 0, 0, 0.15); }
  .gl-Summary_Dot {
    background: rgba(0, 0, 0, 0.15);
    border-radius: 50%; }
    .gl-Summary_Dot.active {
      background-color: #17acd9;
      border: 1px solid white; }
  .gl-Summary_Info {
    color: #6D7278; }
    .gl-Summary_Info.small-container p {
      font-size: 1.4rem; }
  .gl-Summary_Text {
    background: #ecf6ff;
    border: 1px solid #538fcb;
    border-radius: 6px;
    font-size: 1.4rem; }
  .gl-Summary .active dt {
    color: black;
    font-weight: 500; }
  .gl-Summary .active .far.fa-info-circle:before {
    background: #ecf6fd; }
  .gl-Summary .far.fa-info-circle {
    color: #120237;
    font-size: 1.2rem; }
    .gl-Summary .far.fa-info-circle:before {
      background-color: white; }
  .gl-Summary.small-container {
    border-top: 1px solid #e8e8e8;
    border-bottom: 1px solid #e8e8e8; }
    .gl-Summary.small-container .fa-chevron-left,
    .gl-Summary.small-container .fa-chevron-right {
      color: rgba(0, 0, 0, 0.1);
      font-size: 30px; }
    .gl-Summary.small-container dd {
      font-size: 28px; }
    .gl-Summary.small-container dt {
      font-size: 1.8rem; }

.gl-UglTaxLotsGrid_Dropdown .mat-form-field-flex {
  background: transparent; }

.gl-UglTaxLotsGrid_Dropdown .mat-form-field-wrapper .mat-form-field-underline {
  display: none; }

.gl-UglTaxLotsGrid_Dropdown .mat-select-placeholder,
.gl-UglTaxLotsGrid_Dropdown .mat-select-value {
  color: #120237;
  font-weight: 500; }

.gl-UglTaxLotsGrid_Dropdown .mat-select-arrow::after {
  color: #120237; }

.hlp-Tax_Title,
.hlp-Finra .text-info {
  color: black;
  font-size: 1.6rem;
  font-weight: 700; }

.hlp-Tax_TaxBlock {
  font-size: 1.4rem;
  font-weight: 300; }

.hlp-Tax_TurboBlock, .hlp-Tax_HrBlock {
  font-size: 1.4rem;
  font-weight: 300; }
  .hlp-Tax_TurboBlock a:after, .hlp-Tax_HrBlock a:after {
    font-family: "Font Awesome 5 Pro";
    font-weight: 700; }
  .hlp-Tax_TurboBlock a::after, .hlp-Tax_HrBlock a::after {
    content: "\f08e";
    margin-left: 10px;
    margin-right: 10px; }

.hlp-Tax_TurboBlock {
  border-right: 1px solid rgba(0, 0, 0, 0.15); }

.hlp-Finra {
  font-size: 1.4rem;
  font-weight: 300; }
  .hlp-Finra a:after {
    font-family: "Font Awesome 5 Pro";
    font-weight: 700; }
  .hlp-Finra a::after {
    content: "\f08e";
    margin-left: 10px; }

.lgc-Prelogin_Dialog, .lgc-ForgotPassword_Backdrop, .lgc-ForgotUserID_Backdrop {
  opacity: 0.99 !important;
  top: 100px;
  width: 1440px;
  left: 50%;
  transform: translateX(-50%); }

.lgc-PreloginDialog_Header {
  background-color: white !important; }

.lgc-PreloginDialog_Title {
  color: black !important;
  font-size: 3rem; }

.lgc-PreloginDialog h3 {
  color: #000000 !important; }

.lgc-PreloginDialog_Form .portlet-title-text {
  font-size: 1.6rem;
  font-weight: 500; }

.lgc-PreloginDialog_Form a {
  font-weight: 400; }

.lgc-PreloginDialog_Verify {
  background-color: whitesmoke; }

.lgc-PreloginDialog_Needanid {
  background-color: whitesmoke;
  height: 100%;
  padding: 84px 25px 0 30px;
  position: absolute;
  top: 0;
  right: 0; }
  html[lang="es_LA"] .lgc-PreloginDialog_Needanid,
  html[lang="es"] .lgc-PreloginDialog_Needanid {
    padding: 84px 17px 0; }
  .lgc-PreloginDialog_Needanid p {
    color: black;
    font-size: 1.8rem;
    line-height: 24px; }
  .lgc-PreloginDialog_Needanid .portlet-title-text {
    font-size: 2rem;
    line-height: 24px;
    font-weight: 400 !important;
    margin-bottom: 30px;
    margin-top: 30px; }
  html[lang="es_LA"] .tablet .lgc-PreloginDialog_Needanid .portlet-title-text,
  html[lang="es"] .tablet .lgc-PreloginDialog_Needanid .portlet-title-text {
    font-size: 1.5rem;
    white-space: nowrap; }

.lgc-PreloginDialog.modal .mat-dialog-container {
  width: 100vw;
  height: 100%;
  position: relative; }
  .lgc-PreloginDialog.modal .mat-dialog-container .mat-button {
    font-size: 2rem; }
    @media (orientation: portrait) {
      .tablet .lgc-PreloginDialog.modal .mat-dialog-container .mat-button {
        font-size: 1rem; } }
    .lgc-PreloginDialog.modal .mat-dialog-container .mat-button:not([disabled]) .mat-button-wrapper {
      color: #120237;
      font-size: 1.6rem; }
      .lgc-PreloginDialog.modal .mat-dialog-container .mat-button:not([disabled]) .mat-button-wrapper .fa-times {
        font-size: 3rem;
        font-weight: 300;
        color: #000000; }
  .lgc-PreloginDialog.modal .mat-dialog-container .mat-dialog-content {
    max-height: none;
    padding: 0 10px; }
    @media (orientation: landscape) {
      .tablet .lgc-PreloginDialog.modal .mat-dialog-container .mat-dialog-content {
        overflow: hidden; } }

.lgc-ForgotPassword_Panel, .lgc-ForgotUserID_Panel {
  max-width: 750px !important; }
  .lgc-ForgotPassword_Panel .mat-dialog-container .mat-button, .lgc-ForgotUserID_Panel .mat-dialog-container .mat-button {
    font-size: 2rem; }
    @media (orientation: portrait) {
      .tablet .lgc-ForgotPassword_Panel .mat-dialog-container .mat-button, .tablet .lgc-ForgotUserID_Panel .mat-dialog-container .mat-button {
        font-size: 1rem; } }
    .lgc-ForgotPassword_Panel .mat-dialog-container .mat-button:not([disabled]) .mat-button-wrapper .fa-times, .lgc-ForgotUserID_Panel .mat-dialog-container .mat-button:not([disabled]) .mat-button-wrapper .fa-times {
      font-size: 3rem;
      font-weight: 300; }

.lgc-ForgotPassword_Button, .lgc-ForgotUserID_Button {
  text-transform: uppercase; }

html[lang="es_LA"] .medium-container .lgc-PreloginDialog .mat-input-element::placeholder, html[lang="es_LA"] .medium-container .lgc-ForgotPassword_Dialog .mat-input-element::placeholder, html[lang="es_LA"] .medium-container .lgc-ForgotUserID_Dialog .mat-input-element::placeholder,
html[lang="es"] .medium-container .lgc-PreloginDialog .mat-input-element::placeholder,
html[lang="es"] .medium-container .lgc-ForgotPassword_Dialog .mat-input-element::placeholder,
html[lang="es"] .medium-container .lgc-ForgotUserID_Dialog .mat-input-element::placeholder {
  font-size: 1.3rem; }

.mobile .medium-container .lgc-PreloginDialog_Form {
  min-height: 604px; }

@media (orientation: portrait) {
  html[lang="es_LA"] .tablet .large-container .lgc-PreloginDialog .mat-input-element::placeholder, html[lang="es_LA"] .tablet .large-container .lgc-ForgotPassword_Dialog .mat-input-element::placeholder, html[lang="es_LA"] .tablet .large-container .lgc-ForgotUserID_Dialog .mat-input-element::placeholder,
  html[lang="es"] .tablet .large-container .lgc-PreloginDialog .mat-input-element::placeholder,
  html[lang="es"] .tablet .large-container .lgc-ForgotPassword_Dialog .mat-input-element::placeholder,
  html[lang="es"] .tablet .large-container .lgc-ForgotUserID_Dialog .mat-input-element::placeholder {
    font-size: 1.1rem; } }

@media (orientation: landscape) {
  .dj-chrome.dj-android .mobile .lgc-PreloginDialog.modal .mat-dialog-container {
    margin: 127px 0 0; } }

.mobile .lgc-PreloginDialog.modal .mat-dialog-container .lgc-Button-register {
  font-size: 1.6rem; }

.mobile .lgc-PreloginDialog_Form {
  padding-left: 0 !important; }

@media (orientation: landscape) {
  .mobile .lgc-PreloginDialog {
    margin-top: 77px; }
    .mobile .lgc-PreloginDialog_Needanid {
      min-height: 400px; } }

.mobile .lgc-PreloginDialog_Form .portlet-title-text {
  font-size: 1.8rem; }

html[lang="es_LA"] .mobile .lgc-PreloginDialog_LoginInfo .mat-input-element::placeholder,
html[lang="es"] .mobile .lgc-PreloginDialog_LoginInfo .mat-input-element::placeholder {
  font-size: 1.2rem; }

.mobile .lgc-PreloginDialog_Title {
  font-size: 2rem; }

.mobile .lgc-ForgotPassword_Panel, .mobile .lgc-ForgotUserID_Panel {
  height: 100vh; }

.lg-Prelogin_FingerPrint {
  background-image: url("data:image/svg+xml,%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 257 257.5' style='enable-background:new 0 0 257 257.5;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:%23ffa04f;%7D%0A%3C/style%3E%3Cg%3E%3Cpath id='_x3C_Compound_Path_x3E__1_' class='st0' d='M146,25.2c44,8.1,77,43.6,82.7,88c4.9,26.8,0.3,44-3.2,59.2 c-2,4.5,0.2,9.8,4.7,11.7c2.1,1,4.1,0.8,6.1,0.2c3.1-1,5-2.9,6-5.4c6.2-18.6,8.1-37.3,4.4-68.2C240.1,59,201,17.4,149.7,7.6 C139,7,124.3,4.3,102,8.1c-29.3,6.5-55,23.6-72.5,48.1C11.9,81,4.2,110.7,8.3,140.9c1.3,9.5,2.5,20.6,4,27.9 c1.4,4.5,6.7,7.1,11.2,5.7c3.2-0.9,5-3.4,5.8-6.5c0.3-1.2,0.3-2.9-0.1-4.6c-1.8-8.7-2.7-18.3-3.4-24.9 C19.3,86.3,54.3,36.6,105.7,25.6C120.7,22,138.8,23.6,146,25.2z M51.5,207.5c18-26.5,14.7-60.1,12.6-73.5c-2-16.7,2.4-33.4,13-47.3 c10.6-13.4,25.7-22,42.4-24c2.4-0.4,5.3-0.4,8.1-0.4c32.2,0,59.5,24,63.2,55.8c5.9,50.4-0.4,82.6-13.5,109.1 c-1.2,4.9,1.6,9.8,6.5,11c4.9,1.2,9.8-1.6,11-6.5c12.2-28.8,19.6-59.9,13.9-115.7c-5.3-40.7-39.9-71.3-81.1-71.3 c-3.3,0-6.9,0.4-10.2,0.8c-21.6,2.9-40.7,13.9-54.2,31s-19.2,38.7-16.7,60.3c1.9,12.3,5.8,37.5-9.3,60.9c-2.9,4.1-2,9.8,2,12.2 c1.6,1.2,3.3,1.6,5.3,1.6C47,211.2,49.9,209.9,51.5,207.5z M170,120.1c-1.6-11.4-7.3-21.6-16.3-28.5c-9-6.9-20.4-10.2-31.8-8.6 s-21.6,7.3-28.5,16.3s-10.2,20.4-8.6,31.8c3.1,30.4,0.2,62.7-16.7,89.8c-2.8,4-1.9,9.7,2.1,12.5l0,0c4,2.8,9.7,1.9,12.5-2.1 c19.9-28.6,21.2-64.8,20.1-102.2c-0.8-6.5,0.8-13.4,5.3-18.7c4.1-5.3,10.2-8.6,16.7-9.4c6.5-0.8,13.4,0.8,18.7,5.3 c5.3,4.1,8.6,10.2,9.4,16.7c10.1,50.7,0.1,79.1-17.7,117.2c-2.9,3.9-1.8,9.5,2.2,12.5c2,1.7,4.6,2,7,1.5c1.9-0.8,3.7-2,5-3.9 C170,208.8,178.9,171.8,170,120.1z M117.2,241.9C143,195,144.5,177.5,137.8,125c-0.4-4.9-4.5-8.6-9.8-8.1c-4.9,0.4-8.6,4.5-8.1,9.8 c7.8,48.4,4.1,69.4-19,107.6c-2,4.5-0.4,9.8,4.1,11.8c1.2,0.8,2.4,0.8,4.1,0.8C112.3,246.8,115.6,244.8,117.2,241.9z'/%3E%3C/g%3E%3C/svg%3E");
  width: 36px;
  height: 36px;
  display: inline-block;
  margin-left: 20px;
  position: relative;
  top: 9px; }
  .lg-Prelogin_FingerPrint-android {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 42 42'%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill:none;%7D.cls-2%7Bclip-path:url(%23clip-path);%7D.cls-3%7Bclip-path:url(%23clip-path-2);%7D.cls-4%7Bfill:%23f99f52;%7D.cls-5%7Bclip-path:url(%23clip-path-3);%7D.cls-6%7Bfill:%23fff;%7D%3C/style%3E%3CclipPath id='clip-path'%3E%3Crect class='cls-1' x='5' y='5' width='32' height='32' rx='2'/%3E%3C/clipPath%3E%3CclipPath id='clip-path-2'%3E%3Crect class='cls-1' x='5' y='5' width='32' height='32'/%3E%3C/clipPath%3E%3CclipPath id='clip-path-3'%3E%3Cpath class='cls-1' d='M24.89,35a.57.57,0,0,1-.18,0,10.26,10.26,0,0,1-5-2.94,10.48,10.48,0,0,1-2.89-7.31,4.11,4.11,0,1,1,8.21,0,2.78,2.78,0,0,0,5.55,0A9.68,9.68,0,0,0,12.14,20.8a9.43,9.43,0,0,0-.79,3.92,14.52,14.52,0,0,0,.89,5.06.68.68,0,0,1-.38.89.66.66,0,0,1-.86-.4,16.43,16.43,0,0,1-1-5.55,11,11,0,1,1,21.93,0,4.11,4.11,0,1,1-8.22,0,2.78,2.78,0,0,0-5.55,0A9,9,0,0,0,20.69,31a8.87,8.87,0,0,0,4.36,2.59.69.69,0,0,1,.46.86A.65.65,0,0,1,24.89,35Zm2.68-2.88a6.93,6.93,0,0,1-4.14-1.25,7.57,7.57,0,0,1-3.17-6.15.67.67,0,1,1,1.33,0,6.1,6.1,0,0,0,2.59,5,5.66,5.66,0,0,0,3.39,1A8.09,8.09,0,0,0,29,30.56a.67.67,0,0,1,.78.58.69.69,0,0,1-.55.81A9.17,9.17,0,0,1,27.57,32.12ZM18,34.71a.61.61,0,0,1-.47-.21,14.15,14.15,0,0,1-2.68-3.7,12.92,12.92,0,0,1-1.4-6.08,7.55,7.55,0,0,1,15.09,0,.67.67,0,1,1-1.33,0,6.22,6.22,0,0,0-12.43,0A11.43,11.43,0,0,0,16,30.11,13.26,13.26,0,0,0,18.5,33.5a.76.76,0,0,1,0,1A.72.72,0,0,1,18,34.71ZM9.67,17.81a.65.65,0,0,1-.39-.13.73.73,0,0,1-.16-1,14,14,0,0,1,5-4.58,14.74,14.74,0,0,1,13.74,0,14,14,0,0,1,5,4.55.73.73,0,0,1-.16,1,.66.66,0,0,1-.94-.17,12.68,12.68,0,0,0-4.52-4.11,13.45,13.45,0,0,0-12.53,0,12.84,12.84,0,0,0-4.54,4.14A.58.58,0,0,1,9.67,17.81Zm19.08-7.35a.55.55,0,0,1-.3-.09,15,15,0,0,0-14.86,0,.66.66,0,0,1-.91-.28A.73.73,0,0,1,13,9.14a16.26,16.26,0,0,1,16.11,0,.69.69,0,0,1,.28.94A.66.66,0,0,1,28.75,10.46Z'/%3E%3C/clipPath%3E%3C/defs%3E%3Ctitle%3EAsset 1%3C/title%3E%3Cg id='Layer_2' data-name='Layer 2'%3E%3Cg id='Layer_1-2' data-name='Layer 1'%3E%3Cg class='cls-2'%3E%3Cg class='cls-3'%3E%3Crect class='cls-4' width='42' height='42'/%3E%3C/g%3E%3C/g%3E%3Cg class='cls-5'%3E%3Cg class='cls-3'%3E%3Crect class='cls-6' x='4' y='2' width='34' height='38'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
    width: 36px;
    height: 36px;
    display: inline-block;
    margin-left: 20px;
    position: relative;
    top: 9px; }

.lg-Prelogin_FaceRecogonition-android {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 42 42'%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill:none;%7D.cls-2%7Bclip-path:url(%23clip-path);%7D.cls-3%7Bclip-path:url(%23clip-path-2);%7D.cls-4%7Bfill:%23f99f52;%7D.cls-5%7Bclip-path:url(%23clip-path-3);%7D.cls-6%7Bfill:%23fff;%7D%3C/style%3E%3CclipPath id='clip-path'%3E%3Crect class='cls-1' x='5' y='5' width='32' height='32' rx='2'/%3E%3C/clipPath%3E%3CclipPath id='clip-path-2'%3E%3Crect class='cls-1' x='5' y='5' width='32' height='32'/%3E%3C/clipPath%3E%3CclipPath id='clip-path-3'%3E%3Cpath class='cls-1' d='M21.5,31.3A10.82,10.82,0,0,1,10.7,20.5a11.11,11.11,0,0,1,.07-1.16,13.58,13.58,0,0,0,7-7.25,13.46,13.46,0,0,0,11,5.71,13.09,13.09,0,0,0,3-.35,10.51,10.51,0,0,1,.45,3.05A10.82,10.82,0,0,1,21.5,31.3ZM21.5,7A13.5,13.5,0,1,0,35,20.5,13.51,13.51,0,0,0,21.5,7Zm4.05,13.16a1.69,1.69,0,1,0,1.69,1.69A1.69,1.69,0,0,0,25.55,20.16Zm-8.1,0a1.69,1.69,0,1,0,1.69,1.69A1.69,1.69,0,0,0,17.45,20.16Z'/%3E%3C/clipPath%3E%3C/defs%3E%3Ctitle%3EAsset 2%3C/title%3E%3Cg id='Layer_2' data-name='Layer 2'%3E%3Cg id='Layer_1-2' data-name='Layer 1'%3E%3Cg class='cls-2'%3E%3Cg class='cls-3'%3E%3Crect class='cls-4' width='42' height='42'/%3E%3C/g%3E%3C/g%3E%3Cg class='cls-5'%3E%3Cg class='cls-3'%3E%3Crect class='cls-6' x='3' y='2' width='37' height='37'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
  width: 36px;
  height: 36px;
  display: inline-block;
  margin-left: 20px;
  position: relative;
  top: 9px; }

.lg-Prelogin_FaceRecogonition-ios {
  background: rgba(0, 0, 0, 0) url("data:image/svg+xml;utf8,<svg width='36px' height='36px' viewBox='0 0 80 80' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'> <title>Face ID</title><desc>Created with Sketch.</desc><defs></defs><g id='Page-1' stroke='none' stroke-width='1' fill='@{touchId-background}' fill-rule='evenodd'><g id='Face-ID'><g><g><g id='Corners' fill-rule='nonzero'><g id='Corner'><path d='M4.11428571,21.9428571 L4.11428571,13.0285714 C4.11428571,7.99327149 7.99327149,4.11428571 13.0285714,4.11428571 L21.9428571,4.11428571 C23.0789858,4.11428571 24,3.19327149 24,2.05714286 C24,0.921014229 23.0789858,0 21.9428571,0 L13.0285714,0 C5.72101423,0 0,5.72101423 0,13.0285714 L0,21.9428571 C0,23.0789858 0.921014229,24 2.05714286,24 C3.19327149,24 4.11428571,23.0789858 4.11428571,21.9428571 Z'></path></g><g id='Corner' transform='translate(68.070175, 11.929825) scale(-1, 1) translate(-68.070175, -11.929825) translate(56.140351, 0.000000)'><path d='M4.11428571,21.9428571 L4.11428571,13.0285714 C4.11428571,7.99327149 7.99327149,4.11428571 13.0285714,4.11428571 L21.9428571,4.11428571 C23.0789858,4.11428571 24,3.19327149 24,2.05714286 C24,0.921014229 23.0789858,0 21.9428571,0 L13.0285714,0 C5.72101423,0 0,5.72101423 0,13.0285714 L0,21.9428571 C0,23.0789858 0.921014229,24 2.05714286,24 C3.19327149,24 4.11428571,23.0789858 4.11428571,21.9428571 Z'></path></g><g id='Corner' transform='translate(11.929825, 68.070175) scale(1, -1) translate(-11.929825, -68.070175) translate(0.000000, 56.140351)'><path d='M4.11428571,21.9428571 L4.11428571,13.0285714 C4.11428571,7.99327149 7.99327149,4.11428571 13.0285714,4.11428571 L21.9428571,4.11428571 C23.0789858,4.11428571 24,3.19327149 24,2.05714286 C24,0.921014229 23.0789858,0 21.9428571,0 L13.0285714,0 C5.72101423,0 0,5.72101423 0,13.0285714 L0,21.9428571 C0,23.0789858 0.921014229,24 2.05714286,24 C3.19327149,24 4.11428571,23.0789858 4.11428571,21.9428571 Z'></path></g><g id='Corner' transform='translate(68.070175, 68.070175) scale(-1, -1) translate(-68.070175, -68.070175) translate(56.140351, 56.140351)'><path d='M4.11428571,21.9428571 L4.11428571,13.0285714 C4.11428571,7.99327149 7.99327149,4.11428571 13.0285714,4.11428571 L21.9428571,4.11428571 C23.0789858,4.11428571 24,3.19327149 24,2.05714286 C24,0.921014229 23.0789858,0 21.9428571,0 L13.0285714,0 C5.72101423,0 0,5.72101423 0,13.0285714 L0,21.9428571 C0,23.0789858 0.921014229,24 2.05714286,24 C3.19327149,24 4.11428571,23.0789858 4.11428571,21.9428571 Z'></path></g></g><g id='Eye' transform='translate(21.754386, 28.070175)' fill-rule='nonzero'><path d='M0,2.14285714 L0,7.86037654 C0,9.04384386 0.8954305,10.0032337 2,10.0032337 C3.1045695,10.0032337 4,9.04384386 4,7.86037654 L4,2.14285714 C4,0.959389822 3.1045695,0 2,0 C0.8954305,0 0,0.959389822 0,2.14285714 Z' id='Path'></path></g><g id='Eye' transform='translate(54.736842, 28.070175)' fill-rule='nonzero'><path d='M0,2.14285714 L0,7.86037654 C0,9.04384386 0.8954305,10.0032337 2,10.0032337 C3.1045695,10.0032337 4,9.04384386 4,7.86037654 L4,2.14285714 C4,0.959389822 3.1045695,0 2,0 C0.8954305,0 0,0.959389822 0,2.14285714 Z' id='Path'></path></g><path d='M25.9319616,59.0829234 C29.8331111,62.7239962 34.5578726,64.5614035 40,64.5614035 C45.4421274,64.5614035 50.1668889,62.7239962 54.0680384,59.0829234 C54.9180398,58.2895887 54.9639773,56.9574016 54.1706427,56.1074002 C53.377308,55.2573988 52.0451209,55.2114613 51.1951195,56.0047959 C48.0787251,58.9134307 44.382434,60.3508772 40,60.3508772 C35.617566,60.3508772 31.9212749,58.9134307 28.8048805,56.0047959 C27.9548791,55.2114613 26.622692,55.2573988 25.8293573,56.1074002 C25.0360227,56.9574016 25.0819602,58.2895887 25.9319616,59.0829234 Z' id='Mouth' fill-rule='nonzero'></path><path d='M40,30.1754386 L40,44.9122807 C40,45.85537 39.539042,46.3157895 38.5912711,46.3157895 L37.1929825,46.3157895 C36.0302777,46.3157895 35.0877193,47.2583479 35.0877193,48.4210526 C35.0877193,49.5837574 36.0302777,50.5263158 37.1929825,50.5263158 L38.5912711,50.5263158 C41.8633505,50.5263158 44.2105263,48.1818819 44.2105263,44.9122807 L44.2105263,30.1754386 C44.2105263,29.0127339 43.2679679,28.0701754 42.1052632,28.0701754 C40.9425584,28.0701754 40,29.0127339 40,30.1754386 Z' id='Nose' fill-rule='nonzero'></path></g></g></g></g></svg> ");
  width: 36px;
  height: 36px;
  display: inline-block;
  margin-left: 20px;
  position: relative;
  top: 9px; }

.mc-Header {
  border-top: 2px solid #757575; }
  .mc-Header_Text {
    font-size: 18px; }

.mc-Message {
  border-bottom: 1px solid rgba(0, 0, 0, 0.12); }
  .mc-Message_Subject {
    font-size: 2rem;
    font-weight: 500; }
  .mc-Message_Text {
    font-weight: 300; }

.mc-Title {
  font-size: 2.8rem;
  font-weight: 400; }

.mod-MarketNews_HeadingContainer {
  border-bottom: 2px solid #fc7802;
  color: #ffffff; }

.mod-MarketNews_Title {
  color: #120237;
  text-decoration: none; }

.mod-MarketNews_Timestamp.muted {
  color: #9e9e9e; }

.mod-MarketNews_Summary {
  margin-bottom: 10px; }

.mod-MarketNews header.portlet-topper {
  border-top: none; }

.mod-MarketNews_LiveFeed {
  font-size: 1.6rem;
  color: #120237; }

.mod-MarketNews h1 {
  line-height: 25px; }

.mod-MarketUpdate_Title {
  border-bottom: 2px solid #fc7802;
  color: #ffffff; }

.mod-MarketUpdate header.portlet-topper {
  border-top: none; }

.mod-MarketCalender_HeadingContainer {
  border-bottom: 2px solid #fc7802;
  color: #ffffff; }

.mod-MarketCalender_Title {
  color: #020006; }
  .mod-MarketCalender_Title-earnings {
    border-top: none; }

.mod-MarketCalender header.portlet-topper {
  border-top: none; }

.pcf-Summary_Filter {
  color: black;
  font-size: 1.6rem; }
  .pcf-Summary_Filter mat-option {
    color: #120237; }
  .pcf-Summary_Filter .mat-form-field-appearance-outline .mat-form-field-infix .mat-select-placeholder,
  .pcf-Summary_Filter .mat-form-field-appearance-outline .mat-form-field-infix .mat-select-value {
    color: #120237 !important;
    font-size: 1.6rem !important; }
  .pcf-Summary_Filter .mat-form-field-flex {
    background: transparent !important; }
  .pcf-Summary_Filter-Text {
    font-size: 1.6rem !important; }

.pcf-Summary_Line {
  background-color: #ecf6ff;
  border: 1px solid #538fcb;
  color: black;
  font-size: 1.4rem; }

.pcf-Total_TimePeriod {
  color: black; }

.pcf-Total_Grid h1 {
  font-size: 2.2rem; }

.mobile .pcf-Total_Grid {
  border-top: 1px solid rgba(0, 0, 0, 0.5);
  border-bottom: 1px solid rgba(0, 0, 0, 0.5); }

.mobile .pcf-Total_Header h1 {
  font-size: 1.8rem;
  color: black; }

.mobile .pcf-Total_Header small {
  font-size: 1.2rem;
  color: black; }

.pcf-Details_Buttons {
  border-top: 1px solid #999999; }

.pcf-Details_CustomizeView {
  border: 1px solid #cccccc !important; }

.pcf-Details_Filters, .pcf-Details_FiltersToggle {
  background-color: #f7f7f7; }

.pcf-Details_FiltersToggle + .pcf-Details_Filters::before {
  border-top: 1px solid #e2e2e2; }

.pcf-Details_Filter {
  color: black;
  font-size: 1.4rem; }
  .pcf-Details_Filter mat-option {
    color: rgba(0, 0, 0, 0.85) !important; }
  .pcf-Details_Filter .mat-form-field-flex {
    border: 1px solid #cccccc; }
  .pcf-Details_Filter .mat-form-field-appearance-outline .mat-form-field-outline .mat-form-field-outline-start,
  .pcf-Details_Filter .mat-form-field-appearance-outline .mat-form-field-outline .mat-form-field-outline-gap,
  .pcf-Details_Filter .mat-form-field-appearance-outline .mat-form-field-outline .mat-form-field-outline-end {
    background: white !important; }
  .pcf-Details_Filter .mat-form-field-appearance-outline .mat-form-field-infix {
    background: white !important; }
    .pcf-Details_Filter .mat-form-field-appearance-outline .mat-form-field-infix .mat-select-placeholder,
    .pcf-Details_Filter .mat-form-field-appearance-outline .mat-form-field-infix .mat-select-value {
      color: rgba(0, 0, 0, 0.85) !important;
      font-size: 1.4rem !important; }
  .pcf-Details_Filter .mat-select-arrow::after {
    border-width: 0 1px 1px 0;
    color: rgba(0, 0, 0, 0.85) !important;
    margin-top: 4px;
    margin-right: 4px;
    padding: 2px; }

.pcf-Details_ShowColumns {
  background-color: white;
  box-shadow: -1px 2px 6px 2px rgba(0, 0, 0, 0.1), 1px 2px 6px 2px rgba(0, 0, 0, 0.1);
  font-size: 1.4rem; }

.pcf-IncomingCash_Dialog {
  background-color: #f3fcff;
  border: 1px solid #c7dfe2; }
  .pcf-IncomingCash_Dialog .mat-card-title {
    font-size: 1.8rem; }

.pcf-IncomingCash_BarGraph .highcharts-legend-item.highcharts-color-0 rect {
  fill: #1d3b78; }

.pcf-IncomingCash_BarGraph .highcharts-legend-item.highcharts-color-1 rect {
  fill: #2776b3; }

.pcf-IncomingCash_BarGraph .highcharts-grid-line {
  stroke: #666666; }

.pcf-IncomingCash_BarGraph .highcharts-tick {
  stroke: #666666; }

.pcf-IncomingCash_Chart .highcharts-color-2 {
  fill: #2776b3;
  stroke: #2776b3; }

.pcf-IncomingCash_Chart .highcharts-color-4 {
  fill: #ccd1d8;
  stroke: #ccd1d8; }

.pcf-Total_Grid h1, .pcf-Total_TimePeriod {
  color: black; }

.pcf-Total_Grid {
  background-color: #fafafa; }
  .pcf-Total_Grid h3 {
    color: black;
    font-size: 4rem; }
  .pcf-Total_Grid dt,
  .pcf-Total_Grid dd {
    font-size: 1.6rem;
    line-height: 1.9rem; }

.pcf-MaturitySchedule_Dialog .pcf-Details_Filters {
  background-color: transparent; }

.pcf-MaturitySchedule_Filter {
  background-color: transparent;
  color: black;
  font-size: 1.6rem; }
  .pcf-MaturitySchedule_Filter mat-option {
    color: #120237; }
  .pcf-MaturitySchedule_Filter .mat-form-field-appearance-outline .mat-form-field-outline .mat-form-field-outline-start,
  .pcf-MaturitySchedule_Filter .mat-form-field-appearance-outline .mat-form-field-outline .mat-form-field-outline-gap,
  .pcf-MaturitySchedule_Filter .mat-form-field-appearance-outline .mat-form-field-outline .mat-form-field-outline-end {
    background-color: transparent !important;
    border: none; }
  .pcf-MaturitySchedule_Filter .mat-form-field-appearance-outline .mat-form-field-infix {
    background-color: transparent !important; }
    .pcf-MaturitySchedule_Filter .mat-form-field-appearance-outline .mat-form-field-infix .mat-select-placeholder,
    .pcf-MaturitySchedule_Filter .mat-form-field-appearance-outline .mat-form-field-infix .mat-select-value {
      color: #120237 !important;
      font-size: 2rem !important; }

.pcf-MaturitySchedule_FilterText {
  font-size: 2rem; }

.pcf-MaturitySchedule_Footnotes p {
  font-size: 1.4rem; }

.pcf-MaturitySchedule_Row .ag-icon-tree-open::before,
.pcf-MaturitySchedule_Row .ag-icon-tree-closed::before {
  font-size: 1.4rem;
  line-height: 26px; }

.pcf-MaturitySchedule_Grid h5 {
  color: #666666;
  font-size: 1.4rem; }

.pcf-MaturitySchedule_Grid span {
  font-size: 1.5rem; }

.pcf-IncomingEstimatedCash_Footnotes {
  font-size: 1.2rem; }

.pcf-IncomingCash_Header, .pcf-EstimatedCash_Header {
  font-weight: 700; }

.pcf-IncomingCash_TotalValue, .pcf-EstimatedCash_TotalValue {
  font-size: 3.5rem; }

.pcf-EstimatedCash_IncomeReinvested {
  font-size: 1.2rem; }

.pcf-IncomingCash_Cell, .pcf-EstimatedCash_Cell {
  font-size: 1.4rem; }
  .pcf-IncomingCash_Cell-value, .pcf-EstimatedCash_Cell-value {
    font-weight: 700; }

.mobile .pcf-Details_Filters ::before {
  border-top: 1px solid #e2e2e2; }

.mobile .pcf-Details_CustomizeView {
  min-width: 100% !important; }

.mobile .pcf-MaturitySchedule_Export {
  background-color: #f9feff;
  margin-top: 20px; }
  .mobile .pcf-MaturitySchedule_Export .fa-download {
    margin-top: 30px;
    margin-left: -20px; }

.medium-container .pcf-Total_Grid h1, .medium-container .pcf-Total_TimePeriod {
  color: black; }

.rb-Display .table thead th, .rb-Display-small .table thead th {
  color: #ffffff; }

.rb-Display .table thead th.mat-column-fmtClosePrice, .rb-Display .table thead th.mat-column-change, .rb-Display-small .table thead th.mat-column-fmtClosePrice, .rb-Display-small .table thead th.mat-column-change {
  color: black; }

.rb-Display .rb-Stock_HeadingContainer h2,
.rb-Display .rb-CurrencyCalculator h2,
.rb-Display .rb-MarginIntRates_HeadingContainer h2, .rb-Display-small .rb-Stock_HeadingContainer h2,
.rb-Display-small .rb-CurrencyCalculator h2,
.rb-Display-small .rb-MarginIntRates_HeadingContainer h2 {
  color: #ffffff; }

.rb-Display .rb-Stock_AsOfDate, .rb-Display-small .rb-Stock_AsOfDate {
  color: black;
  font-size: 1.5rem; }

.rb-Display .right-align {
  margin-bottom: 25px; }

@media (orientation: portrait) {
  .rb-mmfundssweep_HeadingContainer, .rb-bankDepProgram_HeadingContainer, .rb-SecBckFinance_HeadingContainer {
    margin-bottom: 20px; } }

@media (orientation: landscape) {
  .rb-mmfundssweep_HeadingContainer, .rb-bankDepProgram_HeadingContainer, .rb-SecBckFinance_HeadingContainer {
    margin-bottom: 30px; } }

.rb-Stock_HeadingContainer, .rb-MarginIntRates_HeadingContainer {
  margin-bottom: 10px; }

.rb h1 {
  font-size: 2.8rem; }

.rb-CurrencyCalculator {
  font-weight: 700; }
  .rb-CurrencyCalculator h3,
  .rb-CurrencyCalculator p,
  .rb-CurrencyCalculator .mat-form-field-infix {
    font-size: 1.4rem; }

.rb-CurrencyRates, .rb-MoneyMarketProductRates, .rb-MoneyMarketFundsSweep, .rb-Commodities, .rb-InterestRates, .rb-StockOptionIndices, .rb-MoneyRates, .rb-SecuritiesBackedFinance {
  padding: 15px; }
  .rb-CurrencyRates h2, .rb-MoneyMarketProductRates h2, .rb-MoneyMarketFundsSweep h2, .rb-Commodities h2, .rb-InterestRates h2, .rb-StockOptionIndices h2, .rb-MoneyRates h2, .rb-SecuritiesBackedFinance h2 {
    color: black; }
  .rb-CurrencyRates .table > thead th.right-align, .rb-MoneyMarketProductRates .table > thead th.right-align, .rb-MoneyMarketFundsSweep .table > thead th.right-align, .rb-Commodities .table > thead th.right-align, .rb-InterestRates .table > thead th.right-align, .rb-StockOptionIndices .table > thead th.right-align, .rb-MoneyRates .table > thead th.right-align, .rb-SecuritiesBackedFinance .table > thead th.right-align {
    color: rgba(0, 0, 0, 0.6);
    white-space: nowrap; }
  .rb-CurrencyRates .mat-table .mat-header-row, .rb-MoneyMarketProductRates .mat-table .mat-header-row, .rb-MoneyMarketFundsSweep .mat-table .mat-header-row, .rb-Commodities .mat-table .mat-header-row, .rb-InterestRates .mat-table .mat-header-row, .rb-StockOptionIndices .mat-table .mat-header-row, .rb-MoneyRates .mat-table .mat-header-row, .rb-SecuritiesBackedFinance .mat-table .mat-header-row {
    border-bottom-color: rgba(0, 0, 0, 0.14); }

.mobile .rb h1 {
  font-size: 2rem; }

.mobile .rb .mat-expansion-panel {
  background-color: transparent;
  border: none; }
  .mobile .rb .mat-expansion-panel .mat-expansion-panel-header {
    background-color: transparent !important; }

.mobile .rb .mat-expansion-panel-header-title {
  color: black;
  font-size: 2rem;
  font-weight: 500; }

@media (orientation: portrait) {
  .mobile .rb-CurrencyCalculator {
    background-color: transparent;
    border-top: 1px solid rgba(0, 0, 0, 0.11); } }

@media (orientation: portrait) {
  .mobile .rb-Equals {
    font-size: 2rem;
    font-weight: 500; } }

.rb-Stock_AsOfDate {
  color: rgba(0, 0, 0, 0.6); }

.rb-ForeignExchangeDialog_Table tr:last-child td {
  border-bottom: none; }

.rb-ForeignExchangeDialog_Disclosure {
  font-size: 1rem;
  line-height: 12px;
  opacity: 0.5;
  margin: 10px 15px; }

/*--------- REGISTRATION _registration.scss -------*/
.reg-Title {
  font-weight: 700; }

.reg-Signup {
  background-color: rgba(255, 255, 255, 0.96);
  color: black;
  border: 1px solid transparent;
  font-size: 1.4rem; }
  .reg-Signup_Text p {
    color: #ffffff; }
  .reg-Signup_Text label {
    font-size: 1.6rem; }
  .reg-Signup_Text h1,
  .reg-Signup_Text h2,
  .reg-Signup_Text h4 {
    color: transparent;
    font-size: 2rem; }
  .reg-Signup_Buttons .mat-raised-button {
    padding: 0 16px !important; }

.reg-Status_Title {
  color: #757575; }

.reg-Status_Caption dt {
  border-bottom: 2px solid #fc7802; }

.reg-Status_Buttons {
  padding: 0 16px !important; }

.reg-NewUserSetup .fa-times {
  color: #e02020; }

.reg-NewUserSetup .mat-error div {
  font-size: 10.5px;
  padding-top: 7px; }

.reg-NewUserSetup_PasswordsMatched .mat-icon {
  color: #4db34d;
  margin-right: 7px; }

.reg-Welcome hr, .reg-TermsConditions hr, .reg-ProfInfo hr, .reg-IdentityVerification hr, .reg-NewUserSetup hr, .reg-Userid hr, .reg-Confirm hr {
  border-top: 1px solid rgba(0, 0, 0, 0.15); }

.reg-Welcome_Content p, .reg-TermsConditions_Content p, .reg-ProfInfo_Content p, .reg-IdentityVerification_Content p, .reg-NewUserSetup_Content p, .reg-Userid_Content p, .reg-Confirm_Content p {
  font-size: 1.6rem; }

.reg-Header_Text {
  color: black; }
  .desktop .reg-Header_Text {
    font-size: 4rem; }

.reg-Button-cancel {
  border: 2px solid #0091ff;
  color: #0091ff; }

.reg-Welcome_Form-input {
  border: none;
  font-style: normal;
  width: 4.25rem; }

.reg-Welcome_Form div[role="alert"] {
  color: #e02020;
  font-size: 1.2rem; }

.reg-Welcome_Form.nextgrid-field-error {
  border: none; }
  .reg-Welcome_Form.nextgrid-field-error.mat-form-field-appearance-outline .mat-form-field-flex {
    background-color: transparent;
    border: 1px solid #e02020; }
  .reg-Welcome_Form.nextgrid-field-error.mat-form-field-appearance-outline .mat-form-field-outline-start,
  .reg-Welcome_Form.nextgrid-field-error.mat-form-field-appearance-outline .mat-form-field-outline-gap,
  .reg-Welcome_Form.nextgrid-field-error.mat-form-field-appearance-outline .mat-form-field-outline-end {
    border: none; }

.reg-FAQs_Content p {
  font-size: 1.6rem; }

.reg-ProfInfo_Content {
  padding-bottom: 35px; }
  .reg-ProfInfo_Content p {
    font-size: 1.6rem; }

.reg-Container-Content {
  background: #fbfbfb;
  border-radius: 9px; }

.reg-Header {
  background-color: white; }

.mobile .reg-Header_Text {
  font-size: 1.8rem;
  font-weight: 600; }

.mobile .reg-Header_Step {
  font-size: 1.6rem;
  font-weight: 400; }

.mobile .reg-Signup_Buttons {
  margin-left: 30px; }

.tablet .reg-Header_Text {
  font-size: 2.4rem;
  font-weight: 700; }

.tablet .reg-Header_Step {
  font-size: 2rem;
  font-weight: 400; }

.tablet .reg-Title {
  font-size: 2.6rem; }

@media (orientation: portrait) {
  .tablet .reg-FAQs_Title {
    font-size: 1.9rem; } }

.reg-ProfInfo_Content2 {
  font-size: 1.7rem; }

.reg-ProfInfo_Text {
  color: black;
  font-size: 1.8rem; }

.reg-Confirm .fa-check-circle {
  color: #4db34d; }

.reg-Confirm_Email-name, .reg-Confirm_Fin-org, .reg-Confirm_Message, .reg-Confirm_UserId-name {
  font-weight: bolder;
  text-transform: lowercase;
  font-size: 2rem; }

.reg-Confirm_Message {
  text-transform: capitalize !important; }

.reg-Passwordrules_PopupContent {
  margin-top: -36px; }

.sa-Otpsetup {
  border: 1px solid rgba(0, 0, 0, 0.12); }
  .sa-Otpsetup h1 {
    border-bottom: 1px solid rgba(0, 0, 0, 0.12);
    font-size: 2.8rem; }
  .sa-Otpsetup .text-secondary {
    color: black; }

.sa-SecurityAnswer .mat-form-field-infix {
  width: 300px; }
  .mobile .sa-SecurityAnswer .mat-form-field-infix {
    width: 285px; }
  .tablet .sa-SecurityAnswer .mat-form-field-infix {
    width: 320px; }

.otp-TellMeMore_Dialog.modal {
  width: 55%; }
  .ada .otp-TellMeMore_Dialog.modal {
    width: 61%; }

.otp-TellMeMore_Dialog .otp-UserId_Image {
  height: 77px;
  width: 77px;
  margin-left: 55px;
  margin-bottom: 18px; }
  @media (orientation: portrait) {
    .tablet .otp-TellMeMore_Dialog .otp-UserId_Image {
      margin-left: 22px; } }
  @media (orientation: landscape) {
    .tablet .otp-TellMeMore_Dialog .otp-UserId_Image {
      margin-left: 45px; } }
  @media (orientation: portrait) {
    .mobile .otp-TellMeMore_Dialog .otp-UserId_Image {
      margin-left: 15px; } }
  @media (orientation: landscape) {
    .mobile .otp-TellMeMore_Dialog .otp-UserId_Image {
      margin-left: 25px; } }

.otp-TellMeMore_Dialog .otp-Passcode_Image {
  height: 73px;
  width: 99px;
  background-size: contain;
  margin-left: 70px;
  margin-bottom: 22px; }
  @media (orientation: portrait) {
    .tablet .otp-TellMeMore_Dialog .otp-Passcode_Image {
      margin-left: 30px; } }
  @media (orientation: landscape) {
    .tablet .otp-TellMeMore_Dialog .otp-Passcode_Image {
      margin-left: 55px; } }
  @media (orientation: portrait) {
    .mobile .otp-TellMeMore_Dialog .otp-Passcode_Image {
      margin-left: 25px; } }
  @media (orientation: landscape) {
    .mobile .otp-TellMeMore_Dialog .otp-Passcode_Image {
      margin-left: 30px; } }

.otp-TellMeMore_Dialog .otp-Signed_Image {
  height: 70px;
  width: 93px;
  margin-top: 20px;
  background-size: contain;
  margin-left: 60px;
  margin-bottom: 25px; }
  @media (orientation: portrait) {
    .tablet .otp-TellMeMore_Dialog .otp-Signed_Image {
      margin-left: 10px; } }
  @media (orientation: landscape) {
    .tablet .otp-TellMeMore_Dialog .otp-Signed_Image {
      margin-left: 40px; } }
  @media (orientation: portrait) {
    .mobile .otp-TellMeMore_Dialog .otp-Signed_Image {
      margin-top: 0px;
      margin-left: 10px; } }
  @media (orientation: landscape) {
    .mobile .otp-TellMeMore_Dialog .otp-Signed_Image {
      margin-left: 20px; } }

.otp-Container {
  background-color: #ededed;
  margin-right: -10px;
  padding: 10px;
  height: 90%;
  border-radius: 2px; }

.otp-SummaryText {
  text-align: center; }

.page-registration .container {
  background-color: #f9f9f9; }

.page-registration .fw-SecondaryNavigation_Menu-spacer {
  border-top: 1px dashed rgba(0, 0, 0, 0.26); }

.page-registration .fw-SecondaryNavigation_Menu .select-menu-icon, .page-registration .fw-SecondaryNavigation_Menu-spacer {
  font-size: 1.4rem; }

.page-registration .fw-SecondaryNavigation_Menu div {
  color: black !important; }
  .page-registration .fw-SecondaryNavigation_Menu div span {
    background-color: white;
    border: 2px solid rgba(0, 0, 0, 0.15);
    color: rgba(0, 0, 0, 0.26);
    font-size: 1.4rem; }

.page-registration .fw-SecondaryNavigation_Menu.active span {
  background-color: #0572d6;
  color: white;
  font-size: 1.2rem; }

.page-registration .fw-SecondaryNavigation_Menu.visited span {
  background-color: #6dd400; }

.page-registration .fw-SecondaryNavigation_Menu.visited .mat-icon {
  color: white;
  font-size: 2.8rem;
  width: 28px;
  height: 28px;
  position: absolute;
  top: -2px;
  left: -2px; }

.ag-tooltip {
  background-color: white;
  border: 1px solid black; }

.alert-inpage.error {
  background-color: rgba(246, 66, 55, 0.03); }

.otp-Content {
  border: 1px solid rgba(0, 0, 0, 0.12);
  background-color: #ffffff; }
  .otp-Content h1 {
    border-bottom: 1px solid rgba(0, 0, 0, 0.15); }
  .otp-Content .text-secondary {
    color: #000000; }

.otp-Steps_Header h3 {
  font-size: 1.6rem; }

.otp-Steps_RememberDevice .text-secondary {
  font-size: 2.4rem; }

.otp-Steps_RememberDevice .otp-Steps_Header {
  border-bottom: 1px solid rgba(0, 0, 0, 0.15); }
  .otp-Steps_RememberDevice .otp-Steps_Header .text-secondary label {
    font-size: 2.4rem; }
    .mobile .otp-Steps_RememberDevice .otp-Steps_Header .text-secondary label {
      font-size: 1.8rem; }

.otp-Steps_RememberDevice .mat-checkbox + .text-secondary,
.otp-Steps_RememberDevice .mat-radio-group + .text-secondary {
  color: rgba(0, 0, 0, 0.58);
  font-size: 1.4rem; }

.otp-ContactMethod_Header h3, .otp-EnterCode_Header h3, .otp-RememberMyDevice_Header h3 {
  font-size: 1.6rem; }

.otp-RememberMyDevice .text-secondary {
  font-size: 1.6rem; }

.otp-RememberMyDevice_Header {
  border-bottom: 1px solid rgba(0, 0, 0, 0.15); }
  .otp-RememberMyDevice_Header .text-secondary label {
    font-size: 2rem; }

.otp-RememberMyDevice .mat-checkbox + .text-secondary,
.otp-RememberMyDevice .mat-radio-group + .text-secondary {
  color: rgba(0, 0, 0, 0.58);
  font-size: 1.4rem; }

.otp-Actions, .otp-Buttons {
  padding-top: 10px;
  text-align: center;
  border-top: 1px solid rgba(0, 0, 0, 0.15); }
  .mobile .otp-Actions, .mobile .otp-Buttons {
    flex-flow: wrap; }
    .mobile .otp-Actions button, .mobile .otp-Buttons button {
      width: 100%;
      margin-right: 0;
      margin-left: 0; }

.mobile .otp-Button-cancel {
  margin-top: 20px; }

.otp-Setupverify_Dialog, .otp-Setupverify_Dialog ~ .cdk-overlay-backdrop {
  background-color: #fffdfa;
  opacity: 0.99 !important;
  top: 100px; }

.otp-Setupverify_Dialog .mat-dialog-container .mat-dialog-actions {
  display: block;
  background-color: transparent;
  border-top: none;
  padding: 2px; }

.otp-Setupverify_Dialog .action-buttons {
  margin-left: -14px; }

.mobile .otp-Setupverify_Dialog .action-buttons {
  margin-left: -5px; }
  .mobile .otp-Setupverify_Dialog .action-buttons .mat-raised-button, .mobile .otp-Setupverify_Dialog .action-buttons .mat-stroked-button {
    padding: 0 !important; }

.otp-LeavePasscode_Icon {
  color: #ff9d00;
  font-size: 2.5rem;
  padding: 10px; }

.mobile .otp-SendCode {
  width: 100%; }

.otp-Container {
  color: #F9F9F9; }

.otp-TellMeMore_Dialog.modal {
  max-width: 830px !important;
  width: 75%; }

.otp-TellMeMore_Dialog .mat-dialog-content-padded {
  padding: 30px 40px !important; }

.sa h1 {
  background-color: rgba(0, 0, 0, 0.03);
  font-size: 2.8rem; }

.sa h3 {
  border-bottom: 1px solid rgba(0, 0, 0, 0.15);
  font-size: 3rem; }

.sa .text-secondary {
  color: black; }

.sa mat-checkbox + .text-secondary {
  color: rgba(0, 0, 0, 0.58);
  font-size: 1.4rem; }

.sa-Content {
  border: 1px solid rgba(0, 0, 0, 0.12);
  background-color: #ffffff; }

.sa-Emailsetup_Form {
  padding-top: 15px !important; }

.sa-RememberMyDevice + .text-secondary {
  color: rgba(0, 0, 0, 0.58);
  font-size: 1.4rem; }

.sa-ChangePassword_Form .row, .sa-SetupQA_Form .row {
  padding-left: 0 !important; }

.sa-ChangePassword_Title, .sa-SetupQA_Title {
  background-color: transparent !important;
  border-bottom: 1px solid rgba(0, 0, 0, 0.15);
  color: black;
  font-size: 2.4rem !important; }

.sa-ChangePassword_Text, .sa-SetupQA_Text {
  font-size: 2rem; }

.sa-ChangePassword_RememberMyDevice h3, .sa-SetupQA_RememberMyDevice h3 {
  font-size: 2rem !important; }

.sa-ChangePassword_Rules, .sa-SetupQA_Rules {
  padding-top: 22px;
  padding-left: 21px;
  border-left: 1px solid rgba(0, 0, 0, 0.15); }
  .sa-ChangePassword_Rules h3, .sa-SetupQA_Rules h3 {
    border-bottom: none !important;
    font-size: 1.6rem !important; }

.sa .otp-Steps_Header {
  border-bottom: none; }
  .sa .otp-Steps_Header h3 {
    font-size: 2rem; }

.sa .otp-ContactMethod_Header, .sa .otp-EnterCode_Header, .sa .otp-RememberMyDevice_Header {
  border-bottom: none; }
  .sa .otp-ContactMethod_Header h3, .sa .otp-EnterCode_Header h3, .sa .otp-RememberMyDevice_Header h3 {
    font-size: 2rem; }

.mobile .sa-Content {
  border: none; }

.mobile .sa h1,
.mobile .sa h3 {
  border-bottom: 1px solid rgba(0, 0, 0, 0.15);
  font-size: 1.8rem; }

.mobile .sa-RememberMyDevice + .text-secondary {
  color: rgba(0, 0, 0, 0.58);
  font-size: 1.4rem; }

.mobile .sa-ChangePassword_Title, .mobile .sa-SetupQA_Title {
  font-size: 1.8rem !important; }

.mobile .sa-ChangePassword_Text, .mobile .sa-SetupQA_Text {
  font-size: 1.6rem; }

.mobile .sa-ChangePassword_Rules h3, .mobile .sa-SetupQA_Rules h3 {
  border-bottom: none !important;
  font-size: 1.6rem !important; }

.mobile .sa .otp-Actions, .mobile .sa .otp-Buttons {
  border-top: 1px solid rgba(0, 0, 0, 0.15); }

.sa-Emailsetup {
  border: 1px solid rgba(0, 0, 0, 0.12); }
  .sa-Emailsetup h1 {
    border-bottom: 1px solid rgba(0, 0, 0, 0.15);
    font-size: 2.8rem; }
  .sa-Emailsetup .text-secondary {
    color: #000000; }

.ver-IDForm .mat-form-field-flex .mat-form-field-label {
  color: #bdbdbd; }

.ver-IDForm .fa-eye-slash {
  color: #bdbdbd;
  vertical-align: middle; }

.ver-IDForm_Buttons-Cancel {
  background-color: white !important;
  border: 2px solid #0091ff !important;
  color: #0091ff !important; }

.ver-IDForm_details-addressInfo, .ver-IDForm_details-ssnInfo {
  color: #0091ff; }

.tablet .ver-IDForm [class*="col-"][class*="ver-IDForm_"] {
  flex-basis: 50% !important;
  max-width: 50% !important; }

.ver-IDForm_Label {
  color: #666666; }

.ver-Question {
  font-weight: bold; }

.vot-ChartContainer {
  background-color: #ffffff; }

.vot-Summary {
  align-items: center;
  background-color: #f9f9f9; }
  .vot-Summary dd {
    font-weight: 400;
    font-size: 30px;
    line-height: 35px; }
  .vot-Summary dt {
    color: #120237;
    font-size: 16px;
    font-weight: 400; }
  .vot-Summary_Border {
    border-right: 1px solid rgba(0, 0, 0, 0.15); }
  .vot-Summary_Dot {
    background: rgba(0, 0, 0, 0.15);
    border-radius: 50%; }
    .vot-Summary_Dot.active {
      background-color: #17acd9;
      border: 1px solid white; }
  .vot-Summary_Text {
    background: #ecf6ff;
    border: 1px solid #538fcb;
    border-radius: 6px; }
    .vot-Summary_Text p {
      font-size: 1.6rem; }
  .vot-Summary .active dt {
    color: black; }
  .vot-Summary .active .far.fa-info-circle {
    background: #ecf6fd; }
  .vot-Summary .far.fa-info-circle {
    background-color: white;
    color: #120237;
    font-size: 1.2rem; }
  .vot-Summary.small-container {
    border-top: 1px solid #e8e8e8;
    border-bottom: 1px solid #e8e8e8; }
    .vot-Summary.small-container .fa-chevron-left,
    .vot-Summary.small-container .fa-chevron-right {
      color: rgba(0, 0, 0, 0.1);
      font-size: 30px; }

.vot-Summary {
  align-items: center;
  background-color: #f9f9f9; }
  .vot-Summary_Arrow-left, .vot-Summary_Arrow-right {
    margin: 0;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%); }
  .vot-Summary_Arrow-left {
    left: 15px; }
  .vot-Summary_Arrow-right {
    right: 15px; }
  .vot-Summary.small-container .vot-Summary_Arrow-left {
    top: 40%; }
  .vot-Summary.small-container .vot-Summary_Arrow-right {
    top: 85%; }
  .vot-Summary dd {
    color: rgba(0, 0, 0, 0.6);
    font-size: 1.8rem;
    font-weight: 300;
    line-height: 35px; }
  .tablet .vot-Summary dd {
    font-size: 1.8rem; }
  .vot-Summary dt {
    color: black;
    font-size: 1.4rem;
    font-weight: 500; }
  .vot-Summary .far.fa-info-circle {
    background-color: white;
    color: #120237;
    font-size: 1.4rem; }

.vot-SummaryDescription {
  background: #ecf6ff;
  border: 1px solid #538fcb;
  border-radius: 6px; }

.vot-Filter {
  align-items: center;
  background: #f9feff; }
  .vot-Filter p {
    color: #6d7278;
    font-size: 16px; }
  .vot-Filter .mat-select-value {
    color: #120237; }
  .vot-Filter .mat-form-field-flex {
    background: transparent; }

.vot-Chart.small-container {
  background: #FFFFFF;
  border: 1px solid #E6E6E6;
  box-shadow: 0 0 6px rgba(0, 0, 0, 0.09);
  border-radius: 7px; }

.vot-Disclaimer p {
  font-size: 1.4rem; }

.headerRow h1 {
  color: #616161;
  font-size: 2.2rem; }

.f2-Title h1 {
  font-size: 2.8rem;
  font-weight: 400; }

.f2-app {
  font-size: 1.4rem; }
  .f2-app #AdvancedStockScreenerModule select,
  .f2-app #AdvancedETFScreenerModule select,
  .f2-app #AdvancedMFScreenerModule select,
  .f2-app #PredefinedStockScreenerModule select,
  .f2-app #PredefinedETFScreenerModule select,
  .f2-app #PredefinedMFScreenerModule select {
    border: 1px solid rgba(0, 0, 0, 0.3);
    background-color: white; }
  .f2-app #MarketSectorsModule select {
    border: 1px solid #909090; }
  .f2-app #MarketSectorsModule select.performancePeriod {
    font-size: 1.6rem; }
  .f2-app #MarketSectorsModule .industrialServicesContainer select {
    border: 1px solid #909090; }
  .f2-app .todaysEventsModule thead tr th,
  .f2-app .eventsCalendarModule thead tr th {
    border-bottom: none; }
  .f2-app .todaysEventsModule header.contain h4.date,
  .f2-app .eventsCalendarModule header.contain h4.date {
    font-size: 1.2rem;
    color: #9e9e9e; }
  .f2-app .todaysEventsModule header.contain h1.title,
  .f2-app .eventsCalendarModule header.contain h1.title {
    font-size: 1.4rem; }
  .f2-app .todaysEventsModule .subheader.contain,
  .f2-app .eventsCalendarModule .subheader.contain {
    padding: 10px 0; }
  .f2-app .todaysEventsModule .subheader .eventHeader,
  .f2-app .eventsCalendarModule .subheader .eventHeader {
    border-bottom: 1px solid #e0e0e0;
    font-size: 1.1rem !important; }
  .f2-app .newsCommentaryModule .table tbody tr.dateheader td {
    color: #666666; }
  .f2-app .newsCommentaryModule select {
    border: 1px solid #909090; }
  .f2-app .newsCommentaryModule .searchform {
    border-top: 1px solid rgba(0, 0, 0, 0.3);
    background-color: white; }
  .f2-app .newsCommentaryModule table thead tr th.topicHeader {
    background-color: #f7f7f7;
    border-top: 1px solid #616161;
    border-bottom: 1px solid #616161; }
  .f2-app .newsCommentaryModule table tr.dateheader {
    background-color: #edf9fe;
    color: #ffffff;
    font-size: 1.8rem;
    border-bottom: 1px solid #eeeeee; }
  .f2-app .newsCommentaryModule table tr td.sourceInfo h4.topics {
    color: #9e9e9e;
    font-size: 1.1rem; }
  .f2-app #MarketMoversModule select {
    border: 1px solid #909090;
    background-color: white; }
  .f2-app #MarketMoversModule .subheader select#exchangeSelect,
  .f2-app #MarketMoversModule .subheader select#criteriaSelect {
    border: 1px solid #909090;
    background-color: white; }
  .f2-app header.contain,
  .f2-app header.ratingHeader {
    color: #616161;
    margin-top: 15px;
    border-top: none; }
    .f2-app header.contain h1.title,
    .f2-app header.contain h4,
    .f2-app header.ratingHeader h1.title,
    .f2-app header.ratingHeader h4 {
      color: black;
      font-size: 1.8rem; }
  .f2-app .icon-calendar,
  .f2-app .icon-arrow-right {
    color: #020006; }
  .f2-app #PageSettingsButtons span[data-checked="inactive"] .btn-link,
  .f2-app #PageSettingsButtons .help a,
  .f2-app #PageSettingsReload span[data-checked="inactive"] .btn-link,
  .f2-app #PageSettingsReload .help a {
    color: #020006; }
  .f2-app #PageSettingsButtons span[data-checked="active"] .btn-link,
  .f2-app #PageSettingsReload span[data-checked="active"] .btn-link {
    color: #ffffff; }
  .f2-app #PageSettingsButtons .help {
    font-family: Roboto; }
  .f2-app #PageSettingsReload .icon-refresh {
    color: #616161;
    font-size: 1.7rem;
    margin-right: 20px;
    margin-top: 10px; }
  .f2-app .pageSettingsModule ul li.spacer {
    color: #ffffff;
    line-height: 1.6rem; }
  .f2-app .eventsCalendarModule .eventList.economics label {
    font-size: 1.1rem;
    color: #9e9e9e; }
  .f2-app .liveBriefsModule {
    background-color: #edf9fe;
    border-top: 2px solid #120237;
    border-top: 2px solid #70bbff; }
    .f2-app .liveBriefsModule a {
      font-size: 1.6rem; }
  .f2-app .marketUpdateModule .subheader {
    border-bottom: none; }
  .f2-app .marketUpdateModule td.active a {
    color: #020006; }
  .f2-app .sectorIndustryOutlookModule .top h3,
  .f2-app .sectorIndustryOutlookModule .bottom h3 {
    color: #757575;
    font-size: 1.1rem;
    height: 1.6rem;
    line-height: 1.6rem; }
  .f2-app .sectorIndustryOutlookModule .top .nameAndCompanies,
  .f2-app .sectorIndustryOutlookModule .bottom .nameAndCompanies {
    font-size: 1rem; }
    .f2-app .sectorIndustryOutlookModule .top .nameAndCompanies a.name,
    .f2-app .sectorIndustryOutlookModule .bottom .nameAndCompanies a.name {
      font-size: 1.6rem; }
  .f2-app .alignRight {
    text-align: right !important; }
  .f2-app .alignCenter {
    text-align: center !important; }
  .f2-app .symbolSearchModule {
    background-color: #edf9fe;
    border-top: 2px solid #120237;
    border-top: 2px solid #70bbff;
    height: 100px !important;
    background-color: #f7f7f7;
    border-top: none; }
    .f2-app .symbolSearchModule header.contain h1.title {
      font-size: 1.6rem; }
    .f2-app .symbolSearchModule header.contain h1.title {
      font-size: 1.4rem;
      font-weight: 400;
      line-height: 16px; }
    .f2-app .symbolSearchModule .content {
      padding-bottom: 20px; }
    .f2-app .symbolSearchModule .content .recentSymbols {
      font-size: 1rem;
      border-left: 1px solid #CCCCCC;
      font-weight: 400;
      font-size: 1.4rem;
      line-height: 16px;
      color: #585959;
      padding-left: 40px;
      margin-top: -40px !important;
      height: 78px; }
      .tablet .f2-app .symbolSearchModule .content .recentSymbols {
        padding-left: 35px; }
      .f2-app .symbolSearchModule .content .recentSymbols span {
        font-size: 1.4rem;
        color: white; }
      .f2-app .symbolSearchModule .content .recentSymbols .symbols {
        font-size: 1.8rem;
        margin-top: 30px; }
        .f2-app .symbolSearchModule .content .recentSymbols .symbols a {
          color: #120237 !important;
          font-weight: 500;
          font-size: 1.4rem;
          margin-right: 40px; }
    .f2-app .symbolSearchModule .symbolSearchContainer {
      margin-right: 42px !important; }
      .tablet .f2-app .symbolSearchModule .symbolSearchContainer {
        margin-right: 35px !important; }
    .f2-app .symbolSearchModule .symbolSearchSubmitButton {
      color: #ffffff;
      padding: 8px 30px;
      text-transform: uppercase;
      background-color: #120237;
      border-color: #120237; }
    .mobile .f2-app .symbolSearchModule {
      height: 50px !important;
      background-color: white; }
  .f2-app .marketsIndustryExpertsResearchModule dl {
    float: left;
    width: 60%; }
  .f2-app .watchlistModule .symbolSearchSubmitButton {
    color: #ffffff;
    padding: 8px 30px;
    text-transform: capitalize;
    background-color: #120237;
    border-color: #120237; }
  .f2-app .watchlistModule .resultViewMenu li a.active {
    color: black !important; }
  .f2-app .quickquotewindow {
    background-color: white;
    color: black; }
  .f2-app .module .subheader select {
    font-size: 1.2rem; }
  .f2-app .marketsIndustryExpertsResearchModule *,
  .f2-app .toolsIndustryExpertsResearchModule *,
  .f2-app .quotesIndustryExpertsResearchModule * {
    line-height: 1.6;
    font-size: 1.1rem !important; }
  .f2-app .marketsIndustryExpertsResearchModule .subheader li.active,
  .f2-app .toolsIndustryExpertsResearchModule .subheader li.active,
  .f2-app .quotesIndustryExpertsResearchModule .subheader li.active {
    background-color: white;
    border-top: 2px solid #70bbff; }
  .f2-app .marketsIndustryExpertsResearchModule span,
  .f2-app .toolsIndustryExpertsResearchModule span,
  .f2-app .quotesIndustryExpertsResearchModule span {
    font-size: 1.1rem;
    line-height: 1.4; }
    .f2-app .marketsIndustryExpertsResearchModule span.glyphicon,
    .f2-app .toolsIndustryExpertsResearchModule span.glyphicon,
    .f2-app .quotesIndustryExpertsResearchModule span.glyphicon {
      font-size: 1.5rem; }
  .f2-app .marketsIndustryExpertsResearchModule .newsContent p,
  .f2-app .toolsIndustryExpertsResearchModule .newsContent p,
  .f2-app .quotesIndustryExpertsResearchModule .newsContent p {
    font-size: 1.5rem; }
  .f2-app .quotesNewsTopPerformersModule h2 {
    font-size: 1.6rem; }
  .f2-app .starRatingBar,
  .f2-app .recommendationRatingBar,
  .f2-app .quoteBarModule span.quoteType,
  .f2-app .quoteBarModule .quoteRibbon ul li > span,
  .f2-app .quoteBarModule .quoteRibbon ul li > div,
  .f2-app .quoteBarModule .quoteRibbon ul li > span,
  .f2-app .stocksRecentTransactionsModule h2,
  .f2-app .stocksRecentTransactionsModule h3,
  .f2-app .stocksRecentTransactionsModule h4 {
    font-family: Roboto; }
  .f2-app .quoteBarModule .quoteBar > span {
    font-size: 1.5rem; }
  .f2-app .quoteBarModule .quoteRibbon .buttonContainer span {
    font-size: 1.6rem; }
  .f2-app .topHeadlinesModule .timestamp,
  .f2-app .topHeadlinesModule .sourceNews {
    line-height: 1.6; }
  .f2-app .stocksFundamentalsModule .fundamentalsCharts {
    border-bottom: 1px solid rgba(0, 0, 0, 0.3); }
  .f2-app .stocksFundamentalsModule .content,
  .f2-app .stocksRatingsReportsModule .content {
    border-top: 1px solid #9e9e9e; }
  .f2-app .stocksRatingsReportsModule dt {
    font-size: 1.5rem; }
  .f2-app .stocksRatingsReportsModule .icon-download::before {
    font-size: 1.5rem; }
  .f2-app .stocksFundamentalsCompiledModule .caption {
    border-top: 2px solid #120237;
    border-top: 2px solid rgba(0, 0, 0, 0.26); }
  .f2-app .stocksRecentTransactionsModule .transaction {
    border-bottom: 1px solid #9e9e9e; }
  .f2-app .stocksRecentTransactionsModule .activitySummary {
    color: #ffffff; }
  .f2-app .ratingsModule .scoreCard {
    border-bottom: 1px solid #616161; }
  .f2-app .portfolioModule h2 {
    border-bottom: 1px solid #ffffff; }
  .f2-app .portfolioModule .topHoldings .concentrationContainer {
    border-top: 1px solid #616161; }
  .f2-app .optionChainModule .contain {
    border-bottom: 2px solid #120237;
    border-bottom: 2px solid #70bbff; }
  .f2-app .optionChainModule .inTheMoney {
    background-color: #edf9fe; }
  .f2-app .optionChainModule .strikePrice {
    background-color: #eeeeee; }
  .f2-app .label {
    color: #ffffff; }
  .f2-app .subheader,
  .f2-app .quoteBarModule .quoteBar,
  .f2-app .stocksFundamentalsCompiledModule div.fundamentalsmodule ul.financialstatementsubheader {
    background-color: #ffffff;
    border-top: 2px solid rgba(0, 0, 0, 0.26); }
    .f2-app .subheader .header,
    .f2-app .quoteBarModule .quoteBar .header,
    .f2-app .stocksFundamentalsCompiledModule div.fundamentalsmodule ul.financialstatementsubheader .header {
      font-size: 1.6rem; }
  .f2-app table tr.headingRow th,
  .f2-app table tr.headingRow td {
    background-color: whitesmoke; }
  .f2-app .screenerOverviewModule .overview {
    background-color: white !important;
    border-top: 2px solid rgba(0, 0, 0, 0.26) !important; }
    .f2-app .screenerOverviewModule .overview .introduction {
      background-color: white !important; }
  .f2-app .documentHeader {
    background-color: #edf9fe;
    border-top: 2px solid #120237;
    border-top: 2px solid #70bbff;
    color: #ffffff;
    font-size: 1.6rem; }
  .f2-app .interactiveChartModule .panelContainer .toolbar .overlays .overlayKey {
    border: 1px solid rgba(0, 0, 0, 0.3); }
  .f2-app .watchlistModule .modal .title-modal {
    background-color: white !important;
    color: #ffffff !important; }
  .f2-app .watchlistModule .title-modal {
    background-color: #eeeeee;
    color: #616161;
    font-size: 2.2rem; }
    .f2-app .watchlistModule .title-modal .close {
      color: white !important; }
      .f2-app .watchlistModule .title-modal .close::before {
        color: #ffffff !important;
        content: '\f00d';
        display: inline-block;
        font-family: "Font Awesome 5 Pro";
        font-size: 2.6rem;
        font-weight: 300;
        position: absolute;
        right: 15px; }
    .f2-app .watchlistModule .title-modal button {
      color: #616161;
      font-size: 1.3rem; }
  .f2-app .calendar {
    font-size: 1.1rem; }
    .f2-app .calendar .ui-datepicker.ui-widget {
      font-family: Roboto;
      font-size: 1.9rem; }
    .f2-app .calendar .ui-widget-content {
      border: 1px solid #9e9e9e; }
  .f2-app .symbolSearchModule .recentSymbols .symbols a,
  .f2-app header ul a,
  .f2-app .subheader.contain ul a,
  .f2-app .marketUpdateModule .subheader.contain ul li.header,
  .f2-app .todaysEventsModule .eventContainer .eventList .dateTime,
  .f2-app .marketUpdateModule .marketUpdateNews div.documentHeader.contain div,
  .f2-app .marketUpdateModule .marketUpdateNews .newsContent h4.headline a,
  .f2-app .marketUpdateModule .marketUpdateNews .newsContent p,
  .f2-app .marketUpdateModule .marketUpdateNews .newsContent a.readFull,
  .f2-app .marketUpdateModule .marketUpdateNews .newsContent a.showAbstract,
  .f2-app .advancersDeclinersModule .content div.issueContainer .thermobars .contain .valueLeft,
  .f2-app .advancersDeclinersModule .content div.issueContainer .thermobars .contain .valueRight,
  .f2-app .advancersDeclinersModule .content .contain div.issueContainer .thermobars .valueLeft,
  .f2-app .advancersDeclinersModule .content .contain div.issueContainer .thermobars .valueRight,
  .f2-app .advancersDeclinersModule .content .contain div.issueContainer div.issueTotal,
  .f2-app .marketUpdateModule .marketUpdateNews div.documentHeader.contain ul a,
  .f2-app .marketUpdateModule .marketUpdateNews div.documentHeader.contain ul a.active {
    font-family: Roboto; }
  .f2-app .marketUpdateModule .marketUpdateNews .newsContent .teaser,
  .f2-app .marketUpdateModule .marketUpdateNews .newsContent .teaser a.readFull,
  .f2-app .marketUpdateModule .marketUpdateNews .newsContent span.date,
  .f2-app .marketUpdateModule .marketUpdateNews .newsContent span.source {
    font-family: Roboto; }
  .noTopBorder .f2-app header.ratingHeader {
    border-top: 2px solid #757575; }
  .f2-app div#ETFsQuoteBarModule div#addToWatchlistModal select#watchlistDropdown,
  .f2-app div#MFsQuoteBarModule div#addToWatchlistModal select#watchlistDropdown,
  .f2-app div#StocksQuoteBarModule div#addToWatchlistModal select#watchlistDropdown {
    border: 1px solid rgba(0, 0, 0, 0.3);
    background-color: white; }
  .f2-app div#AlertsSubscriptionModule select,
  .f2-app div#WatchlistModule select,
  .f2-app div.indicatorsContainer select,
  .f2-app div#StocksInsiderActivityModule select,
  .f2-app div#StocksInteractiveChartModule select,
  .f2-app div#ETFsInteractiveChartModule select,
  .f2-app div#MFsInteractiveChartModule select,
  .f2-app div#OptionChainModule select,
  .f2-app div.ds-DisplaySettings select {
    border: 1px solid rgba(0, 0, 0, 0.3);
    background-color: white; }
  .f2-app div#AssetAllocationModule div.assetAllocationContainer h1.title,
  .f2-app div#AssetAllocationModule div.portfolioDetailsContainer h1.title {
    font-size: 20px;
    color: black;
    font-weight: 700; }
  .f2-app div.fundamentalsmodule select {
    border: 1px solid rgba(0, 0, 0, 0.3); }
  .f2-app .symbolSearchInput {
    border: 1px solid #808080;
    border-radius: 5px;
    font-size: 1.6rem;
    font-style: normal !important;
    margin-right: 15px;
    padding: 0 10px;
    width: 300px;
    height: 38px; }
    .f2-app .symbolSearchInput::placeholder {
      font-weight: 400;
      font-size: 1.6rem;
      line-height: 19px;
      color: rgba(0, 0, 0, 0.3); }
  .mobile .f2-app .eTFsProfileModule .fundStrategy,
  .mobile .f2-app .eTFsProfileModule .highlights,
  .mobile .f2-app .mFsProfileModule .fundStrategy,
  .mobile .f2-app .mFsProfileModule .highlights {
    width: 100% !important;
    margin-bottom: 16px; }
  @media (orientation: portrait) {
    .mobile .f2-app .marketSectorsModule .smartTextAndSectors .selectContainer {
      font-size: 1.6rem; }
    .mobile .f2-app .marketSectorsModule .smartTextAndSectors .performancePeriod {
      background-color: white;
      border: 1px solid #bdbdbd !important; } }
  .f2-app li.active a {
    color: black !important; }
  .f2-app .sectorIndustryOutlookModule .content .stovallAnalysis .info .infoLeft .stovallPdfLink a {
    color: #ffffff !important; }
  .f2-app .rankingBarTable .rankingBar.isNeg {
    border-color: #e02020; }
  .f2-app .stocksQuoteBarModule .muted,
  .f2-app .eTFsQuoteBarModule .muted {
    color: #616161; }
  .f2-app .advancedStockScreenerModule .label,
  .f2-app .advancedETFScreenerModule .label,
  .f2-app .advancedMFScreenerModule .label {
    color: black;
    width: 10% !important; }
  .f2-app .modal {
    position: fixed;
    top: 25%;
    left: 50%;
    z-index: 1050;
    background-color: #ffffff;
    border: 1px solid #666666; }
    .f2-app .modal .modal-header {
      border-bottom: 1px solid #eeeeee; }
    .f2-app .modal#addToWatchlistModal .modal-body {
      height: 100px; }
      .f2-app .modal#addToWatchlistModal .modal-body input {
        border: 1px solid #666666; }
    .f2-app .modal .modal-footer {
      text-align: right;
      background-color: whitesmoke;
      border-top: 1px solid #ddd; }
      .f2-app .modal .modal-footer button {
        color: #ffffff;
        background-color: #120237 !important;
        border-color: #120237; }
        .f2-app .modal .modal-footer button.btn:not(.btn-primary) {
          background-color: #ffffff !important;
          color: #120237 !important; }
      .f2-app .modal .modal-footer .btn + .btn {
        margin-left: 5px; }
    .f2-app .modal#createNewWatchlistModal .modal-footer button.btn[data-dismiss="modal"] {
      color: #ffffff !important;
      background-color: #120237 !important; }
    .f2-app .modal .close {
      float: right; }
  .f2-app section.f2-app button.btn,
  .f2-app section.f2-app .interactiveChartModule .panelContainer .toolbar .overlays .overlayKey {
    background-color: #120237;
    border-color: #120237;
    color: #ffffff;
    padding: 8px 30px;
    font-weight: 700;
    font-size: 1.6rem;
    text-transform: capitalize;
    border-color: transparent !important;
    box-shadow: none !important;
    line-height: 36px !important;
    border-radius: 50px !important;
    padding: 0 30px !important; }
    .f2-app section.f2-app button.btn[data-dismiss="modal"],
    .f2-app section.f2-app .interactiveChartModule .panelContainer .toolbar .overlays .overlayKey[data-dismiss="modal"] {
      border: 1px solid #120237 !important; }
  .f2-app .optionChainModule .contain {
    border-bottom: 2px solid rgba(0, 0, 0, 0.26); }
  .f2-app .pageSettingsModule .realTime,
  .f2-app .pageSettingsModule .delayed,
  .f2-app .pageSettingsModule .refreshSwitch {
    background-color: transparent !important;
    border: none !important; }
  .f2-app .pageSettingsModule span[data-checked=active] .realTime,
  .f2-app .pageSettingsModule span[data-checked=active] .delayed {
    color: black !important; }
  .f2-app .glyphicon {
    cursor: pointer; }
    .f2-app .glyphicon.icon-calendar:before {
      font-weight: 400;
      content: "\f073"; }
    .f2-app .glyphicon.icon-remove {
      top: 5px !important; }
      #usmarkets .f2-app .glyphicon.icon-remove,
      #news .f2-app .glyphicon.icon-remove,
      #overviewnews .f2-app .glyphicon.icon-remove {
        right: -15px !important; }
      #eventscalendar .f2-app .glyphicon.icon-remove {
        right: -100px !important; }
      .f2-app .glyphicon.icon-remove:before {
        font-weight: 400;
        content: "\f00d"; }
    .f2-app .glyphicon.icon-caret-up:before {
      font-weight: 600;
      content: "\f0d8"; }
    .f2-app .glyphicon.icon-caret-down:before {
      font-weight: 600;
      content: "\f0d7"; }
    .f2-app .glyphicon.icon-arrow-right:before {
      font-weight: 400;
      content: "\f061"; }
    .f2-app .glyphicon.icon-download:before {
      font-weight: 400;
      content: "\f0ab"; }
    .f2-app .glyphicon.icon-search:before {
      font-weight: 400;
      content: "\f002"; }
    .f2-app .glyphicon.icon-refresh:before {
      font-weight: 600;
      content: "\f021";
      text-decoration: none;
      margin-right: -15px; }
    .f2-app .glyphicon.icon-info-sign:before {
      content: "\f05a";
      font-weight: 400;
      color: #ECF6FD;
      -webkit-text-stroke-width: 1px;
      -webkit-text-stroke-color: #1B73E8; }
    .f2-app .glyphicon.icon-ok-sign:before {
      content: "\f058"; }
  .f2-app section.f2-app .icon-calendar {
    color: #120237; }
  .f2-app .ui-datepicker.ui-widget a {
    color: #ffffff !important; }
  .f2-app [class^="icon-"]:before,
  .f2-app [class*=" icon-"]:before {
    font-family: "Font Awesome 5 Pro";
    font-style: normal;
    display: inline-block;
    text-decoration: inherit; }
  .f2-app a [class^="icon-"],
  .f2-app a [class*=" icon-"] {
    display: inline-block;
    text-decoration: inherit; }
  .f2-app .appModule {
    border: 1px solid #E6E6E6;
    border-radius: 7px;
    padding: 10px; }
    #investtools .f2-app .appModule,
    #markets .f2-app .appModule,
    #alertssettings .f2-app .appModule,
    #eventscalendar .f2-app .appModule,
    #multiquotecompare .f2-app .appModule,
    #mywatchlists .f2-app .appModule,
    #news .f2-app .appModule,
    #overviewmod .f2-app .appModule,
    #overviewnews .f2-app .appModule,
    #sectorindusperformance .f2-app .appModule,
    #securitiesalerts .f2-app .appModule,
    #usmarkets .f2-app .appModule {
      margin-top: 10px;
      padding: 10px; }
    #etfsummary .f2-app .appModule,
    #mfsummary .f2-app .appModule,
    #mfratings .f2-app .appModule,
    #mfcharting .f2-app .appModule,
    #mfperformance .f2-app .appModule,
    #mfholdings .f2-app .appModule,
    #stockspredefined .f2-app .appModule,
    #stocksadvanced .f2-app .appModule,
    #etfpredefined .f2-app .appModule,
    #etfadvanced .f2-app .appModule,
    #mfpredefined .f2-app .appModule,
    #mfadvanced .f2-app .appModule {
      background-color: #ffffff; }
    .f2-app .appModule.disclaimersModule, .f2-app .appModule.pageSettingsModule, .f2-app .appModule.alertsSubscriptionModule {
      border: none; }
    .f2-app .appModule.alertsSubscriptionModule {
      padding: 0; }
  .f2-app .eTFsQuoteBarModule,
  .f2-app .mFsQuoteBarModule,
  .f2-app .stocksQuoteBarModule {
    background-color: #ffffff;
    border: none;
    margin: 0 0 10px;
    padding: 10px 20px; }
    @media screen and (min-resolution: 125dpi) {
      .desktop .f2-app .eTFsQuoteBarModule, .desktop
      .f2-app .mFsQuoteBarModule, .desktop
      .f2-app .stocksQuoteBarModule {
        margin: 0 10px 20px;
        padding: 10px 20px; } }
    .tablet .f2-app .eTFsQuoteBarModule, .tablet
    .f2-app .mFsQuoteBarModule, .tablet
    .f2-app .stocksQuoteBarModule {
      margin: -10px 0 0;
      padding: 20px; }
  .f2-app .symbolSearchModule {
    background-color: #ffffff;
    border: none;
    margin: 0 10px; }
    .tablet .f2-app .symbolSearchModule {
      margin: -10px 0 0;
      padding: 20px; }
    .mobile .f2-app .symbolSearchModule {
      margin: 0; }
  .tablet .f2-app .growthMovementModule, .tablet
  .f2-app .mFsProfileModule, .tablet
  .f2-app .riskAnalysisModule, .tablet
  .f2-app .mFsExpensesModule, .tablet
  .f2-app .similarFundsModule {
    background-color: #ffffff; }
  .f2-app .table.table-sideways th {
    border-bottom: 1px solid #e0e0e0; }
  .f2-app .nav-tabs > li > a,
  .f2-app .nav-pills > li > a {
    padding: 8px 12px;
    margin-right: 2px; }
  .f2-app .advancedScreenerResultsModule li.active a {
    border-bottom: 3px solid #F9550C; }
  .f2-app .marketUpdateModule .topContainer .dataContainer {
    width: 40%;
    margin-left: 20px; }
    .f2-app .marketUpdateModule .topContainer .dataContainer .table > tbody > tr > td {
      padding: 0; }
  .f2-app .earningsNewsModule h2.companyTitle {
    margin: 5px 0;
    border-top: 2px solid rgba(0, 0, 0, 0.26); }
  .f2-app .optionChainModule .optionChain .date {
    font-size: 1rem;
    color: #9e9e9e; }
  .f2-app .optionChainModule .optionChain .disclaimer,
  .f2-app .optionChainModule .optionChain .optionChainLabels {
    font-size: 1.1rem;
    color: #9e9e9e; }
  .f2-app .disclaimer .providers {
    background: #FAFAFA;
    border-radius: 7px;
    margin-left: -10px !important;
    margin-right: -22px !important;
    padding: 25px !important;
    padding-bottom: 150px !important; }
    .f2-app .disclaimer .providers .left div:first-child,
    .f2-app .disclaimer .providers .right div:first-child {
      font-size: 1.4rem;
      font-weight: 700; }
  .f2-app .sectorIndustryOutlookModule .content .stovallAnalysis {
    width: 97%;
    margin: 0; }
  .f2-app .setAlertsInput {
    width: 15%;
    height: 2.4rem; }
  .f2-app .marketsIndustryExpertsResearchModule header.contain h1,
  .f2-app .toolsIndustryExpertsResearchModule header.contain h1,
  .f2-app .quotesIndustryExpertsResearchModule header.contain h1 {
    font-size: 1.8rem !important; }
  .f2-app .marketsIndustryExpertsResearchModule li.active,
  .f2-app .toolsIndustryExpertsResearchModule li.active,
  .f2-app .quotesIndustryExpertsResearchModule li.active {
    border-bottom: none; }
  .f2-app .stocksInsiderActivityModule .form-horizontal .formLeft,
  .f2-app .stocksInsiderActivityModule .form-horizontal .formRight {
    float: none; }
    .f2-app .stocksInsiderActivityModule .form-horizontal .formLeft .control-group,
    .f2-app .stocksInsiderActivityModule .form-horizontal .formRight .control-group {
      margin-bottom: 20px; }
      .f2-app .stocksInsiderActivityModule .form-horizontal .formLeft .control-group .control-label,
      .f2-app .stocksInsiderActivityModule .form-horizontal .formRight .control-group .control-label {
        float: left;
        width: 160px;
        padding-top: 5px;
        text-align: right; }
      .f2-app .stocksInsiderActivityModule .form-horizontal .formLeft .control-group .controls,
      .f2-app .stocksInsiderActivityModule .form-horizontal .formRight .control-group .controls {
        margin-left: 180px; }
  .f2-app .watchlistModule #modifyModal .modal-body {
    width: 220px !important;
    height: 150px !important; }
  .f2-app .newsCommentaryModule table tr.dateheader,
  .f2-app .liveBriefsModule,
  .f2-app .documentHeader {
    background-color: white !important;
    border-top: none !important; }
    .f2-app .newsCommentaryModule table tr.dateheader a:hover,
    .f2-app .newsCommentaryModule table tr.dateheader a:focus,
    .f2-app .liveBriefsModule a:hover,
    .f2-app .liveBriefsModule a:focus,
    .f2-app .documentHeader a:hover,
    .f2-app .documentHeader a:focus {
      text-decoration: none; }
    .f2-app .newsCommentaryModule table tr.dateheader .eventHeader,
    .f2-app .liveBriefsModule .eventHeader,
    .f2-app .documentHeader .eventHeader {
      font-size: 1.3rem;
      margin-bottom: 10px; }
    .f2-app .newsCommentaryModule table tr.dateheader .active,
    .f2-app .liveBriefsModule .active,
    .f2-app .documentHeader .active {
      border-bottom: 3px solid #1654B8; }
      .f2-app .newsCommentaryModule table tr.dateheader .active a,
      .f2-app .liveBriefsModule .active a,
      .f2-app .documentHeader .active a {
        color: black !important; }
  .f2-app .subheader {
    background-color: white !important;
    border-top: none !important; }
    #mfsummary .f2-app .subheader,
    #mfperformance .f2-app .subheader {
      padding: 5px 0 5px 10px !important;
      margin-right: 10px; }
    .f2-app .subheader a:hover,
    .f2-app .subheader a:focus {
      text-decoration: none; }
    .f2-app .subheader .eventHeader {
      font-size: 1.3rem;
      margin-bottom: 10px; }
    .f2-app .subheader .active a {
      color: black !important;
      border-bottom: 3px solid #1654B8; }
  .f2-app .liveBriefsModule {
    border-top: 1px solid #E6E6E6 !important; }
  .f2-app .quotesIndustryExpertsResearchModule .subheader {
    border-top: none !important; }
  .f2-app .stocksEarningsModule .subheader {
    background-color: #eeeeee !important;
    border-top: 2px solid rgba(0, 0, 0, 0.26) !important; }
  .f2-app .multiQuoteCompareModule .stockETFTable,
  .f2-app .multiQuoteCompareModule .fundTable {
    border-top: 1px solid #ddd; }
    .f2-app .multiQuoteCompareModule .stockETFTable > tbody > tr > th,
    .f2-app .multiQuoteCompareModule .fundTable > tbody > tr > th {
      padding-right: 10px; }
    .tablet .f2-app .multiQuoteCompareModule .stockETFTable > tbody > tr > td, .tablet
    .f2-app .multiQuoteCompareModule .fundTable > tbody > tr > td {
      max-width: 12em !important; }
  .desktop .f2-app .multiQuoteCompareModule td {
    max-width: 183px !important; }
  .tablet .f2-app .multiQuoteCompareModule .symbolComparison {
    margin-left: 10px !important; }
    .tablet .f2-app .multiQuoteCompareModule .symbolComparison input {
      width: 250px !important;
      margin-right: 0 !important; }
  .f2-app .alertsSettingsModule .holdResumeAlerts label.radio.alertsActive {
    display: block;
    margin-bottom: 10px; }
  .f2-app .alertsSettingsModule .holdResumeAlerts .datepickers {
    width: 90%;
    margin-left: 15px !important;
    margin-top: -32px !important; }
  .f2-app .pdfDate,
  .f2-app .documentDate {
    color: black; }
  .f2-app .toolsIndustryExpertsResearchModule .subheader.contain {
    border-top: none !important; }
  .f2-app .active a,
  .f2-app a,
  .f2-app a:hover {
    color: #120237 !important; }
  .f2-app .disclaimersModule header.contain {
    display: none; }
  .f2-app .open > .dropdown-menu {
    display: grid; }
  .f2-app .dropdown-menu {
    display: none;
    right: 50px !important;
    color: black;
    position: absolute;
    min-width: 160px;
    padding: 5px 0;
    margin: 2px 0 0;
    background-color: white;
    border: 1px solid #666666;
    border-radius: 6px; }
  .f2-app .ideaContainer thead {
    border-bottom: 1px solid rgba(0, 0, 0, 0.26); }
  .f2-app .optionChainModule .date,
  .f2-app .optionChainModule .optionChainLabels,
  .f2-app .optionChainModule .disclaimer,
  .f2-app .optionChainModule table th {
    text-transform: uppercase; }
  .f2-app .stocksRecentTransactionsModule .label {
    font-weight: 600; }
  .f2-app .stocksRecentTransactionsModule .label,
  .f2-app .stocksRecentTransactionsModule .activitySummary {
    color: black !important; }
  .mobile .f2-app .fixedContainer {
    width: 350px; }
    .mobile .f2-app .fixedContainer .dataContainer {
      width: 88% !important; }
  .mobile .f2-app .smartTextAndSectors {
    width: 100% !important; }
  .mobile .f2-app .advancersDeclinersModule .content div.issueContainer,
  .mobile .f2-app .advancersDeclinersModule .content div.trendContainer {
    width: 100%; }
  .mobile .f2-app .todaysEventsModule {
    width: calc(100% - 20px); }
    .mobile .f2-app .todaysEventsModule .icon-calendar {
      margin-top: 0 !important; }
  .f2-app.com_pershing_netx_markets_symbolsearch_large {
    background-color: white;
    margin: 10px 0; }
    @media screen and (min-resolution: 125dpi) {
      .desktop .f2-app.com_pershing_netx_markets_symbolsearch_large {
        margin: 10px; } }
  .f2-app section.f2-app {
    margin-bottom: 0; }
    .f2-app section.f2-app .symbolSearchModule {
      background-color: white; }

section.f2-app #PageSettingsReload .btn-link.refreshSwitch {
  padding: 0 !important; }
  section.f2-app #PageSettingsReload .btn-link.refreshSwitch .icon-refresh {
    color: #120237 !important; }

.reloadSwitch .asofdate.muted {
  color: #0126A4 !important;
  float: right;
  font-size: 1.6rem !important;
  text-transform: capitalize; }

.screenerOverviewModule .overview .examples h3 {
  padding: 8px 0; }

.mobile .stocksEarningsModule .annualEarningsChart, .mobile
.stocksEarningsModule .quarterlyEarnings, .mobile
.stocksEarningsModule .earningsExplanation, .mobile
.stocksEarningsModule .marketGrowthCompare {
  width: 100% !important; }

.interactiveChartModule .panelContainer .toolbar .overlays .overlayKey a.glyphicon {
  color: #ffffff !important; }

#investtools .fw-TertiaryNavigation_DesktopContainer,
#markets .fw-TertiaryNavigation_DesktopContainer {
  background-color: white; }
  .desktop #investtools .fw-TertiaryNavigation_DesktopContainer, .desktop
  #markets .fw-TertiaryNavigation_DesktopContainer {
    margin: -12px 0 0;
    padding-left: 35px; }
    @media screen and (min-resolution: 125dpi) {
      .desktop #investtools .fw-TertiaryNavigation_DesktopContainer, .desktop
      #markets .fw-TertiaryNavigation_DesktopContainer {
        margin: -12px 10px 0; } }
  .tablet #investtools .fw-TertiaryNavigation_DesktopContainer, .tablet
  #markets .fw-TertiaryNavigation_DesktopContainer {
    margin: -12px 0 0;
    padding-left: 35px; }

#investtools .fw-TertiaryNavigation-desktop,
#markets .fw-TertiaryNavigation-desktop {
  background-color: white; }
  .desktop #investtools .fw-TertiaryNavigation-desktop, .desktop
  #markets .fw-TertiaryNavigation-desktop {
    margin: -12px 0 0;
    padding-left: 35px; }
    @media screen and (min-resolution: 125dpi) {
      .desktop #investtools .fw-TertiaryNavigation-desktop, .desktop
      #markets .fw-TertiaryNavigation-desktop {
        margin: -12px 10px 0; } }
  .tablet #investtools .fw-TertiaryNavigation-desktop, .tablet
  #markets .fw-TertiaryNavigation-desktop {
    margin: -12px 0 0;
    padding-left: 35px; }

#investtools .fw-TertiaryNavigation_Header,
#markets .fw-TertiaryNavigation_Header {
  display: none; }

#investtools .fw-TertiaryNavigation_List li.selected,
#markets .fw-TertiaryNavigation_List li.selected {
  border-bottom: 3px solid white;
  border-radius: 3px; }

#etf .fw-TertiaryNavigation,
#mutualfunds .fw-TertiaryNavigation,
#stocks .fw-TertiaryNavigation {
  background-color: white; }
  .desktop #etf .fw-TertiaryNavigation, .desktop
  #mutualfunds .fw-TertiaryNavigation, .desktop
  #stocks .fw-TertiaryNavigation {
    margin: 0;
    padding-top: 10px;
    padding-left: 35px; }
    @media screen and (min-resolution: 125dpi) {
      .desktop #etf .fw-TertiaryNavigation, .desktop
      #mutualfunds .fw-TertiaryNavigation, .desktop
      #stocks .fw-TertiaryNavigation {
        margin: -12px 10px 0; } }
  .tablet #etf .fw-TertiaryNavigation, .tablet
  #mutualfunds .fw-TertiaryNavigation, .tablet
  #stocks .fw-TertiaryNavigation {
    margin: -12px 0 0;
    padding-left: 35px; }
  #etf .fw-TertiaryNavigation_Header,
  #mutualfunds .fw-TertiaryNavigation_Header,
  #stocks .fw-TertiaryNavigation_Header {
    display: none; }
  #etf .fw-TertiaryNavigation_List li.selected,
  #mutualfunds .fw-TertiaryNavigation_List li.selected,
  #stocks .fw-TertiaryNavigation_List li.selected {
    border-bottom: 3px solid white;
    border-radius: 3px; }

#overviewnews {
  background-color: white;
  margin: 0 10px; }

#alertssettings,
#eventscalendar,
#multiquotecompare,
#mywatchlists,
#news,
#overviewmod,
#overviewnews,
#sectorindusperformance,
#securitiesalerts,
#overview {
  padding-top: 20px; }

#usmarkets {
  background-color: white;
  border: none; }

#WatchlistModule .subheader {
  background-color: white; }

#WatchlistModule .content.contain thead tr {
  border-bottom: 1px solid #e0e0e0; }

.toolsIndustryExpertsResearchModule ul,
.toolsIndustryExpertsResearchModule .stockFocusContainer .newsContent {
  border-bottom: 1px solid #e0e0e0; }

.eventList .table tr:not(:last-child) td {
  border-bottom: 0; }

.eventList.economics .table td {
  border-bottom: 0; }

.eventList.economics .table tr:nth-child(3) td {
  border-bottom: 1px solid #e0e0e0; }

.flushSides.table tr:not(:last-child) td,
.rankingBarTable.table tr:not(:last-child) td {
  border-bottom: 0; }

.flushSides.table thead tr th,
.rankingBarTable.table thead tr th {
  border-bottom: 1px solid #e0e0e0;
  color: black;
  font-weight: 500; }

.f2DialogContainer {
  border: 2px solid #878787;
  background-color: white; }
  .f2DialogContainer .dijitDialogTitleBar {
    background-color: #000000;
    color: white;
    padding: 9px 15px;
    border-bottom: 1px solid #eeeeee; }
    .f2DialogContainer .dijitDialogTitleBar .dijitDialogTitle {
      font-size: 20px;
      font-weight: 400; }
    .f2DialogContainer .dijitDialogTitleBar .dijitDialogCloseIcon .closeText {
      cursor: pointer;
      width: auto;
      height: 22px;
      float: right;
      font-size: 20px;
      font-weight: bold; }
  .f2DialogContainer .dijitDialogPaneContent .container-fluid {
    padding: 0px; }
    .f2DialogContainer .dijitDialogPaneContent .container-fluid .alertsSubscriptionModule .quoteBar {
      border-top: 2px solid #878787;
      background-color: white; }

screener-navigation .portlet-boundary_netxinvestorf2ScreenerNavigation_WAR_f2portlets_.screenerSelector .contain > li {
  display: inline-block;
  margin-right: 75px; }

screener-navigation .icon-arrow-right::before {
  font-family: "Font Awesome 5 Pro";
  font-weight: 700;
  content: "\f061"; }

.ui-datepicker .ui-datepicker-title {
  font-family: Roboto; }

.ws-Image {
  object-fit: fill;
  object-fit: cover;
  object-position: left;
  opacity: 1; }
  .ws-Image-tablet, .ws-Image-mobile {
    object-fit: cover;
    object-position: left;
    opacity: 1; }

.ws-Register {
  padding-bottom: 20px; }
  .ws-RegisterLink, .ws-RegisterText, .ws-Register_Link, .ws-Register_Text {
    font-size: 2rem; }
  .ws-Register_Text {
    font-weight: 400; }
  .ws-Register_Link {
    font-weight: 700; }

.ws-Button {
  width: 150px; }

.ws-WelcomeText {
  padding: 24px;
  margin-left: 50px;
  top: 140px !important;
  top: 160px; }
  .ws-WelcomeText .cms-title {
    width: 500px;
    margin: 0px !important; }
  .ws-WelcomeText h2 {
    color: #ffffff;
    font-family: "Roboto" !important;
    font-size: 6rem !important;
    font-weight: 400 !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    margin-top: 0; }
  .ws-WelcomeText .cms-body {
    color: #ffffff;
    margin-left: 0px !important; }
  .ws-WelcomeText p {
    color: black;
    line-height: 18px;
    line-height: 122%;
    font-size: 1.8rem; }

@media (orientation: portrait) {
  .mobile .ws-WelcomeText {
    padding: 10px;
    margin-left: 10px !important;
    top: 70px !important;
    width: 80vw !important;
    text-align: center;
    background-color: none; } }

.trd-UserAgreement_Dialog {
  width: 70%; }
  .trd-UserAgreement_Dialog .mat-dialog-content,
  .trd-UserAgreement_Dialog .mat-dialog-content p {
    font-size: 1.1rem; }
  .trd-UserAgreement_Dialog .mat-dialog-title {
    border-bottom: 1px solid #999999; }
    .trd-UserAgreement_Dialog .mat-dialog-title h2 {
      font-size: 2rem; }
    .trd-UserAgreement_Dialog .mat-dialog-title .close .close-button {
      border: none; }
      .desktop .trd-UserAgreement_Dialog .mat-dialog-title .close .close-button,
      .tablet .trd-UserAgreement_Dialog .mat-dialog-title .close .close-button {
        float: right; }
  .trd-UserAgreement_Dialog .mat-dialog-actions .action-buttons-container {
    width: 100%;
    padding: 0; }
    .trd-UserAgreement_Dialog .mat-dialog-actions .action-buttons-container .action-buttons {
      display: flex;
      flex: 1;
      justify-content: center;
      align-items: center; }
    .trd-UserAgreement_Dialog .mat-dialog-actions .action-buttons-container .continue-button {
      margin-left: 8px; }

.wv-Summary {
  border-top: 2px solid #757575; }
  .wv-Summary_Table {
    border-top: 1px solid #bdbdbd;
    border-bottom: 1px solid #bdbdbd; }
  .wv-Summary-expanded {
    background-color: #edf9fe; }
  .wv-Summary_AsOfLabel {
    color: #ffffff;
    font-size: 2rem; }
  .wv-Summary_AsOfValue {
    color: #9e9e9e;
    font-size: 1.1rem; }
  .wv-Summary_RorLine {
    line-height: 48px; }
  .wv-Summary_RorLabel {
    color: #020006;
    font-size: 1.6rem; }
  .wv-Summary_RorValue {
    font-size: 2.2rem; }
  .wv-Summary_Summary-Icons {
    margin-top: -13px; }
  .wv-Summary_AccountNumber {
    color: #ffffff;
    font-size: 1.6rem; }
  .wv-Summary_HeaderLabel {
    color: #424242;
    font-size: 1.1rem; }
  .wv-Summary_Label {
    color: #9e9e9e;
    font-size: 1.1rem; }
  .wv-Summary_AccountGridData, .wv-Summary_NetContributionHeader {
    color: #020006; }

.wv-Performance {
  border-top: 2px solid #757575; }
  .wv-Performance_RorLine {
    line-height: 48px; }
  .wv-Performance_RorValue {
    font-size: 2.2rem; }

.wv-PerformanceOverview_Rows {
  border-top: 1px solid rgba(0, 0, 0, 0.3) !important; }

.wv-PerformanceOverview_ValueHeader {
  color: #666666;
  font-size: 1.1rem; }

.wv-PerformanceOverview_Name {
  font-size: 1.1rem; }

.wv-PerformanceOverview_Color, .wv-PerformanceOverview_Name, .wv-PerformanceOverview_Value {
  border-bottom: 1px solid rgba(0, 0, 0, 0.3) !important; }

.wv-HoldingsDetailsGrid_ReturnRed {
  background-color: #e02020 !important;
  height: 15px;
  float: right; }

.wv-HoldingsDetailsGrid_ReturnGreen {
  background-color: #4db34d !important;
  height: 15px;
  float: left; }

.wv-Composition_Summary {
  border-top: 2px solid #757575; }

.wv-Composition_Chart .highcharts-background {
  fill: transparent; }

.wv-Composition_Label {
  font-size: 1.1rem; }

.wv-Composition_Value {
  font-size: 2rem; }

.wv-Composition_AssetName {
  color: #757575; }

.wv-Composition_ReturnLabel {
  font-size: 1.6rem; }

.wv-Composition_AssetPercent {
  font-size: 1.2rem;
  color: #757575; }

.wv-CompositionHoldings {
  background-color: #edf9fe;
  border-top: 2px solid #757575; }

.wv-Cancel_Dialog .mat-dialog-title h2, .wv-UserAgreement_Dialog .mat-dialog-title h2 {
  line-height: 22px; }

.wv-Cancel_Dialog .mat-dialog-actions .mat-raised-button {
  margin-left: 0; }

td.wv-HoldingsDetailsGrid_ReturnRedWrapper {
  padding: 0 !important;
  width: 4%;
  border-right: 1px solid rgba(0, 0, 0, 0.3) !important; }

td.wv-HoldingsDetailsGrid_ReturnGreenWrapper {
  padding: 0 !important;
  width: 4%;
  border-left: 1px solid rgba(0, 0, 0, 0.3) !important; }

.page-digital-advise-splash .fw-Header_OpenAccount,
.page-digital-advise-mixin .fw-Header_OpenAccount,
.page-registration-check-status .fw-Header_OpenAccount {
  visibility: hidden; }

.awr-Promo_Category h2 {
  font-weight: 700;
  font-size: 2.2rem; }

.awr-Promo_PrimaryContainer .mat-card .main-title {
  font-family: "Times New Roman", Times, serif;
  font-weight: 700;
  color: #F9550C; }

.awr-Promo_PrimaryContainer .mat-card.large-container .main-title {
  font-size: 142px;
  line-height: 163px; }

.awr-Promo_PrimaryContainer .mat-card.medium-container .main-title {
  font-size: 100px;
  line-height: 118px; }

.awr-Promo_PrimaryContainer .mat-card.small-container .main-title {
  font-size: 62px;
  line-height: 56px; }

.awr-Promo_SecondaryContainer.large-container p, .awr-Promo_SecondaryContainer.medium-container p {
  font-size: 1.8rem; }

.awr-Promo_SecondaryContainer.small-container p {
  font-size: 1.6rem; }

.awr-Promo_PrimaryText.large-container {
  font-size: 30px;
  line-height: 35px; }

.awr-Promo_PrimaryText.medium-container, .awr-Promo_PrimaryText.small-container {
  font-size: 22px;
  line-height: 25px; }

.awr-Promo_Actions .fa-arrow-right {
  font-size: 1.4rem; }

.tax-TaxBlock {
  margin-top: 10px; }

.tax-TurboBlock, .tax-HrBlock {
  margin-top: 30px; }
  .tax-TurboBlock .text-info, .tax-HrBlock .text-info {
    font-size: 1.6rem;
    font-weight: 600; }

.mobile .ds-Currency td {
  font-size: 1.6rem; }

.mobile .ao-AccountTypes .showAcctTypeDescr.glyphicon-2x.icon-chevron-down, .mobile .ao-AccountTypes .showAcctTypeDescr.glyphicon-2x.icon-chevron-up {
  background-color: inherit;
  color: #3474ab; }

/*--------- Message center top border-------*/
.desktop.page-allcommunications .thirdLevelNav {
  margin-top: 1px !important;
  border-top: 2px solid #120237;
  border-top: 2px solid #70bbff; }

.fii_Title {
  font-weight: 500; }

.st-SummaryTile_TotalTile {
  fill: #FFFFFF;
  stroke: #FFFFFF; }

.hld-ModernGrid_Security {
  font-weight: 700 !important; }
  .hld-ModernGrid_Security-description {
    font-weight: 400;
    color: #999999; }

.hld-ModernGrid_Accounts-dropdown {
  color: #120237;
  font-size: 1.6rem;
  font-weight: 700; }

.hld-ModernGrid_Accounts-heldfield {
  font-size: 1.6rem;
  color: #666666; }

.hld-ModernGrid_Accounts-heldvalue {
  font-size: 2.4rem; }

.hld-ModernGrid_Accounts-field {
  font-size: 1.2rem;
  color: #666666; }

.hld-ModernGrid_Accounts-value {
  color: black;
  line-height: 22px;
  margin-top: 8px;
  font-size: 1.4rem; }

.hld-ModernGrid_Accounts-color {
  background-color: #f2fbfe !important; }

.hld-ModernGrid_Accounts-detailtile {
  border-bottom: 1px solid white; }

.hld-ModernGrid_Accounts-disclosure p {
  font-size: 1.4rem; }

.hld-ModernGrid_Accounts-stock .highcharts-button-normal .highcharts-button-box {
  fill: #f2fbff; }

.hld-ModernGrid_Accounts-stock .highcharts-button-pressed .highcharts-button-box {
  fill: #0f022f;
  height: 25px; }

.hld-ModernGrid_Accounts-divreinvestment .mat-select-value {
  color: #120237;
  font-size: 1.6rem !important;
  font-weight: 700; }

.hld-ModernGrid_Accounts-accounttype .ag-center-cols-container .ag-row-level-0 {
  background-color: #f2fbfe !important; }

.hld-ModernGrid_TaxLot-headersecurity {
  font-size: 2rem;
  font-weight: 700;
  color: #120237; }

.hld-ModernGrid_TaxLot-headerdescription {
  font-size: 1.2rem;
  color: #666666; }

.hld-ModernGrid_TaxLot-detail-table {
  border-top: none !important;
  padding: 10px;
  white-space: normal; }

.hld-ModernGrid_TaxLot-panelheader {
  font-size: 1.6rem;
  font-weight: 700; }

.hld-ModernGrid_Trades-header {
  font-size: 1.8rem;
  line-height: 18px; }

.hld-ModernGrid_Trades-desc {
  font-size: 1.2rem;
  line-height: 18px; }

.hld-ModernGrid_Trades-labels {
  font-size: 1.4rem;
  line-height: 30px; }

.hld-ModernGrid_Annuity-detailtable {
  padding: 8px;
  border-top: 1px solid #e0e0e0; }

.mobile .hld-ModernGrid_Accounts-detailline {
  line-height: 22px;
  font-size: 1.6rem; }

.tablet .hld-ModernGrid_Security {
  font-size: 1.6rem; }
  .tablet .hld-ModernGrid_Security-description {
    font-size: 1.2rem; }

.ovr-Accounts .ag-header-cell-label .ag-header-cell-text {
  line-height: 16px; }

.ovr-Accounts_MarketValue, .ovr-Accounts_GainLoss {
  font-size: 1.6rem;
  line-height: 24px; }

.ovr-Accounts_Nickname {
  font-weight: 700;
  font-size: 1.6rem;
  line-height: 22px; }

.ovr-Balances_Summary {
  background-color: #ffffff;
  padding-left: 10px;
  padding-top: 15px;
  padding-bottom: 57px; }
  .ovr-Balances_Summary dl:first-child {
    margin-top: 0; }
  @media (orientation: portrait) {
    .mobile .ovr-Balances_Summary {
      background-color: transparent !important;
      padding-bottom: 20px;
      padding-left: 0;
      margin-left: 5px;
      margin-top: -15px; } }
  @media (orientation: portrait) {
    .mobile .ovr-Balances_Summary .ngu-touch-container,
    .tablet .ovr-Balances_Summary .ngu-touch-container {
      border: 1px solid #dddddd;
      border-radius: 8px;
      background-color: white; }
    .mobile .ovr-Balances_Summary .ovr-BalancesCarousel_Content,
    .tablet .ovr-Balances_Summary .ovr-BalancesCarousel_Content {
      border-radius: 8px;
      padding-top: 10px; } }
  @media (orientation: portrait) {
    .tablet .ovr-Balances_Summary {
      padding-bottom: 15px;
      margin-right: 0;
      padding-right: 0; }
      .tablet .ovr-Balances_Summary .ngu-touch-container {
        border: 1px solid #dddddd;
        border-radius: 8px;
        margin-right: 6px; } }
  .ovr-Balances_Summary .far.fa-info-circle {
    color: #120237;
    font-size: 1.4rem;
    margin-left: 5px; }
  .ovr-Balances_Summary .fa.fa-arrow-up {
    font-family: 'Font Awesome 5 Pro'; }

.ovr-Balances_Dot {
  background: rgba(0, 0, 0, 0.15); }
  .ovr-Balances_Dot.active {
    background-color: #17acd9; }

.ovr-Balances-Carousel {
  border-bottom: 1px solid rgba(0, 0, 0, 0.15);
  border-top: 1px solid rgba(0, 0, 0, 0.15); }
  @media (orientation: portrait) {
    .mobile .ovr-Balances-Carousel {
      background-color: #ffffff !important; } }

.ovr-Balances_Tottxt {
  width: auto;
  height: 32px;
  font-size: 1.8rem;
  font-weight: normal;
  text-transform: capitalize;
  text-align: left;
  color: black;
  line-height: 32px; }
  .tablet .ovr-Balances_Tottxt {
    font-size: 2rem;
    padding-left: 10px;
    font-style: normal; }
  .mobile .ovr-Balances_Tottxt {
    font-size: 2rem;
    padding-left: 10px;
    font-weight: 700; }

.ovr-Balances_Totvalue {
  font-size: 2.4rem;
  margin-top: 47px;
  font-style: normal;
  font-weight: 700;
  line-height: 46px;
  letter-spacing: 0px;
  text-align: left;
  color: black; }
  .mobile .ovr-Balances_Totvalue {
    font-size: 2.4rem;
    padding-left: 10px;
    float: left; }
    @media (orientation: portrait) {
      .mobile .ovr-Balances_Totvalue {
        margin-top: 0; } }
    @media (orientation: landscape) {
      .mobile .ovr-Balances_Totvalue {
        margin-top: 0; } }
  .tablet .ovr-Balances_Totvalue {
    font-size: 2rem;
    padding-left: 10px;
    float: left; }
    @media (orientation: portrait) {
      .tablet .ovr-Balances_Totvalue {
        margin-top: 0; } }
    @media (orientation: landscape) {
      .tablet .ovr-Balances_Totvalue {
        margin-top: 0; } }

.ovr-Balances_Border {
  border-right: 1px solid rgba(0, 0, 0, 0.15);
  height: 60px;
  margin-top: 15px; }

.ovr-Balances_Today, .ovr-Balances_Ugltxt, .ovr-Balances_AvailCash, .ovr-Balances_AvailToTrade {
  font-weight: normal;
  color: #666666;
  font-size: 1.2rem;
  line-height: 22px; }

.ovr-Balances_Uglvalue, .ovr-Balances_Todayvalue, .ovr-Balances_AvailCashVal, .ovr-Balances_AvailTrdeValue {
  font-size: 2rem;
  font-weight: 400;
  line-height: 28px;
  letter-spacing: 0;
  text-align: left; }

.ovr-Balances_AvailableCash, .ovr-Balances_AvailToTrade {
  margin-top: 10px; }
  @media (orientation: landscape) {
    .mobile .ovr-Balances_AvailableCash dt, .mobile .ovr-Balances_AvailToTrade dt {
      margin-top: 0; } }

.ovr-Account_Header {
  font-weight: 400; }

.ovr-Account_LongMktVal, .ovr-Account_LongPercent {
  font-size: 1.2rem; }

.ovr-Account_LongMktVal + span:not(.positive):not(.negative) {
  font-size: 1.2rem; }

.ovr-Account_LongPercent {
  padding-left: 8px; }

.ovr-Account_Invstlabel, .ovr-Account_MktValText, .ovr-Account_Liaheader, .ovr-Account_Liabamount {
  font-size: 1.4rem;
  font-weight: 700;
  line-height: 22px; }

.ovr-Account_Nickname, .ovr-Account_Mortnickname {
  font-size: 1.6rem;
  font-weight: 400;
  line-height: 22px;
  color: #120237; }

.ovr-Account_MaskAccno {
  font-size: 1.2rem;
  font-weight: 400;
  line-height: 22px;
  color: #666666; }

.ovr-Account_MktValue, .ovr-Account_Longmktvalue, .ovr-Account_Mortamt {
  font-size: 1.6rem;
  font-weight: 400; }

.ovr-Account_Accbaltxt {
  color: #3172dc !important;
  font-size: 14px;
  line-height: 22px !important;
  font-weight: 700; }

.ovr-Account_Accbal {
  text-align: center; }

.ovr-Account_Accopenbtn {
  margin-top: 20px;
  text-align: center; }
  .ovr-Account_Accopenbtn .mat-stroked-button {
    border-radius: 40px !important;
    padding: 0 30px;
    font-weight: 700;
    font-size: 1.6rem; }

.ovr-Account_AccopenbtnDesktop {
  margin-top: 8px; }
  .ovr-Account_AccopenbtnDesktop .mat-stroked-button {
    font-size: 1.2rem;
    font-weight: 700; }

.ovr-Account_InvstlabelDesktop, .ovr-Account__MktValueDesktopRow, .ovr-Account_NicknameDesktop, .ovr-Account_MktValueDesktop {
  font-size: 14px;
  font-weight: 400; }

.ovr-Account_MaskedAccount {
  display: inline-block;
  width: 85px; }

.ovr-Account_NicknameDesktop {
  font-weight: 700;
  line-height: 22px;
  color: #120237; }

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

.ovr-Account_GainLossChangePercentage {
  font-size: 12px;
  font-weight: 400; }

.ovr-Account_Invest, .ovr-Account_Mortage {
  margin-top: 20px; }

.ovr-History_Header {
  color: #000000; }

.ovr-History_Date, .ovr-History_MarketVal, .ovr-History_Description, .ovr-History_Symbol {
  font-size: 1.4rem;
  color: #000000; }
  .ovr-History_Date .anchor, .ovr-History_MarketVal .anchor, .ovr-History_Description .anchor, .ovr-History_Symbol .anchor {
    color: #120237;
    font-weight: 700;
    cursor: pointer; }

.ovr-History_MarketVal {
  text-align: right; }

.ovr-History_ArrowPosLeft {
  top: 84px;
  position: absolute;
  cursor: pointer;
  background: #000000;
  opacity: 30%;
  height: 83px;
  width: 41px;
  border-bottom-right-radius: 131px;
  border-top-right-radius: 131px; }
  .ovr-History_ArrowPosLeft .fa-chevron-left {
    padding-top: 34px;
    padding-left: 16px;
    color: #ffffff;
    cursor: pointer; }

.ovr-History_ArrowPosRight {
  top: 84px;
  right: 0;
  position: absolute;
  cursor: pointer;
  background: #000000;
  opacity: 30%;
  height: 83px;
  width: 41px;
  border-bottom-left-radius: 131px;
  border-top-left-radius: 131px; }
  .ovr-History_ArrowPosRight .fa-chevron-right {
    padding-top: 34px;
    padding-left: 16px;
    color: #ffffff;
    cursor: pointer; }

.ovr-History_Description {
  padding-left: 2%; }

.ovr-History_Container button {
  font-size: 1.4rem;
  font-weight: 700;
  line-height: 22px;
  letter-spacing: 0;
  text-align: center; }

.ovr-History_Container .table th,
.ovr-History_Container .table td {
  border: none;
  padding-top: 15px;
  padding-bottom: 14px; }

.ovr-History_Container .table#Histroy-Table tr:first-child > td {
  border-top: none !important; }

.ovr-History_Container #Histroy-Table tr {
  overflow: hidden;
  height: 50px;
  white-space: nowrap;
  vertical-align: center;
  border: none;
  border-left: none;
  border-right: none; }

.ovr-History_Container .text-center {
  text-align: center !important; }

.ovr-History_CarouselContent {
  height: 295px; }

.ovr-History_DotContainer {
  margin: 5px;
  padding-left: 0;
  position: relative;
  top: -45px;
  text-align: center; }

.ovr-Gainlose_Dot {
  background: rgba(0, 0, 0, 0.15); }
  .ovr-Gainlose_Dot.active {
    background-color: #120237; }

.ovr-Gainlose_Container .table th,
.ovr-Gainlose_Container .table td {
  border: none !important; }

.ovr-Gainlose_Container .table#ContainerStrongStockTable tr:first-child > td {
  border-top: none !important; }

.ovr-Gainlose_Container .table tr {
  height: 50px; }

.ovr-Gainlose_Title {
  font-weight: normal; }

.ovr-Gainlose_Symbol {
  font-size: 1.4rem;
  cursor: pointer; }

.ovr-Gainlose_MarketVal {
  font-size: 1.6rem; }

.ovr-Gainlose_ChangePos, .ovr-Gainlose_PercentagePos {
  font-size: 1.2rem;
  line-height: 22px; }

.ovr-Gainlose_ChangePos, .ovr-Gainlose_ChangeNeg {
  font-weight: 400; }

.ovr-Gainlose_PercentagePos, .ovr-Gainlose_PercentageNeg {
  padding-left: 12px; }

.ovr-Gainlose_ChangeNeg, .ovr-Gainlose_PercentageNeg {
  font-size: 1.2rem;
  line-height: 22px; }

.ovr-Gainlose_Column {
  box-sizing: border-box;
  float: left;
  width: 50%;
  padding: 10px;
  height: 92px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.15); }

.ovr-Gainlose_Row:after {
  box-sizing: border-box;
  content: "";
  display: table;
  clear: both; }

.ovr-Gainlose_Arrow {
  margin-top: -40px;
  background-color: none;
  cursor: pointer;
  padding-top: 48px;
  position: relative;
  text-align: center;
  width: 40px; }

.ovr-Gainlose_Viewallhld {
  cursor: pointer;
  text-align: center;
  color: #3172dc;
  font-size: 1.4rem;
  padding-bottom: 0 !important; }
  .ovr-Gainlose_Viewallhld button {
    font-size: 1.4rem;
    font-weight: 700;
    line-height: 22px;
    letter-spacing: 0;
    margin-bottom: 8px !important;
    text-align: center; }

.ovr-Gainlose_Content {
  flex: 1 0 100%; }

.ovr-Asset_Viewallhld {
  height: 30px;
  padding: 15px 10px !important;
  font-size: 1.4rem;
  color: #3172dc;
  text-align: center; }
  .ovr-Asset_Viewallhld a {
    text-decoration: none; }
  .ovr-Asset_Viewallhld button {
    font-size: 1.4rem;
    font-weight: 700;
    line-height: 22px;
    letter-spacing: 0;
    text-align: center; }

.ovr-Asset_Content {
  width: 11%; }

.ovr-Asset_Title {
  line-height: 28px; }

.ovr-Asset_ChartTitle, .ovr-Asset_Percentage {
  font-size: 1.4rem;
  font-weight: 400;
  line-height: 22px; }

.ovr-Asset_ChartContainer .table#ovr-Asset th,
.ovr-Asset_ChartContainer .table#ovr-Asset td {
  border: none !important;
  padding: 2px;
  vertical-align: inherit; }

.ovr-Asset_ChartContainer .table#ovr-Asset_Other th,
.ovr-Asset_ChartContainer .table#ovr-Asset_Other td {
  border: none !important;
  padding: 2px;
  vertical-align: inherit; }

.ovr-Asset_ChartIdx {
  margin-bottom: 0; }

.ovr-RecentOrders_Content {
  padding-top: 17px;
  font-size: 1.4rem;
  font-style: normal;
  font-weight: 400;
  line-height: 22px; }

.ovr-RecentOrders_Symbol, .ovr-RecentOrders_Footer, .ovr-RecentOrders_Status {
  color: #3172dc; }

.ovr-RecentOrders_Footer {
  text-align: center;
  padding-top: 15;
  padding-bottom: 26px; }

.ovr-Modnews_Title {
  line-height: 28px; }

.ovr-Modnews_Symbol {
  color: #120237;
  font-size: 2rem !important; }

.ovr-Modnews_Description {
  font-size: 1.2rem;
  font-weight: 700;
  line-height: 15px; }

.ovr-Modnews_CompanyName, .ovr-Modnews_ViewAllnews {
  line-height: 28px;
  color: #120237;
  font-size: 1.4rem;
  cursor: pointer; }

.ovr-Modnews_Teaser, .ovr-Modnews_Date {
  font-size: 1.4rem;
  font-weight: normal;
  color: black; }

.ovr-Modnews_Date {
  color: #999999; }

.ovr-Modnews_ViewAllnews {
  text-align: center; }
  .ovr-Modnews_ViewAllnews button {
    font-size: 1.4rem;
    font-weight: 700;
    line-height: 22px;
    letter-spacing: 0;
    text-align: center; }

.ovr-Modnews_Image {
  height: 76px;
  width: 75px;
  padding-top: 15px;
  border: none;
  display: block;
  text-align: center; }

.ovr-Modnews_Content {
  flex: 1 0 100%; }
  .ovr-Modnews_Content .table#MonewsTable th, .ovr-Modnews_Content .table#MonewsTable td {
    border-top: none !important; }

.ovr-Goals_Image {
  width: 54px;
  height: 64px;
  padding-top: 15px;
  border: none;
  display: block;
  background-position: 50% 0px;
  margin: 0 auto; }

.ovr-Goals_Upload {
  border: 2px dotted #3172dc;
  width: 100%;
  height: 133px;
  padding: 5px;
  padding-top: 51px;
  text-align: center; }

.ovr-Goals_Account {
  display: flex;
  flex-direction: column;
  margin: 15px 0;
  align-items: flex-start; }

.ovr-Goals_PictureSelect {
  border-radius: 4px;
  display: inline-block;
  line-height: 1.5em;
  padding: 5px;
  margin: 0;
  height: 15px;
  padding-bottom: 10px; }

.ovr-Goals_BrowseLabel {
  color: #3172dc; }

.ovr-Goals_FileUpload {
  padding: 5px 10px;
  position: relative;
  border-radius: 2px;
  text-align: center;
  border: 2px dotted #3172dc;
  width: auto;
  height: 133px; }

.ovr-Goals_HideFileUpload {
  position: relative;
  z-index: 1000;
  opacity: 0;
  cursor: pointer;
  right: 0;
  top: 0;
  height: 100%;
  font-size: 24px;
  width: 100%; }

.ovr-Goals_Actionbtn {
  text-align: right; }

.ovr-Goals_Footer {
  border-top: 1px solid #bdbdbd; }

.ovr-Goals_Label {
  color: #585959;
  font-size: 1.4rem;
  font-weight: 400; }

.ovr-Goals_CarouselContent {
  flex: 1 0 33%; }
  .tablet .ovr-Goals_CarouselContent {
    flex: 1 0 50%; }
  @media (orientation: portrait) {
    .mobile .ovr-Goals_CarouselContent {
      flex: 1 0 98%; } }

.ovr-Goals_ImageContent, .ovr-Goals_ImagePlusContent {
  height: 422px;
  background-color: #F6F9FF; }
  .ovr-Goals_ImageContent .mat-card-image, .ovr-Goals_ImagePlusContent .mat-card-image {
    border-top-left-radius: 10px !important;
    border-top-right-radius: 10px  !important; }
  .ovr-Goals_ImageContent .mat-progress-bar, .ovr-Goals_ImagePlusContent .mat-progress-bar {
    height: 12px;
    border-radius: 5px; }
  .ovr-Goals_ImageContent .mat-progress-bar.mat-accent .mat-progress-bar-buffer, .ovr-Goals_ImagePlusContent .mat-progress-bar.mat-accent .mat-progress-bar-buffer {
    background-color: #D9D9D9; }
  .ovr-Goals_ImageContent .completed-progress .mat-progress-bar-fill::after, .ovr-Goals_ImagePlusContent .completed-progress .mat-progress-bar-fill::after {
    background-color: #00ba31; }
  .ovr-Goals_ImageContent .incompleted-progress .mat-progress-bar-fill::after, .ovr-Goals_ImagePlusContent .incompleted-progress .mat-progress-bar-fill::after {
    background-color: #00485E; }
  .ovr-Goals_ImageContent .fa-plus-circle, .ovr-Goals_ImagePlusContent .fa-plus-circle {
    cursor: pointer; }
  .ovr-Goals_ImageContent .fad.fa-plus-circle:after, .ovr-Goals_ImagePlusContent .fad.fa-plus-circle:after {
    color: rgba(18, 2, 55, 0.3); }

.ovr-Goals_ImageContent h1 {
  font-size: 2.8rem;
  line-height: 33px; }

.ovr-Goals_ImageContent h3 {
  line-height: 22px; }

.ovr-Goals_ImageContent .fad.fa-check-circle:after {
  opacity: 1 !important; }

.ovr-Goals_ImageContent .fa-check-circle:before {
  color: #00ba31 !important; }

.ovr-Goals_GoalTitle {
  font-size: 2.8rem;
  font-weight: 400;
  line-height: 33px; }

.ovr-Goals_Subtitle {
  color: black !important;
  font-size: 1.6rem;
  line-height: 18px; }

.ovr-Goals_Content {
  color: black !important;
  line-height: 22px; }
  .ovr-Goals_Content .mat-card-subtitle {
    color: black !important; }

.ovr-Goals_EditGoal {
  justify-content: right !important; }
  .ovr-Goals_EditGoal button {
    background-color: white !important;
    font-weight: 700; }

.ovr-Goals_ContentIcon {
  background-color: #F6F9FF; }

.ovr-Goals_CompletedGoal {
  color: #ffffff !important;
  position: relative;
  top: -67px;
  font-size: 35px; }

.ovr-GoalDialog {
  overflow: auto;
  min-height: auto !important;
  padding: 1px !important;
  box-shadow: 0px 0px 28px 1px black; }
  .ovr-GoalDialog .fa-times {
    cursor: pointer;
    margin: 1rem 0 0.8rem 0; }

.ovr-FundsTransfer_Request {
  font-size: 1.4rem; }
  .ovr-FundsTransfer_Request-period {
    font-weight: 700; }

.ovr-FundsTransfer_Message {
  font-size: 1.4rem; }

.ma-PerformanceReports_Divider {
  border-right: 1px solid rgba(0, 0, 0, 0.12); }

.ma-PerformanceReports_FormField .mat-form-field-flex {
  background: none !important; }

.ma-PerformanceReports_FormField .mat-select-placeholder {
  font-weight: 500;
  color: #1654b8; }

.ma-PerformanceReports_Option.mat-active {
  background: none !important; }

.ma-PerformanceReports_Icon {
  font-size: 1.4rem;
  color: #1654B8; }

.ma-ProgramDetail_LargeContainer .vertical-border {
  border-right: 1px solid rgba(0, 0, 0, 0.12); }

.ma-ManageAccountGrid .ag-details-row .ag-row {
  background-color: #f2fbfe; }

.his .mat-expansion-panel-header.mat-expanded {
  border-bottom: 1px solid rgba(0, 0, 0, 0.1); }

.his .mat-expansion-panel-header .mat-expansion-panel-header-title {
  font-size: 1.6rem; }

.his-HistoryFilter_MFSweeplabel .mat-slide-toggle-content {
  font-size: 1.6rem;
  line-height: 19px;
  white-space: normal; }

.his-HistoryFilter_Exchangelabel {
  text-decoration: none !important; }

.his-Summary_Disclaimer {
  font-size: 1.2rem;
  opacity: 0.7; }

.his-Detail .cell {
  white-space: normal; }

.his-Detail_LargeContainer .cell, .his-Detail_MediumContainer .cell {
  font-size: 1.6rem; }
  .his-Detail_LargeContainer .cell-head, .his-Detail_MediumContainer .cell-head {
    color: #666666; }
  .his-Detail_LargeContainer .cell-value, .his-Detail_MediumContainer .cell-value {
    font-weight: 500; }

.his-Detail_SmallContainer .cell-head {
  font-size: 1.4rem;
  color: #666666; }

.his-Detail_SmallContainer .cell-value {
  font-size: 1.6rem;
  font-weight: 500; }

.alrt-AlertCommon_Edit {
  color: #120237;
  cursor: pointer;
  font-size: 1.4rem;
  font-weight: bold; }
  .alrt-AlertCommon_Edit .fa-pencil::before {
    font-size: 1.2rem; }

.alrt-AlertCommon_Title {
  font-weight: 700;
  font-size: 2rem;
  line-height: 28px; }

.alrt .mat-expansion-panel.mat-expanded .mat-expansion-panel-header,
.alrt .mat-expansion-panel.mat-expanded .mat-expansion-panel-header.mat-expanded,
.alrt .mat-expansion-panel.mat-expanded .mat-expansion-panel-header.mat-expanded:focus,
.alrt .mat-expansion-panel.mat-expanded .mat-expansion-panel-header.mat-expanded:hover {
  background-color: #edf9fe;
  border-bottom: none !important; }

.alrt .mat-expansion-indicator::after {
  opacity: 0.5; }

.alrt .mat-expansion-panel.mat-expanded .mat-expansion-indicator::after {
  opacity: 1 !important; }

.alrt .mat-expansion-panel.mat-expanded .mat-expansion-panel-header-title {
  opacity: 1 !important; }

.alrt .mat-list-base .mat-subheader {
  font-weight: 400; }

.alrt .mat-slide-toggle-content {
  font-size: 1.4rem;
  line-height: 17px; }

.alrt .mat-expansion {
  font-size: 1.8rem;
  line-height: 21px; }
  .alrt .mat-expansion-panel {
    border: none !important;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1) !important; }
    .alrt .mat-expansion-panel-body {
      background-color: #f2fbfe; }
    .alrt .mat-expansion-panel-header .mat-expansion-panel-header-title {
      font-size: 1.6rem;
      font-weight: 400;
      opacity: 0.5; }

.alrt-AlertAgreement_AgreeCheckBox {
  font-size: 1.4rem; }

.alrt-AlertAgreement_Dialog .mat-dialog-actions {
  border-top: 1px solid rgba(0, 0, 0, 0.12); }

.alrt-AlertAgreement_Content {
  font-size: 1.6rem;
  line-height: 17px; }

.alrt-NotificationDisplay {
  background-color: #ffffff; }
  .alrt-NotificationDisplay.small-container {
    font-size: 1.4rem;
    line-height: 17px; }
  .alrt-NotificationDisplay_Cell-head {
    font-weight: 700; }
  .alrt-NotificationDisplay_Cell-value {
    opacity: 0.8; }

.alrt-NotificationEdit :not(:first-child).small-container {
  border-top: 1px solid rgba(0, 0, 0, 0.12); }

.alrt-NotificationEdit_Label {
  font-size: 1.4rem;
  line-height: 22px;
  color: #666666; }

.alrt-NotificationEdit_Harpoon {
  font-size: 1rem;
  color: #666666; }

.alrt-NotificationEdit_Divider {
  border-right: 1px solid #d8d8d8; }

.alrt-NotificationEdit_Verified {
  font-size: 1.4rem;
  line-height: 17px;
  color: rgba(0, 0, 0, 0.85); }
  .alrt-NotificationEdit_Verified .fa-check-circle:before {
    color: #4eb91d; }

.alrt-NotificationEdit_Delete {
  font-weight: 700;
  font-size: 1.4rem;
  line-height: 17px;
  color: #120237;
  cursor: pointer; }

.alrt-NotificationEdit_Phone .mat-form-field-flex {
  background: #E3F2FD !important; }

.alrt-NotificationEdit_AddMethod {
  font-weight: 500;
  font-size: 1.4rem;
  line-height: 16px;
  color: #120237;
  cursor: pointer; }
  .alrt-NotificationEdit_AddMethod .fa-plus-circle:before {
    font-size: 2rem; }

.alrt-NotificationEdit_Disclosure {
  font-size: 1rem;
  line-height: 12px;
  opacity: 0.5; }

.alrt-SubscriptionGrid_Description {
  line-height: 16px; }

.alrt-SubscriptionGrid_DigiContent {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap; }

.alrt-SubscriptionGrid .ag-row.ag-row-level-1 {
  background-color: transparent !important; }

.alrt-SubscriptionGrid .ag-row-hover {
  background-color: transparent !important; }

.alrt-SubscriptionGrid .ag-row.ag-row.ag-row-level-0.ag-row-group-expanded {
  background: transparent !important; }

.alrt-SubscriptionGrid .ag-group-value {
  font-weight: 700;
  font-size: 1.4rem;
  line-height: 22px;
  color: rgba(0, 0, 0, 0.85) !important;
  white-space: normal; }

.alrt-SubscriptionEdit_ExpandAll .mat-slide-toggle-content {
  font-size: 1.6rem;
  line-height: 18px; }

.alrt-SubscriptionEdit_Panel-group.small-container {
  border-bottom: 1px solid #e0e0e0; }
  .alrt-SubscriptionEdit_Panel-group.small-container:last-child {
    border-bottom: none; }

.alrt-SubscriptionEdit_SubTitle {
  opacity: 0.6; }

.alrt-SubscriptionEdit_WatchList, .alrt-SubscriptionEdit_PriceVolume {
  font-size: 1.4rem; }

.alrt-SubscriptionEdit_ErrorMessage {
  font-size: 1.4rem; }

.alrt-SubscriptionEdit_Dialog .mat-dialog-actions {
  border-top: 1px solid rgba(0, 0, 0, 0.12); }

.alrt-SubscriptionEdit .action-buttons {
  border-top: 1px solid rgba(0, 0, 0, 0.12); }

.alrt-DigitalSubscribe_DigiAuth {
  font-size: 1.4rem; }

.alrt-Setup_DigiNotificationTitle {
  font-weight: 700;
  opacity: 0.8;
  border-bottom: 1px solid rgba(0, 0, 0, 0.12); }
  .mobile .alrt-Setup_DigiNotificationTitle {
    border-bottom: none; }

.alrt-Setup .action-buttons {
  border-top: 1px solid rgba(0, 0, 0, 0.12); }

.da-Promo_Container.large-container .content-title, .da-Promo_Container.medium-container .content-title {
  font-size: 50px;
  font-weight: 500; }

.da-Promo_Container.large-container .content-description, .da-Promo_Container.medium-container .content-description {
  font-size: 18px;
  line-height: 21px; }

.da-Promo_Container.small-container .content-description {
  font-size: 16px;
  line-height: 19px; }

.da-Promo_Header {
  font-size: 16px;
  line-height: 19px;
  background-color: #F1F0F7; }

.da-Agreement_Title {
  font-size: 1.6rem;
  font-weight: 600; }

.da-Agreement_TextContent {
  font-size: 1.6rem; }

.da-Agreement_AgreeCheckBox {
  font-size: 1.4rem; }

.da-Agreement .action-buttons {
  border-top: 1px solid rgba(0, 0, 0, 0.12); }

.da-EnrollIdentity_Title {
  font-weight: 700; }

.da-EnrollIdentity_Title, .da-EnrollIdentity_Info {
  font-size: 1.6rem; }

.da-EnrollContainer .mat-card {
  box-shadow: 2px 2px 30px black !important; }

.da-EnrollContainer_MainTitle {
  font-size: 30px; }

.da-EnrollContainer_Steps {
  font-size: 12px;
  color: #666666; }

.da-EnrollContainer_SubTitle {
  font-size: 2rem;
  font-weight: 700; }

.da-EnrollContainer .mat-horizontal-stepper-header-container {
  max-width: 677px; }

.da-Request_Detail-label {
  font-size: 1.4rem;
  font-weight: 500; }

.da-Request_Detail-value {
  font-size: 1.4rem; }

.da-Request_SubInfo {
  background: rgba(0, 0, 0, 0.05); }

.da-Request_Title {
  font-size: 2rem;
  font-weight: 700; }

.da-Request_ConfirmMsg {
  font-size: 1.6rem;
  font-weight: 600; }

.da-Request_Checkbox {
  font-size: 1.6rem; }

.da-Request_Steps {
  font-size: 1.6rem;
  font-weight: 500; }

.da-Request_ApproveMsg {
  font-size: 1.6rem;
  font-weight: 600; }

.da-Container_Tooltip-icon {
  color: #120237;
  background: transparent; }

.da-Summary_MainTitle {
  font-size: 32px; }

/*--------- INTERSTITIAL PROMO _interstitial-promo.scss -------*/
.ip-ModernPromo {
  font-family: Roboto, "Helvetica Neue", sans-serif; }
  .ip-ModernPromo_PrimaryContainer {
    background-color: #FAFAFA; }
    .ip-ModernPromo_PrimaryContainer .promo-title {
      font-family: '"Times New Roman", proxima-nova-1, proxima-nova-2';
      color: #F9550D;
      font-style: italic;
      font-weight: 700; }
    .ip-ModernPromo_PrimaryContainer .promo-actions .mat-raised-button {
      font-family: Roboto, "Helvetica Neue", sans-serif; }
      .ip-ModernPromo_PrimaryContainer .promo-actions .mat-raised-button.mat-primary {
        background-color: #1654B8;
        font-weight: 700;
        line-height: 18.75px !important;
        border: none; }
        .ip-ModernPromo_PrimaryContainer .promo-actions .mat-raised-button.mat-primary :not(.small-button) {
          font-size: 1.6rem; }
        .ip-ModernPromo_PrimaryContainer .promo-actions .mat-raised-button.mat-primary:hover:not([disabled]) {
          background-color: #0f82f8;
          color: #ffffff; }
      .ip-ModernPromo_PrimaryContainer .promo-actions .mat-raised-button:focus:not([disabled]) {
        box-shadow: 0 0 2px 2px #2fdaff !important; }
    .ip-ModernPromo_PrimaryContainer .promo-actions a {
      color: #1654B8;
      font-size: 1.6rem;
      font-weight: 700; }
      .ip-ModernPromo_PrimaryContainer .promo-actions a:hover {
        color: #0f82f8; }
      .ip-ModernPromo_PrimaryContainer .promo-actions a:visited {
        font-weight: 500; }
      .ip-ModernPromo_PrimaryContainer .promo-actions a:focus-visible {
        outline: 2px solid #2fdaff; }
    .ip-ModernPromo_PrimaryContainer.large-container .promo-title {
      font-size: 65px; }
    .ip-ModernPromo_PrimaryContainer.medium-container .promo-title {
      font-size: 55px; }
    .ip-ModernPromo_PrimaryContainer.small-container .promo-title {
      font-size: 45px; }
  .ip-ModernPromo_Disclaimer {
    padding: 20px 15px;
    font-size: 22px;
    color: #000000; }
  .ip-ModernPromo_Description {
    font-size: 1.6rem;
    line-height: 24px;
    color: #000000; }

/*---- QuaterlyPerformance report ----*/
.per-Performance_Container.large-container .default-layout, .per-Performance_Container.medium-container .default-layout {
  display: grid;
  column-gap: 20px;
  row-gap: 15px; }
  .per-Performance_Container.large-container .default-layout.per-Performance_RptContainer, .per-Performance_Container.medium-container .default-layout.per-Performance_RptContainer {
    grid-template-columns: repeat(2, 1fr) !important; }

.per-Performance_Container.small-container .per-Performance_RptContainer {
  grid-template-columns: repeat(1, 1fr) !important; }

.per-Performance_Container.small-container .per-Performance_Image {
  background-size: cover;
  background-position: right;
  width: 100%;
  height: 287px;
  margin: 0; }

.per-Performance_Image {
  height: 362px;
  background-size: cover;
  background-position: right;
  width: calc(100% - 20px);
  margin: 0 0 0 10px; }

/*---- REUSABLE COMPONENTS ----*/
/*---- Application Icons -These brand logos are leveraged throughout the portals by different apps ----*/
.brandicon-advyzon {
  display: inline-block;
  position: relative;
  width: 48px;
  border: none;
  background-color: transparent;
  height: 48px;
  background-image: url("../../../../images/logos/brands/advyzon.svg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100%; }

.brandicon-blackdiamond {
  display: inline-block;
  position: relative;
  width: 48px;
  border: none;
  background-color: transparent;
  height: 48px;
  background-image: url("../../../../images/logos/brands/blackdiamond.svg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100%; }

.brandicon-blackrock {
  display: inline-block;
  position: relative;
  width: 48px;
  border: none;
  background-color: transparent;
  height: 48px;
  background-image: url("../../../../images/logos/brands/blackrock.svg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100%; }

.brandicon-bnymellon {
  display: inline-block;
  position: relative;
  width: 48px;
  border: none;
  background-color: transparent;
  height: 48px;
  background-image: url("../../../../images/logos/brands/bnymellon.svg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100%; }

.brandicon-capitalrock {
  display: inline-block;
  position: relative;
  width: 48px;
  border: none;
  background-color: transparent;
  height: 48px;
  background-image: url("../../../../images/logos/brands/capitalrock.svg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100%; }

.brandicon-davenport {
  display: inline-block;
  position: relative;
  width: 48px;
  border: none;
  background-color: transparent;
  height: 48px;
  background-image: url("../../../../images/logos/brands/davenport-48x48.png");
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100%; }

.brandicon-evestnet {
  display: inline-block;
  position: relative;
  width: 48px;
  border: none;
  background-color: transparent;
  height: 48px;
  background-image: url("../../../../images/logos/brands/evestnet.svg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100%; }

.brandicon-incomediscovery {
  display: inline-block;
  position: relative;
  width: 48px;
  border: none;
  background-color: transparent;
  height: 48px;
  background-image: url("../../../../images/logos/brands/incomediscovery.svg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100%; }

.brandicon-orion {
  display: inline-block;
  position: relative;
  width: 48px;
  border: none;
  background-color: transparent;
  height: 48px;
  background-image: url("../../../../images/logos/brands/orion.svg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100%; }

.brandicon-morningstar {
  display: inline-block;
  position: relative;
  width: 48px;
  border: none;
  background-color: transparent;
  height: 48px;
  background-image: url("../../../../images/logos/brands/morningstar.svg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100%; }

.brandicon-netx360desktop {
  display: inline-block;
  position: relative;
  width: 48px;
  border: none;
  background-color: transparent;
  height: 48px;
  background-image: url("../../../../images/logos/brands/netx360desktop.svg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100%; }

.brandicon-netx360dotcom {
  display: inline-block;
  position: relative;
  width: 48px;
  border: none;
  background-color: transparent;
  height: 48px;
  background-image: url("../../../../images/logos/brands/netx360dotcom.svg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100%; }

.brandicon-netx360app {
  display: inline-block;
  position: relative;
  width: 48px;
  border: none;
  background-color: transparent;
  height: 48px;
  background-image: url("../../../../images/logos/brands/netx360companionapp.svg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100%; }

.brandicon-redtail {
  display: inline-block;
  position: relative;
  width: 48px;
  border: none;
  background-color: transparent;
  height: 48px;
  background-image: url("../../../../images/logos/brands/redtail.svg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100%; }

.brandicon-rightcapital {
  display: inline-block;
  position: relative;
  width: 48px;
  border: none;
  background-color: transparent;
  height: 48px;
  background-image: url("../../../../images/logos/brands/rightcapital.svg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100%; }

.brandicon-riskanalyze {
  display: inline-block;
  position: relative;
  width: 48px;
  border: none;
  background-color: transparent;
  height: 48px;
  background-image: url("../../../../images/logos/brands/riskanalyze.svg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100%; }

.brandicon-salesforce {
  display: inline-block;
  position: relative;
  width: 48px;
  border: none;
  background-color: transparent;
  height: 48px;
  background-image: url("../../../../images/logos/brands/salesforce.svg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100%; }

.brandicon-smartoffice {
  display: inline-block;
  position: relative;
  width: 48px;
  border: none;
  background-color: transparent;
  height: 48px;
  background-image: url("../../../../images/logos/brands/smartoffice-48x48.png");
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100%; }

.brandicon-wealthbox {
  display: inline-block;
  position: relative;
  width: 48px;
  border: none;
  background-color: transparent;
  height: 48px;
  background-image: url("../../../../images/logos/brands/wealthbox.svg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100%; }

.brandicon-xtiva {
  display: inline-block;
  position: relative;
  width: 48px;
  border: none;
  background-color: transparent;
  height: 48px;
  background-image: url("../../../../images/logos/brands/xtiva.svg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100%; }

.button-action-bar {
  background-color: white;
  border-top: 1px solid rgba(0, 0, 0, 0.12); }

.cm-Title_Container {
  color: #ffffff;
  border-bottom: 1px solid #757575;
  margin-top: 10px;
  color: black;
  font-size: 1.6rem;
  font-weight: 700;
  line-height: 19px;
  border-bottom: 0; }
  .cm-Title_Container .cm-Title {
    color: black;
    font-size: 1.6rem;
    font-weight: 700;
    line-height: 19px; }
  #educationalresources .cm-Title_Container {
    margin-top: 0; }
  .cm-Title_Container.finra_resources .cm-Title {
    line-height: 25px; }

.cm-Title.finra_resources, .cm-Title.path_to_investing {
  margin-bottom: 30px; }

.cm-Content {
  font-size: 1.4rem;
  font-weight: 300;
  line-height: 19px; }
  .cm-Content p {
    font-size: 1.4rem; }
  .cm-Content.finra_resources div {
    display: inline; }
  .cm-Content.finra_resources div:first-child {
    border-right: 1px solid rgba(0, 0, 0, 0.15); }
  .cm-Content.finra_resources a:after, .cm-Content.path_to_investing a:after, .cm-Content.sec_resources a:after {
    font-family: "Font Awesome 5 Pro";
    font-weight: 700; }
  .cm-Content.finra_resources a::after, .cm-Content.path_to_investing a::after, .cm-Content.sec_resources a::after {
    content: "\f08e";
    margin-left: 10px;
    margin-right: 10px; }
  .cm-Content .sec_resources {
    margin-bottom: 80px; }
  .cm-Content.exchange_agreements select {
    border: 1px solid rgba(0, 0, 0, 0.3); }
  .cm-Content.finra_resources, .cm-Content.path_to_investing {
    margin-bottom: 25px; }

.cms-title h2 {
  padding-top: 20px;
  border-bottom: 1px solid #757575;
  width: 100%; }

.qt-AsOfDate_Timer {
  color: #fc7802;
  font-weight: bold; }

.ed-Component:hover .ed-Component_Overlay {
  box-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12);
  background-color: rgba(255, 255, 255, 0.35);
  transform: translate3d(0, 0, 0);
  transition: background 0.4s cubic-bezier(0.25, 0.8, 0.25, 1), box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1); }

.ed-Component_Menu {
  box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
  background-color: #efefef; }
  .ed-Component_Menu a {
    color: #2faeff; }
    .ed-Component_Menu a:hover, .ed-Component_Menu a:focus {
      color: #2fdaff; }

.ed-AddComponent_Overlay hr {
  border-top-color: #4bb4ff; }
  .ed-AddComponent_Overlay hr:before, .ed-AddComponent_Overlay hr:after {
    border-right: 3px solid #4bb4ff; }

.ed-AddComponent_Overlay .mat-mini-fab {
  background-color: #0572d6;
  box-shadow: 1px 2px 17px -4px rgba(0, 0, 0, 0.75) !important;
  color: white !important; }

/*---- Notification _notification-bar.scss ----*/
.nb .mat-card {
  background-color: #e9ebef;
  color: #D9D9D9; }

.nb .text-link {
  color: #D9D9D9; }

.pl-Row_Layout {
  background: white;
  border: 3px solid transparent; }
  .pl-Row_Layout:hover {
    border: 3px solid #2fdaff; }
  .pl-Row_Layout-selected {
    border: 3px solid #438bd9; }
  .pl-Row_Layout-col {
    background-color: #020006; }
    .pl-Row_Layout-col.col-33-33-33::before {
      border-right: 3px white solid; }
    .pl-Row_Layout-col.col-33-33-33::after {
      border-left: 3px white solid; }
    .pl-Row_Layout-col.col-30-70::before {
      border-right: 3px white solid; }
    .pl-Row_Layout-col.col-70-30::before {
      border-right: 3px white solid; }
    .pl-Row_Layout-col.col-40-60::before {
      border-right: 3px white solid; }
    .pl-Row_Layout-col.col-60-40::before {
      border-right: 3px white solid; }
    .pl-Row_Layout-col.col-50-50::before {
      border-right: 3px white solid; }

.dlg-Details_Summary {
  background-color: #f2f2f2; }

.dlg-Details_SummaryTable {
  background-color: #f2f2f2; }
  @media (max-width: 575.99px) {
    .dlg-Details_SummaryTable {
      padding: 1.5rem; } }
  .dlg-Details_SummaryTable th {
    color: black; }

.dlg-Details .mat-tab-body-content {
  background-color: white; }

.dlg-Details .mat-tab-list {
  background-color: #f2f2f2; }
  .dlg-Details .mat-tab-list .mat-tab-labels {
    border-bottom: 1px solid white; }

.dlg-Details_Data {
  background: white;
  border-top: 1px solid rgba(0, 0, 0, 0.1); }
  .dlg-Details_Data [class*="col-"] + [class*="col-"] {
    border-left: 1px solid rgba(0, 0, 0, 0.2); }

.fw-Disclaimers.mat-expansion-panel {
  background: transparent; }

.fw-Disclaimers .mat-expansion-panel-header,
.fw-Disclaimers .mat-expansion-panel-content {
  font-size: 1.2rem; }

.fw-Disclaimers .mat-expansion-panel-header {
  background: transparent; }
  .fw-Disclaimers .mat-expansion-panel-header.mat-expanded {
    background: transparent; }
    .fw-Disclaimers .mat-expansion-panel-header.mat-expanded:hover, .fw-Disclaimers .mat-expansion-panel-header.mat-expanded:focus {
      background: transparent !important; }

.fw-Disclaimers.mat-expansion-panel:not(.mat-expanded) .mat-expansion-panel-header:not([aria-disabled='true']).cdk-keyboard-focused, .fw-Disclaimers.mat-expansion-panel:not(.mat-expanded) .mat-expansion-panel-header:not([aria-disabled='true']).cdk-program-focused, .fw-Disclaimers.mat-expansion-panel:not(.mat-expanded) .mat-expansion-panel-header:not([aria-disabled='true']):hover {
  background: transparent; }

.fw-Disclaimers .mat-expansion-panel-header-description,
.fw-Disclaimers .mat-expansion-indicator::after {
  color: black; }

.highcharts-container {
  font-family: Roboto; }

.highcharts-background {
  fill: transparent; }

/* Titles */
.highcharts-title {
  fill: white; }

.highcharts-subtitle {
  fill: #999999; }

/* Axes */
.highcharts-axis-line {
  stroke: #666666; }

.highcharts-axis-title {
  fill: #666666; }

.highcharts-axis-labels {
  fill: #666666; }

.highcharts-grid-line {
  stroke: #e6e6e6; }

.highcharts-tick {
  stroke: #ccd6eb; }

.highcharts-minor-grid-line {
  stroke: #f2f2f2; }

.highcharts-crosshair-thin {
  stroke: #cccccc; }

.highcharts-crosshair-category {
  stroke: #ccd6eb; }

/* Credits */
.highcharts-credits {
  fill: #999999; }

/* Tooltip */
.highcharts-tooltip text {
  fill: #000000; }

.highcharts-tooltip-box {
  fill: #ffffff; }

.highcharts-tooltip-box .highcharts-label-box {
  fill: #ffffff; }

.highcharts-selection-marker {
  fill: #335cad; }

/* Default colors */
.highcharts-color-0 {
  fill: #1d3b78;
  stroke: #1d3b78;
  fill: var(--color-0, #1d3b78);
  stroke: var(--color-0, #1d3b78); }

.highcharts-color-1 {
  fill: #2776b3;
  stroke: #2776b3;
  fill: var(--color-1, #2776b3);
  stroke: var(--color-1, #2776b3); }

.highcharts-color-2 {
  fill: #ccd1d8;
  stroke: #ccd1d8;
  fill: var(--color-2, #ccd1d8);
  stroke: var(--color-2, #ccd1d8); }

.highcharts-color-3 {
  fill: #a6a8ab;
  stroke: #a6a8ab;
  fill: var(--color-3, #a6a8ab);
  stroke: var(--color-3, #a6a8ab); }

.highcharts-color-4 {
  fill: #2f5b99;
  stroke: #2f5b99;
  fill: var(--color-4, #2f5b99);
  stroke: var(--color-4, #2f5b99); }

.highcharts-color-5 {
  fill: #92b0e2;
  stroke: #92b0e2;
  fill: var(--color-5, #92b0e2);
  stroke: var(--color-5, #92b0e2); }

.highcharts-color-6 {
  fill: #5e84c1;
  stroke: #5e84c1;
  fill: var(--color-6, #5e84c1);
  stroke: var(--color-6, #5e84c1); }

.highcharts-color-7 {
  fill: #545864;
  stroke: #545864;
  fill: var(--color-7, #545864);
  stroke: var(--color-7, #545864); }

.highcharts-color-8 {
  fill: #0a5cde;
  stroke: #0a5cde;
  fill: var(--color-8, #0a5cde);
  stroke: var(--color-8, #0a5cde); }

.highcharts-color-9 {
  fill: #656d7c;
  stroke: #656d7c;
  fill: var(--color-9, #656d7c);
  stroke: var(--color-9, #656d7c); }

.highcharts-color-10 {
  fill: #2e6480;
  stroke: #2e6480;
  fill: var(--color-10, #2e6480);
  stroke: var(--color-10, #2e6480); }

.highcharts-color-11 {
  fill: #9ca6b3;
  stroke: #9ca6b3;
  fill: var(--color-11, #9ca6b3);
  stroke: var(--color-11, #9ca6b3); }

.highcharts-color-12 {
  fill: #c4c5c9;
  stroke: #c4c5c9;
  fill: var(--color-12, #c4c5c9);
  stroke: var(--color-12, #c4c5c9); }

.highcharts-color-13 {
  fill: #dedfe3;
  stroke: #dedfe3;
  fill: var(--color-13, #dedfe3);
  stroke: var(--color-13, #dedfe3); }

.highcharts-color-14 {
  fill: #2b77a3;
  stroke: #2b77a3;
  fill: var(--color-14, #2b77a3);
  stroke: var(--color-14, #2b77a3); }

.highcharts-color-15 {
  fill: #37a1de;
  stroke: #37a1de;
  fill: var(--color-15, #37a1de);
  stroke: var(--color-15, #37a1de); }

.highcharts-markers {
  stroke: transparent; }

.highcharts-data-label text,
text.highcharts-data-label {
  fill: #333333; }

.highcharts-pie-series .highcharts-point {
  stroke-opacity: 0; }

.highcharts-funnel-series .highcharts-point {
  stroke: transparent; }

.highcharts-pyramid-series .highcharts-point {
  stroke: transparent; }

.highcharts-treemap-series .highcharts-point {
  stroke: #e6e6e6; }

.highcharts-treemap-series .highcharts-point-hover {
  stroke: #999999; }

/* Legend */
.highcharts-legend-item text {
  fill: #000000; }

.highcharts-legend-item:hover text {
  fill: #000000; }

.highcharts-legend-item-hidden * {
  fill: #cccccc !important;
  stroke: #cccccc !important; }

.highcharts-legend-nav-active {
  fill: #003399; }

.highcharts-legend-nav-inactive {
  fill: #cccccc; }

circle.highcharts-legend-nav-active, circle.highcharts-legend-nav-inactive {
  fill: rgba(192, 192, 192, 0.0001); }

/* Loading */
.highcharts-loading {
  background-color: transparent; }

/* Plot bands and polar pane backgrounds */
.highcharts-plot-band,
.highcharts-pane {
  fill: #000000; }

.highcharts-plot-line {
  stroke: #999999; }

/* Highcharts More and modules */
.highcharts-boxplot-box {
  fill: transparent; }

.highcharts-errorbar-series .highcharts-point {
  stroke: #000000; }

.highcharts-gauge-series .highcharts-data-label-box {
  stroke: #cccccc; }

.highcharts-gauge-series .highcharts-dial {
  fill: #000000; }

.highcharts-waterfall-series .highcharts-graph {
  stroke: #333333; }

/* Highstock */
.highcharts-navigator-mask-inside {
  fill: #6685c2;
  /* navigator.maskFill option */
  fill-opacity: 0.25; }

.highcharts-navigator-outline {
  stroke: #cccccc; }

.highcharts-navigator-handle {
  stroke: #cccccc;
  fill: #f2f2f2; }

.highcharts-navigator-series {
  fill: #335cad;
  stroke: #335cad; }

.highcharts-navigator-xaxis .highcharts-grid-line {
  stroke: #e6e6e6; }

.highcharts-navigator-xaxis.highcharts-axis-labels {
  fill: #999999; }

.highcharts-navigator-yaxis .highcharts-grid-line {
  stroke-width: 0; }

.highcharts-scrollbar-thumb {
  fill: #cccccc;
  stroke: #cccccc; }

.highcharts-scrollbar-button {
  fill: #e6e6e6;
  stroke: #cccccc; }

.highcharts-scrollbar-arrow {
  fill: #666666; }

.highcharts-scrollbar-rifles {
  stroke: #666666; }

.highcharts-scrollbar-track {
  fill: #f2f2f2;
  stroke: #f2f2f2; }

.highcharts-button {
  fill: #ffffff;
  stroke: #cccccc; }

.highcharts-button text {
  fill: #333333; }

.highcharts-button-hover {
  fill: #e6e6e6;
  stroke: #333333; }

.highcharts-button-pressed {
  fill: #e6ebf5;
  stroke: #335cad; }

.highcharts-button-disabled text {
  fill: #cccccc; }

.highcharts-range-label text {
  fill: #666666; }

.highcharts-range-input text {
  fill: #333333; }

.highcharts-crosshair-label text {
  fill: transparent; }

.highcharts-candlestick-series .highcharts-point {
  stroke: #000000; }

.highcharts-candlestick-series .highcharts-point-up {
  fill: transparent; }

.highcharts-flags-series .highcharts-point .highcharts-label-box {
  stroke: #999999;
  fill: transparent; }

.highcharts-flags-series .highcharts-point-hover .highcharts-label-box {
  stroke: #000000;
  fill: #ccd6eb; }

.highcharts-flags-series .highcharts-point text {
  fill: #000000; }

/* Highmaps */
.highcharts-map-series .highcharts-point {
  stroke: #cccccc; }

.highcharts-coloraxis-marker {
  fill: #999999; }

.highcharts-null-point {
  fill: #ffffff; }

/* Exporting module */
.highcharts-contextbutton {
  fill: transparent;
  /* needed to capture hover */ }

.highcharts-contextbutton:hover {
  fill: #e6e6e6;
  stroke: #e6e6e6; }

.highcharts-button-symbol {
  stroke: #666666; }

.highcharts-menu {
  border: 1px solid #999999;
  background: transparent; }

.highcharts-menu-item {
  color: #333333; }

.highcharts-menu-item:hover {
  background: #335cad;
  color: transparent; }

.highcharts-drilldown-data-label text,
text.highcharts-drilldown-data-label,
.highcharts-drilldown-axis-label {
  fill: #003399; }

/* No-data module */
.highcharts-no-data text {
  fill: #666666; }

/* Lineargauge type series */
.highcharts-lineargauge-target {
  stroke: #333333; }

.highcharts-lineargauge-target-line {
  stroke: #333333; }

.highcharts-plotline-zero {
  stroke: #666666; }

.st-SummaryTile_AssetTile.highcharts-color-0 {
  border-bottom: 8px solid #1d3b78; }

.st-SummaryTile_AssetTile.highcharts-color-1 {
  border-bottom: 8px solid #2776b3; }

.st-SummaryTile_AssetTile.highcharts-color-2 {
  border-bottom: 8px solid #ccd1d8; }

.st-SummaryTile_AssetTile.highcharts-color-3 {
  border-bottom: 8px solid #a6a8ab; }

.st-SummaryTile_AssetTile.highcharts-color-4 {
  border-bottom: 8px solid #2f5b99; }

.st-SummaryTile_AssetTile.highcharts-color-5 {
  border-bottom: 8px solid #92b0e2; }

.st-SummaryTile_AssetTile.highcharts-color-6 {
  border-bottom: 8px solid #5e84c1; }

.st-SummaryTile_AssetTile.highcharts-color-7 {
  border-bottom: 8px solid #545864; }

.st-SummaryTile_AssetTile.highcharts-color-8 {
  border-bottom: 8px solid #0a5cde; }

.st-SummaryTile_AssetTile.highcharts-color-9 {
  border-bottom: 8px solid #656d7c; }

.st-SummaryTile_AssetTile.highcharts-color-10 {
  border-bottom: 8px solid #2e6480; }

.st-SummaryTile_AssetTile.highcharts-color-11 {
  border-bottom: 8px solid #9ca6b3; }

.st-SummaryTile_AssetTile.highcharts-color-12 {
  border-bottom: 8px solid #c4c5c9; }

.st-SummaryTile_AssetTile.highcharts-color-13 {
  border-bottom: 8px solid #dedfe3; }

.st-SummaryTile_AssetTile.highcharts-color-14 {
  border-bottom: 8px solid #2b77a3; }

.st-SummaryTile_AssetTile.highcharts-color-15 {
  border-bottom: 8px solid #37a1de; }

.nc-Summary_Tile.highcharts-color-0 {
  border-bottom: 8px solid #1d3b78; }

.nc-Summary_Tile.highcharts-color-1 {
  border-bottom: 8px solid #2776b3; }

.nc-Summary_Tile.highcharts-color-2 {
  border-bottom: 8px solid #ccd1d8; }

.nc-Summary_Tile.highcharts-color-3 {
  border-bottom: 8px solid #a6a8ab; }

.nc-Summary_Tile.highcharts-color-4 {
  border-bottom: 8px solid #2f5b99; }

.nc-Summary_Tile.highcharts-color-5 {
  border-bottom: 8px solid #92b0e2; }

.nc-Summary_Tile.highcharts-color-6 {
  border-bottom: 8px solid #5e84c1; }

.nc-Summary_Tile.highcharts-color-7 {
  border-bottom: 8px solid #545864; }

.nc-Summary_Tile.highcharts-color-8 {
  border-bottom: 8px solid #0a5cde; }

.nc-Summary_Tile.highcharts-color-9 {
  border-bottom: 8px solid #656d7c; }

.nc-Summary_Tile.highcharts-color-10 {
  border-bottom: 8px solid #2e6480; }

.nc-Summary_Tile.highcharts-color-11 {
  border-bottom: 8px solid #9ca6b3; }

.nc-Summary_Tile.highcharts-color-12 {
  border-bottom: 8px solid #c4c5c9; }

.nc-Summary_Tile.highcharts-color-13 {
  border-bottom: 8px solid #dedfe3; }

.nc-Summary_Tile.highcharts-color-14 {
  border-bottom: 8px solid #2b77a3; }

.nc-Summary_Tile.highcharts-color-15 {
  border-bottom: 8px solid #37a1de; }

.nc-Summary_Tile.st-SummaryTile_TotalTile {
  border-bottom: 8px solid #FFFFFF; }

.nc-Summary_Outline.highcharts-color-0 {
  outline: 1px solid #1d3b78;
  background: #f9f8fd; }

.nc-Summary_Outline.highcharts-color-1 {
  outline: 1px solid #2776b3;
  background: #f9f8fd; }

.nc-Summary_Outline.highcharts-color-2 {
  outline: 1px solid #ccd1d8;
  background: #f9f8fd; }

.nc-Summary_Outline.highcharts-color-3 {
  outline: 1px solid #a6a8ab;
  background: #f9f8fd; }

.nc-Summary_Outline.highcharts-color-4 {
  outline: 1px solid #2f5b99;
  background: #f9f8fd; }

.nc-Summary_Outline.highcharts-color-5 {
  outline: 1px solid #92b0e2;
  background: #f9f8fd; }

.nc-Summary_Outline.highcharts-color-6 {
  outline: 1px solid #5e84c1;
  background: #f9f8fd; }

.nc-Summary_Outline.highcharts-color-7 {
  outline: 1px solid #545864;
  background: #f9f8fd; }

.nc-Summary_Outline.highcharts-color-8 {
  outline: 1px solid #0a5cde;
  background: #f9f8fd; }

.nc-Summary_Outline.highcharts-color-9 {
  outline: 1px solid #656d7c;
  background: #f9f8fd; }

.nc-Summary_Outline.highcharts-color-10 {
  outline: 1px solid #2e6480;
  background: #f9f8fd; }

.nc-Summary_Outline.highcharts-color-11 {
  outline: 1px solid #9ca6b3;
  background: #f9f8fd; }

.nc-Summary_Outline.highcharts-color-12 {
  outline: 1px solid #c4c5c9;
  background: #f9f8fd; }

.nc-Summary_Outline.highcharts-color-13 {
  outline: 1px solid #dedfe3;
  background: #f9f8fd; }

.nc-Summary_Outline.highcharts-color-14 {
  outline: 1px solid #2b77a3;
  background: #f9f8fd; }

.nc-Summary_Outline.highcharts-color-15 {
  outline: 1px solid #37a1de;
  background: #f9f8fd; }

.nc-Summary_Outline.st-SummaryTile_TotalTile {
  outline: 1px solid #BCBCBC;
  background: #FFFFFF; }

.hero-AssetCards .mat-card {
  height: 180px;
  max-height: 180px;
  /* Default colors */ }
  .hero-AssetCards .mat-card .mat-card-header {
    background-color: rgba(0, 0, 0, 0.33); }
  .hero-AssetCards .mat-card .mat-card-content:hover, .hero-AssetCards .mat-card .mat-card-content.active {
    background-color: rgba(0, 0, 0, 0.33); }
  .hero-AssetCards .mat-card.highcharts-color-0 {
    fill: #1d3b78;
    stroke: #1d3b78;
    fill: var(--color-0, #1d3b78);
    stroke: var(--color-0, #1d3b78); }
    .hero-AssetCards .mat-card.highcharts-color-0 .mat-card-header {
      background-color: #1d3b78;
      background-color: var(--color-0, #1d3b78); }
    .hero-AssetCards .mat-card.highcharts-color-0 .mat-card-content:hover,
    .hero-AssetCards .mat-card.highcharts-color-0 .mat-card-content.active {
      background-color: #1d3b78;
      background-color: var(--color-0, #1d3b78); }
  .hero-AssetCards .mat-card.highcharts-color-1 {
    fill: #2776b3;
    stroke: #2776b3;
    fill: var(--color-1, #2776b3);
    stroke: var(--color-1, #2776b3); }
    .hero-AssetCards .mat-card.highcharts-color-1 .mat-card-header {
      background-color: #2776b3;
      background-color: var(--color-1, #2776b3); }
    .hero-AssetCards .mat-card.highcharts-color-1 .mat-card-content:hover,
    .hero-AssetCards .mat-card.highcharts-color-1 .mat-card-content.active {
      background-color: #2776b3;
      background-color: var(--color-1, #2776b3); }
  .hero-AssetCards .mat-card.highcharts-color-2 {
    fill: #ccd1d8;
    stroke: #ccd1d8;
    fill: var(--color-2, #ccd1d8);
    stroke: var(--color-2, #ccd1d8); }
    .hero-AssetCards .mat-card.highcharts-color-2 .mat-card-header {
      background-color: #ccd1d8;
      background-color: var(--color-2, #ccd1d8); }
    .hero-AssetCards .mat-card.highcharts-color-2 .mat-card-content:hover,
    .hero-AssetCards .mat-card.highcharts-color-2 .mat-card-content.active {
      background-color: #ccd1d8;
      background-color: var(--color-2, #ccd1d8); }
  .hero-AssetCards .mat-card.highcharts-color-3 {
    fill: #a6a8ab;
    stroke: #a6a8ab;
    fill: var(--color-3, #a6a8ab);
    stroke: var(--color-3, #a6a8ab); }
    .hero-AssetCards .mat-card.highcharts-color-3 .mat-card-header {
      background-color: #a6a8ab;
      background-color: var(--color-3, #a6a8ab); }
    .hero-AssetCards .mat-card.highcharts-color-3 .mat-card-content:hover,
    .hero-AssetCards .mat-card.highcharts-color-3 .mat-card-content.active {
      background-color: #a6a8ab;
      background-color: var(--color-3, #a6a8ab); }
  .hero-AssetCards .mat-card.highcharts-color-4 {
    fill: #2f5b99;
    stroke: #2f5b99;
    fill: var(--color-4, #2f5b99);
    stroke: var(--color-4, #2f5b99); }
    .hero-AssetCards .mat-card.highcharts-color-4 .mat-card-header {
      background-color: #2f5b99;
      background-color: var(--color-4, #2f5b99); }
    .hero-AssetCards .mat-card.highcharts-color-4 .mat-card-content:hover,
    .hero-AssetCards .mat-card.highcharts-color-4 .mat-card-content.active {
      background-color: #2f5b99;
      background-color: var(--color-4, #2f5b99); }
  .hero-AssetCards .mat-card.highcharts-color-5 {
    fill: #92b0e2;
    stroke: #92b0e2;
    fill: var(--color-5, #92b0e2);
    stroke: var(--color-5, #92b0e2); }
    .hero-AssetCards .mat-card.highcharts-color-5 .mat-card-header {
      background-color: #92b0e2;
      background-color: var(--color-5, #92b0e2); }
    .hero-AssetCards .mat-card.highcharts-color-5 .mat-card-content:hover,
    .hero-AssetCards .mat-card.highcharts-color-5 .mat-card-content.active {
      background-color: #92b0e2;
      background-color: var(--color-5, #92b0e2); }
  .hero-AssetCards .mat-card.highcharts-color-6 {
    fill: #5e84c1;
    stroke: #5e84c1;
    fill: var(--color-6, #5e84c1);
    stroke: var(--color-6, #5e84c1); }
    .hero-AssetCards .mat-card.highcharts-color-6 .mat-card-header {
      background-color: #5e84c1;
      background-color: var(--color-6, #5e84c1); }
    .hero-AssetCards .mat-card.highcharts-color-6 .mat-card-content:hover,
    .hero-AssetCards .mat-card.highcharts-color-6 .mat-card-content.active {
      background-color: #5e84c1;
      background-color: var(--color-6, #5e84c1); }
  .hero-AssetCards .mat-card.highcharts-color-7 {
    fill: #545864;
    stroke: #545864;
    fill: var(--color-7, #545864);
    stroke: var(--color-7, #545864); }
    .hero-AssetCards .mat-card.highcharts-color-7 .mat-card-header {
      background-color: #545864;
      background-color: var(--color-7, #545864); }
    .hero-AssetCards .mat-card.highcharts-color-7 .mat-card-content:hover,
    .hero-AssetCards .mat-card.highcharts-color-7 .mat-card-content.active {
      background-color: #545864;
      background-color: var(--color-7, #545864); }
  .hero-AssetCards .mat-card.highcharts-color-8 {
    fill: #0a5cde;
    stroke: #0a5cde;
    fill: var(--color-8, #0a5cde);
    stroke: var(--color-8, #0a5cde); }
    .hero-AssetCards .mat-card.highcharts-color-8 .mat-card-header {
      background-color: #0a5cde;
      background-color: var(--color-8, #0a5cde); }
    .hero-AssetCards .mat-card.highcharts-color-8 .mat-card-content:hover,
    .hero-AssetCards .mat-card.highcharts-color-8 .mat-card-content.active {
      background-color: #0a5cde;
      background-color: var(--color-8, #0a5cde); }
  .hero-AssetCards .mat-card.highcharts-color-9 {
    fill: #656d7c;
    stroke: #656d7c;
    fill: var(--color-9, #656d7c);
    stroke: var(--color-9, #656d7c); }
    .hero-AssetCards .mat-card.highcharts-color-9 .mat-card-header {
      background-color: #656d7c;
      background-color: var(--color-9, #656d7c); }
    .hero-AssetCards .mat-card.highcharts-color-9 .mat-card-content:hover,
    .hero-AssetCards .mat-card.highcharts-color-9 .mat-card-content.active {
      background-color: #656d7c;
      background-color: var(--color-9, #656d7c); }
  .hero-AssetCards .mat-card.highcharts-color-10 {
    fill: #2e6480;
    stroke: #2e6480;
    fill: var(--color-10, #2e6480);
    stroke: var(--color-10, #2e6480); }
    .hero-AssetCards .mat-card.highcharts-color-10 .mat-card-header {
      background-color: #2e6480;
      background-color: var(--color-10, #2e6480); }
    .hero-AssetCards .mat-card.highcharts-color-10 .mat-card-content:hover,
    .hero-AssetCards .mat-card.highcharts-color-10 .mat-card-content.active {
      background-color: #2e6480;
      background-color: var(--color-10, #2e6480); }
  .hero-AssetCards .mat-card.highcharts-color-11 {
    fill: #9ca6b3;
    stroke: #9ca6b3;
    fill: var(--color-11, #9ca6b3);
    stroke: var(--color-11, #9ca6b3); }
    .hero-AssetCards .mat-card.highcharts-color-11 .mat-card-header {
      background-color: #9ca6b3;
      background-color: var(--color-11, #9ca6b3); }
    .hero-AssetCards .mat-card.highcharts-color-11 .mat-card-content:hover,
    .hero-AssetCards .mat-card.highcharts-color-11 .mat-card-content.active {
      background-color: #9ca6b3;
      background-color: var(--color-11, #9ca6b3); }
  .hero-AssetCards .mat-card.highcharts-color-12 {
    fill: #c4c5c9;
    stroke: #c4c5c9;
    fill: var(--color-12, #c4c5c9);
    stroke: var(--color-12, #c4c5c9); }
    .hero-AssetCards .mat-card.highcharts-color-12 .mat-card-header {
      background-color: #c4c5c9;
      background-color: var(--color-12, #c4c5c9); }
    .hero-AssetCards .mat-card.highcharts-color-12 .mat-card-content:hover,
    .hero-AssetCards .mat-card.highcharts-color-12 .mat-card-content.active {
      background-color: #c4c5c9;
      background-color: var(--color-12, #c4c5c9); }
  .hero-AssetCards .mat-card.highcharts-color-13 {
    fill: #dedfe3;
    stroke: #dedfe3;
    fill: var(--color-13, #dedfe3);
    stroke: var(--color-13, #dedfe3); }
    .hero-AssetCards .mat-card.highcharts-color-13 .mat-card-header {
      background-color: #dedfe3;
      background-color: var(--color-13, #dedfe3); }
    .hero-AssetCards .mat-card.highcharts-color-13 .mat-card-content:hover,
    .hero-AssetCards .mat-card.highcharts-color-13 .mat-card-content.active {
      background-color: #dedfe3;
      background-color: var(--color-13, #dedfe3); }
  .hero-AssetCards .mat-card.highcharts-color-14 {
    fill: #2b77a3;
    stroke: #2b77a3;
    fill: var(--color-14, #2b77a3);
    stroke: var(--color-14, #2b77a3); }
    .hero-AssetCards .mat-card.highcharts-color-14 .mat-card-header {
      background-color: #2b77a3;
      background-color: var(--color-14, #2b77a3); }
    .hero-AssetCards .mat-card.highcharts-color-14 .mat-card-content:hover,
    .hero-AssetCards .mat-card.highcharts-color-14 .mat-card-content.active {
      background-color: #2b77a3;
      background-color: var(--color-14, #2b77a3); }
  .hero-AssetCards .mat-card.highcharts-color-15 {
    fill: #37a1de;
    stroke: #37a1de;
    fill: var(--color-15, #37a1de);
    stroke: var(--color-15, #37a1de); }
    .hero-AssetCards .mat-card.highcharts-color-15 .mat-card-header {
      background-color: #37a1de;
      background-color: var(--color-15, #37a1de); }
    .hero-AssetCards .mat-card.highcharts-color-15 .mat-card-content:hover,
    .hero-AssetCards .mat-card.highcharts-color-15 .mat-card-content.active {
      background-color: #37a1de;
      background-color: var(--color-15, #37a1de); }
  .hero-AssetCards .mat-card.highcharts-color-ALL {
    fill: #455A64;
    stroke: #455A64;
    fill: var(--color-ALL, #455A64);
    stroke: var(--color-ALL, #455A64); }
    .hero-AssetCards .mat-card.highcharts-color-ALL .mat-card-header {
      background-color: #455A64;
      background-color: var(--color-ALL, #455A64); }
    .hero-AssetCards .mat-card.highcharts-color-ALL .mat-card-content:hover,
    .hero-AssetCards .mat-card.highcharts-color-ALL .mat-card-content.active {
      background-color: #455A64;
      background-color: var(--color-ALL, #455A64); }

.compact .hero-AssetCards .mat-card {
  height: 123px;
  max-height: 123px;
  /* Default colors */ }
  .compact .hero-AssetCards .mat-card .mat-card-header {
    background-color: rgba(0, 0, 0, 0.33); }
  .compact .hero-AssetCards .mat-card .mat-card-content:hover, .compact .hero-AssetCards .mat-card .mat-card-content.active {
    background-color: rgba(0, 0, 0, 0.33); }
  .compact .hero-AssetCards .mat-card.highcharts-color-0 {
    fill: #1d3b78;
    stroke: #1d3b78;
    fill: var(--color-0, #1d3b78);
    stroke: var(--color-0, #1d3b78); }
    .compact .hero-AssetCards .mat-card.highcharts-color-0 .mat-card-header {
      background-color: #1d3b78;
      background-color: var(--color-0, #1d3b78); }
    .compact .hero-AssetCards .mat-card.highcharts-color-0 .mat-card-content:hover,
    .compact .hero-AssetCards .mat-card.highcharts-color-0 .mat-card-content.active {
      background-color: #1d3b78;
      background-color: var(--color-0, #1d3b78); }
  .compact .hero-AssetCards .mat-card.highcharts-color-1 {
    fill: #2776b3;
    stroke: #2776b3;
    fill: var(--color-1, #2776b3);
    stroke: var(--color-1, #2776b3); }
    .compact .hero-AssetCards .mat-card.highcharts-color-1 .mat-card-header {
      background-color: #2776b3;
      background-color: var(--color-1, #2776b3); }
    .compact .hero-AssetCards .mat-card.highcharts-color-1 .mat-card-content:hover,
    .compact .hero-AssetCards .mat-card.highcharts-color-1 .mat-card-content.active {
      background-color: #2776b3;
      background-color: var(--color-1, #2776b3); }
  .compact .hero-AssetCards .mat-card.highcharts-color-2 {
    fill: #ccd1d8;
    stroke: #ccd1d8;
    fill: var(--color-2, #ccd1d8);
    stroke: var(--color-2, #ccd1d8); }
    .compact .hero-AssetCards .mat-card.highcharts-color-2 .mat-card-header {
      background-color: #ccd1d8;
      background-color: var(--color-2, #ccd1d8); }
    .compact .hero-AssetCards .mat-card.highcharts-color-2 .mat-card-content:hover,
    .compact .hero-AssetCards .mat-card.highcharts-color-2 .mat-card-content.active {
      background-color: #ccd1d8;
      background-color: var(--color-2, #ccd1d8); }
  .compact .hero-AssetCards .mat-card.highcharts-color-3 {
    fill: #a6a8ab;
    stroke: #a6a8ab;
    fill: var(--color-3, #a6a8ab);
    stroke: var(--color-3, #a6a8ab); }
    .compact .hero-AssetCards .mat-card.highcharts-color-3 .mat-card-header {
      background-color: #a6a8ab;
      background-color: var(--color-3, #a6a8ab); }
    .compact .hero-AssetCards .mat-card.highcharts-color-3 .mat-card-content:hover,
    .compact .hero-AssetCards .mat-card.highcharts-color-3 .mat-card-content.active {
      background-color: #a6a8ab;
      background-color: var(--color-3, #a6a8ab); }
  .compact .hero-AssetCards .mat-card.highcharts-color-4 {
    fill: #2f5b99;
    stroke: #2f5b99;
    fill: var(--color-4, #2f5b99);
    stroke: var(--color-4, #2f5b99); }
    .compact .hero-AssetCards .mat-card.highcharts-color-4 .mat-card-header {
      background-color: #2f5b99;
      background-color: var(--color-4, #2f5b99); }
    .compact .hero-AssetCards .mat-card.highcharts-color-4 .mat-card-content:hover,
    .compact .hero-AssetCards .mat-card.highcharts-color-4 .mat-card-content.active {
      background-color: #2f5b99;
      background-color: var(--color-4, #2f5b99); }
  .compact .hero-AssetCards .mat-card.highcharts-color-5 {
    fill: #92b0e2;
    stroke: #92b0e2;
    fill: var(--color-5, #92b0e2);
    stroke: var(--color-5, #92b0e2); }
    .compact .hero-AssetCards .mat-card.highcharts-color-5 .mat-card-header {
      background-color: #92b0e2;
      background-color: var(--color-5, #92b0e2); }
    .compact .hero-AssetCards .mat-card.highcharts-color-5 .mat-card-content:hover,
    .compact .hero-AssetCards .mat-card.highcharts-color-5 .mat-card-content.active {
      background-color: #92b0e2;
      background-color: var(--color-5, #92b0e2); }
  .compact .hero-AssetCards .mat-card.highcharts-color-6 {
    fill: #5e84c1;
    stroke: #5e84c1;
    fill: var(--color-6, #5e84c1);
    stroke: var(--color-6, #5e84c1); }
    .compact .hero-AssetCards .mat-card.highcharts-color-6 .mat-card-header {
      background-color: #5e84c1;
      background-color: var(--color-6, #5e84c1); }
    .compact .hero-AssetCards .mat-card.highcharts-color-6 .mat-card-content:hover,
    .compact .hero-AssetCards .mat-card.highcharts-color-6 .mat-card-content.active {
      background-color: #5e84c1;
      background-color: var(--color-6, #5e84c1); }
  .compact .hero-AssetCards .mat-card.highcharts-color-7 {
    fill: #545864;
    stroke: #545864;
    fill: var(--color-7, #545864);
    stroke: var(--color-7, #545864); }
    .compact .hero-AssetCards .mat-card.highcharts-color-7 .mat-card-header {
      background-color: #545864;
      background-color: var(--color-7, #545864); }
    .compact .hero-AssetCards .mat-card.highcharts-color-7 .mat-card-content:hover,
    .compact .hero-AssetCards .mat-card.highcharts-color-7 .mat-card-content.active {
      background-color: #545864;
      background-color: var(--color-7, #545864); }
  .compact .hero-AssetCards .mat-card.highcharts-color-8 {
    fill: #0a5cde;
    stroke: #0a5cde;
    fill: var(--color-8, #0a5cde);
    stroke: var(--color-8, #0a5cde); }
    .compact .hero-AssetCards .mat-card.highcharts-color-8 .mat-card-header {
      background-color: #0a5cde;
      background-color: var(--color-8, #0a5cde); }
    .compact .hero-AssetCards .mat-card.highcharts-color-8 .mat-card-content:hover,
    .compact .hero-AssetCards .mat-card.highcharts-color-8 .mat-card-content.active {
      background-color: #0a5cde;
      background-color: var(--color-8, #0a5cde); }
  .compact .hero-AssetCards .mat-card.highcharts-color-9 {
    fill: #656d7c;
    stroke: #656d7c;
    fill: var(--color-9, #656d7c);
    stroke: var(--color-9, #656d7c); }
    .compact .hero-AssetCards .mat-card.highcharts-color-9 .mat-card-header {
      background-color: #656d7c;
      background-color: var(--color-9, #656d7c); }
    .compact .hero-AssetCards .mat-card.highcharts-color-9 .mat-card-content:hover,
    .compact .hero-AssetCards .mat-card.highcharts-color-9 .mat-card-content.active {
      background-color: #656d7c;
      background-color: var(--color-9, #656d7c); }
  .compact .hero-AssetCards .mat-card.highcharts-color-10 {
    fill: #2e6480;
    stroke: #2e6480;
    fill: var(--color-10, #2e6480);
    stroke: var(--color-10, #2e6480); }
    .compact .hero-AssetCards .mat-card.highcharts-color-10 .mat-card-header {
      background-color: #2e6480;
      background-color: var(--color-10, #2e6480); }
    .compact .hero-AssetCards .mat-card.highcharts-color-10 .mat-card-content:hover,
    .compact .hero-AssetCards .mat-card.highcharts-color-10 .mat-card-content.active {
      background-color: #2e6480;
      background-color: var(--color-10, #2e6480); }
  .compact .hero-AssetCards .mat-card.highcharts-color-11 {
    fill: #9ca6b3;
    stroke: #9ca6b3;
    fill: var(--color-11, #9ca6b3);
    stroke: var(--color-11, #9ca6b3); }
    .compact .hero-AssetCards .mat-card.highcharts-color-11 .mat-card-header {
      background-color: #9ca6b3;
      background-color: var(--color-11, #9ca6b3); }
    .compact .hero-AssetCards .mat-card.highcharts-color-11 .mat-card-content:hover,
    .compact .hero-AssetCards .mat-card.highcharts-color-11 .mat-card-content.active {
      background-color: #9ca6b3;
      background-color: var(--color-11, #9ca6b3); }
  .compact .hero-AssetCards .mat-card.highcharts-color-12 {
    fill: #c4c5c9;
    stroke: #c4c5c9;
    fill: var(--color-12, #c4c5c9);
    stroke: var(--color-12, #c4c5c9); }
    .compact .hero-AssetCards .mat-card.highcharts-color-12 .mat-card-header {
      background-color: #c4c5c9;
      background-color: var(--color-12, #c4c5c9); }
    .compact .hero-AssetCards .mat-card.highcharts-color-12 .mat-card-content:hover,
    .compact .hero-AssetCards .mat-card.highcharts-color-12 .mat-card-content.active {
      background-color: #c4c5c9;
      background-color: var(--color-12, #c4c5c9); }
  .compact .hero-AssetCards .mat-card.highcharts-color-13 {
    fill: #dedfe3;
    stroke: #dedfe3;
    fill: var(--color-13, #dedfe3);
    stroke: var(--color-13, #dedfe3); }
    .compact .hero-AssetCards .mat-card.highcharts-color-13 .mat-card-header {
      background-color: #dedfe3;
      background-color: var(--color-13, #dedfe3); }
    .compact .hero-AssetCards .mat-card.highcharts-color-13 .mat-card-content:hover,
    .compact .hero-AssetCards .mat-card.highcharts-color-13 .mat-card-content.active {
      background-color: #dedfe3;
      background-color: var(--color-13, #dedfe3); }
  .compact .hero-AssetCards .mat-card.highcharts-color-14 {
    fill: #2b77a3;
    stroke: #2b77a3;
    fill: var(--color-14, #2b77a3);
    stroke: var(--color-14, #2b77a3); }
    .compact .hero-AssetCards .mat-card.highcharts-color-14 .mat-card-header {
      background-color: #2b77a3;
      background-color: var(--color-14, #2b77a3); }
    .compact .hero-AssetCards .mat-card.highcharts-color-14 .mat-card-content:hover,
    .compact .hero-AssetCards .mat-card.highcharts-color-14 .mat-card-content.active {
      background-color: #2b77a3;
      background-color: var(--color-14, #2b77a3); }
  .compact .hero-AssetCards .mat-card.highcharts-color-15 {
    fill: #37a1de;
    stroke: #37a1de;
    fill: var(--color-15, #37a1de);
    stroke: var(--color-15, #37a1de); }
    .compact .hero-AssetCards .mat-card.highcharts-color-15 .mat-card-header {
      background-color: #37a1de;
      background-color: var(--color-15, #37a1de); }
    .compact .hero-AssetCards .mat-card.highcharts-color-15 .mat-card-content:hover,
    .compact .hero-AssetCards .mat-card.highcharts-color-15 .mat-card-content.active {
      background-color: #37a1de;
      background-color: var(--color-15, #37a1de); }
  .compact .hero-AssetCards .mat-card.highcharts-color-ALL {
    fill: #455A64;
    stroke: #455A64;
    fill: var(--color-ALL, #455A64);
    stroke: var(--color-ALL, #455A64); }
    .compact .hero-AssetCards .mat-card.highcharts-color-ALL .mat-card-header {
      background-color: #455A64;
      background-color: var(--color-ALL, #455A64); }
    .compact .hero-AssetCards .mat-card.highcharts-color-ALL .mat-card-content:hover,
    .compact .hero-AssetCards .mat-card.highcharts-color-ALL .mat-card-content.active {
      background-color: #455A64;
      background-color: var(--color-ALL, #455A64); }

.wrapper .row .hero-AssetClass {
  background: #120237; }

.hero-AssetClass_Card .mat-card {
  border-radius: 50px; }

.hero-AssetClass_Card .label {
  font-size: 1.8rem; }

.hero-AssetClass_Card .value {
  color: #120237; }

.hero-AssetClass_Card .value-client {
  color: #e9ebef; }

.hero-AssetClass_Datachange {
  font-size: 1.2rem;
  color: #757575; }
  .hero-AssetClass_Datachange .gain,
  .hero-AssetClass_Datachange .loss {
    font-size: 2rem; }

.hero-BalancesSummary .mat-card {
  background-color: white; }

.hero-BalancesSummary_Tile {
  border-right: 1px solid rgba(0, 0, 0, 0.15); }
  .hero-BalancesSummary_Tile:last-child {
    border-right: none; }

.hero-BalancesSummary_Data .label {
  text-transform: uppercase;
  color: rgba(0, 0, 0, 0.5);
  font-size: 1.2rem;
  font-weight: 500; }

.hero-BalancesSummary_Data .value {
  font-weight: 500; }

.hero-BalancesSummary_Data-change {
  font-size: 1.8rem; }

.hero-BalancesSummary_Details {
  background-color: white; }
  .hero-BalancesSummary_Details-change {
    font-size: 1.2rem; }

.hero-BalancesSummary_Actions {
  background-color: white; }

.mod-QuickQuotes_CompanyName {
  color: #9e9e9e; }

.mod-QuickQuotes_Exchange {
  color: #9e9e9e;
  font-size: 1rem;
  font-weight: 400; }

.mod-QuickQuotes_Tooltip {
  background-color: white; }
  .mobile .mod-QuickQuotes_Tooltip {
    border: 2px solid transparent; }
  .mobile .mod-QuickQuotes_Tooltip .mat-card-header {
    background-color: black;
    color: white;
    margin: -15px -15px 0 -15px;
    padding: 9px 15px;
    border-bottom: 1px solid #eeeeee; }
  .mobile .mod-QuickQuotes_Tooltip .mat-card-title {
    font-size: 1.6rem;
    font-weight: 400; }
  .mobile .mod-QuickQuotes_Tooltip .fa.fa-times-circle-o.fa-x {
    font-size: 2.1rem !important; }
  .mod-QuickQuotes_Tooltip .xsmall {
    font-size: 1.2rem; }

.mod-QuickQuotes_TooltipHeader {
  border-bottom: 1px solid #eeeeee;
  line-height: 30px; }

.mod-QuickQuotes_Results .title {
  color: #9e9e9e;
  font-size: 1rem;
  font-weight: 700; }

.mod-QuickQuotes_Results .value {
  font-size: 1.9rem;
  font-weight: 700; }

.mod-QuickQuotes_DayChange {
  padding-left: 8px; }

.fw-Header-mobile .mod-QuickQuotes_Input, .fw-Header-mobile
.mod-QuickQuotes input {
  font-size: 1.2rem; }

.mod-QuickQuotes .muted {
  font-size: 1.2rem; }

/* ------ REUSABLE PORTAL COMPONENTS ------ */
.lgc {
  background: url("https://www.pllcfiles.com/staticartifacts/@pershing/nxp-branding/assets/images/backgrounds/login-grey-bg.jpg") no-repeat;
  background-size: cover; }
  .mobileapp .lgc {
    background-image: none;
    background-color: rgba(0, 0, 0, 0.02); }
  .mobileapp .medium-container .lgc {
    background-color: transparent; }
  .lgc-Container {
    background: rgba(255, 255, 255, 0.96);
    border: 1px solid transparent; }
    .mobileapp .small-container .lgc-Container {
      background: transparent;
      border: none; }
    .mobileapp .medium-container .lgc-Container {
      background: rgba(0, 0, 0, 0.02); }
  .lgc-Logo_NetX360 {
    background: url("../images/Logo_AMSA_Netxinvestor.png") no-repeat;
    background-size: auto;
    background-position: center center; }
  .lgc-Footer {
    background: rgba(0, 0, 0, 0.4); }
    .lgc-Footer .fw-Footer_Links li a {
      color: white; }

.fw-LoaderOverlay {
  background-color: white; }

.fw-LoaderInter_Logo-animation {
  background: url("../../../../images/logos/loader/wealth/netx360-load-animation.gif") center no-repeat; }

.fw-LoaderInter_Logo-static {
  background: url("../../../../images/logos/loader/wealth/netx360-load-static.gif") center no-repeat; }

.fw-LoaderInter_Logo-componentloading {
  background: url("../../../../images/logos/loader/wealth/netx360-load-animation.gif") center no-repeat; }

.fw-LoaderInter_Bar-text {
  color: rgba(0, 0, 0, 0.6); }

.ti-Image_Interstitial {
  background: transparent url("../../../../images/ada-theme-interstitial.png") no-repeat left top;
  width: 580px;
  height: 347px;
  margin-top: 75px; }

body.netxinvestor > #wsod_F2_frame {
  display: none; }

.highcharts-xaxis .highcharts-axis-line {
  stroke-width: 0; }

.container-fluid {
  background-color: #f2f2f2;
  max-width: 1440px; }

.desktop .container {
  width: 1440px; }

.page-welcome:not(.ws-WelcomeText) .cms-title {
  margin: 40px 10px 20px; }
  .page-welcome:not(.ws-WelcomeText) .cms-title h2 {
    border-bottom: none;
    font-size: 1.6rem;
    font-weight: 500;
    padding: 0px; }

.page-welcome:not(.ws-WelcomeText) .cms-body .column-finder.col-xs-9 {
  margin-left: -10px !important; }

.page-welcome:not(.ws-WelcomeText) .cms-body font {
  font-family: Roboto !important; }

.page-welcome:not(.ws-WelcomeText) .cms-style {
  padding-left: 1rem !important;
  margin: 10px 0 10px; }

.tablet.page-welcome:not(.ws-WelcomeText) .cms-title,
.mobile.page-welcome:not(.ws-WelcomeText) .cms-title {
  margin: 0px 5px 5px 10px !important; }

.cm-Content.netx_investor_mobile_solutions_about.contact_us_login p {
  margin: 0; }

.wrapper {
  min-height: initial;
  min-width: initial;
  padding: 0; }

.apr-AccountProfile_LargeContainer .grid, .apr-AccountProfile_MediumContainer .grid, .apr-AccountProfile_SmallContainer .grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 20px; }

.apr-AccountProfile_LargeContainer .column-span-2, .apr-AccountProfile_MediumContainer .column-span-2, .apr-AccountProfile_SmallContainer .column-span-2 {
  grid-column: span 2; }

.apr-AccountProfile_MediumContainer, .apr-AccountProfile_SmallContainer {
  padding: 0px; }

.apr-AccountProfile_LargeContainer .flex-head, .apr-AccountProfile_MediumContainer .flex-head {
  flex: 2; }

.apr-AccountProfile_LargeContainer .flex-value, .apr-AccountProfile_MediumContainer .flex-value {
  flex: 3; }

.apr-AccountProfile_SmallContainer .flex-head,
.apr-AccountProfile_SmallContainer .flex-value {
  flex: 1; }

.apr-AccountProfile_Contact {
  font-weight: 700;
  padding: 20px 0px; }

.apr-AccountInfo_LargeContainer {
  column-count: 2;
  column-gap: 20px; }

.apr-AccountInfo_SmallContainer {
  column-count: initial;
  column-gap: 20px; }

.apr-AccountInfo_Nickname {
  margin-right: 10px; }

.apr-AccountPersonal_LargeContainer, .apr-AccountPersonal_SmallContainer {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 20px; }

.apr-AccountPersonal_LargeContainer {
  grid-template-columns: repeat(2, 1fr); }

.apr-AccountPersonal_SmallContainer {
  grid-template-columns: 1fr; }

.apr-AccountDisposition_Disclaimer {
  padding: 10px 0px; }
  .apr-AccountDisposition_Disclaimer-text {
    font-size: 1.2rem;
    line-height: 14px;
    font-weight: 400;
    padding: 5px 0px; }

.apr-EditAccountDispositionDialog_LargeContainer, .apr-EditAccountDispositionDialog_SmallContainer, .apr-EditAccountPersonalDialog_LargeContainer, .apr-EditAccountPersonalDialog_SmallContainer {
  display: grid;
  column-gap: 20px;
  row-gap: 15px; }

.apr-EditAccountDispositionDialog_LargeContainer, .apr-EditAccountPersonalDialog_LargeContainer {
  grid-template-columns: repeat(2, 1fr); }

.apr-EditAccountDispositionDialog_SmallContainer, .apr-EditAccountPersonalDialog_SmallContainer {
  grid-template-columns: repeat(1, 1fr); }

.apr-EditAccountPersonalReviewDialog_Loader, .apr-EditAccountDispositionDialog_Loader {
  display: flex;
  align-items: center; }
  .apr-EditAccountPersonalReviewDialog_Loader .mat-progress-spinner, .apr-EditAccountDispositionDialog_Loader .mat-progress-spinner {
    margin: 40px 5px; }

.apr-EditAccountDispositionDialog_Agreement {
  margin-top: 20px; }
  .apr-EditAccountDispositionDialog_Agreement-header {
    padding: 5px 0px;
    font-size: 1.8rem;
    font-weight: 500;
    line-height: 18px; }
  .apr-EditAccountDispositionDialog_Agreement-description {
    font-size: 1.4rem;
    font-weight: 400;
    line-height: 18px; }

.apr-EditAccountDispositionDialog_Disclaimer {
  padding: 10px 0px; }
  .apr-EditAccountDispositionDialog_Disclaimer-text {
    font-size: 1.2rem;
    font-weight: 400;
    line-height: 14px;
    padding: 5px 0px; }

.apr-EditAccountPersonalDialog_Header {
  font-size: 1.8rem;
  font-weight: 700;
  line-height: 18px;
  margin-bottom: 20px; }

.apr-EditAccountPersonalDialog_MailingAddress {
  margin-bottom: 30px; }

.apr-EditAccountPersonalDialog_LegalAddress {
  margin-bottom: 10px; }

.apr-EditAccountPersonalDialog_Contact {
  margin-top: 15px; }

.apr-EditAccountPersonalDialog_Country {
  font-size: 1.8rem;
  padding: 10px 0px; }
  .apr-EditAccountPersonalDialog_Country-value {
    font-weight: 500; }

.apr-EditAccountPersonalReviewDialog {
  font-size: 1.4rem;
  line-height: 17px; }
  .apr-EditAccountPersonalReviewDialog_LargeContainer .flex-head {
    flex: 2; }
  .apr-EditAccountPersonalReviewDialog_LargeContainer .flex-value {
    flex: 3; }
  .apr-EditAccountPersonalReviewDialog_SmallContainer .flex-head,
  .apr-EditAccountPersonalReviewDialog_SmallContainer .flex-value {
    flex: 1; }

@media (orientation: portrait) {
  .mobile .apr-EditAccountPersonalReviewDialog_Loader, .mobile .apr-EditAccountDispositionDialog_Loader {
    flex-direction: column; }
    .mobile .apr-EditAccountPersonalReviewDialog_Loader .mat-progress-spinner, .mobile .apr-EditAccountDispositionDialog_Loader .mat-progress-spinner {
      margin: 20px; } }

@media (orientation: landscape) {
  .mobile .apr-EditAccountDispositionDialog_Select-panel, .mobile .apr-EditAccountPersonalDialog_Select-panel, .mobile .apr-EditAccountPersonalReviewDialog_Select-panel {
    max-height: 170px !important; }
  .mobile .apr-EditAccountDispositionDialog .mat-dialog-content, .mobile .apr-EditAccountPersonalDialog .mat-dialog-content, .mobile .apr-EditAccountPersonalReviewDialog .mat-dialog-content {
    max-height: 50vh; } }

.fw-EditNicknameDialog_LargeContainer, .fw-EditNicknameDialog_SmallContainer {
  display: grid;
  column-gap: 20px;
  row-gap: 15px; }

.fw-EditNicknameDialog_LargeContainer {
  grid-template-columns: repeat(2, 0.4fr);
  margin-bottom: 30px; }
  .fw-EditNicknameDialog_LargeContainer .account-displayValue {
    padding-top: 10px; }

.fw-EditNicknameDialog_SmallContainer {
  grid-template-columns: repeat(1, 1fr);
  margin-bottom: 20px; }

.fw-EditNicknameDialog_Field-label {
  font-size: 1.4rem;
  font-weight: 400;
  line-height: 22px;
  color: #666666;
  padding-bottom: 2px; }

.fw-EditNicknameDialog_Field-input {
  width: 250px; }

.fw-EditNicknameDialog_AccountsDropdown .mat-form-field {
  width: auto; }
  .fw-EditNicknameDialog_AccountsDropdown .mat-form-field .mat-form-field-infix {
    width: auto !important;
    margin-left: -15px; }
  .fw-EditNicknameDialog_AccountsDropdown .mat-form-field .mat-form-field-wrapper .mat-form-field-underline {
    display: none; }
  .fw-EditNicknameDialog_AccountsDropdown .mat-form-field .mat-select-value {
    color: #120237;
    font-weight: 500;
    min-width: 95px;
    max-width: none;
    width: auto !important; }
    .fw-EditNicknameDialog_AccountsDropdown .mat-form-field .mat-select-value .mat-select-placeholder {
      color: #120237; }
  .fw-EditNicknameDialog_AccountsDropdown .mat-form-field .mat-select-arrow::after {
    color: #120237; }

.fw-EditNicknameDialog_AccountsDropdownOption {
  padding: 0 2px 0 15px !important;
  font-size: 1.3rem !important; }

.fw-EditNicknameDialog_AccountNumber {
  font-size: 1.6rem;
  font-weight: 500; }

.fw-EditNicknameDialog_Nickname .mat-form-field-appearance-outline .mat-form-field-flex {
  background: none !important; }

.fw-EditNicknameDialog_DisplayLabel {
  margin-left: 5px; }

.fw-EditNicknameDialog_HomeIcon {
  padding: 0px 5px; }

.fw-EditNicknameDialog_AccountNick {
  margin-left: 5px; }

.fw-AccountMessageDialog_Content {
  display: flex;
  margin-bottom: 20px; }

.fw-AccountMessageDialog .mat-dialog-actions {
  justify-content: center; }

.fw-AccountDropdown_Tablet, .fw-AccountDropdown_Mobile {
  background-color: #4f44a014;
  padding: 5px 10px; }

.fw-AccountDropdown_EditNickname:focus, .fw-AccountDropdown_ManageGroups:focus {
  background: rgba(18, 2, 55, 0.1) !important;
  border-radius: 5px; }

.fw-AccountDropdown_EditNickname.mat-active:not(.mat-selected), .fw-AccountDropdown_EditNickname:hover, .fw-AccountDropdown_ManageGroups.mat-active:not(.mat-selected), .fw-AccountDropdown_ManageGroups:hover {
  background: #120237 !important;
  border-radius: 5px; }
  .fw-AccountDropdown_EditNickname.mat-active:not(.mat-selected) a, .fw-AccountDropdown_EditNickname:hover a, .fw-AccountDropdown_ManageGroups.mat-active:not(.mat-selected) a, .fw-AccountDropdown_ManageGroups:hover a {
    color: white; }

.fw-AccountDropdown_EditNickname-OuterDiv, .fw-AccountDropdown_ManageGroups-OuterDiv {
  font-size: 1.8rem; }

.fw-AccountDropdown_EditNickname-ActiveLink, .fw-AccountDropdown_ManageGroups-ActiveLink {
  font-weight: 500; }

.fw-AccountDropdown_FormField .mat-select-value {
  color: #120237;
  font-size: 2.8rem;
  max-width: none;
  width: auto !important; }
  .small-container .fw-AccountDropdown_FormField .mat-select-value {
    font-size: 1.6rem; }
  .tablet .fw-AccountDropdown_FormField .mat-select-value {
    font-size: 2rem; }

.fw-AccountDropdown_Option {
  font-size: 1.8rem !important; }
  .fw-AccountDropdown_Option.mat-active:not(.mat-selected), .fw-AccountDropdown_Option:hover {
    background: #120237 !important;
    color: white !important;
    border-radius: 5px; }

.fw-AccountDropdown_Select.mat-select-panel {
  border-radius: 8px; }
  .fw-AccountDropdown_Select.mat-select-panel .mat-option.mat-selected:not(.mat-option-multiple) {
    background: rgba(18, 2, 55, 0.1);
    border-radius: 5px; }

.fw-AccountDropdown_Select::-webkit-scrollbar-thumb {
  background: #00000033;
  border-radius: 10px; }

.fw-AccountDropdown_Select::-webkit-scrollbar-track {
  background: #F3F3F3;
  border-radius: 10px; }

.fw-AccountDropdown_PageName {
  font-size: 2.8rem; }
  .small-container .fw-AccountDropdown_PageName {
    font-size: 1.6rem; }
    @media (min-width: 692px) {
      .small-container .fw-AccountDropdown_PageName {
        display: inline-block;
        font-size: 1.6rem; } }
  .tablet .fw-AccountDropdown_PageName {
    font-size: 2rem; }

.fw-AccountDropdown_SingleAccount {
  color: #120237;
  font-size: 2.8rem; }
  .small-container .fw-AccountDropdown_SingleAccount {
    font-size: 1.6rem; }
  .tablet .fw-AccountDropdown_SingleAccount {
    font-size: 2rem; }
  .fw-AccountDropdown_SingleAccount-Nickname {
    margin-right: 5px; }

.page-realizedgainloss .fw-AccountDropdown.large-container {
  margin-bottom: 20px; }

.fw-AccountDropdown_TopDivider {
  border-top: 1px solid rgba(0, 0, 0, 0.2); }

.fw-AccountDropdown_BottomDivider {
  border-bottom: 1px solid rgba(0, 0, 0, 0.2); }

.fw-Advisor {
  font-size: 1.4rem; }
  .fw-Advisor_Menu .mat-menu-content:not(:empty) {
    font-size: 1.4rem; }
  .fw-Advisor_PhoneIcon, .fw-Advisor_FaxIcon {
    font-size: 1.2rem;
    margin-right: 8px; }
  .fw-Advisor_Secondary {
    font-size: 1.4rem;
    border: 1px solid #D4D4D4;
    border-radius: 8px;
    box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.259752); }
  .fw-Advisor_Initials {
    font-size: 34px;
    line-height: 25px;
    color: #0126A4;
    background-color: #E6EAF6;
    border: 1px solid rgba(1, 38, 164, 0.2);
    font-weight: 500; }
    .fw-Advisor_Initials span {
      transform: translateY(2px); }
  .fw-Advisor_ContactUs h2.cm-Title {
    font-size: 2rem;
    font-weight: 500;
    opacity: 0.85; }
  .fw-Advisor_Accounts {
    color: #120237;
    font-weight: 500; }
  .fw-Advisor_SyncDetails h4 {
    border-top: 1px solid rgba(0, 0, 0, 0.3);
    font-size: 2rem; }
    .fw-Advisor_SyncDetails h4:first-child {
      border-top: none; }
  .fw-Advisor_SyncDetails p:nth-child(5) a:before {
    font-family: "Font Awesome 5 Pro";
    font-weight: 300; }
  .fw-Advisor_SyncExpansion ul {
    padding-left: 16px; }
  .fw-Advisor_SyncExpansion .mat-expansion-panel-header-title {
    opacity: 0.85; }
  .fw-Advisor_SyncExpansion .mat-expansion-panel-body {
    padding-top: 0px !important; }
  .fw-Advisor_SyncExpansion .mat-expansion-indicator::after {
    opacity: 0.85; }

.fw-Download {
  box-shadow: -1px 2px 6px 2px rgba(0, 0, 0, 0.1), 1px 2px 6px 2px rgba(0, 0, 0, 0.1);
  border-radius: 5px !important;
  width: 180px !important;
  margin-top: 15px; }
  .fw-Download li:focus, .fw-Download li:hover {
    background: #438bd9;
    color: white; }
  .fw-Download .fa-file-excel {
    color: inherit; }
  .fw-Download .mat-menu-item:hover {
    background: #1654B8 !important;
    color: white !important; }
  @media print {
    .fw-Download {
      display: none !important; } }

.fw-Footer {
  background: #e9e9e9 !important;
  color: #000000;
  font-size: 1.2rem; }
  .fw-Footer hr {
    border-top-color: lightgray; }
  .signed-in .fw-Footer.large-container {
    padding: 30px 90px; }
  .signed-in .fw-Footer.medium-container, .signed-in .fw-Footer.small-container {
    padding: 30px 10px; }
  .signed-out .fw-Footer {
    padding: 30px; }
  .fw-Footer .cm-Content.footer_primary {
    color: #585959; }
  .fw-Footer .cm-Content a {
    color: #120237;
    text-decoration: none !important; }
    .fw-Footer .cm-Content a:hover {
      text-decoration: underline !important;
      color: #120237; }
  .fw-Footer .cm-Content .fw-FooterSecondary_Content a {
    color: #000000; }
    .fw-Footer .cm-Content .fw-FooterSecondary_Content a:hover {
      color: #000000; }
  .fw-Footer .cm-Content p {
    font-size: 1.2rem !important; }
  .fw-Footer .cm-Content .cursor-pointer {
    cursor: pointer; }

.fw-FooterSecondary_Content {
  margin-top: 20px;
  display: grid;
  gap: 15px; }
  .small-container .fw-FooterSecondary_Content {
    grid-template-columns: repeat(2, 1fr); }
  .medium-container .fw-FooterSecondary_Content,
  .large-container .fw-FooterSecondary_Content {
    grid-template-columns: repeat(3, 1fr); }
  .large-container .fw-FooterSecondary_Content {
    max-width: 80%; }
  .fw-FooterSecondary_Content a {
    width: fit-content; }

.fw-NavigationContainer {
  margin: 0 80px;
  margin-top: -18px; }

.fw-Navigation-paperless {
  background-color: #000000;
  height: 20px;
  width: 100px;
  display: block; }
  .fw-Navigation-paperless:hover {
    background-color: #000000; }
  .desktop .fw-Navigation-paperless {
    padding: 10px 5px; }
  .mobile .fw-Navigation-paperless,
  .tablet .fw-Navigation-paperless {
    padding: 20px 25px; }

.fw-Navigation-asterisk.fw-Navigation-mobile {
  font-size: 1rem; }

.fw-Navigation-paybill, .fw-Navigation-trade, .fw-Navigation-transfer {
  font-size: 1.6rem;
  font-weight: 400; }
  .fw-Navigation-paybill > span, .fw-Navigation-trade > span, .fw-Navigation-transfer > span {
    color: rgba(255, 255, 255, 0.8); }
    .mobile .fw-Navigation-paybill > span,
    .tablet .fw-Navigation-paybill > span, .mobile .fw-Navigation-trade > span,
    .tablet .fw-Navigation-trade > span, .mobile .fw-Navigation-transfer > span,
    .tablet .fw-Navigation-transfer > span {
      color: #000000; }
  .fw-Navigation-paybill:hover > span, .fw-Navigation-trade:hover > span, .fw-Navigation-transfer:hover > span {
    color: #5bdaff !important; }

.fw-Navigation-paybillIcon, .fw-Navigation-tradeIcon, .fw-Navigation-transferIcon {
  height: 22px;
  width: 22px;
  display: inline-block;
  background-color: rgba(255, 255, 255, 0.8); }
  .mobile .fw-Navigation-paybillIcon,
  .tablet .fw-Navigation-paybillIcon, .mobile .fw-Navigation-tradeIcon,
  .tablet .fw-Navigation-tradeIcon, .mobile .fw-Navigation-transferIcon,
  .tablet .fw-Navigation-transferIcon {
    background-color: #000000; }

.fw-Header {
  background-color: white;
  height: 110px;
  padding: 5px 100px 0px 100px;
  box-sizing: border-box;
  color: #ffffff; }
  .fw-Header else {
    padding: 20px 100px 0px 100px; }
  .public-page .fw-Header {
    padding: 0px 30px; }
  .public-page .fw-Header_SwitchLang, .public-page .fw-Header_SwitchLang:focus, .public-page .fw-Header_SwitchLang:hover {
    color: #ffffff !important; }
  .fw-Header_Logo {
    background: transparent url("../images/Logo_AMSA_Netxinvestor.png") no-repeat center;
    height: 75px;
    width: 233px; }
  .fw-Header_ContactUsIcon, .fw-Header_UserIcon, .fw-Header_MessageCenter {
    height: 20px;
    width: 20px;
    background-color: #000000;
    margin: 0 auto; }
  .fw-Header_Icons {
    padding: 10px;
    border-radius: 50%;
    background-color: #f2f2f2; }
    .fw-Header_Icons:hover {
      background-color: #bfbfbf; }
    .fw-Header_Icons.active {
      background-color: #bfbfbf; }
  .fw-Header-mobile, .fw-Header-tablet {
    background-color: white;
    color: #ffffff;
    height: 80px;
    padding: 0px 10px;
    box-sizing: border-box; }
    .public-page .fw-Header-mobile, .public-page .fw-Header-tablet {
      padding: 0px 30px; }

.public-page .fw-HeaderComponent {
  height: auto; }

.fw-HeaderComponent_ActionsContainer {
  align-items: center !important; }

.fw-LoaderInter {
  height: auto; }
  .fw-LoaderInter_Logo-initial, .fw-LoaderInter_Logo-transition, .fw-LoaderInter_Logo-componentloading {
    height: 75px;
    background: url("../images/Logo_AMSA_Netxinvestor.png") center no-repeat; }
  .fw-LoaderInter_Bar {
    margin-top: 0; }
    .fw-LoaderInter_Bar-text {
      color: rgba(0, 0, 0, 0.6);
      margin: 0; }
  .fw-LoaderInter_ProgressBar {
    width: 235px;
    margin: 25px auto;
    border-radius: 3px;
    height: 4px;
    background-color: rgba(0, 0, 0, 0.1);
    overflow: hidden; }
    .fw-LoaderInter_ProgressBar-value {
      width: 100%;
      height: 100%;
      border-radius: 3px;
      background-color: #120237;
      animation: indeterminateAnimation 1s infinite linear; }

.fw-MainContent {
  background-color: #ffffff;
  border: none; }
  .page-faq .fw-MainContent {
    padding-top: 0 !important; }
    .page-faq .fw-MainContent .col-xs-12 {
      padding-left: 30px;
      padding-right: 30px; }
  .page-helpfullinks .fw-MainContent {
    padding-top: 0 !important; }
  .page-welcome .fw-MainContent,
  .page-welcome1 .fw-MainContent {
    padding: 0; }
  .desktop:not(.page-welcome):not(.page-changepassword):not(.page-otp):not(.page-sa):not(.page-setup):not(.page-updatesec):not(.page-registration) .fw-MainContent {
    margin: 0 80px; }

.fw-ManageGroupsDialog_AccountsList {
  height: 170px;
  overflow-y: auto; }
  .fw-ManageGroupsDialog_AccountsList .mat-slide-toggle {
    margin: 0; }

.fw-ManageGroupsDialog_AddNewGroupOption {
  padding: 0 5px !important;
  font-size: 1.4rem !important; }
  .fw-ManageGroupsDialog_AddNewGroupOption .mat-divider {
    position: relative;
    top: 0.5px; }

.fw-ManageGroupsDialog_Buttons {
  border-top: 1px solid rgba(0, 0, 0, 0.12);
  margin-left: -15px;
  margin-right: -15px; }
  .fw-ManageGroupsDialog_Buttons-save:hover:not([disabled]), .fw-ManageGroupsDialog_Buttons-cancel:hover:not([disabled]) {
    cursor: pointer; }

.fw-ManageGroupsDialog_ButtonsContainer {
  position: relative;
  top: 15px; }

.fw-ManageGroupsDialog_DeleteGroupIconEnabled .fa-trash {
  color: #120237;
  cursor: pointer; }

.fw-ManageGroupsDialog_DeleteGroupIconDisabled .fa-trash {
  color: #909090;
  cursor: default; }

.fw-ManageGroupsDialog_GroupsDropdown .mat-form-field {
  width: auto; }
  .fw-ManageGroupsDialog_GroupsDropdown .mat-form-field .mat-form-field-infix {
    width: auto !important; }
  .fw-ManageGroupsDialog_GroupsDropdown .mat-form-field .mat-form-field-wrapper {
    height: 35px; }
    .fw-ManageGroupsDialog_GroupsDropdown .mat-form-field .mat-form-field-wrapper .mat-form-field-underline {
      display: none; }
  .fw-ManageGroupsDialog_GroupsDropdown .mat-form-field .mat-select-value {
    color: #120237;
    font-weight: 500;
    min-width: 95px;
    max-width: none;
    width: auto !important;
    padding-right: 35px; }
    .fw-ManageGroupsDialog_GroupsDropdown .mat-form-field .mat-select-value .mat-select-placeholder {
      color: #120237; }

.fw-ManageGroupsDialog_GroupsDropdownOption {
  padding: 0 15px !important;
  font-size: 1.4rem !important; }

.fw-ManageGroupsDialog_GroupName .mat-form-field {
  width: 90%; }

.fw-ManageGroupsDialog_GroupsDropdownContainer {
  padding-top: 0; }

.fw-ManageGroupsDialog_SelectAccounts {
  font-size: 1.4rem;
  font-weight: 600; }

@media (orientation: landscape) {
  .mobile .fw-ManageGroupsDialog {
    height: 500px; } }

.fw-MegaMenu_List-header {
  color: black; }
  .fw-MegaMenu_List-header:hover {
    color: black;
    text-decoration: none; }

.fw-MegaMenu_List-item.mat-menu-item:hover {
  color: white;
  text-decoration: none; }

.fw-MegaMenu_List-item.mat-menu-item.selected {
  background: #edf9fe;
  color: black; }

.fw-MarketIndicesSvg, .fw-PaperlessSvg {
  height: 24px; }

.fw-MobileSubNavigation {
  background-color: #f7f7f7; }
  .fw-MobileSubNavigation .mat-form-field-appearance-outline .mat-form-field-outline {
    color: rgba(0, 0, 0, 0.12); }
  .fw-MobileSubNavigation_Tertiary .mat-input-infix {
    border-left: 1px solid rgba(0, 0, 0, 0.2); }

.fw-Navigation {
  background-color: #120237;
  font-family: Roboto; }
  .fw-Navigation_Icons {
    color: #ffffff; }
    .mobile .fw-Navigation_Icons,
    .tablet .fw-Navigation_Icons {
      border-bottom: 1px solid rgba(233, 235, 239, 0.3); }
  .fw-Navigation_List li a {
    font-size: 1.6rem;
    font-weight: 400; }
    .fw-Navigation_List li a > span {
      color: rgba(255, 255, 255, 0.8); }
    .fw-Navigation_List li a .nav-overview {
      height: 24px;
      width: 20px;
      margin: 0px 10px;
      background-color: #ffffff; }
    .fw-Navigation_List li a:hover > span {
      color: black; }
    .fw-Navigation_List li a:hover .nav-overview {
      background-color: #5BDAFF; }
  .fw-Navigation_List li.active {
    background-color: white;
    color: #000000; }
    .fw-Navigation_List li.active a {
      background-color: rgba(0, 0, 0, 0); }
      .fw-Navigation_List li.active a > span {
        color: #000000 !important; }
      .fw-Navigation_List li.active a .nav-overview {
        background-color: #5BDAFF; }

.fw-PageTitle {
  font-family: Roboto;
  background-color: #f7f7f7; }
  .fw-PageTitle::after {
    color: rgba(0, 0, 0, 0.3); }
    @media print {
      .fw-PageTitle::after {
        color: transparent; } }
  .fw-PageTitle_Title {
    color: black; }
    @media (max-width: 575.99px) {
      .fw-PageTitle_Title {
        color: rgba(0, 0, 0, 0.6);
        padding-left: 0.2rem; } }
  .fw-PageTitle_Context {
    color: #120237; }
    .fw-PageTitle_Context:hover {
      background-color: white;
      border: 1px solid #120237;
      border-radius: 3px; }

.fw-ProfileMenu_Container {
  background-color: white;
  font-size: 1.4rem; }
  .fw-ProfileMenu_Container .fas,
  .fw-ProfileMenu_Container .far {
    font-size: 2.1rem; }

.fw-ProfileMenu_LogoutText {
  font-size: 2rem;
  color: #000000; }

.fw-ProfileMenu_SettingsMenu {
  display: flex;
  justify-content: space-between; }

.fw-ProfileMenu_SettingsIcon, .fw-ProfileMenu_SecurityIcon, .fw-ProfileMenu_DisplayIcon {
  height: 26px;
  width: 26px;
  background-color: currentColor; }

.fw-ProfileMenu_LogoutIcon {
  display: inline-block;
  height: 20px;
  width: 22px;
  background-color: currentColor; }
  .mobile .fw-ProfileMenu_LogoutIcon,
  .tablet .fw-ProfileMenu_LogoutIcon {
    height: 22px;
    float: right;
    margin-right: 10px;
    mask-size: contain;
    -webkit-mask-size: contain;
    background-color: #000000; }

.fw-ProfileMenu_Borderline {
  margin-top: 15px;
  margin-bottom: 15px; }

.desktop .fw-ProfileMenu_Logout {
  justify-content: center;
  display: flex; }

.fw-SecondaryNavigation {
  background-color: #045aa6;
  padding: 10px 0px;
  font-family: Roboto; }
  .fw-SecondaryNavigation_List li a {
    color: #000000;
    font-size: 1.4rem;
    border-radius: 70px; }
    .fw-SecondaryNavigation_List li a:hover {
      text-decoration: none;
      background-color: #e6eaf6;
      color: #0126A4; }
    .fw-SecondaryNavigation_List li a:focus {
      text-decoration: none; }
  .fw-SecondaryNavigation_List li.active {
    background-color: #9366f9;
    color: white; }
    .fw-SecondaryNavigation_List li.active a {
      color: #0126A4; }
    .pg-progbar .fw-SecondaryNavigation_List li.active {
      border-bottom: none; }

.fw-SideNav {
  position: absolute;
  left: -10px;
  z-index: 999;
  background-color: white;
  box-shadow: 1px 1px 5px 0px white;
  font-family: Roboto; }
  .fw-SideNav_Overview {
    display: flex !important;
    align-items: center;
    gap: 10px; }
  .fw-SideNav_HomeIcon {
    display: inline-block;
    height: 22px;
    width: 22px;
    background-color: #000000; }
  .mobile .fw-SideNav,
  .tablet .fw-SideNav {
    top: 80px; }
  .fw-SideNav_Footer {
    margin-top: 30px; }
  .fw-SideNav .mat-expansion-panel {
    background: transparent;
    border: 0; }
    .fw-SideNav .mat-expansion-panel.mat-expanded {
      border: 0;
      background: transparent; }
      .fw-SideNav .mat-expansion-panel.mat-expanded .mat-expansion-panel-header {
        border: 0; }
    .fw-SideNav .mat-expansion-panel .mat-expansion-panel-header {
      background: transparent !important;
      color: #000000; }
  .fw-SideNav .mat-expansion-indicator::after {
    color: #000000;
    padding: 4px !important;
    margin-top: -6px !important; }
  .fw-SideNav a {
    font-weight: 400; }
  .fw-SideNav_FirstLevel .active .mat-expansion-panel.mat-expanded .mat-expansion-panel-header,
  .fw-SideNav_FirstLevel .active .mat-expansion-panel.mat-expanded .mat-expansion-panel-header.mat-expanded,
  .fw-SideNav_FirstLevel .active .mat-expansion-panel.mat-expanded .mat-expansion-panel-header.mat-expanded:focus,
  .fw-SideNav_FirstLevel .active .mat-expansion-panel.mat-expanded .mat-expansion-panel-header.mat-expanded:hover {
    background-color: rgba(0, 0, 0, 0);
    color: #000000;
    font-weight: 500; }
  .fw-SideNav_Header {
    font-size: 1.6rem; }
    .fw-SideNav_Header a {
      color: #000000; }
      .active .fw-SideNav_Header a {
        color: #000000; }
    .mat-nav-list .fw-SideNav_Header {
      border-top: none; }
  .fw-SideNav_ContactUs {
    opacity: 1 !important;
    color: #000000 !important; }
  .fw-SideNav_Link {
    border-bottom: 1px solid rgba(233, 235, 239, 0.3); }
  .fw-SideNav_Menu, .fw-SideNav_Menu:hover {
    color: #273260;
    height: 22px;
    width: 22px; }
  .fw-SideNav_Menu .fa-bars {
    font-size: 24px; }
  .fw-SideNav_SecondLevel {
    background-color: white; }
    .fw-SideNav_SecondLevel li {
      line-height: 40px; }
      .fw-SideNav_SecondLevel li a {
        color: #000000 !important; }
      .fw-SideNav_SecondLevel li.active {
        background-color: rgba(233, 235, 239, 0.09);
        border-radius: 50px; }
        .fw-SideNav_SecondLevel li.active a {
          color: #000000;
          font-weight: 500; }

.fw-MarketIndicesSvg, .fw-PaperlessSvg {
  height: 20px; }

.fw-MobileSubNavigation {
  background-color: #f7f7f7; }
  .fw-MobileSubNavigation .mat-form-field-appearance-outline .mat-form-field-outline {
    color: rgba(0, 0, 0, 0.12); }
  .fw-MobileSubNavigation_Tertiary .mat-input-infix {
    border-left: 1px solid rgba(0, 0, 0, 0.2); }

.fw-SummaryHeader {
  background-color: #f7f7f7; }
  .fw-SummaryHeader_IntegrationList .mat-fab {
    background-color: #438bd9; }

.fw-TertiaryNavigation_DesktopContainer {
  background-color: #f9f9f9; }
  .desktop.page-allsettingsseclevel .fw-TertiaryNavigation_DesktopContainer {
    margin-top: -50px; }

.fw-TertiaryNavigation_Header {
  font-size: 2.8rem;
  background-color: white; }

.fw-TertiaryNavigation_List li a, .fw-TertiaryNavigation_List li a:hover {
  font-size: 1.6rem; }

#neworder .fw-TertiaryNavigation_List li.selected {
  border-bottom: 3px solid white; }

.fw-Spinner {
  margin: 3px;
  height: 43px;
  width: 43px; }

.fw-ThirdLevelMobile_menu {
  padding: 10px 0px; }
  .fw-ThirdLevelMobile_menu-Items {
    background-color: #F2F2F2;
    margin-bottom: 6px; }
  .fw-ThirdLevelMobile_menu-Item {
    display: flex;
    justify-content: space-between;
    padding: 23px 15px;
    line-height: 19px; }
  .fw-ThirdLevelMobile_menu-Icon {
    padding: 3px 0px;
    color: #120237; }

.fw-ThirdLevelMobile_Backbtn-Icon {
  color: #120237; }

.fw-ThirdLevelMobile_Backbtn-Text {
  font-weight: 400;
  font-size: 1.6rem;
  margin-left: 10px; }

hr {
  margin: 20px 0;
  border: none;
  border-top: 1px solid rgba(0, 0, 0, 0.06); }

.ds-Option_Selector {
  background-color: #f9feff;
  color: #6D7278;
  font-size: 1.6rem; }
  .ds-Option_Selector mat-option {
    color: #120237; }
  .ds-Option_Selector .mat-form-field-appearance-outline .mat-form-field-outline .mat-form-field-outline-start,
  .ds-Option_Selector .mat-form-field-appearance-outline .mat-form-field-outline .mat-form-field-outline-gap,
  .ds-Option_Selector .mat-form-field-appearance-outline .mat-form-field-outline .mat-form-field-outline-end {
    background: #f9feff !important; }
  .ds-Option_Selector .mat-form-field-appearance-outline .mat-form-field-infix {
    background: #f9feff !important; }
    .ds-Option_Selector .mat-form-field-appearance-outline .mat-form-field-infix .mat-select-placeholder,
    .ds-Option_Selector .mat-form-field-appearance-outline .mat-form-field-infix .mat-select-value {
      color: #120237 !important; }
    .ds-Option_Selector .mat-form-field-appearance-outline .mat-form-field-infix .mat-select-arrow::after {
      color: #120237; }

#usmarkets,
#news,
#eventscalendar,
#sectorindusperformance,
#summary,
#stocksnews,
#charting,
#earnings,
#fundamentals,
#insiders,
#optionchain,
#overviewmod,
#screeners,
#multiquotecompare,
#mywatchlists,
#securitiesalerts,
#AdvancedScreenerResultsModule {
  background-color: white;
  padding: 0 20px;
  position: relative; }
  .mobile #usmarkets, .mobile
  #news, .mobile
  #eventscalendar, .mobile
  #sectorindusperformance, .mobile
  #summary, .mobile
  #stocksnews, .mobile
  #charting, .mobile
  #earnings, .mobile
  #fundamentals, .mobile
  #insiders, .mobile
  #optionchain, .mobile
  #overviewmod, .mobile
  #screeners, .mobile
  #multiquotecompare, .mobile
  #mywatchlists, .mobile
  #securitiesalerts, .mobile
  #AdvancedScreenerResultsModule {
    padding: 0; }
  #usmarkets .between-xs:first-child,
  #news .between-xs:first-child,
  #eventscalendar .between-xs:first-child,
  #sectorindusperformance .between-xs:first-child,
  #summary .between-xs:first-child,
  #stocksnews .between-xs:first-child,
  #charting .between-xs:first-child,
  #earnings .between-xs:first-child,
  #fundamentals .between-xs:first-child,
  #insiders .between-xs:first-child,
  #optionchain .between-xs:first-child,
  #overviewmod .between-xs:first-child,
  #screeners .between-xs:first-child,
  #multiquotecompare .between-xs:first-child,
  #mywatchlists .between-xs:first-child,
  #securitiesalerts .between-xs:first-child,
  #AdvancedScreenerResultsModule .between-xs:first-child {
    border: 1px solid rgba(0, 0, 0, 0.26);
    border-bottom: none;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    border-top-left-radius: 7px;
    border-top-right-radius: 7px;
    padding: 15px 10px 0; }
  #usmarkets .between-xs:nth-child(2),
  #news .between-xs:nth-child(2),
  #eventscalendar .between-xs:nth-child(2),
  #sectorindusperformance .between-xs:nth-child(2),
  #summary .between-xs:nth-child(2),
  #stocksnews .between-xs:nth-child(2),
  #charting .between-xs:nth-child(2),
  #earnings .between-xs:nth-child(2),
  #fundamentals .between-xs:nth-child(2),
  #insiders .between-xs:nth-child(2),
  #optionchain .between-xs:nth-child(2),
  #overviewmod .between-xs:nth-child(2),
  #screeners .between-xs:nth-child(2),
  #multiquotecompare .between-xs:nth-child(2),
  #mywatchlists .between-xs:nth-child(2),
  #securitiesalerts .between-xs:nth-child(2),
  #AdvancedScreenerResultsModule .between-xs:nth-child(2) {
    border: 1px solid rgba(0, 0, 0, 0.26);
    border-bottom-left-radius: 7px;
    border-bottom-right-radius: 7px;
    border-top: none;
    border-top-left-radius: 0;
    border-top-right-radius: 0; }
  .mobile #usmarkets .between-xs, .mobile
  #news .between-xs, .mobile
  #eventscalendar .between-xs, .mobile
  #sectorindusperformance .between-xs, .mobile
  #summary .between-xs, .mobile
  #stocksnews .between-xs, .mobile
  #charting .between-xs, .mobile
  #earnings .between-xs, .mobile
  #fundamentals .between-xs, .mobile
  #insiders .between-xs, .mobile
  #optionchain .between-xs, .mobile
  #overviewmod .between-xs, .mobile
  #screeners .between-xs, .mobile
  #multiquotecompare .between-xs, .mobile
  #mywatchlists .between-xs, .mobile
  #securitiesalerts .between-xs, .mobile
  #AdvancedScreenerResultsModule .between-xs {
    padding: 15px 0 0; }

#overview .highcharts-point,
#valuationovertime .highcharts-point {
  filter: drop-shadow(0 0 0 rgba(0, 0, 0, 0.7)); }
  #overview .highcharts-point.highcharts-point-hover,
  #valuationovertime .highcharts-point.highcharts-point-hover {
    filter: drop-shadow(0 0 4px rgba(0, 0, 0, 0.7)); }

.qt-ToggleButton {
  border-right: 1px solid #d8d8d8 !important; }

.qt-QuoteToggle_RefreshButton {
  border-radius: 0 !important;
  height: 24px !important;
  padding-left: 5px !important;
  color: #120237 !important; }

input[type=text]:active, input[type=text]:focus {
  outline: none; }

.muted {
  font-size: 1.2rem !important; }

.mat-raised-button.mat-primary[disabled] {
  border: 1px solid rgba(0, 0, 0, 0.12); }

.mat-raised-button.mat-primary:not([disabled]) {
  border: none !important; }

.mat-button {
  line-height: 36px !important; }
  .mat-button:hover:not([disabled]):not(.mat-stroked-button) .mat-button-wrapper {
    color: #f3d291; }

.mat-button:not([disabled]) .mat-button-wrapper .mat-icon {
  color: white !important; }

.mat-icon-button {
  line-height: 36px !important; }

.mat-button.negative-action:focus, .mat-button.negative-action:hover,
.mat-raised-button.negative-action:focus,
.mat-raised-button.negative-action:hover,
.mat-stroked-button.negative-action:focus,
.mat-stroked-button.negative-action:hover {
  text-decoration: none; }

.mat-stroked-button {
  line-height: 36px !important; }

.mat-button:focus:not([disabled]),
.mat-icon-button:focus:not([disabled]) {
  box-shadow: none; }

.mat-button:focus-visible:not([disabled]),
.mat-icon-button:focus-visible:not([disabled]) {
  box-shadow: 0 0 2px 2px #2fdaff; }

.mat-flat-button:focus:not([disabled]), .mat-raised-button:focus:not([disabled]), .mat-fab:focus:not([disabled]), .mat-mini-fab:focus:not([disabled]) {
  box-shadow: none !important; }

.mat-flat-button:focus-visible:not([disabled]),
.mat-raised-button:focus-visible:not([disabled]),
.mat-fab:focus-visible:not([disabled]),
.mat-mini-fab:focus-visible:not([disabled]) {
  box-shadow: 0 0 2px 2px #2fdaff !important; }

.mat-stroked-button:focus:not([disabled]) {
  box-shadow: none;
  border-color: currentColor; }

.mat-stroked-button:focus-visible:not([disabled]) {
  box-shadow: 0 0 1px 1px #2fdaff;
  border-color: #2fdaff; }

mat-menu {
  display: none; }

.mat-tooltip {
  background: white;
  color: black !important;
  margin: 5px 0 0 !important; }

.mat-tooltip-handset {
  margin: 5px 0 0 !important; }

.mat-button-toggle .mat-button-toggle-label-content {
  padding: 3.5px 30px !important; }

.mat-button-toggle-checked .mat-button-toggle-label-content::after {
  display: none; }

.mat-dialog-container {
  max-width: 998px;
  background-color: #f6f6f6; }
  .mat-dialog-container .close {
    color: white; }
    .mat-dialog-container .close.mat-button {
      padding: 0 !important; }
    .mat-dialog-container .close .fa-times {
      float: right;
      font-size: 2.8rem;
      font-weight: 400;
      line-height: 2.5rem; }
  .mat-dialog-container .mat-dialog-title {
    background-color: #120237;
    color: white;
    font-size: 2.4rem;
    font-weight: 400;
    margin: -8px -16px;
    padding: 20px; }
  .mat-dialog-container .mat-dialog-content {
    margin-top: 36px; }
  .mat-dialog-container .close-icon {
    min-width: 12px !important;
    padding: 0 !important;
    text-align: right; }

.dijitDialogUnderlayWrapper {
  position: absolute; }
  .dijitDialogUnderlayWrapper .dijitDialogUnderlay {
    background-color: #e5e5e5;
    opacity: 0.8; }

.mat-card {
  border: 0;
  border-radius: 8px; }
  .mat-card-title {
    font-size: 2rem;
    font-weight: 700; }
  .mat-card .mat-card-actions {
    display: flex;
    justify-content: center;
    padding-top: 15px; }
    .mat-card .mat-card-actions:last-child {
      margin-bottom: 0px !important; }

.mat-expansion-panel {
  border: 0;
  border-radius: 0 !important;
  box-shadow: none;
  margin: 0; }
  .mat-expansion-panel .mat-expansion-panel-header,
  .mat-expansion-panel .mat-expansion-panel-header.mat-expanded,
  .mat-expansion-panel .mat-expansion-panel-header.mat-expanded:focus,
  .mat-expansion-panel .mat-expansion-panel-header.mat-expanded:hover {
    background: white; }
  .mat-expansion-panel.mat-expanded,
  .mat-expansion-panel.mat-expanded .mat-expansion-panel-header,
  .mat-expansion-panel.mat-expanded .mat-expansion-panel-header.mat-expanded,
  .mat-expansion-panel.mat-expanded .mat-expansion-panel-header.mat-expanded:focus,
  .mat-expansion-panel.mat-expanded .mat-expansion-panel-header.mat-expanded:hover {
    background-color: white; }
  .mat-expansion-panel:not(.mat-expanded) .mat-expansion-panel-header:not([aria-disabled='true']).cdk-keyboard-focused, .mat-expansion-panel:not(.mat-expanded) .mat-expansion-panel-header:not([aria-disabled='true']).cdk-program-focused, .mat-expansion-panel:not(.mat-expanded) .mat-expansion-panel-header:not([aria-disabled='true']):hover {
    background: white; }
  .mat-expansion-panel.mat-expansion-panel-spacing {
    margin: 0 !important; }

.mat-expansion-panel-header {
  padding: 10px !important;
  height: auto !important; }
  .mat-expansion-panel-header.mat-expanded {
    height: auto !important; }
  .mat-nav-list .mat-expansion-panel-header {
    font-size: 1.4rem; }

.mat-expansion-indicator::after {
  margin-top: -8px;
  padding: 6px !important;
  color: black; }

.mat-expansion-panel-body {
  padding: 20px 10px !important;
  margin-top: 0px; }

.mat-expansion-panel-content {
  font-size: 1.6rem; }
  .mat-nav-list .mat-expansion-panel-content {
    font-size: 1.6rem; }

.mat-form-field-suffix .mat-icon {
  font-size: 100%;
  line-height: 1; }

.mat-select-arrow {
  border: 0 !important;
  color: transparent !important;
  margin: -7px 0 0 10px !important; }
  .mat-select-arrow::after {
    border-style: solid;
    border-width: 0 2px 2px 0;
    content: '';
    display: block;
    transform: rotate(45deg);
    color: rgba(0, 0, 0, 0.87);
    float: right;
    margin-top: 4px;
    padding: 3px; }
    .fw-AccountDropdown .mat-select-arrow::after, .hld-TotalTile_dropDown .mat-select-arrow::after {
      color: #120237;
      padding: 4px; }

.mat-select-panel.Currency_Matselect .flag-icon-jp,
.mat-select-panel.Currency_Matselect .flag-icon-kr,
.mat-select-panel.Currency_Matselect .flag-icon-sg,
.rb-BaseCurrency .flag-icon-jp,
.rb-BaseCurrency .flag-icon-kr,
.rb-BaseCurrency .flag-icon-sg,
.rb-QuoteCurrency .flag-icon-jp,
.rb-QuoteCurrency .flag-icon-kr,
.rb-QuoteCurrency .flag-icon-sg {
  border: 1px solid #D9D9D9; }

.mat-slide-toggle {
  vertical-align: sub; }
  .mat-slide-toggle .mat-slide-toggle-bar {
    width: 40px;
    height: 24px;
    border-radius: 16px; }
  .mat-slide-toggle .mat-slide-toggle-thumb-container {
    left: 3px;
    top: 3px;
    width: 14px;
    height: 14px; }
  .mat-slide-toggle .mat-slide-toggle-thumb {
    width: 18px;
    height: 18px; }
  .mat-slide-toggle.mat-checked:not(.mat-disabled) .mat-slide-toggle-thumb {
    background-color: #fafafa; }
  .mat-slide-toggle.mat-checked:not(.mat-disabled) .mat-slide-toggle-bar {
    background-color: #120237; }
  .mat-slide-toggle.mat-checked .mat-slide-toggle-thumb-container {
    transform: translate3d(15px, 0, 0) !important; }
  .mat-slide-toggle .mat-slide-toggle-thumb-container.mat-dragging {
    transform: translate3d(9px, 0, 0) !important; }

.mat-table .mat-header-row {
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-bottom: 1px solid rgba(0, 0, 0, 0.3);
  min-height: 44px; }

.mat-table .mat-header-cell {
  color: rgba(0, 0, 0, 0.8);
  font-size: 1.4rem; }
  .mat-table .mat-header-cell .far.fa-info-circle {
    background-color: white;
    color: #120237;
    margin-left: 5px; }

.page-allsettingsseclevel dynamic-component .row.between-xs .column-finder > div > div, .page-displaysettings dynamic-component .row.between-xs .column-finder > div > div {
  background: white;
  padding: 20px;
  margin-top: -40px;
  font-size: 28px;
  margin-bottom: 20px; }

.mod-QuickQuotes .mat-form-field-appearance-outline .mat-form-field-flex {
  background-color: transparent; }

.mod-QuickQuotes .mat-icon {
  color: rgba(255, 255, 255, 0.62);
  font-size: 1.4rem;
  color: rgba(0, 0, 0, 0.62) !important; }

.mod-QuickQuotes .mat-input-element {
  font-size: 1.4rem; }
  .mod-QuickQuotes .mat-input-element::placeholder {
    color: rgba(0, 0, 0, 0.62) !important; }

.mobile.signed-in .mod-QuickQuotes_Tooltip {
  margin-left: 0; }
  @media (orientation: portrait) {
    .mobile.signed-in .mod-QuickQuotes_Tooltip {
      left: 5%; } }
  @media (orientation: landscape) {
    .mobile.signed-in .mod-QuickQuotes_Tooltip {
      left: 3%; } }

.gl-Taxlot_Detail-section1, .gl-Taxlot_Detail-section2 {
  border-right: 1px solid #E0E0E0; }

.gl-Taxlot_Dialog .mat-expansion-panel.mat-expansion-panel-spacing {
  margin-bottom: 15px !important; }

.alert-popup {
  display: flex; }
  .alert-popup .inline-icon {
    font-size: 1.5em; }

.bs-BillSuite {
  padding: 0 40px 40px 40px; }
  .mobile .bs-BillSuite, .tablet .bs-BillSuite {
    padding: 10px 15px 40px 15px; }
  .bs-BillSuite_pagetitle {
    background-color: #4f44a014;
    padding: 15px; }
  .bs-BillSuite_Container {
    display: grid;
    grid-template-columns: 30% 70%; }
    .tablet .bs-BillSuite_Container {
      grid-template-columns: 38% 62%; }
    .mobile .bs-BillSuite_Container {
      grid-template-columns: none; }
  .bs-BillSuite_Text-welcomepage-section1 {
    margin-top: 0; }
  .bs-BillSuite_Text-launchbillpage-section1 {
    margin-top: 40px; }
  .bs-BillSuite_Header {
    font-size: 2.8rem;
    font-weight: 500;
    margin-bottom: 30px; }
    .mobile .bs-BillSuite_Header {
      margin-bottom: 0; }
  .mobile .bs-BillSuite_Button {
    width: 100%;
    margin-top: 25px !important; }

.modal .mat-dialog-container .mat-dialog-title {
  margin: 0;
  gap: 10px;
  background-color: #120237; }
  .modal .mat-dialog-container .mat-dialog-title .close {
    font-size: 36px;
    margin-right: 0px;
    margin: 1.2rem 0 0.96rem 0; }

.modal .mat-dialog-container .mat-expansion-panel {
  border: 1px solid rgba(0, 0, 0, 0.1); }
  .modal .mat-dialog-container .mat-expansion-panel.mat-expanded {
    border: 1px solid rgba(0, 0, 0, 0.2); }
    .modal .mat-dialog-container .mat-expansion-panel.mat-expanded .mat-expansion-panel-header {
      border-bottom: 1px solid rgba(0, 0, 0, 0.1); }

@media (max-width: 575.99px) {
  .modal .action-buttons {
    width: 100%; }
    .modal .action-buttons .mat-raised-button {
      width: 100%;
      margin: 0 0 15px 0 !important; }
    .modal .action-buttons .mat-stroked-button {
      width: 100%;
      margin: 0 !important; } }

.alert-modal .mat-dialog-container .mat-dialog-content {
  margin: 0;
  padding: 15px 0; }

@media (max-width: 575.99px) {
  .alert-modal .action-buttons .mat-raised-button, .alert-modal .action-buttons .mat-stroked-button {
    width: 100%;
    margin: 0 0 15px 0 !important; } }

#onetrust-consent-sdk .btn-group {
  font-size: inherit; }

.ot-sdk-column .btn-group {
  font-size: inherit; }

.between-xs.row {
  margin-left: 0;
  margin-right: 0; }
  .page-welcome #welcome .between-xs.row .col-xs-12,
  .page-welcome #welcome1 .between-xs.row .col-xs-12 {
    padding-left: 0px;
    padding-right: 0px; }

.private-page .hide-onetrust-options {
  display: none; }

.page-allsettingsseclevel .wrapper {
  background-color: #f9f9f9; }

.page-allsettingsseclevel .fw-TertiaryNavigation_List {
  background-color: transparent;
  font-size: 1.4rem; }
  .page-allsettingsseclevel .fw-TertiaryNavigation_List li {
    background-color: transparent !important;
    border-bottom: none !important;
    color: #000000;
    height: 28px;
    line-height: 28px !important; }
    .page-allsettingsseclevel .fw-TertiaryNavigation_List li:hover {
      background-color: rgba(233, 235, 239, 0.1) !important;
      border-radius: 70px; }
      .page-allsettingsseclevel .fw-TertiaryNavigation_List li:hover a {
        color: rgba(210, 230, 255, 0.8) !important; }
    .page-allsettingsseclevel .fw-TertiaryNavigation_List li.selected {
      background-color: rgba(233, 235, 239, 0.1) !important;
      border-radius: 70px; }
      .page-allsettingsseclevel .fw-TertiaryNavigation_List li.selected a {
        color: rgba(210, 230, 255, 0.8) !important; }

.page-commissionschedule .row.between-xs {
  margin-left: 20px !important; }

.page-investtools.modal-open .ui-datepicker {
  top: 365px !important; }

.page-registration .mat-raised-button.mat-primary, .page-registration .mat-stroked-button.mat-primary {
  font-weight: 700; }

.page-registration .fw-MainContent {
  background-image: linear-gradient(to bottom, white 20%, white 100%); }

.mat-stepper-horizontal {
  border-radius: 9px; }

.page-welcome1 .row.between-xs > .col-xs-12 {
  padding: 0; }

.table th,
.table td {
  font-size: 1.4rem; }

.table > thead th {
  border-top: 1px solid #e0e0e0; }

.table > tbody > tr > td {
  padding: 1.2rem 0.8rem; }

.tooltipIcon {
  color: #d50000 !important;
  padding-left: 15px !important;
  margin-left: 20px !important; }
  .tooltipIcon:before {
    color: #d50000;
    content: "\f057";
    display: inline-block;
    font-family: "Font Awesome 5 Pro";
    font-size: 1.3em;
    font-weight: 600;
    padding-right: 10px; }

@media (min-width: 991px) and (max-width: 1280px) {
  .desktop .st-SummaryTile_TotalTile {
    padding-left: 5px !important; }
    .desktop .st-SummaryTile_TotalTile-value {
      font-size: 14px; }
    .desktop .st-SummaryTile_TotalTile svg.highcharts-root {
      width: 65px; } }

.mobile.page-registration .container > div,
.mobile.page-registration .container-fluid > div {
  margin-right: 0; }

.st-SummaryTile_TotalTile {
  width: 100%; }
  .st-SummaryTile_TotalTile-header {
    color: #120237; }
    .st-SummaryTile_TotalTile-header .mat-select-placeholder {
      color: #120237; }
  .st-SummaryTile_TotalTile-change {
    font-size: 1.2rem; }

.st-SummaryTile_AssetTile {
  font-size: 1.2rem; }
  .st-SummaryTile_AssetTile-header {
    color: #000000;
    font-size: 1.6rem;
    font-weight: 700;
    text-transform: none !important; }
  .st-SummaryTile_AssetTile-headerExtended {
    display: inline-block;
    max-width: 100px;
    contain: content;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-bottom: -7px; }
  .st-SummaryTile_AssetTile-expanded {
    transform: translate(0%, 70%);
    margin-top: 41px; }

.st-SummaryTile_Carousel {
  width: 100%;
  height: 175px;
  margin-top: 40px !important; }
  .st-SummaryTile_Carousel .carousel-disable {
    display: none; }
  .st-SummaryTile_Carousel-arrow {
    margin: 0;
    transform: translate(10%, -335%); }

.st-SummaryTile_Mobile-rightArrowTotal {
  transform: translate(260px, -77px); }

.st-SummaryTile_Mobile-leftArrowTotal {
  transform: translate(-25px, 73px); }

.st-SummaryTile_Mobile-rightArrowAsset {
  transform: translate(260px, -80px); }

.st-SummaryTile_Mobile-leftArrowAsset {
  transform: translate(-25px, 73px); }

.otp-ImageText {
  font-weight: 700;
  color: #424242;
  font-size: 1.4rem; }

.otp-TellMeMore {
  max-width: 830px !important; }
  .otp-TellMeMore .mat-dialog-content-padded {
    padding: 30px 40px; }

.mobile .st-SummaryTile {
  width: 300px;
  height: 120px; }
  .mobile .st-SummaryTile .mat-grid-list {
    position: relative;
    top: -20px; }
  .mobile .st-SummaryTile_Container .fa-chevron-right {
    margin-left: 40px; }

.alert-inpage {
  border-radius: 3px;
  font-size: 1.6rem;
  border-left-width: 9px; }
  .alert-inpage p {
    padding-left: 35px !important;
    margin: 12px 0px; }
    .alert-inpage p::before {
      margin-left: -35px !important; }
  .alert-inpage.error {
    background-color: rgba(228, 7, 7, 0.03); }
    .alert-inpage.error p::before {
      content: "\f057"; }
  .alert-inpage.confirm {
    background-color: rgba(0, 186, 49, 0.03); }
  .alert-inpage.warn {
    background-color: rgba(255, 157, 0, 0.03); }
  .alert-inpage.info, .alert-inpage.tip {
    background-color: rgba(0, 174, 255, 0.03);
    border-color: #00aeff; }
    .alert-inpage.info p::before, .alert-inpage.tip p::before {
      color: #00aeff; }

.sts-Display .mat-tab-label-container, .sts-Display_CurLocal, .sts-Display_DefLocal {
  border-bottom: 1px solid #e0e0e0; }

.sts-Default .mat-optgroup-label {
  border-bottom: 1px solid #e0e0e0; }

.lgc-PreloginDialog {
  width: 851px !important;
  overflow: auto; }
  .lgc-PreloginDialog_Header {
    padding-left: 50px !important; }
  .lgc-PreloginDialog_LoginInfo {
    padding-left: 50px !important;
    padding-right: 35px !important; }
  .lgc-PreloginDialog_Title {
    font-weight: 700; }
  .lgc-PreloginDialog_Needanid h4 {
    font-size: 2rem; }

.lgc-PreloginContainer_LoginInfo .alert-inpage {
  margin-bottom: 30px; }

.lgc-Prelogin_Form .portlet-title {
  margin-top: 30px; }

.lg-ForgotUserID {
  overflow: inherit; }

.lg-Prelogin_Forgot {
  margin-top: 20px; }

.lg-Prelogin_RememberUserID {
  margin-top: 40px;
  margin-bottom: 20px; }

.lg-Prelogin_Form {
  padding: 0; }

.ws-Button {
  height: 48px;
  width: 151px !important;
  margin-top: 50px !important; }
  .mobile .ws-Button {
    margin-top: 0 !important; }

.ws-WelcomeText .lmimage1_content {
  text-shadow: 0px 0px 5px #000000; }
  .ws-WelcomeText .lmimage1_content span, .ws-WelcomeText .lmimage1_content h2 {
    color: #feedef;
    font-family: "Roboto" !important;
    font-size: 8rem;
    font-weight: 300; }
    .mobile .ws-WelcomeText .lmimage1_content span, .mobile .ws-WelcomeText .lmimage1_content h2 {
      font-size: 55px !important;
      line-height: 55px; }
    .tablet .ws-WelcomeText .lmimage1_content span, .tablet .ws-WelcomeText .lmimage1_content h2 {
      font-size: 65px; }
  .ws-WelcomeText .lmimage1_content p {
    color: #feedef;
    font-size: 2rem;
    font-weight: 500 !important; }

.mobile .ws-WelcomeText {
  top: 100px !important;
  padding: 0 15px 0 30px !important;
  text-align: left !important; }

.ws-Item:before {
  background-image: linear-gradient(to right, #0B2240 -30.94%, transparent 90%);
  width: 100%;
  height: 618px;
  content: "";
  position: absolute; }

.mobile .ws-Image {
  height: 618px !important;
  object-position: 48% 0% !important; }

.mobile .ws-WelcomeText p {
  width: 300px; }

.mobile .ws-Item:before {
  height: 375px !important; }

.tablet .ws-WelcomeText {
  width: 395px; }

.tablet .ws-Image {
  object-position: 44% 0% !important; }

.tablet .ws-Item:before {
  height: 550px !important; }

.ws-Register_Link {
  color: #ffffff; }
  .ws-Register_Link:hover {
    color: #ffffff; }

.ws-Register_Text {
  color: #feedef; }

.ws-AboutUsContactUs {
  display: flex;
  column-gap: 45px;
  row-gap: 20px;
  padding: 0px 25px 20px; }
  .ws-AboutUsContactUs.small-container {
    flex-direction: column; }

.ws-WelcomeAboutus {
  flex: 1; }

.ws-WelcomeContactus {
  flex: 1; }

.ws-AccountAndManagedPortfolio {
  display: flex;
  column-gap: 45px;
  row-gap: 20px;
  padding: 10px 25px 20px; }
  .ws-AccountAndManagedPortfolio.small-container {
    flex-direction: column; }

.ws-OpenAccount {
  flex: 1; }

.ws-ManagedPortfolio {
  flex: 1; }

.at-AmpHome_Grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr); }
  .at-AmpHome_Grid .mat-card {
    display: flex;
    flex-direction: column;
    box-sizing: border-box;
    height: 100%; }
    .at-AmpHome_Grid .mat-card .mat-card-content {
      flex-grow: 1; }

.at-Landing {
  display: flex;
  flex-direction: column;
  gap: 20px;
  height: 100%; }

.at-ACH, .at-RequestCheck, .at-WireTransfer {
  height: 100%; }
  .at-ACH_Heading, .at-RequestCheck_Heading, .at-WireTransfer_Heading {
    height: auto; }
  .at-ACH_Wrapper, .at-RequestCheck_Wrapper, .at-WireTransfer_Wrapper {
    grid-column: span 2;
    height: 100%; }

.at-ACH_Wrapper .mat-form-field, .at-RequestCheck_Wrapper .mat-form-field {
  margin: 0;
  margin-bottom: 15px !important;
  width: 400px; }

.at-ManageAccounts_Content {
  padding: 0; }

.at-FundstransferGrid_Header {
  margin: 15px 0px;
  width: fit-content; }
  .at-FundstransferGrid_Header-title {
    margin: 0px 10px; }

.at-LinkAccount_Add {
  display: flex;
  align-items: center;
  gap: 5px;
  padding: 20px 0px;
  width: fit-content; }

.at-AmpTile {
  height: 100%; }
  .at-AmpTile_Card {
    display: flex !important;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center; }
    .at-AmpTile_Card .display-icon {
      height: 80px;
      width: 80px; }

.desktop .at-AmpHome_Grid,
.tablet .at-AmpHome_Grid {
  column-gap: 20px; }

@media (orientation: portrait) {
  .tablet .at-ACH_Wrapper .mat-form-field, .tablet .at-RequestCheck_Wrapper .mat-form-field {
    width: 100%; } }

.mobile .at-ACH_Wrapper .mat-form-field, .mobile .at-RequestCheck_Wrapper .mat-form-field {
  width: 100%; }

.mobile .at-AmpHome_Grid {
  row-gap: 20px;
  grid-template-columns: 1fr; }

@media print {
  .act-SummaryFilter_Tile-active {
    -webkit-print-color-adjust: exact; }
  .fw-Header_ClearingInfo, .fw-Header_LogoContainer {
    flex-basis: 25%;
    max-width: 25%; }
  .fw-SummaryHeader, .fw-Footer {
    background-color: transparent; }
  .fw-SummaryHeader::after {
    right: 0;
    top: 30px; }
  .fw-PageTitle_Context a {
    color: rgba(0, 0, 0, 0.6);
    font-size: 1.4rem;
    font-weight: 500; }
  .fw-ContextPassing {
    padding-left: 5px; }
  .qt-AsOfDate {
    position: absolute;
    right: 0; } }

@media (orientation: portrait) {
  .fw-ThirdLevelNavigation_Matselect {
    width: 100% !important; }
    .fw-ThirdLevelNavigation_Matselect.mat-form-field {
      margin-bottom: 15px; }
  .fw-FourthLevelNavigation_MatFormField {
    width: 100% !important; } }

@media (orientation: landscape) {
  .fw-ThirdLevelNavigation_Matselect {
    width: 97% !important; }
  .fw-FourthLevelNavigation_MatFormField {
    width: 97% !important; } }

a {
  font-weight: 700; }
  a:visited {
    font-weight: 500; }
  a:focus-visible {
    outline: 2px solid #2fdaff; }

.mat-horizontal-stepper-header-container {
  padding: 10px; }

.mat-stepper-horizontal .mat-horizontal-stepper-header {
  flex-direction: row;
  flex: none;
  height: 26px !important;
  gap: 10px;
  border-radius: 60px;
  padding: 0 14px !important; }

.mat-stepper-horizontal .mat-stepper-horizontal-line {
  border-top-width: 1px !important;
  margin: 8px !important; }

.mat-stepper-horizontal-line {
  border-top-style: dotted !important;
  flex: auto;
  height: 0;
  margin: 0 !important;
  min-width: 32px; }

.mat-step-header .mat-step-icon {
  background: transparent !important;
  font-size: 1.4rem; }

.mat-step-header .mat-step-label {
  color: #000000;
  margin-left: -10px !important;
  opacity: 0.5; }

.mat-step-header .mat-step-label.mat-step-label-active {
  color: #000000 !important;
  opacity: 1 !important; }

.mat-step-header .mat-step-label.mat-step-label-active.mat-step-label-selected {
  color: #0126A4 !important;
  opacity: 1 !important; }

.mat-step-header .mat-step-icon:after {
  border: none !important; }

.mat-horizontal-stepper-header {
  pointer-events: none !important; }
  .mat-horizontal-stepper-header[ng-reflect-selected='false'] {
    padding: 0 !important; }

.mat-stepper-horizontal .mat-horizontal-stepper-header[aria-selected='true'] {
  background: #E6EAF6; }

.mat-step-icon-state-edit {
  color: #0126A4 !important;
  border: none !important;
  margin-left: -12px !important;
  margin-top: 2px !important; }

.mat-step-icon-state-done {
  color: #10823B !important;
  border: none !important;
  margin-right: 0px !important; }

.mat-step-icon-state-number {
  color: #000000 !important;
  opacity: 0.5;
  border: none !important;
  margin-right: 0px !important; }

@keyframes indeterminateAnimation {
  0% {
    transform: translateX(-100%) scaleX(0.3); }
  50% {
    transform: translateX(0) scaleX(0.3); }
  100% {
    transform: translateX(100%) scaleX(0.3); } }

.ag-theme-alpine {
  --ag-header-foreground-color: #666666;
  --ag-range-selection-border-color: transparent; }
  .ag-theme-alpine .ag-header {
    border-bottom: 1px solid rgba(0, 0, 0, 0.1); }
    .ag-theme-alpine .ag-header-row {
      font-weight: 400; }
    .ag-theme-alpine .ag-header-cell-label .mat-icon {
      height: 15px; }
  .ag-theme-alpine .ag-row-level-0.ag-row-group-expanded, .ag-theme-alpine .ag-row-level-0.ag-row-hover {
    background-color: #edf9fe !important; }
  .ag-theme-alpine .ag-row-level-1 {
    background-color: #f2fbfe !important; }
    .ag-theme-alpine .ag-row-level-1.ag-row-hover {
      background-color: #f2fbfe !important; }
  .ag-theme-alpine .ag-row-level-2 {
    background-color: #f7fcff !important; }
    .ag-theme-alpine .ag-row-level-2.ag-row-hover {
      background-color: #f7fcff !important; }
  .ag-theme-alpine .ag-row-level-3 {
    background-color: #fbfeff !important; }
    .ag-theme-alpine .ag-row-level-3.ag-row-hover {
      background-color: #fbfeff !important; }
  .ag-theme-alpine .ag-layout-auto-height .ag-center-cols-clipper,
  .ag-theme-alpine .ag-layout-auto-height .ag-center-cols-container,
  .ag-theme-alpine .ag-layout-print .ag-center-cols-clipper,
  .ag-theme-alpine .ag-layout-print .ag-center-cols-container {
    min-height: 150px; }
  .ag-theme-alpine .ag-body-horizontal-scroll.ag-invisible-scrollbar {
    height: 0px !important;
    min-height: 0px !important;
    max-height: 0px !important; }

.desktop disclosure-content .cm-Title_Container, .desktop disclosure-content-app .cm-Title_Container {
  margin-left: 25px; }

.desktop disclosure-content .cm-BackLink_Container, .desktop disclosure-content-app .cm-BackLink_Container {
  margin-right: 25px; }

.desktop disclosure-content .cm-Content, .desktop disclosure-content-app .cm-Content {
  margin: 0 25px; }

.cdk-overlay-transparent-backdrop, .cdk-overlay-transparent-backdrop.cdk-overlay-backdrop-showing {
  background-color: #000000;
  opacity: 0.288; }

.mat-form-field textarea,
.mat-form-field input[type="text"],
.mat-form-field input[type="password"],
.mat-form-field input[type="datetime"],
.mat-form-field input[type="datetime-local"],
.mat-form-field input[type="date"],
.mat-form-field input[type="month"],
.mat-form-field input[type="time"],
.mat-form-field input[type="week"],
.mat-form-field input[type="number"],
.mat-form-field input[type="email"],
.mat-form-field input[type="url"],
.mat-form-field input[type="search"],
.mat-form-field input[type="tel"],
.mat-form-field input[type="color"],
.mat-form-field .uneditable-input {
  background-color: transparent;
  border: none;
  border-radius: 0px;
  box-shadow: none;
  height: auto;
  line-height: auto;
  margin: 0;
  padding: 0;
  vertical-align: middle; }
  .mat-form-field textarea:focus,
  .mat-form-field input[type="text"]:focus,
  .mat-form-field input[type="password"]:focus,
  .mat-form-field input[type="datetime"]:focus,
  .mat-form-field input[type="datetime-local"]:focus,
  .mat-form-field input[type="date"]:focus,
  .mat-form-field input[type="month"]:focus,
  .mat-form-field input[type="time"]:focus,
  .mat-form-field input[type="week"]:focus,
  .mat-form-field input[type="number"]:focus,
  .mat-form-field input[type="email"]:focus,
  .mat-form-field input[type="url"]:focus,
  .mat-form-field input[type="search"]:focus,
  .mat-form-field input[type="tel"]:focus,
  .mat-form-field input[type="color"]:focus,
  .mat-form-field .uneditable-input:focus {
    border: none;
    box-shadow: none; }

.mat-form-field input:focus:invalid:focus {
  border: none;
  box-shadow: none; }

input.mat-raised-button {
  font-style: normal; }

.dbootstrap .dijitPlaceHolder,
.dijitReset.dijitInputInner::placeholder {
  font-style: italic !important; }

.dj_safari .row:before,
.dj_safari .row:after {
  display: inline-block !important; }

.dbootstrap .alert-warning:before,
.dbootstrap .alert-error:before,
.dbootstrap .alert-success:before,
.dbootstrap .alert-info:before,
.dbootstrap .alert-danger:before {
  position: relative !important;
  float: left; }

.dbootstrap .alert-success {
  color: #006600 !important;
  background-color: #dbf3db !important;
  border-color: #339933 !important; }

.dj_ios:not(.dj_safari) .tablet .taxLotsUGLDialog #tempUglID + .row .span6 {
  width: 48.5%; }

.dj_ios:not(.dj_safari) .mobile .taxLotsUGLDialog #tempUglID + .row .span6 {
  width: 48.5%; }

.text-link {
  color: #120237; }
  .text-link:hover, .text-link:active {
    color: #0e022c;
    text-decoration: underline; }
  .text-link.mat-menu-item:hover, .text-link.mat-menu-item:active {
    text-decoration: none; }

.gain,
.positive {
  color: #4db34d !important; }

.loss,
.negative {
  color: #e02020 !important; }

.information {
  color: #2faeff !important; }

.warning {
  color: #ff9d00 !important; }

.required {
  color: #d50000 !important; }

.text-secondary {
  color: rgba(0, 0, 0, 0.6); }

.text-primary {
  color: black; }

.text-light {
  color: rgba(0, 0, 0, 0.14); }

.text-accent {
  color: #e9ebef; }

.muted {
  color: #9e9e9e;
  font-size: 1rem; }

.disabled {
  color: rgba(0, 0, 0, 0.26) !important;
  pointer-events: none  !important;
  cursor: pointer !important; }

.border-left {
  border-left-color: rgba(0, 0, 0, 0.2) !important; }

.border-right {
  border-right-color: rgba(0, 0, 0, 0.2) !important; }

.border-bottom {
  border-bottom-color: rgba(0, 0, 0, 0.2) !important; }

.border-top {
  border-top-color: rgba(0, 0, 0, 0.2) !important; }

.border {
  border-color: rgba(0, 0, 0, 0.2) !important; }

.highcharts-title {
  fill: #333333;
  font-size: 1.5em; }

.highcharts-subtitle {
  fill: #666666; }

.highcharts-tooltip-box {
  stroke-width: 1px;
  fill: #ffffff;
  stroke: #909090; }

body::before {
  content: "Test-Compilation-Modern";
  opacity: 0;
  height: 0;
  width: 0;
  display: none; }