@keyframes sk-stretchdelay {
  0%,
  40%,
  100% {
    transform: scaleY(0.4);
  }
  20% {
    transform: scaleY(1);
  }
}
@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fadeInLeft {
  0% {
    opacity: 0;
    transform: translateX(100px);
  }
  100% {
    opacity: 1;
    transform: translateX(0px);
  }
}
@keyframes fadeInRight {
  0% {
    opacity: 0;
    transform: translateX(-100px);
  }
  100% {
    opacity: 1;
    transform: translateX(0px);
  }
}
@keyframes fadeInUp {
  0% {
    opacity: 0;
    transform: translateY(50px);
  }
  100% {
    opacity: 1;
    transform: translateY(0px);
  }
}
@keyframes fadeInDown {
  0% {
    opacity: 0;
    transform: translateY(-50px);
  }
  100% {
    opacity: 1;
    transform: translateY(0px);
  }
}
.card .loader {
  min-height: 250px;
}
.card-header .convert-card-caret {
  margin-left: 5px;
}
aggregated-planning-alerts-overview {
  display: inline-block;
}
.aggregated-planning-alerts-overview h1 {
  margin-left: -15px;
}
.aggregated-planning-alerts-overview .title {
  margin-bottom: 15px;
}
.aggregated-planning-alerts-overview tr {
  height: 40px;
}
.aggregated-planning-alerts-overview tr.selected .title,
.aggregated-planning-alerts-overview tr.selected .count {
  font-weight: bold;
}
.aggregated-planning-alerts-overview thead .icon {
  width: 50px;
}
.aggregated-planning-alerts-overview thead .count {
  width: 100px;
}
.aggregated-planning-alerts-overview thead .group {
  width: 75px;
}
.aggregated-planning-alerts-overview tbody .icon,
.aggregated-planning-alerts-overview tbody .group {
  font-size: 16px;
  text-align: center;
}
.aggregated-planning-alerts-overview tbody .icon i,
.aggregated-planning-alerts-overview tbody .group i {
  vertical-align: middle;
}
.aggregated-planning-alerts-overview fig-spinner {
  display: inline-block;
  margin: 20px 50%;
}
.advice-settings .form-control {
  width: 195px;
}
.advice-settings .card-form-actions button {
  margin-right: 3px;
}
.advice-settings .my-vault-view.with-accounts-overlay-active {
  margin-top: 225px;
}
.advice-settings .clientfile-identification-tags .panel-body {
  min-height: 75px;
}
.advice-settings fig-save-state-message {
  position: absolute;
  padding-top: 6px;
  margin-left: 8px;
}
#mdShadow {
  /* Shadows (from mdl http://www.getmdl.io/) */
}
/* Small Devices, Tablets */
/* Large Devices, Wide Screens */
@media only screen and (max-width: 1200px) {
  .container {
    width: 100%;
  }
}
/* Medium Devices, Desktops */
/* Printable media */
@media print {
  .footer {
    display: none;
  }
}
/* Extra Small Devices, Phones */
@media only screen and (min-width: 1440px) {
  .container {
    width: 1400px;
  }
}
input::-ms-clear {
  display: none;
}
.set-owner-and-division-dialog hr {
  margin: 0;
}
.set-owner-and-division-dialog .division-select-label {
  padding-top: 5px;
}
.set-owner-and-division-dialog .advisor-select-label {
  padding-top: 20px;
}
.set-owner-and-division-dialog .advisor-select-select {
  padding-top: 15px;
}
.set-owner-and-division-dialog mat-dialog-content {
  min-height: 150px;
}
.set-owner-and-division-dialog .sub-title,
.set-owner-and-division-dialog select {
  font-size: 14px;
}
.set-owner-and-division-dialog fig-spinner {
  top: -5px;
}
.generic-dialog span {
  font-size: 24px;
}
.generic-dialog hr {
  width: 100%;
  margin: 0px;
}
.generic-dialog .mat-mdc-dialog-content {
  color: rgba(0, 0, 0, 0.85) !important;
  font-size: 13px !important;
  letter-spacing: initial !important;
}
.generic-dialog button {
  margin-left: 10px;
}
.generic-dialog mat-dialog-actions {
  padding: 12px;
}
.generic-dialog .mat-mdc-dialog-content {
  max-height: initial;
}
.client-file-transfer-request-dialog h3 {
  font-size: 24px !important;
}
.client-file-transfer-request-dialog hr {
  margin: 0;
}
.client-file-transfer-request-dialog .sub-title {
  margin-bottom: 16px;
}
.client-file-transfer-request-dialog .mat-mdc-dialog-content,
.client-file-transfer-request-dialog .mat-mdc-dialog-content label {
  color: rgba(0, 0, 0, 0.85) !important;
  font-size: 13px !important;
  letter-spacing: initial !important;
}
.client-file-transfer-request-dialog input {
  border-radius: 4px !important;
}
.client-file-transfer-request-dialog .error-message span {
  font-weight: 400;
  font-size: 14px;
}
.client-file-transfer-request-dialog .control-label {
  padding-top: 6px;
}
.client-file-transfer-dialog h3 {
  font-size: 24px !important;
}
.client-file-transfer-dialog hr {
  margin: 0;
}
.client-file-transfer-dialog .sub-title {
  margin-bottom: 16px;
}
.client-file-transfer-dialog .mat-mdc-dialog-content,
.client-file-transfer-dialog .mat-mdc-dialog-content label {
  color: rgba(0, 0, 0, 0.85) !important;
  font-size: 13px !important;
  letter-spacing: initial !important;
}
.client-file-transfer-dialog input {
  border-radius: 4px !important;
}
.client-file-transfer-dialog .error-message span {
  font-weight: 400;
  font-size: 13px;
}
.client-file-transfer-dialog .control-label {
  padding-top: 6px;
}
.client-file-transfer-dialog fig-division-selector div {
  padding: 0;
}
/* SERIES */
.life-line-series .highcharts-graph {
  visibility: hidden;
  /* REMOVING PLOT LINE BETWEEN EVENTS */
}
/* DATA LABEL */
.life-line-data-label {
  /* SINGLE */
  /* MULTI */
}
.life-line-data-label .single-item {
  width: 90px;
  padding: 0px 5px;
}
.life-line-data-label .single-item .icon-cell {
  display: inline-block;
  vertical-align: middle;
  width: 22px;
}
.life-line-data-label .single-item .icon-cell .icon {
  font-size: 16px;
}
.life-line-data-label .single-item .text-cell {
  display: inline-block;
  width: 58px;
  vertical-align: middle;
}
.life-line-data-label .single-item .text-cell .year {
  font-weight: bold;
}
.life-line-data-label .single-item .text-cell .title {
  text-overflow: ellipsis;
  overflow: hidden;
}
.life-line-data-label .multi-item {
  width: 60px;
  padding: 0px 5px;
}
.life-line-data-label .multi-item .text-cell {
  display: inline-block;
  width: 50px;
  vertical-align: middle;
}
.life-line-data-label .multi-item .text-cell .year {
  padding-right: 5px;
  display: inline;
  font-weight: bold;
}
.life-line-data-label .multi-item .text-cell .title {
  display: inline;
  text-align: right;
}
.flag-icon-background {
  background-size: contain;
  background-position: 50%;
  background-repeat: no-repeat;
}
.flag-icon {
  background-size: contain;
  background-position: 50%;
  background-repeat: no-repeat;
  position: relative;
  display: inline-block;
  width: 1.33333333em;
  line-height: 1em;
}
.flag-icon:before {
  content: "\00a0";
}
.flag-icon.flag-icon-squared {
  width: 1em;
}
fig-table-type-selector .table-type-selector-btn .btn {
  border: none;
  background: none;
}
.plan-selector-dropdown-panel {
  min-width: 350px !important;
}
fig-multi-year-select .input-and-button-container {
  display: flex;
}
fig-multi-year-select .input-and-button-container input {
  border-top-right-radius: 0px;
  border-bottom-right-radius: 0px;
}
fig-multi-year-select .input-and-button-container button {
  height: 32px;
  border-top-left-radius: 0px;
  border-bottom-left-radius: 0px;
}
.multi-year-select-menu {
  max-width: fit-content !important;
  user-select: none;
}
.multi-year-select-menu .mat-mdc-menu-content {
  width: 500px;
  padding: 0px;
}
.multi-year-select-menu .mat-mdc-menu-content .multi-year-select-menu-content {
  padding: 10px;
}
.multi-year-select-menu .mat-mdc-menu-content .multi-year-select-menu-content mat-grid-list {
  cursor: pointer;
}
.multi-year-select-menu .mat-mdc-menu-content .multi-year-select-menu-content mat-grid-list mat-grid-tile {
  font-size: 14px;
}
.multi-year-select-menu .mat-mdc-menu-content .multi-year-select-menu-content mat-grid-list mat-grid-tile.is-selected {
  background: #60a8cd;
  color: white;
}
.multi-year-select-menu .mat-mdc-menu-content .multi-year-select-menu-content mat-grid-list mat-grid-tile.is-editable:hover {
  background: #bebebe;
  color: black;
}
.multi-year-select-menu .mat-mdc-menu-content .multi-year-select-menu-content .buttons {
  padding-top: 10px;
}
.multi-year-select-menu .mat-mdc-menu-content .multi-year-select-menu-content .buttons button:first-child {
  margin-right: 10px !important;
}
.division-select select {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  width: 100%;
  height: 35px;
  border-radius: 4px;
  border-color: #ccc;
  outline-style: none;
  padding-left: 12px;
}
fig-chart-tools {
  height: 34px;
  display: flex;
  align-items: center;
}
fig-chart-tools > * {
  display: inline-block;
}
fig-chart-exporter actions-button i,
fig-chart-exporter fig-actions-button i {
  position: relative;
  top: 1px;
}
fig-chart-exporter actions-button .hide-background,
fig-chart-exporter fig-actions-button .hide-background {
  background: none !important;
  color: #8e8e8e;
}
.advisor-select label {
  margin-top: 5px;
}
.advisor-select select {
  padding-left: 10px;
  margin-top: 5px;
  width: 100%;
  height: 35px;
  border-radius: 4px;
  border-color: #ccc;
  outline-style: none;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.flag-icon-background {
  background-size: contain;
  background-position: 50%;
  background-repeat: no-repeat;
}
.flag-icon {
  background-size: contain;
  background-position: 50%;
  background-repeat: no-repeat;
  position: relative;
  display: inline-block;
  width: 1.33333333em;
  line-height: 1em;
}
.flag-icon:before {
  content: "\00a0";
}
.flag-icon.flag-icon-squared {
  width: 1em;
}
.flag-icon-ad {
  background-image: url('flags/4x3/ad.svg');
}
.flag-icon-ad.flag-icon-squared {
  background-image: url('flags/1x1/ad.svg');
}
.flag-icon-ae {
  background-image: url('flags/4x3/ae.svg');
}
.flag-icon-ae.flag-icon-squared {
  background-image: url('flags/1x1/ae.svg');
}
.flag-icon-af {
  background-image: url('flags/4x3/af.svg');
}
.flag-icon-af.flag-icon-squared {
  background-image: url('flags/1x1/af.svg');
}
.flag-icon-ag {
  background-image: url('flags/4x3/ag.svg');
}
.flag-icon-ag.flag-icon-squared {
  background-image: url('flags/1x1/ag.svg');
}
.flag-icon-ai {
  background-image: url('flags/4x3/ai.svg');
}
.flag-icon-ai.flag-icon-squared {
  background-image: url('flags/1x1/ai.svg');
}
.flag-icon-al {
  background-image: url('flags/4x3/al.svg');
}
.flag-icon-al.flag-icon-squared {
  background-image: url('flags/1x1/al.svg');
}
.flag-icon-am {
  background-image: url('flags/4x3/am.svg');
}
.flag-icon-am.flag-icon-squared {
  background-image: url('flags/1x1/am.svg');
}
.flag-icon-ao {
  background-image: url('flags/4x3/ao.svg');
}
.flag-icon-ao.flag-icon-squared {
  background-image: url('flags/1x1/ao.svg');
}
.flag-icon-aq {
  background-image: url('flags/4x3/aq.svg');
}
.flag-icon-aq.flag-icon-squared {
  background-image: url('flags/1x1/aq.svg');
}
.flag-icon-ar {
  background-image: url('flags/4x3/ar.svg');
}
.flag-icon-ar.flag-icon-squared {
  background-image: url('flags/1x1/ar.svg');
}
.flag-icon-as {
  background-image: url('flags/4x3/as.svg');
}
.flag-icon-as.flag-icon-squared {
  background-image: url('flags/1x1/as.svg');
}
.flag-icon-at {
  background-image: url('flags/4x3/at.svg');
}
.flag-icon-at.flag-icon-squared {
  background-image: url('flags/1x1/at.svg');
}
.flag-icon-au {
  background-image: url('flags/4x3/au.svg');
}
.flag-icon-au.flag-icon-squared {
  background-image: url('flags/1x1/au.svg');
}
.flag-icon-aw {
  background-image: url('flags/4x3/aw.svg');
}
.flag-icon-aw.flag-icon-squared {
  background-image: url('flags/1x1/aw.svg');
}
.flag-icon-ax {
  background-image: url('flags/4x3/ax.svg');
}
.flag-icon-ax.flag-icon-squared {
  background-image: url('flags/1x1/ax.svg');
}
.flag-icon-az {
  background-image: url('flags/4x3/az.svg');
}
.flag-icon-az.flag-icon-squared {
  background-image: url('flags/1x1/az.svg');
}
.flag-icon-ba {
  background-image: url('flags/4x3/ba.svg');
}
.flag-icon-ba.flag-icon-squared {
  background-image: url('flags/1x1/ba.svg');
}
.flag-icon-bb {
  background-image: url('flags/4x3/bb.svg');
}
.flag-icon-bb.flag-icon-squared {
  background-image: url('flags/1x1/bb.svg');
}
.flag-icon-bd {
  background-image: url('flags/4x3/bd.svg');
}
.flag-icon-bd.flag-icon-squared {
  background-image: url('flags/1x1/bd.svg');
}
.flag-icon-be {
  background-image: url('flags/4x3/be.svg');
}
.flag-icon-be.flag-icon-squared {
  background-image: url('flags/1x1/be.svg');
}
.flag-icon-bf {
  background-image: url('flags/4x3/bf.svg');
}
.flag-icon-bf.flag-icon-squared {
  background-image: url('flags/1x1/bf.svg');
}
.flag-icon-bg {
  background-image: url('flags/4x3/bg.svg');
}
.flag-icon-bg.flag-icon-squared {
  background-image: url('flags/1x1/bg.svg');
}
.flag-icon-bh {
  background-image: url('flags/4x3/bh.svg');
}
.flag-icon-bh.flag-icon-squared {
  background-image: url('flags/1x1/bh.svg');
}
.flag-icon-bi {
  background-image: url('flags/4x3/bi.svg');
}
.flag-icon-bi.flag-icon-squared {
  background-image: url('flags/1x1/bi.svg');
}
.flag-icon-bj {
  background-image: url('flags/4x3/bj.svg');
}
.flag-icon-bj.flag-icon-squared {
  background-image: url('flags/1x1/bj.svg');
}
.flag-icon-bl {
  background-image: url('flags/4x3/bl.svg');
}
.flag-icon-bl.flag-icon-squared {
  background-image: url('flags/1x1/bl.svg');
}
.flag-icon-bm {
  background-image: url('flags/4x3/bm.svg');
}
.flag-icon-bm.flag-icon-squared {
  background-image: url('flags/1x1/bm.svg');
}
.flag-icon-bn {
  background-image: url('flags/4x3/bn.svg');
}
.flag-icon-bn.flag-icon-squared {
  background-image: url('flags/1x1/bn.svg');
}
.flag-icon-bo {
  background-image: url('flags/4x3/bo.svg');
}
.flag-icon-bo.flag-icon-squared {
  background-image: url('flags/1x1/bo.svg');
}
.flag-icon-bq {
  background-image: url('flags/4x3/bq.svg');
}
.flag-icon-bq.flag-icon-squared {
  background-image: url('flags/1x1/bq.svg');
}
.flag-icon-br {
  background-image: url('flags/4x3/br.svg');
}
.flag-icon-br.flag-icon-squared {
  background-image: url('flags/1x1/br.svg');
}
.flag-icon-bs {
  background-image: url('flags/4x3/bs.svg');
}
.flag-icon-bs.flag-icon-squared {
  background-image: url('flags/1x1/bs.svg');
}
.flag-icon-bt {
  background-image: url('flags/4x3/bt.svg');
}
.flag-icon-bt.flag-icon-squared {
  background-image: url('flags/1x1/bt.svg');
}
.flag-icon-bv {
  background-image: url('flags/4x3/bv.svg');
}
.flag-icon-bv.flag-icon-squared {
  background-image: url('flags/1x1/bv.svg');
}
.flag-icon-bw {
  background-image: url('flags/4x3/bw.svg');
}
.flag-icon-bw.flag-icon-squared {
  background-image: url('flags/1x1/bw.svg');
}
.flag-icon-by {
  background-image: url('flags/4x3/by.svg');
}
.flag-icon-by.flag-icon-squared {
  background-image: url('flags/1x1/by.svg');
}
.flag-icon-bz {
  background-image: url('flags/4x3/bz.svg');
}
.flag-icon-bz.flag-icon-squared {
  background-image: url('flags/1x1/bz.svg');
}
.flag-icon-ca {
  background-image: url('flags/4x3/ca.svg');
}
.flag-icon-ca.flag-icon-squared {
  background-image: url('flags/1x1/ca.svg');
}
.flag-icon-cc {
  background-image: url('flags/4x3/cc.svg');
}
.flag-icon-cc.flag-icon-squared {
  background-image: url('flags/1x1/cc.svg');
}
.flag-icon-cd {
  background-image: url('flags/4x3/cd.svg');
}
.flag-icon-cd.flag-icon-squared {
  background-image: url('flags/1x1/cd.svg');
}
.flag-icon-cf {
  background-image: url('flags/4x3/cf.svg');
}
.flag-icon-cf.flag-icon-squared {
  background-image: url('flags/1x1/cf.svg');
}
.flag-icon-cg {
  background-image: url('flags/4x3/cg.svg');
}
.flag-icon-cg.flag-icon-squared {
  background-image: url('flags/1x1/cg.svg');
}
.flag-icon-ch {
  background-image: url('flags/4x3/ch.svg');
}
.flag-icon-ch.flag-icon-squared {
  background-image: url('flags/1x1/ch.svg');
}
.flag-icon-ci {
  background-image: url('flags/4x3/ci.svg');
}
.flag-icon-ci.flag-icon-squared {
  background-image: url('flags/1x1/ci.svg');
}
.flag-icon-ck {
  background-image: url('flags/4x3/ck.svg');
}
.flag-icon-ck.flag-icon-squared {
  background-image: url('flags/1x1/ck.svg');
}
.flag-icon-cl {
  background-image: url('flags/4x3/cl.svg');
}
.flag-icon-cl.flag-icon-squared {
  background-image: url('flags/1x1/cl.svg');
}
.flag-icon-cm {
  background-image: url('flags/4x3/cm.svg');
}
.flag-icon-cm.flag-icon-squared {
  background-image: url('flags/1x1/cm.svg');
}
.flag-icon-cn {
  background-image: url('flags/4x3/cn.svg');
}
.flag-icon-cn.flag-icon-squared {
  background-image: url('flags/1x1/cn.svg');
}
.flag-icon-co {
  background-image: url('flags/4x3/co.svg');
}
.flag-icon-co.flag-icon-squared {
  background-image: url('flags/1x1/co.svg');
}
.flag-icon-cr {
  background-image: url('flags/4x3/cr.svg');
}
.flag-icon-cr.flag-icon-squared {
  background-image: url('flags/1x1/cr.svg');
}
.flag-icon-cu {
  background-image: url('flags/4x3/cu.svg');
}
.flag-icon-cu.flag-icon-squared {
  background-image: url('flags/1x1/cu.svg');
}
.flag-icon-cv {
  background-image: url('flags/4x3/cv.svg');
}
.flag-icon-cv.flag-icon-squared {
  background-image: url('flags/1x1/cv.svg');
}
.flag-icon-cw {
  background-image: url('flags/4x3/cw.svg');
}
.flag-icon-cw.flag-icon-squared {
  background-image: url('flags/1x1/cw.svg');
}
.flag-icon-cx {
  background-image: url('flags/4x3/cx.svg');
}
.flag-icon-cx.flag-icon-squared {
  background-image: url('flags/1x1/cx.svg');
}
.flag-icon-cy {
  background-image: url('flags/4x3/cy.svg');
}
.flag-icon-cy.flag-icon-squared {
  background-image: url('flags/1x1/cy.svg');
}
.flag-icon-cz {
  background-image: url('flags/4x3/cz.svg');
}
.flag-icon-cz.flag-icon-squared {
  background-image: url('flags/1x1/cz.svg');
}
.flag-icon-de {
  background-image: url('flags/4x3/de.svg');
}
.flag-icon-de.flag-icon-squared {
  background-image: url('flags/1x1/de.svg');
}
.flag-icon-dj {
  background-image: url('flags/4x3/dj.svg');
}
.flag-icon-dj.flag-icon-squared {
  background-image: url('flags/1x1/dj.svg');
}
.flag-icon-dk {
  background-image: url('flags/4x3/dk.svg');
}
.flag-icon-dk.flag-icon-squared {
  background-image: url('flags/1x1/dk.svg');
}
.flag-icon-dm {
  background-image: url('flags/4x3/dm.svg');
}
.flag-icon-dm.flag-icon-squared {
  background-image: url('flags/1x1/dm.svg');
}
.flag-icon-do {
  background-image: url('flags/4x3/do.svg');
}
.flag-icon-do.flag-icon-squared {
  background-image: url('flags/1x1/do.svg');
}
.flag-icon-dz {
  background-image: url('flags/4x3/dz.svg');
}
.flag-icon-dz.flag-icon-squared {
  background-image: url('flags/1x1/dz.svg');
}
.flag-icon-ec {
  background-image: url('flags/4x3/ec.svg');
}
.flag-icon-ec.flag-icon-squared {
  background-image: url('flags/1x1/ec.svg');
}
.flag-icon-ee {
  background-image: url('flags/4x3/ee.svg');
}
.flag-icon-ee.flag-icon-squared {
  background-image: url('flags/1x1/ee.svg');
}
.flag-icon-eg {
  background-image: url('flags/4x3/eg.svg');
}
.flag-icon-eg.flag-icon-squared {
  background-image: url('flags/1x1/eg.svg');
}
.flag-icon-eh {
  background-image: url('flags/4x3/eh.svg');
}
.flag-icon-eh.flag-icon-squared {
  background-image: url('flags/1x1/eh.svg');
}
.flag-icon-er {
  background-image: url('flags/4x3/er.svg');
}
.flag-icon-er.flag-icon-squared {
  background-image: url('flags/1x1/er.svg');
}
.flag-icon-es {
  background-image: url('flags/4x3/es.svg');
}
.flag-icon-es.flag-icon-squared {
  background-image: url('flags/1x1/es.svg');
}
.flag-icon-et {
  background-image: url('flags/4x3/et.svg');
}
.flag-icon-et.flag-icon-squared {
  background-image: url('flags/1x1/et.svg');
}
.flag-icon-fi {
  background-image: url('flags/4x3/fi.svg');
}
.flag-icon-fi.flag-icon-squared {
  background-image: url('flags/1x1/fi.svg');
}
.flag-icon-fj {
  background-image: url('flags/4x3/fj.svg');
}
.flag-icon-fj.flag-icon-squared {
  background-image: url('flags/1x1/fj.svg');
}
.flag-icon-fk {
  background-image: url('flags/4x3/fk.svg');
}
.flag-icon-fk.flag-icon-squared {
  background-image: url('flags/1x1/fk.svg');
}
.flag-icon-fm {
  background-image: url('flags/4x3/fm.svg');
}
.flag-icon-fm.flag-icon-squared {
  background-image: url('flags/1x1/fm.svg');
}
.flag-icon-fo {
  background-image: url('flags/4x3/fo.svg');
}
.flag-icon-fo.flag-icon-squared {
  background-image: url('flags/1x1/fo.svg');
}
.flag-icon-fr {
  background-image: url('flags/4x3/fr.svg');
}
.flag-icon-fr.flag-icon-squared {
  background-image: url('flags/1x1/fr.svg');
}
.flag-icon-ga {
  background-image: url('flags/4x3/ga.svg');
}
.flag-icon-ga.flag-icon-squared {
  background-image: url('flags/1x1/ga.svg');
}
.flag-icon-gb {
  background-image: url('flags/4x3/gb.svg');
}
.flag-icon-gb.flag-icon-squared {
  background-image: url('flags/1x1/gb.svg');
}
.flag-icon-gd {
  background-image: url('flags/4x3/gd.svg');
}
.flag-icon-gd.flag-icon-squared {
  background-image: url('flags/1x1/gd.svg');
}
.flag-icon-ge {
  background-image: url('flags/4x3/ge.svg');
}
.flag-icon-ge.flag-icon-squared {
  background-image: url('flags/1x1/ge.svg');
}
.flag-icon-gf {
  background-image: url('flags/4x3/gf.svg');
}
.flag-icon-gf.flag-icon-squared {
  background-image: url('flags/1x1/gf.svg');
}
.flag-icon-gg {
  background-image: url('flags/4x3/gg.svg');
}
.flag-icon-gg.flag-icon-squared {
  background-image: url('flags/1x1/gg.svg');
}
.flag-icon-gh {
  background-image: url('flags/4x3/gh.svg');
}
.flag-icon-gh.flag-icon-squared {
  background-image: url('flags/1x1/gh.svg');
}
.flag-icon-gi {
  background-image: url('flags/4x3/gi.svg');
}
.flag-icon-gi.flag-icon-squared {
  background-image: url('flags/1x1/gi.svg');
}
.flag-icon-gl {
  background-image: url('flags/4x3/gl.svg');
}
.flag-icon-gl.flag-icon-squared {
  background-image: url('flags/1x1/gl.svg');
}
.flag-icon-gm {
  background-image: url('flags/4x3/gm.svg');
}
.flag-icon-gm.flag-icon-squared {
  background-image: url('flags/1x1/gm.svg');
}
.flag-icon-gn {
  background-image: url('flags/4x3/gn.svg');
}
.flag-icon-gn.flag-icon-squared {
  background-image: url('flags/1x1/gn.svg');
}
.flag-icon-gp {
  background-image: url('flags/4x3/gp.svg');
}
.flag-icon-gp.flag-icon-squared {
  background-image: url('flags/1x1/gp.svg');
}
.flag-icon-gq {
  background-image: url('flags/4x3/gq.svg');
}
.flag-icon-gq.flag-icon-squared {
  background-image: url('flags/1x1/gq.svg');
}
.flag-icon-gr {
  background-image: url('flags/4x3/gr.svg');
}
.flag-icon-gr.flag-icon-squared {
  background-image: url('flags/1x1/gr.svg');
}
.flag-icon-gs {
  background-image: url('flags/4x3/gs.svg');
}
.flag-icon-gs.flag-icon-squared {
  background-image: url('flags/1x1/gs.svg');
}
.flag-icon-gt {
  background-image: url('flags/4x3/gt.svg');
}
.flag-icon-gt.flag-icon-squared {
  background-image: url('flags/1x1/gt.svg');
}
.flag-icon-gu {
  background-image: url('flags/4x3/gu.svg');
}
.flag-icon-gu.flag-icon-squared {
  background-image: url('flags/1x1/gu.svg');
}
.flag-icon-gw {
  background-image: url('flags/4x3/gw.svg');
}
.flag-icon-gw.flag-icon-squared {
  background-image: url('flags/1x1/gw.svg');
}
.flag-icon-gy {
  background-image: url('flags/4x3/gy.svg');
}
.flag-icon-gy.flag-icon-squared {
  background-image: url('flags/1x1/gy.svg');
}
.flag-icon-hk {
  background-image: url('flags/4x3/hk.svg');
}
.flag-icon-hk.flag-icon-squared {
  background-image: url('flags/1x1/hk.svg');
}
.flag-icon-hm {
  background-image: url('flags/4x3/hm.svg');
}
.flag-icon-hm.flag-icon-squared {
  background-image: url('flags/1x1/hm.svg');
}
.flag-icon-hn {
  background-image: url('flags/4x3/hn.svg');
}
.flag-icon-hn.flag-icon-squared {
  background-image: url('flags/1x1/hn.svg');
}
.flag-icon-hr {
  background-image: url('flags/4x3/hr.svg');
}
.flag-icon-hr.flag-icon-squared {
  background-image: url('flags/1x1/hr.svg');
}
.flag-icon-ht {
  background-image: url('flags/4x3/ht.svg');
}
.flag-icon-ht.flag-icon-squared {
  background-image: url('flags/1x1/ht.svg');
}
.flag-icon-hu {
  background-image: url('flags/4x3/hu.svg');
}
.flag-icon-hu.flag-icon-squared {
  background-image: url('flags/1x1/hu.svg');
}
.flag-icon-id {
  background-image: url('flags/4x3/id.svg');
}
.flag-icon-id.flag-icon-squared {
  background-image: url('flags/1x1/id.svg');
}
.flag-icon-ie {
  background-image: url('flags/4x3/ie.svg');
}
.flag-icon-ie.flag-icon-squared {
  background-image: url('flags/1x1/ie.svg');
}
.flag-icon-il {
  background-image: url('flags/4x3/il.svg');
}
.flag-icon-il.flag-icon-squared {
  background-image: url('flags/1x1/il.svg');
}
.flag-icon-im {
  background-image: url('flags/4x3/im.svg');
}
.flag-icon-im.flag-icon-squared {
  background-image: url('flags/1x1/im.svg');
}
.flag-icon-in {
  background-image: url('flags/4x3/in.svg');
}
.flag-icon-in.flag-icon-squared {
  background-image: url('flags/1x1/in.svg');
}
.flag-icon-io {
  background-image: url('flags/4x3/io.svg');
}
.flag-icon-io.flag-icon-squared {
  background-image: url('flags/1x1/io.svg');
}
.flag-icon-iq {
  background-image: url('flags/4x3/iq.svg');
}
.flag-icon-iq.flag-icon-squared {
  background-image: url('flags/1x1/iq.svg');
}
.flag-icon-ir {
  background-image: url('flags/4x3/ir.svg');
}
.flag-icon-ir.flag-icon-squared {
  background-image: url('flags/1x1/ir.svg');
}
.flag-icon-is {
  background-image: url('flags/4x3/is.svg');
}
.flag-icon-is.flag-icon-squared {
  background-image: url('flags/1x1/is.svg');
}
.flag-icon-it {
  background-image: url('flags/4x3/it.svg');
}
.flag-icon-it.flag-icon-squared {
  background-image: url('flags/1x1/it.svg');
}
.flag-icon-je {
  background-image: url('flags/4x3/je.svg');
}
.flag-icon-je.flag-icon-squared {
  background-image: url('flags/1x1/je.svg');
}
.flag-icon-jm {
  background-image: url('flags/4x3/jm.svg');
}
.flag-icon-jm.flag-icon-squared {
  background-image: url('flags/1x1/jm.svg');
}
.flag-icon-jo {
  background-image: url('flags/4x3/jo.svg');
}
.flag-icon-jo.flag-icon-squared {
  background-image: url('flags/1x1/jo.svg');
}
.flag-icon-jp {
  background-image: url('flags/4x3/jp.svg');
}
.flag-icon-jp.flag-icon-squared {
  background-image: url('flags/1x1/jp.svg');
}
.flag-icon-ke {
  background-image: url('flags/4x3/ke.svg');
}
.flag-icon-ke.flag-icon-squared {
  background-image: url('flags/1x1/ke.svg');
}
.flag-icon-kg {
  background-image: url('flags/4x3/kg.svg');
}
.flag-icon-kg.flag-icon-squared {
  background-image: url('flags/1x1/kg.svg');
}
.flag-icon-kh {
  background-image: url('flags/4x3/kh.svg');
}
.flag-icon-kh.flag-icon-squared {
  background-image: url('flags/1x1/kh.svg');
}
.flag-icon-ki {
  background-image: url('flags/4x3/ki.svg');
}
.flag-icon-ki.flag-icon-squared {
  background-image: url('flags/1x1/ki.svg');
}
.flag-icon-km {
  background-image: url('flags/4x3/km.svg');
}
.flag-icon-km.flag-icon-squared {
  background-image: url('flags/1x1/km.svg');
}
.flag-icon-kn {
  background-image: url('flags/4x3/kn.svg');
}
.flag-icon-kn.flag-icon-squared {
  background-image: url('flags/1x1/kn.svg');
}
.flag-icon-kp {
  background-image: url('flags/4x3/kp.svg');
}
.flag-icon-kp.flag-icon-squared {
  background-image: url('flags/1x1/kp.svg');
}
.flag-icon-kr {
  background-image: url('flags/4x3/kr.svg');
}
.flag-icon-kr.flag-icon-squared {
  background-image: url('flags/1x1/kr.svg');
}
.flag-icon-kw {
  background-image: url('flags/4x3/kw.svg');
}
.flag-icon-kw.flag-icon-squared {
  background-image: url('flags/1x1/kw.svg');
}
.flag-icon-ky {
  background-image: url('flags/4x3/ky.svg');
}
.flag-icon-ky.flag-icon-squared {
  background-image: url('flags/1x1/ky.svg');
}
.flag-icon-kz {
  background-image: url('flags/4x3/kz.svg');
}
.flag-icon-kz.flag-icon-squared {
  background-image: url('flags/1x1/kz.svg');
}
.flag-icon-la {
  background-image: url('flags/4x3/la.svg');
}
.flag-icon-la.flag-icon-squared {
  background-image: url('flags/1x1/la.svg');
}
.flag-icon-lb {
  background-image: url('flags/4x3/lb.svg');
}
.flag-icon-lb.flag-icon-squared {
  background-image: url('flags/1x1/lb.svg');
}
.flag-icon-lc {
  background-image: url('flags/4x3/lc.svg');
}
.flag-icon-lc.flag-icon-squared {
  background-image: url('flags/1x1/lc.svg');
}
.flag-icon-li {
  background-image: url('flags/4x3/li.svg');
}
.flag-icon-li.flag-icon-squared {
  background-image: url('flags/1x1/li.svg');
}
.flag-icon-lk {
  background-image: url('flags/4x3/lk.svg');
}
.flag-icon-lk.flag-icon-squared {
  background-image: url('flags/1x1/lk.svg');
}
.flag-icon-lr {
  background-image: url('flags/4x3/lr.svg');
}
.flag-icon-lr.flag-icon-squared {
  background-image: url('flags/1x1/lr.svg');
}
.flag-icon-ls {
  background-image: url('flags/4x3/ls.svg');
}
.flag-icon-ls.flag-icon-squared {
  background-image: url('flags/1x1/ls.svg');
}
.flag-icon-lt {
  background-image: url('flags/4x3/lt.svg');
}
.flag-icon-lt.flag-icon-squared {
  background-image: url('flags/1x1/lt.svg');
}
.flag-icon-lu {
  background-image: url('flags/4x3/lu.svg');
}
.flag-icon-lu.flag-icon-squared {
  background-image: url('flags/1x1/lu.svg');
}
.flag-icon-lv {
  background-image: url('flags/4x3/lv.svg');
}
.flag-icon-lv.flag-icon-squared {
  background-image: url('flags/1x1/lv.svg');
}
.flag-icon-ly {
  background-image: url('flags/4x3/ly.svg');
}
.flag-icon-ly.flag-icon-squared {
  background-image: url('flags/1x1/ly.svg');
}
.flag-icon-ma {
  background-image: url('flags/4x3/ma.svg');
}
.flag-icon-ma.flag-icon-squared {
  background-image: url('flags/1x1/ma.svg');
}
.flag-icon-mc {
  background-image: url('flags/4x3/mc.svg');
}
.flag-icon-mc.flag-icon-squared {
  background-image: url('flags/1x1/mc.svg');
}
.flag-icon-md {
  background-image: url('flags/4x3/md.svg');
}
.flag-icon-md.flag-icon-squared {
  background-image: url('flags/1x1/md.svg');
}
.flag-icon-me {
  background-image: url('flags/4x3/me.svg');
}
.flag-icon-me.flag-icon-squared {
  background-image: url('flags/1x1/me.svg');
}
.flag-icon-mf {
  background-image: url('flags/4x3/mf.svg');
}
.flag-icon-mf.flag-icon-squared {
  background-image: url('flags/1x1/mf.svg');
}
.flag-icon-mg {
  background-image: url('flags/4x3/mg.svg');
}
.flag-icon-mg.flag-icon-squared {
  background-image: url('flags/1x1/mg.svg');
}
.flag-icon-mh {
  background-image: url('flags/4x3/mh.svg');
}
.flag-icon-mh.flag-icon-squared {
  background-image: url('flags/1x1/mh.svg');
}
.flag-icon-mk {
  background-image: url('flags/4x3/mk.svg');
}
.flag-icon-mk.flag-icon-squared {
  background-image: url('flags/1x1/mk.svg');
}
.flag-icon-ml {
  background-image: url('flags/4x3/ml.svg');
}
.flag-icon-ml.flag-icon-squared {
  background-image: url('flags/1x1/ml.svg');
}
.flag-icon-mm {
  background-image: url('flags/4x3/mm.svg');
}
.flag-icon-mm.flag-icon-squared {
  background-image: url('flags/1x1/mm.svg');
}
.flag-icon-mn {
  background-image: url('flags/4x3/mn.svg');
}
.flag-icon-mn.flag-icon-squared {
  background-image: url('flags/1x1/mn.svg');
}
.flag-icon-mo {
  background-image: url('flags/4x3/mo.svg');
}
.flag-icon-mo.flag-icon-squared {
  background-image: url('flags/1x1/mo.svg');
}
.flag-icon-mp {
  background-image: url('flags/4x3/mp.svg');
}
.flag-icon-mp.flag-icon-squared {
  background-image: url('flags/1x1/mp.svg');
}
.flag-icon-mq {
  background-image: url('flags/4x3/mq.svg');
}
.flag-icon-mq.flag-icon-squared {
  background-image: url('flags/1x1/mq.svg');
}
.flag-icon-mr {
  background-image: url('flags/4x3/mr.svg');
}
.flag-icon-mr.flag-icon-squared {
  background-image: url('flags/1x1/mr.svg');
}
.flag-icon-ms {
  background-image: url('flags/4x3/ms.svg');
}
.flag-icon-ms.flag-icon-squared {
  background-image: url('flags/1x1/ms.svg');
}
.flag-icon-mt {
  background-image: url('flags/4x3/mt.svg');
}
.flag-icon-mt.flag-icon-squared {
  background-image: url('flags/1x1/mt.svg');
}
.flag-icon-mu {
  background-image: url('flags/4x3/mu.svg');
}
.flag-icon-mu.flag-icon-squared {
  background-image: url('flags/1x1/mu.svg');
}
.flag-icon-mv {
  background-image: url('flags/4x3/mv.svg');
}
.flag-icon-mv.flag-icon-squared {
  background-image: url('flags/1x1/mv.svg');
}
.flag-icon-mw {
  background-image: url('flags/4x3/mw.svg');
}
.flag-icon-mw.flag-icon-squared {
  background-image: url('flags/1x1/mw.svg');
}
.flag-icon-mx {
  background-image: url('flags/4x3/mx.svg');
}
.flag-icon-mx.flag-icon-squared {
  background-image: url('flags/1x1/mx.svg');
}
.flag-icon-my {
  background-image: url('flags/4x3/my.svg');
}
.flag-icon-my.flag-icon-squared {
  background-image: url('flags/1x1/my.svg');
}
.flag-icon-mz {
  background-image: url('flags/4x3/mz.svg');
}
.flag-icon-mz.flag-icon-squared {
  background-image: url('flags/1x1/mz.svg');
}
.flag-icon-na {
  background-image: url('flags/4x3/na.svg');
}
.flag-icon-na.flag-icon-squared {
  background-image: url('flags/1x1/na.svg');
}
.flag-icon-nc {
  background-image: url('flags/4x3/nc.svg');
}
.flag-icon-nc.flag-icon-squared {
  background-image: url('flags/1x1/nc.svg');
}
.flag-icon-ne {
  background-image: url('flags/4x3/ne.svg');
}
.flag-icon-ne.flag-icon-squared {
  background-image: url('flags/1x1/ne.svg');
}
.flag-icon-nf {
  background-image: url('flags/4x3/nf.svg');
}
.flag-icon-nf.flag-icon-squared {
  background-image: url('flags/1x1/nf.svg');
}
.flag-icon-ng {
  background-image: url('flags/4x3/ng.svg');
}
.flag-icon-ng.flag-icon-squared {
  background-image: url('flags/1x1/ng.svg');
}
.flag-icon-ni {
  background-image: url('flags/4x3/ni.svg');
}
.flag-icon-ni.flag-icon-squared {
  background-image: url('flags/1x1/ni.svg');
}
.flag-icon-nl {
  background-image: url('flags/4x3/nl.svg');
}
.flag-icon-nl.flag-icon-squared {
  background-image: url('flags/1x1/nl.svg');
}
.flag-icon-no {
  background-image: url('flags/4x3/no.svg');
}
.flag-icon-no.flag-icon-squared {
  background-image: url('flags/1x1/no.svg');
}
.flag-icon-np {
  background-image: url('flags/4x3/np.svg');
}
.flag-icon-np.flag-icon-squared {
  background-image: url('flags/1x1/np.svg');
}
.flag-icon-nr {
  background-image: url('flags/4x3/nr.svg');
}
.flag-icon-nr.flag-icon-squared {
  background-image: url('flags/1x1/nr.svg');
}
.flag-icon-nu {
  background-image: url('flags/4x3/nu.svg');
}
.flag-icon-nu.flag-icon-squared {
  background-image: url('flags/1x1/nu.svg');
}
.flag-icon-nz {
  background-image: url('flags/4x3/nz.svg');
}
.flag-icon-nz.flag-icon-squared {
  background-image: url('flags/1x1/nz.svg');
}
.flag-icon-om {
  background-image: url('flags/4x3/om.svg');
}
.flag-icon-om.flag-icon-squared {
  background-image: url('flags/1x1/om.svg');
}
.flag-icon-pa {
  background-image: url('flags/4x3/pa.svg');
}
.flag-icon-pa.flag-icon-squared {
  background-image: url('flags/1x1/pa.svg');
}
.flag-icon-pe {
  background-image: url('flags/4x3/pe.svg');
}
.flag-icon-pe.flag-icon-squared {
  background-image: url('flags/1x1/pe.svg');
}
.flag-icon-pf {
  background-image: url('flags/4x3/pf.svg');
}
.flag-icon-pf.flag-icon-squared {
  background-image: url('flags/1x1/pf.svg');
}
.flag-icon-pg {
  background-image: url('flags/4x3/pg.svg');
}
.flag-icon-pg.flag-icon-squared {
  background-image: url('flags/1x1/pg.svg');
}
.flag-icon-ph {
  background-image: url('flags/4x3/ph.svg');
}
.flag-icon-ph.flag-icon-squared {
  background-image: url('flags/1x1/ph.svg');
}
.flag-icon-pk {
  background-image: url('flags/4x3/pk.svg');
}
.flag-icon-pk.flag-icon-squared {
  background-image: url('flags/1x1/pk.svg');
}
.flag-icon-pl {
  background-image: url('flags/4x3/pl.svg');
}
.flag-icon-pl.flag-icon-squared {
  background-image: url('flags/1x1/pl.svg');
}
.flag-icon-pm {
  background-image: url('flags/4x3/pm.svg');
}
.flag-icon-pm.flag-icon-squared {
  background-image: url('flags/1x1/pm.svg');
}
.flag-icon-pn {
  background-image: url('flags/4x3/pn.svg');
}
.flag-icon-pn.flag-icon-squared {
  background-image: url('flags/1x1/pn.svg');
}
.flag-icon-pr {
  background-image: url('flags/4x3/pr.svg');
}
.flag-icon-pr.flag-icon-squared {
  background-image: url('flags/1x1/pr.svg');
}
.flag-icon-ps {
  background-image: url('flags/4x3/ps.svg');
}
.flag-icon-ps.flag-icon-squared {
  background-image: url('flags/1x1/ps.svg');
}
.flag-icon-pt {
  background-image: url('flags/4x3/pt.svg');
}
.flag-icon-pt.flag-icon-squared {
  background-image: url('flags/1x1/pt.svg');
}
.flag-icon-pw {
  background-image: url('flags/4x3/pw.svg');
}
.flag-icon-pw.flag-icon-squared {
  background-image: url('flags/1x1/pw.svg');
}
.flag-icon-py {
  background-image: url('flags/4x3/py.svg');
}
.flag-icon-py.flag-icon-squared {
  background-image: url('flags/1x1/py.svg');
}
.flag-icon-qa {
  background-image: url('flags/4x3/qa.svg');
}
.flag-icon-qa.flag-icon-squared {
  background-image: url('flags/1x1/qa.svg');
}
.flag-icon-re {
  background-image: url('flags/4x3/re.svg');
}
.flag-icon-re.flag-icon-squared {
  background-image: url('flags/1x1/re.svg');
}
.flag-icon-ro {
  background-image: url('flags/4x3/ro.svg');
}
.flag-icon-ro.flag-icon-squared {
  background-image: url('flags/1x1/ro.svg');
}
.flag-icon-rs {
  background-image: url('flags/4x3/rs.svg');
}
.flag-icon-rs.flag-icon-squared {
  background-image: url('flags/1x1/rs.svg');
}
.flag-icon-ru {
  background-image: url('flags/4x3/ru.svg');
}
.flag-icon-ru.flag-icon-squared {
  background-image: url('flags/1x1/ru.svg');
}
.flag-icon-rw {
  background-image: url('flags/4x3/rw.svg');
}
.flag-icon-rw.flag-icon-squared {
  background-image: url('flags/1x1/rw.svg');
}
.flag-icon-sa {
  background-image: url('flags/4x3/sa.svg');
}
.flag-icon-sa.flag-icon-squared {
  background-image: url('flags/1x1/sa.svg');
}
.flag-icon-sb {
  background-image: url('flags/4x3/sb.svg');
}
.flag-icon-sb.flag-icon-squared {
  background-image: url('flags/1x1/sb.svg');
}
.flag-icon-sc {
  background-image: url('flags/4x3/sc.svg');
}
.flag-icon-sc.flag-icon-squared {
  background-image: url('flags/1x1/sc.svg');
}
.flag-icon-sd {
  background-image: url('flags/4x3/sd.svg');
}
.flag-icon-sd.flag-icon-squared {
  background-image: url('flags/1x1/sd.svg');
}
.flag-icon-se {
  background-image: url('flags/4x3/se.svg');
}
.flag-icon-se.flag-icon-squared {
  background-image: url('flags/1x1/se.svg');
}
.flag-icon-sg {
  background-image: url('flags/4x3/sg.svg');
}
.flag-icon-sg.flag-icon-squared {
  background-image: url('flags/1x1/sg.svg');
}
.flag-icon-sh {
  background-image: url('flags/4x3/sh.svg');
}
.flag-icon-sh.flag-icon-squared {
  background-image: url('flags/1x1/sh.svg');
}
.flag-icon-si {
  background-image: url('flags/4x3/si.svg');
}
.flag-icon-si.flag-icon-squared {
  background-image: url('flags/1x1/si.svg');
}
.flag-icon-sj {
  background-image: url('flags/4x3/sj.svg');
}
.flag-icon-sj.flag-icon-squared {
  background-image: url('flags/1x1/sj.svg');
}
.flag-icon-sk {
  background-image: url('flags/4x3/sk.svg');
}
.flag-icon-sk.flag-icon-squared {
  background-image: url('flags/1x1/sk.svg');
}
.flag-icon-sl {
  background-image: url('flags/4x3/sl.svg');
}
.flag-icon-sl.flag-icon-squared {
  background-image: url('flags/1x1/sl.svg');
}
.flag-icon-sm {
  background-image: url('flags/4x3/sm.svg');
}
.flag-icon-sm.flag-icon-squared {
  background-image: url('flags/1x1/sm.svg');
}
.flag-icon-sn {
  background-image: url('flags/4x3/sn.svg');
}
.flag-icon-sn.flag-icon-squared {
  background-image: url('flags/1x1/sn.svg');
}
.flag-icon-so {
  background-image: url('flags/4x3/so.svg');
}
.flag-icon-so.flag-icon-squared {
  background-image: url('flags/1x1/so.svg');
}
.flag-icon-sr {
  background-image: url('flags/4x3/sr.svg');
}
.flag-icon-sr.flag-icon-squared {
  background-image: url('flags/1x1/sr.svg');
}
.flag-icon-ss {
  background-image: url('flags/4x3/ss.svg');
}
.flag-icon-ss.flag-icon-squared {
  background-image: url('flags/1x1/ss.svg');
}
.flag-icon-st {
  background-image: url('flags/4x3/st.svg');
}
.flag-icon-st.flag-icon-squared {
  background-image: url('flags/1x1/st.svg');
}
.flag-icon-sv {
  background-image: url('flags/4x3/sv.svg');
}
.flag-icon-sv.flag-icon-squared {
  background-image: url('flags/1x1/sv.svg');
}
.flag-icon-sx {
  background-image: url('flags/4x3/sx.svg');
}
.flag-icon-sx.flag-icon-squared {
  background-image: url('flags/1x1/sx.svg');
}
.flag-icon-sy {
  background-image: url('flags/4x3/sy.svg');
}
.flag-icon-sy.flag-icon-squared {
  background-image: url('flags/1x1/sy.svg');
}
.flag-icon-sz {
  background-image: url('flags/4x3/sz.svg');
}
.flag-icon-sz.flag-icon-squared {
  background-image: url('flags/1x1/sz.svg');
}
.flag-icon-tc {
  background-image: url('flags/4x3/tc.svg');
}
.flag-icon-tc.flag-icon-squared {
  background-image: url('flags/1x1/tc.svg');
}
.flag-icon-td {
  background-image: url('flags/4x3/td.svg');
}
.flag-icon-td.flag-icon-squared {
  background-image: url('flags/1x1/td.svg');
}
.flag-icon-tf {
  background-image: url('flags/4x3/tf.svg');
}
.flag-icon-tf.flag-icon-squared {
  background-image: url('flags/1x1/tf.svg');
}
.flag-icon-tg {
  background-image: url('flags/4x3/tg.svg');
}
.flag-icon-tg.flag-icon-squared {
  background-image: url('flags/1x1/tg.svg');
}
.flag-icon-th {
  background-image: url('flags/4x3/th.svg');
}
.flag-icon-th.flag-icon-squared {
  background-image: url('flags/1x1/th.svg');
}
.flag-icon-tj {
  background-image: url('flags/4x3/tj.svg');
}
.flag-icon-tj.flag-icon-squared {
  background-image: url('flags/1x1/tj.svg');
}
.flag-icon-tk {
  background-image: url('flags/4x3/tk.svg');
}
.flag-icon-tk.flag-icon-squared {
  background-image: url('flags/1x1/tk.svg');
}
.flag-icon-tl {
  background-image: url('flags/4x3/tl.svg');
}
.flag-icon-tl.flag-icon-squared {
  background-image: url('flags/1x1/tl.svg');
}
.flag-icon-tm {
  background-image: url('flags/4x3/tm.svg');
}
.flag-icon-tm.flag-icon-squared {
  background-image: url('flags/1x1/tm.svg');
}
.flag-icon-tn {
  background-image: url('flags/4x3/tn.svg');
}
.flag-icon-tn.flag-icon-squared {
  background-image: url('flags/1x1/tn.svg');
}
.flag-icon-to {
  background-image: url('flags/4x3/to.svg');
}
.flag-icon-to.flag-icon-squared {
  background-image: url('flags/1x1/to.svg');
}
.flag-icon-tr {
  background-image: url('flags/4x3/tr.svg');
}
.flag-icon-tr.flag-icon-squared {
  background-image: url('flags/1x1/tr.svg');
}
.flag-icon-tt {
  background-image: url('flags/4x3/tt.svg');
}
.flag-icon-tt.flag-icon-squared {
  background-image: url('flags/1x1/tt.svg');
}
.flag-icon-tv {
  background-image: url('flags/4x3/tv.svg');
}
.flag-icon-tv.flag-icon-squared {
  background-image: url('flags/1x1/tv.svg');
}
.flag-icon-tw {
  background-image: url('flags/4x3/tw.svg');
}
.flag-icon-tw.flag-icon-squared {
  background-image: url('flags/1x1/tw.svg');
}
.flag-icon-tz {
  background-image: url('flags/4x3/tz.svg');
}
.flag-icon-tz.flag-icon-squared {
  background-image: url('flags/1x1/tz.svg');
}
.flag-icon-ua {
  background-image: url('flags/4x3/ua.svg');
}
.flag-icon-ua.flag-icon-squared {
  background-image: url('flags/1x1/ua.svg');
}
.flag-icon-ug {
  background-image: url('flags/4x3/ug.svg');
}
.flag-icon-ug.flag-icon-squared {
  background-image: url('flags/1x1/ug.svg');
}
.flag-icon-um {
  background-image: url('flags/4x3/um.svg');
}
.flag-icon-um.flag-icon-squared {
  background-image: url('flags/1x1/um.svg');
}
.flag-icon-us {
  background-image: url('flags/4x3/us.svg');
}
.flag-icon-us.flag-icon-squared {
  background-image: url('flags/1x1/us.svg');
}
.flag-icon-uy {
  background-image: url('flags/4x3/uy.svg');
}
.flag-icon-uy.flag-icon-squared {
  background-image: url('flags/1x1/uy.svg');
}
.flag-icon-uz {
  background-image: url('flags/4x3/uz.svg');
}
.flag-icon-uz.flag-icon-squared {
  background-image: url('flags/1x1/uz.svg');
}
.flag-icon-va {
  background-image: url('flags/4x3/va.svg');
}
.flag-icon-va.flag-icon-squared {
  background-image: url('flags/1x1/va.svg');
}
.flag-icon-vc {
  background-image: url('flags/4x3/vc.svg');
}
.flag-icon-vc.flag-icon-squared {
  background-image: url('flags/1x1/vc.svg');
}
.flag-icon-ve {
  background-image: url('flags/4x3/ve.svg');
}
.flag-icon-ve.flag-icon-squared {
  background-image: url('flags/1x1/ve.svg');
}
.flag-icon-vg {
  background-image: url('flags/4x3/vg.svg');
}
.flag-icon-vg.flag-icon-squared {
  background-image: url('flags/1x1/vg.svg');
}
.flag-icon-vi {
  background-image: url('flags/4x3/vi.svg');
}
.flag-icon-vi.flag-icon-squared {
  background-image: url('flags/1x1/vi.svg');
}
.flag-icon-vn {
  background-image: url('flags/4x3/vn.svg');
}
.flag-icon-vn.flag-icon-squared {
  background-image: url('flags/1x1/vn.svg');
}
.flag-icon-vu {
  background-image: url('flags/4x3/vu.svg');
}
.flag-icon-vu.flag-icon-squared {
  background-image: url('flags/1x1/vu.svg');
}
.flag-icon-wf {
  background-image: url('flags/4x3/wf.svg');
}
.flag-icon-wf.flag-icon-squared {
  background-image: url('flags/1x1/wf.svg');
}
.flag-icon-ws {
  background-image: url('flags/4x3/ws.svg');
}
.flag-icon-ws.flag-icon-squared {
  background-image: url('flags/1x1/ws.svg');
}
.flag-icon-ye {
  background-image: url('flags/4x3/ye.svg');
}
.flag-icon-ye.flag-icon-squared {
  background-image: url('flags/1x1/ye.svg');
}
.flag-icon-yt {
  background-image: url('flags/4x3/yt.svg');
}
.flag-icon-yt.flag-icon-squared {
  background-image: url('flags/1x1/yt.svg');
}
.flag-icon-za {
  background-image: url('flags/4x3/za.svg');
}
.flag-icon-za.flag-icon-squared {
  background-image: url('flags/1x1/za.svg');
}
.flag-icon-zm {
  background-image: url('flags/4x3/zm.svg');
}
.flag-icon-zm.flag-icon-squared {
  background-image: url('flags/1x1/zm.svg');
}
.flag-icon-zw {
  background-image: url('flags/4x3/zw.svg');
}
.flag-icon-zw.flag-icon-squared {
  background-image: url('flags/1x1/zw.svg');
}
.flag-icon-eu {
  background-image: url('flags/4x3/eu.svg');
}
.flag-icon-eu.flag-icon-squared {
  background-image: url('flags/1x1/eu.svg');
}
.flag-icon-gb-eng {
  background-image: url('flags/4x3/gb-eng.svg');
}
.flag-icon-gb-eng.flag-icon-squared {
  background-image: url('flags/1x1/gb-eng.svg');
}
.flag-icon-gb-nir {
  background-image: url('flags/4x3/gb-nir.svg');
}
.flag-icon-gb-nir.flag-icon-squared {
  background-image: url('flags/1x1/gb-nir.svg');
}
.flag-icon-gb-sct {
  background-image: url('flags/4x3/gb-sct.svg');
}
.flag-icon-gb-sct.flag-icon-squared {
  background-image: url('flags/1x1/gb-sct.svg');
}
.flag-icon-gb-wls {
  background-image: url('flags/4x3/gb-wls.svg');
}
.flag-icon-gb-wls.flag-icon-squared {
  background-image: url('flags/1x1/gb-wls.svg');
}
.flag-icon-un {
  background-image: url('flags/4x3/un.svg');
}
.flag-icon-un.flag-icon-squared {
  background-image: url('flags/1x1/un.svg');
}
.surveys hr {
  margin-bottom: initial;
  margin-top: initial;
}
.surveys .questionnaire-list .title {
  display: block;
  color: #00648a;
  margin-bottom: 15px;
}
.surveys .questionnaire-list .title:hover {
  text-decoration: underline;
}
.surveys .questionnaire-list .text {
  color: #333333;
  display: block;
  margin-bottom: 15px;
}
.surveys .questionnaire-results {
  margin-top: 10px;
}
.surveys .questionnaire-results > div {
  display: inline-block;
  width: 100%;
}
.surveys h5 {
  cursor: pointer;
}
.gear {
  margin: 30px 0;
}
.settings .settings-email ng-messages ng-message span {
  height: 24px;
}
.settings .settings-email .action-buttons .btn-default,
.settings .settings-password .action-buttons .btn-default {
  margin-right: 5px;
}
.settings fig-save-state-message {
  margin-left: 15px;
}
.form-changePassword .new-password-conditions span {
  border-bottom: 1px solid rgba(160, 0, 0, 0.25);
  margin-bottom: 10px;
}
.form-changePassword .new-password-conditions ul {
  margin-left: 30px;
}
.form-changePassword .new-password-conditions ul li {
  margin-bottom: 5px;
  line-height: 1.5;
}
.form-changePassword .result-messages ng-message {
  margin: 0;
  margin-bottom: 15px;
}
.save-external-account-button-row {
  margin-top: 10px;
}
.scenarios-and-events fig-chart-size-selector {
  margin-top: 0px;
}
.scenarios-and-events .text-center {
  text-align: center;
}
.scenarios-and-events .box {
  height: 20px;
  width: 20px;
}
.scenarios-and-events .panel .panel-heading {
  position: relative;
}
.scenarios-and-events .panel .panel-body {
  overflow: hidden;
  padding: 0px;
}
.scenarios-and-events .panel .panel-body.panel-body-table {
  border-top: 0px;
}
.scenarios-and-events .panel.chart-panel {
  margin-bottom: 20px;
}
.scenarios-and-events .panel.chart-panel .description {
  font-size: 11pt;
  font-weight: normal;
}
.scenarios-and-events .panel.chart-panel .description span {
  font-size: 11pt;
  font-weight: normal;
}
.scenarios-and-events .panel.chart-panel .panel-body {
  display: table;
}
.scenarios-and-events .panel.chart-panel .panel-body .chart-cell {
  width: 100%;
  height: 340px;
  display: table-cell;
  vertical-align: middle;
}
.scenarios-and-events .panel.chart-panel .panel-body .arrow-cell {
  display: table-cell;
  vertical-align: middle;
}
.scenarios-and-events .panel.chart-panel .panel-body .arrow-cell i {
  padding: 6px;
  color: #a5a5a5;
}
.scenarios-and-events .panel.chart-panel .panel-body .arrow-cell:hover:not([disabled="true"]) {
  background-color: #e9e9e9;
  cursor: pointer;
}
.scenarios-and-events .panel.chart-panel .panel-body .arrow-cell:hover i {
  color: #6e6e6e;
}
.scenarios-and-events .panel.chart-panel .panel-body .arrow-cell[disabled="true"] i {
  color: #dddddd;
}
.scenarios-and-events .panel.chart-panel .panel-body .highcharts-container,
.scenarios-and-events .panel.chart-panel .panel-body .highcharts-container svg {
  width: 100% !important;
}
.scenarios-and-events .panel.chart-panel .pagination {
  width: 100%;
  margin-top: -8px;
  margin-bottom: 10px;
  text-align: center;
  -webkit-user-select: none;
  /* Safari */
  -ms-user-select: none;
  /* IE 10 and IE 11 */
  user-select: none;
  /* Standard syntax */
}
.scenarios-and-events .panel.chart-panel .pagination i::before {
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  font: var(--fa-font-solid);
  font-size: small;
  content: "\f111";
}
.scenarios-and-events .panel.chart-panel .pagination i {
  color: #dddddd;
  display: inline-block !important;
  padding: 10px;
  transition: color 1s;
}
.scenarios-and-events .panel.chart-panel .pagination i:hover {
  transition: color 0.1s;
  color: #6e6e6e;
}
.scenarios-and-events .panel.chart-panel .pagination i:not([disabled="true"]) {
  cursor: pointer;
}
.scenarios-and-events .panel.chart-panel .pagination .selected {
  color: #6e6e6e;
}
.scenarios-and-events .table .invisible-row {
  visibility: collapse;
}
.scenarios-and-events .table .top-row {
  height: 63px;
}
.scenarios-and-events .table .top-row .chart-title {
  width: 50%;
}
.scenarios-and-events .table .top-row.details-button-section label,
.scenarios-and-events .table .top-row.details-button-section button {
  padding: 3px 10px;
}
.scenarios-and-events .table .top-row.details-button-section .dropdown .add-button {
  margin-right: 20px;
}
.scenarios-and-events .table .scenario-settings-button {
  margin-left: 10px;
}
.scenarios-and-events .table .reference-year-column input {
  width: 40px;
}
.scenarios-and-events .table .reference-year-column input.fig-invalid {
  border: solid 2px red;
  border-radius: 3px;
}
.scenarios-and-events .table .validation-column {
  color: red;
}
.scenarios-and-events .data-table tbody tr {
  height: 47px;
}
.scenarios-and-events .data-table .ellipsis td:not(.no-ellipsis),
.scenarios-and-events .data-table .ellipsis th:not(.no-ellipsis) {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.scenarios-and-events .data-table .percentage-width {
  width: 20%;
}
.scenarios-and-events .data-table .pixel-width {
  width: 120px;
}
.scenarios-and-events .data-table .highlighted {
  background-color: #e6e6e6;
}
.scenarios-and-events .data-table .fa-chart-column {
  color: #0076a3;
}
.scenarios-and-events .data-table .status-column {
  width: 30px;
  white-space: nowrap;
}
.scenarios-and-events .data-table .status-column .fa-equals {
  color: #d8d8d8;
}
.scenarios-and-events .data-table .status-column .fa-ban {
  color: #d8d8d8;
}
.scenarios-and-events .data-table .color-column {
  width: 40px;
}
.scenarios-and-events .data-table .motivation-button-column {
  width: 115px;
}
.scenarios-and-events .data-table .motivation-button-column textarea {
  float: left;
}
.scenarios-and-events .data-table .motivation-button-column .motivation-actions {
  float: right;
  margin-top: 10px;
}
.scenarios-and-events .data-table .motivation-button-column .motivation-input .btn.motivation-btn {
  background-color: transparent;
}
.scenarios-and-events .data-table .motivation-button-column .motivation-input .btn.motivation-btn:hover {
  background-color: white;
}
.riskEvent .pointer:hover {
  cursor: not-allowed;
}
.riskEvent .panel {
  margin-top: 16px;
}
.riskEvent form {
  margin-top: 12px;
}
.riskEvent .expander-label {
  padding-left: 0;
}
.riskEvent .risk-event-person-readonly {
  position: relative;
  top: 9px;
}
.riskEvent .mat-mdc-dialog-content {
  max-height: initial;
}
.riskEvent mat-dialog-actions fig-save-state-message {
  margin-right: 18px;
}
.risk-overview .scenario-changes-affect-whole-dossier-text {
  margin-bottom: 16px;
  font-style: italic;
  color: gray;
}
.risk-overview .scenario-changes-affect-whole-dossier-text button {
  float: right;
  margin-top: 10px;
  font-style: normal;
}
.risk-overview .panel-heading {
  transition: background-color 0.085s;
}
.risk-overview .panel-heading .panel-title {
  color: #FFF !important;
}
.risk-overview .panel-heading table {
  width: 100%;
}
.risk-overview .panel-heading table .add-risk-event-button {
  width: 20%;
}
.risk-overview .panel-heading table .date-change-method-column {
  width: 202px;
}
.risk-overview .panel-heading table .date-change-method-column select {
  width: 190px;
  margin-right: 12px;
}
.risk-overview .panel-heading table .date-pick-column {
  width: 137px;
}
.risk-overview .panel-heading table .date-pick-column .date-change-year-offset-field {
  width: 125px;
  margin-right: 12px;
}
.risk-overview .panel-heading table .date-pick-column fig-date-input > div {
  width: 125px;
}
.risk-overview .panel-heading table .save-risk-events-button-column button {
  float: right;
}
.risk-overview .table-overflow {
  overflow: visible;
}
.risk-overview .table-overflow .no-pointer {
  cursor: default !important;
}
.risk-overview .table-overflow .checkbox-select-column {
  width: 40px;
}
.risk-overview .table-overflow .risk-description-clickable {
  color: #00648a;
}
.risk-overview .table-overflow .risk-description-clickable:hover {
  text-decoration: underline;
}
.risk-overview .table-overflow .risk-description-clickable:hover {
  text-decoration: underline;
}
.risk-overview .table-overflow .description-column {
  width: 40%;
}
.risk-overview .table-overflow .type-column {
  width: 15%;
}
.risk-overview .table-overflow .type-column span {
  padding-right: 10px;
}
.risk-overview .table-overflow .person-column {
  width: 30%;
}
.risk-overview .table-overflow .creation-date-column {
  width: 10%;
}
.risk-overview .table-overflow .creation-date-column.highlight {
  text-shadow: 0.4px 0 0 #0076a3, 0 -0.1px 0 #0076a3, 0 0.1px 0 #0076a3;
  transition: text-shadow 0.2s, transform 0.2s, color 0.2s;
  transform: scale(1.05);
  color: #0076a3;
}
.risk-overview .table-overflow .actions-button-column {
  width: 5%;
}
.risk-overview .table-overflow .actions-button-column fig-spinner {
  position: relative;
  left: 14px;
}
.risk-overview .table-overflow .overflow {
  overflow: visible;
  white-space: normal;
  padding: 6px 12px 6px 6px !important;
  text-align: right;
}
.results pdf-button,
.results fig-pdf-button {
  float: right;
}
.results .panel-body table {
  font-size: 12px;
}
.results .panel-body table th {
  white-space: initial;
  word-wrap: break-word;
}
.results .panel-body table .small {
  width: 7%;
  font-size: 100%;
}
.results .panel-body table .large {
  width: auto;
}
.results .panel-body table .cell-left-align {
  padding-left: 20px !important;
  text-align: left;
}
.results .panel-body table .cell-right-align-currency {
  text-align: right;
}
.results .panel-body.panel-body-table {
  border-bottom: 1px solid #ccc;
}
.results .panel-body.loader {
  min-height: 300px;
}
.results .plan-event-selector {
  display: inline-block;
}
.results .results-plan-event-selector {
  margin-bottom: 0px;
}
.pdf-view .results > .row {
  margin: 0;
}
.pdf-view .results > .row > .col-md-12 {
  padding: 0;
}
.pdf-view .results .panel {
  border: none;
  box-shadow: none;
}
.pdf-view .results .top-action-bar {
  box-shadow: none;
  margin: 0;
  padding-left: 0;
  padding-right: 0;
  background: none;
}
.pdf-view .results i.fa,
.pdf-view .results pdf-button,
.pdf-view .results fig-pdf-button {
  display: none;
}
.pdf-view .results .color-sad {
  color: #A00000 !important;
}
#mdShadow {
  /* Shadows (from mdl http://www.getmdl.io/) */
}
.requestable-products tr {
  height: 46px;
}
.requestable-products tr td.action-column {
  text-align: right;
}
.requestable-products tr td.action-column img {
  height: 30px;
  max-width: 100px;
}
.requestable-products tr td.action-column button {
  padding: 0px;
  height: 24.8px;
  margin: 3px 0 3px 5px;
}
.requestable-products tr td.action-column button span {
  padding: 3px 10px;
}
.requestable-products tr td .product-info-label {
  color: #707070;
  font-size: 11px;
  display: block;
}
.requestable-products .panel .panel-body {
  overflow: hidden;
  transition: max-height 0.3s, padding 0.3s;
}
.report-pfa .btn-report {
  display: inline-block;
}
.report-pfa .report-progress {
  display: inline-block;
  padding: 0 !important;
  float: right;
}
.report-pfa .column-year {
  width: 140px;
}
.report-pfa .panel-header .panel-notification {
  font-size: 12px;
}
.questionnaire .questionnaire-panel {
  margin-top: 20px;
}
.questionnaire .questionnaire-panel .spinner-container {
  min-height: 50px;
}
.questionnaire .panel-body .panel-notification.error {
  display: inline-block;
  vertical-align: middle;
}
.questionnaire .profile-result {
  padding-left: 0px;
}
.questionnaire .profile-result .profile-name {
  padding-top: 10px;
  font-weight: 500;
}
.questionnaire fig-save-state-message {
  margin-right: 10px;
}
.questionnaire .btn {
  margin-right: 3px;
}
.plan .table-overflow {
  overflow: visible;
}
.plan .table-overflow .plan-description {
  color: #00648a;
}
.plan .table-overflow .plan-description:hover {
  text-decoration: underline;
}
.plan .table-overflow .plan-description:hover {
  text-decoration: underline;
}
.plan .table-overflow .plan-column {
  width: 31px;
  font-size: 12px;
}
.plan .table-overflow .type-column {
  width: 25%;
}
.plan .table-overflow .type-column i {
  padding-left: 10px;
}
.plan .table-overflow .creation-date-column {
  width: 20%;
}
.plan .table-overflow .actions-button-column {
  width: 40px;
}
.plan .table-overflow .overflow {
  overflow: visible;
  white-space: normal;
  padding: 6px 12px 6px 6px !important;
  text-align: right;
}
.new-client-form .new-client-form-well .new-client-form-row {
  height: auto;
  transition: height 1s;
}
.new-client-form .btn-remove {
  margin-bottom: 20px;
}
.new-client-form fig-division-selector .control-label {
  padding: 7px 15px 15px 30px;
}
.new-client-form .divison-selector-container {
  margin-bottom: -15px;
}
.client-forms-actions .new-client-cancel-btn {
  margin-right: 3px;
}
.moments-in-time {
  display: inline;
}
.moments-in-time button {
  min-width: 38px;
}
.moments-in-time i {
  font-size: 20px;
  color: #1E1E1E;
}
.mfa {
  background: #FFF;
  margin: 140px auto 0;
  padding: 30px;
  width: 360px;
}
.mfa img {
  height: 75px;
  margin: 0 auto 50px;
  position: relative;
  display: block;
}
.mfa .title {
  font-size: 20px;
  display: block;
  text-align: center;
  margin-bottom: 30px;
}
.mfa .description {
  font-size: 14px;
  text-align: center;
}
.mfa .error-text {
  color: #d9534f;
}
.mfa .mfa-code-label {
  width: 100%;
  text-align: center !important;
  margin-bottom: 15px;
}
.mfa .mfa-code-input {
  font-size: 20px;
  letter-spacing: 5px;
  text-align: center;
}
.mfa-registration {
  background: #FFF;
  margin: 140px auto 0;
  padding: 30px;
  width: 360px;
}
.mfa-registration img {
  height: 75px;
  margin: 0 auto 50px;
  position: relative;
  display: block;
}
.mfa-registration .title {
  font-size: 20px;
  display: block;
  text-align: center;
  margin-bottom: 30px;
}
.mfa-registration .description {
  font-size: 14px;
  text-align: center;
}
.mfa-registration .error-text {
  color: #d9534f;
}
.mfa-registration .mfa-code-label {
  width: 100%;
  text-align: center !important;
  margin-bottom: 15px;
}
.mfa-registration .mfa-code-input {
  font-size: 20px;
  letter-spacing: 5px;
  text-align: center;
}
.mfa-registration .mfa-warning {
  width: 100%;
  text-align: center !important;
  font-style: italic;
  margin-bottom: 20px;
}
.mfa-registration .qr-code {
  opacity: 80%;
  text-align: center;
}
.max-mortgage .form-group {
  margin-bottom: 10px;
}
.max-mortgage .form-group .control-label {
  padding-bottom: 5px;
}
.max-mortgage .actions-col {
  padding-top: 5px;
}
.max-mortgage .actions-col actions-button {
  float: right;
}
.max-mortgage .expenses [class*='col'],
.max-mortgage .newMortgages [class*='col'] {
  padding-left: 10px;
}
.max-mortgage .expenses [class*='col']:not(:last-child),
.max-mortgage .newMortgages [class*='col']:not(:last-child) {
  padding-right: 0px;
}
.max-mortgage .expenses [class*='col']:first-child,
.max-mortgage .newMortgages [class*='col']:first-child {
  margin-left: 5px;
}
.max-mortgage .expenses [class*='col']:last-child,
.max-mortgage .newMortgages [class*='col']:last-child {
  margin-right: -5px;
  padding-right: 20px;
}
.max-mortgage .newMortgages .mortgage-total {
  float: right;
  padding-right: 10px;
}
.max-mortgage .warning-text {
  color: #E7AA37;
}
.max-mortgage .icon-info {
  color: #cccccc;
}
.max-mortgage-type-tooltip .tooltip-inner {
  max-width: 500px;
}
@keyframes sk-stretchdelay {
  0%,
  40%,
  100% {
    transform: scaleY(0.4);
  }
  20% {
    transform: scaleY(1);
  }
}
@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fadeInLeft {
  0% {
    opacity: 0;
    transform: translateX(100px);
  }
  100% {
    opacity: 1;
    transform: translateX(0px);
  }
}
@keyframes fadeInRight {
  0% {
    opacity: 0;
    transform: translateX(-100px);
  }
  100% {
    opacity: 1;
    transform: translateX(0px);
  }
}
@keyframes fadeInUp {
  0% {
    opacity: 0;
    transform: translateY(50px);
  }
  100% {
    opacity: 1;
    transform: translateY(0px);
  }
}
@keyframes fadeInDown {
  0% {
    opacity: 0;
    transform: translateY(-50px);
  }
  100% {
    opacity: 1;
    transform: translateY(0px);
  }
}
#mdShadow {
  /* Shadows (from mdl http://www.getmdl.io/) */
}
input .ng-invalid {
  background-color: #A00000;
}
ng-messages ng-message,
.ng-messages ng-message,
ng-messages .ng-message,
.ng-messages .ng-message {
  color: #d9534f;
  font-size: 12px;
  font-weight: 500;
  margin-top: 0.25rem;
}
ng-messages ng-message.info,
.ng-messages ng-message.info,
ng-messages .ng-message.info,
.ng-messages .ng-message.info {
  color: #5bc0de;
}
ng-messages.inline-messages,
.ng-messages.inline-messages {
  display: inline-block;
}
ng-messages.inline-messages ng-message,
.ng-messages.inline-messages ng-message,
ng-messages.inline-messages .ng-message,
.ng-messages.inline-messages .ng-message {
  line-height: 1;
  position: relative;
  display: inline-block;
  margin: 0;
}
ng-messages.inline-messages ng-message spinner,
.ng-messages.inline-messages ng-message spinner,
ng-messages.inline-messages .ng-message spinner,
.ng-messages.inline-messages .ng-message spinner,
ng-messages.inline-messages ng-message .spinner,
.ng-messages.inline-messages ng-message .spinner,
ng-messages.inline-messages .ng-message .spinner,
.ng-messages.inline-messages .ng-message .spinner {
  display: inline-block;
  float: left;
  height: 20px;
}
ng-messages.inline-messages ng-message spinner [class^="rect"],
.ng-messages.inline-messages ng-message spinner [class^="rect"],
ng-messages.inline-messages .ng-message spinner [class^="rect"],
.ng-messages.inline-messages .ng-message spinner [class^="rect"],
ng-messages.inline-messages ng-message .spinner [class^="rect"],
.ng-messages.inline-messages ng-message .spinner [class^="rect"],
ng-messages.inline-messages .ng-message .spinner [class^="rect"],
.ng-messages.inline-messages .ng-message .spinner [class^="rect"] {
  width: 3px;
}
ng-messages.inline-messages ng-message i.fa,
.ng-messages.inline-messages ng-message i.fa,
ng-messages.inline-messages .ng-message i.fa,
.ng-messages.inline-messages .ng-message i.fa,
ng-messages.inline-messages ng-message span,
.ng-messages.inline-messages ng-message span,
ng-messages.inline-messages .ng-message span,
.ng-messages.inline-messages .ng-message span {
  margin-left: 5px;
}
ng-messages.inline-messages ng-message i.fa,
.ng-messages.inline-messages ng-message i.fa,
ng-messages.inline-messages .ng-message i.fa,
.ng-messages.inline-messages .ng-message i.fa {
  font-size: 20px;
  position: relative;
  display: inline-block;
  text-align: center;
}
ng-messages.inline-messages ng-message span,
.ng-messages.inline-messages ng-message span,
ng-messages.inline-messages .ng-message span,
.ng-messages.inline-messages .ng-message span {
  display: inline-block;
  position: relative;
  line-height: 1.7;
}
.container,
.container-fluid {
  position: relative;
}
.main-view {
  padding-left: 45px;
  padding-right: 45px;
  min-width: 720px;
}
.btn {
  will-change: background-color, border-color;
  transition: background-color, border-color;
  transition-duration: 0.085s;
}
.btn:not([disabled=disabled]):active,
.btn:not([disabled=disabled]).open {
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14) inset, 0 3px 1px -2px rgba(0, 0, 0, 0.2) inset, 0 1px 5px 0 rgba(0, 0, 0, 0.12) inset;
}
.btn:focus {
  text-decoration: none;
  outline: none;
}
.btn.add {
  margin-bottom: 15px;
}
.btn.settings {
  margin-top: 30px;
}
.btn.btn-default {
  color: #1E1E1E;
}
.btn.btn-default:not([disabled=disabled]):hover,
.btn.btn-default:not([disabled=disabled]):active {
  color: #1E1E1E;
}
.btn.btn-primary {
  background-color: #0076a3;
  border-color: #00648a;
  color: #FFF;
}
.btn.btn-primary:not([disabled=disabled]):hover,
.btn.btn-primary:not([disabled=disabled]):active {
  background-color: #00648a;
  border-color: #00648a;
}
.btn.btn-no-border {
  border: none !important;
}
.btn.thick {
  text-transform: uppercase;
  font-weight: 700;
}
.btn.upp {
  border: 0 none;
  font-size: 14px;
  font-weight: 500;
}
.btn.btn-newplan {
  padding: 35px 45px;
  font-size: 18px;
  margin-bottom: 16px;
}
.btn.btn-newplan i {
  margin-right: 10px;
}
.btn.btn-primary-light {
  border-color: #0abbff;
  background: #FFF;
  color: #1E1E1E;
}
.btn.btn-primary-light:not([disabled=disabled]):hover {
  background: #f2f2f2;
}
.btn-group.open .dropdown-toggle {
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14) inset, 0 3px 1px -2px rgba(0, 0, 0, 0.2) inset, 0 1px 5px 0 rgba(0, 0, 0, 0.12) inset;
}
.dropdown.open .dropdown-toggle {
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14) inset, 0 3px 1px -2px rgba(0, 0, 0, 0.2) inset, 0 1px 5px 0 rgba(0, 0, 0, 0.12) inset;
}
.dropdown.open .dropdown-toggle.btn-default {
  background-color: #d4d4d4;
}
.text-btn {
  cursor: pointer;
  color: #0076a3;
}
.text-btn:not([disabled=disabled]):hover {
  text-decoration: underline;
}
.footer {
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  padding: 7px 15px;
  height: 30px;
  border-top: 1px solid #ddd;
  background: #FFF;
  margin-left: auto;
  margin-right: auto;
  font-size: 11px;
  z-index: 10000;
}
.footer li {
  display: inline-block;
  padding-left: 15px;
}
.footer i {
  padding-right: 5px;
}
.card-nav li {
  display: inline-block;
}
.panel {
  border-radius: 0;
  border-color: #ddd;
  background-color: #FFF;
  color: #1E1E1E;
  will-change: box-shadow;
  transition: box-shadow 0.3s;
  box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 2px 0 rgba(0, 0, 0, 0.12);
}
.panel .panel-heading {
  background-color: #FFF;
  padding: 15px;
  position: relative;
  border-color: #ddd;
  border-radius: 0;
}
.panel .panel-heading.panel-action-bar::after {
  content: "";
  display: block;
  clear: both;
}
.panel .panel-heading .panel-title {
  display: inline-block;
  color: #1E1E1E;
}
.panel .panel-heading .input-search {
  position: absolute;
  top: 5px;
  left: 50%;
  width: 30%;
  margin-left: -15%;
}
.panel .panel-heading:not(.panel-action-bar) .btn {
  padding: 3px 10px;
  line-height: 1.4;
  text-align: left;
}
.panel .panel-heading .btn-panel-header {
  position: absolute;
  top: 12px;
}
.panel .panel-heading .btn-panel-header .fa {
  width: 12px;
  height: 12px;
}
.panel .panel-heading .btn-panel-header.left {
  left: 130px;
}
.panel .panel-heading .btn-panel-header.right {
  right: 15px;
}
.panel .panel-heading .dropdown {
  color: #FFF;
}
.panel:not(.monopoly-card) .panel-body .panel-body-overlay {
  min-height: 300px;
}
.panel .panel-action-bar .btn-group {
  margin-right: 10px;
}
.panel .panel-body {
  position: relative;
}
.panel .panel-body.with-overlay .panel-body-overlay {
  animation: fadeIn 0.5s;
  display: block;
}
.panel .panel-body.panel-notification {
  background-color: #E7AA37;
  color: #1E1E1E;
  padding: 5px 15px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.panel .panel-body.panel-notification:not(.instant) {
  animation: fadeIn 1s forwards;
}
.panel .panel-body.panel-notification span {
  margin: 0;
  font-weight: 500;
}
.panel .panel-body.panel-notification i.fa {
  font-size: 18px;
}
.panel .panel-body.panel-notification.error {
  background-color: #FFF;
  color: #A00000;
}
.panel .panel-body.panel-notification.saving {
  background-color: #FFF;
  color: #1E1E1E;
}
.panel .panel-body.panel-body-table {
  border-top: 2px solid #ccc;
}
.panel .panel-body.panel-body-table .table thead tr th:first-child,
.panel .panel-body.panel-body-table .table tbody tr td:first-child {
  padding-left: 15px;
}
.panel .panel-body.panel-body-table .table thead tr th:last-child,
.panel .panel-body.panel-body-table .table tbody tr td:last-child {
  padding-right: 15px;
}
.panel .panel-body.panel-chart {
  border-top: 2px solid #ccc;
  min-height: 300px;
  display: block;
}
.panel .panel-body.panel-chart .graph {
  border: none;
  box-shadow: none;
  margin-bottom: 0;
}
.panel .panel-body .panel-message {
  font-size: 17px;
  font-weight: 300;
}
.panel .panel-body .panel-body-overlay {
  background-color: #FFF;
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  display: none;
  will-change: box-shadow;
  transition: box-shadow 0.3s;
  box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 2px 0 rgba(0, 0, 0, 0.12);
}
.panel .panel-body .panel-body-overlay p {
  color: #1E1E1E;
  text-align: center;
  margin: 15px;
  padding-bottom: 15px;
  height: auto;
  white-space: initial;
  font-size: 18px;
  font-weight: 500;
  border-bottom: 1px solid #ddd;
}
.panel .panel-body .panel-body-overlay .overlay-actions {
  position: absolute;
  bottom: 15px;
  left: 15px;
  right: 15px;
  height: auto;
  display: block;
}
.panel .panel-body .panel-body-overlay .container-fluid,
.panel .panel-body .panel-body-overlay .row,
.panel .panel-body .panel-body-overlay [class^='col-'] {
  height: 100%;
}
.panel .panel-body .panel-body-overlay.spinner-dialog {
  min-height: 200px;
  border-bottom: 1px solid #ccc;
}
.panel .panel-body .panel-body-overlay.remove-dialog .inner-text {
  margin-top: 50%;
}
.panel .panel-body .panel-body-overlay.remove-dialog .vertical-align {
  display: flex;
  align-items: center;
}
.panel .panel-body .panel-body-overlay.remove-dialog .remove-dialog-confirm {
  text-align: center;
  padding: 75px 0;
}
.panel .panel-body .panel-body-overlay.remove-dialog .remove-dialog-confirm .remove-dialog-message {
  font-size: 16px;
  font-weight: 300;
  padding-bottom: 15px;
}
.panel .panel-body > spinner {
  padding: 15px;
}
.panel .panel-footer.panel-pagination {
  background-color: #FFF;
}
.panel .panel-footer.panel-pagination .pagination {
  margin: 0;
}
.panel.panel-figlo > .panel-heading {
  background-color: #E7AA37;
}
.panel.panel-figlo > .panel-heading .panel-title {
  color: #1E1E1E;
  font-size: 20px;
  font-weight: 300;
}
.well {
  background: #FFF;
  padding: 20px;
  margin-bottom: 30px;
  border-radius: 0;
  will-change: box-shadow;
  transition: box-shadow 0.3s;
  box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 2px 0 rgba(0, 0, 0, 0.12);
}
.well th,
.well td {
  white-space: nowrap;
}
.well th:last-child,
.well td:last-child {
  text-align: right;
}
.well th:nth-child(2) {
  width: 100%;
}
.well .well {
  margin: 0;
  padding: 10px 15px;
}
.well .well i {
  font-size: 8px;
  position: relative;
  top: -1px;
}
.well .value {
  font-weight: 600;
}
.well li {
  display: inline-block;
}
.well .year-category {
  margin-bottom: 32px;
}
.well.well-summary {
  margin-bottom: 16px;
}
.table-title {
  margin: 10px 0 30px;
}
table,
.table {
  table-layout: fixed;
  border-collapse: initial;
  margin: 0;
  user-select: none;
}
.table tr.total {
  font-weight: 500;
}
.table th {
  font-weight: 500;
}
.table th,
.table td {
  vertical-align: middle !important;
}
.table th.numeric,
.table td.numeric {
  text-align: right;
}
.table tbody > tr {
  transition: background-color 0.085s;
}
.table tbody > tr.selected {
  background-color: #E6F8FF;
}
.table tbody > tr.invalid {
  background-color: #FCEEEE;
}
.table.table-hover tbody > tr:not([disabled=disabled]) {
  cursor: pointer;
}
.table.table-hover tbody > tr:not([disabled=disabled]):hover {
  background-color: #e6e6e6;
}
.table.table-striped tbody tr:nth-of-type(2n+1) {
  background-color: #e6e6e6;
}
.table.table-striped tbody tr:nth-of-type(2n) {
  background-color: #FFF;
}
.table.table-striped-inverted tbody tr:nth-of-type(2n+1) {
  background-color: #FFF;
}
.table.table-striped-inverted tbody tr:nth-of-type(2n) {
  background-color: #e6e6e6;
}
.modal-dialog {
  width: 1000px;
}
.modal-dialog .line-break {
  white-space: pre-wrap;
}
.app-modal-window .modal-dialog {
  width: 500px;
}
.app-full-modal .modal-dialog {
  margin-top: 200px;
  width: 500px;
}
.app-full-modal .modal-dialog .modal-content {
  background-color: #ddd;
}
.app-full-modal .modal-dialog .modal-content .modal-header {
  color: #1E1E1E;
  font-weight: 100;
  background-color: transparent;
}
.app-full-modal .modal-dialog .modal-content .modal-body {
  background-color: #FFF;
}
.dropdown-menu {
  border-radius: 0;
  background-color: #FFF;
  box-shadow: 0 6px 10px 0 rgba(0, 0, 0, 0.14), 0 1px 18px 0 rgba(0, 0, 0, 0.12), 0 3px 5px -1px rgba(0, 0, 0, 0.2);
}
.uib-datepicker-popup {
  padding: 0 0 5px 0;
  background-color: #ddd;
  width: 278px;
  right: 0 !important;
  left: auto !important;
  box-shadow: 0 6px 10px 0 rgba(0, 0, 0, 0.14), 0 1px 18px 0 rgba(0, 0, 0, 0.12), 0 3px 5px -1px rgba(0, 0, 0, 0.2);
}
.uib-datepicker-popup th:last-child {
  text-align: center;
}
.uib-datepicker-popup > li {
  width: 100%;
}
.uib-datepicker-popup > li .uib-datepicker-current {
  margin-right: 5px;
}
.uib-datepicker-popup table {
  width: 100%;
  table-layout: auto;
}
.uib-datepicker-popup table thead tr:nth-child(1) .btn {
  border: none;
  padding: 10px;
  border-radius: 0;
}
.uib-datepicker-popup table tbody tr td.uib-day .btn,
.uib-datepicker-popup table tbody tr td.uib-month .btn,
.uib-datepicker-popup table tbody tr td.uib-year .btn {
  border: none;
  border-radius: 0;
}
.glyphicon {
  font-family: 'Font Awesome 6 Pro';
  font-weight: 900 !important;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  line-height: 1;
  vertical-align: -0.125em;
}
.glyphicon.glyphicon-chevron-left::before {
  content: "\f053";
}
.glyphicon.glyphicon-chevron-right::before {
  content: "\f054";
}
.dropdown .dropdown-toggle .fa-caret-down {
  will-change: transform, opacity;
  transition-property: transform, opacity;
  transition-duration: 0.085s;
  transform: rotateX(0deg);
}
.dropdown .dropdown-toggle:not([disabled=disabled]) .fa-caret-down {
  opacity: 0.5;
}
.dropdown .dropdown-toggle:not([disabled=disabled]):hover .fa-caret-down,
.dropdown .dropdown-toggle:not([disabled=disabled]):active .fa-caret-down {
  opacity: 1;
}
.dropdown.open .fa-caret-down {
  opacity: 1 !important;
  transform: rotateX(180deg);
}
.dropdown.open .btn-text {
  text-decoration: underline;
  box-shadow: none !important;
}
.alert.alert-compact {
  margin: 5px auto;
  padding: 5px 15px;
  position: relative;
}
.alert.alert-compact.with-icon {
  padding-left: 45px;
}
.alert.alert-compact.with-icon i.fa {
  position: absolute;
  font-size: 22px;
  width: 22px;
  text-align: center;
  left: 15px;
  top: 3px;
  opacity: 0.5;
}
.nav > li > a:focus,
.nav > li > a:hover {
  border-color: #eee #eee #ddd;
}
h4 .upp {
  position: relative;
  top: -2px;
}
.no-padding {
  padding: 0 !important;
}
.padding-left {
  padding-left: 15px;
}
.padding-right {
  padding-right: 15px;
}
.padding-top {
  padding-top: 15px;
}
.padding-bottom {
  padding-bottom: 15px;
}
.margin-left {
  margin-left: 15px;
}
.margin-right {
  margin-right: 15px;
}
.margin-top {
  margin-top: 15px;
}
.margin-bottom {
  margin-bottom: 15px;
}
.no-border {
  border: none !important;
}
.no-margin {
  margin: 0;
}
.no-shadow {
  box-shadow: none !important;
}
.no-pointer-events {
  pointer-events: none;
}
.title-block {
  border-radius: 2px 2px 0 0;
  min-height: 56px;
  position: relative;
  border: 1px solid #ddd;
  background-color: #FFF;
  font-size: 20px;
  line-height: 34px;
  padding: 11px 24px;
  vertical-align: middle;
}
.title-block i {
  position: relative;
  top: -1px;
  font-size: 14px;
  padding: 0 5px 0 0;
}
.title-block i .fa-chevron-left {
  position: absolute;
  top: 16px;
  left: 6px;
  font-size: 10px;
  padding: 8px;
}
.fa {
  transition: transform 0.3s;
}
.fa.fa-plus.cancel,
.fa.fa-times.cancel {
  transform: rotateZ(45deg) !important;
}
hr.seperate {
  border-color: transparent;
  margin: 10px 0;
}
img.fake {
  width: 100%;
}
.disabled {
  opacity: 0.5;
}
.colorblock {
  display: inline-block;
  width: 8px;
  height: 8px;
}
.upp {
  text-transform: uppercase;
}
.upp.btn-default {
  background-color: #ddd;
}
.ellipsis {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.clickable-hover {
  cursor: pointer;
}
.sortable-hover {
  cursor: pointer;
  font-weight: bolder;
}
.sortable-hover .sort-icon {
  margin-left: 15px;
}
.sortable-hover .sort-icon.disabled {
  opacity: 0.2;
}
.sortable-hover .sort-icon.descending {
  transform: rotateX(180deg);
}
.none-clickable-hover {
  cursor: not-allowed;
}
.none-sortable-hover {
  cursor: not-allowed;
}
.deadcenter {
  transform: translate(-50%, -50%);
  position: absolute;
  top: 50%;
  left: 50%;
}
.padding-vertical {
  padding: 15px 0 !important;
}
.avatar {
  border-radius: 50%;
  font-size: 3em;
  background-color: #0076a3;
  color: #FFF;
  display: inline-block;
  width: 2.5em;
  padding: 0.5em 0;
}
.full-loader {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #FFF;
  z-index: 1003;
  text-align: center;
  cursor: wait;
}
.full-loader .full-loader-content {
  transform: translate(-50%, -50%);
  position: absolute;
  top: 50%;
  left: 50%;
}
.edit-textarea textarea {
  margin-bottom: 5px;
}
.edit-textarea .btn {
  padding: 2px 15px;
}
.edit-textarea .btn i.fa {
  font-size: 16px;
}
.page-sso h2 {
  text-align: center;
}
.row.row-margin-top {
  margin-top: 15px;
}
.row.row-margin-bottom {
  margin-bottom: 15px;
}
.row.row-header {
  font-weight: bold;
  padding: 10px 0;
}
.color-happy {
  color: #00A000 !important;
}
.color-muted {
  color: #777777 !important;
}
.color-sad {
  color: #A00000;
}
.icon-info {
  color: #707070;
  font-size: 14px;
  margin-left: 15px;
  position: absolute;
}
.card-property-title .icon-info {
  top: 7px;
  z-index: 1000;
}
#file-upload {
  display: none;
}
.figlo-file-upload {
  display: inline-block;
  padding: 4px 9px;
  cursor: pointer;
  border-radius: 3px;
  font-size: 13px;
  background-color: #0076a3;
  border-color: #00648a;
  color: #FFF;
}
.figlo-file-upload:not([disabled=disabled]):hover,
.figlo-file-upload:not([disabled=disabled]):active {
  background-color: #00648a;
  border-color: #00648a;
}
h1 {
  font-size: 24px;
  font-weight: 300;
  margin: 30px 0 25px;
}
h2 {
  font-size: 21px;
  font-weight: 300;
  margin: 30px 0 25px;
}
h3 {
  margin-top: 10px;
}
h4 {
  font-weight: 400;
  font-size: 20px;
}
label {
  font-size: 14px;
  font-weight: 400;
}
ul {
  padding: 0;
  margin: 0;
}
a {
  cursor: pointer;
  color: #0076a3;
}
a:hover,
a:focus {
  text-decoration: underline;
  color: #0076a3;
}
textarea {
  resize: vertical;
  width: 100%;
  margin-top: 5px;
  margin-bottom: 15px;
  padding: 5px;
  border: 1px solid #ccc;
  color: #1E1E1E;
  background-color: #FFF;
}
hr {
  background-color: #ddd;
  border-color: #ddd;
}
.figlo-current-situation-color {
  color: #00B0F0;
}
.figlo-generic-plan-color {
  color: #00B050;
}
.figlo-mortgage-plan-color {
  color: #7030A0;
}
.figlo-advisor-plan-color {
  color: #E8A418;
}
.clickable {
  cursor: pointer;
}
/* Figlo list */
.figlo-list {
  width: 100%;
  display: block;
  list-style-type: none;
}
.figlo-list li {
  border-top: 1px solid #ddd;
  border-left: 1px solid #ddd;
  border-right: 1px solid #ddd;
  padding: 5px 15px;
}
.figlo-list li:last-child {
  border-bottom: 1px solid #ddd;
}
.figlo-list.selectable li:hover {
  cursor: pointer;
  background-color: #e6e6e6 !important;
}
.figlo-list.selectable li.selected {
  background-color: #E6F8FF;
}
.control-label,
label,
.label {
  color: inherit;
  font-weight: 400;
  text-align: left !important;
}
.control-label .badge,
label .badge,
.label .badge {
  margin-left: 5px;
  margin-bottom: 0;
  padding: 2px 8px;
  font-size: 11px;
}
.control-label .badge.badge-amount,
label .badge.badge-amount,
.label .badge.badge-amount {
  background-color: #ddd;
  color: #1E1E1E;
}
.form-control {
  box-shadow: none;
  height: 32px;
  font-weight: 400;
  color: #1E1E1E;
  padding: 6px 9px;
}
.form-control.currency,
.form-control.numeric {
  text-align: right;
}
.form-control::-moz-placeholder {
  color: #ddd;
  opacity: 0.5;
  font-weight: 300;
}
.form-control[readonly] {
  cursor: not-allowed;
  background-color: #eee;
  opacity: 1;
}
.form-control[readonly]:focus {
  border-color: #CCC;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.form-control-radio {
  box-shadow: none;
  height: 32px;
  font-weight: 400;
  color: #1E1E1E;
  padding: 0px;
  border: none;
}
input[type="text"] {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.input-group-btn .btn {
  height: 32px;
}
.input-group-btn .btn i {
  width: 12px;
}
.input-group .input-group-btn:not(:last-child) .btn {
  border-radius: 0;
}
.radio-inline {
  line-height: 22px;
}
.input-currency {
  width: 100%;
}
.input-date {
  width: 100%;
}
.input-group .input-group-addon {
  background: transparent;
}
.input-group.input-search {
  border-bottom: 3px solid #E7AA37;
}
.input-group.input-search .input-group-addon[disabled=disabled] {
  opacity: 0.5;
}
.input-group.input-search .input-group-addon .fa {
  color: #E7AA37;
}
.input-group.input-search .input-group-addon,
.input-group.input-search .form-control {
  background: transparent;
  border: none;
  border-radius: 0;
  transition: box-shadow 0.085s;
  box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.14), 0 0 0 0 rgba(0, 0, 0, 0.2), 0 0 0 0 rgba(0, 0, 0, 0.12);
}
.input-group.input-search .form-control:hover,
.input-group.input-search .form-control:focus,
.input-group.input-search .form-control:active {
  outline: none !important;
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
}
text-input .text-input.readonly {
  margin-top: 7px;
  padding-left: 10px;
}
text-input .text-input input[readonly] {
  cursor: not-allowed;
}
.readonly-primary {
  opacity: 0.65;
  cursor: not-allowed;
  pointer-events: none;
}
.readonly-default {
  background-color: #ddd;
  opacity: 0.65;
  cursor: not-allowed;
  pointer-events: none;
}
.cursor-not-allowed {
  cursor: not-allowed !important;
}
input::-ms-clear {
  display: none;
}
html:not([data-scroll='0']) .top-action-bar {
  box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12), 0 2px 4px -1px rgba(0, 0, 0, 0.2);
}
.top-action-bar {
  position: sticky;
  display: flex;
  box-sizing: content-box;
  margin: 0 -60px;
  padding: 15px 60px 0;
  min-height: 40px;
  background-color: #E5E5E5;
  z-index: 999;
  box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.14), 0 0 0 0 rgba(0, 0, 0, 0.2), 0 0 0 0 rgba(0, 0, 0, 0.12);
  border: none;
  will-change: box-shadow;
  transition: box-shadow 0.3s;
}
.top-action-bar h1.client-view-title {
  margin: 0;
  position: absolute;
}
.top-action-bar .top-actions-left {
  position: relative;
  flex-shrink: 1;
  flex-grow: 1;
  text-align: left;
}
.top-action-bar .top-actions-right {
  flex-shrink: 0;
  flex-grow: 0;
  margin-left: 10px;
  text-align: right;
}
body:not(.side-menu-open) .top-action-bar {
  left: 0;
}
.actions {
  display: inline-block;
}
.actions.actions-left {
  float: left;
  text-align: left;
}
.actions.actions-right {
  float: right;
  margin-left: 10px;
}
.scenario-icon {
  position: absolute;
  z-index: 10;
  opacity: 0.5;
  pointer-events: none;
  padding: 10px;
}
.scenario-icon img {
  max-width: 50px;
}
.page-content {
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
}
.page-content.with-side-nav {
  left: 265px;
}
.page-content.with-side-nav .navbar.main-nav {
  left: 265px;
}
.tab {
  display: none;
}
.tab-content {
  border: 1px solid #ddd;
  border-top: transparent;
  padding: 30px;
  background: #FFF;
}
.bs-responsive-label {
  position: fixed;
  bottom: 45px;
  left: 15px;
}
.bs-responsive-label label {
  color: #FFF;
  opacity: 0.5;
}
.client-view-title {
  width: 100%;
  font-size: 22px;
  display: inline-block;
}
.text-ellipsis {
  overflow: hidden;
  white-space: nowrap;
  display: inline-block;
  text-overflow: ellipsis;
  max-width: 100%;
}
.text-ellipsis-reverse {
  overflow: hidden;
  white-space: nowrap;
  display: inline-block;
  text-overflow: ellipsis;
  max-width: 100%;
  direction: rtl;
}
.table-cell {
  display: table-cell;
}
.pdf-view,
.pdf-view body {
  background: none;
}
.side-nav-toggle {
  position: fixed;
  top: 10px;
  left: 0;
  z-index: 1002;
}
.side-nav-toggle .menu-button {
  margin: 12px 15px 15px 15px;
}
.navbar-tools {
  display: flex;
  flex-direction: column;
  min-height: 100%;
}
.navbar-tools .navbar-menu {
  flex: none;
}
.navbar-tools .navbar-menu-grow {
  flex-grow: 1;
}
nav.navbar-vertical {
  background-color: #2f3035;
  color: #FFF;
  z-index: 1001;
  position: fixed;
  top: 0;
  bottom: 0;
  width: 265px;
  box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12), 0 2px 4px -1px rgba(0, 0, 0, 0.2);
  overflow: hidden;
}
nav.navbar-vertical:hover .scroll-container {
  overflow-y: auto;
  overflow-x: hidden;
}
nav.navbar-vertical.navbar-fixed-left {
  left: 0;
}
nav.navbar-vertical.mortgage .background {
  background-color: #7030A0 !important;
}
nav.navbar-vertical.mortgage ul.navbar-menu li a.active,
nav.navbar-vertical.mortgage ul.navbar-menu li.active a {
  border-left-color: #7030A0 !important;
}
nav.navbar-vertical.mortgage ul.navbar-menu li a::before {
  background-image: -webkit-linear-gradient(45deg, #7030a0, rgba(112, 48, 160, 0));
  background-image: -o-linear-gradient(45deg, #7030a0, rgba(112, 48, 160, 0));
  background-image: linear-gradient(45deg, #7030a0, rgba(112, 48, 160, 0));
  background-repeat: repeat-x;
}
nav.navbar-vertical.mortgage ul.navbar-menu li a:not([disabled=disabled]):hover {
  border-left-color: rgba(112, 48, 160, 0.25);
}
nav.navbar-vertical.mortgage .navbar-footer ul.navbar-menu li a::before {
  background-image: -webkit-linear-gradient(45deg, #7030a0, rgba(112, 48, 160, 0.35)) !important;
  background-image: -o-linear-gradient(45deg, #7030a0, rgba(112, 48, 160, 0.35)) !important;
  background-image: linear-gradient(45deg, #7030a0, rgba(112, 48, 160, 0.35)) !important;
  background-repeat: repeat-x !important;
}
nav.navbar-vertical.mortgage .tools .tools-button::before {
  background-image: -webkit-linear-gradient(45deg, #7030a0, rgba(112, 48, 160, 0.35)) !important;
  background-image: -o-linear-gradient(45deg, #7030a0, rgba(112, 48, 160, 0.35)) !important;
  background-image: linear-gradient(45deg, #7030a0, rgba(112, 48, 160, 0.35)) !important;
  background-repeat: repeat-x !important;
}
nav.navbar-vertical.mortgage .tools .dropdown-menu a::before {
  background-image: -webkit-linear-gradient(45deg, #7030a0, rgba(112, 48, 160, 0)) !important;
  background-image: -o-linear-gradient(45deg, #7030a0, rgba(112, 48, 160, 0)) !important;
  background-image: linear-gradient(45deg, #7030a0, rgba(112, 48, 160, 0)) !important;
  background-repeat: repeat-x !important;
}
nav.navbar-vertical.planning .background {
  background-color: #00B050 !important;
}
nav.navbar-vertical.planning ul.navbar-menu li a.active,
nav.navbar-vertical.planning ul.navbar-menu li.active a {
  border-left-color: #00B050 !important;
}
nav.navbar-vertical.planning ul.navbar-menu li a::before {
  background-image: -webkit-linear-gradient(45deg, #00b050, rgba(0, 176, 80, 0));
  background-image: -o-linear-gradient(45deg, #00b050, rgba(0, 176, 80, 0));
  background-image: linear-gradient(45deg, #00b050, rgba(0, 176, 80, 0));
  background-repeat: repeat-x;
}
nav.navbar-vertical.planning ul.navbar-menu li a:not([disabled=disabled]):hover {
  border-left-color: rgba(0, 176, 80, 0.25);
}
nav.navbar-vertical.planning .navbar-footer ul.navbar-menu li a::before {
  background-image: -webkit-linear-gradient(45deg, #00b050, rgba(0, 176, 80, 0.35)) !important;
  background-image: -o-linear-gradient(45deg, #00b050, rgba(0, 176, 80, 0.35)) !important;
  background-image: linear-gradient(45deg, #00b050, rgba(0, 176, 80, 0.35)) !important;
  background-repeat: repeat-x !important;
}
nav.navbar-vertical.planning .tools .tools-button::before {
  background-image: -webkit-linear-gradient(45deg, #00b050, rgba(0, 176, 80, 0.35)) !important;
  background-image: -o-linear-gradient(45deg, #00b050, rgba(0, 176, 80, 0.35)) !important;
  background-image: linear-gradient(45deg, #00b050, rgba(0, 176, 80, 0.35)) !important;
  background-repeat: repeat-x !important;
}
nav.navbar-vertical.planning .tools .dropdown-menu a::before {
  background-image: -webkit-linear-gradient(45deg, #00b050, rgba(0, 176, 80, 0)) !important;
  background-image: -o-linear-gradient(45deg, #00b050, rgba(0, 176, 80, 0)) !important;
  background-image: linear-gradient(45deg, #00b050, rgba(0, 176, 80, 0)) !important;
  background-repeat: repeat-x !important;
}
nav.navbar-vertical.dashboard {
  background-color: #505054;
}
nav.navbar-vertical.dashboard .background {
  background-color: #E8A418 !important;
}
nav.navbar-vertical.dashboard ul.navbar-menu li a.active,
nav.navbar-vertical.dashboard ul.navbar-menu li.active a {
  border-left-color: #E8A418 !important;
}
nav.navbar-vertical.dashboard ul.navbar-menu li a::before {
  background-image: -webkit-linear-gradient(45deg, #e8a418, rgba(232, 164, 24, 0));
  background-image: -o-linear-gradient(45deg, #e8a418, rgba(232, 164, 24, 0));
  background-image: linear-gradient(45deg, #e8a418, rgba(232, 164, 24, 0));
  background-repeat: repeat-x;
}
nav.navbar-vertical.dashboard ul.navbar-menu li a:not([disabled=disabled]):hover {
  border-left-color: rgba(232, 164, 24, 0.25);
}
nav.navbar-vertical.dashboard .navbar-footer ul.navbar-menu li a::before {
  background-image: -webkit-linear-gradient(45deg, #e8a418, rgba(232, 164, 24, 0.35)) !important;
  background-image: -o-linear-gradient(45deg, #e8a418, rgba(232, 164, 24, 0.35)) !important;
  background-image: linear-gradient(45deg, #e8a418, rgba(232, 164, 24, 0.35)) !important;
  background-repeat: repeat-x !important;
}
nav.navbar-vertical.dashboard .tools .tools-button::before {
  background-image: -webkit-linear-gradient(45deg, #e8a418, rgba(232, 164, 24, 0.35)) !important;
  background-image: -o-linear-gradient(45deg, #e8a418, rgba(232, 164, 24, 0.35)) !important;
  background-image: linear-gradient(45deg, #e8a418, rgba(232, 164, 24, 0.35)) !important;
  background-repeat: repeat-x !important;
}
nav.navbar-vertical.dashboard .tools .dropdown-menu a::before {
  background-image: -webkit-linear-gradient(45deg, #e8a418, rgba(232, 164, 24, 0)) !important;
  background-image: -o-linear-gradient(45deg, #e8a418, rgba(232, 164, 24, 0)) !important;
  background-image: linear-gradient(45deg, #e8a418, rgba(232, 164, 24, 0)) !important;
  background-repeat: repeat-x !important;
}
nav.navbar-vertical.dashboard div.navbar-header {
  background-color: #505054;
}
nav.navbar-vertical.my-vault .background {
  background-color: #E8A418 !important;
}
nav.navbar-vertical.my-vault ul.navbar-menu li a.active,
nav.navbar-vertical.my-vault ul.navbar-menu li.active a {
  border-left-color: #E8A418 !important;
}
nav.navbar-vertical.my-vault ul.navbar-menu li a::before {
  background-image: -webkit-linear-gradient(45deg, #e8a418, rgba(232, 164, 24, 0));
  background-image: -o-linear-gradient(45deg, #e8a418, rgba(232, 164, 24, 0));
  background-image: linear-gradient(45deg, #e8a418, rgba(232, 164, 24, 0));
  background-repeat: repeat-x;
}
nav.navbar-vertical.my-vault ul.navbar-menu li a:not([disabled=disabled]):hover {
  border-left-color: rgba(232, 164, 24, 0.25);
}
nav.navbar-vertical.my-vault .navbar-footer ul.navbar-menu li a::before {
  background-image: -webkit-linear-gradient(45deg, #e8a418, rgba(232, 164, 24, 0.35)) !important;
  background-image: -o-linear-gradient(45deg, #e8a418, rgba(232, 164, 24, 0.35)) !important;
  background-image: linear-gradient(45deg, #e8a418, rgba(232, 164, 24, 0.35)) !important;
  background-repeat: repeat-x !important;
}
nav.navbar-vertical.my-vault .tools .tools-button::before {
  background-image: -webkit-linear-gradient(45deg, #e8a418, rgba(232, 164, 24, 0.35)) !important;
  background-image: -o-linear-gradient(45deg, #e8a418, rgba(232, 164, 24, 0.35)) !important;
  background-image: linear-gradient(45deg, #e8a418, rgba(232, 164, 24, 0.35)) !important;
  background-repeat: repeat-x !important;
}
nav.navbar-vertical.my-vault .tools .dropdown-menu a::before {
  background-image: -webkit-linear-gradient(45deg, #e8a418, rgba(232, 164, 24, 0)) !important;
  background-image: -o-linear-gradient(45deg, #e8a418, rgba(232, 164, 24, 0)) !important;
  background-image: linear-gradient(45deg, #e8a418, rgba(232, 164, 24, 0)) !important;
  background-repeat: repeat-x !important;
}
nav.navbar-vertical.my-vault .figlo-logo {
  display: none !important;
}
nav.navbar-vertical.my-vault .type-logo {
  right: 65px;
}
nav.navbar-vertical.tools .background {
  background-color: #A03030 !important;
}
nav.navbar-vertical.tools ul.navbar-menu li a.active,
nav.navbar-vertical.tools ul.navbar-menu li.active a {
  border-left-color: #A03030 !important;
}
nav.navbar-vertical.tools ul.navbar-menu li a::before {
  background-image: -webkit-linear-gradient(45deg, #a03030, rgba(160, 48, 48, 0));
  background-image: -o-linear-gradient(45deg, #a03030, rgba(160, 48, 48, 0));
  background-image: linear-gradient(45deg, #a03030, rgba(160, 48, 48, 0));
  background-repeat: repeat-x;
}
nav.navbar-vertical.tools ul.navbar-menu li a:not([disabled=disabled]):hover {
  border-left-color: rgba(160, 48, 48, 0.25);
}
nav.navbar-vertical.tools .navbar-footer ul.navbar-menu li a::before {
  background-image: -webkit-linear-gradient(45deg, #a03030, rgba(160, 48, 48, 0.35)) !important;
  background-image: -o-linear-gradient(45deg, #a03030, rgba(160, 48, 48, 0.35)) !important;
  background-image: linear-gradient(45deg, #a03030, rgba(160, 48, 48, 0.35)) !important;
  background-repeat: repeat-x !important;
}
nav.navbar-vertical.tools .tools .tools-button::before {
  background-image: -webkit-linear-gradient(45deg, #a03030, rgba(160, 48, 48, 0.35)) !important;
  background-image: -o-linear-gradient(45deg, #a03030, rgba(160, 48, 48, 0.35)) !important;
  background-image: linear-gradient(45deg, #a03030, rgba(160, 48, 48, 0.35)) !important;
  background-repeat: repeat-x !important;
}
nav.navbar-vertical.tools .tools .dropdown-menu a::before {
  background-image: -webkit-linear-gradient(45deg, #a03030, rgba(160, 48, 48, 0)) !important;
  background-image: -o-linear-gradient(45deg, #a03030, rgba(160, 48, 48, 0)) !important;
  background-image: linear-gradient(45deg, #a03030, rgba(160, 48, 48, 0)) !important;
  background-repeat: repeat-x !important;
}
nav.navbar-vertical .scroll-container {
  position: absolute;
  top: 120px;
  bottom: 61px;
  left: 0;
  right: 0;
  scrollbar-width: thin;
}
nav.navbar-vertical .scroll-container section.navbar-section {
  width: 262px;
}
nav.navbar-vertical .scroll-container.tools {
  bottom: 0px;
}
nav.navbar-vertical .navbar-container {
  height: 100%;
}
nav.navbar-vertical div.navbar-header {
  position: fixed;
  top: 0;
  left: 0;
  width: 265px;
  height: 120px;
  z-index: 10;
  display: block;
  background-color: #2f3035;
  border-bottom: 0px solid rgba(255, 255, 255, 0);
  will-change: border-bottom-color;
  transition-property: border-bottom-color;
  transition-duration: 0.3s;
}
nav.navbar-vertical div.navbar-header .figlo-logo-container {
  display: inline-block;
  margin: 0 auto;
  margin-top: 10px;
  position: relative;
  width: 100%;
  min-height: 46px;
  padding-left: 51px;
}
nav.navbar-vertical div.navbar-header .figlo-logo-container .figlo-logo {
  display: inline-block;
  float: left;
}
nav.navbar-vertical div.navbar-header .figlo-logo-container .figlo-logo img {
  height: 42px;
  position: relative;
  display: inline-block;
}
nav.navbar-vertical div.navbar-header .figlo-logo-container .type-logo {
  float: right;
  position: relative;
  width: 100%;
  text-align: center;
  width: 112px;
  margin-top: 8px;
  margin-right: 7px;
  display: flex;
  align-items: center;
  justify-content: center;
}
nav.navbar-vertical div.navbar-header .figlo-logo-container .background {
  will-change: background-color;
  transition-property: background-color;
  transition-duration: 0.3s;
  background-color: #00B0F0;
  border-radius: 10px 0 10px 0;
  transform: skew(-4deg);
  z-index: -1;
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
nav.navbar-vertical div.navbar-header .figlo-logo-container .type-logo-name {
  font-size: 16px;
  font-weight: 400;
  color: #FFF;
  letter-spacing: 1px;
  min-height: 25px;
  display: flex;
  align-items: center;
}
nav.navbar-vertical div.navbar-header .navbar-menu {
  margin-top: 12px;
}
nav.navbar-vertical div.navbar-client .client-file-name .menu-item-text {
  color: #FFF;
}
nav.navbar-vertical .separator {
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}
nav.navbar-vertical ul.navbar-menu {
  position: relative;
  display: inline-block;
  width: 100%;
  height: auto;
  list-style: none;
}
nav.navbar-vertical ul.navbar-menu li.menu-item-block {
  width: 46px;
  height: 46px;
  display: inline-block;
}
nav.navbar-vertical ul.navbar-menu li.menu-item-block.first {
  margin-left: 5px;
}
nav.navbar-vertical ul.navbar-menu li.menu-item-block a {
  border-left: none !important;
  height: 100%;
  width: 100%;
  text-align: center;
}
nav.navbar-vertical ul.navbar-menu li.menu-item-block a .menu-item-icon {
  padding: 0;
}
nav.navbar-vertical ul.navbar-menu li {
  position: relative;
  width: 100%;
}
nav.navbar-vertical ul.navbar-menu li.no-nav > a {
  border-left: none !important;
  padding-left: 5px;
  color: rgba(255, 255, 255, 0.75) !important;
  cursor: default;
}
nav.navbar-vertical ul.navbar-menu li.no-nav > a::before {
  display: none;
  visibility: hidden;
}
nav.navbar-vertical ul.navbar-menu li.no-nav > a .menu-item-text {
  font-weight: 300 !important;
}
nav.navbar-vertical ul.navbar-menu li.no-nav:not(.open) ul {
  display: none;
  visibility: hidden;
}
nav.navbar-vertical ul.navbar-menu li.with-sub-items.open .menu-item-caret i {
  transform: rotateZ(-180deg);
}
nav.navbar-vertical ul.navbar-menu li a:not([disabled=disabled]):hover::before {
  opacity: 0.15;
}
nav.navbar-vertical ul.navbar-menu li.with-sub-items[disabled=disabled] {
  pointer-events: none;
}
nav.navbar-vertical ul.navbar-menu li a:not([disabled=disabled]):active,
nav.navbar-vertical ul.navbar-menu li a:not([disabled=disabled]):hover,
nav.navbar-vertical ul.navbar-menu li a.active,
nav.navbar-vertical ul.navbar-menu li.active a {
  transition-duration: 0ms;
  border-left-color: #0abbff;
  color: #FFF;
}
nav.navbar-vertical ul.navbar-menu li a:not([disabled=disabled]):active .menu-item-text,
nav.navbar-vertical ul.navbar-menu li a:not([disabled=disabled]):hover .menu-item-text,
nav.navbar-vertical ul.navbar-menu li a.active .menu-item-text,
nav.navbar-vertical ul.navbar-menu li.active a .menu-item-text {
  font-weight: 500;
}
nav.navbar-vertical ul.navbar-menu li a:not([disabled=disabled]):active::before,
nav.navbar-vertical ul.navbar-menu li a:not([disabled=disabled]):hover::before,
nav.navbar-vertical ul.navbar-menu li a.active::before,
nav.navbar-vertical ul.navbar-menu li.active a::before {
  transition-duration: 0ms;
  opacity: 0.25 !important;
}
nav.navbar-vertical ul.navbar-menu li a:not([disabled=disabled]):hover {
  border-left-color: rgba(10, 187, 255, 0.25);
}
nav.navbar-vertical ul.navbar-menu li.selected a {
  border-left-color: #0abbff;
}
nav.navbar-vertical ul.navbar-menu li a {
  position: relative;
  font-size: 15px;
  transition-duration: 0.3s;
  color: rgba(255, 255, 255, 0.75);
  border-left: 5px solid rgba(255, 255, 255, 0);
  transition-property: border-left-color, color;
  will-change: border-left-color, color;
  cursor: pointer;
  user-select: none;
  text-decoration: none;
  display: flex;
  min-height: 46px;
  align-items: center;
}
nav.navbar-vertical ul.navbar-menu li a::before {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  opacity: 0;
  transition-duration: 0.3s;
  transition-property: opacity;
  will-change: opacity;
  z-index: -1;
  background-image: -webkit-linear-gradient(45deg, #0abbff, rgba(10, 187, 255, 0));
  background-image: -o-linear-gradient(45deg, #0abbff, rgba(10, 187, 255, 0));
  background-image: linear-gradient(45deg, #0abbff, rgba(10, 187, 255, 0));
  background-repeat: repeat-x;
}
nav.navbar-vertical ul.navbar-menu li a[disabled=disabled] {
  cursor: not-allowed;
  opacity: 0.5;
}
nav.navbar-vertical ul.navbar-menu li a.user-logout,
nav.navbar-vertical ul.navbar-menu li a.app-exit,
nav.navbar-vertical ul.navbar-menu li a.custom-button {
  border-left: none !important;
  padding-left: 5px;
}
nav.navbar-vertical ul.navbar-menu li a.user-logout,
nav.navbar-vertical ul.navbar-menu li a.app-exit {
  overflow: hidden;
}
nav.navbar-vertical ul.navbar-menu li a.user-logout::before,
nav.navbar-vertical ul.navbar-menu li a.app-exit::before {
  background-image: -webkit-linear-gradient(45deg, #a00000, rgba(160, 0, 0, 0));
  background-image: -o-linear-gradient(45deg, #a00000, rgba(160, 0, 0, 0));
  background-image: linear-gradient(45deg, #a00000, rgba(160, 0, 0, 0));
  background-repeat: repeat-x;
}
nav.navbar-vertical ul.navbar-menu li.indent.no-icon .menu-item-text {
  margin-left: 43px;
}
nav.navbar-vertical ul.navbar-menu li.indent .menu-item-icon {
  margin-left: 30px;
}
nav.navbar-vertical ul.navbar-menu li .menu-item-text {
  justify-content: flex-start;
  align-items: center;
  flex: 1;
  font-weight: 300;
  line-height: 1;
  min-height: 16px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
nav.navbar-vertical ul.navbar-menu li .menu-item-text.center {
  display: flex;
  justify-content: center;
}
nav.navbar-vertical ul.navbar-menu li .menu-item-text.clientfile-name {
  margin-right: 10px;
}
nav.navbar-vertical ul.navbar-menu li .menu-item-text.back-to-advisor-view {
  font-weight: bold;
}
nav.navbar-vertical ul.navbar-menu li .menu-item-caret[disabled=disabled] {
  opacity: 0.5;
}
nav.navbar-vertical ul.navbar-menu li .menu-item-caret:not([disabled=disabled]):hover .menu-toggle {
  color: #FFF;
  border-color: #FFF;
  transition-duration: 0ms;
}
nav.navbar-vertical ul.navbar-menu li .menu-item-caret i {
  will-change: transform;
  transition-property: transform;
  transition-duration: 0.3s;
}
nav.navbar-vertical ul.navbar-menu li .menu-item-caret .menu-toggle {
  border-radius: 100%;
  transition-property: color, border-color;
  will-change: color, border-color;
  transition-duration: 0.3s;
  width: 26px;
  height: 26px;
  display: flex;
  justify-content: center;
  align-items: center;
}
nav.navbar-vertical ul.navbar-menu[disabled=disabled] {
  pointer-events: none;
}
nav.navbar-vertical .menu-button .icon-bar {
  color: #FFF;
}
nav.navbar-vertical div.navbar-footer {
  position: fixed;
  display: flex;
  flex-direction: column;
  bottom: 0;
  left: 0;
  width: 265px;
  height: 61px;
  z-index: 10;
  display: block;
  background-color: #505054;
  border-top: 1px solid rgba(255, 255, 255, 0.2);
  will-change: border-top-color;
  transition-property: border-top-color;
  transition-duration: 0.3s;
}
nav.navbar-vertical div.navbar-footer ul.navbar-menu {
  display: flex;
  min-height: 41px;
  padding: 0 5px;
  justify-content: space-between;
}
nav.navbar-vertical div.navbar-footer ul.navbar-menu li {
  display: flex;
  flex: 0 41px;
  align-items: center;
  justify-content: center;
}
nav.navbar-vertical div.navbar-footer ul.navbar-menu li.tools a {
  border: none;
}
nav.navbar-vertical div.navbar-footer ul.navbar-menu li a {
  width: 46px;
  min-height: 41px;
  border-left: none;
  border-bottom: 3px solid rgba(255, 255, 255, 0);
  padding-left: 0 !important;
}
nav.navbar-vertical div.navbar-footer ul.navbar-menu li a:not([disabled=disabled]):hover {
  border-bottom-color: rgba(255, 255, 255, 0.5);
}
nav.navbar-vertical div.navbar-footer ul.navbar-menu li a.user-logout,
nav.navbar-vertical div.navbar-footer ul.navbar-menu li a.app-exit,
nav.navbar-vertical div.navbar-footer ul.navbar-menu li a.custom-button {
  border-bottom: none !important;
}
nav.navbar-vertical div.navbar-footer ul.navbar-menu li a::before {
  background-image: -webkit-linear-gradient(0deg, #0abbff, rgba(10, 187, 255, 0.35));
  background-image: -o-linear-gradient(0deg, #0abbff, rgba(10, 187, 255, 0.35));
  background-image: linear-gradient(0deg, #0abbff, rgba(10, 187, 255, 0.35));
  background-repeat: repeat-x;
}
nav.navbar-vertical div.navbar-footer ul.navbar-menu li a.user-logout::before,
nav.navbar-vertical div.navbar-footer ul.navbar-menu li a.app-exit::before {
  background-image: -webkit-linear-gradient(0deg, #a00000, rgba(160, 0, 0, 0.35));
  background-image: -o-linear-gradient(0deg, #a00000, rgba(160, 0, 0, 0.35));
  background-image: linear-gradient(0deg, #a00000, rgba(160, 0, 0, 0.35));
  background-repeat: repeat-x;
}
nav.navbar-vertical div.navbar-footer ul.navbar-menu li a:not([disabled=disabled]):active,
nav.navbar-vertical div.navbar-footer ul.navbar-menu li a.active,
nav.navbar-vertical div.navbar-footer ul.navbar-menu li.active a,
nav.navbar-vertical div.navbar-footer ul.navbar-menu li.open > a {
  border-bottom-color: #ffffff;
}
nav.navbar-vertical div.navbar-footer .navbar-version {
  display: flex;
  width: 100%;
  height: 20px;
  border-top: 1px solid rgba(255, 255, 255, 0.2);
  align-items: center;
  justify-content: center;
}
nav.navbar-vertical div.navbar-footer .navbar-version span {
  font-size: 11px;
  font-weight: 300;
  letter-spacing: 0.5px;
  opacity: 0.5;
}
nav.navbar-vertical .navbar-section,
nav.navbar-vertical .navbar-clientfile-section,
nav.navbar-vertical .navbar-client {
  height: 100%;
}
nav.navbar-vertical .navbar-client {
  display: flex;
  flex-wrap: wrap;
}
nav.navbar-vertical .navbar-client ul.navbar-menu {
  display: flex;
  flex-direction: column;
}
nav.navbar-vertical .navbar-client ul.navbar-menu.bottom {
  align-self: flex-end;
}
nav.navbar-vertical .navbar-menu.navbar-placeholder li::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0));
  background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0));
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0));
  background-repeat: repeat-x;
  opacity: 0.75;
}
.tools-dropdown-menu {
  position: fixed;
  top: auto !important;
  bottom: 61px !important;
  border-bottom: rgba(255, 255, 255, 0.2) 1px solid;
  left: 0 !important;
  height: auto;
  display: block;
  margin-bottom: 0 !important;
  background-color: #505054 !important;
  width: 265px;
  box-shadow: none;
}
.tools-dropdown-menu li {
  position: relative;
  display: block;
}
.tools-dropdown-menu li a {
  line-height: 3;
  color: rgba(255, 255, 255, 0.75);
  position: relative;
  transition-duration: 0.085s;
  transition-property: color;
  will-change: color;
}
.tools-dropdown-menu li a::before {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  opacity: 0;
  transition-duration: 0.3s;
  transition-property: opacity;
  will-change: opacity;
  z-index: -1;
  background-image: -webkit-linear-gradient(45deg, #0abbff, rgba(10, 187, 255, 0));
  background-image: -o-linear-gradient(45deg, #0abbff, rgba(10, 187, 255, 0));
  background-image: linear-gradient(45deg, #0abbff, rgba(10, 187, 255, 0));
  background-repeat: repeat-x;
}
.tools-dropdown-menu li a:not([disabled=disabled]):hover {
  cursor: pointer;
  color: #ffffff;
  background-color: inherit;
}
.tools-dropdown-menu li a:not([disabled=disabled]):hover::before {
  opacity: 0.15;
}
.tools-dropdown-menu .independent-tools {
  display: flex;
  height: 46px;
  border-bottom: rgba(255, 255, 255, 0.2) 1px solid;
}
.tools-dropdown-menu .independent-tools .menu-item-icon,
.tools-dropdown-menu .independent-tools .menu-item-text {
  color: rgba(255, 255, 255, 0.75);
}
.tools-dropdown-menu .independent-tools .menu-item-text {
  line-height: 3.4;
  font-weight: bold;
}
.dropdown-menu {
  z-index: 10000;
}
.menu-button {
  width: 20px;
  height: 20px;
  position: relative;
  display: inline-block;
  text-align: center;
  margin: 15px;
}
.menu-button .icon-bar {
  transition-duration: 0.5s;
  transition-property: transform, width, opacity;
  will-change: transform, width, opacity;
  opacity: 1;
  position: absolute;
  left: 0;
  right: 0;
  display: block;
  height: 2px;
  width: 130%;
}
.menu-button .icon-bar:nth-child(1) {
  transform-origin: top left;
  top: 0;
}
.menu-button .icon-bar:nth-child(2) {
  top: 50%;
  margin-top: -1px;
}
.menu-button .icon-bar:nth-child(3) {
  transform-origin: bottom left;
  bottom: 0;
}
.menu-button:not(.menu-open) .icon-bar {
  background-color: #2f3035;
}
.menu-button.menu-open .icon-bar {
  background-color: #707070;
}
nav.navbar-vertical:not(.my-vault) ul.navbar-menu li.plan.plan-currentSituation a.active,
nav.navbar-vertical:not(.my-vault) ul.navbar-menu li.plan.plan-currentSituation.active a,
nav.navbar-vertical:not(.my-vault) ul.navbar-menu li.plan.plan-currentSituation.selected a,
nav.navbar-vertical:not(.my-vault) ul.navbar-menu li.plan.plan-currentSituation.open > a {
  border-left-color: #00B0F0 !important;
}
nav.navbar-vertical:not(.my-vault) ul.navbar-menu li.plan.plan-currentSituation a::before {
  background-image: -webkit-linear-gradient(45deg, #00b0f0, rgba(0, 176, 240, 0));
  background-image: -o-linear-gradient(45deg, #00b0f0, rgba(0, 176, 240, 0));
  background-image: linear-gradient(45deg, #00b0f0, rgba(0, 176, 240, 0));
  background-repeat: repeat-x;
}
nav.navbar-vertical:not(.my-vault) ul.navbar-menu li.plan.plan-currentSituation:hover a {
  border-left-color: rgba(0, 176, 240, 0.25);
}
nav.navbar-vertical:not(.my-vault) ul.navbar-menu li.plan.plan-generic a.active,
nav.navbar-vertical:not(.my-vault) ul.navbar-menu li.plan.plan-generic.active a,
nav.navbar-vertical:not(.my-vault) ul.navbar-menu li.plan.plan-generic.selected a,
nav.navbar-vertical:not(.my-vault) ul.navbar-menu li.plan.plan-generic.open > a {
  border-left-color: #00B050 !important;
}
nav.navbar-vertical:not(.my-vault) ul.navbar-menu li.plan.plan-generic a::before {
  background-image: -webkit-linear-gradient(45deg, #00b050, rgba(0, 176, 80, 0));
  background-image: -o-linear-gradient(45deg, #00b050, rgba(0, 176, 80, 0));
  background-image: linear-gradient(45deg, #00b050, rgba(0, 176, 80, 0));
  background-repeat: repeat-x;
}
nav.navbar-vertical:not(.my-vault) ul.navbar-menu li.plan.plan-generic:hover a {
  border-left-color: rgba(0, 176, 80, 0.25);
}
nav.navbar-vertical:not(.my-vault) ul.navbar-menu li.plan.plan-mortgage a.active,
nav.navbar-vertical:not(.my-vault) ul.navbar-menu li.plan.plan-mortgage.active a,
nav.navbar-vertical:not(.my-vault) ul.navbar-menu li.plan.plan-mortgage.selected a,
nav.navbar-vertical:not(.my-vault) ul.navbar-menu li.plan.plan-mortgage.open > a {
  border-left-color: #7030A0 !important;
}
nav.navbar-vertical:not(.my-vault) ul.navbar-menu li.plan.plan-mortgage a::before {
  background-image: -webkit-linear-gradient(45deg, #7030a0, rgba(112, 48, 160, 0));
  background-image: -o-linear-gradient(45deg, #7030a0, rgba(112, 48, 160, 0));
  background-image: linear-gradient(45deg, #7030a0, rgba(112, 48, 160, 0));
  background-repeat: repeat-x;
}
nav.navbar-vertical:not(.my-vault) ul.navbar-menu li.plan.plan-mortgage:hover a {
  border-left-color: rgba(112, 48, 160, 0.25);
}
nav.navbar-vertical:not(.my-vault) li.plan-toggle .menu-item-caret .menu-toggle {
  border: 1px solid rgba(255, 255, 255, 0.5);
}
.sub-items-end {
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}
.menu-item-icon,
.menu-item-caret {
  display: flex;
  align-items: center;
  justify-content: center;
  background: none;
  border: none;
  outline: none;
  flex: 0 0 43px;
}
.menu-item-icon i,
.menu-item-caret i {
  min-width: 23px;
  text-align: center;
  font-size: 16px;
  width: 24px;
}
.menu-item-icon i.plan-icon,
.menu-item-caret i.plan-icon {
  font-size: 16px;
}
.menu-item-icon.menu-item-double-caret,
.menu-item-caret.menu-item-double-caret {
  flex: 0 0 65px;
}
.menu-item-icon.plans-overview {
  justify-content: normal;
}
.menu-item-icon.plans-overview .figlo-generic-plan-color {
  margin-left: 7px;
}
.menu-item-icon.plans-overview .figlo-mortgage-plan-color {
  margin-left: -15px;
}
/* Extra Small Devices, Phones */
/* Printable media */
@media print {
  .footer {
    display: none;
  }
}
/* Small Devices, Tablets */
/* Large Devices, Wide Screens */
@media only screen and (max-width: 1200px) {
  .container {
    width: 100%;
  }
}
/* Medium Devices, Desktops */
@media only screen and (min-width: 1440px) {
  .container {
    width: 1400px;
  }
}
.gear {
  margin: 30px 0;
}
.settings .settings-email ng-messages ng-message span {
  height: 24px;
}
.settings .settings-email .action-buttons .btn-default,
.settings .settings-password .action-buttons .btn-default {
  margin-right: 5px;
}
.settings fig-save-state-message {
  margin-left: 15px;
}
.form-changePassword .new-password-conditions span {
  border-bottom: 1px solid rgba(160, 0, 0, 0.25);
  margin-bottom: 10px;
}
.form-changePassword .new-password-conditions ul {
  margin-left: 30px;
}
.form-changePassword .new-password-conditions ul li {
  margin-bottom: 5px;
  line-height: 1.5;
}
.form-changePassword .result-messages ng-message {
  margin: 0;
  margin-bottom: 15px;
}
.save-external-account-button-row {
  margin-top: 10px;
}
.documents .preview-attachment {
  max-width: 50px;
  max-height: 50px;
}
.documents .attachment-type {
  font-size: 2em;
}
.documents .fa-plus {
  margin-right: 3px;
}
.documents .document-container {
  min-height: 500px;
}
.documents .document-container .document-table {
  height: 500px;
  width: 100%;
  overflow: hidden;
}
.documents .document-container .document-table .table-header {
  height: 50px;
  background-color: #FFF;
}
.documents .document-container .document-table .table-header th {
  position: relative;
}
.documents .document-container .document-table .table-header th span {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.documents .document-container .document-table .table-header th[class^='sort-'] {
  cursor: pointer;
}
.documents .document-container .document-table .table-header th .fa-caret-down {
  margin-left: 4px;
}
.documents .document-container .document-table .table-header th.sort-none .fa-caret-down {
  opacity: 0;
}
.documents .document-container .document-table .table-header th.sort-up .fa-caret-down {
  opacity: 1;
  transform: rotateX(180deg);
}
.documents .document-container .document-table .table-header th.sort-down .fa-caret-down {
  opacity: 1;
  transform: rotateX(0deg);
}
.documents .document-container .document-table .table-header th .fa-caret-down {
  font-size: 16px;
  color: #0076a3;
  width: 16px;
  height: 16px;
  text-align: center;
  transition-property: opacity, transform;
  transition-duration: 0.3s;
}
.documents .document-container .document-table .table-scroll {
  overflow-y: auto;
  overflow-x: hidden;
  height: 450px;
}
.documents .document-container .document-table table tbody td.column-check,
.documents .document-container .document-table table thead td.column-check,
.documents .document-container .document-table table tbody th.column-check,
.documents .document-container .document-table table thead th.column-check {
  width: 50px;
}
.documents .document-container .document-table table tbody td.column-check fig-check-input,
.documents .document-container .document-table table thead td.column-check fig-check-input,
.documents .document-container .document-table table tbody th.column-check fig-check-input,
.documents .document-container .document-table table thead th.column-check fig-check-input {
  margin: 0 auto;
}
.documents .document-container .document-table table tbody td.column-download,
.documents .document-container .document-table table thead td.column-download,
.documents .document-container .document-table table tbody th.column-download,
.documents .document-container .document-table table thead th.column-download {
  width: 100px;
  position: relative;
  text-align: center;
}
.documents .document-container .document-table table tbody td.column-download .download,
.documents .document-container .document-table table thead td.column-download .download,
.documents .document-container .document-table table tbody th.column-download .download,
.documents .document-container .document-table table thead th.column-download .download {
  width: 100%;
  height: 100%;
  text-align: center;
  display: block;
}
.documents .document-container .document-table table tbody td.column-download .download:hover .fa-download,
.documents .document-container .document-table table thead td.column-download .download:hover .fa-download,
.documents .document-container .document-table table tbody th.column-download .download:hover .fa-download,
.documents .document-container .document-table table thead th.column-download .download:hover .fa-download {
  opacity: 1;
  transform: scale(1);
}
.documents .document-container .document-table table tbody td.column-download .download .fa-download,
.documents .document-container .document-table table thead td.column-download .download .fa-download,
.documents .document-container .document-table table tbody th.column-download .download .fa-download,
.documents .document-container .document-table table thead th.column-download .download .fa-download {
  opacity: 0;
  font-size: 20px;
  color: #FFF;
  transition-property: opacity;
  transition-duration: 0.085s;
  font-size: 28px;
  text-shadow: 0 0 3px #1E1E1E;
  position: absolute;
  top: 50%;
  margin-top: -15px;
  height: 15px;
  left: 0;
  right: 0;
}
.documents .document-container .document-table table tbody td.column-filename,
.documents .document-container .document-table table thead td.column-filename,
.documents .document-container .document-table table tbody th.column-filename,
.documents .document-container .document-table table thead th.column-filename {
  word-wrap: break-word;
  width: 300px;
}
.documents .document-container .document-table table tbody td.column-date,
.documents .document-container .document-table table thead td.column-date,
.documents .document-container .document-table table tbody th.column-date,
.documents .document-container .document-table table thead th.column-date {
  width: 150px;
}
.documents .document-container .document-table table tbody td.column-description,
.documents .document-container .document-table table thead td.column-description,
.documents .document-container .document-table table tbody th.column-description,
.documents .document-container .document-table table thead th.column-description {
  position: relative;
  cursor: pointer;
}
.documents .document-container .document-table table tbody td.column-description .input-group,
.documents .document-container .document-table table thead td.column-description .input-group,
.documents .document-container .document-table table tbody th.column-description .input-group,
.documents .document-container .document-table table thead th.column-description .input-group {
  width: 70%;
}
.documents .document-container .document-table table tbody td.column-description:hover i.fa-pencil,
.documents .document-container .document-table table thead td.column-description:hover i.fa-pencil,
.documents .document-container .document-table table tbody th.column-description:hover i.fa-pencil,
.documents .document-container .document-table table thead th.column-description:hover i.fa-pencil {
  color: #0076a3;
}
.documents .document-container .document-table table tbody td.column-description .attachment-description,
.documents .document-container .document-table table thead td.column-description .attachment-description,
.documents .document-container .document-table table tbody th.column-description .attachment-description,
.documents .document-container .document-table table thead th.column-description .attachment-description {
  white-space: pre-line;
  max-height: 50px;
  display: block;
  margin-right: 45px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.documents .document-container .document-table table tbody td.column-description i.fa-pencil,
.documents .document-container .document-table table thead td.column-description i.fa-pencil,
.documents .document-container .document-table table tbody th.column-description i.fa-pencil,
.documents .document-container .document-table table thead th.column-description i.fa-pencil {
  display: inline-block;
  margin-top: -5px;
  font-size: 20px;
  color: rgba(51, 51, 51, 0.6);
  transition: color 0.085s;
  position: absolute;
  right: 15px;
  top: 50%;
  margin-top: -10px;
}
.documents .document-container .document-table table tbody td.column-source,
.documents .document-container .document-table table thead td.column-source,
.documents .document-container .document-table table tbody th.column-source,
.documents .document-container .document-table table thead th.column-source {
  position: relative;
}
.documents .document-container .document-table table tbody td.column-source .attachment-linked-to,
.documents .document-container .document-table table thead td.column-source .attachment-linked-to,
.documents .document-container .document-table table tbody th.column-source .attachment-linked-to,
.documents .document-container .document-table table thead th.column-source .attachment-linked-to {
  white-space: pre-line;
  max-height: 50px;
  display: block;
  margin-right: 45px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.documents .document-container .upload-dialog {
  background-color: #FFF;
  transition: background-color 0.085s;
}
.documents .document-container .upload-dialog.file-over {
  background-color: #fef9f3;
}
.documents .document-container .upload-dialog .file-extension-icon {
  position: absolute;
  font-size: 12vw;
  bottom: 15px;
  right: 15px;
  color: rgba(0, 0, 0, 0.1);
}
.documents .document-container .upload-dialog [class^='col-'] {
  padding: 15px;
}
.documents .document-container .upload-dialog .upload-actions {
  text-align: left;
  margin-bottom: 15px;
}
.documents .document-container .upload-dialog .upload-actions span,
.documents .document-container .upload-dialog .upload-actions input {
  display: inline-block;
}
.documents .document-container .upload-dialog .upload-actions span {
  font-size: 16px;
  word-break: break-all;
}
.documents .document-container .upload-dialog .figlo-file-upload {
  margin-left: 5px;
}
.documents .document-container .upload-dialog ng-messages {
  margin-bottom: 15px;
  position: relative;
  display: block;
}
.documents .document-container .upload-dialog textarea {
  resize: none;
  height: 100px;
}
.documents .document-container .remove-dialog-row {
  padding: 75px 0;
}
.documents .document-container .remove-dialog-confirm {
  padding: unset !important;
}
.documents .document-container .remove-dialog-confirm button {
  margin-right: 3px;
}
.documents .document-container .remove-dialog-attachment-list {
  overflow-x: auto;
}
.login-background {
  background-image: url(../../assets/img/loginPageBackground.jpg);
  background-position: center;
  background-size: cover;
  background-color: #E5E5E5;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.login {
  background: #FFF;
  margin: 15vh auto 50px;
  padding: 30px;
  width: 360px;
}
.login img {
  height: 75px;
  margin: 0 auto 50px;
  position: relative;
  display: block;
}
.login .btn {
  margin-top: 15px;
}
.login .title {
  font-size: 20px;
  display: block;
  text-align: center;
  margin-bottom: 30px;
}
.login .details {
  display: block;
  margin-bottom: 30px;
}
.login .error-text {
  font-size: 11px;
}
.login.well {
  box-shadow: rgba(0, 0, 0, 0.25) 0px 54px 55px, rgba(0, 0, 0, 0.12) 0px -12px 30px, rgba(0, 0, 0, 0.12) 0px 4px 6px, rgba(0, 0, 0, 0.17) 0px 12px 13px, rgba(0, 0, 0, 0.09) 0px -3px 5px;
}
.new-client-form .new-client-form-well .new-client-form-row {
  height: auto;
  transition: height 1s;
}
.new-client-form .btn-remove {
  margin-bottom: 20px;
}
.new-client-form fig-division-selector .control-label {
  padding: 7px 15px 15px 30px;
}
.new-client-form .divison-selector-container {
  margin-bottom: -15px;
}
.client-forms-actions .new-client-cancel-btn {
  margin-right: 3px;
}
.card .loader {
  min-height: 250px;
}
.card-header .convert-card-caret {
  margin-left: 5px;
}
.client-files .panel .panel-heading {
  padding-bottom: 10px;
}
.client-files .panel .panel-heading .new-client-button {
  margin-bottom: 5px;
}
.client-files .panel .panel-heading .new-client-button[aria-expanded=true] .fa-caret-down {
  opacity: 1;
  transform: rotateX(180deg);
}
.client-files .panel .panel-heading .new-client-button button {
  height: 32px;
}
.client-files .panel .panel-heading .new-client-button .btn-primary:first-child {
  border-right-color: #FFF !important;
}
.client-files .panel .panel-heading .new-client-button .btn-primary.dropdown-toggle {
  border-left-color: #FFF !important;
}
.client-files .panel .panel-heading .new-client-button #split-button {
  font-size: 13px;
  padding-left: 16px;
  padding-right: 16px;
}
.client-files .panel .panel-heading .search-container {
  margin-bottom: 5px;
  width: calc(100% - 200px);
  margin-left: 10px;
  max-width: 600px;
}
.client-files .panel .panel-heading .search-container input {
  border-radius: 4px;
}
.client-files .panel .panel-heading .search-container .btn-apply {
  margin-left: 8px;
  border-radius: 4px;
  width: 95px;
}
.client-files .panel .panel-heading .filter-section {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  column-gap: 10px;
  animation-name: client-files-filter-section-show;
  animation-duration: 0s;
  max-height: 148px;
  /* support max 4 rows */
  opacity: 1;
}
.client-files .panel .panel-heading .filter-section.animate {
  animation-duration: 0.5s;
}
.client-files .panel .panel-heading .filter-section.ng-hide {
  animation-name: client-files-filter-section-hide;
  max-height: 0px;
  opacity: 0;
  overflow-y: hidden;
}
.client-files .panel .panel-heading .filter-section > * {
  margin-bottom: 5px;
}
.client-files .panel .panel-heading .filter-section > *,
.client-files .panel .panel-heading .filter-section .multi-select.btn-group {
  margin-right: 0px !important;
}
.client-files .panel .panel-heading .filter-section .dropdown-toggle {
  height: 32px;
}
.client-files .panel .panel-heading .filter-section .is-filter-not-default {
  font-weight: bold;
}
.client-files .panel .panel-heading .filter-section .is-filter-not-default button span {
  font-weight: bold;
}
.client-files .panel .panel-heading .filter-section .red-border {
  border-color: red;
}
.client-files .search-result-message {
  padding-bottom: 15px;
}
.client-files .client-file-name:not([disabled=disabled]) {
  color: #0076a3;
}
.client-files .client-file-name:not([disabled=disabled]):hover {
  text-decoration: underline;
}
.client-files .client-list-selection {
  width: 36px;
}
.client-files .client-list-actions {
  width: 45px;
}
.client-files .client-file-actions fig-spinner {
  width: 36px;
  height: 17px;
}
.client-files .btn-rulecube-planning-alerts {
  width: 26px;
  height: 26px;
  border-radius: 100%;
  box-shadow: rgba(0, 0, 0, 0.25) 0px 3px 6px;
}
.client-files .btn-rulecube-planning-alerts span {
  font-size: 13px;
  color: white;
}
.client-files .btn-rulecube-planning-alerts fig-spinner {
  width: 32px;
}
.client-files #client-list {
  overflow: visible;
}
.client-files #client-list .overflow {
  overflow: visible;
  white-space: normal;
  padding: 0 !important;
}
.client-files #client-list .overflow .row {
  margin-left: 9px;
  margin-right: 0px;
}
.client-files #client-list tr {
  height: 40px;
}
.client-files #client-list tr.disabled {
  pointer-events: none;
  opacity: 1;
  color: rgba(180, 180, 180, 0.5);
}
.client-files #client-list tr.disabled td {
  pointer-events: none;
}
.client-files #client-list tr.disabled td span {
  color: rgba(180, 180, 180, 0.5);
}
.client-files #client-list tr.disabled .select-td,
.client-files #client-list tr.disabled .client-file-actions {
  pointer-events: all;
  cursor: pointer;
}
.client-files #client-list tr.disabled .client-file-actions i {
  color: white;
}
.client-files #client-list td {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.client-files .panel-pagination {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  flex-direction: row;
  column-gap: 10px;
}
.client-files .panel-pagination .page-info {
  flex-grow: 1;
  text-align: right;
  line-height: 30px;
}
.client-files .spinner-container {
  min-height: 220px;
  padding-top: 100px;
}
.modified-before-date-menu,
.advice-status-change-date-range-menu {
  margin: -8px 0;
  padding: 8px;
}
.modified-before-date-menu .ng-invalid,
.advice-status-change-date-range-menu .ng-invalid {
  border-color: red;
}
.modified-before-date-menu li:not(:first-child),
.advice-status-change-date-range-menu li:not(:first-child) {
  padding-top: 8px;
}
@keyframes client-files-filter-section-show {
  0% {
    max-height: 0px;
    opacity: 0;
    overflow-y: hidden;
  }
  50% {
    max-height: 148px;
    opacity: 0;
    overflow-y: hidden;
  }
  100% {
    max-height: 148px;
    opacity: 1;
    overflow-y: hidden;
  }
}
@keyframes client-files-filter-section-hide {
  0% {
    max-height: 148px;
    opacity: 1;
    overflow-y: hidden;
  }
  50% {
    max-height: 148px;
    opacity: 0;
    overflow-y: hidden;
  }
  100% {
    max-height: 0px;
    opacity: 0;
    overflow-y: hidden;
  }
}
.client-inventory .accordion.panel .panel-heading .accordion-caret i.fa {
  transform: rotateX(0deg);
}
.client-inventory .accordion.accordion-closed.panel .panel-body {
  max-height: 0;
}
.client-inventory .accordion.accordion-closed.panel .panel-heading .accordion-caret i.fa {
  transform: rotateX(180deg);
}
.client-inventory .accordion .panel-heading {
  position: relative;
}
.client-inventory .accordion .panel-heading .panel-title:not(.motivation-title) {
  min-width: 130px;
  margin-left: 16px;
}
.client-inventory .accordion .panel-heading .panel-title:not(.motivation-title):hover {
  text-decoration: underline;
  cursor: pointer;
}
.client-inventory .accordion .panel-heading .btn-panel-header.left {
  position: relative;
  float: right;
  top: 0px;
  left: 0px;
  width: 90px;
  text-align: center;
}
.client-inventory .accordion .panel-heading .input-search {
  margin-left: 175px;
  margin-right: 175px;
  left: 0px !important;
  right: 0px !important;
  width: auto;
}
.client-inventory .accordion .panel-heading .accordion-caret {
  position: relative;
  float: left;
  width: auto;
  height: 100%;
  background: transparent;
  top: 2px;
}
.client-inventory .accordion .panel-heading .accordion-caret i.fa {
  background: transparent;
  font-size: 14px;
  transition: transform 0.3s;
  color: #707070;
}
.client-inventory .accordion .panel-heading .motivation-input {
  padding-right: 5px;
  margin-top: -1px;
}
.client-inventory .accordion .panel-heading .motivation-input .motivation-btn {
  padding: 3px 6px !important;
}
.client-inventory .panel .panel-body {
  overflow: hidden;
  transition: max-height 0.3s, padding 0.3s;
}
.client-inventory .panel.inventory-plan-event-selector {
  margin-bottom: 20px;
}
.client-inventory .table-cards:not([disabled=disabled]) tr {
  cursor: pointer;
}
.client-inventory .table-cards tr {
  height: 46px;
}
.client-inventory .table-cards tr td.card-description-column {
  display: table-cell !important;
}
.client-inventory .table-cards tr td:last-child {
  text-align: right;
}
.client-inventory .table-cards tr td .card-description {
  color: #00648a;
}
.client-inventory .table-cards tr td .card-description:not([disabled=disabled]):hover {
  text-decoration: underline;
}
.client-inventory .table-cards tr td .card-property-label {
  color: #707070;
  font-size: 11px;
  display: block;
}
.client-inventory .existing-card-list .row-horizontal {
  overflow-x: auto;
  white-space: nowrap;
}
.client-inventory .existing-card-list .row-horizontal [class^="col-"] {
  display: inline-block;
  float: none;
}
.client-inventory .existing-card-list .category-without-records {
  text-align: left;
  color: #1E1E1E;
  margin: 15px 0;
  font-size: 13px;
  font-weight: 400;
  display: block;
}
.client-inventory .existing-card-list .column-card-status {
  padding-top: 0;
  padding-bottom: 0;
  height: 0;
  padding-left: 8px !important;
}
.client-inventory .existing-card-list .column-card-status card-status-indicator {
  display: block;
  height: 100%;
}
.client-inventory .existing-card-list .column-card-status card-status-indicator .indicator-container,
.client-inventory .existing-card-list .column-card-status card-status-indicator .indicator-base {
  height: 100%;
}
.client-inventory .existing-card-list .column-card-status card-status-indicator .indicator-container i,
.client-inventory .existing-card-list .column-card-status card-status-indicator .indicator-base i {
  top: calc(50% - 10px);
  position: relative;
  line-height: 18px;
  display: block;
}
.client-inventory .small-column {
  width: 37px;
}
.client-inventory .edit-column {
  width: 50px;
}
.client-inventory .fa-trash-alt {
  color: #A00000 !important;
}
.client-inventory client-file-menu .panel {
  margin-bottom: 0 !important;
}
.client-inventory .panel-inventory-unavailable .panel-heading {
  border: none;
}
.client-inventory .panel-inventory-unavailable .comment {
  padding-left: 20px;
  font-style: italic;
  color: darkgray;
}
.client-inventory .inventory-plan-event-selector {
  margin-bottom: 0px;
}
.client-inventory .tile-view {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-gap: 20px;
  /* The repeated tile div. */
}
.client-inventory .tile-view > div {
  background-color: #f2f2f2;
  padding: 20px;
  text-align: center;
  font-size: 28px;
}
.client-inventory .tile-view > div table {
  width: 100%;
  height: 78px;
  text-align: left;
}
.client-inventory .tile-view > div table tr {
  height: 100%;
}
.client-inventory .tile-view > div table tr .icon-td {
  width: 50px;
  padding-left: 2%;
}
.client-inventory .tile-view > div table tr .icon-td i {
  font-size: 55px;
  color: #E8A418;
}
.client-inventory .tile-view > div table tr .description-td {
  width: 50%;
  padding-left: 10%;
  padding-right: 5px;
  font-size: 23px;
  text-overflow: ellipsis;
  overflow: hidden;
}
.client-inventory .tile-view > div table tr .amount-td {
  text-align: right;
  padding-right: 8%;
}
.client-inventory .tile-view > div table tr .amount-td div {
  text-overflow: ellipsis;
  overflow: hidden;
}
.client-inventory .tile-view > div table tr .amount-td .amount-filler {
  height: 28%;
}
.client-inventory .tile-view > div table tr .amount-td .amount-value {
  font-size: 23px;
}
.client-inventory .tile-view > div table tr .amount-td .amount-unit {
  font-size: 14px;
}
.client-inventory .external-chart-message {
  font-size: large;
  text-align: center;
  margin-top: 125px;
  -webkit-animation: fadeIn 1s;
  animation: fadeIn 1s;
}
.risk-overview .risk-overview-title h1,
.risk-overview .risk-overview-title h2,
.risk-overview .risk-overview-title h3,
.risk-overview .risk-overview-title h4,
.risk-overview .risk-overview-title h5,
.risk-overview .risk-overview-title h6 {
  display: inline-block;
}
.risk-overview .risk-overview-title .overview-actions {
  font-size: 14px;
  display: inline-block;
  margin-top: 30px;
}
.risk-overview .monopoly-card {
  width: 100%;
  margin: 0;
  margin-bottom: 15px;
}
.risk-overview .monopoly-card .panel-body .risk-compact-info {
  margin: 0;
  font-size: 12px;
  text-align: right;
}
.risk-overview .monopoly-card .panel-body .risk-compact-info date,
.risk-overview .monopoly-card .panel-body .risk-compact-info .person-label {
  color: #777777;
  text-align: right;
}
.risk-overview .monopoly-card .panel-body .risk-compact-info .person-label::after {
  content: ', ';
}
.risk-overview .monopoly-card .panel-body .risk-info {
  margin-top: 20px;
}
.risk-overview .monopoly-card .panel-body .risk-info tbody tr td:last-child {
  width: 15%;
  text-align: right;
}
customer-profile fig-save-state-message {
  margin-right: 10px;
}
.customer-profile hr {
  margin-top: 10px;
}
.customer-profile .top-hr {
  margin-bottom: 0px;
}
.customer-profile .spinner-container {
  min-height: 50px;
}
.profile-results {
  padding-left: 0px;
}
.profile-results .profile-result {
  padding-left: 0px;
  float: left;
  padding-right: 20px;
}
.profile-results .profile-result .profile-name {
  padding-top: 10px;
  font-weight: 500;
}
.actions-right {
  padding-right: 0px !important;
  margin-left: 0px !important;
  text-align: right;
}
.actions-right .card-form-actions {
  padding-right: 0px !important;
  padding-left: 0px !important;
}
.plan .table-overflow {
  overflow: visible;
}
.plan .table-overflow .plan-description {
  color: #00648a;
}
.plan .table-overflow .plan-description:hover {
  text-decoration: underline;
}
.plan .table-overflow .plan-description:hover {
  text-decoration: underline;
}
.plan .table-overflow .plan-column {
  width: 31px;
  font-size: 12px;
}
.plan .table-overflow .type-column {
  width: 25%;
}
.plan .table-overflow .type-column i {
  padding-left: 10px;
}
.plan .table-overflow .creation-date-column {
  width: 20%;
}
.plan .table-overflow .actions-button-column {
  width: 40px;
}
.plan .table-overflow .overflow {
  overflow: visible;
  white-space: normal;
  padding: 6px 12px 6px 6px !important;
  text-align: right;
}
.risk-overview .scenario-changes-affect-whole-dossier-text {
  margin-bottom: 16px;
  font-style: italic;
  color: gray;
}
.risk-overview .scenario-changes-affect-whole-dossier-text button {
  float: right;
  margin-top: 10px;
  font-style: normal;
}
.risk-overview .panel-heading {
  transition: background-color 0.085s;
}
.risk-overview .panel-heading .panel-title {
  color: #FFF !important;
}
.risk-overview .panel-heading table {
  width: 100%;
}
.risk-overview .panel-heading table .add-risk-event-button {
  width: 20%;
}
.risk-overview .panel-heading table .date-change-method-column {
  width: 202px;
}
.risk-overview .panel-heading table .date-change-method-column select {
  width: 190px;
  margin-right: 12px;
}
.risk-overview .panel-heading table .date-pick-column {
  width: 137px;
}
.risk-overview .panel-heading table .date-pick-column .date-change-year-offset-field {
  width: 125px;
  margin-right: 12px;
}
.risk-overview .panel-heading table .date-pick-column fig-date-input > div {
  width: 125px;
}
.risk-overview .panel-heading table .save-risk-events-button-column button {
  float: right;
}
.risk-overview .table-overflow {
  overflow: visible;
}
.risk-overview .table-overflow .no-pointer {
  cursor: default !important;
}
.risk-overview .table-overflow .checkbox-select-column {
  width: 40px;
}
.risk-overview .table-overflow .risk-description-clickable {
  color: #00648a;
}
.risk-overview .table-overflow .risk-description-clickable:hover {
  text-decoration: underline;
}
.risk-overview .table-overflow .risk-description-clickable:hover {
  text-decoration: underline;
}
.risk-overview .table-overflow .description-column {
  width: 40%;
}
.risk-overview .table-overflow .type-column {
  width: 15%;
}
.risk-overview .table-overflow .type-column span {
  padding-right: 10px;
}
.risk-overview .table-overflow .person-column {
  width: 30%;
}
.risk-overview .table-overflow .creation-date-column {
  width: 10%;
}
.risk-overview .table-overflow .creation-date-column.highlight {
  text-shadow: 0.4px 0 0 #0076a3, 0 -0.1px 0 #0076a3, 0 0.1px 0 #0076a3;
  transition: text-shadow 0.2s, transform 0.2s, color 0.2s;
  transform: scale(1.05);
  color: #0076a3;
}
.risk-overview .table-overflow .actions-button-column {
  width: 5%;
}
.risk-overview .table-overflow .actions-button-column fig-spinner {
  position: relative;
  left: 14px;
}
.risk-overview .table-overflow .overflow {
  overflow: visible;
  white-space: normal;
  padding: 6px 12px 6px 6px !important;
  text-align: right;
}
.riskEvent .pointer:hover {
  cursor: not-allowed;
}
.riskEvent .panel {
  margin-top: 16px;
}
.riskEvent form {
  margin-top: 12px;
}
.riskEvent .expander-label {
  padding-left: 0;
}
.riskEvent .risk-event-person-readonly {
  position: relative;
  top: 9px;
}
.riskEvent .mat-mdc-dialog-content {
  max-height: initial;
}
.riskEvent mat-dialog-actions fig-save-state-message {
  margin-right: 18px;
}
.advice-settings .form-control {
  width: 195px;
}
.advice-settings .card-form-actions button {
  margin-right: 3px;
}
.advice-settings .my-vault-view.with-accounts-overlay-active {
  margin-top: 225px;
}
.advice-settings .clientfile-identification-tags .panel-body {
  min-height: 75px;
}
.advice-settings fig-save-state-message {
  position: absolute;
  padding-top: 6px;
  margin-left: 8px;
}
.accounts .add-account-button {
  left: 220px;
}
.accounts .accounts-table .action-button-column {
  min-height: 24px;
}
.accounts .accounts-table .table-no-accounts td {
  text-align: center;
}
.accounts .accounts-table .actions-button-column {
  width: 40px;
}
.bridging-period-overview fig-pdf-button {
  float: right;
  margin-right: 12px;
}
.bridging-period-overview .panel-body table {
  font-size: 12px;
}
.bridging-period-overview .panel-body table th {
  white-space: initial;
  word-wrap: break-word;
  font-weight: bold;
}
.bridging-period-overview .panel-body table th.circle::before {
  display: inline-block;
  height: 12px;
  width: 12px;
  position: relative;
  top: 2px;
  margin-right: 3px;
  border-radius: 6px;
  content: "";
}
.bridging-period-overview .panel-body table th.circle.current::before {
  background-color: #00B0F0 !important;
}
.bridging-period-overview .panel-body table th.circle.bridging::before {
  background-color: #4DAF4A !important;
}
.bridging-period-overview .panel-body table th.circle.new::before {
  background-color: #984EA3 !important;
}
.bridging-period-overview .panel-body table .small {
  width: 7%;
  font-size: 100%;
}
.bridging-period-overview .panel-body table .large {
  width: auto;
}
.bridging-period-overview .panel-body table .cell-left-align {
  padding-left: 20px !important;
  text-align: left;
}
.bridging-period-overview .panel-body table .cell-right-align-currency {
  text-align: right;
}
.bridging-period-overview .panel-body.panel-body-table {
  border-bottom: 1px solid #ccc;
}
.bridging-period-overview .panel-body.loader {
  min-height: 300px;
}
.bridging-period-overview .plan-event-selector {
  display: inline-block;
}
.bridging-period-overview .results-plan-event-selector {
  margin-bottom: 0px;
}
.pdf-view .bridging-period-overview > .row {
  margin: 0;
}
.pdf-view .bridging-period-overview > .row > .col-md-12 {
  padding: 0;
}
.pdf-view .bridging-period-overview .panel {
  border: none;
  box-shadow: none;
}
.pdf-view .bridging-period-overview .top-action-bar {
  box-shadow: none;
  margin: 0;
  padding-left: 0;
  padding-right: 0;
  background: none;
}
.pdf-view .bridging-period-overview i.fa,
.pdf-view .bridging-period-overview pdf-button {
  display: none;
}
.pdf-view .bridging-period-overview .panel-body table .small {
  width: 14%;
}
.results pdf-button,
.results fig-pdf-button {
  float: right;
}
.results .panel-body table {
  font-size: 12px;
}
.results .panel-body table th {
  white-space: initial;
  word-wrap: break-word;
}
.results .panel-body table .small {
  width: 7%;
  font-size: 100%;
}
.results .panel-body table .large {
  width: auto;
}
.results .panel-body table .cell-left-align {
  padding-left: 20px !important;
  text-align: left;
}
.results .panel-body table .cell-right-align-currency {
  text-align: right;
}
.results .panel-body.panel-body-table {
  border-bottom: 1px solid #ccc;
}
.results .panel-body.loader {
  min-height: 300px;
}
.results .plan-event-selector {
  display: inline-block;
}
.results .results-plan-event-selector {
  margin-bottom: 0px;
}
.pdf-view .results > .row {
  margin: 0;
}
.pdf-view .results > .row > .col-md-12 {
  padding: 0;
}
.pdf-view .results .panel {
  border: none;
  box-shadow: none;
}
.pdf-view .results .top-action-bar {
  box-shadow: none;
  margin: 0;
  padding-left: 0;
  padding-right: 0;
  background: none;
}
.pdf-view .results i.fa,
.pdf-view .results pdf-button,
.pdf-view .results fig-pdf-button {
  display: none;
}
.pdf-view .results .color-sad {
  color: #A00000 !important;
}
.multiple-years-overview .plan-event-selector {
  display: inline;
}
.multiple-years-overview .download-csv {
  color: #217346;
  float: right;
  font-size: 2em;
  background: none;
  border: none;
  outline: none;
  height: 32px;
  line-height: 32px;
}
.multiple-years-overview .download-csv:hover:not(:disabled) {
  color: #1b5f3a;
  cursor: pointer;
}
.multiple-years-overview .download-csv:active:not(:disabled) {
  color: #164b2e;
}
.multiple-years-overview .download-csv:disabled {
  opacity: 0.5;
  cursor: default;
}
.multiple-years-overview .panel-body-table {
  max-height: calc(100vh - 164px);
  overflow: auto;
  position: relative;
}
.multiple-years-overview .panel-body-table > table {
  table-layout: auto;
  position: relative;
}
.multiple-years-overview .panel-body-table > table thead th,
.multiple-years-overview .panel-body-table > table tbody td {
  text-align: right;
}
.multiple-years-overview .panel-body-table > table thead th:first-child,
.multiple-years-overview .panel-body-table > table tbody td:first-child {
  text-align: left;
  position: -webkit-sticky;
  /* for Safari */
  position: sticky;
  left: 0;
  background-clip: padding-box;
  /* for Edge */
  background-color: #FFF;
  max-width: calc((100vw - 166px) * .5);
  /* 100vw-166px = size of table */
}
.multiple-years-overview .panel-body-table > table thead th:first-child::after,
.multiple-years-overview .panel-body-table > table tbody td:first-child::after {
  content: "";
  display: block;
  position: absolute;
  background: linear-gradient(90deg, #FFF 0%, rgba(255, 255, 255, 0) 100%);
  height: 34px;
  top: 0;
  right: -8px;
  width: 8px;
}
.multiple-years-overview .panel-body-table > table thead th:first-child span,
.multiple-years-overview .panel-body-table > table tbody td:first-child span {
  overflow: hidden;
  white-space: nowrap;
  display: block;
  text-overflow: ellipsis;
  margin-left: 0px;
}
@media only screen and (min-width: 966px) {
  .multiple-years-overview .panel-body-table > table thead th:first-child,
  .multiple-years-overview .panel-body-table > table tbody td:first-child {
    /* (max-width / .5) + 166px = 966px; screen width where element width will be 'max-width' */
    max-width: 400px;
  }
}
.multiple-years-overview .panel-body-table > table thead th {
  position: -webkit-sticky;
  /* for Safari */
  position: sticky;
  top: 0;
  background-clip: padding-box;
  /* for Edge */
  background-color: #FFF;
  font-weight: bold;
  z-index: 1;
}
.multiple-years-overview .panel-body-table > table thead th:first-child {
  z-index: 2;
}
.multiple-years-overview .panel-body-table > table tbody tr:hover td:first-child {
  background-color: #f5f5f5;
}
.multiple-years-overview .panel-body-table > table tbody tr:hover td:first-child::after {
  background: linear-gradient(90deg, #f5f5f5 0%, rgba(245, 245, 245, 0) 100%);
}
.multiple-years-overview .panel-body-table > table tbody tr.header-row {
  font-weight: bold;
}
.multiple-years-overview .panel-body-table.loader {
  min-height: 300px;
}
.multiple-years-overview .compare-plans-tablerow td:first-child {
  max-width: 205px !important;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.page-content.with-side-nav {
  /* in case the side nav is visable */
}
.page-content.with-side-nav .multiple-years-overview .panel-body-table > table thead th:first-child,
.page-content.with-side-nav .multiple-years-overview .panel-body-table > table tbody td:first-child {
  max-width: calc((100vw - 385px) * .5);
  /* 100vw-385px = size of table */
}
@media only screen and (min-width: 1185px) {
  .page-content.with-side-nav .multiple-years-overview .panel-body-table > table thead th:first-child,
  .page-content.with-side-nav .multiple-years-overview .panel-body-table > table tbody td:first-child {
    /* (max-width / .5) + 385px = 1185px; screen width where element width will be 'max-width' */
    max-width: 400px;
  }
}
.compare-plan .compare-plan-spinner {
  position: absolute;
  top: 100px;
  width: 100px;
  left: 50%;
  margin-left: -50px;
}
.compare-plan .compare-plan-column client-file-menu .panel {
  margin-bottom: 0;
}
.compare-plan .compare-plan-column .chart-panel {
  box-shadow: none !important;
  min-width: 350px;
}
.compare-plan .compare-plan-event-selector {
  margin-bottom: 0px;
}
.compare-plan .plan-event-selector {
  display: inline-block;
}
.compare-plan .panel-plan {
  margin-bottom: 30px;
}
.compare-plan pdf-button,
.compare-plan fig-pdf-button {
  margin-right: 12px;
}
.compare-plan .sync-years {
  float: right;
  margin-top: 7px;
}
.compare-plan .sync-years .title {
  margin-right: 10px;
}
.compare-plan .no-data-for-year {
  margin-top: 6px;
  margin-bottom: 0px;
}
.pdf-view .compare-plan-pdf-print-area i,
.pdf-view .compare-plan-pdf-print-area li:not(.active),
.pdf-view .compare-plan-pdf-print-area select,
.pdf-view .compare-plan-pdf-print-area .up-arrow::before {
  display: none;
}
.pdf-view .compare-plan-pdf-print-area .panel-default {
  box-shadow: none;
  border: none;
}
.pdf-view .compare-plan-pdf-print-area .panel-plan {
  margin: 0px !important;
}
.pdf-view .compare-plan-pdf-print-area .row-header {
  height: 50px;
}
.pdf-view .compare-plan-pdf-print-area financial-summary,
.pdf-view .compare-plan-pdf-print-area fig-financial-summary {
  page-break-before: always;
}
.pdf-view .compare-plan-pdf-print-area .panel-heading,
.pdf-view .compare-plan-pdf-print-area .panel-body {
  border: none;
}
.pdf-view .compare-plan-pdf-print-area .panel-chart {
  height: 700px;
}
.pdf-view .compare-plan-pdf-print-area .highcharts-root {
  width: 100% !important;
  height: 100% !important;
}
.compare-plan-chart fig-choice-input {
  margin-left: 10px;
  margin-right: -10px;
}
.compare-plan-chart .chart-series-btn .btn {
  border: none;
  background: none;
  color: #1E1E1E;
}
.compare-plan-chart .graph-selection .btn,
.compare-plan-chart .graph-selection .btn-group {
  display: inline-block;
  width: 100%;
}
.compare-plan-chart .graph-selection .client-file-plan-btn .btn,
.compare-plan-chart .graph-selection fig-risk-event-selector .btn {
  background-color: transparent;
  border-radius: 0;
  padding: 8px 12px;
  text-align: left;
}
.compare-plan-chart .graph-selection th,
.compare-plan-chart .graph-selection td {
  text-align: center;
}
.compare-plan-chart .graph-selection td {
  padding: 0;
}
.compare-plan-chart .graph-selection th.column-plan,
.compare-plan-chart .graph-selection th.column-scenario {
  padding: 8px 12px;
}
.compare-plan-chart .graph-selection .column-plan,
.compare-plan-chart .graph-selection .column-scenario,
.compare-plan-chart .graph-selection .column-series {
  text-align: left;
  width: 360px;
}
.compare-plan-chart .graph-selection .column-plan button,
.compare-plan-chart .graph-selection .column-scenario button,
.compare-plan-chart .graph-selection .column-series button {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.compare-plan-chart .graph-selection .column-actions {
  width: 60px;
}
.compare-plan-chart .table {
  table-layout: auto;
}
.compare-plan-chart .plan-event-selector i {
  margin-left: 5px;
}
.import-mpo p.mpo-description {
  padding: 0 15px;
}
.alerts .table-alerts tr {
  height: 40px;
}
.alerts .table-alerts tr:not(.viewed) {
  font-weight: bold;
}
.alerts .table-alerts tr:not(:hover):not(.with-actions):not(.selected) .col-actions actions-button {
  display: none;
  visibility: hidden;
}
.alerts .table-alerts .col-checked {
  width: 50px;
}
.alerts .table-alerts .col-name {
  width: 200px;
}
.alerts .table-alerts .col-name a:hover {
  font-weight: bold;
}
.alerts .table-alerts .col-type {
  width: 150px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.alerts .table-alerts .col-date {
  width: 150px;
}
.alerts .table-alerts .col-actions {
  width: 50px;
}
.budget-leveling .panel-heading {
  padding: 0px 13px 0px 13px;
}
.budget-leveling .panel {
  margin-bottom: 0;
}
.budget-leveling .form-horizontal {
  padding-top: 15px;
}
.budget-leveling .feature-toggle {
  padding: 15px;
  padding-left: 30px;
}
.budget-leveling .feature-toggle .title {
  line-height: 2.5;
}
.budget-leveling .feature-toggle mat-slide-toggle {
  margin-left: 10px;
}
.budget-leveling h3 {
  display: inline-block;
  margin-right: 15px;
}
.budget-leveling .panel-row .panel-column {
  padding: 0;
}
.budget-leveling .panel-row .panel-column .panel {
  border: none;
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
}
.budget-leveling .panel-row .panel-column:nth-of-type(1) .panel {
  border-left: none;
}
.budget-leveling .panel-row .panel-column:nth-of-type(2) .panel {
  border-right: none;
}
.budget-leveling .panel-row .table thead tr th:first-child,
.budget-leveling .panel-row .table tbody tr td:first-child {
  padding-left: 15px;
}
.budget-leveling .panel-row .table .column-selected {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  /*				height: 50px;
*/
}
.budget-leveling .panel-row .table .column-selected,
.budget-leveling .panel-row .table .column-is-limited {
  text-align: center;
}
.budget-leveling .panel-row .table .column-description {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  height: 50px;
}
.budget-leveling .panel-row .table .column-value,
.budget-leveling .panel-row .table .column-limit-value,
.budget-leveling .panel-row .table .column-priority {
  text-align: left;
}
.budget-leveling .panel-row .table .column-priority {
  width: 100px;
  text-align: center;
}
@media only screen and (min-width: 1200px) {
  .budget-leveling .panel-row .panel-column:nth-of-type(2) .panel {
    border-left: 3px solid #ddd;
  }
}
.housing-costs-selection .panel-heading {
  padding: 0px 13px 0px 13px;
}
.housing-costs-selection h3 {
  display: inline-block;
  margin-right: 15px;
}
.housing-costs-selection .panel {
  margin-bottom: 0;
}
.housing-costs-selection .panel-row .table thead tr th:first-child,
.housing-costs-selection .panel-row .table tbody tr td:first-child {
  padding-left: 15px;
}
.housing-costs-selection .panel-row .table .column-selected {
  width: 140px;
  text-align: center;
}
.housing-costs-selection .panel-row .loader {
  min-height: 200px;
}
.housing-costs-selection .panel-row .panel-message {
  padding: 15px;
}
.housing-costs-selection .hr {
  margin-top: 0px;
}
.housing-costs-selection button {
  margin-right: 3px;
}
.card-and-contract-selection .panel h3 {
  display: inline-block;
  margin-right: 15px;
}
.card-and-contract-selection .panel fig-spinner {
  top: 36px;
}
.card-and-contract-selection .panel .table thead tr th:first-child,
.card-and-contract-selection .panel .table tbody tr td:first-child {
  padding-left: 15px;
}
.card-and-contract-selection .panel .table .column-is-selected {
  width: 140px;
  text-align: center;
}
.card-and-contract-selection .panel .table .column-category {
  width: 80px;
}
.card-and-contract-selection .panel .table .column-type {
  width: 250px;
}
.card-and-contract-selection .panel .hr {
  margin-top: 0px;
}
.card-and-contract-selection .panel button {
  margin-right: 3px;
}
.card .card-action,
.goal-card .card-action {
  transition: box-shadow 0.3s;
  float: right;
  margin-left: 5px;
}
.card-header {
  position: sticky;
  top: 60px;
  z-index: 1000;
  pointer-events: none;
}
.card-header .panel {
  pointer-events: all;
  margin-bottom: 0;
}
.card-header .actions-right button {
  margin-right: 3px;
}
html:not([data-scroll='0']) .panel-card-actions {
  box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12), 0 2px 4px -1px rgba(0, 0, 0, 0.2);
}
.goal-card .panel-header {
  vertical-align: middle;
  font-size: 16px;
}
.goal-card .sub-text {
  font-size: 12px;
  font-style: italic;
  color: #707070;
}
.goal-card .row.row-header {
  border-bottom: 2px solid #ccc;
  background-color: #F7F7F7;
}
.goal-card .add-solution-panel {
  overflow: hidden;
}
.goal-card .remove-or-unlink:hover {
  background-color: transparent;
}
.goal-card .remove-or-unlink:hover .fas,
.goal-card .remove-or-unlink:hover .far {
  opacity: 0.75;
}
.goal-card .remove-or-unlink .fas,
.goal-card .remove-or-unlink .far {
  font-size: 20px;
  font-weight: 900;
  color: #707070;
  opacity: 0.5;
  transition: none;
}
.goal-card .goal-card-solutions .description {
  font-size: 14px;
  font-weight: 400;
}
.goal-card .goal-card-solutions .motivationHeader {
  background-color: #FFF;
  border-bottom: none;
  cursor: pointer;
}
.goal-card .goal-card-solutions .needMotivationExpander-col {
  padding-right: 30px;
}
.goal-card .goal-card-solutions textarea {
  margin-left: 15px;
  margin-right: 15px;
}
.goal-card .goal-card-solutions .needMotivationExpander {
  position: relative;
  left: -5px;
  padding-right: 6px;
}
.goal-card .goal-card-solutions .tr-row {
  cursor: pointer;
}
.goal-card .graph g,
.goal-card .graph rect,
.goal-card .graph path {
  cursor: default !important;
}
.jaarruimte {
  font-size: 14px !important;
}
.jaarruimte fig-pdf-button {
  float: right;
  margin-top: -5px;
}
.jaarruimte .panel-body {
  padding: 30px 30px 0px 15px;
}
.jaarruimte .jaarruimte-properties .card-property {
  padding-bottom: 15px;
}
.jaarruimte .level0 .control-label {
  padding-left: 40px;
}
.jaarruimte .level1 .control-label {
  padding-left: 50px;
}
.jaarruimte .level1 .expander-text {
  padding-left: 20px;
}
.jaarruimte .level1 .expander-icon {
  left: 20px;
}
.jaarruimte .level2 .control-label {
  padding-left: 70px;
}
.jaarruimte .level2 .expander-text {
  padding-left: 40px;
}
.jaarruimte .level2 .expander-icon {
  left: 40px;
}
.jaarruimte .level3 .control-label {
  padding-left: 90px;
}
.jaarruimte .level3 .expander-text {
  padding-left: 60px;
}
.jaarruimte .level3 .expander-icon {
  left: 60px;
}
.jaarruimte .level4 .control-label {
  padding-left: 95px;
}
.jaarruimte .level4 .expander-text {
  padding-left: 80px;
}
.jaarruimte .level4 .expander-icon {
  left: 80px;
}
.jaarruimte .reserverings-ruimtes .level0 .control-label {
  padding-left: 40px;
}
.jaarruimte .reserverings-ruimtes .level0 .expander-text {
  padding-left: 10px;
}
.jaarruimte .reserverings-ruimtes .level0 .expander-icon {
  left: 10px;
}
.jaarruimte .sign {
  position: absolute;
  right: 0;
  top: 8px;
}
.jaarruimte .total {
  font-weight: bold;
}
.jaarruimte .total-seperator {
  margin-top: 0px;
  margin-bottom: 15px;
  background-color: #E8A418;
  border-color: #E8A418;
}
.jaarruimte .birthday {
  text-align: right;
}
.jaarruimte .person-choice .btn-group {
  margin-top: -10px;
}
.jaarruimte .card-properties .card-property {
  min-height: 44px;
}
.jaarruimte .card-properties .card-property .card-property-title {
  padding-left: 0px;
}
.jaarruimte .jaarruimte-total {
  padding-left: 30px !important;
}
.jaarruimte .jaarruimte-currency-input {
  margin-top: -5px;
}
.jaarruimte .card-form {
  padding-right: 15px;
  padding-left: 45px;
}
.jaarruimte .expander-label {
  cursor: pointer;
}
.jaarruimte .card-form-actions button {
  margin-right: 5px;
}
.pdf-view .jaarruimte > .row {
  margin: 0;
}
.pdf-view .jaarruimte > .row > .col-md-12 {
  padding: 0;
}
.pdf-view .jaarruimte .panel {
  border: none;
  box-shadow: none;
  margin: 0 -30px 0 -45px;
}
.pdf-view .jaarruimte .top-action-bar {
  box-shadow: none;
  margin: 0;
  padding-left: 0;
  padding-right: 0;
  background: none;
}
.pdf-view .jaarruimte .form-horizontal,
.pdf-view .jaarruimte .jaarruimte-type,
.pdf-view .jaarruimte i.fa,
.pdf-view .jaarruimte i.fas,
.pdf-view .jaarruimte .panel-heading {
  display: none;
}
.pdf-view .jaarruimte .force-print {
  display: block !important;
}
.pdf-view .jaarruimte .input-group-addon,
.pdf-view .jaarruimte .form-control {
  border: none;
}
.pdf-view .jaarruimte .form-control[disabled],
.pdf-view .jaarruimte .form-control[readonly],
.pdf-view .jaarruimte fieldset[disabled] .form-control {
  background: none;
}
.motivations table td {
  padding: 1px 0px !important;
}
.motivations table td:first-child {
  padding: 1px 15px !important;
}
.motivations table td.title {
  width: 100%;
}
.motivations table td.target-type {
  width: 120px;
}
.motivations table td.display-id {
  width: 50px;
  color: #909090;
}
.motivations table td.motivation {
  width: 40px;
}
.report-pfa .btn-report {
  display: inline-block;
}
.report-pfa .report-progress {
  display: inline-block;
  padding: 0 !important;
  float: right;
}
.report-pfa .column-year {
  width: 140px;
}
.report-pfa .panel-header .panel-notification {
  font-size: 12px;
}
.reports i {
  width: 50%;
  position: absolute;
  right: 0;
  left: 0;
  top: 21px;
  bottom: 0;
  margin: auto auto;
  font-size: 5em;
  color: #337ab7;
}
.reports i.pdf {
  color: red;
}
.reports .panel-default {
  max-width: 800px;
}
.reports .fixed-panel {
  min-height: 120px;
  max-height: 120px;
}
.reports .figlo-logo-black {
  display: inline-block;
  float: left;
  margin-right: 6px;
  padding-top: 10px;
}
.reports .figlo-logo-black img {
  width: 100%;
  position: relative;
  display: inline-block;
}
.reports .pages-plan {
  float: left;
  position: relative;
  width: 100%;
  text-align: center;
  z-index: 3;
}
.reports .background {
  margin-top: 2px;
  background-color: #E8A418;
  border-radius: 10px 0 10px 0;
  transform: skew(-4deg);
  z-index: -1;
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
.reports .plan-type-name {
  font-size: 10px;
  font-weight: 400;
  color: #FFF;
  padding: 6px 10px 0px 10px;
  display: inline-block;
  height: 25px;
  letter-spacing: 1px;
}
.reports .start-target {
  padding-top: 4px;
  width: 80px;
}
.reports .report-panel-disabled {
  background: #cccccc;
  cursor: not-allowed !important;
}
.requestable-products tr {
  height: 46px;
}
.requestable-products tr td.action-column {
  text-align: right;
}
.requestable-products tr td.action-column img {
  height: 30px;
  max-width: 100px;
}
.requestable-products tr td.action-column button {
  padding: 0px;
  height: 24.8px;
  margin: 3px 0 3px 5px;
}
.requestable-products tr td.action-column button span {
  padding: 3px 10px;
}
.requestable-products tr td .product-info-label {
  color: #707070;
  font-size: 11px;
  display: block;
}
.requestable-products .panel .panel-body {
  overflow: hidden;
  transition: max-height 0.3s, padding 0.3s;
}
.surveys hr {
  margin-bottom: initial;
  margin-top: initial;
}
.surveys .questionnaire-list .title {
  display: block;
  color: #00648a;
  margin-bottom: 15px;
}
.surveys .questionnaire-list .title:hover {
  text-decoration: underline;
}
.surveys .questionnaire-list .text {
  color: #333333;
  display: block;
  margin-bottom: 15px;
}
.surveys .questionnaire-results {
  margin-top: 10px;
}
.surveys .questionnaire-results > div {
  display: inline-block;
  width: 100%;
}
.surveys h5 {
  cursor: pointer;
}
.questionnaire .questionnaire-panel {
  margin-top: 20px;
}
.questionnaire .questionnaire-panel .spinner-container {
  min-height: 50px;
}
.questionnaire .panel-body .panel-notification.error {
  display: inline-block;
  vertical-align: middle;
}
.questionnaire .profile-result {
  padding-left: 0px;
}
.questionnaire .profile-result .profile-name {
  padding-top: 10px;
  font-weight: 500;
}
.questionnaire fig-save-state-message {
  margin-right: 10px;
}
.questionnaire .btn {
  margin-right: 3px;
}
.page-my-figlo {
  margin-left: -45px;
  margin-right: -45px;
  height: 100%;
}
.page-my-figlo .container {
  width: 100%;
  height: 100%;
}
.page-my-figlo .container .row {
  height: 100%;
}
.page-my-figlo .container .row .overlay {
  position: absolute;
  height: 100%;
  width: 100%;
  opacity: 0.3;
}
.page-my-figlo .container .row .left {
  height: 100%;
  padding: 0px;
}
.page-my-figlo .container .row .left .overlay {
  background-color: #f1c975;
}
.page-my-figlo .container .row .right {
  height: 100%;
  padding: 0px;
}
.page-my-figlo .container .row .right .overlay {
  background-color: #e6e6e6;
}
.page-my-figlo .container .row .question {
  margin: 120px auto 0px auto;
  text-align: center;
  font-size: 30px;
  color: white;
}
.page-my-figlo .container .row .figlo-start-plan-client {
  margin: 60px auto 60px auto;
  width: 100%;
  text-align: center;
  width: 130px;
  transform: translate(0, 0);
}
.page-my-figlo .container .row .figlo-start-plan-client .background {
  will-change: background-color;
  transition-property: background-color;
  transition-duration: 0.3s;
  background-color: #E8A418;
  border-radius: 10px 0 10px 0;
  transform: skew(-4deg);
  z-index: -1;
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
.page-my-figlo .container .row .figlo-start-plan-client .plan-type-name {
  font-size: 20px;
  font-weight: 400;
  color: #FFF;
  padding: 2px 10px 0px 10px;
  display: inline-block;
  height: 32px;
  letter-spacing: 1px;
}
.page-my-figlo .container .row .description-container {
  font-size: 14px;
  margin: 0 auto 0px auto;
  height: 300px;
  width: 275px;
  background-color: white;
  opacity: 0.7;
  border-radius: 10px;
  padding: 50px 50px 0px 50px;
}
.page-my-figlo .container .row .description-container .description {
  height: 200px;
}
.page-my-figlo .container .row .description-container button {
  margin: 0px auto 0px auto;
  background-color: #2f3035;
  color: white;
  width: 100%;
}
.page-my-figlo .background-image {
  max-width: 100%;
  min-width: 1400px;
  position: absolute;
}
.page-my-figlo .background-start-icon {
  position: absolute;
  max-height: 75px;
  left: 20px;
  bottom: 20px;
}
.page-my-figlo .background-powered-by-container {
  position: absolute;
  right: 20px;
  bottom: 20px;
}
.page-my-figlo .background-powered-by-container img {
  max-height: 50px;
}
.page-my-figlo .background-powered-by-container span {
  font-size: 18px;
  color: white;
  margin-right: 10px;
  vertical-align: bottom;
  line-height: 2;
}
.max-mortgage .form-group {
  margin-bottom: 10px;
}
.max-mortgage .form-group .control-label {
  padding-bottom: 5px;
}
.max-mortgage .actions-col {
  padding-top: 5px;
}
.max-mortgage .actions-col actions-button {
  float: right;
}
.max-mortgage .expenses [class*='col'],
.max-mortgage .newMortgages [class*='col'] {
  padding-left: 10px;
}
.max-mortgage .expenses [class*='col']:not(:last-child),
.max-mortgage .newMortgages [class*='col']:not(:last-child) {
  padding-right: 0px;
}
.max-mortgage .expenses [class*='col']:first-child,
.max-mortgage .newMortgages [class*='col']:first-child {
  margin-left: 5px;
}
.max-mortgage .expenses [class*='col']:last-child,
.max-mortgage .newMortgages [class*='col']:last-child {
  margin-right: -5px;
  padding-right: 20px;
}
.max-mortgage .newMortgages .mortgage-total {
  float: right;
  padding-right: 10px;
}
.max-mortgage .warning-text {
  color: #E7AA37;
}
.max-mortgage .icon-info {
  color: #cccccc;
}
.max-mortgage-type-tooltip .tooltip-inner {
  max-width: 500px;
}
.scenarios-and-events fig-chart-size-selector {
  margin-top: 0px;
}
.scenarios-and-events .text-center {
  text-align: center;
}
.scenarios-and-events .box {
  height: 20px;
  width: 20px;
}
.scenarios-and-events .panel .panel-heading {
  position: relative;
}
.scenarios-and-events .panel .panel-body {
  overflow: hidden;
  padding: 0px;
}
.scenarios-and-events .panel .panel-body.panel-body-table {
  border-top: 0px;
}
.scenarios-and-events .panel.chart-panel {
  margin-bottom: 20px;
}
.scenarios-and-events .panel.chart-panel .description {
  font-size: 11pt;
  font-weight: normal;
}
.scenarios-and-events .panel.chart-panel .description span {
  font-size: 11pt;
  font-weight: normal;
}
.scenarios-and-events .panel.chart-panel .panel-body {
  display: table;
}
.scenarios-and-events .panel.chart-panel .panel-body .chart-cell {
  width: 100%;
  height: 340px;
  display: table-cell;
  vertical-align: middle;
}
.scenarios-and-events .panel.chart-panel .panel-body .arrow-cell {
  display: table-cell;
  vertical-align: middle;
}
.scenarios-and-events .panel.chart-panel .panel-body .arrow-cell i {
  padding: 6px;
  color: #a5a5a5;
}
.scenarios-and-events .panel.chart-panel .panel-body .arrow-cell:hover:not([disabled="true"]) {
  background-color: #e9e9e9;
  cursor: pointer;
}
.scenarios-and-events .panel.chart-panel .panel-body .arrow-cell:hover i {
  color: #6e6e6e;
}
.scenarios-and-events .panel.chart-panel .panel-body .arrow-cell[disabled="true"] i {
  color: #dddddd;
}
.scenarios-and-events .panel.chart-panel .panel-body .highcharts-container,
.scenarios-and-events .panel.chart-panel .panel-body .highcharts-container svg {
  width: 100% !important;
}
.scenarios-and-events .panel.chart-panel .pagination {
  width: 100%;
  margin-top: -8px;
  margin-bottom: 10px;
  text-align: center;
  -webkit-user-select: none;
  /* Safari */
  -ms-user-select: none;
  /* IE 10 and IE 11 */
  user-select: none;
  /* Standard syntax */
}
.scenarios-and-events .panel.chart-panel .pagination i::before {
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  font: var(--fa-font-solid);
  font-size: small;
  content: "\f111";
}
.scenarios-and-events .panel.chart-panel .pagination i {
  color: #dddddd;
  display: inline-block !important;
  padding: 10px;
  transition: color 1s;
}
.scenarios-and-events .panel.chart-panel .pagination i:hover {
  transition: color 0.1s;
  color: #6e6e6e;
}
.scenarios-and-events .panel.chart-panel .pagination i:not([disabled="true"]) {
  cursor: pointer;
}
.scenarios-and-events .panel.chart-panel .pagination .selected {
  color: #6e6e6e;
}
.scenarios-and-events .table .invisible-row {
  visibility: collapse;
}
.scenarios-and-events .table .top-row {
  height: 63px;
}
.scenarios-and-events .table .top-row .chart-title {
  width: 50%;
}
.scenarios-and-events .table .top-row.details-button-section label,
.scenarios-and-events .table .top-row.details-button-section button {
  padding: 3px 10px;
}
.scenarios-and-events .table .top-row.details-button-section .dropdown .add-button {
  margin-right: 20px;
}
.scenarios-and-events .table .scenario-settings-button {
  margin-left: 10px;
}
.scenarios-and-events .table .reference-year-column input {
  width: 40px;
}
.scenarios-and-events .table .reference-year-column input.fig-invalid {
  border: solid 2px red;
  border-radius: 3px;
}
.scenarios-and-events .table .validation-column {
  color: red;
}
.scenarios-and-events .data-table tbody tr {
  height: 47px;
}
.scenarios-and-events .data-table .ellipsis td:not(.no-ellipsis),
.scenarios-and-events .data-table .ellipsis th:not(.no-ellipsis) {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.scenarios-and-events .data-table .percentage-width {
  width: 20%;
}
.scenarios-and-events .data-table .pixel-width {
  width: 120px;
}
.scenarios-and-events .data-table .highlighted {
  background-color: #e6e6e6;
}
.scenarios-and-events .data-table .fa-chart-column {
  color: #0076a3;
}
.scenarios-and-events .data-table .status-column {
  width: 30px;
  white-space: nowrap;
}
.scenarios-and-events .data-table .status-column .fa-equals {
  color: #d8d8d8;
}
.scenarios-and-events .data-table .status-column .fa-ban {
  color: #d8d8d8;
}
.scenarios-and-events .data-table .color-column {
  width: 40px;
}
.scenarios-and-events .data-table .motivation-button-column {
  width: 115px;
}
.scenarios-and-events .data-table .motivation-button-column textarea {
  float: left;
}
.scenarios-and-events .data-table .motivation-button-column .motivation-actions {
  float: right;
  margin-top: 10px;
}
.scenarios-and-events .data-table .motivation-button-column .motivation-input .btn.motivation-btn {
  background-color: transparent;
}
.scenarios-and-events .data-table .motivation-button-column .motivation-input .btn.motivation-btn:hover {
  background-color: white;
}
.advisor-dashboard .planning-alerts .panel-body {
  min-height: 50px;
}
.advisor-dashboard .planning-alerts .panel-body.no-alerts {
  min-height: 50px;
}
.advisor-dashboard .planning-alerts .panel-body fig-spinner {
  margin: 5px 5px;
}
.advisor-dashboard .planning-alerts .panel-body table tr {
  cursor: unset;
}
.advisor-dashboard .planning-alerts .panel-body table td {
  height: 46px;
}
.advisor-dashboard .planning-alerts .panel-body table .icon-column {
  width: 50px;
}
.advisor-dashboard .planning-alerts .panel-body table th.icon-column {
  font-size: 16px;
  font-weight: 300;
}
.advisor-dashboard .planning-alerts .panel-body table td.icon-column {
  font-size: 20px;
  text-align: center;
}
.advisor-dashboard .planning-alerts .panel-body table .title-column {
  width: 25%;
}
.advisor-dashboard .planning-alerts .panel-body table .message-column {
  width: 75%;
}
.advisor-dashboard .no-alerts .panel {
  border-bottom: 0px;
}
.advisor-dashboard .card-property {
  width: 50% !important;
  display: inline-block !important;
}
.advisor-dashboard .form-group.card-property.date {
  float: right;
}
.advisor-dashboard .panel-card-actions,
.advisor-dashboard .form-actions {
  margin-bottom: 0;
}
.advisor-dashboard .panel-heading {
  height: 55px;
}
.advisor-dashboard fig-save-state-message {
  margin-right: 10px;
}
.client-dashboard .mat-horizontal-stepper-header-container {
  pointer-events: none;
}
.client-dashboard .mat-horizontal-stepper-header-container .cdk-focused {
  background-color: white;
}
.client-dashboard .panel-heading button {
  position: absolute;
  top: 12px;
  right: 10px;
}
.client-dashboard .panel-heading .panel-title {
  margin: 0;
}
.client-dashboard .panel-body {
  padding-left: 25px;
}
.client-dashboard .first-panel-body {
  padding-bottom: 10px;
  padding-right: 24px;
  border-bottom: 1px solid lightgrey;
}
.client-dashboard .second-panel-body {
  min-height: 70px;
}
.client-dashboard .intro {
  margin-bottom: 20px;
}
.client-dashboard .intro br {
  content: "" !important;
  display: block !important;
  height: 5px !important;
}
.client-dashboard .start-ockto-buttons {
  padding-top: 10px;
}
.client-dashboard .start-ockto-buttons div {
  text-align: center;
}
.client-dashboard .start-ockto-buttons div.add-border {
  border-right: 1px solid lightgrey;
}
.client-dashboard .start-ockto-buttons.qr-code-visible > div {
  min-height: 200px;
}
.client-dashboard .start-ockto-buttons.qr-code-visible spinner > div {
  margin-top: 65px;
}
.client-dashboard .start-ockto-buttons.qr-code-visible img.blur {
  filter: blur(2px);
}
.client-dashboard h2 {
  font-size: 16px;
  margin: 0px 0px 10px 0px;
}
.client-dashboard .ockto-error {
  height: 40px;
  line-height: 40px;
}
.client-dashboard .client-file-saved i {
  color: #00B050;
}
.client-dashboard .mat-step-icon {
  top: -7px;
  height: 40px;
  width: 40px;
  font-size: 28px;
}
.client-dashboard .mat-step-icon .mat-icon {
  font-size: 32px;
  height: 32px;
  width: 32px;
}
.client-dashboard .mat-step-icon-selected {
  background-color: #0076a3;
}
.client-dashboard .mat-step-icon-state-edit {
  background-color: #0076a3;
}
.client-dashboard mat-step-header:has(.mat-step-icon-state-edit) .mat-step-label .mat-step-text-label {
  color: #0076a3;
}
.client-dashboard .ockto-completed .mat-step-icon.mat-step-icon-state-number span {
  display: none;
}
.client-dashboard .ockto-completed .mat-step-icon.mat-step-icon-state-number .mat-step-icon-content::before {
  content: '✔';
}
.client-dashboard .mat-step-label.mat-step-label-selected {
  font-size: 14px;
  font-weight: bold;
}
.client-dashboard .mat-step-label.mat-step-label-selected .mat-step-text-label {
  color: #0076a3;
}
.client-dashboard .mat-step-button-bar {
  display: flex;
  justify-content: flex-end;
}
.client-dashboard .mat-step-text-label {
  color: #757575;
}
.client-dashboard .digid-mobile-logo {
  width: 150px;
}
.client-dashboard .prerequisites-instructions {
  align-items: center;
  display: flex;
}
.client-dashboard .prerequisites-instructions .text {
  display: inline-block;
  width: 90%;
}
.client-dashboard .prerequisites-instructions .logo {
  display: inline-block;
}
.client-dashboard .prerequisites-instructions .logo .ockto-logo {
  width: 60px;
}
.client-dashboard .prerequisites-instructions .appstores-logo {
  margin-top: 20px;
  width: 300px;
}
.client-dashboard .prerequisites-confirmation {
  align-items: center;
  display: flex;
  margin-top: 8px;
}
.client-dashboard .prerequisites-confirmation .mat-step-icon {
  display: inline-block;
  top: 0px;
}
.client-dashboard .prerequisites-confirmation .text {
  display: inline-block;
  padding-left: 16px;
}
.client-dashboard .qr-client-and-partner-container {
  margin-top: 16px;
}
.client-dashboard mat-horizontal-stepper {
  border-bottom: 1px solid lightgrey;
}
.mfa-registration {
  background: #FFF;
  margin: 140px auto 0;
  padding: 30px;
  width: 360px;
}
.mfa-registration img {
  height: 75px;
  margin: 0 auto 50px;
  position: relative;
  display: block;
}
.mfa-registration .title {
  font-size: 20px;
  display: block;
  text-align: center;
  margin-bottom: 30px;
}
.mfa-registration .description {
  font-size: 14px;
  text-align: center;
}
.mfa-registration .error-text {
  color: #d9534f;
}
.mfa-registration .mfa-code-label {
  width: 100%;
  text-align: center !important;
  margin-bottom: 15px;
}
.mfa-registration .mfa-code-input {
  font-size: 20px;
  letter-spacing: 5px;
  text-align: center;
}
.mfa-registration .mfa-warning {
  width: 100%;
  text-align: center !important;
  font-style: italic;
  margin-bottom: 20px;
}
.mfa-registration .qr-code {
  opacity: 80%;
  text-align: center;
}
.mfa {
  background: #FFF;
  margin: 140px auto 0;
  padding: 30px;
  width: 360px;
}
.mfa img {
  height: 75px;
  margin: 0 auto 50px;
  position: relative;
  display: block;
}
.mfa .title {
  font-size: 20px;
  display: block;
  text-align: center;
  margin-bottom: 30px;
}
.mfa .description {
  font-size: 14px;
  text-align: center;
}
.mfa .error-text {
  color: #d9534f;
}
.mfa .mfa-code-label {
  width: 100%;
  text-align: center !important;
  margin-bottom: 15px;
}
.mfa .mfa-code-input {
  font-size: 20px;
  letter-spacing: 5px;
  text-align: center;
}
aggregated-planning-alerts-overview {
  display: inline-block;
}
.aggregated-planning-alerts-overview h1 {
  margin-left: -15px;
}
.aggregated-planning-alerts-overview .title {
  margin-bottom: 15px;
}
.aggregated-planning-alerts-overview tr {
  height: 40px;
}
.aggregated-planning-alerts-overview tr.selected .title,
.aggregated-planning-alerts-overview tr.selected .count {
  font-weight: bold;
}
.aggregated-planning-alerts-overview thead .icon {
  width: 50px;
}
.aggregated-planning-alerts-overview thead .count {
  width: 100px;
}
.aggregated-planning-alerts-overview thead .group {
  width: 75px;
}
.aggregated-planning-alerts-overview tbody .icon,
.aggregated-planning-alerts-overview tbody .group {
  font-size: 16px;
  text-align: center;
}
.aggregated-planning-alerts-overview tbody .icon i,
.aggregated-planning-alerts-overview tbody .group i {
  vertical-align: middle;
}
.aggregated-planning-alerts-overview fig-spinner {
  display: inline-block;
  margin: 20px 50%;
}
.moments-in-time {
  display: inline;
}
.moments-in-time button {
  min-width: 38px;
}
.moments-in-time i {
  font-size: 20px;
  color: #1E1E1E;
}
.early-repayment-penalty-calculator .results {
  min-height: 80px;
}
.early-repayment-penalty-calculator .results .repayment-property .value {
  margin: 0;
  font-size: 30px;
  font-weight: 300;
}
.early-repayment-penalty-calculator .results spinner {
  padding: 0;
}
.interest-averaging-calculator .results {
  min-height: 80px;
}
.interest-averaging-calculator .results .results-property .value {
  margin: 0;
  font-size: 30px;
  font-weight: 300;
}
.switch input[type="checkbox"] {
  display: none;
}
.switch input[type="checkbox"]:checked + label::before {
  background: inherit;
  opacity: 0.5;
}
.switch input[type="checkbox"]:checked + label::after {
  background: inherit;
  left: 14px;
  box-shadow: none;
}
.switch label {
  position: relative;
  width: 24px;
  height: 0px;
  cursor: pointer;
}
.switch label::before {
  position: absolute;
  width: 26px;
  height: 12px;
  border-radius: 8px;
  margin-top: -6px;
  transition: all 0.5s;
  background: #000;
  content: '';
  opacity: 0.3;
  box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.14) inset, 0 1px 10px 0 rgba(0, 0, 0, 0.12) inset, 0 2px 4px -1px rgba(0, 0, 0, 0.2) inset;
}
.switch label::after {
  position: absolute;
  width: 16px;
  height: 16px;
  border-radius: 16px;
  margin-top: -6px;
  transition: all 0.5s;
  background: #FFF;
  content: '';
  left: -4px;
  top: -2px;
  box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 2px 0 rgba(0, 0, 0, 0.12);
}
.icon-btn {
  text-align: center;
  height: 100%;
  user-select: none;
  opacity: 1;
  will-change: opacity;
  transition-property: opacity;
  transition-duration: 0.3s;
}
.icon-btn.code-btn {
  position: fixed;
  right: 15px;
  bottom: 45px;
  opacity: 0.25;
  border: 0;
  height: 30px;
}
.icon-btn:not([disabled=disabled]):not(.sref-active):hover,
.icon-btn:not([disabled="true"]):not(.sref-active):hover {
  cursor: pointer;
}
.icon-btn:not([disabled=disabled]):not(.sref-active):hover i.fa,
.icon-btn:not([disabled="true"]):not(.sref-active):hover i.fa,
.icon-btn:not([disabled=disabled]):not(.sref-active):hover i.fas,
.icon-btn:not([disabled="true"]):not(.sref-active):hover i.fas,
.icon-btn:not([disabled=disabled]):not(.sref-active):hover i.far,
.icon-btn:not([disabled="true"]):not(.sref-active):hover i.far {
  opacity: 0.75;
}
.icon-btn:not([disabled=disabled]):not(.sref-active):active i.fa,
.icon-btn:not([disabled="true"]):not(.sref-active):active i.fa,
.icon-btn:not([disabled=disabled]):not(.sref-active):active i.fas,
.icon-btn:not([disabled="true"]):not(.sref-active):active i.fas,
.icon-btn:not([disabled=disabled]):not(.sref-active):active i.far,
.icon-btn:not([disabled="true"]):not(.sref-active):active i.far {
  opacity: 0.5;
}
.icon-btn[disabled=disabled] i.fa,
.icon-btn[disabled="true"] i.fa,
.icon-btn[disabled=disabled] i.fas,
.icon-btn[disabled="true"] i.fas,
.icon-btn[disabled=disabled] i.far,
.icon-btn[disabled="true"] i.far {
  opacity: 0.25;
}
.icon-btn i.fa,
.icon-btn i.fas,
.icon-btn i.far {
  font-size: 28px;
  opacity: 0.5;
  transition: opacity 0.05s;
}
.table .icon-btn {
  width: 28px;
  height: 28px;
  padding: 3px;
  display: inline-block;
}
.table .icon-btn i {
  font-size: 20px;
  color: #707070 !important;
}
.list-group {
  margin: 15px 0;
}
.list-group li.list-group-item {
  display: block;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.panel-group .panel {
  border-radius: 0;
  border-color: transparent;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  margin-bottom: 5px;
  will-change: box-shadow;
  transition: box-shadow 0.3s;
  box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 2px 0 rgba(0, 0, 0, 0.12);
}
.panel-group .btn {
  margin-bottom: 10px;
}
.panel-group .panel-heading {
  background: none;
  position: relative;
  padding: 15px;
}
.panel-group .panel-heading[aria-selected="true"] .panel-title::before {
  content: "\f107";
  font-family: fontawesome;
  position: absolute;
  right: 15px;
  top: 15px;
}
.panel-group .panel-heading[aria-selected=""] .panel-title::before,
.panel-group .panel-heading[aria-selected="false"] .panel-title::before {
  content: "\f104";
  font-family: fontawesome;
  position: absolute;
  right: 15px;
  top: 15px;
}
.panel-group .panel + .panel {
  margin-top: 0;
}
.panel-group .panel.panel-open {
  margin-bottom: 15px;
}
.panel-group .panel-open .panel-heading {
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  margin: 0 0 15px;
}
.panel-group .panel-body {
  border: 0 !important;
  padding: 0 15px 15px;
}
.panel-group .panel-body th:first-child {
  width: 50%;
}
.panel-group .panel-body .table {
  margin-top: 10px;
  table-layout: auto;
}
.panel-group h4 a {
  display: block;
  width: 100%;
}
spinner,
fig-spinner {
  width: 50px;
  height: 40px;
}
spinner.centered,
fig-spinner.centered {
  top: 50%;
  position: absolute;
  margin-top: -20px;
  left: 50%;
  margin-left: -25px;
}
spinner.centered-fixed,
fig-spinner.centered-fixed {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.spinner {
  margin: 0 auto;
  width: 50px;
  height: 40px;
  text-align: center;
  font-size: 10px;
}
.spinner > div {
  display: inline-block;
  width: 6px;
  height: 100%;
  background-color: #333333;
  opacity: 0.75;
  animation: sk-stretchdelay 1.2s infinite ease-in-out;
  float: left;
  margin-left: 3px;
}
.spinner .rect2 {
  animation-delay: -1.1s;
}
.spinner .rect3 {
  animation-delay: -1s;
}
.spinner .rect4 {
  animation-delay: -0.9s;
}
.spinner .rect5 {
  animation-delay: -0.8s;
}
td spinner,
td fig-spinner,
.mini-spinner:not([hidden]) {
  display: inline-block;
  position: relative;
  height: 14px;
}
td spinner .spinner,
td fig-spinner .spinner,
.mini-spinner:not([hidden]) .spinner {
  position: absolute;
  right: 0;
  top: -50%;
  transform: scale(0.5);
}
.micro-spinner {
  display: inline-block;
  position: relative;
  height: 12px;
}
.micro-spinner .spinner {
  position: absolute;
  right: 0;
  top: -70%;
  transform: scale(0.4);
}
.micro-spinner .spinner > div {
  background-color: white;
  opacity: 1;
}
.micro-spinner .spinner .rect1 {
  animation-delay: -0.8s;
}
.micro-spinner .spinner .rect2 {
  animation-delay: -1s;
}
.micro-spinner .spinner .rect3 {
  animation-delay: -1.2s;
}
.micro-spinner .spinner .rect4 {
  animation-delay: -1s;
}
.micro-spinner .spinner .rect5 {
  animation-delay: -0.8s;
}
.plan-summary .mini-spinner .spinner {
  right: 12px;
}
.spinner-container {
  min-height: 250px;
}
.monopoly-card.activated:not([disabled=disabled]) {
  transform: scale(0.98);
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
}
.monopoly-card.activated:not([disabled=disabled]) .panel-heading.with-gradient::before {
  transition-duration: 0.5s;
  background-position: 70% 50%;
}
.monopoly-card.activated:not([disabled=disabled]) .panel-body .icon-continue {
  opacity: 0.5;
  transform: scale(1.1);
  text-shadow: 0px 1px 2px rgba(30, 30, 30, 0.4);
}
.monopoly-card {
  width: auto;
  min-width: 250px;
  height: auto;
  margin: 0 15px;
  position: relative;
  border: none;
  transition-property: transform, box-shadow;
  transition-duration: 0.085s;
  box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12), 0 2px 4px -1px rgba(0, 0, 0, 0.2);
}
.monopoly-card .fa-trash-alt {
  font-size: 22px !important;
}
.monopoly-card:not([disabled=disabled]):hover .panel-body .icon-continue {
  opacity: 0.75;
  transform: scale(1.2);
  text-shadow: 1px 2px 3px rgba(30, 30, 30, 0.4);
}
.monopoly-card .panel-heading {
  padding: 0 !important;
  height: 40px;
  text-align: center;
  border-radius: 0;
  border-bottom: 2px solid transparent;
  transition: background 0.085s;
}
.monopoly-card .panel-heading:not([disabled=disabled]) {
  cursor: pointer;
}
.monopoly-card .panel-heading:not([disabled=disabled]) .panel-title span:hover {
  text-decoration: underline;
}
.monopoly-card .panel-heading .panel-title {
  color: #FFF;
  position: absolute;
  font-size: 16px;
  font-weight: 300;
  width: 100%;
  left: 0;
  top: 0;
  line-height: 2;
  text-align: left;
  padding: 5px 15px 0 15px;
  text-decoration: none !important;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.monopoly-card .panel-body {
  min-height: 200px;
  border-radius: 0;
  background-color: #FFF;
}
.monopoly-card .panel-body .table tr td {
  padding: 0 !important;
  border: none;
  padding-bottom: 5px !important;
}
.monopoly-card .panel-body .table tr:not(.table-row-graph) {
  height: 20px;
}
.monopoly-card .panel-body .monopoly-card-graph {
  position: absolute;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 160px;
  display: block;
}
.monopoly-card .panel-body .monopoly-card-graph .graph {
  margin: 0;
  padding: 0;
  border: 0;
  height: 100%;
  box-shadow: none;
  border-radius: 0;
  background-color: transparent;
}
.monopoly-card .panel-body .action-bar {
  position: absolute;
  width: auto;
  height: auto;
  bottom: 10px;
  left: 15px;
  right: 15px;
  display: block;
}
.monopoly-card .panel-body .action-bar .icon-btn .fa {
  font-size: 28px;
}
.monopoly-card .panel-body .icon-continue {
  position: absolute;
  font-size: 30px;
  bottom: 0;
  right: 0;
  color: #1E1E1E;
  opacity: 0.25;
  text-shadow: 0 0 1px rgba(30, 30, 30, 0.4);
  transform: scale(1);
  transition: opacity 0.085s, transform 0.085s, text-shadow 0.085s;
}
.figlo-dropdown-menu-container,
.mat-mdc-menu-panel.figlo-dropdown-menu-container {
  max-width: none;
}
.figlo-dropdown-menu {
  border-radius: 0;
  font-size: 14px;
}
.figlo-dropdown-menu .button-menu {
  min-width: 150px;
  margin: 5px 10px !important;
  font-size: 14px;
  display: block;
  text-align: center !important;
}
.figlo-dropdown-menu .option-menu {
  padding: 3px 20px;
  line-height: 1.42857143;
  color: #333333;
  white-space: nowrap;
}
.figlo-dropdown-menu .option-menu:hover {
  color: #1E1E1E;
  background-color: #e6e6e6;
}
.figlo-dropdown-menu .option-menu:not([disabled]) {
  cursor: pointer;
}
.figlo-dropdown-menu .option-menu.selected {
  font-weight: bold;
}
.dropdown-toggle[aria-expanded=true] {
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14) inset, 0 3px 1px -2px rgba(0, 0, 0, 0.2) inset, 0 1px 5px 0 rgba(0, 0, 0, 0.12) inset;
  background-color: #e6e6e6;
  border-color: #8c8c8c;
}
.dropdown-toggle[aria-expanded=true] .fa-caret-down {
  opacity: 1;
  transform: rotateX(180deg);
}
.actions-button-dropdown {
  margin-top: 10px;
  border-radius: 0 4px 0 0;
}
.actions-button-dropdown::before {
  content: '';
  position: absolute;
  top: -7px;
  right: 4px;
  width: 12px;
  height: 12px;
  background-color: #FFF;
  display: block;
  transform: rotateZ(45deg);
  border-left: 1px solid #ddd;
  border-top: 1px solid #ddd;
}
.figlo-actions-button {
  margin-bottom: 0px;
  text-align: right;
}
.figlo-actions-button button {
  padding: 0px 4px 0px 4px;
}
/*
    The angular-bootstrap-toggle component that we use has support for ng-disabled in version 0.1.3, but this version was never pushed to npm.
    Decided to manually apply styling and disable click-events through CSS.
    
    Implemented based on:
    https://github.com/ziscloud/angular-bootstrap-toggle/commit/f056c5f17eaf752b83348cb4633cf4cb812d70fd?diff=split#diff-2eea4b3b4ad6900a0c35e45d692f1f5dR150
*/
toggle[disabled='disabled'] {
  opacity: 0.65;
  cursor: not-allowed;
}
toggle[disabled='disabled'] .toggle {
  pointer-events: none;
}
/*
    Restyle the control without changing the implementation, so there won't break anything.
*/
toggle {
  width: 50px;
  display: inline-block;
}
toggle .toggle.btn {
  border: none;
  background: none;
  padding: 10px;
  min-width: 52px !important;
  width: 52px;
}
toggle .toggle.btn:not([disabled=disabled]):hover,
toggle .toggle.btn:not([disabled=disabled]):active {
  border: none;
  background: none;
  box-shadow: none;
}
toggle .toggle.btn:not([disabled=disabled]):hover::after,
toggle .toggle.btn:not([disabled=disabled]):active::after {
  box-shadow: 0px 0px 0px 7px rgba(0, 118, 163, 0.1);
}
toggle .toggle.btn:not([disabled=disabled]):hover.off::after,
toggle .toggle.btn:not([disabled=disabled]):active.off::after {
  box-shadow: 0px 0px 0px 7px rgba(176, 176, 176, 0.15), 0px 1px 3px 1px #b0b0b0;
}
toggle .toggle.btn:not([disabled=disabled]):active::after {
  box-shadow: 0px 0px 0px 7px rgba(0, 118, 163, 0.2);
}
toggle .toggle.btn:not([disabled=disabled]):active.off::after {
  box-shadow: 0px 0px 0px 7px rgba(176, 176, 176, 0.3), 0px 1px 3px 1px #b0b0b0;
}
toggle .toggle.btn::after {
  content: "";
  display: inline-block;
  position: absolute;
  top: 0;
  left: calc(100% - 34px);
  transition: left 0.15s, background-color 0.15s;
  height: 20px;
  width: 20px;
  margin: 7px;
  border-radius: 50%;
  background-color: #0076a3;
}
toggle .toggle.btn .toggle-group {
  position: relative;
  width: 100%;
  height: 14px;
  border-radius: 7px;
  overflow: hidden;
  left: 0;
  margin: auto;
  background-color: #FFF;
}
toggle .toggle.btn .toggle-group .toggle-on,
toggle .toggle.btn .toggle-group .toggle-off {
  height: 100%;
  width: 100%;
  padding: 0;
  transition: left 0.15s;
  border: none;
  box-shadow: none;
}
toggle .toggle.btn .toggle-group .toggle-on *,
toggle .toggle.btn .toggle-group .toggle-off * {
  display: none;
}
toggle .toggle.btn .toggle-group .toggle-on {
  background-color: rgba(0, 118, 163, 0.5);
  right: 0;
}
toggle .toggle.btn .toggle-group .toggle-off {
  background-color: #b0b0b0;
  left: 100%;
}
toggle .toggle.btn .toggle-group .toggle-handle {
  display: none;
}
toggle .toggle.btn.off::after {
  left: 0;
  background-color: #FFF;
  box-shadow: 0px 1px 3px 1px #b0b0b0;
}
toggle .toggle.btn.off .toggle-group .toggle-on {
  left: -100%;
}
toggle .toggle.btn.off .toggle-group .toggle-off {
  left: 0;
}
.paginator {
  display: inline-block;
}
.paginator li {
  display: inline-block;
  color: #0076a3;
  border: 1px solid #ddd;
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.5;
  margin-left: -1px;
  cursor: pointer;
}
.paginator li.disabled {
  color: #777;
  cursor: not-allowed;
  background-color: #fff;
}
.paginator li.active {
  background-color: #0076a3;
  border-color: #0076a3;
  color: #FFF;
  cursor: default;
}
.paginator li:first-child {
  border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
  margin-left: 0;
}
.paginator li:last-child {
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
}
.paginator li:not(.disabled):not(.active):hover {
  background-color: #eee;
}
fig-save-state-message {
  display: inline-block;
  padding-top: 8px;
}
fig-save-state-message .mini-spinner {
  height: 16px !important;
}
fig-save-state-message span {
  font-weight: bold;
}
fig-save-state-message .saving {
  color: #31708f;
}
fig-save-state-message .saved {
  color: #3c763d;
}
fig-save-state-message .error {
  color: #a94442;
}
fig-save-state-message i {
  font-size: 20px;
  padding-right: 8px;
}
.dropdown-menu-date-presets {
  width: 300px;
  position: absolute;
  right: 0 !important;
  left: auto !important;
}
.btn-datepreset-narrow {
  min-width: 32px !important;
  width: 32px !important;
  padding-left: 4px !important;
  padding-right: 4px !important;
}
.btn-datepicker {
  background-color: #0076a3;
  color: #FFF;
}
.btn-datepicker:hover {
  background-color: #00648a;
  color: #FFF;
}
.input-date-picker {
  border-top-left-radius: 4px !important;
  border-bottom-left-radius: 4px !important;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.calendar-btn-right-rounded {
  border-top-right-radius: 4px !important;
  border-bottom-right-radius: 4px !important;
}
.input-date-picker-right-rounded {
  border-top-right-radius: 4px !important;
  border-bottom-right-radius: 4px !important;
}
fig-multi-year-select .input-and-button-container {
  display: flex;
}
fig-multi-year-select .input-and-button-container input {
  border-top-right-radius: 0px;
  border-bottom-right-radius: 0px;
}
fig-multi-year-select .input-and-button-container button {
  height: 32px;
  border-top-left-radius: 0px;
  border-bottom-left-radius: 0px;
}
.multi-year-select-menu {
  max-width: fit-content !important;
  user-select: none;
}
.multi-year-select-menu .mat-mdc-menu-content {
  width: 500px;
  padding: 0px;
}
.multi-year-select-menu .mat-mdc-menu-content .multi-year-select-menu-content {
  padding: 10px;
}
.multi-year-select-menu .mat-mdc-menu-content .multi-year-select-menu-content mat-grid-list {
  cursor: pointer;
}
.multi-year-select-menu .mat-mdc-menu-content .multi-year-select-menu-content mat-grid-list mat-grid-tile {
  font-size: 14px;
}
.multi-year-select-menu .mat-mdc-menu-content .multi-year-select-menu-content mat-grid-list mat-grid-tile.is-selected {
  background: #60a8cd;
  color: white;
}
.multi-year-select-menu .mat-mdc-menu-content .multi-year-select-menu-content mat-grid-list mat-grid-tile.is-editable:hover {
  background: #bebebe;
  color: black;
}
.multi-year-select-menu .mat-mdc-menu-content .multi-year-select-menu-content .buttons {
  padding-top: 10px;
}
.multi-year-select-menu .mat-mdc-menu-content .multi-year-select-menu-content .buttons button:first-child {
  margin-right: 10px !important;
}
chart-display .graph,
fig-chart-display .graph {
  position: relative;
  display: block;
  margin-bottom: 30px;
  margin-top: 1px;
  border: 1px solid #ddd;
  background: #FFF;
  padding: 30px 15px 15px;
  will-change: box-shadow;
  transition: box-shadow 0.3s;
  box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 2px 0 rgba(0, 0, 0, 0.12);
}
chart-display .graph.graph-size-default,
fig-chart-display .graph.graph-size-default {
  height: 300px;
  transition: height 0.5s ease-out;
}
chart-display .graph.graph-size-large,
fig-chart-display .graph.graph-size-large {
  height: 650px;
  transition: height 0.5s ease-out;
}
chart-display .graph.graph-size-large .highcharts-container,
fig-chart-display .graph.graph-size-large .highcharts-container {
  height: 600px;
}
.chart-display-placeholder.graph-size-default {
  height: 300px;
}
.chart-display-placeholder.graph-size-large {
  height: 650px;
}
.highcharts-tooltip .title {
  text-align: left;
}
.highcharts-tooltip .euro-sign,
.highcharts-tooltip .value {
  padding-left: 5px;
}
.highcharts-tooltip .value {
  text-align: right;
}
.highcharts-tooltip .chart-tooltip-icon {
  font-size: 10px;
  margin: 3px;
}
fig-culture-switch:not(.wide) .cultureDisplayNameLabel,
culture-switch:not(.wide) .cultureDisplayNameLabel {
  display: none;
}
fig-culture-switch i.fa.fa-caret-down,
culture-switch i.fa.fa-caret-down {
  width: 10px;
}
.currency-at-date-currency,
.currency-at-date-date,
.currency-at-date-date-input {
  padding: 0;
}
.currency-at-date-currency .input-group,
.currency-at-date-date .input-group,
.currency-at-date-date-input .input-group {
  width: 100%;
}
.currency-at-date-currency input {
  border-radius: 0 !important;
}
.currency-at-date-date .input-group-addon {
  background: #0076a3;
}
.currency-at-date-date .date-picker {
  display: none;
}
.currency-at-date-date .input-assistance-disabled {
  border-top-right-radius: 4px !important;
  border-bottom-right-radius: 4px !important;
}
.currency-at-date-date-input input {
  border-radius: 0;
}
.currency-at-date-date-input .btn-datepreset {
  border-top-right-radius: 4px !important;
  border-bottom-right-radius: 4px !important;
}
.addedChange {
  font-size: 12px;
  padding: 4px 0px 0px 4px;
}
.addedChange .text {
  vertical-align: super;
}
.input-currency-at-date .cur-at-date-btn {
  height: 32px;
  max-width: 32px;
  position: absolute;
  top: 0;
  right: 0;
  padding-left: 10px;
}
.input-currency-at-date ul {
  cursor: default;
}
.input-currency-at-date ul li {
  display: block;
  color: #1E1E1E;
}
.input-currency-at-date ul li:last-child {
  margin-bottom: -5px;
}
.input-currency-at-date ul .cur-at-date-dropdown-header {
  padding: 15px 15px 15px 5px;
  margin-top: -5px;
  display: inline-block;
  list-style-type: none;
  list-style-position: inside;
  background: #FFF;
  width: 100%;
  border-bottom: solid 1px #ddd;
  font-weight: bold;
}
.input-currency-at-date ul .cur-at-date-dropdown-scroll {
  height: auto;
  max-height: 200px;
  overflow-x: hidden;
}
.input-currency-at-date ul .cur-at-date-dropdown-sub-header {
  font-style: italic;
  background: #0076a3;
  color: #FFF;
  padding: 5px;
}
.input-currency-at-date ul .cur-at-date-value-item {
  padding: 0 15px 5px 15px;
  background: #0076a3;
  color: #FFF;
}
.input-currency-at-date ul .cur-at-date-value-item .fa-trash {
  color: #eeeeee !important;
  padding: 5px !important;
}
fig-financial-summary mat-tab-group .mat-mdc-tab-labels {
  flex-wrap: wrap;
}
fig-financial-summary mat-tab-group .mat-mdc-tab-labels .mdc-tab {
  min-width: auto;
  padding-left: 10px;
  padding-right: 10px;
  flex-grow: 0 !important;
}
fig-financial-summary mat-tab-group .mat-mdc-tab-labels .mdc-tab__text-label {
  letter-spacing: normal;
}
fig-financial-summary .mdc-tab-indicator {
  display: none;
}
fig-financial-summary .mdc-tab.mat-mdc-tab {
  height: 40px;
}
fig-financial-summary .mdc-tab.mat-mdc-tab.mdc-tab--active {
  border-top: 1px solid #dddddd;
  border-bottom: 1px solid white;
  border-left: 1px solid #dddddd;
  border-right: 1px solid #dddddd;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
}
fig-financial-summary .mdc-tab.mat-mdc-tab.mdc-tab--active > * {
  margin-top: -1px;
}
fig-financial-summary .mat-mdc-tab-body-wrapper {
  z-index: 0;
  top: -1px;
  margin-right: -50px;
}
fig-financial-summary mat-tab-body {
  padding-top: 20px;
  padding-bottom: 16px;
  padding-left: 23px;
  padding-right: 23px;
  border: 1px solid #dddddd;
}
fig-financial-summary .download-csv {
  color: #217346;
  float: right;
  margin: 0 10px -1px 12px;
  padding: 0;
  background: none;
  border: none;
  outline: none;
}
fig-financial-summary .download-csv:hover:not(:disabled) {
  color: #1b5f3a;
  cursor: pointer;
}
fig-financial-summary .download-csv:active:not(:disabled) {
  color: #164b2e;
}
fig-financial-summary .download-csv:disabled {
  opacity: 0.5;
  cursor: default;
}
fig-financial-summary .download-csv i {
  line-height: 1.21428571;
  font-size: 2em;
  padding: 4.5px;
}
fig-financial-summary .overview-type-selector-area table {
  width: 100%;
  margin-bottom: 12px;
}
fig-financial-summary .overview-type-selector-area table td:nth-child(2) {
  width: 30%;
}
fig-financial-summary .overview-type-selector-area table td:nth-child(2) select {
  font-size: 13px;
}
fig-financial-summary .ages {
  font-size: 13px;
  position: absolute;
  top: 10px;
  left: 0;
  padding: 7px 10px;
  border-radius: 0 10px 10px 0;
  background-color: #e6e6e6;
  box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 2px 0 rgba(0, 0, 0, 0.12);
}
fig-financial-summary .row.row-header {
  position: relative;
  margin-bottom: 15px;
}
fig-financial-summary .row.row-header .icon-btn {
  width: 30px;
  display: inline-block;
  text-align: center;
}
fig-financial-summary .row.row-header .pull-right {
  width: 0px;
  position: relative;
  right: 10px;
}
fig-financial-summary .row.row-header h1,
fig-financial-summary .row.row-header h2,
fig-financial-summary .row.row-header h3,
fig-financial-summary .row.row-header h4,
fig-financial-summary .row.row-header h5,
fig-financial-summary .row.row-header h6 {
  position: relative;
}
fig-financial-summary .row.row-header h1 .title,
fig-financial-summary .row.row-header h2 .title,
fig-financial-summary .row.row-header h3 .title,
fig-financial-summary .row.row-header h4 .title,
fig-financial-summary .row.row-header h5 .title,
fig-financial-summary .row.row-header h6 .title {
  margin: 0 15px;
}
fig-financial-summary .row.row-header .close-btn {
  position: absolute;
  right: 0;
}
fig-financial-summary .panel-body {
  overflow: visible !important;
  /* If this inherits the value "hidden", scrolling is not possible in IE */
}
fig-financial-summary table.table-budget,
fig-financial-summary table.table-financial-overview {
  table-layout: auto;
}
fig-financial-summary table.table-budget tbody tr td.description,
fig-financial-summary table.table-financial-overview tbody tr td.description {
  width: 100%;
  position: relative;
  height: 22px;
}
fig-financial-summary table.table-budget tbody tr td.description span,
fig-financial-summary table.table-financial-overview tbody tr td.description span {
  overflow: hidden;
  white-space: nowrap;
  display: block;
  text-overflow: ellipsis;
  position: absolute;
  top: 2px;
  left: 0;
  right: 0;
  height: 18px;
}
fig-financial-summary table.table-budget tbody tr td.currency-symbol,
fig-financial-summary table.table-financial-overview tbody tr td.currency-symbol,
fig-financial-summary table.table-budget tbody tr td.numeric,
fig-financial-summary table.table-financial-overview tbody tr td.numeric,
fig-financial-summary table.table-budget tbody tr td.text,
fig-financial-summary table.table-financial-overview tbody tr td.text {
  text-align: right;
  padding-left: 10px;
}
fig-financial-summary table.table-budget tbody tr td.text,
fig-financial-summary table.table-financial-overview tbody tr td.text {
  min-width: 100px;
}
fig-financial-summary table.table-budget tbody tr.header-row,
fig-financial-summary table.table-financial-overview tbody tr.header-row {
  font-weight: bold;
}
fig-financial-summary table.table-budget tbody tr.header-row td.description,
fig-financial-summary table.table-financial-overview tbody tr.header-row td.description {
  height: 31px;
}
fig-financial-summary table.table-budget tbody tr.header-row td.description span,
fig-financial-summary table.table-financial-overview tbody tr.header-row td.description span {
  top: 11px;
}
fig-financial-summary table.table-budget tbody tr.header-row.top-level-row,
fig-financial-summary table.table-financial-overview tbody tr.header-row.top-level-row {
  text-transform: uppercase;
}
fig-financial-summary .up-arrow::before {
  content: '';
  position: absolute;
  width: 30px;
  height: 30px;
  left: 50%;
  background-color: #FFF;
  transform: translateY(-50%) translateX(-50%) rotateZ(-45deg);
  border-right: 1px solid #ddd;
  border-top: 1px solid #ddd;
}
check-input,
fig-check-input,
.check-input {
  position: relative;
  display: block;
  width: 20px;
  height: 20px;
  text-align: center;
  overflow: hidden;
}
check-input .check-input,
fig-check-input .check-input {
  will-change: opacity, border-color;
  transition-duration: 0.085s;
  transition-property: opacity, border-color;
  background-color: #FFF;
  border: 2px solid #1E1E1E;
  border-radius: 3px;
  line-height: 0;
  opacity: 0.75;
  display: inline-block;
  text-align: center;
}
check-input .check-input i,
fig-check-input .check-input i {
  color: #1E1E1E;
  font-size: 13px;
  margin-top: 1px;
}
check-input .check-input .partial,
fig-check-input .check-input .partial {
  background-color: #1E1E1E;
  display: block;
  position: absolute;
  width: auto;
  height: 2px;
  left: 2px;
  right: 2px;
  top: 50%;
  margin-top: -1px;
}
check-input .check-input:not([disabled=disabled]),
fig-check-input .check-input:not([disabled=disabled]) {
  cursor: pointer;
}
check-input .check-input:not([disabled=disabled]):hover,
fig-check-input .check-input:not([disabled=disabled]):hover,
check-input .check-input:not([disabled=disabled]):focus,
fig-check-input .check-input:not([disabled=disabled]):focus {
  opacity: 1;
}
check-input .check-input:not([disabled=disabled]):hover,
fig-check-input .check-input:not([disabled=disabled]):hover,
check-input .check-input:not([disabled=disabled]):focus,
fig-check-input .check-input:not([disabled=disabled]):focus {
  border-color: #0076a3;
}
check-input .check-input[disabled=disabled],
fig-check-input .check-input[disabled=disabled] {
  cursor: default;
  opacity: 0.5;
}
.advisor-select label {
  margin-top: 5px;
}
.advisor-select select {
  padding-left: 10px;
  margin-top: 5px;
  width: 100%;
  height: 35px;
  border-radius: 4px;
  border-color: #ccc;
  outline-style: none;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.division-select select {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  width: 100%;
  height: 35px;
  border-radius: 4px;
  border-color: #ccc;
  outline-style: none;
  padding-left: 12px;
}
.mat-mdc-menu-panel {
  max-width: 100% !important;
}
.multi-select-dropdown {
  font-size: 14px;
}
.multi-select-dropdown .multi-select-item {
  height: 40px;
  transition: background-color 0.085s;
  will-change: background-color;
  padding: 5px 0 5px 0;
  background-color: #FFF;
}
.multi-select-dropdown .multi-select-item fig-check-input,
.multi-select-dropdown .multi-select-item span {
  display: inline-block;
}
.multi-select-dropdown .multi-select-item fig-check-input {
  margin-top: 4px;
  width: 50px;
}
.multi-select-dropdown .multi-select-item .multi-select-item-name {
  line-height: 2;
  width: 250px;
  padding-right: 10px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.multi-select-dropdown .multi-select-item .multi-select-item-name + .tooltip .tooltip-inner {
  max-width: 100%;
}
.multi-select-dropdown .multi-select-item:not([disabled=disabled]) {
  cursor: pointer;
}
.multi-select-dropdown .multi-select-item:not([disabled=disabled]):hover {
  background-color: #e6e6e6;
}
.multi-select-dropdown .multi-select-item:not([disabled=disabled]):hover fig-check-input .fig-check-input {
  border-color: #0076a3;
}
.multi-select-dropdown .multi-select-list {
  margin-top: 40px;
  overflow-y: auto;
  overflow-x: hidden;
  max-height: 500px;
  width: auto;
  min-width: 330px;
}
.multi-select-dropdown .multi-select-all {
  border-bottom: 1px solid #ddd;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
}
fig-plan-event-selector,
.plan-event-selector {
  display: inline-block;
}
fig-plan-event-selector .plan-event-selector-btn .btn,
.plan-event-selector .plan-event-selector-btn .btn {
  border: none;
  background: none;
}
fig-plan-event-selector .plan-event-selector-btn .btn .fa:first-child,
.plan-event-selector .plan-event-selector-btn .btn .fa:first-child {
  margin-right: 5px;
}
fig-plan-event-selector .mat-mdc-form-field-subscript-wrapper,
.plan-event-selector .mat-mdc-form-field-subscript-wrapper {
  display: none;
}
.plan-dropdown-menu-text {
  display: inline-block !important;
  padding: 3px 6px !important;
}
.plan-dropdown-menu-icon {
  margin-left: 11px !important;
  font-size: 12px;
}
income-specification {
  display: block;
}
.income-specification .panel.panel-total-salary {
  margin: 15px 0;
  min-width: initial;
}
.income-specification .panel.panel-total-salary .panel-heading {
  border: none;
  padding: 6px;
}
.income-specification .panel.panel-total-salary .panel-heading .panel-title {
  width: 100%;
  margin: 0;
  font-weight: 300;
}
.income-specification .salary-details {
  display: table;
}
.income-specification .salary-details .salary-details,
.income-specification .salary-details .salary-provisions {
  height: 100%;
}
.income-specification .salary-details .salary-details .table,
.income-specification .salary-details .salary-provisions .table {
  width: 100%;
}
.income-specification .table th,
.income-specification .table td {
  padding: 4px;
  padding-left: 0;
  border-top: 0px;
  border-width: 0px;
  vertical-align: top !important;
}
.income-specification .table th:last-of-type,
.income-specification .table td:last-of-type {
  padding-right: 0;
}
.income-specification .table th:first-of-type,
.income-specification .table td:first-of-type {
  padding-left: 0;
}
.income-specification .table .percentage::after {
  content: '%';
}
.income-specification .table .small-input {
  width: 50px;
}
.income-specification .expander-label {
  margin-left: -30px;
}
.sub-cards .column-actions {
  width: 50px;
}
.sub-cards .column-card-status {
  width: 35px;
  padding-top: 0;
  padding-bottom: 0;
  height: 0;
}
.sub-cards .column-card-status card-status-indicator {
  display: block;
  height: 100%;
}
.sub-cards .column-card-status card-status-indicator .indicator-container,
.sub-cards .column-card-status card-status-indicator .indicator-base {
  height: 100%;
}
.sub-cards .column-card-status card-status-indicator .indicator-container i,
.sub-cards .column-card-status card-status-indicator .indicator-base i {
  top: calc(50% - 10px);
  position: relative;
  line-height: 20px;
  display: block;
}
.selected-card {
  background-color: #FFF;
  padding: 5px 0;
  height: 30px;
  position: relative;
  cursor: pointer;
}
.selected-card .card-index {
  border-right: 1px solid #ddd;
  text-align: center;
  color: #777777;
  font-weight: 700;
}
.selected-card .card-description {
  text-align: left;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.selected-card .card-delete-button {
  padding: 0;
  text-align: center;
}
.selected-card .card-delete-button:hover i {
  color: #383838;
}
.add-card-row {
  padding-top: 15px;
}
.selected-card-placeholder {
  background: #FFF;
  min-height: 30px;
}
.cdk-drag-preview {
  box-sizing: border-box;
  border-radius: 4px;
  box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12);
}
fig-chart-exporter actions-button i,
fig-chart-exporter fig-actions-button i {
  position: relative;
  top: 1px;
}
fig-chart-exporter actions-button .hide-background,
fig-chart-exporter fig-actions-button .hide-background {
  background: none !important;
  color: #8e8e8e;
}
fig-chart-tools {
  height: 34px;
  display: flex;
  align-items: center;
}
fig-chart-tools > * {
  display: inline-block;
}
fig-chart-type-selector .chart-type-selector-btn .btn {
  border: none;
  background: none;
}
fig-chart-type-selector .chart-type-selector-btn .btn .fa:first-child {
  margin-right: 5px;
}
fig-chart-type-selector .mat-mdc-form-field-subscript-wrapper {
  display: none;
}
.indicator-container {
  width: 27px;
  display: inline-block;
}
.indicator-container .indicator-base {
  display: inline-block;
  border-radius: 4px;
  width: 27px;
  line-height: 30px;
  text-align: center;
  font-size: 16px;
}
.indicator-container .added-indicator {
  color: #00b050;
}
.indicator-container .changed-indicator {
  color: #f28c4f;
  font-size: 20px;
}
.indicator-container .deleted-indicator {
  color: #d60000;
}
.indicator-container .default-indicator {
  color: #d8d8d8;
}
.indicator-container .fa-bullseye {
  color: #E7AA37;
  font-size: 18px;
}
.numeric-stepper {
  display: inline-block;
  width: 92px;
  border: 1px solid #0076a3;
  border-radius: 3px;
}
.numeric-stepper .btn,
.numeric-stepper .numeric-value {
  width: 30px;
  height: 24px;
  display: inline-block;
}
.numeric-stepper .numeric-value {
  line-height: 1.7;
}
.numeric-stepper .btn {
  border: none !important;
  transition: none !important;
  margin: 0;
}
.numeric-stepper .btn.add {
  margin-bottom: 0;
}
.numeric-stepper i {
  color: #0076a3;
}
fig-table-type-selector .table-type-selector-btn .btn {
  border: none;
  background: none;
}
.retained-transactions {
  padding-bottom: 15px;
}
.retained-transactions button {
  margin-right: 15px;
  margin-left: -10px;
}
.retained-transaction-type {
  width: 160px !important;
}
.tree-view {
  display: block;
  position: relative;
  background-color: #FFF;
}
.tree-view ul {
  list-style: none;
}
.tree-view .branch-container {
  display: block;
}
.tree-view-branch {
  display: block;
  position: relative;
}
.tree-view-branch .tree-view-item {
  display: block;
  position: relative;
  width: 100%;
  min-height: 30px;
}
.tree-view-branch .tree-view-item:not([disabled=disabled]):hover {
  transition-duration: 0;
}
.tree-view-branch .tree-view-item:not([disabled=disabled]):hover > .branch-content .expanded-toggle .fa {
  opacity: 1;
  color: #0076a3;
}
.tree-view-branch .tree-view-item[disabled=disabled] {
  pointer-events: none;
  cursor: default;
}
.tree-view-branch .branch-content {
  height: 30px;
  position: relative;
  display: block;
  padding-left: 15px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.tree-view-branch .branch-content .checkbox-container {
  position: absolute;
  padding: 5px;
  width: 30px;
  height: 30px;
}
.tree-view-branch .branch-content .text-container {
  display: inline;
  margin-left: 30px;
  line-height: 2.5;
}
.tree-view-branch .branches {
  display: block;
}
.tree-view-branch .expanded-toggle {
  position: absolute;
  left: -15px;
  width: 15px;
  height: 30px;
  font-size: 16px;
  line-height: 1;
}
.tree-view-branch .expanded-toggle .fa {
  will-change: opacity, color;
  transition-property: opacity, color;
  transition-duration: 0.085s;
  opacity: 0.25;
}
.nibud-forecast .column-expander {
  width: 20px;
}
.nibud-forecast .column-category {
  width: 90px;
}
.nibud-forecast .column-amount {
  width: 150px;
}
.nibud-forecast .detail-row-label {
  padding: 0 0 0 20px;
}
.nibud-forecast .row {
  margin-top: 5px;
}
.nibud-forecast .total-expenses {
  padding-left: 7px;
  padding-right: 0px;
}
.nibud-forecast .btn-group {
  margin-left: 0px;
}
.nibud-forecast .btn-group button {
  border-bottom-width: 3px;
  border-color: #0076a3;
}
.nibud-forecast .btn-group .btn-sm {
  height: 32px;
  width: 46px;
}
.nibud-forecast .calculated-total-warning {
  color: red;
  position: relative;
  top: 7px;
  left: 15px;
  font-size: 16px;
  font-weight: 500;
}
.nibud-forecast .currency-input-dropdown {
  display: inline-flex;
  width: 100%;
}
.nibud-forecast .currency-input-dropdown input {
  border-radius: 0px;
}
.nibud-forecast .currency-input-dropdown button {
  border-top-left-radius: 0px;
  border-bottom-left-radius: 0px;
}
.nibud-forecast .currency-input-dropdown button i {
  position: relative;
  left: -2px;
  top: 2px;
}
.nibud-forecast .currency-input-dropdown button i:first-child {
  margin-right: 5px;
}
.nibud-forecast .currency-input-dropdown fig-currency-input {
  position: relative;
  width: 100%;
  display: block;
}
.nibud-forecast .btn-use-forecast-amount {
  overflow: hidden;
  height: 32px;
  min-width: 140px;
  margin-left: 15px;
}
.nibud-forecast .table tbody tr td:last-child {
  padding-right: 15px;
}
.nibud-forecast .expander-icon {
  cursor: pointer;
}
.nibud-forecast .mat-expansion-panel-body {
  padding: 0 15px;
  margin-left: -8px;
}
.nibud-forecast.figlo-dropdown-menu li {
  cursor: pointer;
  margin: 1px 5px;
  border-left: 5px solid transparent;
  padding-left: 4px;
}
.nibud-forecast.figlo-dropdown-menu li.active {
  border-left: 5px solid #0076a3;
}
.nibud-forecast.figlo-dropdown-menu li:hover {
  background-color: #e6e6e6;
}
@media only screen and (min-width: 1200px) {
  .questionnaire-input .question-radio .repeated-radio-table {
    width: 75%;
  }
}
.questionnaire-input hr {
  margin-top: 5px;
  margin-bottom: 10px;
}
.questionnaire-input .questionnaire-page {
  padding-right: 100px;
}
.questionnaire-input .panel.panel-questionnaire .panel-body {
  padding-top: 0;
}
.questionnaire-input .questionnaire-element {
  padding-bottom: 15px;
}
.questionnaire-input .questionnaire-element .sub-title {
  display: inline;
  float: left;
  width: 130px;
}
.questionnaire-input .questionnaire-element label {
  vertical-align: 2px;
  margin-left: 6px;
}
.questionnaire-input .questionnaire-element .question-checkbox input {
  margin-bottom: 12px;
}
.questionnaire-input .questionnaire-element .question-radio input {
  margin-top: 6px;
  margin-bottom: 6px;
}
.questionnaire-input .questionnaire-element .question-radio .repeated-radio-table th,
.questionnaire-input .questionnaire-element .question-radio .repeated-radio-table td {
  border: none;
  padding: 4px 0;
}
.questionnaire-input .questionnaire-element .question-radio .repeated-radio-table th {
  font-weight: 400;
  width: 20%;
}
.questionnaire-input .questionnaire-element .question-radio .repeated-radio-table td {
  position: relative;
  height: 30px;
}
.questionnaire-input .questionnaire-element .normal-repeating-container {
  margin-bottom: 10px;
}
.questionnaire-input .questionnaire-element .question-image {
  text-align: center;
}
.questionnaire-input .questionnaire-element .question-image img {
  width: 100%;
  max-width: 600px;
  visibility: hidden;
  opacity: 0;
  transition-property: opacity;
  transition-duration: 1s;
}
.questionnaire-input .questionnaire-element .question-image img.load-complete {
  visibility: visible;
  opacity: 1;
}
.questionnaire-input .questionnaire-element .questionnaire-question-title {
  font-weight: 500;
  margin: 0;
}
.questionnaire-input .questionnaire-element.invalid .questionnaire-question-title {
  color: #d9534f;
}
.questionnaire-input .questionnaire-element .question-text textarea {
  min-height: 100px;
}
.questionnaire-input .questionnaire-element .question-numerical input {
  width: 200px;
}
.questionnaire-input .questionnaire-element .question-likert .label-container {
  display: inline-block;
  width: 100%;
}
.questionnaire-input .questionnaire-element .question-likert .label-container div {
  float: left;
  width: 50%;
}
.questionnaire-input .questionnaire-element .question-likert .label-container div:nth-child(2) {
  text-align: right;
}
.questionnaire-input .questionnaire-element .question-likert .answer-container {
  display: flex;
  justify-content: space-between;
}
.questionnaire-input .questionnaire-element .element-header {
  margin: 0 -15px;
  margin-bottom: 10px;
  padding: 7px 15px;
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
}
.questionnaire-input .questionnaire-element .element-header .icon-info {
  color: #cccccc;
  font-size: 16px;
  margin-left: 15px;
}
.motivation-input:not([hidden]) {
  display: inline-block;
}
.motivation-input:not([hidden]) .motivation-btn {
  border: none;
  width: 30px;
  height: 30px;
  border-radius: 5px;
  font-size: 18px;
  padding: 0;
  background-color: #FFF;
  transition: background-color 0.085s;
}
.motivation-input:not([hidden]) .motivation-btn i {
  transition: opacity 0.085s;
  opacity: 0.5;
}
.motivation-input:not([hidden]) .motivation-btn:hover,
.motivation-input:not([hidden]) .motivation-btn.open {
  background-color: #e6e6e6;
}
.motivation-input:not([hidden]) .motivation-btn:hover i,
.motivation-input:not([hidden]) .motivation-btn.open i {
  opacity: 0.75;
}
.motivation-form {
  position: fixed;
  top: unset !important;
  bottom: 0px !important;
  right: 0px !important;
  left: 0px !important;
  margin: 0 !important;
  width: auto;
  border: 0px;
  background-color: white;
  z-index: 1;
  box-shadow: 0 0 50px rgba(0, 0, 0, 0.35);
  cursor: default;
  height: 200px;
  transition: height 350ms ease;
}
.motivation-form[hidden] {
  height: 0px;
  display: initial !important;
  transition-timing-function: linear;
}
.motivation-form select {
  cursor: pointer;
}
.motivation-form .motivation-container {
  height: 200px;
  transition: height 400ms ease;
  max-width: 1000px;
  min-width: auto;
  margin: 0 auto !important;
  padding-left: 20px;
  padding-right: 20px;
  display: flex;
  flex-direction: column;
}
.motivation-form .motivation-container button {
  min-width: 60px;
}
.motivation-form .motivation-container .motivation-top {
  padding-top: 25px;
  flex-grow: 0;
}
.motivation-form .motivation-container .motivation-top h2 {
  font-weight: 400;
}
.motivation-form .motivation-container .motivation-top .display-id {
  color: #909090;
}
.motivation-form .motivation-container .motivation-top .motivation-custom-texts {
  display: inline-block;
  top: -10px;
}
.motivation-form .motivation-container .motivation-top .motivation-custom-texts .choice-input {
  display: inline-block;
}
.motivation-form .motivation-container .motivation-top .motivation-custom-texts .choice-input select {
  width: 200px;
}
.motivation-form .motivation-container .motivation-top .motivation-custom-texts button {
  margin-top: 5px;
  margin-left: 5px;
}
.motivation-form .motivation-container .motivation-top .col {
  padding-left: 0px;
  padding-right: 0px;
}
.motivation-form .motivation-container .motivation-textarea {
  flex-grow: 1;
}
.motivation-form .motivation-container .motivation-textarea textarea {
  height: 100%;
  min-height: 50px;
  min-width: 300px;
  border: 1px solid #ddd;
  resize: none;
  margin: 0;
}
.motivation-form .motivation-container .motivation-actions {
  flex-grow: 0;
  padding: 5px 0 10px 0;
}
body.side-menu-open .motivation-form {
  left: 265px !important;
}
.open-plan-list fig-view-selector button {
  margin-left: 10px;
}
.open-plan-list .badge.badge-number-of-rulecube-planning-alerts {
  top: -1px !important;
}
.open-plan-list .button-container {
  float: left;
  border-right: 3px transparent solid;
}
.open-plan-list i {
  margin-left: 3px;
}
pdf-button .pdf-button,
fig-pdf-button .pdf-button {
  color: #b93737;
  background: none;
  padding: 0px;
  font-size: 24px;
}
pdf-button .pdf-button:hover,
fig-pdf-button .pdf-button:hover {
  color: #A03030;
}
pdf-button .mini-spinner,
fig-pdf-button .mini-spinner {
  left: 14px;
  top: -4px;
}
.view-selector button {
  color: #1E1E1E;
  background: none;
  width: 50px;
  height: 22px;
  padding: 0px !important;
}
.view-selector button i {
  font-size: 18px;
  margin-top: -4px;
}
.view-selector button .fa-caret-down,
.view-selector button .fa-caret-up {
  font-size: 14px;
  margin-top: 3px;
  float: right;
  padding-right: 5px;
}
.view-selector button:focus {
  outline: none !important;
}
.view-selector button:not(:hover) i {
  opacity: 0.5;
}
.view-selector button:not(:hover) .fa-caret-up {
  opacity: 1;
}
.view-selector li {
  cursor: pointer;
  border-left: 5px solid transparent;
  display: block;
  line-height: 26px;
  padding-left: 8px;
  padding-right: 8px;
  font-size: 14px;
  font-weight: 400;
}
.view-selector li i {
  position: relative;
  top: 1px;
  margin-right: 8px;
}
.view-selector li:hover {
  background-color: #e6e6e6;
}
.view-selector li.selected {
  border-color: #0076a3;
}
.news-items h1 {
  margin-left: -15px;
}
.news-items .title {
  margin-bottom: 19px;
}
.news-items tr {
  height: 40px;
}
.news-items thead .icon {
  width: 50px;
}
.news-items thead .title {
  width: 25%;
}
.news-items thead .date {
  width: 100px;
}
.news-items tbody .icon {
  font-size: 16px;
  text-align: center;
}
.news-items tbody .icon i {
  vertical-align: middle;
}
.news-items tbody .ellipsis-with-padding {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  padding-right: 25px;
}
.news-items tbody tr.link .title {
  color: #0076a3;
}
.news-items tbody tr.link .title:hover {
  text-decoration: underline;
}
.news-items tbody tr:not(.link) {
  cursor: default !important;
}
.user-preferences-form .default-analysis-type fig-choice-input .btn-group .financial-plan.btn-primary {
  background-color: #00B050;
  border-color: #009744;
}
.user-preferences-form .default-analysis-type fig-choice-input .btn-group .mortgage-plan.btn-primary {
  background-color: #7030A0;
  border-color: #622a8c;
}
.user-preferences-form .inline-messages {
  display: inline-block;
  font-size: 12px;
  font-weight: 500;
  margin-left: 5px;
}
.user-preferences-form .inline-messages .spinner {
  display: inline-block;
  height: 20px;
  text-align: center;
  padding-top: 10px;
  width: 50px;
}
.user-preferences-form .inline-messages .spinner div {
  width: 3px;
}
.user-preferences-form .inline-messages i {
  font-size: 20px;
  margin-right: 5px;
}
.choice-input .property-suffix {
  margin-top: 5px;
  font-style: italic;
}
.card .choice-input .radio-btn:has(input:focus) {
  background-color: #66afe9 !important;
  border-color: #66afe9 !important;
}
.plan-selector-dropdown-panel {
  min-width: 350px !important;
}
.add-card-list {
  padding: 0 !important;
}
.add-card-list .cards-container {
  position: relative;
}
.add-card-list .cards-container.category-with-actions .card-container {
  padding-right: 160px;
}
.add-card-list .cards-container.category-with-actions .category-actions {
  display: block;
}
.add-card-list .cards-container .category-actions {
  display: none;
  border-left: 1px solid #ddd;
  position: absolute;
  width: 160px;
  top: 10px;
  right: 10px;
  bottom: 10px;
  height: auto;
}
.add-card-list .cards-container .category-actions .btn {
  text-align: center;
  white-space: normal;
  word-break: break-word;
  margin-left: 10px;
  margin-bottom: 5px;
}
.add-card-list .row {
  display: block;
  height: auto;
  min-height: 90px;
}
.add-card-list .row:first-child {
  padding: 0 0 5px 0;
}
.add-card-list .row:not(:last-child) {
  border-bottom: 1px solid #ddd;
}
.add-card-list .row .icon-container,
.add-card-list .row .card-container {
  display: inline-block;
  text-align: center;
}
.add-card-list .row .icon-container {
  border-right: 1px solid #ddd;
  min-height: 90px;
  height: 100%;
  width: 160px;
  position: absolute;
  left: 0;
}
.add-card-list .row .icon-container i.measure-icon::after {
  content: '▲';
  font-size: 44px;
}
.add-card-list .row .icon-container i.fa,
.add-card-list .row .icon-container i.fas,
.add-card-list .row .icon-container i.far {
  padding: 15px 10px 0 10px;
  margin-bottom: 5px;
  font-size: 36px;
  color: #E7AA37;
}
.add-card-list .row .icon-container .title {
  width: 100%;
  font-size: 15px;
  margin: 0;
}
.add-card-list .row .card-container {
  text-align: left;
  height: auto;
  padding: 10px 10px 0 10px;
  padding-left: 170px;
}
.add-card-list .row .card-container .btn-add-card {
  margin: 0 7.5px 7.5px 0;
  opacity: 1;
  will-change: background, opacity;
  transition-duration: 0.085s;
  transition-property: background, opacity;
  padding: 3px 8px;
}
.add-card-list .row .card-container .btn-add-card[disabled] {
  opacity: 0.2;
}
.add-card-list .no-goal-cards-to-add {
  margin: 12px;
}
.with-card-table .table tr,
.with-card-table .table td,
.with-card-table .table th {
  box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.14), 0 0 0 0 rgba(0, 0, 0, 0.2), 0 0 0 0 rgba(0, 0, 0, 0.12);
  will-change: box-shadow, background-color;
  transition-property: box-shadow, background-color;
  transition-duration: 0.3s;
}
.with-card-table .table tr {
  cursor: pointer;
}
.with-card-table .table tr.selected {
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
}
.with-card-table .table tr.invalid {
  cursor: default;
}
.with-card-table .table tr.invalid .expander-icon {
  opacity: 0.5;
}
.with-card-table .table tr.readonly {
  cursor: default !important;
}
.with-card-table .table tr.readonly .expander-icon {
  display: none;
  visibility: hidden;
}
.with-card-table .table th:nth-child(2),
.with-card-table .table td:nth-child(2) {
  padding-left: 0;
}
.with-card-table .table th.column-actions,
.with-card-table .table td.column-actions {
  text-align: center;
  width: 50px;
}
.with-card-table .table th.column-expander,
.with-card-table .table td.column-expander {
  width: 30px;
  position: relative;
}
.with-card-table .table th.column-expander .expander-icon,
.with-card-table .table td.column-expander .expander-icon {
  padding-top: 4px;
  text-align: center;
}
.with-card-table .table th.card-table-properties,
.with-card-table .table td.card-table-properties {
  padding: 20px 15px 10px 15px;
  box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 2px 0 rgba(0, 0, 0, 0.12);
  background-color: rgba(230, 230, 230, 0.25);
}
.with-card-table .card-table-actions {
  padding-top: 15px;
  padding-left: 30px;
}
.card-form {
  height: 100%;
  position: relative;
}
.card-form .card-form-page {
  margin-bottom: 20px;
}
.card-form .card-form-page-block {
  border-bottom: 2px dotted #e6e6e6;
}
.card-form .card-form-page-block-last {
  border-bottom: none;
  margin-bottom: -20px;
}
.card-form .no-properties-in-view {
  margin-bottom: 25px;
}
.card-form .expander-container {
  transition: max-height 1s cubic-bezier(1, 0, 1, 0);
  max-height: 10000px;
  /* We need to set the max-height to get the animation working; we assume that 10.000px will always fit.*/
  overflow: hidden;
  margin: 0 -15px;
  padding: 0 15px;
}
.card-form .expander-container[hidden] {
  transition-timing-function: cubic-bezier(0, 1, 0, 1);
  display: block !important;
  max-height: 0px;
}
.card-detail-level,
.card-form-actions {
  padding-left: 30px;
  padding-right: 30px;
}
.card-detail-level.form-group,
.card-form-actions.form-group {
  margin-bottom: 0;
}
textarea-input,
fig-textarea-input {
  display: block;
}
.other-content input {
  margin-top: 5px;
}
.card-header-item {
  vertical-align: middle;
  display: inline-block;
  margin: 0 5px;
}
.card-header-item:first-child {
  margin-left: 0;
}
.card-header-item:last-child {
  margin-right: 0;
}
.card-actions {
  text-align: right;
}
.error-message {
  color: #d9534f;
  margin-top: 5px;
}
.card-form-title {
  font-weight: 400;
  font-size: 19px;
}
.card-form-information {
  font-weight: 300;
  font-size: 14px;
  margin-top: 0.5rem;
}
card-properties,
.card-properties {
  display: block;
}
.card-properties .card-property {
  min-height: 32px;
}
.card-properties .card-property .expanded {
  margin-top: 15px;
}
.card-properties .card-property .expander-splitter {
  padding-left: 0px;
  padding-right: 0px;
}
.card-properties .card-property .expander-splitter hr {
  height: 5px;
  margin-top: 10px;
  margin-bottom: 10px;
}
.card-properties .card-property .note-label {
  padding-top: 8px;
  font-size: 14px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.card-properties .card-property .form-group {
  margin-bottom: 0;
  padding-bottom: 15px;
}
.card-properties .card-property .label-header {
  font-weight: 300;
  font-size: 19px;
  word-wrap: break-word;
}
.card-properties .card-property.card-property-expandable .card-property-title .expander-label {
  margin-left: -30px;
}
.card-properties .card-property .card-property-title {
  padding-left: 30px;
  padding-bottom: 15px;
}
.card-properties .card-property .card-property-title .expander-icon {
  padding-top: 7px;
}
.card-properties .card-property .card-property-title .control-label {
  transition: text-shadow 0.5s, transform 0.5s, color 0.5s;
  transform-origin: left;
  padding-top: 7px;
  margin-bottom: 0;
}
.card-properties .card-property .card-property-title.indented {
  padding-left: 50px;
}
.card-properties .card-property .attachment-link {
  padding-top: 7px;
  font-size: 14px;
}
.card-properties .card-property .card-property-control {
  display: flex;
}
.card-properties .card-property .card-property-control div {
  min-width: 1px;
}
.card-properties .card-property .card-property-control > * {
  flex-grow: 1;
}
.card-properties .card-property .card-property-control .control-inputtype-splitbuttondropdown {
  flex-grow: 0;
  flex-shrink: 0;
  margin-left: 5px;
}
.card-properties .card-property .card-property-control .control-inputtype-splitbuttondropdown i {
  width: 18px;
}
.card-properties .card-property .card-property-control .control-inputtype-splitbuttondropdown > .btn {
  height: 32px;
}
.card-properties .card-property .card-property-control .control-inputtype-splitbuttondropdown li {
  margin: 1px 5px;
  border-left: 5px solid transparent;
  padding-left: 4px;
}
.card-properties .card-property .card-property-control .control-inputtype-splitbuttondropdown li.active {
  border-left: 5px solid #0076a3;
}
.card-properties .card-property .card-property-control .control-inputtype-splitbuttondropdown li:hover {
  background-color: #e6e6e6;
}
.card-properties .card-property .card-property-control .control-inputtype-splitbuttondropdown button.disablepointerevents {
  pointer-events: none;
}
.card-properties .card-property.updated .card-property-title .control-label {
  text-shadow: 0.4px 0 0 #0076a3, 0 -0.1px 0 #0076a3, 0 0.1px 0 #0076a3;
  transition: text-shadow 0.2s, transform 0.2s, color 0.2s;
  transform: scale(1.05);
  color: #0076a3;
}
.card-properties .card-property .btn-primary:not([disabled=disabled]):focus {
  background-color: #66afe9;
  border-color: #66afe9;
}
.card-properties .card-property-detail income-specification,
.card-properties .card-property-detail textarea-input {
  padding-left: 15px;
}
.card-properties .recalculatePensionBenefitDialog-value {
  margin-top: 7px;
}
.expander-invalid-icon {
  color: #A00000;
}
.expander-label {
  position: relative;
  height: 30px;
  padding-left: 30px;
}
.expander-label.label-page {
  margin-left: -15px;
}
.expander-label.label-page .expander-icon,
.expander-label.label-page .expander-text {
  font-size: 16px;
}
.expander-label .expander-icon {
  width: 30px;
  height: 30px;
  position: absolute;
  top: 0;
  left: 0;
  display: block;
}
.expander-label .expander-text {
  position: relative;
}
.expander-label .expander-invalid-icon {
  text-align: center;
  width: 12px;
  height: 20px;
  display: none;
}
.expander-label.expander-invalid {
  cursor: default !important;
}
.expander-label.expander-invalid .expander-invalid-icon {
  display: inline-block;
}
.expander-label.expander-invalid .expander-icon {
  opacity: 0.5;
}
.expander-icon {
  text-align: center;
  font-size: 14px;
  opacity: 1;
  will-change: opacity;
  transition-property: opacity;
  transition-duration: 0.3s;
}
.expander-icon.expanded-chevron i {
  transform: scale3d(1, 1, 1) rotateZ(90deg);
}
.expander-icon i {
  transition-property: transform;
  transition-duration: 0.2s;
  will-change: transform;
  color: #707070;
}
.required-marker {
  vertical-align: top;
  font-size: 8px;
  color: #848484;
  padding-top: 7px;
}
.set-owner-and-division-dialog hr {
  margin: 0;
}
.set-owner-and-division-dialog .division-select-label {
  padding-top: 5px;
}
.set-owner-and-division-dialog .advisor-select-label {
  padding-top: 20px;
}
.set-owner-and-division-dialog .advisor-select-select {
  padding-top: 15px;
}
.set-owner-and-division-dialog mat-dialog-content {
  min-height: 150px;
}
.set-owner-and-division-dialog .sub-title,
.set-owner-and-division-dialog select {
  font-size: 14px;
}
.set-owner-and-division-dialog fig-spinner {
  top: -5px;
}
.client-file-transfer-dialog h3 {
  font-size: 24px !important;
}
.client-file-transfer-dialog hr {
  margin: 0;
}
.client-file-transfer-dialog .sub-title {
  margin-bottom: 16px;
}
.client-file-transfer-dialog .mat-mdc-dialog-content,
.client-file-transfer-dialog .mat-mdc-dialog-content label {
  color: rgba(0, 0, 0, 0.85) !important;
  font-size: 13px !important;
  letter-spacing: initial !important;
}
.client-file-transfer-dialog input {
  border-radius: 4px !important;
}
.client-file-transfer-dialog .error-message span {
  font-weight: 400;
  font-size: 13px;
}
.client-file-transfer-dialog .control-label {
  padding-top: 6px;
}
.client-file-transfer-dialog fig-division-selector div {
  padding: 0;
}
.client-file-transfer-request-dialog h3 {
  font-size: 24px !important;
}
.client-file-transfer-request-dialog hr {
  margin: 0;
}
.client-file-transfer-request-dialog .sub-title {
  margin-bottom: 16px;
}
.client-file-transfer-request-dialog .mat-mdc-dialog-content,
.client-file-transfer-request-dialog .mat-mdc-dialog-content label {
  color: rgba(0, 0, 0, 0.85) !important;
  font-size: 13px !important;
  letter-spacing: initial !important;
}
.client-file-transfer-request-dialog input {
  border-radius: 4px !important;
}
.client-file-transfer-request-dialog .error-message span {
  font-weight: 400;
  font-size: 14px;
}
.client-file-transfer-request-dialog .control-label {
  padding-top: 6px;
}
/* SERIES */
.life-line-series .highcharts-graph {
  visibility: hidden;
  /* REMOVING PLOT LINE BETWEEN EVENTS */
}
/* DATA LABEL */
.life-line-data-label {
  /* SINGLE */
  /* MULTI */
}
.life-line-data-label .single-item {
  width: 90px;
  padding: 0px 5px;
}
.life-line-data-label .single-item .icon-cell {
  display: inline-block;
  vertical-align: middle;
  width: 22px;
}
.life-line-data-label .single-item .icon-cell .icon {
  font-size: 16px;
}
.life-line-data-label .single-item .text-cell {
  display: inline-block;
  width: 58px;
  vertical-align: middle;
}
.life-line-data-label .single-item .text-cell .year {
  font-weight: bold;
}
.life-line-data-label .single-item .text-cell .title {
  text-overflow: ellipsis;
  overflow: hidden;
}
.life-line-data-label .multi-item {
  width: 60px;
  padding: 0px 5px;
}
.life-line-data-label .multi-item .text-cell {
  display: inline-block;
  width: 50px;
  vertical-align: middle;
}
.life-line-data-label .multi-item .text-cell .year {
  padding-right: 5px;
  display: inline;
  font-weight: bold;
}
.life-line-data-label .multi-item .text-cell .title {
  display: inline;
  text-align: right;
}
.login-background {
  background-image: url(../../assets/img/loginPageBackground.jpg);
  background-position: center;
  background-size: cover;
  background-color: #E5E5E5;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.login {
  background: #FFF;
  margin: 15vh auto 50px;
  padding: 30px;
  width: 360px;
}
.login img {
  height: 75px;
  margin: 0 auto 50px;
  position: relative;
  display: block;
}
.login .btn {
  margin-top: 15px;
}
.login .title {
  font-size: 20px;
  display: block;
  text-align: center;
  margin-bottom: 30px;
}
.login .details {
  display: block;
  margin-bottom: 30px;
}
.login .error-text {
  font-size: 11px;
}
.login.well {
  box-shadow: rgba(0, 0, 0, 0.25) 0px 54px 55px, rgba(0, 0, 0, 0.12) 0px -12px 30px, rgba(0, 0, 0, 0.12) 0px 4px 6px, rgba(0, 0, 0, 0.17) 0px 12px 13px, rgba(0, 0, 0, 0.09) 0px -3px 5px;
}
.jaarruimte {
  font-size: 14px !important;
}
.jaarruimte fig-pdf-button {
  float: right;
  margin-top: -5px;
}
.jaarruimte .panel-body {
  padding: 30px 30px 0px 15px;
}
.jaarruimte .jaarruimte-properties .card-property {
  padding-bottom: 15px;
}
.jaarruimte .level0 .control-label {
  padding-left: 40px;
}
.jaarruimte .level1 .control-label {
  padding-left: 50px;
}
.jaarruimte .level1 .expander-text {
  padding-left: 20px;
}
.jaarruimte .level1 .expander-icon {
  left: 20px;
}
.jaarruimte .level2 .control-label {
  padding-left: 70px;
}
.jaarruimte .level2 .expander-text {
  padding-left: 40px;
}
.jaarruimte .level2 .expander-icon {
  left: 40px;
}
.jaarruimte .level3 .control-label {
  padding-left: 90px;
}
.jaarruimte .level3 .expander-text {
  padding-left: 60px;
}
.jaarruimte .level3 .expander-icon {
  left: 60px;
}
.jaarruimte .level4 .control-label {
  padding-left: 95px;
}
.jaarruimte .level4 .expander-text {
  padding-left: 80px;
}
.jaarruimte .level4 .expander-icon {
  left: 80px;
}
.jaarruimte .reserverings-ruimtes .level0 .control-label {
  padding-left: 40px;
}
.jaarruimte .reserverings-ruimtes .level0 .expander-text {
  padding-left: 10px;
}
.jaarruimte .reserverings-ruimtes .level0 .expander-icon {
  left: 10px;
}
.jaarruimte .sign {
  position: absolute;
  right: 0;
  top: 8px;
}
.jaarruimte .total {
  font-weight: bold;
}
.jaarruimte .total-seperator {
  margin-top: 0px;
  margin-bottom: 15px;
  background-color: #E8A418;
  border-color: #E8A418;
}
.jaarruimte .birthday {
  text-align: right;
}
.jaarruimte .person-choice .btn-group {
  margin-top: -10px;
}
.jaarruimte .card-properties .card-property {
  min-height: 44px;
}
.jaarruimte .card-properties .card-property .card-property-title {
  padding-left: 0px;
}
.jaarruimte .jaarruimte-total {
  padding-left: 30px !important;
}
.jaarruimte .jaarruimte-currency-input {
  margin-top: -5px;
}
.jaarruimte .card-form {
  padding-right: 15px;
  padding-left: 45px;
}
.jaarruimte .expander-label {
  cursor: pointer;
}
.jaarruimte .card-form-actions button {
  margin-right: 5px;
}
.pdf-view .jaarruimte > .row {
  margin: 0;
}
.pdf-view .jaarruimte > .row > .col-md-12 {
  padding: 0;
}
.pdf-view .jaarruimte .panel {
  border: none;
  box-shadow: none;
  margin: 0 -30px 0 -45px;
}
.pdf-view .jaarruimte .top-action-bar {
  box-shadow: none;
  margin: 0;
  padding-left: 0;
  padding-right: 0;
  background: none;
}
.pdf-view .jaarruimte .form-horizontal,
.pdf-view .jaarruimte .jaarruimte-type,
.pdf-view .jaarruimte i.fa,
.pdf-view .jaarruimte i.fas,
.pdf-view .jaarruimte .panel-heading {
  display: none;
}
.pdf-view .jaarruimte .force-print {
  display: block !important;
}
.pdf-view .jaarruimte .input-group-addon,
.pdf-view .jaarruimte .form-control {
  border: none;
}
.pdf-view .jaarruimte .form-control[disabled],
.pdf-view .jaarruimte .form-control[readonly],
.pdf-view .jaarruimte fieldset[disabled] .form-control {
  background: none;
}
#mdShadow {
  /* Shadows (from mdl http://www.getmdl.io/) */
}
.import-mpo p.mpo-description {
  padding: 0 15px;
}
#mdShadow {
  /* Shadows (from mdl http://www.getmdl.io/) */
}
.multiple-years-overview .plan-event-selector {
  display: inline;
}
.multiple-years-overview .download-csv {
  color: #217346;
  float: right;
  font-size: 2em;
  background: none;
  border: none;
  outline: none;
  height: 32px;
  line-height: 32px;
}
.multiple-years-overview .download-csv:hover:not(:disabled) {
  color: #1b5f3a;
  cursor: pointer;
}
.multiple-years-overview .download-csv:active:not(:disabled) {
  color: #164b2e;
}
.multiple-years-overview .download-csv:disabled {
  opacity: 0.5;
  cursor: default;
}
.multiple-years-overview .panel-body-table {
  max-height: calc(100vh - 164px);
  overflow: auto;
  position: relative;
}
.multiple-years-overview .panel-body-table > table {
  table-layout: auto;
  position: relative;
}
.multiple-years-overview .panel-body-table > table thead th,
.multiple-years-overview .panel-body-table > table tbody td {
  text-align: right;
}
.multiple-years-overview .panel-body-table > table thead th:first-child,
.multiple-years-overview .panel-body-table > table tbody td:first-child {
  text-align: left;
  position: -webkit-sticky;
  /* for Safari */
  position: sticky;
  left: 0;
  background-clip: padding-box;
  /* for Edge */
  background-color: #FFF;
  max-width: calc((100vw - 166px) * .5);
  /* 100vw-166px = size of table */
}
.multiple-years-overview .panel-body-table > table thead th:first-child::after,
.multiple-years-overview .panel-body-table > table tbody td:first-child::after {
  content: "";
  display: block;
  position: absolute;
  background: linear-gradient(90deg, #FFF 0%, rgba(255, 255, 255, 0) 100%);
  height: 34px;
  top: 0;
  right: -8px;
  width: 8px;
}
.multiple-years-overview .panel-body-table > table thead th:first-child span,
.multiple-years-overview .panel-body-table > table tbody td:first-child span {
  overflow: hidden;
  white-space: nowrap;
  display: block;
  text-overflow: ellipsis;
  margin-left: 0px;
}
@media only screen and (min-width: 966px) {
  .multiple-years-overview .panel-body-table > table thead th:first-child,
  .multiple-years-overview .panel-body-table > table tbody td:first-child {
    /* (max-width / .5) + 166px = 966px; screen width where element width will be 'max-width' */
    max-width: 400px;
  }
}
.multiple-years-overview .panel-body-table > table thead th {
  position: -webkit-sticky;
  /* for Safari */
  position: sticky;
  top: 0;
  background-clip: padding-box;
  /* for Edge */
  background-color: #FFF;
  font-weight: bold;
  z-index: 1;
}
.multiple-years-overview .panel-body-table > table thead th:first-child {
  z-index: 2;
}
.multiple-years-overview .panel-body-table > table tbody tr:hover td:first-child {
  background-color: #f5f5f5;
}
.multiple-years-overview .panel-body-table > table tbody tr:hover td:first-child::after {
  background: linear-gradient(90deg, #f5f5f5 0%, rgba(245, 245, 245, 0) 100%);
}
.multiple-years-overview .panel-body-table > table tbody tr.header-row {
  font-weight: bold;
}
.multiple-years-overview .panel-body-table.loader {
  min-height: 300px;
}
.multiple-years-overview .compare-plans-tablerow td:first-child {
  max-width: 205px !important;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.page-content.with-side-nav {
  /* in case the side nav is visable */
}
.page-content.with-side-nav .multiple-years-overview .panel-body-table > table thead th:first-child,
.page-content.with-side-nav .multiple-years-overview .panel-body-table > table tbody td:first-child {
  max-width: calc((100vw - 385px) * .5);
  /* 100vw-385px = size of table */
}
@media only screen and (min-width: 1185px) {
  .page-content.with-side-nav .multiple-years-overview .panel-body-table > table thead th:first-child,
  .page-content.with-side-nav .multiple-years-overview .panel-body-table > table tbody td:first-child {
    /* (max-width / .5) + 385px = 1185px; screen width where element width will be 'max-width' */
    max-width: 400px;
  }
}
.drbSettings .btn-row {
  margin-top: 5px;
}
.drbSettings card-form {
  margin-left: -20px;
}
.drbSettings date-input input {
  border-top-right-radius: 4px !important;
  border-bottom-right-radius: 4px !important;
}
#mdShadow {
  /* Shadows (from mdl http://www.getmdl.io/) */
}
.reports i {
  width: 50%;
  position: absolute;
  right: 0;
  left: 0;
  top: 21px;
  bottom: 0;
  margin: auto auto;
  font-size: 5em;
  color: #337ab7;
}
.reports i.pdf {
  color: red;
}
.reports .panel-default {
  max-width: 800px;
}
.reports .fixed-panel {
  min-height: 120px;
  max-height: 120px;
}
.reports .figlo-logo-black {
  display: inline-block;
  float: left;
  margin-right: 6px;
  padding-top: 10px;
}
.reports .figlo-logo-black img {
  width: 100%;
  position: relative;
  display: inline-block;
}
.reports .pages-plan {
  float: left;
  position: relative;
  width: 100%;
  text-align: center;
  z-index: 3;
}
.reports .background {
  margin-top: 2px;
  background-color: #E8A418;
  border-radius: 10px 0 10px 0;
  transform: skew(-4deg);
  z-index: -1;
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
.reports .plan-type-name {
  font-size: 10px;
  font-weight: 400;
  color: #FFF;
  padding: 6px 10px 0px 10px;
  display: inline-block;
  height: 25px;
  letter-spacing: 1px;
}
.reports .start-target {
  padding-top: 4px;
  width: 80px;
}
.reports .report-panel-disabled {
  background: #cccccc;
  cursor: not-allowed !important;
}
customer-profile fig-save-state-message {
  margin-right: 10px;
}
.customer-profile hr {
  margin-top: 10px;
}
.customer-profile .top-hr {
  margin-bottom: 0px;
}
.customer-profile .spinner-container {
  min-height: 50px;
}
.profile-results {
  padding-left: 0px;
}
.profile-results .profile-result {
  padding-left: 0px;
  float: left;
  padding-right: 20px;
}
.profile-results .profile-result .profile-name {
  padding-top: 10px;
  font-weight: 500;
}
.actions-right {
  padding-right: 0px !important;
  margin-left: 0px !important;
  text-align: right;
}
.actions-right .card-form-actions {
  padding-right: 0px !important;
  padding-left: 0px !important;
}
.compare-plan .compare-plan-spinner {
  position: absolute;
  top: 100px;
  width: 100px;
  left: 50%;
  margin-left: -50px;
}
.compare-plan .compare-plan-column client-file-menu .panel {
  margin-bottom: 0;
}
.compare-plan .compare-plan-column .chart-panel {
  box-shadow: none !important;
  min-width: 350px;
}
.compare-plan .compare-plan-event-selector {
  margin-bottom: 0px;
}
.compare-plan .plan-event-selector {
  display: inline-block;
}
.compare-plan .panel-plan {
  margin-bottom: 30px;
}
.compare-plan pdf-button,
.compare-plan fig-pdf-button {
  margin-right: 12px;
}
.compare-plan .sync-years {
  float: right;
  margin-top: 7px;
}
.compare-plan .sync-years .title {
  margin-right: 10px;
}
.compare-plan .no-data-for-year {
  margin-top: 6px;
  margin-bottom: 0px;
}
.pdf-view .compare-plan-pdf-print-area i,
.pdf-view .compare-plan-pdf-print-area li:not(.active),
.pdf-view .compare-plan-pdf-print-area select,
.pdf-view .compare-plan-pdf-print-area .up-arrow::before {
  display: none;
}
.pdf-view .compare-plan-pdf-print-area .panel-default {
  box-shadow: none;
  border: none;
}
.pdf-view .compare-plan-pdf-print-area .panel-plan {
  margin: 0px !important;
}
.pdf-view .compare-plan-pdf-print-area .row-header {
  height: 50px;
}
.pdf-view .compare-plan-pdf-print-area financial-summary,
.pdf-view .compare-plan-pdf-print-area fig-financial-summary {
  page-break-before: always;
}
.pdf-view .compare-plan-pdf-print-area .panel-heading,
.pdf-view .compare-plan-pdf-print-area .panel-body {
  border: none;
}
.pdf-view .compare-plan-pdf-print-area .panel-chart {
  height: 700px;
}
.pdf-view .compare-plan-pdf-print-area .highcharts-root {
  width: 100% !important;
  height: 100% !important;
}
.risk-overview .risk-overview-title h1,
.risk-overview .risk-overview-title h2,
.risk-overview .risk-overview-title h3,
.risk-overview .risk-overview-title h4,
.risk-overview .risk-overview-title h5,
.risk-overview .risk-overview-title h6 {
  display: inline-block;
}
.risk-overview .risk-overview-title .overview-actions {
  font-size: 14px;
  display: inline-block;
  margin-top: 30px;
}
.risk-overview .monopoly-card {
  width: 100%;
  margin: 0;
  margin-bottom: 15px;
}
.risk-overview .monopoly-card .panel-body .risk-compact-info {
  margin: 0;
  font-size: 12px;
  text-align: right;
}
.risk-overview .monopoly-card .panel-body .risk-compact-info date,
.risk-overview .monopoly-card .panel-body .risk-compact-info .person-label {
  color: #777777;
  text-align: right;
}
.risk-overview .monopoly-card .panel-body .risk-compact-info .person-label::after {
  content: ', ';
}
.risk-overview .monopoly-card .panel-body .risk-info {
  margin-top: 20px;
}
.risk-overview .monopoly-card .panel-body .risk-info tbody tr td:last-child {
  width: 15%;
  text-align: right;
}
#mdShadow {
  /* Shadows (from mdl http://www.getmdl.io/) */
}
.motivations table td {
  padding: 1px 0px !important;
}
.motivations table td:first-child {
  padding: 1px 15px !important;
}
.motivations table td.title {
  width: 100%;
}
.motivations table td.target-type {
  width: 120px;
}
.motivations table td.display-id {
  width: 50px;
  color: #909090;
}
.motivations table td.motivation {
  width: 40px;
}
#mdShadow {
  /* Shadows (from mdl http://www.getmdl.io/) */
}
.housing-costs-selection .panel-heading {
  padding: 0px 13px 0px 13px;
}
.housing-costs-selection h3 {
  display: inline-block;
  margin-right: 15px;
}
.housing-costs-selection .panel {
  margin-bottom: 0;
}
.housing-costs-selection .panel-row .table thead tr th:first-child,
.housing-costs-selection .panel-row .table tbody tr td:first-child {
  padding-left: 15px;
}
.housing-costs-selection .panel-row .table .column-selected {
  width: 140px;
  text-align: center;
}
.housing-costs-selection .panel-row .loader {
  min-height: 200px;
}
.housing-costs-selection .panel-row .panel-message {
  padding: 15px;
}
.housing-costs-selection .hr {
  margin-top: 0px;
}
.housing-costs-selection button {
  margin-right: 3px;
}
.client-dashboard .mat-horizontal-stepper-header-container {
  pointer-events: none;
}
.client-dashboard .mat-horizontal-stepper-header-container .cdk-focused {
  background-color: white;
}
.client-dashboard .panel-heading button {
  position: absolute;
  top: 12px;
  right: 10px;
}
.client-dashboard .panel-heading .panel-title {
  margin: 0;
}
.client-dashboard .panel-body {
  padding-left: 25px;
}
.client-dashboard .first-panel-body {
  padding-bottom: 10px;
  padding-right: 24px;
  border-bottom: 1px solid lightgrey;
}
.client-dashboard .second-panel-body {
  min-height: 70px;
}
.client-dashboard .intro {
  margin-bottom: 20px;
}
.client-dashboard .intro br {
  content: "" !important;
  display: block !important;
  height: 5px !important;
}
.client-dashboard .start-ockto-buttons {
  padding-top: 10px;
}
.client-dashboard .start-ockto-buttons div {
  text-align: center;
}
.client-dashboard .start-ockto-buttons div.add-border {
  border-right: 1px solid lightgrey;
}
.client-dashboard .start-ockto-buttons.qr-code-visible > div {
  min-height: 200px;
}
.client-dashboard .start-ockto-buttons.qr-code-visible spinner > div {
  margin-top: 65px;
}
.client-dashboard .start-ockto-buttons.qr-code-visible img.blur {
  filter: blur(2px);
}
.client-dashboard h2 {
  font-size: 16px;
  margin: 0px 0px 10px 0px;
}
.client-dashboard .ockto-error {
  height: 40px;
  line-height: 40px;
}
.client-dashboard .client-file-saved i {
  color: #00B050;
}
.client-dashboard .mat-step-icon {
  top: -7px;
  height: 40px;
  width: 40px;
  font-size: 28px;
}
.client-dashboard .mat-step-icon .mat-icon {
  font-size: 32px;
  height: 32px;
  width: 32px;
}
.client-dashboard .mat-step-icon-selected {
  background-color: #0076a3;
}
.client-dashboard .mat-step-icon-state-edit {
  background-color: #0076a3;
}
.client-dashboard mat-step-header:has(.mat-step-icon-state-edit) .mat-step-label .mat-step-text-label {
  color: #0076a3;
}
.client-dashboard .ockto-completed .mat-step-icon.mat-step-icon-state-number span {
  display: none;
}
.client-dashboard .ockto-completed .mat-step-icon.mat-step-icon-state-number .mat-step-icon-content::before {
  content: '✔';
}
.client-dashboard .mat-step-label.mat-step-label-selected {
  font-size: 14px;
  font-weight: bold;
}
.client-dashboard .mat-step-label.mat-step-label-selected .mat-step-text-label {
  color: #0076a3;
}
.client-dashboard .mat-step-button-bar {
  display: flex;
  justify-content: flex-end;
}
.client-dashboard .mat-step-text-label {
  color: #757575;
}
.client-dashboard .digid-mobile-logo {
  width: 150px;
}
.client-dashboard .prerequisites-instructions {
  align-items: center;
  display: flex;
}
.client-dashboard .prerequisites-instructions .text {
  display: inline-block;
  width: 90%;
}
.client-dashboard .prerequisites-instructions .logo {
  display: inline-block;
}
.client-dashboard .prerequisites-instructions .logo .ockto-logo {
  width: 60px;
}
.client-dashboard .prerequisites-instructions .appstores-logo {
  margin-top: 20px;
  width: 300px;
}
.client-dashboard .prerequisites-confirmation {
  align-items: center;
  display: flex;
  margin-top: 8px;
}
.client-dashboard .prerequisites-confirmation .mat-step-icon {
  display: inline-block;
  top: 0px;
}
.client-dashboard .prerequisites-confirmation .text {
  display: inline-block;
  padding-left: 16px;
}
.client-dashboard .qr-client-and-partner-container {
  margin-top: 16px;
}
.client-dashboard mat-horizontal-stepper {
  border-bottom: 1px solid lightgrey;
}
#mdShadow {
  /* Shadows (from mdl http://www.getmdl.io/) */
}
.client-inventory .accordion.panel .panel-heading .accordion-caret i.fa {
  transform: rotateX(0deg);
}
.client-inventory .accordion.accordion-closed.panel .panel-body {
  max-height: 0;
}
.client-inventory .accordion.accordion-closed.panel .panel-heading .accordion-caret i.fa {
  transform: rotateX(180deg);
}
.client-inventory .accordion .panel-heading {
  position: relative;
}
.client-inventory .accordion .panel-heading .panel-title:not(.motivation-title) {
  min-width: 130px;
  margin-left: 16px;
}
.client-inventory .accordion .panel-heading .panel-title:not(.motivation-title):hover {
  text-decoration: underline;
  cursor: pointer;
}
.client-inventory .accordion .panel-heading .btn-panel-header.left {
  position: relative;
  float: right;
  top: 0px;
  left: 0px;
  width: 90px;
  text-align: center;
}
.client-inventory .accordion .panel-heading .input-search {
  margin-left: 175px;
  margin-right: 175px;
  left: 0px !important;
  right: 0px !important;
  width: auto;
}
.client-inventory .accordion .panel-heading .accordion-caret {
  position: relative;
  float: left;
  width: auto;
  height: 100%;
  background: transparent;
  top: 2px;
}
.client-inventory .accordion .panel-heading .accordion-caret i.fa {
  background: transparent;
  font-size: 14px;
  transition: transform 0.3s;
  color: #707070;
}
.client-inventory .accordion .panel-heading .motivation-input {
  padding-right: 5px;
  margin-top: -1px;
}
.client-inventory .accordion .panel-heading .motivation-input .motivation-btn {
  padding: 3px 6px !important;
}
.client-inventory .panel .panel-body {
  overflow: hidden;
  transition: max-height 0.3s, padding 0.3s;
}
.client-inventory .panel.inventory-plan-event-selector {
  margin-bottom: 20px;
}
.client-inventory .table-cards:not([disabled=disabled]) tr {
  cursor: pointer;
}
.client-inventory .table-cards tr {
  height: 46px;
}
.client-inventory .table-cards tr td.card-description-column {
  display: table-cell !important;
}
.client-inventory .table-cards tr td:last-child {
  text-align: right;
}
.client-inventory .table-cards tr td .card-description {
  color: #00648a;
}
.client-inventory .table-cards tr td .card-description:not([disabled=disabled]):hover {
  text-decoration: underline;
}
.client-inventory .table-cards tr td .card-property-label {
  color: #707070;
  font-size: 11px;
  display: block;
}
.client-inventory .existing-card-list .row-horizontal {
  overflow-x: auto;
  white-space: nowrap;
}
.client-inventory .existing-card-list .row-horizontal [class^="col-"] {
  display: inline-block;
  float: none;
}
.client-inventory .existing-card-list .category-without-records {
  text-align: left;
  color: #1E1E1E;
  margin: 15px 0;
  font-size: 13px;
  font-weight: 400;
  display: block;
}
.client-inventory .existing-card-list .column-card-status {
  padding-top: 0;
  padding-bottom: 0;
  height: 0;
  padding-left: 8px !important;
}
.client-inventory .existing-card-list .column-card-status card-status-indicator {
  display: block;
  height: 100%;
}
.client-inventory .existing-card-list .column-card-status card-status-indicator .indicator-container,
.client-inventory .existing-card-list .column-card-status card-status-indicator .indicator-base {
  height: 100%;
}
.client-inventory .existing-card-list .column-card-status card-status-indicator .indicator-container i,
.client-inventory .existing-card-list .column-card-status card-status-indicator .indicator-base i {
  top: calc(50% - 10px);
  position: relative;
  line-height: 18px;
  display: block;
}
.client-inventory .small-column {
  width: 37px;
}
.client-inventory .edit-column {
  width: 50px;
}
.client-inventory .fa-trash-alt {
  color: #A00000 !important;
}
.client-inventory client-file-menu .panel {
  margin-bottom: 0 !important;
}
.client-inventory .panel-inventory-unavailable .panel-heading {
  border: none;
}
.client-inventory .panel-inventory-unavailable .comment {
  padding-left: 20px;
  font-style: italic;
  color: darkgray;
}
.client-inventory .inventory-plan-event-selector {
  margin-bottom: 0px;
}
.client-inventory .tile-view {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-gap: 20px;
  /* The repeated tile div. */
}
.client-inventory .tile-view > div {
  background-color: #f2f2f2;
  padding: 20px;
  text-align: center;
  font-size: 28px;
}
.client-inventory .tile-view > div table {
  width: 100%;
  height: 78px;
  text-align: left;
}
.client-inventory .tile-view > div table tr {
  height: 100%;
}
.client-inventory .tile-view > div table tr .icon-td {
  width: 50px;
  padding-left: 2%;
}
.client-inventory .tile-view > div table tr .icon-td i {
  font-size: 55px;
  color: #E8A418;
}
.client-inventory .tile-view > div table tr .description-td {
  width: 50%;
  padding-left: 10%;
  padding-right: 5px;
  font-size: 23px;
  text-overflow: ellipsis;
  overflow: hidden;
}
.client-inventory .tile-view > div table tr .amount-td {
  text-align: right;
  padding-right: 8%;
}
.client-inventory .tile-view > div table tr .amount-td div {
  text-overflow: ellipsis;
  overflow: hidden;
}
.client-inventory .tile-view > div table tr .amount-td .amount-filler {
  height: 28%;
}
.client-inventory .tile-view > div table tr .amount-td .amount-value {
  font-size: 23px;
}
.client-inventory .tile-view > div table tr .amount-td .amount-unit {
  font-size: 14px;
}
.client-inventory .external-chart-message {
  font-size: large;
  text-align: center;
  margin-top: 125px;
  -webkit-animation: fadeIn 1s;
  animation: fadeIn 1s;
}
#mdShadow {
  /* Shadows (from mdl http://www.getmdl.io/) */
}
.card .card-action,
.goal-card .card-action {
  transition: box-shadow 0.3s;
  float: right;
  margin-left: 5px;
}
.card-header {
  position: sticky;
  top: 60px;
  z-index: 1000;
  pointer-events: none;
}
.card-header .panel {
  pointer-events: all;
  margin-bottom: 0;
}
.card-header .actions-right button {
  margin-right: 3px;
}
html:not([data-scroll='0']) .panel-card-actions {
  box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12), 0 2px 4px -1px rgba(0, 0, 0, 0.2);
}
.goal-card .panel-header {
  vertical-align: middle;
  font-size: 16px;
}
.goal-card .sub-text {
  font-size: 12px;
  font-style: italic;
  color: #707070;
}
.goal-card .row.row-header {
  border-bottom: 2px solid #ccc;
  background-color: #F7F7F7;
}
.goal-card .add-solution-panel {
  overflow: hidden;
}
.goal-card .remove-or-unlink:hover {
  background-color: transparent;
}
.goal-card .remove-or-unlink:hover .fas,
.goal-card .remove-or-unlink:hover .far {
  opacity: 0.75;
}
.goal-card .remove-or-unlink .fas,
.goal-card .remove-or-unlink .far {
  font-size: 20px;
  font-weight: 900;
  color: #707070;
  opacity: 0.5;
  transition: none;
}
.goal-card .goal-card-solutions .description {
  font-size: 14px;
  font-weight: 400;
}
.goal-card .goal-card-solutions .motivationHeader {
  background-color: #FFF;
  border-bottom: none;
  cursor: pointer;
}
.goal-card .goal-card-solutions .needMotivationExpander-col {
  padding-right: 30px;
}
.goal-card .goal-card-solutions textarea {
  margin-left: 15px;
  margin-right: 15px;
}
.goal-card .goal-card-solutions .needMotivationExpander {
  position: relative;
  left: -5px;
  padding-right: 6px;
}
.goal-card .goal-card-solutions .tr-row {
  cursor: pointer;
}
.goal-card .graph g,
.goal-card .graph rect,
.goal-card .graph path {
  cursor: default !important;
}
@keyframes sk-stretchdelay {
  0%,
  40%,
  100% {
    transform: scaleY(0.4);
  }
  20% {
    transform: scaleY(1);
  }
}
@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fadeInLeft {
  0% {
    opacity: 0;
    transform: translateX(100px);
  }
  100% {
    opacity: 1;
    transform: translateX(0px);
  }
}
@keyframes fadeInRight {
  0% {
    opacity: 0;
    transform: translateX(-100px);
  }
  100% {
    opacity: 1;
    transform: translateX(0px);
  }
}
@keyframes fadeInUp {
  0% {
    opacity: 0;
    transform: translateY(50px);
  }
  100% {
    opacity: 1;
    transform: translateY(0px);
  }
}
@keyframes fadeInDown {
  0% {
    opacity: 0;
    transform: translateY(-50px);
  }
  100% {
    opacity: 1;
    transform: translateY(0px);
  }
}
#mdShadow {
  /* Shadows (from mdl http://www.getmdl.io/) */
}
.documents .preview-attachment {
  max-width: 50px;
  max-height: 50px;
}
.documents .attachment-type {
  font-size: 2em;
}
.documents .fa-plus {
  margin-right: 3px;
}
.documents .document-container {
  min-height: 500px;
}
.documents .document-container .document-table {
  height: 500px;
  width: 100%;
  overflow: hidden;
}
.documents .document-container .document-table .table-header {
  height: 50px;
  background-color: #FFF;
}
.documents .document-container .document-table .table-header th {
  position: relative;
}
.documents .document-container .document-table .table-header th span {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.documents .document-container .document-table .table-header th[class^='sort-'] {
  cursor: pointer;
}
.documents .document-container .document-table .table-header th .fa-caret-down {
  margin-left: 4px;
}
.documents .document-container .document-table .table-header th.sort-none .fa-caret-down {
  opacity: 0;
}
.documents .document-container .document-table .table-header th.sort-up .fa-caret-down {
  opacity: 1;
  transform: rotateX(180deg);
}
.documents .document-container .document-table .table-header th.sort-down .fa-caret-down {
  opacity: 1;
  transform: rotateX(0deg);
}
.documents .document-container .document-table .table-header th .fa-caret-down {
  font-size: 16px;
  color: #0076a3;
  width: 16px;
  height: 16px;
  text-align: center;
  transition-property: opacity, transform;
  transition-duration: 0.3s;
}
.documents .document-container .document-table .table-scroll {
  overflow-y: auto;
  overflow-x: hidden;
  height: 450px;
}
.documents .document-container .document-table table tbody td.column-check,
.documents .document-container .document-table table thead td.column-check,
.documents .document-container .document-table table tbody th.column-check,
.documents .document-container .document-table table thead th.column-check {
  width: 50px;
}
.documents .document-container .document-table table tbody td.column-check fig-check-input,
.documents .document-container .document-table table thead td.column-check fig-check-input,
.documents .document-container .document-table table tbody th.column-check fig-check-input,
.documents .document-container .document-table table thead th.column-check fig-check-input {
  margin: 0 auto;
}
.documents .document-container .document-table table tbody td.column-download,
.documents .document-container .document-table table thead td.column-download,
.documents .document-container .document-table table tbody th.column-download,
.documents .document-container .document-table table thead th.column-download {
  width: 100px;
  position: relative;
  text-align: center;
}
.documents .document-container .document-table table tbody td.column-download .download,
.documents .document-container .document-table table thead td.column-download .download,
.documents .document-container .document-table table tbody th.column-download .download,
.documents .document-container .document-table table thead th.column-download .download {
  width: 100%;
  height: 100%;
  text-align: center;
  display: block;
}
.documents .document-container .document-table table tbody td.column-download .download:hover .fa-download,
.documents .document-container .document-table table thead td.column-download .download:hover .fa-download,
.documents .document-container .document-table table tbody th.column-download .download:hover .fa-download,
.documents .document-container .document-table table thead th.column-download .download:hover .fa-download {
  opacity: 1;
  transform: scale(1);
}
.documents .document-container .document-table table tbody td.column-download .download .fa-download,
.documents .document-container .document-table table thead td.column-download .download .fa-download,
.documents .document-container .document-table table tbody th.column-download .download .fa-download,
.documents .document-container .document-table table thead th.column-download .download .fa-download {
  opacity: 0;
  font-size: 20px;
  color: #FFF;
  transition-property: opacity;
  transition-duration: 0.085s;
  font-size: 28px;
  text-shadow: 0 0 3px #1E1E1E;
  position: absolute;
  top: 50%;
  margin-top: -15px;
  height: 15px;
  left: 0;
  right: 0;
}
.documents .document-container .document-table table tbody td.column-filename,
.documents .document-container .document-table table thead td.column-filename,
.documents .document-container .document-table table tbody th.column-filename,
.documents .document-container .document-table table thead th.column-filename {
  word-wrap: break-word;
  width: 300px;
}
.documents .document-container .document-table table tbody td.column-date,
.documents .document-container .document-table table thead td.column-date,
.documents .document-container .document-table table tbody th.column-date,
.documents .document-container .document-table table thead th.column-date {
  width: 150px;
}
.documents .document-container .document-table table tbody td.column-description,
.documents .document-container .document-table table thead td.column-description,
.documents .document-container .document-table table tbody th.column-description,
.documents .document-container .document-table table thead th.column-description {
  position: relative;
  cursor: pointer;
}
.documents .document-container .document-table table tbody td.column-description .input-group,
.documents .document-container .document-table table thead td.column-description .input-group,
.documents .document-container .document-table table tbody th.column-description .input-group,
.documents .document-container .document-table table thead th.column-description .input-group {
  width: 70%;
}
.documents .document-container .document-table table tbody td.column-description:hover i.fa-pencil,
.documents .document-container .document-table table thead td.column-description:hover i.fa-pencil,
.documents .document-container .document-table table tbody th.column-description:hover i.fa-pencil,
.documents .document-container .document-table table thead th.column-description:hover i.fa-pencil {
  color: #0076a3;
}
.documents .document-container .document-table table tbody td.column-description .attachment-description,
.documents .document-container .document-table table thead td.column-description .attachment-description,
.documents .document-container .document-table table tbody th.column-description .attachment-description,
.documents .document-container .document-table table thead th.column-description .attachment-description {
  white-space: pre-line;
  max-height: 50px;
  display: block;
  margin-right: 45px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.documents .document-container .document-table table tbody td.column-description i.fa-pencil,
.documents .document-container .document-table table thead td.column-description i.fa-pencil,
.documents .document-container .document-table table tbody th.column-description i.fa-pencil,
.documents .document-container .document-table table thead th.column-description i.fa-pencil {
  display: inline-block;
  margin-top: -5px;
  font-size: 20px;
  color: rgba(51, 51, 51, 0.6);
  transition: color 0.085s;
  position: absolute;
  right: 15px;
  top: 50%;
  margin-top: -10px;
}
.documents .document-container .document-table table tbody td.column-source,
.documents .document-container .document-table table thead td.column-source,
.documents .document-container .document-table table tbody th.column-source,
.documents .document-container .document-table table thead th.column-source {
  position: relative;
}
.documents .document-container .document-table table tbody td.column-source .attachment-linked-to,
.documents .document-container .document-table table thead td.column-source .attachment-linked-to,
.documents .document-container .document-table table tbody th.column-source .attachment-linked-to,
.documents .document-container .document-table table thead th.column-source .attachment-linked-to {
  white-space: pre-line;
  max-height: 50px;
  display: block;
  margin-right: 45px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.documents .document-container .upload-dialog {
  background-color: #FFF;
  transition: background-color 0.085s;
}
.documents .document-container .upload-dialog.file-over {
  background-color: #fef9f3;
}
.documents .document-container .upload-dialog .file-extension-icon {
  position: absolute;
  font-size: 12vw;
  bottom: 15px;
  right: 15px;
  color: rgba(0, 0, 0, 0.1);
}
.documents .document-container .upload-dialog [class^='col-'] {
  padding: 15px;
}
.documents .document-container .upload-dialog .upload-actions {
  text-align: left;
  margin-bottom: 15px;
}
.documents .document-container .upload-dialog .upload-actions span,
.documents .document-container .upload-dialog .upload-actions input {
  display: inline-block;
}
.documents .document-container .upload-dialog .upload-actions span {
  font-size: 16px;
  word-break: break-all;
}
.documents .document-container .upload-dialog .figlo-file-upload {
  margin-left: 5px;
}
.documents .document-container .upload-dialog ng-messages {
  margin-bottom: 15px;
  position: relative;
  display: block;
}
.documents .document-container .upload-dialog textarea {
  resize: none;
  height: 100px;
}
.documents .document-container .remove-dialog-row {
  padding: 75px 0;
}
.documents .document-container .remove-dialog-confirm {
  padding: unset !important;
}
.documents .document-container .remove-dialog-confirm button {
  margin-right: 3px;
}
.documents .document-container .remove-dialog-attachment-list {
  overflow-x: auto;
}
.client-files .panel .panel-heading {
  padding-bottom: 10px;
}
.client-files .panel .panel-heading .new-client-button {
  margin-bottom: 5px;
}
.client-files .panel .panel-heading .new-client-button[aria-expanded=true] .fa-caret-down {
  opacity: 1;
  transform: rotateX(180deg);
}
.client-files .panel .panel-heading .new-client-button button {
  height: 32px;
}
.client-files .panel .panel-heading .new-client-button .btn-primary:first-child {
  border-right-color: #FFF !important;
}
.client-files .panel .panel-heading .new-client-button .btn-primary.dropdown-toggle {
  border-left-color: #FFF !important;
}
.client-files .panel .panel-heading .new-client-button #split-button {
  font-size: 13px;
  padding-left: 16px;
  padding-right: 16px;
}
.client-files .panel .panel-heading .search-container {
  margin-bottom: 5px;
  width: calc(100% - 200px);
  margin-left: 10px;
  max-width: 600px;
}
.client-files .panel .panel-heading .search-container input {
  border-radius: 4px;
}
.client-files .panel .panel-heading .search-container .btn-apply {
  margin-left: 8px;
  border-radius: 4px;
  width: 95px;
}
.client-files .panel .panel-heading .filter-section {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  column-gap: 10px;
  animation-name: client-files-filter-section-show;
  animation-duration: 0s;
  max-height: 148px;
  /* support max 4 rows */
  opacity: 1;
}
.client-files .panel .panel-heading .filter-section.animate {
  animation-duration: 0.5s;
}
.client-files .panel .panel-heading .filter-section.ng-hide {
  animation-name: client-files-filter-section-hide;
  max-height: 0px;
  opacity: 0;
  overflow-y: hidden;
}
.client-files .panel .panel-heading .filter-section > * {
  margin-bottom: 5px;
}
.client-files .panel .panel-heading .filter-section > *,
.client-files .panel .panel-heading .filter-section .multi-select.btn-group {
  margin-right: 0px !important;
}
.client-files .panel .panel-heading .filter-section .dropdown-toggle {
  height: 32px;
}
.client-files .panel .panel-heading .filter-section .is-filter-not-default {
  font-weight: bold;
}
.client-files .panel .panel-heading .filter-section .is-filter-not-default button span {
  font-weight: bold;
}
.client-files .panel .panel-heading .filter-section .red-border {
  border-color: red;
}
.client-files .search-result-message {
  padding-bottom: 15px;
}
.client-files .client-file-name:not([disabled=disabled]) {
  color: #0076a3;
}
.client-files .client-file-name:not([disabled=disabled]):hover {
  text-decoration: underline;
}
.client-files .client-list-selection {
  width: 36px;
}
.client-files .client-list-actions {
  width: 45px;
}
.client-files .client-file-actions fig-spinner {
  width: 36px;
  height: 17px;
}
.client-files .btn-rulecube-planning-alerts {
  width: 26px;
  height: 26px;
  border-radius: 100%;
  box-shadow: rgba(0, 0, 0, 0.25) 0px 3px 6px;
}
.client-files .btn-rulecube-planning-alerts span {
  font-size: 13px;
  color: white;
}
.client-files .btn-rulecube-planning-alerts fig-spinner {
  width: 32px;
}
.client-files #client-list {
  overflow: visible;
}
.client-files #client-list .overflow {
  overflow: visible;
  white-space: normal;
  padding: 0 !important;
}
.client-files #client-list .overflow .row {
  margin-left: 9px;
  margin-right: 0px;
}
.client-files #client-list tr {
  height: 40px;
}
.client-files #client-list tr.disabled {
  pointer-events: none;
  opacity: 1;
  color: rgba(180, 180, 180, 0.5);
}
.client-files #client-list tr.disabled td {
  pointer-events: none;
}
.client-files #client-list tr.disabled td span {
  color: rgba(180, 180, 180, 0.5);
}
.client-files #client-list tr.disabled .select-td,
.client-files #client-list tr.disabled .client-file-actions {
  pointer-events: all;
  cursor: pointer;
}
.client-files #client-list tr.disabled .client-file-actions i {
  color: white;
}
.client-files #client-list td {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.client-files .panel-pagination {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  flex-direction: row;
  column-gap: 10px;
}
.client-files .panel-pagination .page-info {
  flex-grow: 1;
  text-align: right;
  line-height: 30px;
}
.client-files .spinner-container {
  min-height: 220px;
  padding-top: 100px;
}
.modified-before-date-menu,
.advice-status-change-date-range-menu {
  margin: -8px 0;
  padding: 8px;
}
.modified-before-date-menu .ng-invalid,
.advice-status-change-date-range-menu .ng-invalid {
  border-color: red;
}
.modified-before-date-menu li:not(:first-child),
.advice-status-change-date-range-menu li:not(:first-child) {
  padding-top: 8px;
}
@keyframes client-files-filter-section-show {
  0% {
    max-height: 0px;
    opacity: 0;
    overflow-y: hidden;
  }
  50% {
    max-height: 148px;
    opacity: 0;
    overflow-y: hidden;
  }
  100% {
    max-height: 148px;
    opacity: 1;
    overflow-y: hidden;
  }
}
@keyframes client-files-filter-section-hide {
  0% {
    max-height: 148px;
    opacity: 1;
    overflow-y: hidden;
  }
  50% {
    max-height: 148px;
    opacity: 0;
    overflow-y: hidden;
  }
  100% {
    max-height: 0px;
    opacity: 0;
    overflow-y: hidden;
  }
}
.card-and-contract-selection .panel h3 {
  display: inline-block;
  margin-right: 15px;
}
.card-and-contract-selection .panel fig-spinner {
  top: 36px;
}
.card-and-contract-selection .panel .table thead tr th:first-child,
.card-and-contract-selection .panel .table tbody tr td:first-child {
  padding-left: 15px;
}
.card-and-contract-selection .panel .table .column-is-selected {
  width: 140px;
  text-align: center;
}
.card-and-contract-selection .panel .table .column-category {
  width: 80px;
}
.card-and-contract-selection .panel .table .column-type {
  width: 250px;
}
.card-and-contract-selection .panel .hr {
  margin-top: 0px;
}
.card-and-contract-selection .panel button {
  margin-right: 3px;
}
.bridging-period-overview fig-pdf-button {
  float: right;
  margin-right: 12px;
}
.bridging-period-overview .panel-body table {
  font-size: 12px;
}
.bridging-period-overview .panel-body table th {
  white-space: initial;
  word-wrap: break-word;
  font-weight: bold;
}
.bridging-period-overview .panel-body table th.circle::before {
  display: inline-block;
  height: 12px;
  width: 12px;
  position: relative;
  top: 2px;
  margin-right: 3px;
  border-radius: 6px;
  content: "";
}
.bridging-period-overview .panel-body table th.circle.current::before {
  background-color: #00B0F0 !important;
}
.bridging-period-overview .panel-body table th.circle.bridging::before {
  background-color: #4DAF4A !important;
}
.bridging-period-overview .panel-body table th.circle.new::before {
  background-color: #984EA3 !important;
}
.bridging-period-overview .panel-body table .small {
  width: 7%;
  font-size: 100%;
}
.bridging-period-overview .panel-body table .large {
  width: auto;
}
.bridging-period-overview .panel-body table .cell-left-align {
  padding-left: 20px !important;
  text-align: left;
}
.bridging-period-overview .panel-body table .cell-right-align-currency {
  text-align: right;
}
.bridging-period-overview .panel-body.panel-body-table {
  border-bottom: 1px solid #ccc;
}
.bridging-period-overview .panel-body.loader {
  min-height: 300px;
}
.bridging-period-overview .plan-event-selector {
  display: inline-block;
}
.bridging-period-overview .results-plan-event-selector {
  margin-bottom: 0px;
}
.pdf-view .bridging-period-overview > .row {
  margin: 0;
}
.pdf-view .bridging-period-overview > .row > .col-md-12 {
  padding: 0;
}
.pdf-view .bridging-period-overview .panel {
  border: none;
  box-shadow: none;
}
.pdf-view .bridging-period-overview .top-action-bar {
  box-shadow: none;
  margin: 0;
  padding-left: 0;
  padding-right: 0;
  background: none;
}
.pdf-view .bridging-period-overview i.fa,
.pdf-view .bridging-period-overview pdf-button {
  display: none;
}
.pdf-view .bridging-period-overview .panel-body table .small {
  width: 14%;
}
.advisor-dashboard .planning-alerts .panel-body {
  min-height: 50px;
}
.advisor-dashboard .planning-alerts .panel-body.no-alerts {
  min-height: 50px;
}
.advisor-dashboard .planning-alerts .panel-body fig-spinner {
  margin: 5px 5px;
}
.advisor-dashboard .planning-alerts .panel-body table tr {
  cursor: unset;
}
.advisor-dashboard .planning-alerts .panel-body table td {
  height: 46px;
}
.advisor-dashboard .planning-alerts .panel-body table .icon-column {
  width: 50px;
}
.advisor-dashboard .planning-alerts .panel-body table th.icon-column {
  font-size: 16px;
  font-weight: 300;
}
.advisor-dashboard .planning-alerts .panel-body table td.icon-column {
  font-size: 20px;
  text-align: center;
}
.advisor-dashboard .planning-alerts .panel-body table .title-column {
  width: 25%;
}
.advisor-dashboard .planning-alerts .panel-body table .message-column {
  width: 75%;
}
.advisor-dashboard .no-alerts .panel {
  border-bottom: 0px;
}
.advisor-dashboard .card-property {
  width: 50% !important;
  display: inline-block !important;
}
.advisor-dashboard .form-group.card-property.date {
  float: right;
}
.advisor-dashboard .panel-card-actions,
.advisor-dashboard .form-actions {
  margin-bottom: 0;
}
.advisor-dashboard .panel-heading {
  height: 55px;
}
.advisor-dashboard fig-save-state-message {
  margin-right: 10px;
}
.accounts .add-account-button {
  left: 220px;
}
.accounts .accounts-table .action-button-column {
  min-height: 24px;
}
.accounts .accounts-table .table-no-accounts td {
  text-align: center;
}
.accounts .accounts-table .actions-button-column {
  width: 40px;
}
#mdShadow {
  /* Shadows (from mdl http://www.getmdl.io/) */
}
.budget-leveling .panel-heading {
  padding: 0px 13px 0px 13px;
}
.budget-leveling .panel {
  margin-bottom: 0;
}
.budget-leveling .form-horizontal {
  padding-top: 15px;
}
.budget-leveling .feature-toggle {
  padding: 15px;
  padding-left: 30px;
}
.budget-leveling .feature-toggle .title {
  line-height: 2.5;
}
.budget-leveling .feature-toggle mat-slide-toggle {
  margin-left: 10px;
}
.budget-leveling h3 {
  display: inline-block;
  margin-right: 15px;
}
.budget-leveling .panel-row .panel-column {
  padding: 0;
}
.budget-leveling .panel-row .panel-column .panel {
  border: none;
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
}
.budget-leveling .panel-row .panel-column:nth-of-type(1) .panel {
  border-left: none;
}
.budget-leveling .panel-row .panel-column:nth-of-type(2) .panel {
  border-right: none;
}
.budget-leveling .panel-row .table thead tr th:first-child,
.budget-leveling .panel-row .table tbody tr td:first-child {
  padding-left: 15px;
}
.budget-leveling .panel-row .table .column-selected {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  /*				height: 50px;
*/
}
.budget-leveling .panel-row .table .column-selected,
.budget-leveling .panel-row .table .column-is-limited {
  text-align: center;
}
.budget-leveling .panel-row .table .column-description {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  height: 50px;
}
.budget-leveling .panel-row .table .column-value,
.budget-leveling .panel-row .table .column-limit-value,
.budget-leveling .panel-row .table .column-priority {
  text-align: left;
}
.budget-leveling .panel-row .table .column-priority {
  width: 100px;
  text-align: center;
}
@media only screen and (min-width: 1200px) {
  .budget-leveling .panel-row .panel-column:nth-of-type(2) .panel {
    border-left: 3px solid #ddd;
  }
}
#mdShadow {
  /* Shadows (from mdl http://www.getmdl.io/) */
}
.alerts .table-alerts tr {
  height: 40px;
}
.alerts .table-alerts tr:not(.viewed) {
  font-weight: bold;
}
.alerts .table-alerts tr:not(:hover):not(.with-actions):not(.selected) .col-actions actions-button {
  display: none;
  visibility: hidden;
}
.alerts .table-alerts .col-checked {
  width: 50px;
}
.alerts .table-alerts .col-name {
  width: 200px;
}
.alerts .table-alerts .col-name a:hover {
  font-weight: bold;
}
.alerts .table-alerts .col-type {
  width: 150px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.alerts .table-alerts .col-date {
  width: 150px;
}
.alerts .table-alerts .col-actions {
  width: 50px;
}
#mdShadow {
  /* Shadows (from mdl http://www.getmdl.io/) */
}
#mdShadow {
  /* Shadows (from mdl http://www.getmdl.io/) */
}
.control-label,
label,
.label {
  color: inherit;
  font-weight: 400;
  text-align: left !important;
}
.control-label .badge,
label .badge,
.label .badge {
  margin-left: 5px;
  margin-bottom: 0;
  padding: 2px 8px;
  font-size: 11px;
}
.control-label .badge.badge-amount,
label .badge.badge-amount,
.label .badge.badge-amount {
  background-color: #ddd;
  color: #1E1E1E;
}
.form-control {
  box-shadow: none;
  height: 32px;
  font-weight: 400;
  color: #1E1E1E;
  padding: 6px 9px;
}
.form-control.currency,
.form-control.numeric {
  text-align: right;
}
.form-control::-moz-placeholder {
  color: #ddd;
  opacity: 0.5;
  font-weight: 300;
}
.form-control[readonly] {
  cursor: not-allowed;
  background-color: #eee;
  opacity: 1;
}
.form-control[readonly]:focus {
  border-color: #CCC;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.form-control-radio {
  box-shadow: none;
  height: 32px;
  font-weight: 400;
  color: #1E1E1E;
  padding: 0px;
  border: none;
}
input[type="text"] {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.input-group-btn .btn {
  height: 32px;
}
.input-group-btn .btn i {
  width: 12px;
}
.input-group .input-group-btn:not(:last-child) .btn {
  border-radius: 0;
}
.radio-inline {
  line-height: 22px;
}
.input-currency {
  width: 100%;
}
.input-date {
  width: 100%;
}
.input-group .input-group-addon {
  background: transparent;
}
.input-group.input-search {
  border-bottom: 3px solid #E7AA37;
}
.input-group.input-search .input-group-addon[disabled=disabled] {
  opacity: 0.5;
}
.input-group.input-search .input-group-addon .fa {
  color: #E7AA37;
}
.input-group.input-search .input-group-addon,
.input-group.input-search .form-control {
  background: transparent;
  border: none;
  border-radius: 0;
  transition: box-shadow 0.085s;
  box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.14), 0 0 0 0 rgba(0, 0, 0, 0.2), 0 0 0 0 rgba(0, 0, 0, 0.12);
}
.input-group.input-search .form-control:hover,
.input-group.input-search .form-control:focus,
.input-group.input-search .form-control:active {
  outline: none !important;
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
}
text-input .text-input.readonly {
  margin-top: 7px;
  padding-left: 10px;
}
text-input .text-input input[readonly] {
  cursor: not-allowed;
}
.readonly-primary {
  opacity: 0.65;
  cursor: not-allowed;
  pointer-events: none;
}
.readonly-default {
  background-color: #ddd;
  opacity: 0.65;
  cursor: not-allowed;
  pointer-events: none;
}
.cursor-not-allowed {
  cursor: not-allowed !important;
}
#mdShadow {
  /* Shadows (from mdl http://www.getmdl.io/) */
}
html:not([data-scroll='0']) .top-action-bar {
  box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12), 0 2px 4px -1px rgba(0, 0, 0, 0.2);
}
.top-action-bar {
  position: sticky;
  display: flex;
  box-sizing: content-box;
  margin: 0 -60px;
  padding: 15px 60px 0;
  min-height: 40px;
  background-color: #E5E5E5;
  z-index: 999;
  box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.14), 0 0 0 0 rgba(0, 0, 0, 0.2), 0 0 0 0 rgba(0, 0, 0, 0.12);
  border: none;
  will-change: box-shadow;
  transition: box-shadow 0.3s;
}
.top-action-bar h1.client-view-title {
  margin: 0;
  position: absolute;
}
.top-action-bar .top-actions-left {
  position: relative;
  flex-shrink: 1;
  flex-grow: 1;
  text-align: left;
}
.top-action-bar .top-actions-right {
  flex-shrink: 0;
  flex-grow: 0;
  margin-left: 10px;
  text-align: right;
}
body:not(.side-menu-open) .top-action-bar {
  left: 0;
}
.actions {
  display: inline-block;
}
.actions.actions-left {
  float: left;
  text-align: left;
}
.actions.actions-right {
  float: right;
  margin-left: 10px;
}
.scenario-icon {
  position: absolute;
  z-index: 10;
  opacity: 0.5;
  pointer-events: none;
  padding: 10px;
}
.scenario-icon img {
  max-width: 50px;
}
.page-content {
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
}
.page-content.with-side-nav {
  left: 265px;
}
.page-content.with-side-nav .navbar.main-nav {
  left: 265px;
}
.tab {
  display: none;
}
.tab-content {
  border: 1px solid #ddd;
  border-top: transparent;
  padding: 30px;
  background: #FFF;
}
.bs-responsive-label {
  position: fixed;
  bottom: 45px;
  left: 15px;
}
.bs-responsive-label label {
  color: #FFF;
  opacity: 0.5;
}
.client-view-title {
  width: 100%;
  font-size: 22px;
  display: inline-block;
}
.text-ellipsis {
  overflow: hidden;
  white-space: nowrap;
  display: inline-block;
  text-overflow: ellipsis;
  max-width: 100%;
}
.text-ellipsis-reverse {
  overflow: hidden;
  white-space: nowrap;
  display: inline-block;
  text-overflow: ellipsis;
  max-width: 100%;
  direction: rtl;
}
.table-cell {
  display: table-cell;
}
.pdf-view,
.pdf-view body {
  background: none;
}
#mdShadow {
  /* Shadows (from mdl http://www.getmdl.io/) */
}
h1 {
  font-size: 24px;
  font-weight: 300;
  margin: 30px 0 25px;
}
h2 {
  font-size: 21px;
  font-weight: 300;
  margin: 30px 0 25px;
}
h3 {
  margin-top: 10px;
}
h4 {
  font-weight: 400;
  font-size: 20px;
}
label {
  font-size: 14px;
  font-weight: 400;
}
ul {
  padding: 0;
  margin: 0;
}
a {
  cursor: pointer;
  color: #0076a3;
}
a:hover,
a:focus {
  text-decoration: underline;
  color: #0076a3;
}
textarea {
  resize: vertical;
  width: 100%;
  margin-top: 5px;
  margin-bottom: 15px;
  padding: 5px;
  border: 1px solid #ccc;
  color: #1E1E1E;
  background-color: #FFF;
}
hr {
  background-color: #ddd;
  border-color: #ddd;
}
.figlo-current-situation-color {
  color: #00B0F0;
}
.figlo-generic-plan-color {
  color: #00B050;
}
.figlo-mortgage-plan-color {
  color: #7030A0;
}
.figlo-advisor-plan-color {
  color: #E8A418;
}
.clickable {
  cursor: pointer;
}
/* Figlo list */
.figlo-list {
  width: 100%;
  display: block;
  list-style-type: none;
}
.figlo-list li {
  border-top: 1px solid #ddd;
  border-left: 1px solid #ddd;
  border-right: 1px solid #ddd;
  padding: 5px 15px;
}
.figlo-list li:last-child {
  border-bottom: 1px solid #ddd;
}
.figlo-list.selectable li:hover {
  cursor: pointer;
  background-color: #e6e6e6 !important;
}
.figlo-list.selectable li.selected {
  background-color: #E6F8FF;
}
input .ng-invalid {
  background-color: #A00000;
}
ng-messages ng-message,
.ng-messages ng-message,
ng-messages .ng-message,
.ng-messages .ng-message {
  color: #d9534f;
  font-size: 12px;
  font-weight: 500;
  margin-top: 0.25rem;
}
ng-messages ng-message.info,
.ng-messages ng-message.info,
ng-messages .ng-message.info,
.ng-messages .ng-message.info {
  color: #5bc0de;
}
ng-messages.inline-messages,
.ng-messages.inline-messages {
  display: inline-block;
}
ng-messages.inline-messages ng-message,
.ng-messages.inline-messages ng-message,
ng-messages.inline-messages .ng-message,
.ng-messages.inline-messages .ng-message {
  line-height: 1;
  position: relative;
  display: inline-block;
  margin: 0;
}
ng-messages.inline-messages ng-message spinner,
.ng-messages.inline-messages ng-message spinner,
ng-messages.inline-messages .ng-message spinner,
.ng-messages.inline-messages .ng-message spinner,
ng-messages.inline-messages ng-message .spinner,
.ng-messages.inline-messages ng-message .spinner,
ng-messages.inline-messages .ng-message .spinner,
.ng-messages.inline-messages .ng-message .spinner {
  display: inline-block;
  float: left;
  height: 20px;
}
ng-messages.inline-messages ng-message spinner [class^="rect"],
.ng-messages.inline-messages ng-message spinner [class^="rect"],
ng-messages.inline-messages .ng-message spinner [class^="rect"],
.ng-messages.inline-messages .ng-message spinner [class^="rect"],
ng-messages.inline-messages ng-message .spinner [class^="rect"],
.ng-messages.inline-messages ng-message .spinner [class^="rect"],
ng-messages.inline-messages .ng-message .spinner [class^="rect"],
.ng-messages.inline-messages .ng-message .spinner [class^="rect"] {
  width: 3px;
}
ng-messages.inline-messages ng-message i.fa,
.ng-messages.inline-messages ng-message i.fa,
ng-messages.inline-messages .ng-message i.fa,
.ng-messages.inline-messages .ng-message i.fa,
ng-messages.inline-messages ng-message span,
.ng-messages.inline-messages ng-message span,
ng-messages.inline-messages .ng-message span,
.ng-messages.inline-messages .ng-message span {
  margin-left: 5px;
}
ng-messages.inline-messages ng-message i.fa,
.ng-messages.inline-messages ng-message i.fa,
ng-messages.inline-messages .ng-message i.fa,
.ng-messages.inline-messages .ng-message i.fa {
  font-size: 20px;
  position: relative;
  display: inline-block;
  text-align: center;
}
ng-messages.inline-messages ng-message span,
.ng-messages.inline-messages ng-message span,
ng-messages.inline-messages .ng-message span,
.ng-messages.inline-messages .ng-message span {
  display: inline-block;
  position: relative;
  line-height: 1.7;
}
/*
    The angular-bootstrap-toggle component that we use has support for ng-disabled in version 0.1.3, but this version was never pushed to npm.
    Decided to manually apply styling and disable click-events through CSS.
    
    Implemented based on:
    https://github.com/ziscloud/angular-bootstrap-toggle/commit/f056c5f17eaf752b83348cb4633cf4cb812d70fd?diff=split#diff-2eea4b3b4ad6900a0c35e45d692f1f5dR150
*/
toggle[disabled='disabled'] {
  opacity: 0.65;
  cursor: not-allowed;
}
toggle[disabled='disabled'] .toggle {
  pointer-events: none;
}
/*
    Restyle the control without changing the implementation, so there won't break anything.
*/
toggle {
  width: 50px;
  display: inline-block;
}
toggle .toggle.btn {
  border: none;
  background: none;
  padding: 10px;
  min-width: 52px !important;
  width: 52px;
}
toggle .toggle.btn:not([disabled=disabled]):hover,
toggle .toggle.btn:not([disabled=disabled]):active {
  border: none;
  background: none;
  box-shadow: none;
}
toggle .toggle.btn:not([disabled=disabled]):hover::after,
toggle .toggle.btn:not([disabled=disabled]):active::after {
  box-shadow: 0px 0px 0px 7px rgba(0, 118, 163, 0.1);
}
toggle .toggle.btn:not([disabled=disabled]):hover.off::after,
toggle .toggle.btn:not([disabled=disabled]):active.off::after {
  box-shadow: 0px 0px 0px 7px rgba(176, 176, 176, 0.15), 0px 1px 3px 1px #b0b0b0;
}
toggle .toggle.btn:not([disabled=disabled]):active::after {
  box-shadow: 0px 0px 0px 7px rgba(0, 118, 163, 0.2);
}
toggle .toggle.btn:not([disabled=disabled]):active.off::after {
  box-shadow: 0px 0px 0px 7px rgba(176, 176, 176, 0.3), 0px 1px 3px 1px #b0b0b0;
}
toggle .toggle.btn::after {
  content: "";
  display: inline-block;
  position: absolute;
  top: 0;
  left: calc(100% - 34px);
  transition: left 0.15s, background-color 0.15s;
  height: 20px;
  width: 20px;
  margin: 7px;
  border-radius: 50%;
  background-color: #0076a3;
}
toggle .toggle.btn .toggle-group {
  position: relative;
  width: 100%;
  height: 14px;
  border-radius: 7px;
  overflow: hidden;
  left: 0;
  margin: auto;
  background-color: #FFF;
}
toggle .toggle.btn .toggle-group .toggle-on,
toggle .toggle.btn .toggle-group .toggle-off {
  height: 100%;
  width: 100%;
  padding: 0;
  transition: left 0.15s;
  border: none;
  box-shadow: none;
}
toggle .toggle.btn .toggle-group .toggle-on *,
toggle .toggle.btn .toggle-group .toggle-off * {
  display: none;
}
toggle .toggle.btn .toggle-group .toggle-on {
  background-color: rgba(0, 118, 163, 0.5);
  right: 0;
}
toggle .toggle.btn .toggle-group .toggle-off {
  background-color: #b0b0b0;
  left: 100%;
}
toggle .toggle.btn .toggle-group .toggle-handle {
  display: none;
}
toggle .toggle.btn.off::after {
  left: 0;
  background-color: #FFF;
  box-shadow: 0px 1px 3px 1px #b0b0b0;
}
toggle .toggle.btn.off .toggle-group .toggle-on {
  left: -100%;
}
toggle .toggle.btn.off .toggle-group .toggle-off {
  left: 0;
}
#mdShadow {
  /* Shadows (from mdl http://www.getmdl.io/) */
}
.switch input[type="checkbox"] {
  display: none;
}
.switch input[type="checkbox"]:checked + label::before {
  background: inherit;
  opacity: 0.5;
}
.switch input[type="checkbox"]:checked + label::after {
  background: inherit;
  left: 14px;
  box-shadow: none;
}
.switch label {
  position: relative;
  width: 24px;
  height: 0px;
  cursor: pointer;
}
.switch label::before {
  position: absolute;
  width: 26px;
  height: 12px;
  border-radius: 8px;
  margin-top: -6px;
  transition: all 0.5s;
  background: #000;
  content: '';
  opacity: 0.3;
  box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.14) inset, 0 1px 10px 0 rgba(0, 0, 0, 0.12) inset, 0 2px 4px -1px rgba(0, 0, 0, 0.2) inset;
}
.switch label::after {
  position: absolute;
  width: 16px;
  height: 16px;
  border-radius: 16px;
  margin-top: -6px;
  transition: all 0.5s;
  background: #FFF;
  content: '';
  left: -4px;
  top: -2px;
  box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 2px 0 rgba(0, 0, 0, 0.12);
}
fig-save-state-message {
  display: inline-block;
  padding-top: 8px;
}
fig-save-state-message .mini-spinner {
  height: 16px !important;
}
fig-save-state-message span {
  font-weight: bold;
}
fig-save-state-message .saving {
  color: #31708f;
}
fig-save-state-message .saved {
  color: #3c763d;
}
fig-save-state-message .error {
  color: #a94442;
}
fig-save-state-message i {
  font-size: 20px;
  padding-right: 8px;
}
#mdShadow {
  /* Shadows (from mdl http://www.getmdl.io/) */
}
.side-nav-toggle {
  position: fixed;
  top: 10px;
  left: 0;
  z-index: 1002;
}
.side-nav-toggle .menu-button {
  margin: 12px 15px 15px 15px;
}
.navbar-tools {
  display: flex;
  flex-direction: column;
  min-height: 100%;
}
.navbar-tools .navbar-menu {
  flex: none;
}
.navbar-tools .navbar-menu-grow {
  flex-grow: 1;
}
nav.navbar-vertical {
  background-color: #2f3035;
  color: #FFF;
  z-index: 1001;
  position: fixed;
  top: 0;
  bottom: 0;
  width: 265px;
  box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12), 0 2px 4px -1px rgba(0, 0, 0, 0.2);
  overflow: hidden;
}
nav.navbar-vertical:hover .scroll-container {
  overflow-y: auto;
  overflow-x: hidden;
}
nav.navbar-vertical.navbar-fixed-left {
  left: 0;
}
nav.navbar-vertical.mortgage .background {
  background-color: #7030A0 !important;
}
nav.navbar-vertical.mortgage ul.navbar-menu li a.active,
nav.navbar-vertical.mortgage ul.navbar-menu li.active a {
  border-left-color: #7030A0 !important;
}
nav.navbar-vertical.mortgage ul.navbar-menu li a::before {
  background-image: -webkit-linear-gradient(45deg, #7030a0, rgba(112, 48, 160, 0));
  background-image: -o-linear-gradient(45deg, #7030a0, rgba(112, 48, 160, 0));
  background-image: linear-gradient(45deg, #7030a0, rgba(112, 48, 160, 0));
  background-repeat: repeat-x;
}
nav.navbar-vertical.mortgage ul.navbar-menu li a:not([disabled=disabled]):hover {
  border-left-color: rgba(112, 48, 160, 0.25);
}
nav.navbar-vertical.mortgage .navbar-footer ul.navbar-menu li a::before {
  background-image: -webkit-linear-gradient(45deg, #7030a0, rgba(112, 48, 160, 0.35)) !important;
  background-image: -o-linear-gradient(45deg, #7030a0, rgba(112, 48, 160, 0.35)) !important;
  background-image: linear-gradient(45deg, #7030a0, rgba(112, 48, 160, 0.35)) !important;
  background-repeat: repeat-x !important;
}
nav.navbar-vertical.mortgage .tools .tools-button::before {
  background-image: -webkit-linear-gradient(45deg, #7030a0, rgba(112, 48, 160, 0.35)) !important;
  background-image: -o-linear-gradient(45deg, #7030a0, rgba(112, 48, 160, 0.35)) !important;
  background-image: linear-gradient(45deg, #7030a0, rgba(112, 48, 160, 0.35)) !important;
  background-repeat: repeat-x !important;
}
nav.navbar-vertical.mortgage .tools .dropdown-menu a::before {
  background-image: -webkit-linear-gradient(45deg, #7030a0, rgba(112, 48, 160, 0)) !important;
  background-image: -o-linear-gradient(45deg, #7030a0, rgba(112, 48, 160, 0)) !important;
  background-image: linear-gradient(45deg, #7030a0, rgba(112, 48, 160, 0)) !important;
  background-repeat: repeat-x !important;
}
nav.navbar-vertical.planning .background {
  background-color: #00B050 !important;
}
nav.navbar-vertical.planning ul.navbar-menu li a.active,
nav.navbar-vertical.planning ul.navbar-menu li.active a {
  border-left-color: #00B050 !important;
}
nav.navbar-vertical.planning ul.navbar-menu li a::before {
  background-image: -webkit-linear-gradient(45deg, #00b050, rgba(0, 176, 80, 0));
  background-image: -o-linear-gradient(45deg, #00b050, rgba(0, 176, 80, 0));
  background-image: linear-gradient(45deg, #00b050, rgba(0, 176, 80, 0));
  background-repeat: repeat-x;
}
nav.navbar-vertical.planning ul.navbar-menu li a:not([disabled=disabled]):hover {
  border-left-color: rgba(0, 176, 80, 0.25);
}
nav.navbar-vertical.planning .navbar-footer ul.navbar-menu li a::before {
  background-image: -webkit-linear-gradient(45deg, #00b050, rgba(0, 176, 80, 0.35)) !important;
  background-image: -o-linear-gradient(45deg, #00b050, rgba(0, 176, 80, 0.35)) !important;
  background-image: linear-gradient(45deg, #00b050, rgba(0, 176, 80, 0.35)) !important;
  background-repeat: repeat-x !important;
}
nav.navbar-vertical.planning .tools .tools-button::before {
  background-image: -webkit-linear-gradient(45deg, #00b050, rgba(0, 176, 80, 0.35)) !important;
  background-image: -o-linear-gradient(45deg, #00b050, rgba(0, 176, 80, 0.35)) !important;
  background-image: linear-gradient(45deg, #00b050, rgba(0, 176, 80, 0.35)) !important;
  background-repeat: repeat-x !important;
}
nav.navbar-vertical.planning .tools .dropdown-menu a::before {
  background-image: -webkit-linear-gradient(45deg, #00b050, rgba(0, 176, 80, 0)) !important;
  background-image: -o-linear-gradient(45deg, #00b050, rgba(0, 176, 80, 0)) !important;
  background-image: linear-gradient(45deg, #00b050, rgba(0, 176, 80, 0)) !important;
  background-repeat: repeat-x !important;
}
nav.navbar-vertical.dashboard {
  background-color: #505054;
}
nav.navbar-vertical.dashboard .background {
  background-color: #E8A418 !important;
}
nav.navbar-vertical.dashboard ul.navbar-menu li a.active,
nav.navbar-vertical.dashboard ul.navbar-menu li.active a {
  border-left-color: #E8A418 !important;
}
nav.navbar-vertical.dashboard ul.navbar-menu li a::before {
  background-image: -webkit-linear-gradient(45deg, #e8a418, rgba(232, 164, 24, 0));
  background-image: -o-linear-gradient(45deg, #e8a418, rgba(232, 164, 24, 0));
  background-image: linear-gradient(45deg, #e8a418, rgba(232, 164, 24, 0));
  background-repeat: repeat-x;
}
nav.navbar-vertical.dashboard ul.navbar-menu li a:not([disabled=disabled]):hover {
  border-left-color: rgba(232, 164, 24, 0.25);
}
nav.navbar-vertical.dashboard .navbar-footer ul.navbar-menu li a::before {
  background-image: -webkit-linear-gradient(45deg, #e8a418, rgba(232, 164, 24, 0.35)) !important;
  background-image: -o-linear-gradient(45deg, #e8a418, rgba(232, 164, 24, 0.35)) !important;
  background-image: linear-gradient(45deg, #e8a418, rgba(232, 164, 24, 0.35)) !important;
  background-repeat: repeat-x !important;
}
nav.navbar-vertical.dashboard .tools .tools-button::before {
  background-image: -webkit-linear-gradient(45deg, #e8a418, rgba(232, 164, 24, 0.35)) !important;
  background-image: -o-linear-gradient(45deg, #e8a418, rgba(232, 164, 24, 0.35)) !important;
  background-image: linear-gradient(45deg, #e8a418, rgba(232, 164, 24, 0.35)) !important;
  background-repeat: repeat-x !important;
}
nav.navbar-vertical.dashboard .tools .dropdown-menu a::before {
  background-image: -webkit-linear-gradient(45deg, #e8a418, rgba(232, 164, 24, 0)) !important;
  background-image: -o-linear-gradient(45deg, #e8a418, rgba(232, 164, 24, 0)) !important;
  background-image: linear-gradient(45deg, #e8a418, rgba(232, 164, 24, 0)) !important;
  background-repeat: repeat-x !important;
}
nav.navbar-vertical.dashboard div.navbar-header {
  background-color: #505054;
}
nav.navbar-vertical.my-vault .background {
  background-color: #E8A418 !important;
}
nav.navbar-vertical.my-vault ul.navbar-menu li a.active,
nav.navbar-vertical.my-vault ul.navbar-menu li.active a {
  border-left-color: #E8A418 !important;
}
nav.navbar-vertical.my-vault ul.navbar-menu li a::before {
  background-image: -webkit-linear-gradient(45deg, #e8a418, rgba(232, 164, 24, 0));
  background-image: -o-linear-gradient(45deg, #e8a418, rgba(232, 164, 24, 0));
  background-image: linear-gradient(45deg, #e8a418, rgba(232, 164, 24, 0));
  background-repeat: repeat-x;
}
nav.navbar-vertical.my-vault ul.navbar-menu li a:not([disabled=disabled]):hover {
  border-left-color: rgba(232, 164, 24, 0.25);
}
nav.navbar-vertical.my-vault .navbar-footer ul.navbar-menu li a::before {
  background-image: -webkit-linear-gradient(45deg, #e8a418, rgba(232, 164, 24, 0.35)) !important;
  background-image: -o-linear-gradient(45deg, #e8a418, rgba(232, 164, 24, 0.35)) !important;
  background-image: linear-gradient(45deg, #e8a418, rgba(232, 164, 24, 0.35)) !important;
  background-repeat: repeat-x !important;
}
nav.navbar-vertical.my-vault .tools .tools-button::before {
  background-image: -webkit-linear-gradient(45deg, #e8a418, rgba(232, 164, 24, 0.35)) !important;
  background-image: -o-linear-gradient(45deg, #e8a418, rgba(232, 164, 24, 0.35)) !important;
  background-image: linear-gradient(45deg, #e8a418, rgba(232, 164, 24, 0.35)) !important;
  background-repeat: repeat-x !important;
}
nav.navbar-vertical.my-vault .tools .dropdown-menu a::before {
  background-image: -webkit-linear-gradient(45deg, #e8a418, rgba(232, 164, 24, 0)) !important;
  background-image: -o-linear-gradient(45deg, #e8a418, rgba(232, 164, 24, 0)) !important;
  background-image: linear-gradient(45deg, #e8a418, rgba(232, 164, 24, 0)) !important;
  background-repeat: repeat-x !important;
}
nav.navbar-vertical.my-vault .figlo-logo {
  display: none !important;
}
nav.navbar-vertical.my-vault .type-logo {
  right: 65px;
}
nav.navbar-vertical.tools .background {
  background-color: #A03030 !important;
}
nav.navbar-vertical.tools ul.navbar-menu li a.active,
nav.navbar-vertical.tools ul.navbar-menu li.active a {
  border-left-color: #A03030 !important;
}
nav.navbar-vertical.tools ul.navbar-menu li a::before {
  background-image: -webkit-linear-gradient(45deg, #a03030, rgba(160, 48, 48, 0));
  background-image: -o-linear-gradient(45deg, #a03030, rgba(160, 48, 48, 0));
  background-image: linear-gradient(45deg, #a03030, rgba(160, 48, 48, 0));
  background-repeat: repeat-x;
}
nav.navbar-vertical.tools ul.navbar-menu li a:not([disabled=disabled]):hover {
  border-left-color: rgba(160, 48, 48, 0.25);
}
nav.navbar-vertical.tools .navbar-footer ul.navbar-menu li a::before {
  background-image: -webkit-linear-gradient(45deg, #a03030, rgba(160, 48, 48, 0.35)) !important;
  background-image: -o-linear-gradient(45deg, #a03030, rgba(160, 48, 48, 0.35)) !important;
  background-image: linear-gradient(45deg, #a03030, rgba(160, 48, 48, 0.35)) !important;
  background-repeat: repeat-x !important;
}
nav.navbar-vertical.tools .tools .tools-button::before {
  background-image: -webkit-linear-gradient(45deg, #a03030, rgba(160, 48, 48, 0.35)) !important;
  background-image: -o-linear-gradient(45deg, #a03030, rgba(160, 48, 48, 0.35)) !important;
  background-image: linear-gradient(45deg, #a03030, rgba(160, 48, 48, 0.35)) !important;
  background-repeat: repeat-x !important;
}
nav.navbar-vertical.tools .tools .dropdown-menu a::before {
  background-image: -webkit-linear-gradient(45deg, #a03030, rgba(160, 48, 48, 0)) !important;
  background-image: -o-linear-gradient(45deg, #a03030, rgba(160, 48, 48, 0)) !important;
  background-image: linear-gradient(45deg, #a03030, rgba(160, 48, 48, 0)) !important;
  background-repeat: repeat-x !important;
}
nav.navbar-vertical .scroll-container {
  position: absolute;
  top: 120px;
  bottom: 61px;
  left: 0;
  right: 0;
  scrollbar-width: thin;
}
nav.navbar-vertical .scroll-container section.navbar-section {
  width: 262px;
}
nav.navbar-vertical .scroll-container.tools {
  bottom: 0px;
}
nav.navbar-vertical .navbar-container {
  height: 100%;
}
nav.navbar-vertical div.navbar-header {
  position: fixed;
  top: 0;
  left: 0;
  width: 265px;
  height: 120px;
  z-index: 10;
  display: block;
  background-color: #2f3035;
  border-bottom: 0px solid rgba(255, 255, 255, 0);
  will-change: border-bottom-color;
  transition-property: border-bottom-color;
  transition-duration: 0.3s;
}
nav.navbar-vertical div.navbar-header .figlo-logo-container {
  display: inline-block;
  margin: 0 auto;
  margin-top: 10px;
  position: relative;
  width: 100%;
  min-height: 46px;
  padding-left: 51px;
}
nav.navbar-vertical div.navbar-header .figlo-logo-container .figlo-logo {
  display: inline-block;
  float: left;
}
nav.navbar-vertical div.navbar-header .figlo-logo-container .figlo-logo img {
  height: 42px;
  position: relative;
  display: inline-block;
}
nav.navbar-vertical div.navbar-header .figlo-logo-container .type-logo {
  float: right;
  position: relative;
  width: 100%;
  text-align: center;
  width: 112px;
  margin-top: 8px;
  margin-right: 7px;
  display: flex;
  align-items: center;
  justify-content: center;
}
nav.navbar-vertical div.navbar-header .figlo-logo-container .background {
  will-change: background-color;
  transition-property: background-color;
  transition-duration: 0.3s;
  background-color: #00B0F0;
  border-radius: 10px 0 10px 0;
  transform: skew(-4deg);
  z-index: -1;
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
nav.navbar-vertical div.navbar-header .figlo-logo-container .type-logo-name {
  font-size: 16px;
  font-weight: 400;
  color: #FFF;
  letter-spacing: 1px;
  min-height: 25px;
  display: flex;
  align-items: center;
}
nav.navbar-vertical div.navbar-header .navbar-menu {
  margin-top: 12px;
}
nav.navbar-vertical div.navbar-client .client-file-name .menu-item-text {
  color: #FFF;
}
nav.navbar-vertical .separator {
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}
nav.navbar-vertical ul.navbar-menu {
  position: relative;
  display: inline-block;
  width: 100%;
  height: auto;
  list-style: none;
}
nav.navbar-vertical ul.navbar-menu li.menu-item-block {
  width: 46px;
  height: 46px;
  display: inline-block;
}
nav.navbar-vertical ul.navbar-menu li.menu-item-block.first {
  margin-left: 5px;
}
nav.navbar-vertical ul.navbar-menu li.menu-item-block a {
  border-left: none !important;
  height: 100%;
  width: 100%;
  text-align: center;
}
nav.navbar-vertical ul.navbar-menu li.menu-item-block a .menu-item-icon {
  padding: 0;
}
nav.navbar-vertical ul.navbar-menu li {
  position: relative;
  width: 100%;
}
nav.navbar-vertical ul.navbar-menu li.no-nav > a {
  border-left: none !important;
  padding-left: 5px;
  color: rgba(255, 255, 255, 0.75) !important;
  cursor: default;
}
nav.navbar-vertical ul.navbar-menu li.no-nav > a::before {
  display: none;
  visibility: hidden;
}
nav.navbar-vertical ul.navbar-menu li.no-nav > a .menu-item-text {
  font-weight: 300 !important;
}
nav.navbar-vertical ul.navbar-menu li.no-nav:not(.open) ul {
  display: none;
  visibility: hidden;
}
nav.navbar-vertical ul.navbar-menu li.with-sub-items.open .menu-item-caret i {
  transform: rotateZ(-180deg);
}
nav.navbar-vertical ul.navbar-menu li a:not([disabled=disabled]):hover::before {
  opacity: 0.15;
}
nav.navbar-vertical ul.navbar-menu li.with-sub-items[disabled=disabled] {
  pointer-events: none;
}
nav.navbar-vertical ul.navbar-menu li a:not([disabled=disabled]):active,
nav.navbar-vertical ul.navbar-menu li a:not([disabled=disabled]):hover,
nav.navbar-vertical ul.navbar-menu li a.active,
nav.navbar-vertical ul.navbar-menu li.active a {
  transition-duration: 0ms;
  border-left-color: #0abbff;
  color: #FFF;
}
nav.navbar-vertical ul.navbar-menu li a:not([disabled=disabled]):active .menu-item-text,
nav.navbar-vertical ul.navbar-menu li a:not([disabled=disabled]):hover .menu-item-text,
nav.navbar-vertical ul.navbar-menu li a.active .menu-item-text,
nav.navbar-vertical ul.navbar-menu li.active a .menu-item-text {
  font-weight: 500;
}
nav.navbar-vertical ul.navbar-menu li a:not([disabled=disabled]):active::before,
nav.navbar-vertical ul.navbar-menu li a:not([disabled=disabled]):hover::before,
nav.navbar-vertical ul.navbar-menu li a.active::before,
nav.navbar-vertical ul.navbar-menu li.active a::before {
  transition-duration: 0ms;
  opacity: 0.25 !important;
}
nav.navbar-vertical ul.navbar-menu li a:not([disabled=disabled]):hover {
  border-left-color: rgba(10, 187, 255, 0.25);
}
nav.navbar-vertical ul.navbar-menu li.selected a {
  border-left-color: #0abbff;
}
nav.navbar-vertical ul.navbar-menu li a {
  position: relative;
  font-size: 15px;
  transition-duration: 0.3s;
  color: rgba(255, 255, 255, 0.75);
  border-left: 5px solid rgba(255, 255, 255, 0);
  transition-property: border-left-color, color;
  will-change: border-left-color, color;
  cursor: pointer;
  user-select: none;
  text-decoration: none;
  display: flex;
  min-height: 46px;
  align-items: center;
}
nav.navbar-vertical ul.navbar-menu li a::before {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  opacity: 0;
  transition-duration: 0.3s;
  transition-property: opacity;
  will-change: opacity;
  z-index: -1;
  background-image: -webkit-linear-gradient(45deg, #0abbff, rgba(10, 187, 255, 0));
  background-image: -o-linear-gradient(45deg, #0abbff, rgba(10, 187, 255, 0));
  background-image: linear-gradient(45deg, #0abbff, rgba(10, 187, 255, 0));
  background-repeat: repeat-x;
}
nav.navbar-vertical ul.navbar-menu li a[disabled=disabled] {
  cursor: not-allowed;
  opacity: 0.5;
}
nav.navbar-vertical ul.navbar-menu li a.user-logout,
nav.navbar-vertical ul.navbar-menu li a.app-exit,
nav.navbar-vertical ul.navbar-menu li a.custom-button {
  border-left: none !important;
  padding-left: 5px;
}
nav.navbar-vertical ul.navbar-menu li a.user-logout,
nav.navbar-vertical ul.navbar-menu li a.app-exit {
  overflow: hidden;
}
nav.navbar-vertical ul.navbar-menu li a.user-logout::before,
nav.navbar-vertical ul.navbar-menu li a.app-exit::before {
  background-image: -webkit-linear-gradient(45deg, #a00000, rgba(160, 0, 0, 0));
  background-image: -o-linear-gradient(45deg, #a00000, rgba(160, 0, 0, 0));
  background-image: linear-gradient(45deg, #a00000, rgba(160, 0, 0, 0));
  background-repeat: repeat-x;
}
nav.navbar-vertical ul.navbar-menu li.indent.no-icon .menu-item-text {
  margin-left: 43px;
}
nav.navbar-vertical ul.navbar-menu li.indent .menu-item-icon {
  margin-left: 30px;
}
nav.navbar-vertical ul.navbar-menu li .menu-item-text {
  justify-content: flex-start;
  align-items: center;
  flex: 1;
  font-weight: 300;
  line-height: 1;
  min-height: 16px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
nav.navbar-vertical ul.navbar-menu li .menu-item-text.center {
  display: flex;
  justify-content: center;
}
nav.navbar-vertical ul.navbar-menu li .menu-item-text.clientfile-name {
  margin-right: 10px;
}
nav.navbar-vertical ul.navbar-menu li .menu-item-text.back-to-advisor-view {
  font-weight: bold;
}
nav.navbar-vertical ul.navbar-menu li .menu-item-caret[disabled=disabled] {
  opacity: 0.5;
}
nav.navbar-vertical ul.navbar-menu li .menu-item-caret:not([disabled=disabled]):hover .menu-toggle {
  color: #FFF;
  border-color: #FFF;
  transition-duration: 0ms;
}
nav.navbar-vertical ul.navbar-menu li .menu-item-caret i {
  will-change: transform;
  transition-property: transform;
  transition-duration: 0.3s;
}
nav.navbar-vertical ul.navbar-menu li .menu-item-caret .menu-toggle {
  border-radius: 100%;
  transition-property: color, border-color;
  will-change: color, border-color;
  transition-duration: 0.3s;
  width: 26px;
  height: 26px;
  display: flex;
  justify-content: center;
  align-items: center;
}
nav.navbar-vertical ul.navbar-menu[disabled=disabled] {
  pointer-events: none;
}
nav.navbar-vertical .menu-button .icon-bar {
  color: #FFF;
}
nav.navbar-vertical div.navbar-footer {
  position: fixed;
  display: flex;
  flex-direction: column;
  bottom: 0;
  left: 0;
  width: 265px;
  height: 61px;
  z-index: 10;
  display: block;
  background-color: #505054;
  border-top: 1px solid rgba(255, 255, 255, 0.2);
  will-change: border-top-color;
  transition-property: border-top-color;
  transition-duration: 0.3s;
}
nav.navbar-vertical div.navbar-footer ul.navbar-menu {
  display: flex;
  min-height: 41px;
  padding: 0 5px;
  justify-content: space-between;
}
nav.navbar-vertical div.navbar-footer ul.navbar-menu li {
  display: flex;
  flex: 0 41px;
  align-items: center;
  justify-content: center;
}
nav.navbar-vertical div.navbar-footer ul.navbar-menu li.tools a {
  border: none;
}
nav.navbar-vertical div.navbar-footer ul.navbar-menu li a {
  width: 46px;
  min-height: 41px;
  border-left: none;
  border-bottom: 3px solid rgba(255, 255, 255, 0);
  padding-left: 0 !important;
}
nav.navbar-vertical div.navbar-footer ul.navbar-menu li a:not([disabled=disabled]):hover {
  border-bottom-color: rgba(255, 255, 255, 0.5);
}
nav.navbar-vertical div.navbar-footer ul.navbar-menu li a.user-logout,
nav.navbar-vertical div.navbar-footer ul.navbar-menu li a.app-exit,
nav.navbar-vertical div.navbar-footer ul.navbar-menu li a.custom-button {
  border-bottom: none !important;
}
nav.navbar-vertical div.navbar-footer ul.navbar-menu li a::before {
  background-image: -webkit-linear-gradient(0deg, #0abbff, rgba(10, 187, 255, 0.35));
  background-image: -o-linear-gradient(0deg, #0abbff, rgba(10, 187, 255, 0.35));
  background-image: linear-gradient(0deg, #0abbff, rgba(10, 187, 255, 0.35));
  background-repeat: repeat-x;
}
nav.navbar-vertical div.navbar-footer ul.navbar-menu li a.user-logout::before,
nav.navbar-vertical div.navbar-footer ul.navbar-menu li a.app-exit::before {
  background-image: -webkit-linear-gradient(0deg, #a00000, rgba(160, 0, 0, 0.35));
  background-image: -o-linear-gradient(0deg, #a00000, rgba(160, 0, 0, 0.35));
  background-image: linear-gradient(0deg, #a00000, rgba(160, 0, 0, 0.35));
  background-repeat: repeat-x;
}
nav.navbar-vertical div.navbar-footer ul.navbar-menu li a:not([disabled=disabled]):active,
nav.navbar-vertical div.navbar-footer ul.navbar-menu li a.active,
nav.navbar-vertical div.navbar-footer ul.navbar-menu li.active a,
nav.navbar-vertical div.navbar-footer ul.navbar-menu li.open > a {
  border-bottom-color: #ffffff;
}
nav.navbar-vertical div.navbar-footer .navbar-version {
  display: flex;
  width: 100%;
  height: 20px;
  border-top: 1px solid rgba(255, 255, 255, 0.2);
  align-items: center;
  justify-content: center;
}
nav.navbar-vertical div.navbar-footer .navbar-version span {
  font-size: 11px;
  font-weight: 300;
  letter-spacing: 0.5px;
  opacity: 0.5;
}
nav.navbar-vertical .navbar-section,
nav.navbar-vertical .navbar-clientfile-section,
nav.navbar-vertical .navbar-client {
  height: 100%;
}
nav.navbar-vertical .navbar-client {
  display: flex;
  flex-wrap: wrap;
}
nav.navbar-vertical .navbar-client ul.navbar-menu {
  display: flex;
  flex-direction: column;
}
nav.navbar-vertical .navbar-client ul.navbar-menu.bottom {
  align-self: flex-end;
}
nav.navbar-vertical .navbar-menu.navbar-placeholder li::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0));
  background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0));
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0));
  background-repeat: repeat-x;
  opacity: 0.75;
}
.tools-dropdown-menu {
  position: fixed;
  top: auto !important;
  bottom: 61px !important;
  border-bottom: rgba(255, 255, 255, 0.2) 1px solid;
  left: 0 !important;
  height: auto;
  display: block;
  margin-bottom: 0 !important;
  background-color: #505054 !important;
  width: 265px;
  box-shadow: none;
}
.tools-dropdown-menu li {
  position: relative;
  display: block;
}
.tools-dropdown-menu li a {
  line-height: 3;
  color: rgba(255, 255, 255, 0.75);
  position: relative;
  transition-duration: 0.085s;
  transition-property: color;
  will-change: color;
}
.tools-dropdown-menu li a::before {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  opacity: 0;
  transition-duration: 0.3s;
  transition-property: opacity;
  will-change: opacity;
  z-index: -1;
  background-image: -webkit-linear-gradient(45deg, #0abbff, rgba(10, 187, 255, 0));
  background-image: -o-linear-gradient(45deg, #0abbff, rgba(10, 187, 255, 0));
  background-image: linear-gradient(45deg, #0abbff, rgba(10, 187, 255, 0));
  background-repeat: repeat-x;
}
.tools-dropdown-menu li a:not([disabled=disabled]):hover {
  cursor: pointer;
  color: #ffffff;
  background-color: inherit;
}
.tools-dropdown-menu li a:not([disabled=disabled]):hover::before {
  opacity: 0.15;
}
.tools-dropdown-menu .independent-tools {
  display: flex;
  height: 46px;
  border-bottom: rgba(255, 255, 255, 0.2) 1px solid;
}
.tools-dropdown-menu .independent-tools .menu-item-icon,
.tools-dropdown-menu .independent-tools .menu-item-text {
  color: rgba(255, 255, 255, 0.75);
}
.tools-dropdown-menu .independent-tools .menu-item-text {
  line-height: 3.4;
  font-weight: bold;
}
.dropdown-menu {
  z-index: 10000;
}
.menu-button {
  width: 20px;
  height: 20px;
  position: relative;
  display: inline-block;
  text-align: center;
  margin: 15px;
}
.menu-button .icon-bar {
  transition-duration: 0.5s;
  transition-property: transform, width, opacity;
  will-change: transform, width, opacity;
  opacity: 1;
  position: absolute;
  left: 0;
  right: 0;
  display: block;
  height: 2px;
  width: 130%;
}
.menu-button .icon-bar:nth-child(1) {
  transform-origin: top left;
  top: 0;
}
.menu-button .icon-bar:nth-child(2) {
  top: 50%;
  margin-top: -1px;
}
.menu-button .icon-bar:nth-child(3) {
  transform-origin: bottom left;
  bottom: 0;
}
.menu-button:not(.menu-open) .icon-bar {
  background-color: #2f3035;
}
.menu-button.menu-open .icon-bar {
  background-color: #707070;
}
nav.navbar-vertical:not(.my-vault) ul.navbar-menu li.plan.plan-currentSituation a.active,
nav.navbar-vertical:not(.my-vault) ul.navbar-menu li.plan.plan-currentSituation.active a,
nav.navbar-vertical:not(.my-vault) ul.navbar-menu li.plan.plan-currentSituation.selected a,
nav.navbar-vertical:not(.my-vault) ul.navbar-menu li.plan.plan-currentSituation.open > a {
  border-left-color: #00B0F0 !important;
}
nav.navbar-vertical:not(.my-vault) ul.navbar-menu li.plan.plan-currentSituation a::before {
  background-image: -webkit-linear-gradient(45deg, #00b0f0, rgba(0, 176, 240, 0));
  background-image: -o-linear-gradient(45deg, #00b0f0, rgba(0, 176, 240, 0));
  background-image: linear-gradient(45deg, #00b0f0, rgba(0, 176, 240, 0));
  background-repeat: repeat-x;
}
nav.navbar-vertical:not(.my-vault) ul.navbar-menu li.plan.plan-currentSituation:hover a {
  border-left-color: rgba(0, 176, 240, 0.25);
}
nav.navbar-vertical:not(.my-vault) ul.navbar-menu li.plan.plan-generic a.active,
nav.navbar-vertical:not(.my-vault) ul.navbar-menu li.plan.plan-generic.active a,
nav.navbar-vertical:not(.my-vault) ul.navbar-menu li.plan.plan-generic.selected a,
nav.navbar-vertical:not(.my-vault) ul.navbar-menu li.plan.plan-generic.open > a {
  border-left-color: #00B050 !important;
}
nav.navbar-vertical:not(.my-vault) ul.navbar-menu li.plan.plan-generic a::before {
  background-image: -webkit-linear-gradient(45deg, #00b050, rgba(0, 176, 80, 0));
  background-image: -o-linear-gradient(45deg, #00b050, rgba(0, 176, 80, 0));
  background-image: linear-gradient(45deg, #00b050, rgba(0, 176, 80, 0));
  background-repeat: repeat-x;
}
nav.navbar-vertical:not(.my-vault) ul.navbar-menu li.plan.plan-generic:hover a {
  border-left-color: rgba(0, 176, 80, 0.25);
}
nav.navbar-vertical:not(.my-vault) ul.navbar-menu li.plan.plan-mortgage a.active,
nav.navbar-vertical:not(.my-vault) ul.navbar-menu li.plan.plan-mortgage.active a,
nav.navbar-vertical:not(.my-vault) ul.navbar-menu li.plan.plan-mortgage.selected a,
nav.navbar-vertical:not(.my-vault) ul.navbar-menu li.plan.plan-mortgage.open > a {
  border-left-color: #7030A0 !important;
}
nav.navbar-vertical:not(.my-vault) ul.navbar-menu li.plan.plan-mortgage a::before {
  background-image: -webkit-linear-gradient(45deg, #7030a0, rgba(112, 48, 160, 0));
  background-image: -o-linear-gradient(45deg, #7030a0, rgba(112, 48, 160, 0));
  background-image: linear-gradient(45deg, #7030a0, rgba(112, 48, 160, 0));
  background-repeat: repeat-x;
}
nav.navbar-vertical:not(.my-vault) ul.navbar-menu li.plan.plan-mortgage:hover a {
  border-left-color: rgba(112, 48, 160, 0.25);
}
nav.navbar-vertical:not(.my-vault) li.plan-toggle .menu-item-caret .menu-toggle {
  border: 1px solid rgba(255, 255, 255, 0.5);
}
.sub-items-end {
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}
.menu-item-icon,
.menu-item-caret {
  display: flex;
  align-items: center;
  justify-content: center;
  background: none;
  border: none;
  outline: none;
  flex: 0 0 43px;
}
.menu-item-icon i,
.menu-item-caret i {
  min-width: 23px;
  text-align: center;
  font-size: 16px;
  width: 24px;
}
.menu-item-icon i.plan-icon,
.menu-item-caret i.plan-icon {
  font-size: 16px;
}
.menu-item-icon.menu-item-double-caret,
.menu-item-caret.menu-item-double-caret {
  flex: 0 0 65px;
}
.menu-item-icon.plans-overview {
  justify-content: normal;
}
.menu-item-icon.plans-overview .figlo-generic-plan-color {
  margin-left: 7px;
}
.menu-item-icon.plans-overview .figlo-mortgage-plan-color {
  margin-left: -15px;
}
spinner,
fig-spinner {
  width: 50px;
  height: 40px;
}
spinner.centered,
fig-spinner.centered {
  top: 50%;
  position: absolute;
  margin-top: -20px;
  left: 50%;
  margin-left: -25px;
}
spinner.centered-fixed,
fig-spinner.centered-fixed {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.spinner {
  margin: 0 auto;
  width: 50px;
  height: 40px;
  text-align: center;
  font-size: 10px;
}
.spinner > div {
  display: inline-block;
  width: 6px;
  height: 100%;
  background-color: #333333;
  opacity: 0.75;
  animation: sk-stretchdelay 1.2s infinite ease-in-out;
  float: left;
  margin-left: 3px;
}
.spinner .rect2 {
  animation-delay: -1.1s;
}
.spinner .rect3 {
  animation-delay: -1s;
}
.spinner .rect4 {
  animation-delay: -0.9s;
}
.spinner .rect5 {
  animation-delay: -0.8s;
}
td spinner,
td fig-spinner,
.mini-spinner:not([hidden]) {
  display: inline-block;
  position: relative;
  height: 14px;
}
td spinner .spinner,
td fig-spinner .spinner,
.mini-spinner:not([hidden]) .spinner {
  position: absolute;
  right: 0;
  top: -50%;
  transform: scale(0.5);
}
.micro-spinner {
  display: inline-block;
  position: relative;
  height: 12px;
}
.micro-spinner .spinner {
  position: absolute;
  right: 0;
  top: -70%;
  transform: scale(0.4);
}
.micro-spinner .spinner > div {
  background-color: white;
  opacity: 1;
}
.micro-spinner .spinner .rect1 {
  animation-delay: -0.8s;
}
.micro-spinner .spinner .rect2 {
  animation-delay: -1s;
}
.micro-spinner .spinner .rect3 {
  animation-delay: -1.2s;
}
.micro-spinner .spinner .rect4 {
  animation-delay: -1s;
}
.micro-spinner .spinner .rect5 {
  animation-delay: -0.8s;
}
.plan-summary .mini-spinner .spinner {
  right: 12px;
}
.spinner-container {
  min-height: 250px;
}
.paginator {
  display: inline-block;
}
.paginator li {
  display: inline-block;
  color: #0076a3;
  border: 1px solid #ddd;
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.5;
  margin-left: -1px;
  cursor: pointer;
}
.paginator li.disabled {
  color: #777;
  cursor: not-allowed;
  background-color: #fff;
}
.paginator li.active {
  background-color: #0076a3;
  border-color: #0076a3;
  color: #FFF;
  cursor: default;
}
.paginator li:first-child {
  border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
  margin-left: 0;
}
.paginator li:last-child {
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
}
.paginator li:not(.disabled):not(.active):hover {
  background-color: #eee;
}
#mdShadow {
  /* Shadows (from mdl http://www.getmdl.io/) */
}
.panel-group .panel {
  border-radius: 0;
  border-color: transparent;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  margin-bottom: 5px;
  will-change: box-shadow;
  transition: box-shadow 0.3s;
  box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 2px 0 rgba(0, 0, 0, 0.12);
}
.panel-group .btn {
  margin-bottom: 10px;
}
.panel-group .panel-heading {
  background: none;
  position: relative;
  padding: 15px;
}
.panel-group .panel-heading[aria-selected="true"] .panel-title::before {
  content: "\f107";
  font-family: fontawesome;
  position: absolute;
  right: 15px;
  top: 15px;
}
.panel-group .panel-heading[aria-selected=""] .panel-title::before,
.panel-group .panel-heading[aria-selected="false"] .panel-title::before {
  content: "\f104";
  font-family: fontawesome;
  position: absolute;
  right: 15px;
  top: 15px;
}
.panel-group .panel + .panel {
  margin-top: 0;
}
.panel-group .panel.panel-open {
  margin-bottom: 15px;
}
.panel-group .panel-open .panel-heading {
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  margin: 0 0 15px;
}
.panel-group .panel-body {
  border: 0 !important;
  padding: 0 15px 15px;
}
.panel-group .panel-body th:first-child {
  width: 50%;
}
.panel-group .panel-body .table {
  margin-top: 10px;
  table-layout: auto;
}
.panel-group h4 a {
  display: block;
  width: 100%;
}
#mdShadow {
  /* Shadows (from mdl http://www.getmdl.io/) */
}
.container,
.container-fluid {
  position: relative;
}
.main-view {
  padding-left: 45px;
  padding-right: 45px;
  min-width: 720px;
}
.btn {
  will-change: background-color, border-color;
  transition: background-color, border-color;
  transition-duration: 0.085s;
}
.btn:not([disabled=disabled]):active,
.btn:not([disabled=disabled]).open {
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14) inset, 0 3px 1px -2px rgba(0, 0, 0, 0.2) inset, 0 1px 5px 0 rgba(0, 0, 0, 0.12) inset;
}
.btn:focus {
  text-decoration: none;
  outline: none;
}
.btn.add {
  margin-bottom: 15px;
}
.btn.settings {
  margin-top: 30px;
}
.btn.btn-default {
  color: #1E1E1E;
}
.btn.btn-default:not([disabled=disabled]):hover,
.btn.btn-default:not([disabled=disabled]):active {
  color: #1E1E1E;
}
.btn.btn-primary {
  background-color: #0076a3;
  border-color: #00648a;
  color: #FFF;
}
.btn.btn-primary:not([disabled=disabled]):hover,
.btn.btn-primary:not([disabled=disabled]):active {
  background-color: #00648a;
  border-color: #00648a;
}
.btn.btn-no-border {
  border: none !important;
}
.btn.thick {
  text-transform: uppercase;
  font-weight: 700;
}
.btn.upp {
  border: 0 none;
  font-size: 14px;
  font-weight: 500;
}
.btn.btn-newplan {
  padding: 35px 45px;
  font-size: 18px;
  margin-bottom: 16px;
}
.btn.btn-newplan i {
  margin-right: 10px;
}
.btn.btn-primary-light {
  border-color: #0abbff;
  background: #FFF;
  color: #1E1E1E;
}
.btn.btn-primary-light:not([disabled=disabled]):hover {
  background: #f2f2f2;
}
.btn-group.open .dropdown-toggle {
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14) inset, 0 3px 1px -2px rgba(0, 0, 0, 0.2) inset, 0 1px 5px 0 rgba(0, 0, 0, 0.12) inset;
}
.dropdown.open .dropdown-toggle {
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14) inset, 0 3px 1px -2px rgba(0, 0, 0, 0.2) inset, 0 1px 5px 0 rgba(0, 0, 0, 0.12) inset;
}
.dropdown.open .dropdown-toggle.btn-default {
  background-color: #d4d4d4;
}
.text-btn {
  cursor: pointer;
  color: #0076a3;
}
.text-btn:not([disabled=disabled]):hover {
  text-decoration: underline;
}
.footer {
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  padding: 7px 15px;
  height: 30px;
  border-top: 1px solid #ddd;
  background: #FFF;
  margin-left: auto;
  margin-right: auto;
  font-size: 11px;
  z-index: 10000;
}
.footer li {
  display: inline-block;
  padding-left: 15px;
}
.footer i {
  padding-right: 5px;
}
.card-nav li {
  display: inline-block;
}
.panel {
  border-radius: 0;
  border-color: #ddd;
  background-color: #FFF;
  color: #1E1E1E;
  will-change: box-shadow;
  transition: box-shadow 0.3s;
  box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 2px 0 rgba(0, 0, 0, 0.12);
}
.panel .panel-heading {
  background-color: #FFF;
  padding: 15px;
  position: relative;
  border-color: #ddd;
  border-radius: 0;
}
.panel .panel-heading.panel-action-bar::after {
  content: "";
  display: block;
  clear: both;
}
.panel .panel-heading .panel-title {
  display: inline-block;
  color: #1E1E1E;
}
.panel .panel-heading .input-search {
  position: absolute;
  top: 5px;
  left: 50%;
  width: 30%;
  margin-left: -15%;
}
.panel .panel-heading:not(.panel-action-bar) .btn {
  padding: 3px 10px;
  line-height: 1.4;
  text-align: left;
}
.panel .panel-heading .btn-panel-header {
  position: absolute;
  top: 12px;
}
.panel .panel-heading .btn-panel-header .fa {
  width: 12px;
  height: 12px;
}
.panel .panel-heading .btn-panel-header.left {
  left: 130px;
}
.panel .panel-heading .btn-panel-header.right {
  right: 15px;
}
.panel .panel-heading .dropdown {
  color: #FFF;
}
.panel:not(.monopoly-card) .panel-body .panel-body-overlay {
  min-height: 300px;
}
.panel .panel-action-bar .btn-group {
  margin-right: 10px;
}
.panel .panel-body {
  position: relative;
}
.panel .panel-body.with-overlay .panel-body-overlay {
  animation: fadeIn 0.5s;
  display: block;
}
.panel .panel-body.panel-notification {
  background-color: #E7AA37;
  color: #1E1E1E;
  padding: 5px 15px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.panel .panel-body.panel-notification:not(.instant) {
  animation: fadeIn 1s forwards;
}
.panel .panel-body.panel-notification span {
  margin: 0;
  font-weight: 500;
}
.panel .panel-body.panel-notification i.fa {
  font-size: 18px;
}
.panel .panel-body.panel-notification.error {
  background-color: #FFF;
  color: #A00000;
}
.panel .panel-body.panel-notification.saving {
  background-color: #FFF;
  color: #1E1E1E;
}
.panel .panel-body.panel-body-table {
  border-top: 2px solid #ccc;
}
.panel .panel-body.panel-body-table .table thead tr th:first-child,
.panel .panel-body.panel-body-table .table tbody tr td:first-child {
  padding-left: 15px;
}
.panel .panel-body.panel-body-table .table thead tr th:last-child,
.panel .panel-body.panel-body-table .table tbody tr td:last-child {
  padding-right: 15px;
}
.panel .panel-body.panel-chart {
  border-top: 2px solid #ccc;
  min-height: 300px;
  display: block;
}
.panel .panel-body.panel-chart .graph {
  border: none;
  box-shadow: none;
  margin-bottom: 0;
}
.panel .panel-body .panel-message {
  font-size: 17px;
  font-weight: 300;
}
.panel .panel-body .panel-body-overlay {
  background-color: #FFF;
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  display: none;
  will-change: box-shadow;
  transition: box-shadow 0.3s;
  box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 2px 0 rgba(0, 0, 0, 0.12);
}
.panel .panel-body .panel-body-overlay p {
  color: #1E1E1E;
  text-align: center;
  margin: 15px;
  padding-bottom: 15px;
  height: auto;
  white-space: initial;
  font-size: 18px;
  font-weight: 500;
  border-bottom: 1px solid #ddd;
}
.panel .panel-body .panel-body-overlay .overlay-actions {
  position: absolute;
  bottom: 15px;
  left: 15px;
  right: 15px;
  height: auto;
  display: block;
}
.panel .panel-body .panel-body-overlay .container-fluid,
.panel .panel-body .panel-body-overlay .row,
.panel .panel-body .panel-body-overlay [class^='col-'] {
  height: 100%;
}
.panel .panel-body .panel-body-overlay.spinner-dialog {
  min-height: 200px;
  border-bottom: 1px solid #ccc;
}
.panel .panel-body .panel-body-overlay.remove-dialog .inner-text {
  margin-top: 50%;
}
.panel .panel-body .panel-body-overlay.remove-dialog .vertical-align {
  display: flex;
  align-items: center;
}
.panel .panel-body .panel-body-overlay.remove-dialog .remove-dialog-confirm {
  text-align: center;
  padding: 75px 0;
}
.panel .panel-body .panel-body-overlay.remove-dialog .remove-dialog-confirm .remove-dialog-message {
  font-size: 16px;
  font-weight: 300;
  padding-bottom: 15px;
}
.panel .panel-body > spinner {
  padding: 15px;
}
.panel .panel-footer.panel-pagination {
  background-color: #FFF;
}
.panel .panel-footer.panel-pagination .pagination {
  margin: 0;
}
.panel.panel-figlo > .panel-heading {
  background-color: #E7AA37;
}
.panel.panel-figlo > .panel-heading .panel-title {
  color: #1E1E1E;
  font-size: 20px;
  font-weight: 300;
}
.well {
  background: #FFF;
  padding: 20px;
  margin-bottom: 30px;
  border-radius: 0;
  will-change: box-shadow;
  transition: box-shadow 0.3s;
  box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 2px 0 rgba(0, 0, 0, 0.12);
}
.well th,
.well td {
  white-space: nowrap;
}
.well th:last-child,
.well td:last-child {
  text-align: right;
}
.well th:nth-child(2) {
  width: 100%;
}
.well .well {
  margin: 0;
  padding: 10px 15px;
}
.well .well i {
  font-size: 8px;
  position: relative;
  top: -1px;
}
.well .value {
  font-weight: 600;
}
.well li {
  display: inline-block;
}
.well .year-category {
  margin-bottom: 32px;
}
.well.well-summary {
  margin-bottom: 16px;
}
.table-title {
  margin: 10px 0 30px;
}
table,
.table {
  table-layout: fixed;
  border-collapse: initial;
  margin: 0;
  user-select: none;
}
.table tr.total {
  font-weight: 500;
}
.table th {
  font-weight: 500;
}
.table th,
.table td {
  vertical-align: middle !important;
}
.table th.numeric,
.table td.numeric {
  text-align: right;
}
.table tbody > tr {
  transition: background-color 0.085s;
}
.table tbody > tr.selected {
  background-color: #E6F8FF;
}
.table tbody > tr.invalid {
  background-color: #FCEEEE;
}
.table.table-hover tbody > tr:not([disabled=disabled]) {
  cursor: pointer;
}
.table.table-hover tbody > tr:not([disabled=disabled]):hover {
  background-color: #e6e6e6;
}
.table.table-striped tbody tr:nth-of-type(2n+1) {
  background-color: #e6e6e6;
}
.table.table-striped tbody tr:nth-of-type(2n) {
  background-color: #FFF;
}
.table.table-striped-inverted tbody tr:nth-of-type(2n+1) {
  background-color: #FFF;
}
.table.table-striped-inverted tbody tr:nth-of-type(2n) {
  background-color: #e6e6e6;
}
.modal-dialog {
  width: 1000px;
}
.modal-dialog .line-break {
  white-space: pre-wrap;
}
.app-modal-window .modal-dialog {
  width: 500px;
}
.app-full-modal .modal-dialog {
  margin-top: 200px;
  width: 500px;
}
.app-full-modal .modal-dialog .modal-content {
  background-color: #ddd;
}
.app-full-modal .modal-dialog .modal-content .modal-header {
  color: #1E1E1E;
  font-weight: 100;
  background-color: transparent;
}
.app-full-modal .modal-dialog .modal-content .modal-body {
  background-color: #FFF;
}
.dropdown-menu {
  border-radius: 0;
  background-color: #FFF;
  box-shadow: 0 6px 10px 0 rgba(0, 0, 0, 0.14), 0 1px 18px 0 rgba(0, 0, 0, 0.12), 0 3px 5px -1px rgba(0, 0, 0, 0.2);
}
.uib-datepicker-popup {
  padding: 0 0 5px 0;
  background-color: #ddd;
  width: 278px;
  right: 0 !important;
  left: auto !important;
  box-shadow: 0 6px 10px 0 rgba(0, 0, 0, 0.14), 0 1px 18px 0 rgba(0, 0, 0, 0.12), 0 3px 5px -1px rgba(0, 0, 0, 0.2);
}
.uib-datepicker-popup th:last-child {
  text-align: center;
}
.uib-datepicker-popup > li {
  width: 100%;
}
.uib-datepicker-popup > li .uib-datepicker-current {
  margin-right: 5px;
}
.uib-datepicker-popup table {
  width: 100%;
  table-layout: auto;
}
.uib-datepicker-popup table thead tr:nth-child(1) .btn {
  border: none;
  padding: 10px;
  border-radius: 0;
}
.uib-datepicker-popup table tbody tr td.uib-day .btn,
.uib-datepicker-popup table tbody tr td.uib-month .btn,
.uib-datepicker-popup table tbody tr td.uib-year .btn {
  border: none;
  border-radius: 0;
}
.glyphicon {
  font-family: 'Font Awesome 6 Pro';
  font-weight: 900 !important;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  line-height: 1;
  vertical-align: -0.125em;
}
.glyphicon.glyphicon-chevron-left::before {
  content: "\f053";
}
.glyphicon.glyphicon-chevron-right::before {
  content: "\f054";
}
.dropdown .dropdown-toggle .fa-caret-down {
  will-change: transform, opacity;
  transition-property: transform, opacity;
  transition-duration: 0.085s;
  transform: rotateX(0deg);
}
.dropdown .dropdown-toggle:not([disabled=disabled]) .fa-caret-down {
  opacity: 0.5;
}
.dropdown .dropdown-toggle:not([disabled=disabled]):hover .fa-caret-down,
.dropdown .dropdown-toggle:not([disabled=disabled]):active .fa-caret-down {
  opacity: 1;
}
.dropdown.open .fa-caret-down {
  opacity: 1 !important;
  transform: rotateX(180deg);
}
.dropdown.open .btn-text {
  text-decoration: underline;
  box-shadow: none !important;
}
.alert.alert-compact {
  margin: 5px auto;
  padding: 5px 15px;
  position: relative;
}
.alert.alert-compact.with-icon {
  padding-left: 45px;
}
.alert.alert-compact.with-icon i.fa {
  position: absolute;
  font-size: 22px;
  width: 22px;
  text-align: center;
  left: 15px;
  top: 3px;
  opacity: 0.5;
}
.nav > li > a:focus,
.nav > li > a:hover {
  border-color: #eee #eee #ddd;
}
.icon-btn {
  text-align: center;
  height: 100%;
  user-select: none;
  opacity: 1;
  will-change: opacity;
  transition-property: opacity;
  transition-duration: 0.3s;
}
.icon-btn.code-btn {
  position: fixed;
  right: 15px;
  bottom: 45px;
  opacity: 0.25;
  border: 0;
  height: 30px;
}
.icon-btn:not([disabled=disabled]):not(.sref-active):hover,
.icon-btn:not([disabled="true"]):not(.sref-active):hover {
  cursor: pointer;
}
.icon-btn:not([disabled=disabled]):not(.sref-active):hover i.fa,
.icon-btn:not([disabled="true"]):not(.sref-active):hover i.fa,
.icon-btn:not([disabled=disabled]):not(.sref-active):hover i.fas,
.icon-btn:not([disabled="true"]):not(.sref-active):hover i.fas,
.icon-btn:not([disabled=disabled]):not(.sref-active):hover i.far,
.icon-btn:not([disabled="true"]):not(.sref-active):hover i.far {
  opacity: 0.75;
}
.icon-btn:not([disabled=disabled]):not(.sref-active):active i.fa,
.icon-btn:not([disabled="true"]):not(.sref-active):active i.fa,
.icon-btn:not([disabled=disabled]):not(.sref-active):active i.fas,
.icon-btn:not([disabled="true"]):not(.sref-active):active i.fas,
.icon-btn:not([disabled=disabled]):not(.sref-active):active i.far,
.icon-btn:not([disabled="true"]):not(.sref-active):active i.far {
  opacity: 0.5;
}
.icon-btn[disabled=disabled] i.fa,
.icon-btn[disabled="true"] i.fa,
.icon-btn[disabled=disabled] i.fas,
.icon-btn[disabled="true"] i.fas,
.icon-btn[disabled=disabled] i.far,
.icon-btn[disabled="true"] i.far {
  opacity: 0.25;
}
.icon-btn i.fa,
.icon-btn i.fas,
.icon-btn i.far {
  font-size: 28px;
  opacity: 0.5;
  transition: opacity 0.05s;
}
.table .icon-btn {
  width: 28px;
  height: 28px;
  padding: 3px;
  display: inline-block;
}
.table .icon-btn i {
  font-size: 20px;
  color: #707070 !important;
}
.figlo-dropdown-menu-container,
.mat-mdc-menu-panel.figlo-dropdown-menu-container {
  max-width: none;
}
.figlo-dropdown-menu {
  border-radius: 0;
  font-size: 14px;
}
.figlo-dropdown-menu .button-menu {
  min-width: 150px;
  margin: 5px 10px !important;
  font-size: 14px;
  display: block;
  text-align: center !important;
}
.figlo-dropdown-menu .option-menu {
  padding: 3px 20px;
  line-height: 1.42857143;
  color: #333333;
  white-space: nowrap;
}
.figlo-dropdown-menu .option-menu:hover {
  color: #1E1E1E;
  background-color: #e6e6e6;
}
.figlo-dropdown-menu .option-menu:not([disabled]) {
  cursor: pointer;
}
.figlo-dropdown-menu .option-menu.selected {
  font-weight: bold;
}
.dropdown-toggle[aria-expanded=true] {
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14) inset, 0 3px 1px -2px rgba(0, 0, 0, 0.2) inset, 0 1px 5px 0 rgba(0, 0, 0, 0.12) inset;
  background-color: #e6e6e6;
  border-color: #8c8c8c;
}
.dropdown-toggle[aria-expanded=true] .fa-caret-down {
  opacity: 1;
  transform: rotateX(180deg);
}
.actions-button-dropdown {
  margin-top: 10px;
  border-radius: 0 4px 0 0;
}
.actions-button-dropdown::before {
  content: '';
  position: absolute;
  top: -7px;
  right: 4px;
  width: 12px;
  height: 12px;
  background-color: #FFF;
  display: block;
  transform: rotateZ(45deg);
  border-left: 1px solid #ddd;
  border-top: 1px solid #ddd;
}
.figlo-actions-button {
  margin-bottom: 0px;
  text-align: right;
}
.figlo-actions-button button {
  padding: 0px 4px 0px 4px;
}
.dropdown-menu-date-presets {
  width: 300px;
  position: absolute;
  right: 0 !important;
  left: auto !important;
}
.btn-datepreset-narrow {
  min-width: 32px !important;
  width: 32px !important;
  padding-left: 4px !important;
  padding-right: 4px !important;
}
.btn-datepicker {
  background-color: #0076a3;
  color: #FFF;
}
.btn-datepicker:hover {
  background-color: #00648a;
  color: #FFF;
}
.input-date-picker {
  border-top-left-radius: 4px !important;
  border-bottom-left-radius: 4px !important;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.calendar-btn-right-rounded {
  border-top-right-radius: 4px !important;
  border-bottom-right-radius: 4px !important;
}
.input-date-picker-right-rounded {
  border-top-right-radius: 4px !important;
  border-bottom-right-radius: 4px !important;
}
.interest-averaging-calculator .results {
  min-height: 80px;
}
.interest-averaging-calculator .results .results-property .value {
  margin: 0;
  font-size: 30px;
  font-weight: 300;
}
.early-repayment-penalty-calculator .results {
  min-height: 80px;
}
.early-repayment-penalty-calculator .results .repayment-property .value {
  margin: 0;
  font-size: 30px;
  font-weight: 300;
}
.early-repayment-penalty-calculator .results spinner {
  padding: 0;
}
.user-preferences-form .default-analysis-type fig-choice-input .btn-group .financial-plan.btn-primary {
  background-color: #00B050;
  border-color: #009744;
}
.user-preferences-form .default-analysis-type fig-choice-input .btn-group .mortgage-plan.btn-primary {
  background-color: #7030A0;
  border-color: #622a8c;
}
.user-preferences-form .inline-messages {
  display: inline-block;
  font-size: 12px;
  font-weight: 500;
  margin-left: 5px;
}
.user-preferences-form .inline-messages .spinner {
  display: inline-block;
  height: 20px;
  text-align: center;
  padding-top: 10px;
  width: 50px;
}
.user-preferences-form .inline-messages .spinner div {
  width: 3px;
}
.user-preferences-form .inline-messages i {
  font-size: 20px;
  margin-right: 5px;
}
#mdShadow {
  /* Shadows (from mdl http://www.getmdl.io/) */
}
.list-group {
  margin: 15px 0;
}
.list-group li.list-group-item {
  display: block;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.view-selector button {
  color: #1E1E1E;
  background: none;
  width: 50px;
  height: 22px;
  padding: 0px !important;
}
.view-selector button i {
  font-size: 18px;
  margin-top: -4px;
}
.view-selector button .fa-caret-down,
.view-selector button .fa-caret-up {
  font-size: 14px;
  margin-top: 3px;
  float: right;
  padding-right: 5px;
}
.view-selector button:focus {
  outline: none !important;
}
.view-selector button:not(:hover) i {
  opacity: 0.5;
}
.view-selector button:not(:hover) .fa-caret-up {
  opacity: 1;
}
.view-selector li {
  cursor: pointer;
  border-left: 5px solid transparent;
  display: block;
  line-height: 26px;
  padding-left: 8px;
  padding-right: 8px;
  font-size: 14px;
  font-weight: 400;
}
.view-selector li i {
  position: relative;
  top: 1px;
  margin-right: 8px;
}
.view-selector li:hover {
  background-color: #e6e6e6;
}
.view-selector li.selected {
  border-color: #0076a3;
}
.sub-cards .column-actions {
  width: 50px;
}
.sub-cards .column-card-status {
  width: 35px;
  padding-top: 0;
  padding-bottom: 0;
  height: 0;
}
.sub-cards .column-card-status card-status-indicator {
  display: block;
  height: 100%;
}
.sub-cards .column-card-status card-status-indicator .indicator-container,
.sub-cards .column-card-status card-status-indicator .indicator-base {
  height: 100%;
}
.sub-cards .column-card-status card-status-indicator .indicator-container i,
.sub-cards .column-card-status card-status-indicator .indicator-base i {
  top: calc(50% - 10px);
  position: relative;
  line-height: 20px;
  display: block;
}
@media only screen and (min-width: 1200px) {
  .questionnaire-input .question-radio .repeated-radio-table {
    width: 75%;
  }
}
.questionnaire-input hr {
  margin-top: 5px;
  margin-bottom: 10px;
}
.questionnaire-input .questionnaire-page {
  padding-right: 100px;
}
.questionnaire-input .panel.panel-questionnaire .panel-body {
  padding-top: 0;
}
.questionnaire-input .questionnaire-element {
  padding-bottom: 15px;
}
.questionnaire-input .questionnaire-element .sub-title {
  display: inline;
  float: left;
  width: 130px;
}
.questionnaire-input .questionnaire-element label {
  vertical-align: 2px;
  margin-left: 6px;
}
.questionnaire-input .questionnaire-element .question-checkbox input {
  margin-bottom: 12px;
}
.questionnaire-input .questionnaire-element .question-radio input {
  margin-top: 6px;
  margin-bottom: 6px;
}
.questionnaire-input .questionnaire-element .question-radio .repeated-radio-table th,
.questionnaire-input .questionnaire-element .question-radio .repeated-radio-table td {
  border: none;
  padding: 4px 0;
}
.questionnaire-input .questionnaire-element .question-radio .repeated-radio-table th {
  font-weight: 400;
  width: 20%;
}
.questionnaire-input .questionnaire-element .question-radio .repeated-radio-table td {
  position: relative;
  height: 30px;
}
.questionnaire-input .questionnaire-element .normal-repeating-container {
  margin-bottom: 10px;
}
.questionnaire-input .questionnaire-element .question-image {
  text-align: center;
}
.questionnaire-input .questionnaire-element .question-image img {
  width: 100%;
  max-width: 600px;
  visibility: hidden;
  opacity: 0;
  transition-property: opacity;
  transition-duration: 1s;
}
.questionnaire-input .questionnaire-element .question-image img.load-complete {
  visibility: visible;
  opacity: 1;
}
.questionnaire-input .questionnaire-element .questionnaire-question-title {
  font-weight: 500;
  margin: 0;
}
.questionnaire-input .questionnaire-element.invalid .questionnaire-question-title {
  color: #d9534f;
}
.questionnaire-input .questionnaire-element .question-text textarea {
  min-height: 100px;
}
.questionnaire-input .questionnaire-element .question-numerical input {
  width: 200px;
}
.questionnaire-input .questionnaire-element .question-likert .label-container {
  display: inline-block;
  width: 100%;
}
.questionnaire-input .questionnaire-element .question-likert .label-container div {
  float: left;
  width: 50%;
}
.questionnaire-input .questionnaire-element .question-likert .label-container div:nth-child(2) {
  text-align: right;
}
.questionnaire-input .questionnaire-element .question-likert .answer-container {
  display: flex;
  justify-content: space-between;
}
.questionnaire-input .questionnaire-element .element-header {
  margin: 0 -15px;
  margin-bottom: 10px;
  padding: 7px 15px;
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
}
.questionnaire-input .questionnaire-element .element-header .icon-info {
  color: #cccccc;
  font-size: 16px;
  margin-left: 15px;
}
.open-plan-list fig-view-selector button {
  margin-left: 10px;
}
.open-plan-list .badge.badge-number-of-rulecube-planning-alerts {
  top: -1px !important;
}
.open-plan-list .button-container {
  float: left;
  border-right: 3px transparent solid;
}
.open-plan-list i {
  margin-left: 3px;
}
pdf-button .pdf-button,
fig-pdf-button .pdf-button {
  color: #b93737;
  background: none;
  padding: 0px;
  font-size: 24px;
}
pdf-button .pdf-button:hover,
fig-pdf-button .pdf-button:hover {
  color: #A03030;
}
pdf-button .mini-spinner,
fig-pdf-button .mini-spinner {
  left: 14px;
  top: -4px;
}
.nibud-forecast .column-expander {
  width: 20px;
}
.nibud-forecast .column-category {
  width: 90px;
}
.nibud-forecast .column-amount {
  width: 150px;
}
.nibud-forecast .detail-row-label {
  padding: 0 0 0 20px;
}
.nibud-forecast .row {
  margin-top: 5px;
}
.nibud-forecast .total-expenses {
  padding-left: 7px;
  padding-right: 0px;
}
.nibud-forecast .btn-group {
  margin-left: 0px;
}
.nibud-forecast .btn-group button {
  border-bottom-width: 3px;
  border-color: #0076a3;
}
.nibud-forecast .btn-group .btn-sm {
  height: 32px;
  width: 46px;
}
.nibud-forecast .calculated-total-warning {
  color: red;
  position: relative;
  top: 7px;
  left: 15px;
  font-size: 16px;
  font-weight: 500;
}
.nibud-forecast .currency-input-dropdown {
  display: inline-flex;
  width: 100%;
}
.nibud-forecast .currency-input-dropdown input {
  border-radius: 0px;
}
.nibud-forecast .currency-input-dropdown button {
  border-top-left-radius: 0px;
  border-bottom-left-radius: 0px;
}
.nibud-forecast .currency-input-dropdown button i {
  position: relative;
  left: -2px;
  top: 2px;
}
.nibud-forecast .currency-input-dropdown button i:first-child {
  margin-right: 5px;
}
.nibud-forecast .currency-input-dropdown fig-currency-input {
  position: relative;
  width: 100%;
  display: block;
}
.nibud-forecast .btn-use-forecast-amount {
  overflow: hidden;
  height: 32px;
  min-width: 140px;
  margin-left: 15px;
}
.nibud-forecast .table tbody tr td:last-child {
  padding-right: 15px;
}
.nibud-forecast .expander-icon {
  cursor: pointer;
}
.nibud-forecast .mat-expansion-panel-body {
  padding: 0 15px;
  margin-left: -8px;
}
.nibud-forecast.figlo-dropdown-menu li {
  cursor: pointer;
  margin: 1px 5px;
  border-left: 5px solid transparent;
  padding-left: 4px;
}
.nibud-forecast.figlo-dropdown-menu li.active {
  border-left: 5px solid #0076a3;
}
.nibud-forecast.figlo-dropdown-menu li:hover {
  background-color: #e6e6e6;
}
#mdShadow {
  /* Shadows (from mdl http://www.getmdl.io/) */
}
.monopoly-card.activated:not([disabled=disabled]) {
  transform: scale(0.98);
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
}
.monopoly-card.activated:not([disabled=disabled]) .panel-heading.with-gradient::before {
  transition-duration: 0.5s;
  background-position: 70% 50%;
}
.monopoly-card.activated:not([disabled=disabled]) .panel-body .icon-continue {
  opacity: 0.5;
  transform: scale(1.1);
  text-shadow: 0px 1px 2px rgba(30, 30, 30, 0.4);
}
.monopoly-card {
  width: auto;
  min-width: 250px;
  height: auto;
  margin: 0 15px;
  position: relative;
  border: none;
  transition-property: transform, box-shadow;
  transition-duration: 0.085s;
  box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12), 0 2px 4px -1px rgba(0, 0, 0, 0.2);
}
.monopoly-card .fa-trash-alt {
  font-size: 22px !important;
}
.monopoly-card:not([disabled=disabled]):hover .panel-body .icon-continue {
  opacity: 0.75;
  transform: scale(1.2);
  text-shadow: 1px 2px 3px rgba(30, 30, 30, 0.4);
}
.monopoly-card .panel-heading {
  padding: 0 !important;
  height: 40px;
  text-align: center;
  border-radius: 0;
  border-bottom: 2px solid transparent;
  transition: background 0.085s;
}
.monopoly-card .panel-heading:not([disabled=disabled]) {
  cursor: pointer;
}
.monopoly-card .panel-heading:not([disabled=disabled]) .panel-title span:hover {
  text-decoration: underline;
}
.monopoly-card .panel-heading .panel-title {
  color: #FFF;
  position: absolute;
  font-size: 16px;
  font-weight: 300;
  width: 100%;
  left: 0;
  top: 0;
  line-height: 2;
  text-align: left;
  padding: 5px 15px 0 15px;
  text-decoration: none !important;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.monopoly-card .panel-body {
  min-height: 200px;
  border-radius: 0;
  background-color: #FFF;
}
.monopoly-card .panel-body .table tr td {
  padding: 0 !important;
  border: none;
  padding-bottom: 5px !important;
}
.monopoly-card .panel-body .table tr:not(.table-row-graph) {
  height: 20px;
}
.monopoly-card .panel-body .monopoly-card-graph {
  position: absolute;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 160px;
  display: block;
}
.monopoly-card .panel-body .monopoly-card-graph .graph {
  margin: 0;
  padding: 0;
  border: 0;
  height: 100%;
  box-shadow: none;
  border-radius: 0;
  background-color: transparent;
}
.monopoly-card .panel-body .action-bar {
  position: absolute;
  width: auto;
  height: auto;
  bottom: 10px;
  left: 15px;
  right: 15px;
  display: block;
}
.monopoly-card .panel-body .action-bar .icon-btn .fa {
  font-size: 28px;
}
.monopoly-card .panel-body .icon-continue {
  position: absolute;
  font-size: 30px;
  bottom: 0;
  right: 0;
  color: #1E1E1E;
  opacity: 0.25;
  text-shadow: 0 0 1px rgba(30, 30, 30, 0.4);
  transform: scale(1);
  transition: opacity 0.085s, transform 0.085s, text-shadow 0.085s;
}
.motivation-input:not([hidden]) {
  display: inline-block;
}
.motivation-input:not([hidden]) .motivation-btn {
  border: none;
  width: 30px;
  height: 30px;
  border-radius: 5px;
  font-size: 18px;
  padding: 0;
  background-color: #FFF;
  transition: background-color 0.085s;
}
.motivation-input:not([hidden]) .motivation-btn i {
  transition: opacity 0.085s;
  opacity: 0.5;
}
.motivation-input:not([hidden]) .motivation-btn:hover,
.motivation-input:not([hidden]) .motivation-btn.open {
  background-color: #e6e6e6;
}
.motivation-input:not([hidden]) .motivation-btn:hover i,
.motivation-input:not([hidden]) .motivation-btn.open i {
  opacity: 0.75;
}
.motivation-form {
  position: fixed;
  top: unset !important;
  bottom: 0px !important;
  right: 0px !important;
  left: 0px !important;
  margin: 0 !important;
  width: auto;
  border: 0px;
  background-color: white;
  z-index: 1;
  box-shadow: 0 0 50px rgba(0, 0, 0, 0.35);
  cursor: default;
  height: 200px;
  transition: height 350ms ease;
}
.motivation-form[hidden] {
  height: 0px;
  display: initial !important;
  transition-timing-function: linear;
}
.motivation-form select {
  cursor: pointer;
}
.motivation-form .motivation-container {
  height: 200px;
  transition: height 400ms ease;
  max-width: 1000px;
  min-width: auto;
  margin: 0 auto !important;
  padding-left: 20px;
  padding-right: 20px;
  display: flex;
  flex-direction: column;
}
.motivation-form .motivation-container button {
  min-width: 60px;
}
.motivation-form .motivation-container .motivation-top {
  padding-top: 25px;
  flex-grow: 0;
}
.motivation-form .motivation-container .motivation-top h2 {
  font-weight: 400;
}
.motivation-form .motivation-container .motivation-top .display-id {
  color: #909090;
}
.motivation-form .motivation-container .motivation-top .motivation-custom-texts {
  display: inline-block;
  top: -10px;
}
.motivation-form .motivation-container .motivation-top .motivation-custom-texts .choice-input {
  display: inline-block;
}
.motivation-form .motivation-container .motivation-top .motivation-custom-texts .choice-input select {
  width: 200px;
}
.motivation-form .motivation-container .motivation-top .motivation-custom-texts button {
  margin-top: 5px;
  margin-left: 5px;
}
.motivation-form .motivation-container .motivation-top .col {
  padding-left: 0px;
  padding-right: 0px;
}
.motivation-form .motivation-container .motivation-textarea {
  flex-grow: 1;
}
.motivation-form .motivation-container .motivation-textarea textarea {
  height: 100%;
  min-height: 50px;
  min-width: 300px;
  border: 1px solid #ddd;
  resize: none;
  margin: 0;
}
.motivation-form .motivation-container .motivation-actions {
  flex-grow: 0;
  padding: 5px 0 10px 0;
}
body.side-menu-open .motivation-form {
  left: 265px !important;
}
#mdShadow {
  /* Shadows (from mdl http://www.getmdl.io/) */
}
.mat-mdc-menu-panel {
  max-width: 100% !important;
}
.multi-select-dropdown {
  font-size: 14px;
}
.multi-select-dropdown .multi-select-item {
  height: 40px;
  transition: background-color 0.085s;
  will-change: background-color;
  padding: 5px 0 5px 0;
  background-color: #FFF;
}
.multi-select-dropdown .multi-select-item fig-check-input,
.multi-select-dropdown .multi-select-item span {
  display: inline-block;
}
.multi-select-dropdown .multi-select-item fig-check-input {
  margin-top: 4px;
  width: 50px;
}
.multi-select-dropdown .multi-select-item .multi-select-item-name {
  line-height: 2;
  width: 250px;
  padding-right: 10px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.multi-select-dropdown .multi-select-item .multi-select-item-name + .tooltip .tooltip-inner {
  max-width: 100%;
}
.multi-select-dropdown .multi-select-item:not([disabled=disabled]) {
  cursor: pointer;
}
.multi-select-dropdown .multi-select-item:not([disabled=disabled]):hover {
  background-color: #e6e6e6;
}
.multi-select-dropdown .multi-select-item:not([disabled=disabled]):hover fig-check-input .fig-check-input {
  border-color: #0076a3;
}
.multi-select-dropdown .multi-select-list {
  margin-top: 40px;
  overflow-y: auto;
  overflow-x: hidden;
  max-height: 500px;
  width: auto;
  min-width: 330px;
}
.multi-select-dropdown .multi-select-all {
  border-bottom: 1px solid #ddd;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
}
#mdShadow {
  /* Shadows (from mdl http://www.getmdl.io/) */
}
income-specification {
  display: block;
}
.income-specification .panel.panel-total-salary {
  margin: 15px 0;
  min-width: initial;
}
.income-specification .panel.panel-total-salary .panel-heading {
  border: none;
  padding: 6px;
}
.income-specification .panel.panel-total-salary .panel-heading .panel-title {
  width: 100%;
  margin: 0;
  font-weight: 300;
}
.income-specification .salary-details {
  display: table;
}
.income-specification .salary-details .salary-details,
.income-specification .salary-details .salary-provisions {
  height: 100%;
}
.income-specification .salary-details .salary-details .table,
.income-specification .salary-details .salary-provisions .table {
  width: 100%;
}
.income-specification .table th,
.income-specification .table td {
  padding: 4px;
  padding-left: 0;
  border-top: 0px;
  border-width: 0px;
  vertical-align: top !important;
}
.income-specification .table th:last-of-type,
.income-specification .table td:last-of-type {
  padding-right: 0;
}
.income-specification .table th:first-of-type,
.income-specification .table td:first-of-type {
  padding-left: 0;
}
.income-specification .table .percentage::after {
  content: '%';
}
.income-specification .table .small-input {
  width: 50px;
}
.income-specification .expander-label {
  margin-left: -30px;
}
.currency-at-date-currency,
.currency-at-date-date,
.currency-at-date-date-input {
  padding: 0;
}
.currency-at-date-currency .input-group,
.currency-at-date-date .input-group,
.currency-at-date-date-input .input-group {
  width: 100%;
}
.currency-at-date-currency input {
  border-radius: 0 !important;
}
.currency-at-date-date .input-group-addon {
  background: #0076a3;
}
.currency-at-date-date .date-picker {
  display: none;
}
.currency-at-date-date .input-assistance-disabled {
  border-top-right-radius: 4px !important;
  border-bottom-right-radius: 4px !important;
}
.currency-at-date-date-input input {
  border-radius: 0;
}
.currency-at-date-date-input .btn-datepreset {
  border-top-right-radius: 4px !important;
  border-bottom-right-radius: 4px !important;
}
.addedChange {
  font-size: 12px;
  padding: 4px 0px 0px 4px;
}
.addedChange .text {
  vertical-align: super;
}
.input-currency-at-date .cur-at-date-btn {
  height: 32px;
  max-width: 32px;
  position: absolute;
  top: 0;
  right: 0;
  padding-left: 10px;
}
.input-currency-at-date ul {
  cursor: default;
}
.input-currency-at-date ul li {
  display: block;
  color: #1E1E1E;
}
.input-currency-at-date ul li:last-child {
  margin-bottom: -5px;
}
.input-currency-at-date ul .cur-at-date-dropdown-header {
  padding: 15px 15px 15px 5px;
  margin-top: -5px;
  display: inline-block;
  list-style-type: none;
  list-style-position: inside;
  background: #FFF;
  width: 100%;
  border-bottom: solid 1px #ddd;
  font-weight: bold;
}
.input-currency-at-date ul .cur-at-date-dropdown-scroll {
  height: auto;
  max-height: 200px;
  overflow-x: hidden;
}
.input-currency-at-date ul .cur-at-date-dropdown-sub-header {
  font-style: italic;
  background: #0076a3;
  color: #FFF;
  padding: 5px;
}
.input-currency-at-date ul .cur-at-date-value-item {
  padding: 0 15px 5px 15px;
  background: #0076a3;
  color: #FFF;
}
.input-currency-at-date ul .cur-at-date-value-item .fa-trash {
  color: #eeeeee !important;
  padding: 5px !important;
}
fig-culture-switch:not(.wide) .cultureDisplayNameLabel,
culture-switch:not(.wide) .cultureDisplayNameLabel {
  display: none;
}
fig-culture-switch i.fa.fa-caret-down,
culture-switch i.fa.fa-caret-down {
  width: 10px;
}
.choice-input .property-suffix {
  margin-top: 5px;
  font-style: italic;
}
.card .choice-input .radio-btn:has(input:focus) {
  background-color: #66afe9 !important;
  border-color: #66afe9 !important;
}
check-input,
fig-check-input,
.check-input {
  position: relative;
  display: block;
  width: 20px;
  height: 20px;
  text-align: center;
  overflow: hidden;
}
check-input .check-input,
fig-check-input .check-input {
  will-change: opacity, border-color;
  transition-duration: 0.085s;
  transition-property: opacity, border-color;
  background-color: #FFF;
  border: 2px solid #1E1E1E;
  border-radius: 3px;
  line-height: 0;
  opacity: 0.75;
  display: inline-block;
  text-align: center;
}
check-input .check-input i,
fig-check-input .check-input i {
  color: #1E1E1E;
  font-size: 13px;
  margin-top: 1px;
}
check-input .check-input .partial,
fig-check-input .check-input .partial {
  background-color: #1E1E1E;
  display: block;
  position: absolute;
  width: auto;
  height: 2px;
  left: 2px;
  right: 2px;
  top: 50%;
  margin-top: -1px;
}
check-input .check-input:not([disabled=disabled]),
fig-check-input .check-input:not([disabled=disabled]) {
  cursor: pointer;
}
check-input .check-input:not([disabled=disabled]):hover,
fig-check-input .check-input:not([disabled=disabled]):hover,
check-input .check-input:not([disabled=disabled]):focus,
fig-check-input .check-input:not([disabled=disabled]):focus {
  opacity: 1;
}
check-input .check-input:not([disabled=disabled]):hover,
fig-check-input .check-input:not([disabled=disabled]):hover,
check-input .check-input:not([disabled=disabled]):focus,
fig-check-input .check-input:not([disabled=disabled]):focus {
  border-color: #0076a3;
}
check-input .check-input[disabled=disabled],
fig-check-input .check-input[disabled=disabled] {
  cursor: default;
  opacity: 0.5;
}
#mdShadow {
  /* Shadows (from mdl http://www.getmdl.io/) */
}
fig-chart-type-selector .chart-type-selector-btn .btn {
  border: none;
  background: none;
}
fig-chart-type-selector .chart-type-selector-btn .btn .fa:first-child {
  margin-right: 5px;
}
fig-chart-type-selector .mat-mdc-form-field-subscript-wrapper {
  display: none;
}
#mdShadow {
  /* Shadows (from mdl http://www.getmdl.io/) */
}
.tree-view {
  display: block;
  position: relative;
  background-color: #FFF;
}
.tree-view ul {
  list-style: none;
}
.tree-view .branch-container {
  display: block;
}
.tree-view-branch {
  display: block;
  position: relative;
}
.tree-view-branch .tree-view-item {
  display: block;
  position: relative;
  width: 100%;
  min-height: 30px;
}
.tree-view-branch .tree-view-item:not([disabled=disabled]):hover {
  transition-duration: 0;
}
.tree-view-branch .tree-view-item:not([disabled=disabled]):hover > .branch-content .expanded-toggle .fa {
  opacity: 1;
  color: #0076a3;
}
.tree-view-branch .tree-view-item[disabled=disabled] {
  pointer-events: none;
  cursor: default;
}
.tree-view-branch .branch-content {
  height: 30px;
  position: relative;
  display: block;
  padding-left: 15px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.tree-view-branch .branch-content .checkbox-container {
  position: absolute;
  padding: 5px;
  width: 30px;
  height: 30px;
}
.tree-view-branch .branch-content .text-container {
  display: inline;
  margin-left: 30px;
  line-height: 2.5;
}
.tree-view-branch .branches {
  display: block;
}
.tree-view-branch .expanded-toggle {
  position: absolute;
  left: -15px;
  width: 15px;
  height: 30px;
  font-size: 16px;
  line-height: 1;
}
.tree-view-branch .expanded-toggle .fa {
  will-change: opacity, color;
  transition-property: opacity, color;
  transition-duration: 0.085s;
  opacity: 0.25;
}
#mdShadow {
  /* Shadows (from mdl http://www.getmdl.io/) */
}
chart-display .graph,
fig-chart-display .graph {
  position: relative;
  display: block;
  margin-bottom: 30px;
  margin-top: 1px;
  border: 1px solid #ddd;
  background: #FFF;
  padding: 30px 15px 15px;
  will-change: box-shadow;
  transition: box-shadow 0.3s;
  box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 2px 0 rgba(0, 0, 0, 0.12);
}
chart-display .graph.graph-size-default,
fig-chart-display .graph.graph-size-default {
  height: 300px;
  transition: height 0.5s ease-out;
}
chart-display .graph.graph-size-large,
fig-chart-display .graph.graph-size-large {
  height: 650px;
  transition: height 0.5s ease-out;
}
chart-display .graph.graph-size-large .highcharts-container,
fig-chart-display .graph.graph-size-large .highcharts-container {
  height: 600px;
}
.chart-display-placeholder.graph-size-default {
  height: 300px;
}
.chart-display-placeholder.graph-size-large {
  height: 650px;
}
.highcharts-tooltip .title {
  text-align: left;
}
.highcharts-tooltip .euro-sign,
.highcharts-tooltip .value {
  padding-left: 5px;
}
.highcharts-tooltip .value {
  text-align: right;
}
.highcharts-tooltip .chart-tooltip-icon {
  font-size: 10px;
  margin: 3px;
}
.indicator-container {
  width: 27px;
  display: inline-block;
}
.indicator-container .indicator-base {
  display: inline-block;
  border-radius: 4px;
  width: 27px;
  line-height: 30px;
  text-align: center;
  font-size: 16px;
}
.indicator-container .added-indicator {
  color: #00b050;
}
.indicator-container .changed-indicator {
  color: #f28c4f;
  font-size: 20px;
}
.indicator-container .deleted-indicator {
  color: #d60000;
}
.indicator-container .default-indicator {
  color: #d8d8d8;
}
.indicator-container .fa-bullseye {
  color: #E7AA37;
  font-size: 18px;
}
#mdShadow {
  /* Shadows (from mdl http://www.getmdl.io/) */
}
fig-financial-summary mat-tab-group .mat-mdc-tab-labels {
  flex-wrap: wrap;
}
fig-financial-summary mat-tab-group .mat-mdc-tab-labels .mdc-tab {
  min-width: auto;
  padding-left: 10px;
  padding-right: 10px;
  flex-grow: 0 !important;
}
fig-financial-summary mat-tab-group .mat-mdc-tab-labels .mdc-tab__text-label {
  letter-spacing: normal;
}
fig-financial-summary .mdc-tab-indicator {
  display: none;
}
fig-financial-summary .mdc-tab.mat-mdc-tab {
  height: 40px;
}
fig-financial-summary .mdc-tab.mat-mdc-tab.mdc-tab--active {
  border-top: 1px solid #dddddd;
  border-bottom: 1px solid white;
  border-left: 1px solid #dddddd;
  border-right: 1px solid #dddddd;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
}
fig-financial-summary .mdc-tab.mat-mdc-tab.mdc-tab--active > * {
  margin-top: -1px;
}
fig-financial-summary .mat-mdc-tab-body-wrapper {
  z-index: 0;
  top: -1px;
  margin-right: -50px;
}
fig-financial-summary mat-tab-body {
  padding-top: 20px;
  padding-bottom: 16px;
  padding-left: 23px;
  padding-right: 23px;
  border: 1px solid #dddddd;
}
fig-financial-summary .download-csv {
  color: #217346;
  float: right;
  margin: 0 10px -1px 12px;
  padding: 0;
  background: none;
  border: none;
  outline: none;
}
fig-financial-summary .download-csv:hover:not(:disabled) {
  color: #1b5f3a;
  cursor: pointer;
}
fig-financial-summary .download-csv:active:not(:disabled) {
  color: #164b2e;
}
fig-financial-summary .download-csv:disabled {
  opacity: 0.5;
  cursor: default;
}
fig-financial-summary .download-csv i {
  line-height: 1.21428571;
  font-size: 2em;
  padding: 4.5px;
}
fig-financial-summary .overview-type-selector-area table {
  width: 100%;
  margin-bottom: 12px;
}
fig-financial-summary .overview-type-selector-area table td:nth-child(2) {
  width: 30%;
}
fig-financial-summary .overview-type-selector-area table td:nth-child(2) select {
  font-size: 13px;
}
fig-financial-summary .ages {
  font-size: 13px;
  position: absolute;
  top: 10px;
  left: 0;
  padding: 7px 10px;
  border-radius: 0 10px 10px 0;
  background-color: #e6e6e6;
  box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 2px 0 rgba(0, 0, 0, 0.12);
}
fig-financial-summary .row.row-header {
  position: relative;
  margin-bottom: 15px;
}
fig-financial-summary .row.row-header .icon-btn {
  width: 30px;
  display: inline-block;
  text-align: center;
}
fig-financial-summary .row.row-header .pull-right {
  width: 0px;
  position: relative;
  right: 10px;
}
fig-financial-summary .row.row-header h1,
fig-financial-summary .row.row-header h2,
fig-financial-summary .row.row-header h3,
fig-financial-summary .row.row-header h4,
fig-financial-summary .row.row-header h5,
fig-financial-summary .row.row-header h6 {
  position: relative;
}
fig-financial-summary .row.row-header h1 .title,
fig-financial-summary .row.row-header h2 .title,
fig-financial-summary .row.row-header h3 .title,
fig-financial-summary .row.row-header h4 .title,
fig-financial-summary .row.row-header h5 .title,
fig-financial-summary .row.row-header h6 .title {
  margin: 0 15px;
}
fig-financial-summary .row.row-header .close-btn {
  position: absolute;
  right: 0;
}
fig-financial-summary .panel-body {
  overflow: visible !important;
  /* If this inherits the value "hidden", scrolling is not possible in IE */
}
fig-financial-summary table.table-budget,
fig-financial-summary table.table-financial-overview {
  table-layout: auto;
}
fig-financial-summary table.table-budget tbody tr td.description,
fig-financial-summary table.table-financial-overview tbody tr td.description {
  width: 100%;
  position: relative;
  height: 22px;
}
fig-financial-summary table.table-budget tbody tr td.description span,
fig-financial-summary table.table-financial-overview tbody tr td.description span {
  overflow: hidden;
  white-space: nowrap;
  display: block;
  text-overflow: ellipsis;
  position: absolute;
  top: 2px;
  left: 0;
  right: 0;
  height: 18px;
}
fig-financial-summary table.table-budget tbody tr td.currency-symbol,
fig-financial-summary table.table-financial-overview tbody tr td.currency-symbol,
fig-financial-summary table.table-budget tbody tr td.numeric,
fig-financial-summary table.table-financial-overview tbody tr td.numeric,
fig-financial-summary table.table-budget tbody tr td.text,
fig-financial-summary table.table-financial-overview tbody tr td.text {
  text-align: right;
  padding-left: 10px;
}
fig-financial-summary table.table-budget tbody tr td.text,
fig-financial-summary table.table-financial-overview tbody tr td.text {
  min-width: 100px;
}
fig-financial-summary table.table-budget tbody tr.header-row,
fig-financial-summary table.table-financial-overview tbody tr.header-row {
  font-weight: bold;
}
fig-financial-summary table.table-budget tbody tr.header-row td.description,
fig-financial-summary table.table-financial-overview tbody tr.header-row td.description {
  height: 31px;
}
fig-financial-summary table.table-budget tbody tr.header-row td.description span,
fig-financial-summary table.table-financial-overview tbody tr.header-row td.description span {
  top: 11px;
}
fig-financial-summary table.table-budget tbody tr.header-row.top-level-row,
fig-financial-summary table.table-financial-overview tbody tr.header-row.top-level-row {
  text-transform: uppercase;
}
fig-financial-summary .up-arrow::before {
  content: '';
  position: absolute;
  width: 30px;
  height: 30px;
  left: 50%;
  background-color: #FFF;
  transform: translateY(-50%) translateX(-50%) rotateZ(-45deg);
  border-right: 1px solid #ddd;
  border-top: 1px solid #ddd;
}
#mdShadow {
  /* Shadows (from mdl http://www.getmdl.io/) */
}
.with-card-table .table tr,
.with-card-table .table td,
.with-card-table .table th {
  box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.14), 0 0 0 0 rgba(0, 0, 0, 0.2), 0 0 0 0 rgba(0, 0, 0, 0.12);
  will-change: box-shadow, background-color;
  transition-property: box-shadow, background-color;
  transition-duration: 0.3s;
}
.with-card-table .table tr {
  cursor: pointer;
}
.with-card-table .table tr.selected {
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
}
.with-card-table .table tr.invalid {
  cursor: default;
}
.with-card-table .table tr.invalid .expander-icon {
  opacity: 0.5;
}
.with-card-table .table tr.readonly {
  cursor: default !important;
}
.with-card-table .table tr.readonly .expander-icon {
  display: none;
  visibility: hidden;
}
.with-card-table .table th:nth-child(2),
.with-card-table .table td:nth-child(2) {
  padding-left: 0;
}
.with-card-table .table th.column-actions,
.with-card-table .table td.column-actions {
  text-align: center;
  width: 50px;
}
.with-card-table .table th.column-expander,
.with-card-table .table td.column-expander {
  width: 30px;
  position: relative;
}
.with-card-table .table th.column-expander .expander-icon,
.with-card-table .table td.column-expander .expander-icon {
  padding-top: 4px;
  text-align: center;
}
.with-card-table .table th.card-table-properties,
.with-card-table .table td.card-table-properties {
  padding: 20px 15px 10px 15px;
  box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 2px 0 rgba(0, 0, 0, 0.12);
  background-color: rgba(230, 230, 230, 0.25);
}
.with-card-table .card-table-actions {
  padding-top: 15px;
  padding-left: 30px;
}
#mdShadow {
  /* Shadows (from mdl http://www.getmdl.io/) */
}
.card-form {
  height: 100%;
  position: relative;
}
.card-form .card-form-page {
  margin-bottom: 20px;
}
.card-form .card-form-page-block {
  border-bottom: 2px dotted #e6e6e6;
}
.card-form .card-form-page-block-last {
  border-bottom: none;
  margin-bottom: -20px;
}
.card-form .no-properties-in-view {
  margin-bottom: 25px;
}
.card-form .expander-container {
  transition: max-height 1s cubic-bezier(1, 0, 1, 0);
  max-height: 10000px;
  /* We need to set the max-height to get the animation working; we assume that 10.000px will always fit.*/
  overflow: hidden;
  margin: 0 -15px;
  padding: 0 15px;
}
.card-form .expander-container[hidden] {
  transition-timing-function: cubic-bezier(0, 1, 0, 1);
  display: block !important;
  max-height: 0px;
}
.card-detail-level,
.card-form-actions {
  padding-left: 30px;
  padding-right: 30px;
}
.card-detail-level.form-group,
.card-form-actions.form-group {
  margin-bottom: 0;
}
textarea-input,
fig-textarea-input {
  display: block;
}
.other-content input {
  margin-top: 5px;
}
.card-header-item {
  vertical-align: middle;
  display: inline-block;
  margin: 0 5px;
}
.card-header-item:first-child {
  margin-left: 0;
}
.card-header-item:last-child {
  margin-right: 0;
}
.card-actions {
  text-align: right;
}
.error-message {
  color: #d9534f;
  margin-top: 5px;
}
.card-form-title {
  font-weight: 400;
  font-size: 19px;
}
.card-form-information {
  font-weight: 300;
  font-size: 14px;
  margin-top: 0.5rem;
}
.add-card-list {
  padding: 0 !important;
}
.add-card-list .cards-container {
  position: relative;
}
.add-card-list .cards-container.category-with-actions .card-container {
  padding-right: 160px;
}
.add-card-list .cards-container.category-with-actions .category-actions {
  display: block;
}
.add-card-list .cards-container .category-actions {
  display: none;
  border-left: 1px solid #ddd;
  position: absolute;
  width: 160px;
  top: 10px;
  right: 10px;
  bottom: 10px;
  height: auto;
}
.add-card-list .cards-container .category-actions .btn {
  text-align: center;
  white-space: normal;
  word-break: break-word;
  margin-left: 10px;
  margin-bottom: 5px;
}
.add-card-list .row {
  display: block;
  height: auto;
  min-height: 90px;
}
.add-card-list .row:first-child {
  padding: 0 0 5px 0;
}
.add-card-list .row:not(:last-child) {
  border-bottom: 1px solid #ddd;
}
.add-card-list .row .icon-container,
.add-card-list .row .card-container {
  display: inline-block;
  text-align: center;
}
.add-card-list .row .icon-container {
  border-right: 1px solid #ddd;
  min-height: 90px;
  height: 100%;
  width: 160px;
  position: absolute;
  left: 0;
}
.add-card-list .row .icon-container i.measure-icon::after {
  content: '▲';
  font-size: 44px;
}
.add-card-list .row .icon-container i.fa,
.add-card-list .row .icon-container i.fas,
.add-card-list .row .icon-container i.far {
  padding: 15px 10px 0 10px;
  margin-bottom: 5px;
  font-size: 36px;
  color: #E7AA37;
}
.add-card-list .row .icon-container .title {
  width: 100%;
  font-size: 15px;
  margin: 0;
}
.add-card-list .row .card-container {
  text-align: left;
  height: auto;
  padding: 10px 10px 0 10px;
  padding-left: 170px;
}
.add-card-list .row .card-container .btn-add-card {
  margin: 0 7.5px 7.5px 0;
  opacity: 1;
  will-change: background, opacity;
  transition-duration: 0.085s;
  transition-property: background, opacity;
  padding: 3px 8px;
}
.add-card-list .row .card-container .btn-add-card[disabled] {
  opacity: 0.2;
}
.add-card-list .no-goal-cards-to-add {
  margin: 12px;
}
#mdShadow {
  /* Shadows (from mdl http://www.getmdl.io/) */
}
.selected-card {
  background-color: #FFF;
  padding: 5px 0;
  height: 30px;
  position: relative;
  cursor: pointer;
}
.selected-card .card-index {
  border-right: 1px solid #ddd;
  text-align: center;
  color: #777777;
  font-weight: 700;
}
.selected-card .card-description {
  text-align: left;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.selected-card .card-delete-button {
  padding: 0;
  text-align: center;
}
.selected-card .card-delete-button:hover i {
  color: #383838;
}
.add-card-row {
  padding-top: 15px;
}
.selected-card-placeholder {
  background: #FFF;
  min-height: 30px;
}
.cdk-drag-preview {
  box-sizing: border-box;
  border-radius: 4px;
  box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12);
}
#mdShadow {
  /* Shadows (from mdl http://www.getmdl.io/) */
}
fig-plan-event-selector,
.plan-event-selector {
  display: inline-block;
}
fig-plan-event-selector .plan-event-selector-btn .btn,
.plan-event-selector .plan-event-selector-btn .btn {
  border: none;
  background: none;
}
fig-plan-event-selector .plan-event-selector-btn .btn .fa:first-child,
.plan-event-selector .plan-event-selector-btn .btn .fa:first-child {
  margin-right: 5px;
}
fig-plan-event-selector .mat-mdc-form-field-subscript-wrapper,
.plan-event-selector .mat-mdc-form-field-subscript-wrapper {
  display: none;
}
.plan-dropdown-menu-text {
  display: inline-block !important;
  padding: 3px 6px !important;
}
.plan-dropdown-menu-icon {
  margin-left: 11px !important;
  font-size: 12px;
}
#mdShadow {
  /* Shadows (from mdl http://www.getmdl.io/) */
}
card-properties,
.card-properties {
  display: block;
}
.card-properties .card-property {
  min-height: 32px;
}
.card-properties .card-property .expanded {
  margin-top: 15px;
}
.card-properties .card-property .expander-splitter {
  padding-left: 0px;
  padding-right: 0px;
}
.card-properties .card-property .expander-splitter hr {
  height: 5px;
  margin-top: 10px;
  margin-bottom: 10px;
}
.card-properties .card-property .note-label {
  padding-top: 8px;
  font-size: 14px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.card-properties .card-property .form-group {
  margin-bottom: 0;
  padding-bottom: 15px;
}
.card-properties .card-property .label-header {
  font-weight: 300;
  font-size: 19px;
  word-wrap: break-word;
}
.card-properties .card-property.card-property-expandable .card-property-title .expander-label {
  margin-left: -30px;
}
.card-properties .card-property .card-property-title {
  padding-left: 30px;
  padding-bottom: 15px;
}
.card-properties .card-property .card-property-title .expander-icon {
  padding-top: 7px;
}
.card-properties .card-property .card-property-title .control-label {
  transition: text-shadow 0.5s, transform 0.5s, color 0.5s;
  transform-origin: left;
  padding-top: 7px;
  margin-bottom: 0;
}
.card-properties .card-property .card-property-title.indented {
  padding-left: 50px;
}
.card-properties .card-property .attachment-link {
  padding-top: 7px;
  font-size: 14px;
}
.card-properties .card-property .card-property-control {
  display: flex;
}
.card-properties .card-property .card-property-control div {
  min-width: 1px;
}
.card-properties .card-property .card-property-control > * {
  flex-grow: 1;
}
.card-properties .card-property .card-property-control .control-inputtype-splitbuttondropdown {
  flex-grow: 0;
  flex-shrink: 0;
  margin-left: 5px;
}
.card-properties .card-property .card-property-control .control-inputtype-splitbuttondropdown i {
  width: 18px;
}
.card-properties .card-property .card-property-control .control-inputtype-splitbuttondropdown > .btn {
  height: 32px;
}
.card-properties .card-property .card-property-control .control-inputtype-splitbuttondropdown li {
  margin: 1px 5px;
  border-left: 5px solid transparent;
  padding-left: 4px;
}
.card-properties .card-property .card-property-control .control-inputtype-splitbuttondropdown li.active {
  border-left: 5px solid #0076a3;
}
.card-properties .card-property .card-property-control .control-inputtype-splitbuttondropdown li:hover {
  background-color: #e6e6e6;
}
.card-properties .card-property .card-property-control .control-inputtype-splitbuttondropdown button.disablepointerevents {
  pointer-events: none;
}
.card-properties .card-property.updated .card-property-title .control-label {
  text-shadow: 0.4px 0 0 #0076a3, 0 -0.1px 0 #0076a3, 0 0.1px 0 #0076a3;
  transition: text-shadow 0.2s, transform 0.2s, color 0.2s;
  transform: scale(1.05);
  color: #0076a3;
}
.card-properties .card-property .btn-primary:not([disabled=disabled]):focus {
  background-color: #66afe9;
  border-color: #66afe9;
}
.card-properties .card-property-detail income-specification,
.card-properties .card-property-detail textarea-input {
  padding-left: 15px;
}
.card-properties .recalculatePensionBenefitDialog-value {
  margin-top: 7px;
}
.expander-invalid-icon {
  color: #A00000;
}
.expander-label {
  position: relative;
  height: 30px;
  padding-left: 30px;
}
.expander-label.label-page {
  margin-left: -15px;
}
.expander-label.label-page .expander-icon,
.expander-label.label-page .expander-text {
  font-size: 16px;
}
.expander-label .expander-icon {
  width: 30px;
  height: 30px;
  position: absolute;
  top: 0;
  left: 0;
  display: block;
}
.expander-label .expander-text {
  position: relative;
}
.expander-label .expander-invalid-icon {
  text-align: center;
  width: 12px;
  height: 20px;
  display: none;
}
.expander-label.expander-invalid {
  cursor: default !important;
}
.expander-label.expander-invalid .expander-invalid-icon {
  display: inline-block;
}
.expander-label.expander-invalid .expander-icon {
  opacity: 0.5;
}
.expander-icon {
  text-align: center;
  font-size: 14px;
  opacity: 1;
  will-change: opacity;
  transition-property: opacity;
  transition-duration: 0.3s;
}
.expander-icon.expanded-chevron i {
  transform: scale3d(1, 1, 1) rotateZ(90deg);
}
.expander-icon i {
  transition-property: transform;
  transition-duration: 0.2s;
  will-change: transform;
  color: #707070;
}
.required-marker {
  vertical-align: top;
  font-size: 8px;
  color: #848484;
  padding-top: 7px;
}
#mdShadow {
  /* Shadows (from mdl http://www.getmdl.io/) */
}
.numeric-stepper {
  display: inline-block;
  width: 92px;
  border: 1px solid #0076a3;
  border-radius: 3px;
}
.numeric-stepper .btn,
.numeric-stepper .numeric-value {
  width: 30px;
  height: 24px;
  display: inline-block;
}
.numeric-stepper .numeric-value {
  line-height: 1.7;
}
.numeric-stepper .btn {
  border: none !important;
  transition: none !important;
  margin: 0;
}
.numeric-stepper .btn.add {
  margin-bottom: 0;
}
.numeric-stepper i {
  color: #0076a3;
}